html, body, #holder { min-height: 100%; width: 100%; height: 100%; }
html>body, html>body #holder { height: auto; }
/*	scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #0096D1; scrollbar-3dlight-color: #0096D1; scrollbar-arrow-color: #0096D1;*/
body { margin: 0; padding: 0; border: 0; background: #fff url(pics/bg.gif) repeat-y 0 0;}
/* holder */
#holder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; text-align: left; z-index: 5; }
#hhead { position: absolute; width: 100%; height: 160px; margin: 0; padding: 0; background: #c9c9c9 url(pics/bghead.gif) repeat-x 0 0;}
#hbody { position: relative; width: 100%; height: auto; clear: both;}
* html body #hbody { height: 100%;}
#mainMenu { position: absolute; width: 980px; top: 111px; left: 0; margin:0; padding: 0; height: 23px; background: transparent; z-index: 10;}
#hfoot { position: absolute; width:200px; height: 23px; clear: both; bottom: 0; left: 0; margin: 0; background: transparent;}
#hhead .hhead, #hbody .hbody, #hfoot .hfoot { position: relative; margin: 0; padding: 0; width: 980px; clear: both; }
#hhead .hhead { height: 100%; background: url(pics/bgHeadLogo.gif) no-repeat 0 0; z-index: 2;}
#hbody .hbody { top: 160px; margin: 0 0 160px 0; min-height: 510px; /* background: url(pics/bodyImage.jpg) no-repeat 0 0;*/ }
* html body #hbody .hbody { height: 510px; }
/*#hbody .hbody #sfeerbeeld { position: absolute; top: 24px; left: 0; padding: 0; margin: 0; width: 224px; height: 196px; background: url(pics/sfeer_pics/bernrodebeeld1.gif) no-repeat 0 0;}*/
#hbody .hbody #sfeerbeeld { position: absolute; top: 24px; left: 0; padding: 0; margin: 0; width: 223px; height: 211px; background: url(pics/sfeer_pics/sfeerbeeld4.png) no-repeat 0 0;}
#hbody .hbody #slogan { position:absolute; top: 240px; left:0; width:179px; text-align:center; font:12px/14px arial;  }
/* head */
#hhead #headright { position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 160px; background: url(pics/bgHeadRight.gif) no-repeat 770px 0;}
#hhead #naw { position: absolute; top: 10px; right: 10px; padding: 0; margin: 0; height: 100px; text-align: right; line-height: 14px; z-index: 1; }
#hhead #naw a { color: #000; }
#hhead .logo a { position:absolute; display: block; top: 16px; left: 20px; padding: 0; margin: 0; width: 360px; height: 78px; z-index: 6;}
#hhead .breadcrumNav { position:absolute; bottom: 0; left: 246px; width: 520px; height: 18px; padding: 0; margin: 0; z-index: 10; }
/* body */
#hbody .tpl { position: relative; width: 730px; overflow: hidden; top: 18px; margin: 0 0 48px 250px; padding: 0 0 10px 0; color: #000; }
/* foot */
#hfoot .hfoot { height: 13px; width:200px; overflow: hidden; padding: 5px 0;}
#hfoot .footNav { position: relative; height: 13px; line-height: 11px; margin: 0; color: #000;}
/* main menu */
#mainMenu ul.mainMenu { position: relative; z-index: 100; margin: 1px 0 0 178px; padding:0; height: 23px; font: 11px/13px Arial, Verdana, Helvetica, sans-serif; list-style:none; }
#mainMenu ul.mainMenu li { position: relative; float:left; display: block; margin: 0; margin-top: 5px; padding: 0 4px 0 0; height:23px; background: url(pics/bgMenuItemDivider.gif) no-repeat right top;}
#mainMenu ul.mainMenu li.lastNode { background: transparent; }
#mainMenu ul.mainMenu li a, 
	#mainMenu ul.mainMenu li a:active, 
	#mainMenu ul.mainMenu li a:visited { position: relative; height: 13px; width: auto; text-decoration: none; padding: 5px 6px; line-height: 13px; color: #fff; }
#mainMenu ul.mainMenu li a:hover, 
	#mainMenu ul.mainMenu li a.active, 
	#mainMenu ul.mainMenu li a.mouse, 
	#mainMenu ul.mainMenu li a.active:visited, 
	#mainMenu ul.mainMenu li a.active:hover, 
	#mainMenu ul.mainMenu li a.active:active { height: 13px; text-decoration: none; padding: 5px 6px; line-height: 13px; color: #cbcbcb; background: transparent; }
#mainMenu ul.mainMenu li ul { position: absolute; z-index: 200; visibility:hidden; width: 180px; top:0px; left:0px; margin:19px 0 0 0; padding: 4px; text-align: left; list-style:none; background: #d7d7d7; border:1px solid #c6c6c6; border-width: 0 1px 1px 1px; }
#mainMenu ul.mainMenu li ul a, 
	#mainMenu ul.mainMenu li ul a:visited { display: block; line-height: 13px; min-height: 13px; height:auto; width: 174px; text-decoration: none; padding: 2px 0 2px 6px; margin: 0 0 1px 0; color: #000; }
* html #mainMenu li ul.mainMenu ul a, 
	* html #mainMenu li ul.mainMenu ul a:visited { height:13px; }
#mainMenu ul.mainMenu li ul li { position: relative;  float: none; height: auto; width: 180px; background: transparent; padding: 0; margin: 0; }
#mainMenu ul.mainMenu li ul li ul { margin: 0 0 0 170px; }
#mainMenu ul.mainMenu li ul li ul li ul li ul { margin: -4px 0 0 -170px; }
#mainMenu ul.mainMenu li ul li a:hover, 
	#mainMenu ul.mainMenu li ul li a.active, 
	#mainMenu ul.mainMenu li ul li a.mouse, 
	#mainMenu ul.mainMenu li ul li a.active:visited, 
	#mainMenu ul.mainMenu li ul li a.active:hover, 
	#mainMenu ul.mainMenu li ul li a.active:active { position: relative; line-height: 13px; display: block; min-height: 13px; height:auto; text-decoration: none; padding: 2px 0 2px 6px; color: #ff6437; background: #fff;}
* html #mainMenu ul.mainMenu li ul li a:hover, 
	* html #mainMenu ul.mainMenu li ul li a.active, 
	* html #mainMenu ul.mainMenu li ul li a.mouse, 
	* html #mainMenu ul.mainMenu li ul li a.active:visited, 
	* html #mainMenu ul.mainMenu li ul li a.active:hover, 
	* html #mainMenu ul.mainMenu li ul li a.active:active { height: 13px;}
#mainMenu ul.mainMenu li ul li { z-index:1; }	
#mainMenu ul.mainMenu li ul li ul li { z-index:1; }	
#mainMenu ul.mainMenu li ul li ul li ul li { z-index: 1; }	
#mainMenu ul.mainMenu li ul li ul li ul li ul li { z-index: 1; }	
#mainMenu ul.mainMenu li.hover { z-index:10; } 
#mainMenu ul.mainMenu li ul li ul { z-index: 300; }	
#mainMenu ul.mainMenu li ul li ul li ul { z-index: 400; }	
#mainMenu ul.mainMenu li ul li ul li ul li ul { z-index: 500; }	
/* breadcrum */
ul.breadcrumMenu { color: #000; height:12px; line-height: 12px; margin: 0; padding:0; font: 11px Arial, Verdana, Helvetica, sans-serif; }
ul.breadcrumMenu li { height:12px; line-height: 12px; display: block; float: left; padding: 0 10px 0 2px; margin: 0 2px; background: url(pics/dividerBreadcrums.gif) no-repeat right 4px; }
ul.breadcrumMenu li.lastNode { background: none; }
ul.breadcrumMenu li a, ul.breadcrumMenu li a:link, ul.breadcrumMenu li a:visited { color: #000; text-decoration: none; padding: 0; z-index: 11; }
ul.breadcrumMenu li a:hover, ul.breadcrumMenu li a:active, ul.breadcrumMenu li a.active, ul.breadcrumMenu li a:visited.active { text-decoration: underline; }
/* footer */
#footMenu ul.footMenu { display: inline; position: relative; height: 13px; overflow: hidden; font: 10px Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0 10px 0 0; list-style: none; }
#footMenu ul.footMenu li { float: left; border-right: 1px solid #fff; text-align: center; }
#footMenu ul.footMenu li.lastNode { border: 0; }
#footMenu ul.footMenu li a { padding: 0 6px; margin: 0; line-height: 13px; text-decoration: none; color: #fff; }
* html body #footMenu ul.footMenu a {display: inline; }
#footMenu ul.footMenu li a:link, #footMenu ul.footMenu li a:visited {text-decoration: none; color: #fff; }
#footMenu ul.footMenu li a:hover, ul.footMenu li a:active, ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: underline;}
#footMenu ul.footMenu li a.active, ul.footMenu li a:visited.active { text-decoration: none; }
/* formulieren */
#form { font-size: 100%; padding: 0; margin: 20px 0 0 0;}
#form input { vertical-align: middle; padding: 0 1px; }
#form input.text, #form input.activetext { width: 240px; height: 16px; border: 1px solid #666666;  margin: 0 0 5px 0; }
input.text { color: #666; }
input.activetext { color: #000; }
#form textarea { width: 240px; margin: 0 0 5px 0; padding: 0 1px; border: 1px solid #666; font: 11px Arial, Helvetica, Verdana; color: #666;
	/*scrollbar-face-color:#fff; scrollbar-shadow-color:#666; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#666; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#666;*/ }
#form textarea.active { color: #000; }
#form input.submit { height: 18px; color: #0059AA; width: 80px; border: 1px solid #0059AA;  margin: 0 0 3px 0; font-weight: bold; background: #ccc; }
#form table { float: left;}
#form th { width: 160px; }
#form th, #form td { vertical-align: top; text-align: left; }
#form td.txt { padding: .3em 2em 0 0; }
#form td.radio { text-align: right; }
#form td.submit { text-align: right; }
#form a.submit { padding: 0; width: 70px; text-align: center; display: block; float: right; color: #666; text-decoration: none; font-size: 100%; line-height: 18px; border: 1px solid #666; background: #ccc; }
#form a.submit:hover { color: #000; text-decoration: none; font-size: 100%; border-color: #000; }
#form td.error { color: #c33; }
#form span.key { text-decoration: underline; }
/* zoeken */
#zoekmenu { position: absolute; padding: 0; margin: 0; left: 0; top: 138px; width: 170px; height: 18px; z-index:2; }
#zoekmenu form { padding: 0; margin: 0; border: 0; }
#zoekmenu form input { padding: 1px; margin: 0 0 0 6px; width: 100px; border: 0; }
* html body #zoekmenu form input { width: 106px; }
#zoekmenu form input.zoekbtn { float: right; text-align: right; width: 42px; padding: 2px 0 0 0; margin:0; border:0; background: transparent; text-decoration: underline; font-weight: bold; color: #fff; }
#zoekmenu form input.zoekbtn:hover { text-decoration: none; cursor: pointer; }
/* sitemap */
#sitemap ul { list-style: none; margin-top: 0; }
#sitemap a { text-decoration: none;}
#sitemap a:hover { text-decoration: underline;}


/* form elements */
#content form { position:relative; width:auto; overflow:hidden; }
#content form .formRow { position: relative; display: block; width: 420px; margin: 5px 0 0 0;}
#content form .error { position: relative; display: block; width: 420px; color: #F00; line-height:11px; margin: 0;}
#content form .question {position: relative; float: left; display: block; vertical-align: top; width: 140px; overflow:hidden;  /*border:1px solid #fff;*/ }
#content form .subquestion {position: relative; float: left; display: block; vertical-align: top; width: 60px;  overflow:hidden; /* border:1px solid #fff;*/}
#content form .answer { position: relative; width:274px; overflow:hidden; }
#content form .answer a.info { position: relative; background: url(/skins/default/pics/btn_Info.gif) no-repeat; height:14px; width:14px; float:right; margin-top: 2px;}
#content form .answer select { position: relative; max-height: 100px; width: 255px; padding: 1px 0; color:#58585a; border: 1px solid #c2c2c2; }
#content form .answer select option { padding-left: 1px; }
#content form .answer textarea { position: relative; height: 100px; width: 250px; padding: 1px; color:#58585a; border: 1px solid #c2c2c2; font: 11px/13px "Trebuchet MS",Arial,Helvetica,sans-serif; }
#content form .answer.text input { position: relative; width:250px; padding: 1px; color:#58585a; border: 1px solid #c2c2c2; }
#content form .answer.radio label { position: relative; /*float:left;*/ display:block; min-height: 16px; line-height:14px; margin-right: 8px; padding-left:1px; vertical-align: middle; }
#content form .answer.radio input { position: relative; font-size: 11px; line-height: 14px; margin:0; padding:0;}

#content form .answer.check label { position: relative; width: auto; float:left; display:block; margin-right: 8px; padding-left:1px; vertical-align: middle;}
#content form .answer.check input { position: relative; font-size: 11px; line-height: 11px; margin:0; padding:0; }

#content form #kolommenrow select { width: 40px; }
#content form #kolommenrow input { width: 30px; }
#content form #kolommenrow .answer label { padding-left:10px; padding-right:10px; }
#content form .submit {float:right;}