﻿body
{
	background-color				:#f2f2e2;
}
hr
{
	height							: 1px;
	color							: #003366;
}

.BaseTable
{
	width							: 761px;
	height							: 100%;

	background-image				: url(../images/achtergrond/ledennet_achtergrond.gif);
	background-position				: top left;
	background-repeat				: no-repeat;
	
	border-Top						: solid 2px #8cc63f;		
	border-Left						: solid 1px #8cc63f;
	border-Right					: solid 1px #8cc63f;
}

.BaseHeaderImage
{
	width							: 100%;
	height							: 125px;	
}

.BaseHeaderDrempelsweg
{
	width							: 150px;
	height							: 125px;
	
	border-left						: solid 1px #8dc73f;
	padding-top						:5px;
	background-color				:white;
}

.BaseHeaderBarMenu
{
	background-image				: url(../images/header/HeaderBarBack.png);	
	background-repeat				: repeat-x;
}

.BaseHeaderBarMenuLeft
{
	width							: 140px;
	height							: 20px;	
	color							: #FFFFFF;
}

.BaseHeaderBar
{
	width							: 621px;
	height							: 20px;
}

.BaseHeaderMenuCenter
{
	width							: 412px;
	height							: 20px;	
	
	vertical-align					: middle;
}

.BaseHeaderZoeken
{
	width							: 150px;
	height							: 20px;
	
	background-color				: #8dc73f;
}

.BaseHeaderMenu
{
	width							: 412px;
	height							: 20px;	
}

.BaseMenuLeft
{
	width							: 140px;
	
	border-right					: solid 1px #8cc63f;
	border-top						: solid 1px white;
	background-color				: white;
}

.BaseMenuRight
{
	width							: 148px;
	
	border-left						: solid 1px #8cc63f;
	border-top						: solid 1px white;
	background-color				: white;
}

.BaseContent
{
	padding							: 15px 15px 15px 15px;
	background-color				: white;
}

.TableHeaderMenu
{
}

.TableZoeken
{
	width							: 100%;
	height							: 20px;
	
	background-color				: #003366;
}

.ZoekItem
{
	padding							: 0px 9px 0px 9px;
	color							: #99CC00;
	font-weight						: bold;
	font-size						: 90%;
	
	background-color				: #003366;
	vertical-align					: middle;
}

.ZoekInput
{
	width							: 123px;
	vertical-align					: middle;
	padding							: 0px 1px 0px 2px;
}

.ZoekButton
{
	vertical-align					: middle;
	background-image				: url(../images/header/HeaderBarBack.png);
	background-repeat				: repeat-x;
	padding							: 1px 1px 1px 1px;
}

.InputZoekText
{
	width							: 119px;
	height							: 18px;	
}

.InputZoekSubmit
{
	width							: 42px;
	height							: 18px;
	cursor							: hand;
	
	color							: white;
	font-weight						: bold;
	font-size						: 95%;
	
	background-color				:Transparent;
	border							:0;
	
}

.InputZoekSubmitGeavanceerd
{
	width							: 100px;
	height							: 18px;
	cursor							: hand;
	
	color							: white;
	font-weight						: bold;
	font-size						: 95%;
	
	background-color				:Transparent;
	border							:0;
	border-left						:solid 1px white;
}


.HeaderMenuItem
{
	padding							: 3px 9px 0px 8px;
}

.HeaderMenuItem a
{
	color							: #8cc63f;
	font-weight						: bold;
	vertical-align					: middle;
}

.TableHeaderMenu
{
	width							: 348px;
	height							: 20px;	
	/*background-image				: url(../images/header/HeaderBarBack.png);	
	background-repeat				: repeat-x;*/
}

.cel-top
{
	font-weight						: bold;
}





/*
 * drempelsweg
 */ 
.TableDrempelsweg
{
	width							: 100px;
	margin							: 0px 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 #99CC00;
}

.clsMenuNiveau1_Left
{
	width							: 4px;
	height							: 19px;

	background-color				: white;
}

.clsMenuNiveau1
{
	color							: #FFFFFF;
	font-weight						: bold;
	height							: 19px;
	
	padding							: 2px 0px 2px 2px;
	border-top						: solid 1px #99CC00;
	background-color				: white;
}

.clsMenuNiveau1_Active
{
	color							: #003366;
	font-weight						: bold;
	height							: 19px;
	
	padding							: 2px 0px 0px 2px;
	background-color				: white;
}

