/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #5a5a5a url('../images/body.png') repeat-x; }
body.grey { background: #5a5a5a url('../images/body.png') repeat-x; background-attachment: fixed; }
body.hout { background: #5a5a5a url('../images/bg_hout.jpg') top center repeat; background-attachment: fixed; }
body.plastic { background: #5a5a5a url('../images/bg_plastic.jpg') top center repeat; background-attachment: fixed; }
body.beton { background: #5a5a5a url('../images/bg_beton.jpg') top center repeat; background-attachment: fixed; }
img, img a, a img { border: 0px; outline: none; }


.detailsBox .left img { position:absolute; }
.imageOver { position:absolute; width:287px; height:179px; background:url(../images/zoom.gif) no-repeat 50% 50%; opacity:0.5; display:none; }
a:hover .imageOver { display:block; }



/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
div.slider_container { position: absolute; }

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 900px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 900px; overflow: hidden; }
	#headerCntr h1 { position: absolute; left: 8px; top: 54px; }
	#headerCntr h1 a { display: block; width: 84px; height: 57px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; outline: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 51px; width: 900px; height: 65px; overflow: hidden; background: url('../images/header.png') bottom no-repeat; }
		#menuCntr ul { list-style: none; float: right; overflow: hidden; }
		#menuCntr li { float: left; font-size: 17px; font-style: italic; }
		#menuCntr li a { display: block; width: 200px; height: 65px; text-align: center; color: #FFFFFF; line-height: 65px; text-decoration: none; }
		#menuCntr li.first a { background: url('../images/first.png') no-repeat; }
		#menuCntr li.first a:hover, #menuCntr li.first a.active { color: #676767; background: url('../images/first-over.png') no-repeat 0px 0px; }
		#menuCntr li.second a { padding-top: 13px; line-height: 18px; height: 52px; background: url('../images/second.png') no-repeat; }
		#menuCntr li.second a:hover, #menuCntr li.second a.active { color: #676767; background: url('../images/second-over.png') no-repeat 0px 0px; }
		#menuCntr li.third a { background: url('../images/third.png') no-repeat; }
		#menuCntr li.third a:hover, #menuCntr li.third a.active { color: #676767; background: url('../images/third-over.png') no-repeat 0px 0px; }
		
		/* ### BANNER BOX ### */
		.bannerBox { padding: 9px; width: 882px; position: relative; background: #FFFFFF; }
		.bannerBox .text { padding: 18px 40px 0px 30px; width: 522px; height: 138px; position: absolute; left: 0px; top: 188px; background: url('../images/banner-content.png') no-repeat; }
		.bannerBox h2 { font-size: 16px; color: #5f4217; text-transform: uppercase; }
		.bannerBox p { line-height: 20px; }
		.bannerBox a { color: #5f4217; text-decoration: none; }
		.bannerBox a:hover { text-decoration: underline; }
		.bannerBox div.overlay { position: absolute; top: 9px; left: 9px; width: 882px; height: 356px; background: url('../images/overlay.png') no-repeat; }
		.bannerBox div.overlay2 { position: absolute; top: 9px; left: 9px; width: 882px; height: 220px; background: url('../images/overlay2.png') no-repeat;  z-index:25;}
	
		#sliderHeader { height:220px; }
		#sliderHeader img { position:absolute; }
		
	/* ### LINK CONTAINER ### */
	#linkCntr { width: 900px; height: 40px; border-bottom: #202020 solid 10px; background: #5f4217; }
	#linkCntr ul { list-style: none; overflow: hidden; }
	#linkCntr li { padding: 0 14px; font-size: 14px; line-height: 40px; text-transform: uppercase; float: left; }
	#linkCntr li a { color: #FFFFFF; text-decoration: none; }
	#linkCntr li a:hover { text-decoration: underline; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 900px; background: #FFFFFF; }
	
	#contentCntr a { color: #5f4217; text-decoration: none; }
	#contentCntr a:hover { color: #5f4217; text-decoration: underline; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding: 10px; float: left; width: 880px; }
			
			/* ### ZOEK BOX ### */
			.zoekBox { padding: 0 4px; width: 872px; height: 35px; background: url('../images/zoek-strip.gif') repeat-x; }
			.zoekBox form fieldset { padding-top: 6px; border: 0px; overflow: hidden; }
			.zoekBox form select { padding: 3px; float: left; margin-right: 8px; width: 170px; height: 22px; border: 1px solid #acadb2; background: #fff; }
			.zoekBox form .zoek { width: 158px; height: 22px; float: right; overflow: hidden; background: url('../images/zoekBg.gif') no-repeat; }
			.zoekBox form input.field { padding: 5px 5px 0px 5px; float: left; width: 120px; height: 16px; border: 0px; background: none; }
			.zoekBox form input.submit { width: 22px; height: 22px; float: left; border: 0px; cursor: pointer; background: none; }
			
			/* ### DETAILS BOX ### */
			.detailsBox { margin: 10px 0; width: 880px; overflow: hidden; border-bottom: #b4b4b4 solid 0px; background: url('../images/bg.gif') repeat-y; }
			.detailsBox .left { padding-top: 8px; width: 287px; height: 252px; float: left; }
			.detailsBox .right { width: 580px; float: right; }
			.detailsBox hr { clear: both; border: none; width: 100%; height: 11px; background: url('../images/ruler.gif') repeat-x; }
			.detailsBox h2 { font-size: 18px; color: #5f4217; font-weight: normal; text-transform: uppercase; }
			.detailsBox p { padding: 10px 0; line-height: 20px; }
			.detailsBox ul { padding: 10px 0; width: 580px; list-style: none; overflow: hidden; }
			.detailsBox li { padding-right: 20px; float: left; text-transform: uppercase; }
			.detailsBox li.last { padding: 0px; }
						
			/* ### PAGINA BOX ### */
			.paginaBox { padding-top: 0px; width: 880px; }
			.paginaBox ul { list-style: none; text-align: center; }
			.paginaBox li { padding-right: 5px; display: inline; text-transform: uppercase; color: #737373; font-size: 10px; }
			.paginaBox li a { padding: 0 2px; color: #737373; text-decoration: none; background: #e0e0e0; }
			.paginaBox li a:hover { color: #FFFFFF; background: #737373; }
			.paginaBox li a.active { color: #FFFFFF; background: #737373; }
			.paginaBox li a.link { background: none; }
			.paginaBox li a.link:hover { color: #737373; text-decoration: underline; background: none; } 
			.paginaBox li.unactive { color: #c1c1c1; }
			
			/* ### TEXT BOX ### */
			.textBox { margin: 10px 0; width: 880px; overflow: hidden; border-bottom: #b4b4b4 solid 0px; background: url('../images/bg.gif') repeat-y; }
			.textBox .left { padding-top: 8px; width: 287px; height: 252px; float: left; }
			.textBox .right { width: 580px; float: right; }
			.textBox hr { clear: both; border: none; width: 100%; height: 11px; background: url('../images/ruler.gif') repeat-x; }
			.textBox h2 { font-size: 18px; color: #5f4217; font-weight: normal; text-transform: uppercase; padding: 0 0 10px 0; }
			.textBox h3 { font-size: 13px; color: black; padding: 0 0 5px 0; }
			.textBox p { padding: 0 0 10px 0; line-height: 20px; }
			.textBox ul { list-style: none; padding: 0; margin: 0; margin-bottom: 4px; }
			.textBox ul li { padding: 0; margin: 0; color: #000000; padding-left: 15px; list-style: none; background: url('../images/bullet-black.gif') no-repeat left 6px; }
			.textBox ol { list-style: upper-roman; padding: 0; margin: 0; margin-bottom: 4px; padding-left: 30px; }
			.textBox ol li { padding: 0; margin: 0; color: #000000; padding-left: 10px; list-style: upper-roman; }
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; width: 900px; height: 130px; }
	#footerCntr p.copyright { padding-top: 5px; text-align: right; font-size: 10px; color: #2e2e2e; text-transform: uppercase; }
	#footerCntr p a { color: #2e2e2e; text-decoration: none; }
	#footerCntr p a:hover { text-decoration: underline; }
			
		/* ### SQUARES BOX ### */
		.squaresBox { padding: 16px 20px 0px 20px; width: 860px; height: 81px; overflow: hidden; background: #202020; }
		.squaresBox a.logo { display: block; width: 54px; height: 57px; text-indent: -9999px; float: right; background: url('../images/logo1.gif') no-repeat; outline: none; }
		.squaresBox ul { list-style: none; overflow: hidden; }
		.squaresBox li { padding-right: 11px; float: left; }
		.squaresBox li a { display: block; width: 15px; height: 14px; text-indent: -9999px; background: url('../images/white-thumb.gif') no-repeat; outline: none; }
		.squaresBox li a:hover { background: url('../images/brown-thumb.gif') no-repeat; }
		.squaresBox li a.active { background: url('../images/brown-thumb.gif') no-repeat; }
		.squaresBox address { padding-top: 2px; font-style: normal; color: #FFFFFF; line-height: 20px; }
		.squaresBox address a { color: #FFFFFF; text-decoration: none; }
		.squaresBox address a:hover { text-decoration: underline; }