/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font: 11px Verdana, Arial; color: #181716; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #000; }
body { background: #181716;overflow-y:scroll; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }
.dark { font-weight: bold; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%;  background: url('../images/wrapper.jpg') center top repeat-x; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 980px; height: 141px; }
	#headerCntr h1 { position: absolute; top: 18px; left: 1px; }
	#headerCntr h1 a { display: block; width: 506px; height: 58px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### RIGHT BOX ### */
		.rightBox { width: 205px; float: right; text-align: right; }
		.rightBox ul { padding-top: 28px; }
		.rightBox ul img { border: 1px solid #ccc; }
		.rightBox ul li { padding: 0px 0px 0px 5px; list-style: none; display: inline;  }
		.rightBox ul li.first {  }
		.rightBox ul li a { color: #b2b0b0; text-decoration: none; } 
		.rightBox ul li a:hover, .rightBox ul li.selected a { color: #8b8472; }
		.rightBox form { padding-top: 10px; }
		.rightBox form fieldset { border: none; }
		.rightBox form input { padding: 5px 0px 0px 30px; width: 160px; height: 16px; border: none; background: #fff url('../images/search.jpg') 10px 5px no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 96px; left: 0px; width: 980px; height: 36px; background: url('../images/menuBg.jpg') repeat-x; }
		#menuCntr ul li { padding: 0px 10px; list-style: none; display: inline; float: left;}
		#menuCntr ul li a { padding-top: 11px; height: 22px; display: block; float: left; font: bold 10px Verdana, Arial; color: #fff; text-transform: uppercase; text-decoration: none; }
		#menuCntr ul li a:hover { color: #c7bb9d; background: url('../images/menuHover.jpg') center top no-repeat; }
		#menuCntr ul li a.selected { color: #c7bb9d; background: url('../images/menuHover.jpg') center top no-repeat; }
		#menuCntr ul ul {display: none; padding: 0px 0px 5px 0px; float: none; position: absolute; top: 33px; clear: both; width: 210px; background: url('../images/menuBg.png') no-repeat bottom #8B8472; }
		#menuCntr ul ul li { padding: 0px; float: none; }
		#menuCntr ul ul li a { padding: 0px 12px 0px 12px; float: none; height: 22px; font: 10px/22px Verdana; text-transform: none; }
		#menuCntr ul ul li a:hover { color: #60573e; background: #fff; }
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { margin-bottom: 10px; height: 263px; overflow: hidden; color: #ccc; background: #525659; }
	#bannerCntr h3 { font: bold 13px Verdana, Arial; color: #fafbfd; }
	#bannerCntr h4 { margin-bottom: 10px; font: bold 11px Verdana, Arial; color: #f00; text-transform: uppercase; }
	#bannerCntr h5 { margin-bottom: 2px; font: bold 11px Verdana, Arial; color: #fafbfd; }
	#bannerCntr p { padding: 0px 12px 15px 0px; line-height: 15px; }
	
		/* ### BANNER BOX ### */
		.bannerbox { float: left; }

		/* ### AGENDA BOX ### */
		.agendaBox { padding: 0px 12px 0px 15px; margin: 8px 0px; width: 185px; border-right: 1px solid #646867; float: left; }
		.agendaBox ul li { list-style: none; padding-bottom: 20px; }
		.agendaBox ul li .date { font-weight: bold; font-size: 9pt; }
		.agendaBox ul li a { font-size: 10px; color: #aaa; text-decoration: none; }
		.agendaBox ul li a:hover { color: #c0c66c; text-decoration: underline; }			
		
		
		/* ### AGENDA  ### */
		.agenda { padding: 0px 12px 0px 15px; margin: 8px 0px; width: 685px; float: left; }
		.agenda ul li { list-style: none; padding-bottom: 35px;padding-top:15px; border-bottom:1px solid #ccc;}
		.agenda ul li .date { font-weight: bold; float:left;margin-right:20px;}
		.agenda .date { font-weight: bold; float:left;width:190px;margin-right:10px;}
		.agenda ul li h3 { font-weight: bold; float:left;margin-right:20px;color: #d60808; }
		.agenda h3 { font-weight: bold; float:left;margin-right:20px;color: #d60808; }
		.agenda ul li a { font-size: 10px; color: #7a7873; text-decoration: none;float:right;}
		.agenda ul li a:hover { color: #d27a22; text-decoration: underline; }		
		


		/* ### NIEUWS BOX ### */
		.nieuwsBox { margin: 8px 14px 0px 0px; width: 205px; float: right; }
		.nieuwsBox p { text-align: left; }
		.nieuwsBox a { font-size: 10px; color: #aaa; text-decoration: none; }
		.nieuwsBox a:hover { color:  #c0c66c; text-decoration: underline; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-bottom: 11px; overflow: hidden; width: 980px; background: url('../images/contentBg.gif') left top repeat-y; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 740px; }
		
			/* ### DETAIL BOX ### */
			.detailBox { float:left;padding: 12px; width: 716px; }
			.detailBoxSub { padding: 12px; width: 716px; }
			.detailBox h2 { padding-bottom: 3px; margin-bottom: 3px; font: bold 18px Verdana, Arial; color: #5d5a57; }
			.detailBoxSub h2 a{ font: bold 18px Verdana, Arial; color: #5d5a57; }
			.detailBoxSub h2 { padding-bottom: 3px; margin-bottom: 3px; font: bold 18px Verdana, Arial; color: #5d5a57; }
			/*.detailBoxSub p img { margin:10px;padding:2px;border:1px solid #ccc; }*/
			.detailBox  { line-height: 120px; }
			.detailBox p { line-height: 120px; }
			.detailBoxSub p { line-height: 18px; }
			.detailBoxSub  { line-height: 18px; }
			.detailBox .left { width: 251px; float: left; }				
			.detailBox img.slideImgBig { border: 1px solid #cdcaca; }
			.detailBox .ul { padding-top: 5px; }
			.detailBoxSub .Box ul { padding:10px; margin:5px; }
			.detailBox ul li { padding: 0px 4px; list-style: none; float: left; }
			.detailBoxSub .Box ul li { padding: 0px 0px 10px;  }
			.detailBox ul li img { border: 1px solid #cdcaca; }
			.detailBox ul li.first { padding: 0px; }
			.detailBox ul li.last { padding: 0px; }
			.detailBox ul li.first img { border: none; }
			.detailBox ul li.last img { border: none; }
			.detailBox .right { width: 437px; float: right; }
			.detailBox .price { padding-top: 10px; font: 30px Verdana, Arial; color: #8b8472; text-align: right; }
			.detailBox .oldPrice { font-size: 14px; text-decoration: line-through; }
			.detailBox .text { font-size: 10px; color: #181716; }
			.detailBox form { padding: 7px 20px 2px 0px; margin-top: 20px; height: 25px; background: #beb9ac; }
			.detailBox form fieldset { border: none; }
			.detailBox form label { padding: 2px 10px 0px 20px; float: left; }
			.detailBox form select { padding: 2px; width: 80px; float: left; height: 17px; border: 0px; background: #fff; }
			.detailBox form input.field { padding: 2px 5px 0px 5px; width: 32px; height: 15px; border: none; float: left; background: #fff; }
			.detailBox form input.bestellen { float: right; width: 93px; height: 20px; border: none; cursor: pointer; background: url('../images/bestellen.jpg') 0 0 no-repeat; }
			.detailBoxSub img { padding: 10px; } 
			.infoBox { margin-bottom: 15px; padding: 0px 5px 15px 5px; overflow: hidden; width: 560px; border-bottom: 1px solid #cacaca; }
			.infoBox h3 { padding-bottom: 10px; font: normal 20px verdana; color: #555135; }
			.infoBox p { padding-bottom: 15px; line-height: 19px; }
			.infoBox ul { overflow: hidden; width: 560px; list-style: none; }
			.infoBox li { float: left; display: inline; width: 450px; line-height: 19px; }
			.infoBox li.first { width: 110px; }			
			
			/* ### PRODUCT BOX ### */
			.productBox { margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; width: 716px; border-bottom: 1px solid #cacaca; }
			.productBox h1 { margin-bottom: 15px; padding: 0px 10px 0px 10px; height: 40px; font: 22px/40px verdana; color: #5d5a57; }
			.productBox h3 {padding: 0px 10px 0px 0px; height: 30px; font: 14px/35px verdana; color: #5d5a57; }
			.productBox h3 a{ padding: 0px 10px 0px 10px; height: 30px; font: 14px/30px verdana; color: #5d5a57; }
			.productBox div.pic { padding-bottom: 0px; float: left; width: 350px; border-right: 1px solid #d6d6d6; }
			.productBox div.text { float: right; width: 320px; }
			.productBox div.pic ul { overflow: hidden; width: 271px; list-style: none; }
			.productBox div.pic li { padding-right: 18px; float: left; display: inline; }
			.productBox div.pic li.last { padding-right: 0px; }
			.productBox div.pic li img { padding: 0px; border: 1px solid #cacaca; }
			.productBox div.pic img {  }
			.productBox img.logo { padding: 10px 0px 40px 50px; }
			.productBox div.text p {padding-bottom: 30px; text-align: center; font: 29px verdana; color: #555135;width:230px; }
			.productBox div.text p span span#old_price_display { display: block; font: 16px verdana; text-decoration: line-through; color: #9a1812; }
			.productBox div.text ul { padding: 0px 0px 30px 70px; overflow: hidden; width: 130px; list-style: none; }
			.productBox div.text li { margin-right: 4px; float: left; display: inline; font: 14px verdana; color: #555135; }
			.productBox div.text li.red { margin-top: 1px; width: 14px; height: 14px; background: #a51c1c; }
			.productBox div.text li.yellow { margin-top: 1px; width: 14px; height: 14px; background: #e1a94b; }
			.productBox div.text li.green { margin-top: 1px; width: 14px; height: 14px; background: #4ec059; }
			.productBox fieldset { padding-left: 20px; overflow: hidden; width: 225px; border: 0px; }
			/* ### SLIDER BOX ### */
			
			.sliderBox { position: relative; width: 650px; height: 132px; }
			.sliderBox h3 { font: normal 20px verdana; color: #555135;margin-bottom:10px; }
			.sliderBox a.prev { position: absolute; top: 50px; left: 0px; display: block; width: 8px; height: 8px; text-indent: -9999px; background: url('../images/prev.gif') no-repeat; }
			.sliderBox a.next { position: absolute; top: 50px; right: 0px; display: block; width: 8px; height: 8px; text-indent: -9999px; background: url('../images/next.gif') no-repeat; }
			.sliderBox ul { padding: 35px 0px 0px 10px; overflow: hidden; width: 530px; list-style: none; }
			.sliderBox li { padding: 0px 6px 0px 6px; float: left; display: inline; }
			.detail ul { padding: 10px 0px 0px 10px; }			
			.sliderBox a.prev { position: absolute; top: 80px; left: 25px; display: block; width: 8px; height: 8px; text-indent: -9999px; background: url('../images/prev.gif') no-repeat; }
			.sliderBox a.next { position: absolute; top: 80px; right: -30px; display: block; width: 8px; height: 8px; text-indent: -9999px; background: url('../images/next.gif') no-repeat; }
			
			div.voor ul { padding: 0px 0px 30px 40px; overflow: hidden; width: 130px; list-style: none; }
			div.voor li { margin-right: 4px; float: left; display: inline; font: 14px verdana; color: #555135; }
			div.voor a { display: block; height: 10px; text-indent: -9999px; padding-top:13px;}
			div.voor a.red { margin-top:1px;width: 10px; background: url('../images/order.gif') no-repeat 0px 3px; }
			div.voor a.orange { margin-top:1px;width: 23px; background: url('../images/order.gif') no-repeat 0px 3px; }
			div.voor a.light { margin-top:1px;width: 36px; background: url('../images/order.gif') no-repeat 0px 3px; }
			div.voor a.green { margin-top:1px;width: 49px; background: url('../images/order.gif') no-repeat 0px 3px; }
			
			.productBox input.submit { width: 225px; height: 26px; cursor: pointer; font: 12px verdana; color: #fff; border: 0px; background: #8b8874;}
			.productBox select { margin-bottom: 15px; padding: 2px; float: left; width: 160px; height: 20px; color: #3d3d3c; border: 1px solid #e2e3ea; background: #fff; }
			.productBox label { margin: 0px 5px 15px 30px;  float: left; width: 90px; height: 20px; font: 14px/20px verdana; color: #555135; }
			
			/* ### PAGE BOX ### */
			.pageBox { padding: 20px 0px 10px 0px; position: relative; width: 716px; }
			.pageBox ul { padding: 0px 10px 0px 10px; overflow: hidden; width: 696px; height: 30px; list-style: none; background: #8d8a76; }
			.pageBox li { float: left; display: inline; font: 12px/30px Arial; color: #fff; }
			.pageBox li.first { padding-right: 5px; }
			.pageBox li.last { float: right; }
			.pageBox li a { margin: 5px 3px 0px 3px; display: block; float: left; width: 20px; height: 20px; font: 11px/20px Arial; text-decoration: none; text-align: center; color: #fff; background: #504e43; }
			.pageBox li a:hover, .pageBox li.selected a { color: #000; background: #fff; }
			.pageBox li.last a { margin: 0px; display: inline; float: none; width: auto; height: auto; text-align: left; font: 12px/30px Arial; background: none; }
			.pageBox li.last a:hover { text-decoration: underline; color: #fff; background: none; }		
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 225px; }
		
			/* ### MENU BOX ### */
			.menuBox { padding-top: 15px; }
			.menuBox ul li { padding: 5px 0px; list-style: none;}
			.menuBox ul li a { padding: 2px 0px 0px 20px; font: bold 10px Verdana, Arial; color: #fff; text-decoration: none; display: block;height:17px;line-height:15px; }
			.menuBox ul li a:hover { padding: 2px 0px 0px 20px; color: #60573e; background: #ffffff;}
			.menuBox ul li.active a {padding: 2px 0px 0px 20px;  color: #60573e; background: #ffffff;  }
			.menuBox ul li.active ul li { padding-left: 22px;}
			.menuBox ul li.active ul li a { color: #60573e; background: none; }
			.menuBox ul li.active ul li a:hover { color: #fff; background: none; }			
			
			.menuBox1 { padding-top: 15px; }
			.menuBox1 ul li { padding: 5px 0px; list-style: none;}
			.menuBox1 ul li a { padding: 2px 0px 0px 40px; font: bold 10px Verdana, Arial; color: #fff; text-decoration: none; display: block;height:17px;line-height:15px; }
			.menuBox1 ul li a:hover { padding: 2px 0px 0px 40px; color: #60573e; background: #ffffff;}
			.menuBox1 ul li.active a {padding: 2px 0px 0px 40px;  color: #60573e; background: #ffffff;  }
			.menuBox1 ul li.active ul li { padding-left: 22px;}
			.menuBox1 ul li.active ul li a { color: #60573e; background: none; }
			.menuBox1 ul li.active ul li a:hover { color: #fff; background: none; }
		
	/* ### NIEUW CONTAINER ### */
	#nieuwCntr { padding: 11px 11px 0px 11px; margin-bottom: 11px; width: 958px; height: 241px; background: #fff; }
	#nieuwCntr h2 { margin-left:8px;padding-bottom: 3px; margin-bottom: 3px; font: bold 18px Verdana, Arial; border-bottom: 1px solid #e2e0dc; color: #5d5a57; }
	#nieuwCntr .right { width: 310px; float: right; }
	
		/* ### NIEUW BOX ### */
		.nieuwBox { width: 610px; float: left; }
		.nieuwBox ul { padding-top: 5px; }
		.nieuwBox ul li { height:180px;margin-right: 5px; padding-bottom: 5px; width: 143px; display: block; float: left; cursor: pointer; list-style: none; border: 1px solid #fff; text-align: center; }
		.nieuwBox ul li:hover { width: 143px; border: 1px solid #b3b2b2; background: url('../images/nieuwLiHover.jpg') repeat-x bottom; }
		.nieuwBox ul li.active { width: 143px; border: 1px solid #b3b2b2; background: url('../images/nieuwLiHover.jpg') repeat-x; }
		.nieuwBox ul li img { padding: 7px 0px 20px 0px; }
		.nieuwBox ul li .dark { font-weight: bold; font-size: 10px; display: block; }
		.nieuwBox ul li .price { padding-bottom: 8px; font: bold 17px Verdana, Arial; display: block; color: #8c0e0e; }
		.nieuwBox ul li a.meer { color: #8c0e0e; }
		
		/* ### COFFE BOX ### */	
		.coffeBox { height: 135px; }
	
		/* ### NIEUW BIREF BOX ### */
		.newsbriefBox { padding: 10px; color: #fff; background: #8b8472; }
		.newsbriefBox h3 { margin-bottom: 5px; font: bold 13px Verdana, Arial; color: #d5c08b; }
		.newsbriefBox p { padding-bottom: 5px; line-height: 18px; }
		.newsbriefBox form fieldset { border: none; }
		.newsbriefBox form input.textBox { padding: 3px 0px 0px 5px; width: 227px; color: #FFFFFF; height: 19px; border: 1px solid #716b5d; float: left; background: #a19b8d }
		.newsbriefBox form input.okButton { margin-left: 5px; width: 40px; height: 24px; border: none; float: left; background: url('../images/ok.jpg') repeat-x; }
	
	/* ### ONZE CONTAINER ### */
	#onzeCntr { margin-bottom: 11px; height: 132px; color: #595958; background: #fff; }
	#onzeCntr h2 { padding-bottom: 3px; margin-bottom: 3px; font: bold 18px Verdana, Arial; color: #5d5a57; }
	#onzeCntr p { line-height: 17px; }
	#onzeCntr .left { padding: 15px 60px 0px 20px; width: 165px; float: left; }
	#onzeCntr .right { padding: 0px 0px 0px 25px; width: 710px; position: relative; float: right; background: url('../images/collectionDevider.jpg') 0px 0px no-repeat; }
	#onzeCntr ul { width: 710px; }
	#onzeCntr ul li { padding: 18px; list-style: none; float: left; }
	#onzeCntr .leftArrow { position: absolute;	left: -15px; top: 50px; }
	#onzeCntr .rightArrow {	position: absolute;	left: 720px; top: 50px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr {width: 980px; height: 37px; overflow: hidden; font: bold 11px Verdana, Arial; color: #fff; background: url('../images/footer.jpg') repeat-x; }

		/* ### LINK BOX ### */	
		.linkBox { padding: 12px 0px 0px 10px; float: left; }
		.linkBox ul li { padding: 0px 10px; display: inline; }
		.linkBox ul li a { color: #fff; text-transform: uppercase; text-decoration: none; }
		.linkBox ul li a:hover { color: #4a463a; text-decoration: underline; }
	
		/* ### COPYRIGHT BOX ### */	
		.copyrightBox { padding: 12px 20px 0px 0px; float: right; }
		.copyrightBox a { color: #fff; text-decoration: none; }
		.copyrightBox a:hover { color: #4a463a; text-decoration: underline; }
		
#thumbs_list_items_2{
	overflow:hidden;
	width:680px;
	padding: 10px 0px 0px 0px;
}
 .topTable {   height:25px; font: 12px Verdana;background: #8d8a76;  color: #fff;}
 h2.top { margin: 0px 0px 10px 0px; padding: 0px 10px 0px 0px; height: 30px; font: bold 14px/30px Verdana, Arial; color: #5d5a57; border-bottom:1px solid #ccc;  }
 
a.button { border: 1px solid #aaa;color: #fff; cursor:hand;margin: 0px 0px 0px 0px; display: block; width: 124px; height: 16px; padding-top:4px; text-align: center;  font: 10px Verdana, Arial; text-decoration: none; background: #8d8a76; }
a.button:hover { border: 1px solid #aaa;color: #fbc57e; cursor:hand;margin: 0px 0px 0px 0px; display: block; width: 124px; height: 16px; padding-top:4px; text-align: center;  font: 10px Verdana, Arial; text-decoration: none; background: #8d8a76; }
.button {  height: 20px; padding:3px; cursor: pointer; font: 10px Verdana, Arial; color: #fff; border: 1px solid #aaa; background: #8b8874;}
			
input.formulier {
   border: 1px solid #BBBBBB;
   font-family: Arial, verdana;
   font-size: 9pt;
   color: #333;
   background-color: #FFFFFF;
   width: 280px;
  }

textarea.formulier {
   border: 1px solid #BBBBBB;
   font-family: Arial, verdana;
   font-size: 9pt;
   color: #333;
   background-color: #FFFFFF;
   width: 280px;
   height: 125px;
  }
  .melding { color: #f00; }
			.line
			{
				padding: 0px 0px 0px 0px;
				margin: 0px;
				color: #ccc;
				height: 1px;
				width: 300px;
				margin-left:270px;
			}
.bestellingTable	.odd
{
	background-color:#EEE;
}
.bestellingTable td {
height: 30px;
padding-left: 5px;
}
#navGegevens li
{
	float:left;
	margin-right: 20px;
}
#navGegevens
{
	float:left;
	margin-bottom: 20px;
	width: 100%;
}
#navGegevens img
{
	float:left;
	margin-top:2px;
	margin-right: 5px;
	
}
a { color: #8d8a76;text-decoration:none;}
a:hover {text-decoration: underline; color: #333;}

  .thumb
  {
   	padding: 2px;
	border: 1px solid #ccc;
	margin: 6px 0px 6px 9px;     
  }	
  #thumbs_list_items{
	overflow:hidden;
	float:left;
	width:626px;
	margin-left:40px;
}
#thumbs_list{
	overflow:hidden;
	float:left;
	width:271px;
	margin-left:38px;
}
#thumbs_list ul{
	padding-left:0px;
	list-style-type:none;
	margin-top: 5px;
}
#thumbs_list li{
	float:left;
	cursor:pointer;
}

#bigpic {border:1px solid #ccc; }
			.line
			{
				padding: 0px 0px 0px 0px;
				margin: 0px;
				color: #ccc;
				height: 1px;
				width: 300px;
				margin-left:395px;
			}

.nieuwsitem { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }

.contentBox { width: 610px; float: left; }
.contentBox li { margin-left: 22px; }

#navGegevens { list-style-type: none;}