/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Verdana; font-size: 11px; color: #000; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #000; }
input.error { border:1px solid red; }
html { background: url('../images/htmlBg.gif') top; }
body { background: url('../images/bodyBg.gif') repeat-x; }
body.nieuwsbrief { background:#b8be00; }
img { border: 0px; display: block; }

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

/* ### WRAPPER ### */
#wrapper { margin: 0 auto; position: relative; display: block; width: 930px; min-height: 100%; background: url('../images/rightBg.png') repeat-y right; }
body.nieuwsbrief #wrapper { left: -102px;}
/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0px auto; width: 930px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 930px; height: 80px; background: #fff; }
	#headerCntr h1 { position: absolute; top: 12px; left: 0px; width: 205px; height: 88px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr div.fb {  height:35px; position:absolute; right:19px; bottom:-29px; z-index:1;}
	#headerCntr div.fb a { float:left; margin-left:5px;}
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 930px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-top: 60px; float: left; width: 205px; }
			
			/* ### NAV BOX ### */
			.navBox { width: 205px; }
			.navBox ul { list-style: none; }
			.navBox li { padding-left: 25px; font: 15px/25px Tahoma; background: url('../images/bullit.png') no-repeat left 3px; }
			.navBox li a { text-decoration: none; color: #fff; }
			.navBox li a:hover, .navBox li a.selected { color: #0072ba; }
			.navBox ul ul { padding: 2px 0px 5px 0px; }
			.navBox ul ul li { padding: 0px; font: 13px/18px Tahoma; background: none; }
			.navBox ul ul li a { color: #e6e8a7; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { position: relative; float: right; width: 725px; }
		body.nieuwsbrief #rightCntr { margin-top:40px; }
		
			/* ### REF BOX ### */
			.refBox { padding-bottom: 35px; width: 725px; }
			.refBox ul { padding-left: 22px; position: absolute; top: 0px; left: 0px; overflow: hidden; width: 703px; list-style: none; background: #fff; }
			.refBox li { padding-right: 3px; float: left; display: inline; }
			.refBox li a { display: block; float: left; width: 149px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; color: #fff; background: url('../images/refBg.gif') no-repeat top; }
			.refBox li a:hover, .refBox li.selected a { background-position: bottom; }
			.refBox div.ref { margin: 0px 22px 0px 22px; overflow: hidden; width: 681px; background: #d6d96b;}
			.refBox div.pic { float: left; width: 454px; }
			.refBox div.text { padding-top: 60px; float: right; width: 210px;}
			.refBox p { line-height: 20px; }
			.refBox p span { color: #0072ba; }
			
			/* ### TEXT BOX ### */
			.textBox {  padding: 0px 22px 25px 22px; width: 681px; }
			.textBox h1 { padding-left: 37px; position: absolute; top: 0px; left: 0px; width: 688px; height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; color: #fff; background: url('../images/textH1.gif') #fff no-repeat 22px 0px; }
			body.nieuwsbrief .textBox h1{ background:none; color:#000;  }
			body.nieuwsbrief { color:#000; }
			.textBox h1.normal { padding: 0px 15px 10px 15px; position: inherit; width: auto; height: auto; font-size: 16px; color: #0072ba; background: none; }
			.textBox h2 {padding: 0px 15px 0px 15px; font-size: 14px; font-weight: normal; color: #b8be00; }
			.textBox h3 { padding: 0px 15px 0px 15px; line-height: 20px; font-size: 11px; font-weight: bold; }
			.textBox p { padding: 0px 15px 10px 15px; line-height: 20px; }
			.textBox p.text { color: #0072ba; }
			.textBox strong { font-size: 14px; font-weight: normal; color: #b8be00; }
			.textBox img { padding-bottom: 35px; }			
			.textBox div { padding: 0px 22px 25px 22px; }
			.textBox div.contact { float:left; margin:0px -22px -25px -22px; }
			.textBox span { color: #0072ba; } 
			body.nieuwsbrief .textBox span { color:#000; }
			.textBox .padding { padding-left:15px; }
			.textBox .vestiging {padding-left:15px; color:#000; }
			.textBox div.offerte { margin-left:-8px; padding: 0px;}
			.textBox a { text-decoration: underline; color: #0072ba; }
			.textBox a:hover { text-decoration: none;}
			.textBox .hrstyle { margin:10px; border:0px; height:1px; background-color:#b8be00; }
			.space { padding-top: 30px;}
			
			/* ### CAT BOX ### */
			.catBox { padding: 0px 22px 35px 21px; overflow: hidden; width: 682px; }
			.catBox ul { overflow: hidden; width: 681px; list-style: none; }
			.catBox li { margin: 0px 0px 11px 11px; float: left; display: inline; width: 325px; height: 120px; background: no-repeat; }
			.catBox li.offerte { padding: 18px 0px 0px 132px; width: 193px; height: 102px; line-height: 20px; font-size: 14px; color: #fff;}
			.catBox li.nieuws { padding: 30px 0px 0px 95px; width: 230px; height: 90px; line-height: 20px; font-size: 14px; color: #b8be00; }
			.catBox li.werken { padding: 30px 0px 0px 132px; width: 193px; height: 90px; line-height: 20px; font-size: 14px; color: #b8be00; }
			.catBox li.deel { padding: 18px 22px 0px 22px; width: 281px; height: 102px; line-height: 20px; font-size: 11px; color: #fff; background-color: #d4d866; }
			/*.catBox li.deel { position:relative; display:table; padding-left: 132px; width: 325px; height: 120px; line-height:20px; font-size: 14px; background-color: #d4d866; color: #b8be00; }*/
			.catBox li.uitgelijnd { padding: 18px 22px 0px 22px; }
			/* verticaal centreren */
			.catBox li.deel div { #position: absolute; #top: 50%; vertical-align:middle; display:table-cell; }
			.catBox li.deel div div { #position: relative; #top: -50%; }
			.catBox li.deel a { font-size: 13px; }
			.catBox li a { text-decoration: none; color: #0072ba; }
			.catBox li a:hover { text-decoration: underline; }
			.catBox a.kiwa { margin-right: 11px; display: block; float: right; width: 32px; height: 52px; text-indent: -9999px; background: url('../images/kiwa.gif') no-repeat; }
			.catBox a.qua { margin-right: 11px; display: block; float: right; width: 70px; height: 52px; text-indent: -9999px; background: url('../images/qualitatis.jpg') no-repeat; } 
			
			/* ### REFERENTIE CNTR ### */
			#referentieCntr { padding:0px;}
			#referentieCntr ul{ list-style:none; width:670px; overflow:hidden;}
			.refBox1, .refBox2 { height:70px; width:193px; margin:0px 0px 10px 10px; overflow:hidden; display:inline; float:left; line-height: 20px; font-size: 14px; padding: 30px 0px 0px 132px;}
			.refBox1 img , .refBox2 img { float:left; margin:-30px 0px 0px -132px; }
			.refBox1 #informatie span, .refBox2 #informatie span { color: #0072ba; }
			.refBox1 { background-color:#d4d866; color: #FFFFFF;}
			.refBox2 { background-color:#e4e9b2; color: #a5aa01;}
			.fullRef { width:660px; margin:0px 0px 10px 10px; overflow:hidden; display:inline; float:left; line-height: 20px; font-size: 11px; display:none; padding: 5px 0px 5px 10px; background-color:#d4d866; color:#000000; }
			
			/* ### GOOGLE MAPS ### */
			#maps { width: 651px; height: 330px; margin-left:37px; clear:both;}
			
			/* ### OFFERTE ### */
			.offerteBox1, .offerteBox2 { height:90px; width:193px; margin:0px 0px 10px 10px; overflow:hidden; display:inline; float:left; line-height: 20px; font-size: 14px; padding: 30px 0px 0px 132px;}
			.offerteBox1 { background-color:#d4d866; color: #FFFFFF; }
			.offerteBox2 { background-color:#e4e9b2; color: #a5aa01;}
			.offerteBox1 img, .offerteBox2 img { float:left; margin:-30px 0px 0px -132px; }
			#offerteCntr1, #offerteCntr2 { width:660px; height:auto; display:none; line-height: 20px; padding: 5px 0px 5px 0px;} margin-left:-5px; 
			#formulier span { color: #0072ba; }
			#formulier #errorMsg { color:#FF0000; font-style:italic;}
			#formulier input.invoer { margin: 4px 0px 4px 0px; width:300px;}
			#formulier input.button { margin: 4px 0px 4px 0px; } 
			#formulier input.naam { width:234px; }
			#formulier input.kort { width:50px; }
			#formulier input[type='radio'] { margin: 4px 10px 4px 0px; }
			#formulier input[type='radio'].error { background-color: #FF0000; }
			#formulier select { padding: 2px; }
			#formulier textarea, #formulier select{ margin: 4px 0px 4px 0px; }
			#formulier hr { background-color:#e4e9b2; height:1px; border:0px;} 
			#formulier div#overig { float:left; height:10px; margin-left:-10px; display:none; }
			
			a.vacaturetab { background-image:url(../images/vacaturetab.jpg); width:139px; height:30px; line-height:30px; float:left; padding-left:10px; color:#FFF; text-decoration:none; margin-right:1px; margin-bottom:1px; }
			a.vacaturetab:hover { background-image:url(../images/vacature_hover.jpg); }
			a.vacaturetab.selected { background-image:url(../images/vacature_selected.jpg); }
			a.vacaturetab_empty { background-image:url(../images/vacature_empty.jpg); width:149px; height:30px; line-height:30px; float:left; margin-right:1px; margin-bottom:1px; }
			
			.vacatureblok { background-color:#eeeeee; margin-left:17px; margin-right:20px; padding:0px !important; width:597px; }
			.vacatureblok ul { margin:0; padding:0; list-style:none; }
			.vacatureblok ul li { clear:both; min-height:30px; line-height:30px; border-bottom:1px solid #FFF; }
			.vacatureblok li.oneven { background-color:#bed0f1; }
			
			.vacatureblok li { background-color:#d5e0f6; }
			.vacatureblok .label { width:150px; float:left; padding-left:10px; }
			.vacatureblok .text { width:400px; float:left; margin:0; padding:0; line-height:18px; }
			.vacatureblok .text p {  margin:0; padding:0; margin-top:6px;  }
			.reageer { background-image:url(../images/reageer.jpg); width:184px; height:30px; display:block; float:right; margin-top:5px; margin-right:5px; }