.clsMenuNiveau1 a
{
	color							: #FFFFFF;
	font-weight						: bold;
	
	padding							: 2px 0px 2px 2px;
}

.clsMenuNiveau1_Active a
{
	color							: #8cc63f;
	font-weight						: bold;
	
	padding							: 2px 0px 0px 2px;
	background-color				: #99CC00;
}

.clsMenuNiveau1_Right
{
	width							: 10px;
	color							: #FFFFFF;
	
	padding							: 2px 2px 0px 2px;
	border-top						: solid 1px #99CC00;	
	background-color				: #336699;
	text-align						: center
	
}

.clsMenuNiveau1_Right a
{
	width							: 10px;
	color							: #8cc63f;
	
	padding							: 2px 2px 0px 2px;
}

.clsMenuNiveau1_Right_Active
{
	width							: 10px;
	color							: #003366;
	
	padding							: 2px 2px 0px 2px;
	background-color				: #99CC00;
	text-align						: center;
}

.clsSubMenuContainer_Left
{
	width							: 4px;
	height							: 19px;

	background-color				: #3F658C;	
}

.clsSubMenuContainerPrefix a
{
	width							: 10px;
	color							: #8cc63f;

	padding							: 2px 0px 2px 2px;
	border-top						: solid 1px #99CC00;		
}


.clsSubMenuContainer
{
	height							: 19px;
	width							: 100%;
	
	color							: #003366;
	
	text-decoration					: none;
	padding							: 2px 0px 2px 2px;
	
	background-color				: #CFD8E2;
	border-top						: solid 1px #99CC00;		
}

.clsSubMenuContainer_Right
{
	color							: #003366;
	
	padding							: 2px 5px 2px 2px;
	
	background-color				: #CFD8E2;
	border-top						: solid 1px #99CC00;
}

.clsSubMenuContainer a
{
	height							: 19px;
	width							: 100%;
	
	color							: #8cc63f;
	
	text-decoration					: none;
	
	background-color				: #CFD8E2;
	padding							: 2px 0px 2px 2px;
}

/*
 * Login in menu
 */
/*.TableLogin
{
	width						: 100%;
	background-color			: #3F658C;
	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;	
}

.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					: #8dc73f;	
}

.LoginHeader
{
	background-color				: #8dc73f;
	font-weight						: bold;
	color							: #FFFFFF;
	padding							: 7px 8px 4px 8px;
}

.LoginField
{
	color							: #FFFFFF;
	padding							: 1px 8px 2px 8px;	
}

.InputLoginSubmit
{
	width							: 40px;
	height							: 18px;
	
	color							: #000000;
	font-weight						: bold;
	font-size						: 95%;
	
	background-color				: #e3febe;
	border							: solid 1px #e3febe;
}

.InputLoginText
{
	width							: 100%;
	height							: 18px;	
}

/*
 * Explorer
 */
.clsTblExplorer
{
	border						: solid 1px #8dc73f;
	background-color			: white;
}

.clsTblExplorer td
{
	padding						:  2px 2px 2px 2px;
}

.clsRowExplorer a
{
	font-weight					: bold;
	color						: white;
}

.clsRowExplorer
{
	font-weight					: bold;
	color						: #FFFFFF;
	
	background-color			: #8dc73f;
	border-bottom				: solid 1px #8dc73f;
}

.clsRowExplorer td
{
	font-weight					: bold;
	color						: #FFFFFF;
}

.clsExplorerMeer
{
	border-top					: solid 1px #003366;
}

/*
 * Invoersjablonen
 */
.clsTable, .table
{
	width						: 100%;
}

.clsOverzichtCluster
{
	/*border						: solid 1px #99CC00;*/
	border						: solid 1px #003366;
	background-color			: #8dc73f;
	color						: white;
	font-weight					: bold;
	padding						: 4px 4px 4px 10px;
	vertical-align				: middle;
}

.clsMenu
{
	border						: solid 1px #8dc73f;
	background-color			: #8dc73f;
	color						: #FFFFFF;
	font-weight					: bold;
	height						: 19px;
/*	padding						: 4px 4px 4px 10px;*/
	vertical-align				: middle;

	width						: 432px;
}

.clsMenu a
{
	color:White;
}

