/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #004785; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #004785; }
body { background: #fff url('../images/bg.jpg') repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; color:#004785; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { padding-bottom: 10px; margin: 0 auto; width: 992px; }

	/* ### header container ### */
	#headerCntr { padding-top: 29px; position: relative; overflow: hidden; width: 992px; height: 290px; }
	#headerCntr h1 { position: absolute; top: 84px; left: 12px; }
	#headerCntr h1 a { display: block; width: 138px; height: 126px; text-indent: -9999px; background: url('../images/logo.png') no-repeat;margin-top:-10px; }
	
		/* ### address box ### */
		.addressBox { padding: 202px 0px 0px 14px; width: 164px; height: 58px; float: left; margin-top:-15px;}
		.addressBox address { font-style: normal; color: #004785; line-height: 17px; }
				
		/* ### banner box ### */
		.bannerBox { width: 490px; height: 260px; float: left; position: relative; overflow: hidden; border-left: #fff solid 1px; border-right: #fff solid 1px; }
		.bannerBox a.referenties { display: block; position: absolute; right: 0px; top: 50px; text-indent: -9999px; width: 32px; height: 131px; background: url('../images/referenties.png') no-repeat; }
		.bannerBox a.next { display: block; position: absolute; left: 12px; bottom: 10px; text-indent: -9999px; width: 43px; height: 43px; background: url('../images/next.png') no-repeat; }
		
		/* ### zoeken box ### */
		.zoekenBox { width: 322px; height: 260px; overflow: hidden; }
		.zoekenBox h2 { width: 275px; height: 48px; text-indent: -9999px; margin-left: 18px; background: url('../images/mooi-text.png') no-repeat; }
		.zoekenBox .nieuw { padding: 14px 47px 0px 18px; width: 254px; height: 156px; margin: 0 0 7px 1px; background: url('../images/nieuw-bg.jpg') no-repeat; }
		.zoekenBox h4 { padding-bottom: 18px; color: #004785; font-size: 12px; }
		.zoekenBox p { padding-bottom: 18px; color: #004785; line-height: 16px; }
		.zoekenBox a.meer { padding-right: 24px; margin-bottom: 7px; font-size: 11px; color: #00405b; text-decoration: none; background: url('../images/meer-arrow.jpg') right no-repeat; }
		.zoekenBox a.meer:hover { text-decoration: underline; }
		.zoekenBox .zoeken { padding: 6px 0px 0px 18px; width: 302px; height: 29px; background: #d5e2e8; }
		.zoekenBox form fieldset { border: 0px; overflow: hidden; }
		.zoekenBox input.field { padding: 4px 10px; width: 173px; color: 004785; height: 13px; float: left; border: #99b6cc solid 1px; background: #FFFFFF; }
		.zoekenBox input.submit { width: 89px; height: 23px; color: #004785; cursor: pointer; float: left; border: #99b6cc solid 1px; background: #FFFFFF; } 
		
		/* ### menu box ### */
		.menuBox { width: 992px; height: 30px; border-top: #FFFFFF solid 1px; background: #004785; }
		.menuBox ul { list-style: none; overflow: hidden; text-align: center; }
		.menuBox li { padding: 0 7px; line-height: 30px; display: inline; background: url('../images/menu-sprtr.jpg') right no-repeat; }
		.menuBox li a { color: #FFFFFF; text-decoration: none; }
		.menuBox li a:hover { font-weight: bold; }
		.menuBox ul.right { padding-right: 10px; float: right; }
		.menuBox li.last { background: none; }
		
	/* ### content container ### */
	#contentCntr { padding: 10px 0; width: 992px; }
		
		/* ### np box ### */
		.npBox { width: 990px; height: 25px; border: #b8cada solid 1px; background: url('../images/np-bg.jpg') left no-repeat; }
		.npBox h4 { padding-left: 13px; color: #FFFFFF; line-height: 25px; font-weight: normal; font-size: 12px; width: 173px; float: left; }
		.npBox ul { list-style: none; overflow: hidden; float: left; }
		.npBox li { padding-left: 3px; float: left; line-height: 25px; color: #99b5ce; }
		.npBox li a { padding-right: 3px; color: #99b5ce; text-decoration: none; }
		.npBox li a:hover { text-decoration: underline; }
					
		/* ### left container ### */
		#leftCntr { float: left; width: 163px; position: relative; margin-top: -1px; }
		
			/* ### advies box ### */
			.adviesBox { padding: 18px 20px 30px 10px; margin-bottom: 24px; width: 131px; overflow: hidden; border: #b8cada solid 1px; border-top: 0px; background: #FFFFFF; }
			.adviesBox h3 { padding-bottom: 4px; font-size: 12px; }
			.adviesBox p { line-height: 20px; }
			.adviesBox p a { text-decoration: none; color: #004785; }
			.adviesBox p a.active, .adviesBox p a:hover { font-weight: bold; }
			
			/* ### concrex box ### */
			.concrexBox { padding-top: 0; /*20px;*/ width: 161px; overflow: hidden; border: #b8cada solid 1px; }
			.concrexBox h2 { padding: 0 20px 20px 16px; color: #d5e2e8; font-family: Impact, Arial; font-size: 25px; line-height: 25px; }
			.concrexBox h2 span { color: #9ab6cf; font-size: 20px; display: block; }
						
		/* ### center container ### */
		#centerCntr { padding: 18px 30px 0px 26px; float: left; width: 452px; }
		
			/* ### text box ### */
			.textBox { width: 452px; overflow: hidden; }
			.textBox h2 { padding-bottom: 24px; font-size: 15px; color: #92342f; }
			.textBox p { padding-bottom: 20px; line-height: 20px; }
			.textBox h3 { padding: 15px 0 3px 0; color: #004785; font-size: 12px; }
			.textBox .links { padding-left: 7px; height: 25px; width: 442px; border: #b8cada solid 1px; }
			.textBox a.pdf { padding: 0px 50px 0px 25px; line-height: 25px; display: block; float: left; color: #97b4cd; text-decoration: none; background: url('../images/pdf-icon.jpg') left no-repeat; }
			.textBox a.meer { padding-left: 25px; line-height: 25px; display: block; float: left; color: #97b4cd; text-decoration: none; background: url('../images/e-icon.jpg') left no-repeat; }
			.textBox a:hover { text-decoration: underline; }
					
		/* ### right container ### */
		#rightCntr { float: right; width: 321px; }
		
			/* ### image box ### */
			.imageBox { padding: 0 0 20px 2px; width: 319px; overflow: hidden; }
			
			/* ### nieuws box ### */
			.nieuwsBox { padding: 3px 14px 2px 16px; margin-bottom: 40px; width: 288px; position: relative; border: #b3c6d7 solid 1px; }
			.nieuwsBox h3 { padding-left: 15px; margin: 0 -11px 12px -13px; position: relative; height: 23px; line-height: 23px; font-size: 12px; color: #FFFFFF; background: #92342f; }
			.nieuwsBox span { color: #004785; font-size: 11px; }
			.nieuwsBox h4 { padding-bottom: 16px; font-size: 12px; color: #004785; }
			.nieuwsBox h4.vacatures { padding-bottom: 0px; }
			.nieuwsBox p { padding-bottom: 13px; line-height: 16px; }
			.nieuwsBox a.meer { padding-left: 10px; position: absolute; right: 2px; bottom: -22px; text-decoration: none; display: block; width: 78px; height: 21px; font-size: 11px; color: #05405b; line-height: 21px; background: url('../images/meer-bg.jpg') no-repeat; } 
			.nieuwsBox a.blijf { padding-left: 10px; position: absolute; left: 17px; bottom: -22px; text-decoration: none; display: block; width: 108px; height: 21px; font-size: 11px; color: #05405b; line-height: 21px; background: url('../images/blijf-bg.jpg') no-repeat; } 
			.nieuwsBox a:hover { text-decoration: underline; }
							
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 992px; height: 240px; background: url('../images/footer-bg.jpg') no-repeat; }
		
		/* ### link box ### */
		.linkBox { width: 991px; height: 26px; overflow: hidden; }
		.linkBox ul { list-style: none; overflow: hidden; text-align: center; }
		.linkBox li { padding: 0 7px; line-height: 26px; display: inline; background: url('../images/footer-sprtr.jpg') right no-repeat; }
		.linkBox li a { color: #b2716d; text-decoration: none; }
		.linkBox li a:hover { font-weight: bold; }
		.linkBox ul.right { padding-right: 10px; float: right; }
		.linkBox li.last { background: none; }
				
		/* ### contact box ### */
		.contactBox { padding: 67px 120px 0 120px; width: 751px; overflow: hidden; }
		.contactBox .left { padding-left: 10px; width: 180px; float: left; }
		.contactBox .center { padding-left: 10px; width: 184px; float: left; }
		.contactBox .right { padding-left: 10px; width: 155px; float: left; }
		.contactBox address { line-height: 17px; font-style: normal; color: #a26561; }
		.contactBox ul { list-style: none; overflow: hidden; }
		.contactBox li { line-height: 17px; }
		.contactBox li a,.contactBox li { color: #a26561; text-decoration: none; }
		.contactBox li a:hover { text-decoration: underline; }


/* ### form ### */
div.textBox form label { display: block; }
div.textBox form input[type="text"] { width: 300px; margin-bottom: 16px; border: 1px solid #bbcada; }
div.textBox form textarea { display: block; width: 300px; height: 120px; margin-bottom: 16px; border: 1px solid #bbcada; }
div.textBox form input[type="submit"] { margin-bottom: 16px; border:0; color:#fff; background-color: #004785; padding: 2px 6px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; cursor:pointer; }


 
a.blijf {  display:none !IMPORTANT; }

ul.mainmenu { margin-left:80px; }

div.slideshow { z-index:10;}

div#s7 p { line-height:14px; margin:0px; margin-bottom:4px; padding:0px;}

div.project-listitem { border:#000 0px solid;height:101px;margin-bottom:1px; }
div.project-listitem div { margin-left:200px;padding-top:40px;}
div.project-listitem a { margin-top:15px;}
div.project-listitem img { float:left;}


/*
img#projectimage-0 { margin-bottom:3px;float:left; margin-right:10px; }
img#projectimage-1 { margin-bottom:3px;float:left; margin-right:10px;}
img#projectimage-2 { margin-bottom:3px;float:left; clear:right; }
*/

img.projectimage { margin-bottom: 10px; margin-right: 10px; float: left; }

.adviesSpacer { height: 22px; }

.zoekenBox h2 { background-position: 0 3px !important; }

#footerCntr * { color: #fff !important; }

.nieuw #s7 {
	font-size: 12px;
	color: #004785;
	font-family: arial;
	overflow: hidden;
	/*display: none;*/
}
.nieuw #s7 strong  {
	font-size: 11px;
	color: #80a3c1;
	font-weight: lighter;
}
#s7 div div {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #e8eef2;
	border-bottom: none;
	width: 245px;
}
#s7 div div.morephotos {
	border: none;
	position: absolute;
	width: auto;
	margin-left:180px;
	margin-top:116px;
}
.textBox table {
	border: 1px solid #b8cada;
	border-right: none;
	border-left: none;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 90%;
	margin-bottom: 20px;
	/*border-collapse: collapse;*/
}
.textBox table tr td {
	border: 1px solid white;
	clear: both;
	display: block;
}
.textBox table tr td:first-child {
	font-size: 11px;
	color: #80a3c1;
}