/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #666666/*#adadad*/; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #666666/*#adadad*/; }
body { background: #FFFFFF; overflow-y:scroll; }
img { border: 0px; display: block; }
a, input { outline: none; }
a{ text-decoration: none; color: #ff6600; }
a:hover { text-decoration: underline; }
fieldset { border:none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }
.bg { position: fixed; top: 0px; left: 0px; z-index: 5; width: 100%; }
.textBox { color:#000000; }

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

/* ### main container ### */
#mainCntr { margin: 0 auto; padding-bottom: 40px; width: 982px; }
	
	/* ### header container ### */
	#headerCntr { position: relative; width: 982px; height: 175px; background: url('../images/headerBg.gif') no-repeat; }
	#headerCntr h1 { position: absolute; top: 58px; left: 35px; }
	#headerCntr h1 a { display: block; width: 444px; height: 100px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 0px; left: 18px; overflow: hidden; width: 847px; height: 35px; }
		.menuBox ul { float: left; overflow: hidden; width: 420px; list-style: none; }
		.menuBox li { float: left; display: inline; height: 35px; line-height: 35px; color: #ffffff; }
		.menuBox li a { padding: 0px 5px 0px 5px; text-decoration: underline; color: #ffffff; text-decoration: none; }
		.menuBox li span { padding: 0px 5px 0px 5px; }
		.menuBox li a:hover, .menuBox li.selected a { text-decoration: none; }
		.menuBox fieldset { padding-top: 6px; float: right; overflow: hidden; width: 280px; border: 0px; }
		.menuBox input.field { margin-right: 11px; padding: 4px 10px 4px 10px; float: left; width: 97px; height: 13px; line-height: 13px; color: #fff; border: 0px; background: #ff6600; }
		.menuBox input.submit { float: left; }
		
		.taalversie { position:absolute; margin-left:927px; color:#FFFFFF; margin-top:7px; }
		.taalversie a { color:#FFFFFF; text-decoration:none; }
		.taalversie a:hover { text-decoration:underline; }
	
	/* ### content container ### */
	#contentCntr { padding: 20px 45px 45px 0px; overflow: hidden; width: 936px; background: url('../images/contentBg.gif') repeat-y; border-right:1px solid black; border-top:1px solid black; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 209px; }
		
			/* ### nav box ### */
			.navBox { width: 216px; }
			.navBox h3 { padding-bottom: 15px; font-size: 18px; font-weight: normal; text-transform: uppercase;  color:#ff6600; padding-left:20px;  }
			.navBox ul { list-style-type:none; color:#ff6600; }
			.navBox li { line-height: 21px;  border-bottom: 1px solid #622700; width:228px; }
			.navBox li a { text-decoration: none; color: #fff; display:block;padding-left:21px; font-size:12px; }
			.navBox li a:hover, .navBox li.selected a {  color: #ff6600; background-color:#ff6600; color:#FFFFFF; }
			.navBox li.main { font-weight:bold; }
	
		
		/* ### right container ### */
		#rightCntr { float: right; width: 665px; }
		
			/* ### info box ### */
			.infoBox { margin-bottom: 20px; padding-bottom: 15px; overflow: hidden; width: 665px; background: url('../images/line.gif') repeat-x left bottom; }
			.infoBox ul { float: left; overflow: hidden; width: 550px; list-style: none; }
			.infoBox li { padding-right: 5px; float: left; display: inline; }
			.infoBox li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 21px; line-height: 21px; font-weight: bold; text-decoration: none; color: #000; }
			.infoBox li a:hover, .infoBox li.selected a { color: #fff; background: #ff6600; }
			.infoBox fieldset { float: right; overflow: hidden; width: 230px; border: 0px; }
			.infoBox input.field { padding: 4px 10px 4px 10px; float: left; width: 180px; height: 13px; line-height: 13px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.infoBox input.submit { float: left; }
			
			/* ### pro box ### */
			.proBox { width: 665px; }
			.proBox h1 { font-weight: bold; font-size: 20px; color: #000; margin-bottom:10px;  }
			.proBox h2 { padding-bottom: 30px; font-size: 23px; font-weight: normal; text-transform: uppercase; color: #000; }
			.proBox ul { overflow: hidden; width: 665px; list-style: none; }
			.proBox ul li { padding-top: 20px; padding-right: 65px; padding-bottom:10px; float: left; display: inline; overflow: hidden; width: 300px; min-height: 130px; border-top: 1px solid #eef0f0; }
			.proBox ul li.top { padding-top: 0px; border-top: none; }

			.proBox ul li.last { padding-right: 0px; }
			.proBox ul li a.meer { display: block; width: 21px; height: 21px; text-indent: -9999px; background: url('../images/meer.gif') no-repeat; }
			.proBox ul li img { float: left; }
			.proBox div.text { float: right; width: 205px; }
			.proBox p { padding-bottom: 5px; line-height: 15px; }
			.proBox em { padding-bottom: 10px; display: block; font-family: Verdana; font-style: normal; font-weight: bold; color: #ff6600; }
			.proBox em.black { color: #666666; }
			.proBox em span { padding-left: 5px; font-weight: normal; color: #000; }
			.proBox ol { overflow: hidden; width: 665px; list-style: none; margin-top:20px;  border-top: 1px solid #eef0f0;  }
			.proBox ol li { padding-right: 10px; float: left; display: inline; font-size: 16px; font-weight: bold; }
			.proBox ol li a { text-decoration: none; color: #000; }
			.proBox ol li a:hover, .proBox ol li.selected a { color: #ff6600; }
			
			/* ### detail box ### */
			.detailBox { position: relative; width: 665px; }
			.detailBox h1 {  font-weight: bold; font-size: 20px; color: #000; margin-bottom:15px; }
			.detailBox h2 {  font-weight: bold; font-size: 20px; color: #000; margin-bottom:15px; }
			.detailBox a.terug { position: absolute; top: 12px; right: 0px; text-decoration: none; color: #000; }
			.detailBox a.terug:hover { text-decoration: underline; }
			.detailBox div.detail { margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; width: 665px; border-bottom: 1px solid #eef0f0; position:relative; }
			.detailBox h4 { font-weight: bold; font-size: 11px; line-height: 16px; color: #202020; }
			.detailBox p { line-height:18px; padding-bottom: 10px; line-height: 18px; color: #202020; }
			.detailBox div.pic { float: left; display: inline; width: 220px; }
			.detailBox div.pic { padding: 14px 13px 13px 0px;  }
			.detailBox div.pic div.thumb img { margin-left: 0px; padding: 7px; float:left; background: none; }
			.detailBox div.text { padding-right: 75px; padding-bottom:13px; float: right; display: inline; overflow: hidden; width: 280px; }
			.detailBox .price { padding: 10px 0px 20px 0px; display: block; font-size: 14px; font-family: Verdana; font-style: normal; font-weight: bold; color: #ff6600; }
			.detailBox .price span { padding-left: 10px; font-weight: normal; font-size: 10px; color: #000; }
			.detailBox ul { margin-bottom: 20px; overflow: hidden; width: 280px; list-style: none; border-bottom: 1px solid #eef0f0; }
			.detailBox li { float: left; display: inline; width: 170px; line-height: 20px; border-top: 1px solid #eef0f0; }
			.detailBox li.first { width: 110px; }
			 a.direct { padding-left: 30px; float: left; display: block; height: 21px; line-height: 21px; text-decoration: none; color: #000; background: url('../images/meer.gif') no-repeat left; }
			 a.direct:hover { text-decoration: underline; }
			
			.addthis_toolbox { position: absolute;  left: 310px;  bottom: 29px; width: 200px; height: 16px; }
			.addthis_toolbox span.delen { float:left; margin-right:5px;}
			.addthis_toolbox  ul { margin-bottom: 0px; overflow: hidden; width: auto; list-style: none; border-bottom: none; }
			.addthis_toolbox li { float: left; display: inline; width: auto; line-height:normal; border-top: none; }
			
			/* ### wagen box ### */
			.wagenBox { position: relative; overflow: hidden; width: 665px; }
			.wagenBox h3 { padding-bottom: 25px; font-weight: bold; font-size: 23px; color: #000; }
			.wagenBox a.terug { position: absolute; top: 12px; right: 0px; text-decoration: none; color: #000; }
			.wagenBox a.terug:hover { text-decoration: underline; }
			.wagenBox table { width: 664px; border-left: 1px solid #eef0f0; border-top: 1px solid #eef0f0; }
			.wagenBox td { padding:15px; height: 75px; vertical-align: top; color: #000; border-right: 1px solid #eef0f0; border-bottom: 1px solid #eef0f0; }
			.wagenBox thead td, .wagenBox thead th{ padding: 0px 15px 0px 15px; vertical-align: middle; height: 34px; color: #fff; background: #000; }
			.wagenBox tr.dark td { background: #fcfcfc; }
			.wagenBox td img { display: inline; }
			.wagenBox td.pic { width: 145px; text-align: center; }
			.wagenBox td.aantal { width: 55px; }
			.wagenBox td.prijs { width: 65px; text-align: center; }
			.wagenBox input.field { padding: 4px 10px 4px 10px; display: block; width: 39px; height: 13px; line-height: 13px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.wagenBox ul { padding: 20px 0px 20px 415px; overflow: hidden; width: 250px; list-style: none; }
			.wagenBox li { float: left; display: inline; width: 97px; line-height: 16px; text-align: center; color: #000; }
			.wagenBox li.first { width: 153px; text-align: right; text-transform: uppercase; color: #a9a9a9; }
			.wagenBox li.space { padding-top: 10px; }
			a.betaal { padding: 0px 10px 0px 35px; display: block; float: right; height: 21px; line-height: 21px; text-decoration: none; color: #fff; background: url('../images/arrow.gif') #000 no-repeat left; }
			.wagenBox p { padding-top: 10px; float: right; width: 65px; text-align: center; }
			.wagenBox p a { text-decoration: underline; color: #a9a9a9; }
			.wagenBox p a:hover { text-decoration: none; }
			
	/* ### footer container ### */
	#footerCntr { padding: 25px 40px 25px 35px; overflow: hidden; width: 906px; background: url('../images/contentBg.gif') repeat-y;  border-right:1px solid black;border-bottom:1px solid black; }
	#footerCntr p { float: left; }
	#footerCntr ul { float: right; overflow: hidden; width: 450px; list-style: none; }
	#footerCntr li { float: right; display: inline; color: #b2b2b2; }
	#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #b2b2b2; }
	#footerCntr li a:hover { text-decoration: underline; }
	
	.wagenBox .normalTable { border:none; margin-bottom:15px; }
	.wagenBox .normalTable td { height:auto; padding: 0px 15px; border:none; }
	
	.sitemap h3 { margin-bottom: 15px; padding-bottom: 5px; font-size: 23px; font-weight: bold; color: #006699; border-bottom: 1px solid #eef0f0; }
	.sitemap p { margin-left: 57px; padding: 15px 0px 15px 0px; }
	.sitemap p a { font: 11px Verdana; color: #006699; }
	.sitemap p a:hover { text-decoration: none; }
	
	.logoBox {	  float:left; height:56px; width:300px; margin-left:163px; }
	.logoBox img { float:left; margin:0px 5px; }

	ul.subcat { display:none; }
	ul.subcat.active { display:block; }
	
	#zoekbox { position:absolute; margin-left:816px; margin-top:51px; z-index:11; }
	#zoekbox fieldset { float: right; overflow: hidden; width: 235px; border: 0px; }
	#zoekbox input.field { padding: 4px 10px 4px 10px; float: left; width: 107px; height: 13px; line-height: 13px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; margin-right:4px; }
	input.field { padding: 4px 10px 4px 10px; height: 13px; line-height: 13px; border: 0px; background: url('../images/fieldBg.gif') no-repeat;  }
	#zoekbox input.submit { float: left; }
	#zoekbox a { color:#FFFFFF; margin-top:5px; display:block; }
	
	#sfeerimg { position:absolute; margin-left:562px; width:420px; margin-top:44px; height:122px; overflow:hidden; z-index:10; }
	
	#rss {
		position:absolute;
		margin-left:686px;
		background-image:url(../images/rss-icon.jpg);
		margin-top:-15px;
		display:block;
		width:20px;
		height:20px;
	}
	
	table.table td, table.table th { text-align:left; color:#000000; padding:0px 10px 0px 0px; }
	input.button { cursor:pointer; padding: 0px 10px 0px 35px; display: block; height: 21px; line-height: 21px; text-decoration: none; color: #fff; background: url('../images/arrow.gif') #000 no-repeat left; border:none; }
	.mailBox address { font-style:normal; }
	.mailBox .left, .mailBox .right { float:left; width:300px; }
	table.history tr { cursor:pointer; }

	.search select { padding-left:7px;  width: 200px; }
	.search input.field { width: 180px; }
	
	span.betaalplicht { clear:both; float:right; font-style:italic; }
	
	.menuBox .twitter { padding-top:5px; margin-left:10px; }