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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Verdana, Arial; font-size: 12px; color: #ffffff; }
input, select, textarea { font-family: Verdana, Arial; font-size: 12px; color: #ffffff; }
html { background: url('../images/background.gif'); }
body { background: url('../images/body_bg.jpg') left top repeat-x; }
img { border: 0px; display: block; }
a { outline: none; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; }
.beschermenbg { background: url('../images/beschermen_bg.jpg') center top repeat-x; }
.onderhoudbg { background: url('../images/onderhoud_bg.jpg') center top repeat-x; }
.renovatiebg { background: url('../images/renovatie.jpg') center top repeat-x; }
.centerbg { background: url('../images/center_bg.jpg') center top repeat-x; }
.icon { position: absolute; left: 802px; top: 40px; }

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 204px; width: 100%; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 100%; height: 160px; }
	#headerCntr .center { margin: 0 auto; width: 960px; }
	#headerCntr h1 { padding: 40px 0px 0px 10px; float: left; }
	#headerCntr h1 a { display: block; width: 140px; height: 85px; outline: none; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 111px; float: right; width: 810px; }
		#menuCntr ul{ padding-left: 10px; margin: 0px; }
		#menuCntr ul li{ padding: 0px 20px; float:left; list-style: none; overflow: hidden;}
		#menuCntr ul li a { font-family: Georgia; float: left; display: block; height: 20px; font-size: 18px; text-decoration: none; font-weight: bold; font-style: italic; color: #000000; }
		#menuCntr ul li a:hover, #menuCntr ul li a.active { border-bottom: solid 3px #000000; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 100%; }
	#contentCntr .center { padding: 41px 20px 0px 0px; margin: 0 auto; width: 960px; position: relative; }
	#contentCntr a { text-decoration: underline; color: #fff; }
	#contentCntr a:hover { color: #737373; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { margin-bottom: 50px; padding-bottom: 16px; float: right; width: 781px; background: url('../images/contentBottom.png') no-repeat left bottom; }
		#centerCntr div.top { padding-top: 16px; background: url('../images/contentTop.png') no-repeat left top; }
		#centerCntr div.bottom { overflow: hidden; width: 781px; background: url('../images/contentBg.png') repeat-y left top; }
				
		/* ### TEXT BOX ### */
		.textBox { padding: 6px 0px 12px 26px; float: left; width: 570px; min-height: 315px; }
		.textBox h2 { padding-bottom: 3px; font-family: 'Times New Roman', Arial; font-size: 36px; color:#FFFFFF; font-weight: normal; font-style: italic;}
		.textBox em { padding-bottom: 12px; font-family: 'Times New Roman', Arial; font-size: 18px; color:#f39400; font-weight: normal; font-style: italic;}
		.textBox p { padding-bottom: 17px; font-size: 12px; color:#FFFFFF; line-height: 18px; }
		.textBox h3 { padding-top: 5px; padding-bottom: 5px; font-family: 'Times New Roman', Arial; font-size: 23px; color:#FFFFFF; font-weight: normal; font-style: italic; }
		
		/* ### REPARETIE BOX ### */
		.reparatieBox { padding: 6px 0px 0px 26px; float: left; width: 570px; min-height: 315px; }
		.reparatiebg { background: url('../images/reparatie_bg.jpg') center top no-repeat;}
		.reparatieBox h2 { padding-bottom: 9px; font-family: 'Times New Roman', Arial; font-size: 36px; color:#FFFFFF; font-weight: normal; font-style: italic;}
		.reparatieBox p { padding-bottom: 17px; font-size: 12px; color: #FFFFFF; line-height: 18px;}
		.reparatieBox h3 { padding-top: 5px; padding-bottom: 5px; font-family: 'Times New Roman', Arial; font-size: 23px; color:#FFFFFF; font-weight: normal; font-style: italic; }		
		
		/* ### PORTFOLIO BOX ### */
		.portfolioBox { padding: 0px 0px 28px 90px; width: 782px; min-height: 315px; overflow: hidden; }
		.portfoliobg { background: url('../images/foto_bg.jpg') repeat; }
		.portfolioBox img { margin: 0px 50px 54px 0px; float: left; background: no-repeat; }
		.portfolioBox .last { margin-right: 0px; }
		
		/* ### CONTACT BOX ### */
		.contactBox { padding: 6px 0px 12px 24px; float: left; width: 572px; min-height: 315px;  }
		.contactBox form { margin: 0px; }
		.contactBox fieldset { padding: 0px; margin: 0px; border: none;}
		.contactbg { background: url('../images/contact_bg.jpg') center top no-repeat; }
		.contactBox h2 { padding-bottom: 10px; font-family: 'Times New Roman', Arial; font-size: 36px; color: #FFFFFF; font-weight: normal; font-style: italic; }
		.contactBox input.filed { padding: 8px 4px 6px 8px; margin-bottom: 19px; width: 265px; height: 18px; float: left; border: none; background: url('../images/input_bg.png') left top no-repeat; }
		.contactBox input.filed1 { padding:8px 4px 6px 8px; margin: 0px 0px 19px 16px; width: 265px; height: 18px; float: left; border: none; background: url('../images/input_bg.png') left top no-repeat; }
		.contactBox textarea { padding: 8px 4px 6px 8px; margin-top: 16px; width: 560px; height: 150px; border: none; background: url('../images/textarea_bg.png') left top no-repeat; }
		.contactBox input.button { margin: 12px 0px 0px 12px; width: 70px; float: right; color: #FFFFFF; font-size: 12px; cursor: pointer; border: none; background: none; }	
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 194px; font-size: 11px; border-top: solid 1px #FFFFFF; background: #000000; }
		
		/* ### FOOTER BOX ### */
		.footerBox { margin: 0 auto; padding-top: 20px; overflow: hidden; width: 570px; height: 174px; }
		.footerBox div.left { float: left; overflow: hidden; width: 200px; }
		.footerBox div.left ul { float: left; width: 100px; list-style: none; }
		.footerBox div.left li { height: 20px; line-height: 20px; border-bottom: 1px solid #404040; }
		.footerBox div.left li a { text-decoration: none; color: #fff; }
		.footerBox div.left li a:hover { color: #737373; }
		.footerBox div.right { float: right; width: 225px; text-align: right; }
		.footerBox h3 { padding-bottom: 5px; font-family: 'Times New Roman', Arial; font-size: 25px; color:#f39400; font-weight: normal; font-style: italic;}
		.footerBox em { padding-bottom: 10px; display: block; font-family: 'Times New Roman', Arial; font-size: 18px; color:#fff; font-weight: normal; font-style: italic;}
		.footerBox div.left h3 { padding-bottom: 15px; }
		.footerBox address { padding: 10px 0px 10px 0px; font-style: normal; line-height: 20px; border-top: 1px solid #404040; border-bottom: 1px solid #404040; }
		.footerBox address a { text-decoration: none; color: #fff; }
		.footerBox address a:hover { color: #737373; }
		.footerBox p { padding: 10px 72px 0px 0px; position: relative; color: #3d3d3d; }
		.footerBox p a { position: absolute; top: 12px; right: 0px; display: block; width: 67px; height: 8px; text-align: left; text-indent: -9999px; background: url('../images/accentuate.gif') no-repeat left top; }
		.footerBox p a:hover { background-position: left bottom; }

		/* ### CONTACT OVERLAY ### */
		#result-content { background: transparent url('../images/overlay.png') no-repeat; height: 100%; width: 100%; text-align: center; color: black; padding-top: 98px; }
		#result-content h1 { font-size: 12px; font-weight: bold; }
		#result-content h2 { margin-top: 20px; font-size: 12px; font-weight: 100; }
		#result-content ul { margin-top: 5px; }