html, body {margin: 0px; padding: 0px; font-family: Verdana; font-size: 12px; color: #fff; background-color:#22327b; }
input, select, textarea { font-family: Verdana; font-size: 12px; color: #fff; }
body { background: url('/images/body.png') top repeat-x; }

a, input { outline: none; }

.clear { clear: both; height: 1px; }

#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('/images/wrapper.png') bottom repeat-x; }

#mainCntr { margin: 0 auto; width: 977px; }

	#headerCntr { position: relative; width: 977px; height: 83px; }
	#headerCntr h1 {margin: 0px; padding: 0px;   position: absolute; top: 26px; left: 22px; }
	#headerCntr h1 a { display: block; width: 313px; height: 41px; text-indent: -9999px; background: url('/images/logo.png') no-repeat; }
	
		.menuBox { padding-top: 58px; float: right; width: 615px; }
		.menuBox ul { margin: 0px; padding: 0 10px; float: right; list-style: none; line-height: 12px; }
		.menuBox li { padding-right: 19px; float: left; }
		.menuBox a { text-decoration: none; font-size: 13px; color: #fff; }
		.menuBox a:hover, .menuBox li.selected a { color: #2b3d86; }
	
	#headerBox { padding: 7px 0 4px 9px; position: relative; overflow: hidden; width: 968px; height: 243px; background: url('/images/banner-bg.png') left bottom no-repeat; }
	#headerBox2{overflow: hidden; width: 959px; height: 233px;}
	#headerBox h2 { margin: 0px; padding: 0px;  color: #fff; position: absolute; right: 9px; bottom: 36px; width: 325px; height: 33px; line-height: 33px; display: block; text-align: center; font-size: 11px; text-transform: uppercase; background: #2b3d86; z-index:10; }
	
	#contentCntr { margin-top: -4px; position: relative; overflow: hidden; width: 977px; }
	
		#leftCntr { float: left; width: 207px; }
		
			.linkBox { padding-top: 12px; margin-top: -3px; width: 207px; background: url('/images/left-top.png') left top no-repeat; }
			.linkBox .bottom { padding-bottom: 23px; width: 207px; background: url('/images/left-bottom.png') left bottom no-repeat; }
			.linkBox .mid { padding: 5px 18px 0px 18px; overflow: hidden; width: 171px; background: url('/images/left-mid.png') left bottom repeat-y; }
			.linkBox .mid.diensten { padding-bottom: 15px; }
			.linkBox h2 { margin: 0px; padding: 0px;  padding-left: 9px; line-height: 40px; color: #009ee0; font-size: 15px; }
			.linkBox ul { margin: 0px; padding: 0px;  line-height: 24px; list-style: none; }
			.linkBox a { padding-left: 9px; text-decoration: none; display: block; color: #fff; font-weight: bold; }
			.linkBox a:hover, .linkBox li.selected a { background: #009ee0; }
			
			.offerBox { padding-top: 12px; width: 207px; background: url('/images/left-top.png') left top no-repeat; }
			.offerBox .bottom { padding-bottom: 23px; width: 207px; background: url('/images/left-bottom.png') left bottom no-repeat; }
			.offerBox .mid { padding: 5px 18px 0px 18px; overflow: hidden; width: 171px; background: url('/images/left-mid.png') left bottom repeat-y; }
			.offerBox h2 { margin: 0px; padding: 0px;  padding-left: 9px; line-height: 30px; color: #009ee0; font-size: 15px; }
			.offerBox p { margin: 0px; padding: 0px;  padding-left: 9px; line-height: 18px; }
			.offerBox a { text-decoration: underline; display: block; color: #ffed00; }
			.offerBox a:hover { text-decoration: none; }
			
		#rightCntr { padding-top: 10px; margin-top: -3px; float: right; width: 770px; background: url('/images/right-top.png') left top no-repeat; }
		#rightCntr #bottom { padding-bottom: 14px; width: 770px; background: url('/images/right-bottom.png') left bottom no-repeat; }
		#rightCntr #mid { padding: 20px 38px 7px 27px; width: 705px; overflow: hidden; background: url('/images/right-mid.png') left bottom repeat-y; }

			.textBox { padding: 0 7px 21px 0; margin: 0 auto 12px auto; width: 704px; border-bottom: 1px solid #cfcfcf;  line-height: 18px; }
			.textBox h1 { margin: 0px; padding: 0px;  color: #009ee0; font-size: 15px; padding-bottom:10px; }
			.textBox h2 { color: #009ee0; font-size: 15px; }
			.textBox p { margin: 0px; padding: 7px 0 10px 0; line-height: 18px; }
			.textBox a { text-decoration: underline; color: #ecdc2c; }
			.textBox a:hover { text-decoration: none; }
	
			.sliderBox { padding-bottom: 15px; margin: 0 auto 12px auto; overflow: hidden; width: 711px; border-bottom: 1px solid #cfcfcf; }
			.sliderBox h2 { margin: 0px; padding: 0px;  padding-bottom: 10px; color: #009ee0; font-size: 15px; }
			.sliderBox ul { margin: 0px; padding: 0px;  padding-left: 4px; margin-right: -15px; float: left; list-style: none; }
			.sliderBox li { margin-right: 30px; float: left; }
			.sliderBox li a { position: relative; display: block; float: left; text-decoration: none; border: 2px solid #ffed00; }
			.sliderBox li a:hover { border-color: #009ee0; }
			.sliderBox li a span { padding: 10px 15px 0 0; outline: none; width: 166px; height: 50px; cursor: pointer; color: #fff; text-decoration: none; line-height: 14px; text-transform: uppercase; text-align: right; position: absolute; left: 0px; bottom: 0px; background: #2b3d86; }
			
			.projectBox { padding-bottom: 25px;  margin: 0 auto 0 auto; overflow: hidden; width: 711px; }
			.projectBox h2 { margin: 0px; padding: 0px;  padding-bottom: 17px; color: #009ee0; font-size: 15px; }

	#footerCntr { overflow: hidden; width: 977px; height: 163px; }
	#footerCntr address { padding-right: 106px; width: 660px; float: right; text-align: center; font-size: 11px; line-height: 16px; font-style: normal; }
	#footerCntr address a { color: #fff; text-decoration: none; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr ul { margin: 0px; padding: 30px 106px 0 0; text-align: center; list-style: none; width: 660px; float: right; font-size: 11px; line-height: 16px; }
	#footerCntr li { padding: 0 5px; display: inline; color: #999999; background: url('/images/footer-li.gif') right center no-repeat; }
	#footerCntr li.last { background: none; }
	#footerCntr li a { color: #999999; text-decoration: none; } container ### */
	#footerCntr { overflow: hidden; width: 977px; height: 163px; }
	#footerCntr address { padding-right: 106px; width: 660px; float: right; text-align: center; font-size: 11px; line-height: 16px; font-style: normal; }
	#footerCntr address a { color: #fff; text-decoration: none; }
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr ul { margin: 0px;padding: 30px 106px 0 0; text-align: center; list-style: none; width: 660px; float: right; font-size: 11px; line-height: 16px; }
	#footerCntr li { padding: 0 5px; display: inline; color: #999999; background: url('../images/footer-li.gif') right center no-repeat; }
	#footerCntr li.last { background: none; }
	#footerCntr li a { color: #999999; text-decoration: none; }
	
	/* CONTACT FORMULIER */
	.contact_links {*float: left; margin-top: 2px;}
	.contact_lr {}
	.contact {min-height: 200px; clear: both;}
	.contact_rechts {margin-left: 140px; margin-top: -15px; *margin-top: 0px;} 
	.contact_submit {margin-left: 140px; margin-top: -15px; *margin-top: 0px; height:30px;}
	.contact_rechts input {border: 1px solid #7d98ab; margin-bottom: 3px; padding: 3px; color: #666666;}
	.contact_rechts input:hover {border: 1px solid #009ee0;	color: #22327b;}
	.verstuurbutton {position: absolute; background-color: #ecdc2c; color: #22327b;	font-weight: bold; border: 1px solid #988f1a; cursor: pointer; height: 24px;}
	.verstuurbutton:hover {background-color: #009ee0; border: 1px solid #4c4945;  color: #FFFFFF;}	
	textarea {border: 1px solid #7d98ab; margin-bottom: 3px; padding: 3px; color: #666666; width: 330px;}
	textarea:hover {border: 1px solid #009ee0; margin-bottom: 3px; padding: 3px; color:#22327b;}
	.fout_tekst{color:#FF0000;}
	
	/* SITEMAP */
	.sitemap ul {padding: 0px; margin: 0px;}
	.sitemap li {list-style: none;}
	.sitemap li a {width: 700px; height: 22px;	line-height: 22px;	text-decoration: none;	display: block;	border-bottom: 1px solid #cccccc; padding-left:5px; font-weight:bolder;}
	.sitemap li a:hover {height: 22px; line-height: 22px; text-decoration: none; display: block; border-bottom: 1px solid #cccccc; background-color: #009ee0; color:#FFFFFF;}
	.subpagina li a {padding-left: 30px;  width: 675px; font-weight:normal;}
	.subsubpagina li a {padding-left: 60px;	width: 645px;  font-weight:normal;}
	
	/* OVERZICHT */
	.overzicht {margin-top: 10px;}
	.overzicht ul {padding: 0px; margin: 0px;}
	.overzicht li {list-style: none;}
	.overzicht li a {width: 700px; padding-left:5px; height: 20px; line-height: 20px; text-decoration: none; display: block; }
	.overzicht li a:hover {background-color: #009ee0; color:#FFFFFF;}
	
	
	/* FOTOKADER */
	.foto_kader { width: 100%; }
	.foto_kader ul { margin: 0px; padding: 0px; width: 100%; list-style: none; overflow:hidden;}
	.foto_kader li { padding: 10px 15px 10px 10px; float: left; display: inline; }
	.foto_kader li a img { border: 2px solid #ffed00; background: #fff;}
	.foto_kader li a:hover img { border: 2px solid #009ee0;}
	
	/* ROUTEBESCHRIJVING */
	.map {border: 1px solid #0e4a56;}
	#d_form {padding-bottom: 10px; border-bottom: 1px solid #7d98ab;width: 593px;}
	#d_sub { background-color: #988f1a; color: #FFFFFF; font-weight: bold; border: 1px solid #988f1a; cursor: pointer; height: 24px;}
	#d_sub:hover {background-color: #4c4945; border: 1px solid #4c4945;}
	#d_d {border: 1px solid #5b4f6c; color: #666666; height: 20px;}
	#d_d:hover {border: 1px solid #988f1a;	color: #4c4945;}
	
	/* TERUG */
	.terug {float:left; width:554px; position:absolute; top:0px; z-index:10; display:block; }
	.terug a { text-decoration: none; background-color:#4d4946; color: #FFFFFF; line-height: 20px; display:block;  width: 50px; height: 21px;  font-weight:bolder; padding: 0px 10px 0px 10px; }
	.terug a:hover { background-color:#988f1a;  }
	
	/* DOWNLOADKADER */	
	.download_kader {padding: 10px 0px 10px 0px;}
	.download_kader ul {list-style: none; padding:0px; margin:0px;}
	.download_kader li {padding: 0px 0px 0px 0px; }
	.download_kader li a {line-height: 15px; background-position: left; color: #988f1a;	text-decoration: underline; margin-left:10px;}
	.download_kader li a:hover {color: #988f1a;}