/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #81725e; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #81725e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 960px; background: url('../images/mainBg.gif') no-repeat 0px -11px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 960px; height: 140px; background: url('../images/headerBg.gif') repeat-x; }
	#headerCntr h1 { position: absolute; top: 40px; left: 93px; }
	#headerCntr h3 span { color:#4b9021; font-weight:bold }
	#headerCntr h1 a { display: block; width: 124px; height: 37px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr h3 { position: absolute; top: 70px; right: 10px; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #81725e; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 0px 10px 30px 0px; width: 950px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 200px; }
		
			/* ### MENU BOX ### */
			.menuBox { width: 200px; padding-top:30px; }
			.menuBox ul { list-style: none; }
			.menuBox li { position: relative; padding-bottom: 20px; }
			.menuBox li a { padding-left: 40px; position: relative; z-index: 40; font-size: 12px; text-decoration: none; color: #97bf0d; background: url('../images/bol.gif') no-repeat left; }
			.menuBox li a:hover { color: #97bf0d; }
			.menuBox ul ul { padding-top: 10px; position: relative; z-index: 40; }
			.menuBox ul ul li { padding: 0px 0px 0px 40px; line-height: 18px; }
			.menuBox ul ul li a { padding: 0px; position: relative; z-index: 40; color: #4c8f22; background: none; }
			.menuBox ul ul a:hover { color: #81725e; }
			.menuBox li.selected a { position: relative; z-index: 40; background: none; }
			.menuBox ul ul li a.selected { position: relative; z-index: 40; color: #81725e; background: none; }
			
			.menuBox li.selected ul a { position: relative; z-index: 40; color: #4c8f22; }
			.menuBox li.selected ul a:hover { color: #81725e; }
			.menuBox li.selected div.active { position: absolute; top: -45px; left: -25px; z-index: 20; width: 83px; height: 129px; background: url('../images/active.png') no-repeat; }
			
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 700px; }
			
			/* ### TEXT BOX ### */
			.textBox { width: 700px; }
			.textBox div.text { float: left; overflow: auto; width: 400px; height: 345px; }
			.textBox div.pic { float: right; width: 280px; height: 345px; }
			.textBox div.pic_home { float: right; width: 100%; height: 345px; border: 0px solid red; }
			.textBox h2 { padding-bottom: 20px; font-size: 12px; font-weight: bold; }
			.textBox h3 { font-size: 11px; font-weight: bold; line-height: 18px; }
			.textBox p { padding-bottom: 10px; line-height: 18px; }
			.textBox .text ul { list-style:circle; padding:10px; margin:10px; }
			.textBox .text ul li {line-height: 18px;}
			.textBox a { color: #81725e; }
			.textBox a:hover { text-decoration: none; }
			
			/* ### TEXT BOX projecten ### */
			.textBox_prj { width: 700px; }
			.textBox_prj div.pic { float: left; width: 400px; height: 334px; }
			.textBox_prj div.text { float: right; overflow: auto; width: 288px; height: 334px; padding-left:12px; }
			.textBox_prj h2 { padding-bottom: 10px; font-size: 16px; font-weight: bold; }
			.textBox_prj h3 { font-size: 11px; font-weight: bold; line-height: 18px; }
			.textBox_prj p { padding-bottom: 10px; line-height: 18px; }
			.textBox_prj .intro { font-size: 14px; }
			
			.projectBox .paging { font-weight:bold; font-size: 12px; margin-left:338px; width:200px; }
			.projectBox .paging img { display:inline-block}
			
			/* ### TEXT BOX projecten ### */
			.right { float:right;}
			.textBox_blowup { position:relative; top:-70px; left:9px; width: 616px; height:513px; }
			.textBox_blowup img {float: right; }
			.footer_blowup1 { width:290px; clear:both; float:left; padding-top:12px; }
			.footer_blowup2 { float:left; padding-top:12px; }
			.footer_blowup2 span {  position:relative; top:-2px; }
			
			.footer_blowup1  a { color: #81725e; }
			.footer_blowup1 a:hover { color: #aba192; }
						
			/* ### PROJECT BOX ### */
			.projectBox { width: 700px; }
			.projectBox ul { overflow: hidden; width: 700px; list-style: none; }
			.projectBox li { margin: 0px 20px 20px 0px; float: left; display: inline; width: 160px; height: 180px; }
			.projectBox li.empty { background: #d3cec7; }
			.projectBox li.last { margin-right: 0px; padding-right:0px; }
			.projectBox li a { padding: 5px 5px 0px 5px; display: block; float: left; width: 150px; height: 175px; line-height: 14px; text-decoration: none; color: #81725e; background: #d3cec7; }
			.projectBox li a strong { display: block; cursor: pointer; line-height: 14px; font-weight: bold; }
			.projectBox li a img { padding-bottom: 5px; cursor: pointer; }
			.projectBox li a:hover { color: #fff; background: #aba192; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 0px 10px 0px 10px; overflow: hidden; width: 940px; height: 35px; line-height: 35px; border-top: 1px solid #97bf0d; }
	#footerCntr address { float: left; width: 910px; font-style: normal; }
	#footerCntr address a { color: #81725e; }
	#footerCntr address a:hover { text-decoration: none; }
	#footerCntr p { float: right; width: 30px; text-align: right; }
	#footerCntr p a { text-decoration: none; color: #81725e; }
	#footerCntr p a:hover { text-decoration: underline; }