@import url("nav.css");


* { margin: 0;	padding: 0;} 
a img { border : none; } 
a { outline : none; } 
a { color : #2C3942; text-decoration : none; } 
a:hover { color : #cc6600; text-decoration : none; }

html, body { 
    height: 100%; background-color: #FFFFFF; background-image: url(../images/BG.gif); background-repeat:repeat-x; 
	font-size: 12px; text-align:center; font-family : tahoma, Arial, Verdana, Helvetica, sans-serif; color: #2C3942;
} 
.page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -8em; }
 
.footer, .push { height: 8em; color: #FF840B;} 
.footer.a { color : #FF840B; text-decoration : none; } 
.footer.a:hover { color : #FFFFFF; text-decoration : none; }

.container { width: 920px; line-height : 150%; margin: 0 auto; text-align: left; }

.page #header { background-repeat:no-repeat; height:390px; } 
.page #header-login { background-repeat:no-repeat; height:180px; } 

.page #container {
	width: 920px; line-height: 120%; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
	}
.page #header { height:342px; background-repeat:no-repeat; } 

.page #logos {
	height: 60px; margin: -80px 0px 0px 12px; padding-left:8px; padding-top:20px; padding-right:25px overflow:visible;
	/*width: 270px; border: 1px solid #333366;*/ font-weight:bold;  z-index:7;  
}


.page #mainMenu {
	position:absolute; width: 270px; height: 244px; float: left; margin: -46px 0px 0px 12px; overflow:visible;
	border-right: 2px dotted #333366; font-weight:bold; /* z-index:7;  */
}
.page #subMenu {
	position:absolute; width: 270px; float: overflow:visible;
	border-right: 2px dotted #333366; font-weight:bold; /* z-index:7;  */
}
.page #subContent {
	width: 500px; margin: 0px 14px 13px 3px; padding: 0px 14px 12px 14px; float: left; overflow:visible;
	border-right: 2px dotted #333366; font-weight:bold; /* z-index:8; */ }
	
.block a:hover {  background-color:#0033CC;}


.page #mainContent { background-repeat:repeat-y; padding: 0 15px 20px 310px ; }

.page #mainContent h1 { font-size: 1.3em; color: #003F5B; margin: 0; padding: 0; }
.page #mainContent h2 {	font-size: 1.2em; color: #FF840B; margin: 0; padding: 0; }
.page #mainContent h3 {	font-size: 1em; color: #FF840B; margin: 0; padding: 15px 0 0 0 ; }


.TRlink {
	font-family: Verdana, Arial;
    TEXT-DECORATION: none; 
	cursor:hand; 
	}
a.TRlink:hover { 
	cursor:hand; color: #FFFFFF; text-decoration: none; background-color:#FFAF45;
}




#clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#clearfix {display: inline-block;height: 8em;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* ************* FORM  ************* */ 
table.form { font-size : 11px; padding:0;} 
table.form td { padding : 5px; } 
input, select, textarea { font-family : "Trebuchet MS",tahoma, Arial, Verdana, Helvetica, sans-serif; } 
select { 
	width : 65px;
	height : 20px;
	font-size : 12px;
	font-weight:bold;
	}
input.aantalveld { 
	width : 57px;
	height : 16px;
	padding : 2px;
	padding-left : 4px;
	background : url(./images/bg_veld.gif) repeat-x top left;
	border : 1px solid #a5acb2;
	font-weight:bold;
} 
input.veld { 
	width : 200px;
	height : 18px;
	padding-left : 4px;
	background : url(./images/bg_veld.gif) repeat-x top left;
	border : 1px solid #a5acb2;
} 

input.naamveld { 
	width : 141px;
	height : 18px;
	padding-left : 4px;
	background : url(./images/bg_veld.gif) repeat-x top left;
	border : 1px solid #a5acb2;
} 
input.veld2 { 
	width : 180px;
	height : 18px;
	padding-left : 4px;
	background : url(./images/bg_veld.gif) repeat-x top left;
	border : 1px solid #a5acb2;
	font-size : 11px;
	color : #546F92;
} 
input.button { 
	border-top : 1px solid #dbe2ed;
	border-right : 1px solid #9da8b8;
	border-bottom : 1px solid #8992a0;
	height : 20px;
	background:url(../images/bg_button.gif) repeat-x top left;
} 
 
.textarea { 
	width : 575px;
	height : 100px;
	border : 1px solid #a5acb2;
	background : url(../images/bg_veld.gif) repeat-x top left;
	overflow : auto;
	padding-top : 8px;
	padding-left : 4px;s
} 
.textarea2 { 
	width : 614px;
	height : 50px;
	border : 1px solid #a5acb2;
	background : url(../images/bg_veld.gif) repeat-x top left;
	overflow : auto;
	padding-top : 8px;
	padding-left : 4px;
}