.clsMenuSeperator
{
	color						: #FFFFFF;
/*	padding						: 4px 0px 4px 0px;*/
	padding						: 0px 4px 0px 4px;
}

.clsMenuItem
{
/*	padding						: 4px 4px 4px 4px;*/
	padding						: 0px 4px 0px 4px;
	color						: #FFFFFF;	
}

.clsMenuItem_over
{
/*	padding						: 3px;*/
	display						: inline;
/*	border						: solid 1px #003366;*/
	padding						: 0px 4px 0px 4px;
	background-color			: #FFFFFF;
}

.clsClusterIcon
{
	color						: #FFFFFF;
	background-color			: #8dc73f;
	font-weight					: bold;
	padding						: 4px 4px 4px 4px;
	vertical-align				: middle;
	border-left					: solid 1px #8dc73f;
	border-bottom				: solid 1px #8dc73f;
	border-top					: solid 1px #8dc73f;
	/*
	border-left					: solid 1px #99CC00;
	border-top					: solid 1px #99CC00;
	border-bottom				: solid 1px #99CC00;
	*/
}

.clsClusterLabel a
{
	color						: White;
}

.clsClusterLabel
{
	color						: white;
	background-color			: #8dc73f;
	vertical-align				: middle;
	font-weight					: bold;
	border-top					: solid 1px #8dc73f;
	border-bottom				: solid 1px #8dc73f;
}

.clsClusterValidate
{
	color						: #FFFFFF;
	background-color			: #8cc63f;
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #8cc63f;
	border-bottom				: solid 1px #8cc63f;
}

.clsClusterField
{
	color						: #FFFFFF;
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #8cc63f;
	border-bottom				: solid 1px #8cc63f;
	background-color			: #8cc63f;
}

.clsClusterInfo a
{
	color						: #8cc63f;
}
.clsClusterInfo
{
	color						: #FFFFFF;
	vertical-align				: middle;
	padding-left				: 4px;
	border-top					: solid 1px #8cc63f;
	border-bottom				: solid 1px #8cc63f;
	border-right				: solid 1px #8cc63f;
	background-color			: #8cc63f;
}

.clsFieldIcon
{
    border-left					: solid 1px #8dc73f;
    border-bottom				: solid 1px #8dc73f;
    padding						: 2px 0px 0px 4px;
}

.clsFieldLabel
{
	padding						: 4px 4px 4px 0px;
	vertical-align				: top;
	width						: 35%;
    border-bottom				: solid 1px #8dc73f;
}

.clsFieldValidate
{
	padding						: 4px;
	vertical-align				: top;
    background-color			: #e3febe;
    border-bottom				: solid 1px #8dc73f;
}

.clsField
{
	padding						: 4px;
	width						: 100%;
    background-color			: #e3febe;
    border-bottom				: solid 1px #8dc73f;
}

.clsInfo
{
	padding						: 4px;
	width						: 100%;
    background-color			: #e3febe;
    border-right				: solid 1px #8dc73f;
    border-bottom				: solid 1px #8dc73f;
}

.clsNavigatieBar a
{
	color						: white;
}

.clsNavigatieBar
{
	border						: solid 1px #e3febe;
	background-color			: #8dc73f;
	font-weight					: bold;
	/*padding						: 4px 4px 4px 10px;*/
	vertical-align				: middle;
}

.clsKalenderRowOdd
{
    background-color			: #FFFFFF;
}

.clsKalenderRowEven
{
    background-color			: #E9F4CA;
    padding						: 5px 0px 5px 5px;
}

/*
 * Rechtermenu
 */
.TableMenuRight
{
	width							: 148px;
	overflow: hidden;	
	
}

.MenuRightHeader
{
	height							: 20px;
	color							: #FFFFFF;
	font-weight						: bold;
	padding-left					: 5px;
	vertical-align					: middle;
	background-color				: #8cc63f;
	border-top						: solid 1px #8cc63f;
	border-bottom					: solid 1px #8cc63f;
	width			: 145px;
}

.MenuRightItem
{
	width							: 145px;
	height							: 19px;
	padding-left					: 2px;
	padding-top						: 5px;
	word-wrap						: break-word;
	overflow : hidden;
}
.MenuRightRecentItem
{
	width							: 145px;
	height							: 19px;
	padding-left					: 2px;
	padding-top						: 5px;
	word-wrap						: break-word;
	overflow : hidden;
}

