/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Tahoma; font-size: 12px; color: #5c5c5c; }
input, select, textarea { font-family: Verdana; font-size: 12px; color: #5c5c5c; }
body { background: url('../images/body-bg.gif') top left repeat-x #fff; }
img { border: 0px; display: block; }
a { color:#007EC7; text-decoration:none;}

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 99px; width: 966px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 966px; height: 191px; overflow: hidden; background: url('../images/header-bg.gif') top right no-repeat; }
	#headerCntr h1 { padding-top: 76px; float: left; }
	#headerCntr h1 a { display: block; width: 258px; height: 75px; text-indent: -9999px; background: url('../images/logo.gif') top left no-repeat; }
	
		/* ### LANGUAGE BOX ### */
		.languageBox { padding: 30px 0px 0px 0px; text-align: right; font-size: 12px; color: #fff; text-align: right; }
		.languageBox a { color: #fff; text-decoration: none; }
		.languageBox a.active, .languageBox a:hover { color: #ccc; text-decoration: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding: 65px 0px 0px 0px; font-size: 12px; }
		#menuCntr ul { overflow: hidden; list-style: none; float: right; }
		#menuCntr li { padding: 0 7px 0 6px; float: left; display: inline; color: #000; text-transform: uppercase; background: url('../images/menuSaparetor.gif') no-repeat right center; }
		#menuCntr li.last { padding-right: 0px; background: none; }
		#menuCntr li a { color: #007ec7; text-decoration: none; }
		#menuCntr li a.active { color: #000; }
		#menuCntr li a:hover { color: #000; }	
		
	/* ### INTRO CONTAINER ### */
	#introCntr { padding-bottom: 20px; overflow: hidden; width: 966px; }
	#introCntr div.text { padding: 70px 0px 0px 60px; float: left; width: 312px; }
	#introCntr div.cat { float: right; width: 535px; }
	#introCntr div.cat ul { overflow: hidden; width: 535px; list-style: none; }
	#introCntr div.cat li { float: left; display: inline; }
	#introCntr div.cat li a { display: block; float: left; height: 293px; text-indent: -9999px; background: no-repeat; }
	#introCntr div.cat li.consument a { width: 259px; background-image: url('../images/consument.png'); }
	#introCntr div.cat li.vakman a { width: 263px; background-image: url('../images/vakman.png'); }
	#introCntr p { padding-bottom: 10px; text-align: justify; color: #000; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 0px 0px 0px 46px; overflow: hidden; width: 920px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding: 0px 20px 50px 30px; float: left; display: inline; width: 110px; border:1px solid white;}
		
			/* ### MENU BOX ### */			
			.menuBox { width: 110px; }
			.menuBox ul { list-style: none; }
			.menuBox li { padding-bottom: 20px; color:#007ec7; text-transform: uppercase; font-size: 11px; }
			.menuBox li a { color: #007ec7; text-decoration: none; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding-left: 60px; float: left; width: 320px; }
		#productdetails { padding-left: 60px; float: left; width: 600px; }
		
			/* ### TEXT BOX ### */
			.textBox { text-align: justify; }
			.textBox h3 { padding-bottom: 8px; font-size: 12px; color: #000; }
			.textBox p { padding: 8px 0 8px 0; color: #000; line-height: 16px; }
			.textBox h1 { padding: 8px 0 8px 0; line-height: 16px; font-size:16px; }
			.textBox h2 { padding: 8px 0 8px 0; line-height: 14px; font-size:14px; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 320px; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 100%; }
			.textBox h3 { padding-bottom: 8px; font-size: 12px; color: #000; }
			.textBox p { padding: 8px 0 8px 0; color: #000; line-height: 16px; }
			.textBox ul { overflow: hidden; height: 40px; margin-bottom: 5px; }
			.textBox li { padding-left: 5px; float: right; display: inline; }
		
		
		#tcid_101 #centerCntr , #tcid_102 #centerCntr { padding-left: 60px; float: left; width: 430px; }
		#tcid_101 #rightCntr  , #tcid_102 #rightCntr { float: right; width: 250px; }
		
		/* ### PANEL CONTAINER ### */		
		#panelCntr { padding-left: 25px; width: 915px; }	
			
			/* ### CAREER BOX ### */		
			.careerBox { padding-left: 227px; padding-right: 270px; width: 443px; height: 131px; overflow: hidden; background: url('../images/career-box-bg.gif') top left no-repeat; }
			.careerBox p { padding-top: 35px; width: 360px; color: #000; }
			.careerBox a { padding-top: 85px; color: #007ec7; font-size: 13px; text-decoration: none; text-transform: uppercase; float: right; }
			
			/* ### ZOEK BOX ### */		
			.zoekBox { padding-left: 227px; padding-right: 270px; width: 443px;  height: 110px; overflow: hidden; background: url('../images/zoek-box-bg.gif') top left no-repeat; }
			.zoekBox p { padding-top: 10px; width: 360px; color: #000; line-height: 13px; }
			.zoekBox input.submit { position:absolute; margin-left:358px; margin-top: 62px; color: #007ec7; font-size: 12px; text-decoration: none; text-transform: uppercase; border:none; background-color:#fff;}
			
			.zoekBox form { width: 365px; overflow: hidden; }
			.zoekBox fieldset { border: none; }
			.zoekBox label { display: inline-block; width: 129px; line-height: 35px; color: #000; float: left; }
			.zoekBox input.textfield { padding: 10px 23px 8px 30px; margin-top: 2px; color: #a0a0a0; width: 183px; height: 18px; float: left; border: none; background: url('../images/textfield-bg.gif') no-repeat 100%; }

			/* ### BEKIJK BOX ### */		
			.bekijkBox { padding-left: 227px; padding-right: 270px; width: 443px; height: 111px; overflow: hidden; background: url('../images/bekijk-box-bg.gif') top left no-repeat; }
			.bekijkBox p { padding-top: 10px; width: 360px; color: #000; }
			.bekijkBox a { padding-top: 62px; color: #007ec7; font-size: 13px; text-decoration: none; text-transform: uppercase; float: right; }
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; background: url('../images/footer-bg.gif') bottom left repeat-x; }
	#footerCntr div.content { margin: 0 auto; padding-right: 20px; position: relative; overflow: hidden; width: 966px; height: 99px; background: url('../images/footer-img-bg.gif') 10px bottom no-repeat; }
		
		/* ### NIEUWS BOX ### */
		.nieuwsBox { position: absolute; top: 42px; left: 70px; width: 604px; }
		.nieuwsBox h3 { display: none; }
		.nieuwsBox ul { overflow: hidden; width: 604px; list-style: none; }
		.nieuwsBox li { padding-bottom: 5px; float: left; display: inline; width: 494px; font-size: 11px; color: #000; }
		.nieuwsBox li.first { padding-left: 15px; width: 95px; background: url('../images/bol.gif') no-repeat left 6px; }
		
		/* ### ADRES BOX ### */
		.adresBox { position: absolute; top: 37px; right: 28px; width: 250px; }
		.adresBox ul { overflow: hidden; width: 250px; list-style: none; }
		.adresBox li { padding: 0 7px 0 6px; font-size: 11px; float: left; color: #000; text-transform: uppercase; background: url('../images/menuSaparetor.gif') no-repeat right center; }
		.adresBox li.last { background: none; }
		.adresBox li a { color: #007ec7; text-decoration: none; }
		.adresBox li a:hover { color: #000; }
		.adresBox address { padding: 15px 0px 0px 6px; font-style: normal; text-transform: uppercase; font-size: 11px; }
		
		/* ### LEFT BOX ### */
		.leftBox { padding-left: 75px; padding-top: 60px; width: 460px; float: left; display: inline; }
		.leftBox ul { list-style: none; }
		.leftBox li { padding-top: 2px; padding-right: 8px; padding-left: 5px; float: left; background: url('../images/seperator-img.png') top right no-repeat; }
		.leftBox li.last { background: none; }
		.leftBox li a.stairs { width: 98px; height: 11px; display: block; text-indent: -10000px; background: url('../images/stairmaster-link-img.png') top left no-repeat; }
		.leftBox li a.maurit { width: 77px; height: 11px; display: block; text-indent: -10000px; background: url('../images/mauri-link-img.png') top left no-repeat; }
		.leftBox li a.gv { width: 88px; height: 11px; display: block; text-indent: -10000px; background: url('../images/5611-link-img.png') top left no-repeat; }
		.leftBox li a.tele { width: 124px; height: 12px; display: block; text-indent: -10000px; background: url('../images/tele-link-img.png') top left no-repeat; }
		
		/* ### RIGHT BOX ### */
		.rightBox { padding: 30px 0px 0px 0px; width: 250px; float: right; display: inline; }
		.rightBox ul { list-style: none; float: right; }
		.rightBox li { padding: 0 7px 0 6px; font-size: 11px; float: left; color: #000; text-transform: uppercase; background: url('../images/menuSaparetor.gif') no-repeat right center; }
		.rightBox li.last { background: none; }
		.rightBox li a { color: #007ec7; text-decoration: none; }
		.rightBox li a:hover { color: #000; }
		
input.txt { padding: 10px 23px 8px 30px; margin-top: 2px; color: #a0a0a0; width: 183px; height: 18px; float: left; border: none; background: url('../images/textfield-bg.gif') no-repeat 100%; }
input.button { margin-top: 10px; padding-right:70px; color: #007ec7; font-size: 12px; text-decoration: none; text-transform: uppercase; float: right; border:none; background-color:#fff;}
h2{
  font-size:14px;
}
.textBox li {
  display:block;
  float:left;
  padding-left:15px;
  padding-bottom:5px;
  width:400px;
  
}
.textBox ul{
  height:auto;

}


#PanelLeft{
  background:url(../images/creer/panels.png) no-repeat;
  width:619px;
  height:375px;
  margin-left:-235px;
  text-transform:uppercase;
  color:#000;
}
#PanelStair ,
#PanelColor ,
#PanelStoot{
  display:block;
  float:right;
  width:570px;
  line-height:10px;
  padding:0;
  font-weight:bold;
}
#PanelStair{
  height:85px;
  padding-right:50px;
  padding-top:28px;
}
#PanelColor{
  height:85px;
  padding-right:50px;
  padding-top:14px;
}
#PanelStoot{
  height:85px;
  padding-right:50px;
  padding-top:14px;
}
.PanelItem{
  float:right;
  padding-left:5px;
}
#creer{
	background:url(../images/creer/output/default.jpg) no-repeat 340px 15px;
	width:800px;
}
#creer img{
	border:1px solid #ddd;
}
/*
.PanelItem #trap2 ,
.PanelItem #kleur1 ,
.PanelItem #stoot2 {
	border:1px solid #444;
}
*/
	.dealerBox input.submit { margin-top: 62px; color: #007ec7; font-size: 12px; text-decoration: none; text-transform: uppercase; float: right; border:none; background-color:#fff;}
	.dealerBox input.textfield { padding: 10px 23px 8px 30px; margin-top: 2px; color: #a0a0a0; width: 183px; height: 18px; float: left; border: none; background: url('../images/textfield-bg.gif') no-repeat 100%; }

#PanelRight{
  diaplay:block;
  width:375px;
  height:375px;
  position:relative;
  margin-top:-375px;
  margin-left:340px;
}
	
	
		
#extra1{
  display:block;
  position:relative;
  width:200px;
  height:100px;
  margin-top:-330px;
}
#extra2{
  display:block;
  width:200px;
  height:100px;
}
#extra3{
  display:block;
  width:200px;
  height:100px;
}
h1{
 font-size:14pt;
}
#sitemap ul ul li{
  margin-left:30px;
  display:inline;
}
#sitemap ul ul{
  margin-left:10px;
  display:inline;
}

.formError.registerForm * {color: red !important;font-weight: bold;}
