﻿.BaseTable
{
	width							: 761px;
	height							: 100%;

	background-image				: url(../images/achtergrond/website_achtergrond.gif);
	background-position				: top left;
	background-repeat				: no-repeat;
	
	border-left						: solid 1px #003366;
	border-right					: solid 1px #003366;
	border-bottom					: solid 1px #003366;
}

.BaseHeaderImage
{
	width							: 611px;
	height							: 125px;
	text-align: right;
	vertical-align: bottom;
}

.BaseHeaderDrempelsweg
{
	width							: 150px;
	height							: 125px;
	
	border-left						: solid 1px #003366;
}

.BaseHeaderBarMenuLeft
{
	width							: 140px;
	height							: 20px;
	
	background-color					: #99CC00;
	border-top						: solid 1px #003366;
	padding							: 3px 0px 0px 8px;
}

.BaseHeaderBar
{
	width							: 621px;
	height							: 20px;
}

.BaseHeaderMenuCenter
{
	width							: 412px;
	height							: 20px;
	
	border-top						: solid 1px #003366;
	border-bottom					: solid 1px #003366;
	
	vertical-align					: middle;
}

.BaseHeaderZoeken
{
	width							: 150px;
	height							: 20px;
	
	border-top						: solid 1px #003366;
	border-bottom					: solid 1px #003366;
	background-color				: #003366;
}

.BaseHeaderMenu
{
	width							: 412px;
	height							: 20px;
	
	background-color				: #003366;
}

.BaseMenuLeft
{
	width							: 140px;
	
	border-right					: solid 1px #003366;
	background-color				: #99CC00;
}

.BaseMenuRight
{
	width							: 150px;
	
	border-left						: solid 1px #003366;
	background-color				: #E6F3C0;
}

.BaseContent
{
/*	padding							: 15px 15px 15px 15px;*/
	background-color				: #EFF7D7;	
	width							: 100%;
}

.TableZoeken
{
	width							: 100%;
	height							: 20px;
	
	background-color				: #99CC00;
}

.ZoekItem
{
	padding							: 0px 9px 0px 9px;
	color							: #003366;
	font-weight						: bold;
	font-size						: 90%;
	
	background-color				: #99CC00;
	vertical-align					: middle;
}

.ZoekInput
{
	width							: 123px;
	
	vertical-align					: middle;
	background-color				: #003366;
	padding							: 0px 1px 0px 2px;
}

.ZoekButton
{
	vertical-align					: middle;
	background-color				: #99CC00;
	padding							: 1px 1px 1px 1px;
}

.InputZoekText
{
	width							: 119px;
	height							: 18px;

	border							: solid 1px #003366;
}

.InputZoekSubmit
{
	width							: 42px;
	height							: 18px;
	cursor							: hand;
	
	color							: #FFFFFF;
	font-weight						: bold;
	font-size						: 95%;
	
	background-color				: #003366;
	border							: solid 1px #003366;
}

.InputZoekSubmitGeavanceerd
{
	width							: 102px;
	height							: 18px;
	cursor							: hand;
	
	color							: #FFFFFF;
	font-weight						: bold;
	font-size						: 95%;
	
	background-color				: #003366;
	border							: solid 1px #003366;
}


.HeaderMenuItem
{
	padding							: 3px 9px 0px 8px;
}

.HeaderMenuItem a
{
	color							: #FFFFFF;
	font-weight						: bold;
	vertical-align					: middle;
}

.TableHeaderMenu
{
	width							: 348px;
	height							: 20px;
}

.cel-top
{
	font-weight						: bold;
}





/*
 * drempelsweg
 */ 
.TableDrempelsweg
{
	width							: 140px;
	margin							: 32px 0px 0px 7px;
}

.DrempelswegHeader
{
	font-size						: 95%;
	padding							: 0px 0px 5px 0px;
}

.TableDrempelswegNiveau1
{
	font-size						: 100%;
}

.TableDrempelswegNiveau2
{
	font-size						: 120%;
}