a.MenuRichtUitklappen
{
	text-decoration					: none;
	font-weight						: bold;
	color							: #8cc63f;
}
/*
 * BolMenu
 */
.BolMenuItem
{
	width							: 100%;
	height							: 19px;
	padding							: 2px 5px 2px 5px;
}


/*
 *
 */
.PaginaSjabloonLijnen
{
	position						: absolute;
	left							: 431px;
	width							: 150px;
	height							: expression(document.body.clientHeight);
	
	border-left						: solid 1px #003366;
	border-right					: solid 2px #003366;
}



div.BaseContent
{
	
	width							: 600px;
	height							: 100%;
	overflow						: visible; /*none*/
}


div.BaseContentSmall
{
	float							: left;
	width							: 441px;
	height							: 100%;
	overflow						: hidden;
	border-left						: solid 1px #8cc63f;
}

.MenuRightSmall a
{
	color							: #8cc63f;
}

div.MenuRightSmall
{
	float							: right;
	width							: 20px;
	height							: 100%;
	
	border-left						: solid 1px #003366;
	background-color				: #336699;
	vertical-align					: middle;
	padding							: 50px 0px 0px 0px;
}

div.MenuRight
{
	display							: none;
	float							: right;
	width							: 169px;
	height							: 100%;
	
	background-color				: #CFD8E2;
}

td.MenuRight
{
	width							: 149px;
	height							: 100%;
	
	border-left						: solid 1px #003366;
	background-color				: #CFD8E2;
}

.MenuRightSmallClose
{
	width							: 20px;
	height							: 100%;
	
	border-left						: solid 1px #003366;
	background-color				: #336699;
	vertical-align					: middle;
	padding							: 50px 0px 0px 0px;
}

div.Kruimelpad
{
	width							: 100%;
	padding							: 15px 15px 0px 15px;
	background-color				: #e3febe;
}

div.Content
{
	width							: 432px;

	padding							: 15px 0px 15px 15px;
	background-color				: white;
}

div.ContentWidth
{
	width							: 590px;
	padding							: 15px 15px 15px 15px;
	background-color				: white;
}

.BorderBottom
{
	border-bottom					: solid 1px #003366;
}

.clsRowOdd
{
    background-color				: transparent;
}
.clsRowEven
{
    background-color				: #CFD8E2;
}

/*20070831 JV: menu mag nooit breder worden dan opgegeven, omdat anders de lay-out niet goed meer is*/
.milonictable
{
	overflow	:hidden;
	table-layout :fixed;
}

/* OMK extra toevoegingen */

/* Header */
.ButtonBarTable
{	
	height:100%;
	float:right;
	position:relative;
	right:20px;
}

.ButtonBarCell
{
	background-color:#8cc63f;	
	color:White;
	height:20px;
	width: 7em;
	text-align:center;
	padding-top:2px;
}

.ButtonBarCell a
{
	color:White;
}

/* drempels weg */

.drempelsWegCell
{
	padding:0px 5px opx 5px;
	vertical-align:middle;
	color							: White;
}

/*Foorter CSS classes */

.FooterLeft
{
	background-color				: white;
	width							: 100%;
	height							: 50px;
	border-right					: solid 1px white;
	border-color					: Black;	
}

.FooterCentre
{
	background						: white;				
	width							: 100%;
	height							: 50px;
	padding 						: 10px;
	vertical-align					: bottom;
}

.FooterCentre a
{
	color							: #8cc63f;	
}

.FooterRight
{
	background-color				: white;
	border-left						: solid 1px #8cc63f;
	width							: 100%;
	height							: 50px;
}

/*Milonic Menu CSS */

.MenuOnDefault
{
	background-image				: url(../images/menu/Menu_left_button_pressed1.png);
	Color							: White;
	font-weight						: bold;
	height							: 18px;
	background-repeat				: no-repeat;
}

.MenuOffDefault
{
	background-image				: url(../images/menu/Menu_left_button.png);
	Color							: White;
	font-weight						: bold;
	height							: 18px;
	background-repeat				: no-repeat;
}

.Teller
{
	background-image				: url(../images/teller_bg.png);
	background-repeat				: repeat-x;
	border							: solid 1px #8cc63f;
	width							: 20px;
	height							: 20px;
	text-align						: center;
	font-weight						: bold;
	color							: black;
}