/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; height: 100%; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
html { background: #e4e4e4; }
body { background: url('../images/bodyBg.png') #e4e4e4 repeat-x; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }


/* ### MAIN CONTAINER ### */
#container { min-height: 100%; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { min-width: 1312px; position: relative; margin-left:10px; height: 131px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr h1 { display: none; }
	#headerCntr #loginInfo {  color: #FFFFFF; position: absolute; top: 0; right:10px; }
	#headerCntr #loginInfo a:hover, #headerCntr #loginInfo a:visited { color: #FFFFFF; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 84px; left: 0px; width: 100%; }
		#menuCntr ul { overflow: hidden; margin-right:20px; list-style: none; }
		#menuCntr li { padding-right: 5px; float: left; display: inline; }
		#menuCntr li a { display: block; float: left; height: 38px; line-height: 38px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: bold; color: #fff; background: url('../images/menuBg.gif') repeat-x; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #4e5a0c; background-image: url('../images/menuHBg.gif'); }
		#menuCntr li a span { display: block; float: left; height: 38px; cursor: pointer; background: url('../images/menuR.gif') no-repeat right; }
		#menuCntr li a span span { background: url('../images/menuL.gif') no-repeat left; }
		#menuCntr li a span span span { padding: 0px 17px 0px 35px; background: no-repeat 10px center; }
		#menuCntr li a:hover span, #menuCntr li.selected a span { background-image: url('../images/menuHR.gif'); }
		#menuCntr li a:hover span span, #menuCntr li.selected a span span { background-image: url('../images/menuHL.gif'); }
		
		#menuCntr li.nav a span span span { background-image: url('../images/nav.png'); }
		#menuCntr li.con a span span span { background-image: url('../images/content.png'); }
		#menuCntr li.bes a span span span { background-image: url('../images/bes.png'); }
		#menuCntr li.nie a span span span { background-image: url('../images/nie.png'); }
		#menuCntr li.geb a span span span { background-image: url('../images/geb.png'); }
		#menuCntr li.uit a span span span { background-image: url('../images/uit.png'); }
		

	/* ### CONTENT CONTAINER ### */
	#mainCntr { padding-left:10px; overflow:auto; padding-bottom: 46px; min-width: 1312px; }
		
		/* ### LEFT BOX ### */
		#leftBox { position: relative; width: 250px; float: left;  margin-right: 10px; height:100%; min-height:100%; } 
			
			/* ### SIDE MENU BOX ### */
			.menuBox { padding:10px; margin-bottom: 10px; background: none repeat scroll 0 0 #F0F0F0; border: 1px solid #FFFFFF; }
			.menuBox select { width:100%;  height:34px; line-height:34px; padding-top: 8px; padding-bottom: 8px; padding-left: 4px; }
			.menuBox select option {  padding-top: 8px;  padding-bottom: 8px; padding-left: 4px; }
			.menuBox ul { overflow: hidden; list-style: none; }
			.menuBox li { width:100%; height: 34px; line-height:34px; margin-right: 10px; border-top: 1px solid #FFFFFF;}
			.menuBox li.top { border: 0;}
			.menuBox li h2 { margin: -10px 0px 2px 9px; color: #000000; font-size:15px; }
			.menuBox li img { padding: 9px; float: left; }
			.menuBox li p { line-height:34px; float: left; }
			.menuBox li:hover, .menuBox li.selected { background-color: #ffffff; cursor:pointer; }
			.menuBox li.top:hover { background-color: #F0F0F0; cursor:auto; }
		
		
		/* ### RIGHT BOX ### */
		#rightBox { position: relative; float:left; min-width: 1000px; }
			
			/* ### KOPJES ### */
			#rightBox h2 { color: #000000; font-size:15px; margin-bottom: 5px; }
			#rightBox h3 { color: #000000; font-size:12px; margin-bottom: 5px; font-style: italic; }
			#rightBox h3 img { margin-right: 5px; }
			
			/* ### KRUIMELPAD ### */
			#kruimelpad { line-height: 20px; height:20px; color: #636363; }
			#kruimelpad a { text-decoration: none;  color: #636363; }
			#kruimelpad a:hover { text-decoration: underline; }
			
			/* ### REGEL BOX ### */
			/*.regelBox { margin-bottom: 10px; padding: 0px 20px 0px 0px; overflow: hidden; width: 100%; height: 34px; line-height: 34px; background: url('../images/regelBg.gif') no-repeat; }*/
			.regelBox { margin-bottom:12px; height: 34px; margin-top:1px;  } 
			.regelBox .regelBox_img { margin-right: 4px; float:left; height: 34px; line-height: 34px; width: 35px; background: none repeat scroll 0 0 #F0F0F0; border: 1px solid #FFFFFF;  }
			.regelBox .regelBox_img img { padding: 10px 0px 0px 10px; }
			.regelBox .regelBox_bericht { margin-right: 20px; margin-left: 39px;  height: 34px; line-height: 34px; background: none repeat scroll 0 0 #F0F0F0; border: 1px solid #FFFFFF; }
			.regelBox .regelBox_bericht p { padding: 1px 10px 0 13px; }
			
			/* ### TEXT BOX ### */
			.textBox { margin-right: 20px; padding: 10px; border: 1px solid #fff; background: #f0f0f0; }
			.textBox p { padding-bottom: 10px; }
			
			/* ### FORM ### */
			/*.formContainer tr, .formContainer th { line-height:25px; height: 25px; }
			.formContainer td { min-width: 200px; }
			.formContainer td { padding-bottom:5px; } */
			.formContainer input[type="text"] { line-height:19px; height: 25px; width: 200px; padding: 0 5px 0 5px;}
			.formContainer div.error_label { color: #FF0000; clear:both; }
			.formContainer .submit, button.submit { border-color:#CCCCCC #999999 #999999 #CCCCCC;border-style:double;border-width:3px;color:#333333; padding:0.25em;cursor:pointer; }
			.formContainer input { vertical-align: text-bottom; }
			.formContainer div.submit_element { margin-top:10px; }
			
			button.submit { cursor: pointer; }
			
			.formContainer div.small_label { float: left; }
			.formContainer div.small_label, .formContainer div.label { width: 240px; line-height: 25px; padding-bottom: 5px; }
			.formContainer div.small_element, 
			.formContainer div.element, 
			.formContainer div.static, 
			.formContainer div.submit_element { line-height: 25px; padding-bottom: 5px;}
			.formContainer div.small_element { float: left; }
			.formContainer div.label, 
			.formContainer div.submit_element, 
			.formContainer div.element, 
			.formContainer div.elementContainer { clear:both; }
			.formContainer div.textareaLabel, 
			.formContainer div.textareaLabel label{ width: 400px; }
			.formContainer div.static { width: 400px; clear: both; }
			.formContainer textarea { width: 816px; height: 361px; }
		
/* ### FOOTER CONTAINER ### */
#footerCntr { position: relative; margin-top: -36px; height: 36px; clear:both; width: 100%; background: url('../images/footerBg.gif') repeat-x;  }
#footerCntr p { margin-right: 10px; line-height: 36px; text-align: right; color: #868686; }
/*body:before {	content:"";	height:100%; float:left; width:0; margin-top:-32767px; } /*Opera Fix*/*/