.TableDrempelswegNiveau3
{
	font-size						: 140%;
}

.ColorSelected
{
	color							: #99CC00;
}

/*
 * Het linker menu
 */
.TableLeftMenu
{
	width							: 140px;
}

.clsMenuEmpty
{
	height							: 19px;
	border-top						: solid 1px #003366;
}

.clsMenuNiveau1_Left
{
	width							: 4px;
	height							: 19px;

	background-color				: #003366;
}

.clsMenuNiveau1
{
	color							: #FFFFFF;
	font-weight						: bold;
	height							: 19px;
	
	padding							: 2px 0px 2px 2px;
	border-top						: solid 1px #003366;
	background-color				: #C7E373;
}

.clsMenuNiveau1_Active
{
	color							: #FFFFFF;
	font-weight						: bold;
	height							: 19px;
	
	padding							: 2px 0px 0px 2px;
	background-color				: #003366;
}

.clsMenuNiveau1 a
{
	color							: #003366;
	font-weight						: bold;
	
	padding							: 2px 0px 2px 2px;
}

.clsMenuNiveau1_Active a
{
	color							: #FFFFFF;
	font-weight						: bold;
	
	padding							: 2px 0px 0px 2px;
	background-color				: #003366;
}

.clsMenuNiveau1_Right
{
	width							: 10px;
	color							: #003366;
	
	padding							: 2px 2px 0px 2px;
	border-top						: solid 1px #003366;	
	background-color				: #C7E373;
	text-align						: center
	
}

.clsMenuNiveau1_Right a
{
	width							: 10px;
	color							: #003366;
	
	padding							: 2px 2px 0px 2px;
}

.clsMenuNiveau1_Right_Active
{
	width							: 10px;
	color							: #FFFFFF;
	
	padding							: 2px 2px 0px 2px;
	background-color				: #003366;
	text-align						: center;
}

.clsMenuNiveau1_Right_Active a
{
	width							: 10px;
	color							: #FFFFFF;
	
	padding							: 2px 2px 0px 2px;
	background-color				: #003366;
	text-align						: center;
}

.clsSubMenuContainer_Left
{
	width							: 4px;
	height							: 19px;

	background-color				: #669933;	
}

.clsSubMenuContainerPrefix
{
	width							: 10px;
	color							: #003366;
	
	background-color				: #E3F1B9;
	padding							: 2px 0px 2px 2px;
	border-top						: solid 1px #669933;		
}

.clsSubMenuContainerPrefix a
{
	width							: 10px;
	color							: #003366;
	
	background-color				: #E3F1B9;
	padding							: 2px 0px 2px 2px;
}

.clsSubMenuContainer
{
	height							: 19px;
	width							: 100%;
	
	color							: #003366;
	
	text-decoration					: none;
	padding							: 2px 0px 2px 2px;
	
	background-color				: #E3F1B9;
	border-top						: solid 1px #669933;		
}

.clsSubMenuContainer_Right
{
	color							: #003366;
	
	padding							: 2px 5px 2px 2px;
	background-color				: #E3F1B9;
	border-top						: solid 1px #669933;
}

.clsSubMenuContainer a
{
	height							: 19px;
	width							: 100%;
	
	color							: #003366;
	
	text-decoration					: none;
	background-color				: #E3F1B9;
	padding							: 2px 0px 2px 2px;
}

/*
 * Login in menu
 */
.TableLogin
{
	width						: 100%;
	background-color			: #336633;
	border-bottom				: solid 1px #003366;
}

.LoginHeader
{
	background-color			: #99CC00;
	font-weight					: bold;
	color						: #FFFFFF;
	padding						: 7px 8px 4px 8px;
}

.LoginField
{
	color						: #FFFFFF;
	padding						: 2px 8px 2px 8px;	
}

.LoginField a
{
	color						: #FFFFFF;
}

.InputLoginSubmit
{
	width							: 26px;
	height							: 18px;
	
	color							: #003366;
	font-weight						: bold;
	font-size						: 95%;
	
	background-color				: #99CC00;
	border							: solid 1px #99CC00;
}

