/* reset */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, img, em, strong, sub, sup, ol, ul, li, dl, dt, dd, form, label, legend { border: 0; outline: 0; margin: 0; padding: 0; }
ol, ul 								{ list-style: none; }
table 								{ border-collapse: collapse; border-spacing: 0; }

div.clear							{ clear: both; height: 12px; }

noscript div.error					{ display: block; color: #000000; background: #FAB2BD url(../../images/default/message_err.png) no-repeat 5px 5px; width: 900px; padding:8px 10px 8px 34px; margin: 10px auto; position: relative; }

html 								{ height: 100%; background: #F3F5F6; }
body 								{ height: 100%;  font-family: verdana, helvetica, arial, sans-serif; font-size: 70%; }

a 									{ color: #154273;  }
a:visited							{ color: #696969; }

div.wrapper 						{ position: relative; margin: 0 auto; background:url(../../images/default/bg_content.gif) repeat-y center; width: 980px; border: 1px solid #F3F5F6; }
div.top 							{ clear: both; height: 240px; background: url(../../images/default/bg_top.gif) no-repeat top center; }
div.foot 							{ clear: both; height: 80px;  background: url(../../images/default/bg_foot.gif) no-repeat bottom center; }

div.content							{ padding: 0 40px; }
div.treecols						{ width: 670px; padding: 0 0 20px 0; }
div.twocols							{ width: 440px; padding: 0 0 20px 0; }
div.onecol							{ width: 210px; padding: 0 0 20px 0; }
div.left							{ float: left; }
div.right							{ float: right; }
div.middle							{ margin:0 auto; }


img.logo							{ position: absolute; top: 29px; left: 45px; }
img.vng                             { position: absolute; top: 35px; left: 590px; }

ul.quicklink 						{ position: absolute; left: -1000em; }

ul.menu								{ position: absolute; width: 920px; top: 146px; height: 25px; margin: 0 20px;  padding: 0 0 0 20px; background: #046F96; border-bottom: 10px solid #BDDFED; border-top: 27px solid #046F96; }
ul.menu li 							{ float: left; display: block; height: 20px; line-height: 20px; }
ul.menu li a 						{ float: left; display: block; padding:0.3em 0.8em; color: #ffffff; font-size:1.1em; font-family: arial, helvetica, sans-serif; font-weight:bold; text-decoration:none;}
ul.menu li a:visited 				{ color: #ffffff; }

ul.menu li a:hover,
ul.menu li.selected a, 
ul.menu li.selected a:visited  		{ background: #BDDFED; color: #000000; }

ul.contentmenu 						{ margin-left: -20px; }
ul.contentmenu li a					{ color:#000000; display:block; font-weight:normal; padding: 2px 0 4px 31px; text-decoration:none; background: url(../../images/default/sprite.gif) no-repeat 12px -294px;  }
ul.contentmenu li.selected a		{ background: #DEEFF6 url(../../images/default/sprite.gif) no-repeat 12px -344px; }
ul.contentmenu li a:hover			{ background: #bddfed url(../../images/default/sprite.gif) no-repeat 12px -294px; }
ul.contentmenu li.selected ul		{ margin-bottom: 14px; }
ul.contentmenu li.selected ul li a	{ padding: 2px 0 4px 41px; text-decoration:none; background: url(../../images/default/sprite.gif) no-repeat 22px -294px; }
ul.contentmenu li ul li a:hover 	{ background: #bddfed url(../../images/default/sprite.gif) no-repeat 22px -294px; }
ul.contentmenu li.selected ul li.selected a { background: #DEEFF6 url(../../images/default/sprite.gif) no-repeat 22px -344px; }

ul.servicemenu 						{ position: absolute; top: 2px; right: 20px; }
ul.servicemenu li					{ float: left; }
ul.servicemenu li.selected  		{ font-weight: bold; }
ul.servicemenu li a 				{ float: left; color:#535353; text-decoration:none; display: block; padding: 4px 8px; }
ul.servicemenu li a:hover			{ text-decoration: underline; }	

form.searchbox						{ position: absolute; top: 130px; left: 705px; height: 17px; overflow: hidden; border: 1px solid #000000; background: #ffffff; width: 175px; }
form.searchbox fieldset				{ border: none; margin:0; padding: 0; }
form.searchbox label				{ display: none; }
form.searchbox input.text			{ border: none; width: 120px; height:17px;  border-right: 1px solid #000000; background: #ffffff; }
form.searchbox input.submit			{ border: none; width: 45px; height:17px; background: #ffffff; font-size: 100%; font-weight: bold; position: absolute; }

ul.searchmenu 						{ position: absolute; top: 150px; left: 700px; }
ul.searchmenu li					{ float: left; }
ul.searchmenu li a 					{ float: left; color:#ffffff; text-decoration:none; display: block; padding: 4px 6px; }
ul.searchmenu li a:visited 			{ color: #ffffff; }
ul.searchmenu li a:hover			{ text-decoration: underline; }
/* homepage */

div.hp ul.menu						{ top: 428px;  }								
div.hp div.top						{ height: 550px; }
div.hp img.logo						{ display: none; }

#flashcontent						{ position: absolute; top: 28px; left: 20px; width: 940px; height: 400px; }

h1, h2, h3, h4 						{ font-family:arial,verdana,sans-serif; }

.onecol h2.hp 						{ font-size:1.5em; border-bottom: 2px solid #046F96; color: #046F96; margin-bottom: 3px;  }
.onecol h2 							{ font-size:1.3em; margin:0 0 4px 0; }
.onecol h3 							{ font-size:1.1em; }

.mceContentBody ul.rssfeed li 		{ margin: 9px 0; }
div.bumper							{ height: 28px; }
a.toplink							{ background: url(../../images/default/toplink.gif) no-repeat 0px 2px; padding-left:18px; }
div.padbox  						{ padding: 10px;}

div.downloadbar 					{ text-align: right;  }
div.downloadbar a.pdflink 			{ background:url(../../images/default/icoon-pdf.gif) no-repeat left; padding: 3px 10px 3px 20px; display: inline-block; }

/* banner aftellen */
div.banner 							{ padding-top: 20px; position: absolute; top: 135px; right: 40px; color: #ffffff; }
div.bannerhp						{ top: 416px; }

div.tagline							{ position: absolute; background: #BDDFED; top: 116px; left: 20px; width: 940px; background: #BDDFED; height: 30px; }
div.tagline div						{ font-weight:bold; font-size: 1.6em; padding: 0 0 0 28px; line-height: 30px;  }				
div.taglinehp						{ display: none; }

/* selector */
div.selector 						{ border: 1px solid #bddfed; background: #deeff6; }
div.selector h2						{ background: #bddfed; padding: 10px; border: none;}

div.selector label					{ padding: 3px 0; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 1.1em; display: block; }
div.selector label .info			{ font-weight: normal; }

div.selector select					{ width: 153px; margin: 2px 0; font-size: 1em; }
div.selector input.text				{ width: 153px; margin: 2px 0;  border: 1px solid #cccccc;  }
div.selector select optgroup 		{ background: #E1E1E1; }
div.selector select option 			{ background: #ffffff; font-family: arial, helvetica, sans-serif; }

div.selector div.selected a 		{ border: 1px solid #cccccc; color: #696969; display: block; line-height: 16px; background: #ffffff url(../../images/default/sprite.gif) no-repeat right 2px; margin: 2px 0; padding: 3px 6px; text-decoration: none; }
div.selector div.selected a:hover	{ text-decoration: underline; border: 1px solid #696969; }
div.selector hr 					{ border: 1px solid #DEEFF6; }

/* selector */
div.selectorwide 					{ border: 1px solid #bddfed; background: #deeff6; }
div.selectorwide h2					{ background: #bddfed; padding: 10px;}

div.selectorwide label				{ padding: 3px 0; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 1.1em; display: block; }
div.selectorwide label .info		{ font-weight: normal; }

div.selectorwide select				{ width: 385px; margin: 2px 0; }
div.selectorwide input.text			{ width: 385px; margin: 2px 0; border: 1px solid #cccccc;  }
div.selectorwide input.text:focus	{ border: 2px solid blue; border-right: 1px solid blue; }

div.selectorwide select optgroup 	{ background: #E1E1E1; }
div.selectorwide select option 		{ background: #ffffff; font-family: arial, helvetica, sans-serif; }

div.selectorwide div.selected a 	{ border: 1px solid #cccccc; color: #696969; display: block; line-height: 16px; background: #ffffff url(../../images/default/sprite.gif) no-repeat right 2px; margin: 2px 0; padding: 3px 6px; text-decoration: none; }
div.selectorwide div.selected a:hover { text-decoration: underline; border: 1px solid #ff0000; }

div.selectorwide hr 				{ border: 1px solid #DEEFF6; }
div.selectorwide div.submit			{ clear: both; text-align: center; padding: 10px;  }
div.selectorwide div.twocols,
div.selectorwide div.padbox			{ padding-bottom: 0; }


/* forms */

input.submit						{ background:#BDDFED; border:1px solid #000000; color:#000000; cursor:pointer; font-weight:bold; margin: 2px 0; }
input.addfilter     				{ background:#046F96; border:1px solid #046F96; color:#FFFFFF; cursor:pointer; font-weight:bold; margin: 2px 0; width: 30px; }


div.tilttable table 				{ border-collapse: separate; border-spacing: 0.2em; margin: 0 0 2.2em -0.2em; text-align: left; width: 100%; }
div.tilttable th 					{ font-size: 1.1em; font-weight: normal; background: #e1e1e1; text-align: left; }
div.tilttable th, 
div.tilttable td 					{ padding: 2px 8px; }
div.tilttable thead th				{ font-weight: bold; background: #046F96; color: #ffffff; text-align: center; }
div.tilttable td 					{ background: #f5f5f5; text-align: center; height: 22px; }
div.tilttable tfoot 				{ font-style: italic; }
div.tilttable caption 				{ font-weight: bold; padding: 10px 0 10px 0.2em; text-align: left; }

div.tilttable tbody th				{ background: #f0f0f0 url(../../images/default/arrows.png) no-repeat 8px 8px; padding-left: 20px; }
div.tilttable th.plaatsnaam			{ width: auto;  }

div.tilttable td.pass				{ background: #f5f5f5 url(../../images/default/ico_pass.gif) no-repeat center 4px; }
div.tilttable td.fail				{ background: #f5f5f5 url(../../images/default/ico_fail.gif) no-repeat center 4px; }
div.tilttable td.nnb				{ background: #f5f5f5 url(../../images/default/ico_nnb.gif) no-repeat center 4px; }
div.tilttable td.nvt				{ background: #f5f5f5 url(../../images/default/ico_nvt.gif) no-repeat center 4px; }


div.tilttable td.pass,
div.tilttable td.fail,
div.tilttable td.nnb,
div.tilttable td.nvt 				{ vertical-align: top; }

div.tilttable td.pass span,
div.tilttable td.fail span,
div.tilttable td.nnb span,
div.tilttable td.nvt span 			{  position: absolute; left: -1000em; }

div.tilttable td.pass a, 
div.tilttable td.fail a,
div.tilttable td.nnb a,
div.tilttable td.nvt a              { display: block; height: 16px; background: url(../../images/default/ico_bgedit.gif) no-repeat center 3px;  }

div.tilttable td.pass a:hover, 
div.tilttable td.fail a:hover,
div.tilttable td.nnb a:hover,
div.tilttable td.nvt a:hover 		{ background: url(../../images/default/ico_edit.gif) no-repeat center 3px;   }

div.tilttable th a					{ text-decoration: none; }
div.tilttable th a:hover			{ color: #046F96; }
div.tilttable th a.info             { background: url(../../images/default/ico_info.gif) no-repeat right -200px; padding-right: 21px; display: inline-block; }
div.tilttable th a.info:hover       { background: url(../../images/default/ico_info.gif) no-repeat right -400px; }

div.tilttable th.punt				{ font-size: 0.8em; padding: 1px; vertical-align: top; line-height: 1.2em; }
div.tilttable th.first				{ font-size: 1.1em; vertical-align: bottom; padding-bottom: 7px; }
div.tilttable th.punt a				{ color: #ffffff; background: url(../../images/default/ico_info.gif) no-repeat right 0px; display: block; padding: 18px 0 7px 0;  }
div.tilttable th.punt a:hover		{ background: url(../../images/default/ico_info.gif) no-repeat right -200px; color: #F5F5F5; }
div.tilttable th.puntheader			{ background: #DEEFF6; font-weight: bold; font-size:1.2em; padding-left:8px; }
div.tilttable th.puntsubheader      { background: #E1E1E1; font-weight: bold; font-size:1em; padding-left:8px; }
div.tilttable a.edit				{ padding-right: 18px; background: url(../../images/default/ico_edit.gif) no-repeat right 0px; text-align: left; }

/* homepage */

ol.overview							{ padding-left: 28px;  }
ol.overview li						{ list-style:decimal; list-style-position:outside; line-height: 1.2em; padding: 3px 0px; border-bottom: 1px solid #E5E5E5; } 
ol.overview li a 					{ }

/* google mapp  */
div.gmap 							{ background: #DEEFF6; border: 1px solid #BDDFED; }
div.gmap h3							{ font-size: 1.3em; padding: 10px 0 10px 10px; float: left;}
div.gmap h3.small                   { width: 100px; }
div.gmap form						{ padding: 10px 10px 0 10px; width: 290px; float: right;  }
div.gmap div.map                    { background-color: #CCE2EC; }
div.gmap form select,
div.gmap form input.text			{ background: #FFFFFF; border:1px solid #000000; color:#000000; padding: 2px; width: 160px; }
div.gmap form input.submit			{ background: #BDDFED; border:1px solid #000000; color:#000000; cursor:pointer; font-weight:bold;}

div.gmap div.legenda				{ padding: 5px 10px; line-height: 20px; }
div.mapdescription					{ padding: 5px 10px; background: #DEEFF6; border: 1px solid #BDDFED; }
div.mapdescription h3				{ color: #046F96; }
div.mapdescription div span			{ display: block; width: 14px; height: 14px; float: left; margin-right: 5px; border: 1px solid #BDDFED; }
div.mapdescription div.low			{ float: left; width: 135px; }
div.mapdescription div.low span		{ background: #fff; }			
div.mapdescription div.medium		{ float: left; width: 135px; }
div.mapdescription div.medium span	{ background: #B4CEE4; }	
div.mapdescription div.high			{ float: left; width: 135px; }
div.mapdescription div.high span	{ background: #649EC4; }							



/* defenition list  */
dl									{ background: #F5F5F5; padding: 7px; margin: 3px 0; }
dt									{ font-weight: bold; font-size: 1em;  }
dd									{ padding: 3px 0; }
dd strong.title						{ display: block; font-size: 0.9em; }
dd p								{ margin: 0; padding: 0 }


/* pzslist */
.mceContentBody	div.pzslist h2		{ color: #154273; font-size: 1.4em; padding: 1em 0 0.5em 0; border-top: 2px solid #154273; }
.mceContentBody	div.pzslist	h3		{ color: #154273; font-size: 1.3em; padding: 3px 7px; background: #E1E1E1; }
.mceContentBody	div.pzslist	h4		{ color: #154273; font-size: 1.2em; padding: 3px 7px; background: #F5F5F5;  }	


/* form */
form#formChecklist 					{ margin-bottom: 20px; }
form#formChecklist div 				{ margin-bottom: 4px; }
form#formChecklist div.button 		{ text-align: right; width: 412px; }
form#formChecklist label  			{ display: block; float: left; width: 210px; font-weight: bold; font-size: 0.9em; line-height:14px; }
form#formChecklist select 			{ width: 200px; }
form#formChecklist button.submit  	{ background: #BDDFED; border:1px solid #000000; color:#000000; cursor:pointer; font-weight:bold; } 
form#formChecklist input.text		{ width: 200px; border: 1px solid #046F96; }
form#formChecklist input.text:focus	{ border: 1px solid blue; background: #F0F0F0; }
form#formChecklist .formerror		{ font-weight: bold; color: #ff0000; font-size: 0.9em; }
form#formChecklist textarea			{ width: 200px; border: 1px solid #046F96; }
form#formChecklist textarea:focus	{ border: 1px solid blue; background: #F0F0F0; }

/* noscript */
noscript div.error 					{ background: #FAB2BD url(../../images/default/message_err.png) no-repeat scroll 5px 5px; color:#000000; display:block; margin:10px auto; padding:8px 10px 8px 34px; position:relative;  width:900px;  }


/* jquery autocomplete */
.ac_results 						{ padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul 						{ width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; white-space: nowrap; }
.ac_results li 						{ margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 1em; line-height: 16px; overflow: hidden; }
.ac_loading 						{ background: #ffffff; }
.ac_odd 							{ background-color: #eee; }
.ac_over 							{ background-color: #0A246A; color: white; }