/*
 * Login in menu
 */
.TableLogin
{
	width							: 100%;
	background-color				: #336699;
	border-bottom					: solid 1px #003366;
}

.LoginHeader
{
	background-color				: #003366;
	font-weight						: bold;
	color							: #FFFFFF;
	padding							: 7px 8px 4px 8px;
}

.LoginField
{
	color							: #FFFFFF;
	padding							: 1px 8px 2px 8px;	
}

.InputLoginSubmit
{
	width							: 46px;
	height							: 16px;
	
	color							: #FFFFFF;
	font-size						: 90%;
	
	background-color				: #003366;
	border							: solid 1px #FFFFFF;
}

.InputLoginText
{
	width							: 100%;
	height							: 18px;

	border							: solid 1px #003366;
}

/*
 * Explorer
 */
.clsTblExplorer
{
	border						: solid 1px #003366;
	background-color			: #E9F4CA;
}

.clsTblExplorer td
{
	padding						:  2px 2px 2px 2px;
}

.clsRowExplorer
{
	font-weight					: bold;
	
	background-color			: #99CC00;
	border-bottom				: solid 1px #003366;
}

.clsExplorerMeer
{
	border-top					: solid 1px #003366;
}

/*
 * Invoersjablonen
 */
.clsTable, .table
{
	width						: 100%;
}

.clsOverzichtCluster
{
	border						: solid 1px #003366;
	background-color			: #99CC00;
	font-weight					: bold;
	padding						: 4px 4px 4px 10px;
	vertical-align				: middle;
}

.clsMenu
{
	border						: solid 1px #003366;
	background-color			: #99CC00;
	font-weight					: bold;
	padding						: 4px 4px 4px 10px;
	vertical-align				: middle;

	width						: 432px;
}

.clsMenuSeperator
{
	padding						: 4px 0px 4px 0px;
}

.clsMenuItem
{
	padding						: 4px 4px 4px 4px;
}

.clsMenuItem_over
{
	padding						: 3px;
	display						: inline;
	border						: solid 1px #003366;
	background-color			: #FFFFFF;
}

.clsClusterIcon
{
	background-color			: #99CC00;
	font-weight					: bold;
	padding						: 4px 4px 4px 4px;
	vertical-align				: middle;
	border-left					: solid 1px #003366;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
}

.clsClusterLabel
{
	background-color			: #99CC00;
	vertical-align				: middle;
	font-weight					: bold;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
}

.clsClusterValidate
{
	background-color			: #99CC00;
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
}

.clsClusterField
{
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
	background-color			: #99CC00;
}

.clsClusterInfo
{
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #003366;
	border-bottom				: solid 1px #003366;
	border-right				: solid 1px #003366;
	background-color			: #99CC00;
}

.clsFieldIcon
{
    border-left					: solid 1px #003366;
    border-bottom				: solid 1px #003366;
}

.clsFieldLabel
{
	padding						: 4px 4px 4px 0px;
	vertical-align				: top;
	width						: 35%;
    border-bottom				: solid 1px #003366;
}

.clsFieldValidate
{
	padding						: 4px;
	vertical-align				: top;
    background-color			: #E9F4CA;
    border-bottom				: solid 1px #003366;
}

.clsField
{
	padding						: 4px;
	width						: 100%;
    background-color			: #E9F4CA;
    border-bottom				: solid 1px #003366;
}

.clsInfo
{
	padding						: 4px;
	width						: 100%;
    background-color			: #E9F4CA;
    border-right				: solid 1px #003366;
    border-bottom				: solid 1px #003366;
}

.clsNavigatieBar
{
	border						: solid 1px #003366;
	background-color			: #99CC00;
	font-weight					: bold;
	padding						: 2px 4px 2px 10px;
	vertical-align				: middle;
}

.clsKalenderRowOdd
{
    background-color			: #FFFFFF;
}

.clsKalenderRowEven
{
    background-color			: #E9F4CA;
    padding						: 5px 0px 5px 5px;
}

/*
 * Rechtermenu
 */
.TableMenuRight
{
	width							: 100%;
	overflow : hidden;
}

.MenuRightHeader
{
	height							: 20px;
	font-weight						: bold;
	padding-left					: 5px;
	vertical-align					: middle;
	background-color				: #CBE57D;
	border-top						: solid 1px #003366;
	border-bottom					: solid 1px #003366;
	width			: 145px;
}

.MenuRightItem
{
	width							: 140px;
	height							: 19px;
	padding-left					: 2px;
	padding-top						: 5px;
	word-wrap						: break-word;
	overflow : hidden;
}
.MenuRightRecentItem
{
	width							: 140px;
	height							: 19px;
	padding-left					: 2px;
	padding-top						: 5px;
	word-wrap						: break-word;
	overflow : hidden;
}

/*
 * BolMenu
 */
.BolMenuItem
{
	width							: 100%;
	height							: 19px;
	padding							: 2px 5px 2px 5px;
}

/*
 *
 */
.PaginaSjabloonLijnen
{
	position						: absolute;
	left							: 431px;
	width							: 150px;
	height							: 1000px;
	
	border-left						: solid 1px #003366;
	border-right					: solid 2px #003366;
}

div.BaseContent
{
	float							: left;
	width							: 600px;
	height							: 100%;
	overflow						: visible; /*none*/
}

div.Kruimelpad
{
	width							: 98%;
	padding							: 15px 15px 0px 15px;
	background-color				: #EFF7D7;
}

div.Content
{
	width							: 100%;
	padding							: 15px 15px 15px 15px;
	background-color				: #E1E7ED;
	background-color				: #EFF7D7;
}


.clsRowOdd
{
    background-color				: transparent;
}
.clsRowEven
{
	background-color				: #E6F3C0;
}

/*20070831 JV: menu mag nooit breder worden dan opgegeven, omdat anders de lay-out niet goed meer is*/
.milonictable
{
	overflow	:hidden;
	table-layout :fixed;
}

/*Blog*/

.MaxWidth
{
	width:100%;
}

.BlogHolder
{
	padding:20px;
}

.BlogHeader
{
	width:100%;
	vertical-align:bottom;		
}

.BlogTitle
{
	width:100%;		
}

.HeaderTitle
{
	font-size:x-large;
	font-weight:bold;
	height:100%;
}

.HeaderSubTitle
{
	float:right;
	font-size:medium;
	font-weight:bold;		
	position:relative;
	top:13px;	
}

.BlogPostHeader
{
	width:100%;		
	border:solid 1px #003366;	
	
	color:White;
	background-color:#99cc00;	
}

.BlogPostHeaderOverzicht
{
	width:100%;		
	border:solid 1px #003366;	
	
	color:White;
	background-color:#99cc00;
	margin:15px 0px 15px 0px;	
}

.BlogPostHeaderImage
{	
	display:block;
}

.BlogPostHeader a
{
	color:#003366;
}

.BlogPostHeaderOverzicht a
{
	color:#003366;
}

.BlogPostTitle
{
	Padding:5px 10px 10px 10px;
	Color:#003366;		
}

.BlogPostDateTime
{
	color:#003366;
}

.PageButtons
{
	width:427px;	
}

.BlogPostCommentaar
{
	padding:10px 10px 10px 10px;
	border:solid 1px #003366;
	margin-top:20px;
}

.BlogPostInhoud a
{
	color:red;
}

.Commentaar
{	
	padding:15px 0px 0px 0px;
	width:100%;
}

.CommentaarTekst
{
	padding:5px 0px 0px 0px;
	width:100%;
}

.CommentaarGebruikerCreatieDD
{	
	border-top:dashed 1px #003366;
	padding:5px 0px 5px 0px;
	width:100%;
	font-style:italic;
}

.Voorwaarden
{
	margin:10px 0px 10px 0px;
}

.RedLink a
{
	color:Red;
	text-decoration:underline;
}

.ReactieError
{
	color:Red;
	font-weight:bold;	
}
