/* ################################################## */
/*  MADE BY: WWW.WEBCREATING.BE	                      */
/*  STINO PEETERS                                     */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Georgia; font-size: 11px; color: #666; }
input, select, textarea { font-family: Georgia; font-size: 10px; color: #666; }
body { background: url(../images/bg5.gif); }
img { border: 0px; display: block; }
a:link { color:#f3257a;}
a:visited { color:#f3257a;}

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

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

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { padding-bottom: 6px; width: 1089px;  }
	#cornerleft { background:url(../images/template-black_04.gif); float:left; width:6px; height:4px; }
	#centered { background:url(../images/template-black_05.gif); float:left; width:1076px; height:4px; }
	#cornerright { background:url(../images/template-black_06.gif); float:left; width:6px; height:4px; }
	
	/* ### PAGINA BOX ### */
			.paginaBox { width: 1073px; height:35px; background:url(../images/paginatrans.gif); margin-left:8px; margin-right:8px;  font-style:normal; float:left; opacity:.6; }
			.paginaBox h3 { margin-bottom: 8px; padding: 0px 0px 0px 27px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: BE2805; background: #BABABA; display:none;}
			.paginaBox li { height: 30px; line-height: 34px; font-size:14px; list-style:none; display:inline; padding-left:5px; padding-right:5px; font-weight: bold; }
			.paginaBox li a { padding-left: 15px; text-decoration: none; color: #fff; display:inline; }
			.paginaBox li a:hover { text-decoration: none; display:inline; }
	
	/* ### CONTENT CONTAINER ### */ 
	#contentCntr { overflow:hidden; width: 1073px; padding-top:10px; margin-left:auto; margin-right:auto; background:#fff; }
	#contentCntr a.button { display: inline; width: 100px; height: 25px; line-height: 25px; text-align: right; padding-right:10px; text-decoration: none; font-weight: bold; font-size: 12px; color: #000; }
	#contentCntr a.button:hover { text-decoration: none; }
	.buttonTable { color:#333; width: 615px; }
	.button { margin-left: 10px; color:#333; background:none; border: 0px; font-size:12px; font-style:italic; float:right; }
	.merkCat { margin-left: 10px; color:#333; background:none; border: 0px; font-size:10px; font-style:italic; float:right; }
	.merkCat a { text-decoration:none;}
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; display: inline; width: 214px; margin-top:2px; }
		
		
		
			/* ### NAV BOX ### */
			.navBox { margin-top: 8px; margin-bottom: 8px; width: 214px; color: #666; font-style:italic;}
			.navBox h3 { position: relative; z-index:1; background: url(../images/linkarrow.gif); margin-bottom: 0px; margin-left:-3px; padding-left:10px;  height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; color: #fff; width:180px; width:205px;}
			.navBox h3 a { color: #fff; text-decoration: none; }
			.navBox h3 a:hover { text-decoration:none; }
			.navBox ul { padding: 0px 10px 10px 10px; list-style: none; color: #fff; }
			.navBox li { width:180px; margin-left:15px; line-height: 16px; font-size: 11px; padding-left:2px; }
			.navBox li a { color: #f3257a; text-decoration: none; }
			.navBox li a:hover { text-decoration:none; }
			.navBox li a span { color: #f3257a; }
			#prod {width: 180px; margin-left:auto; margin-right: auto; font-weight:bold; letter-spacing:0.5px; font-style:italic; font-size:18px; line-height:18px; padding-bottom: 5px; border-bottom: 1px #f3257a dashed; color:#f3257a;  }
			
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 645px; }
		
			/* ### SPOT BOX ### */
			.spotBox { margin-bottom: 8px; width: 615px; margin-left:auto; margin-right:auto; }
			.spotBox h1 { width: 615px; margin-left:auto; margin-right:auto; padding-left: 10px; height: 60px; line-height: 60px; font-size: 18px; font-weight: normal; }
			.navigatie { margin-bottom: 8px; color:BE2805; height:24px; width: 96%; margin-left:auto; margin-right:auto; }
			.navigatie h1 { margin-bottom: 1px; border-bottom: 1px dashed #f3257a; height: 25px; line-height: 25px; font-size: 18px; font-style:italic; font-weight: bold; color: #f3257a; }
			
			/* ### PRO BOX ### */
			.proBox { margin-bottom: 8px; width: 615px; margin-left:auto; margin-right:auto; }
			.proBox div.product { margin-bottom: 8px; padding-bottom: 8px;margin-left:10px; margin-right:30px;  overflow: hidden; width: 615px; border-bottom: 1px dashed #ccc; min-height:50px; }
			.proBox div.pic { float: left; width: 132px; border:0px;}
			.proBox div.text { float: right; width: 460px; min-height:20px; padding-right:20px; }
			.proBox h1 { padding-bottom: 8px; font-size: 11px; font-weight: bold; }
			.proBox p { padding-bottom: 15px; min-height:20px; }
			.proBox ul { padding-right:25px;float: right; overflow: hidden; width: 400px; list-style: none; }
			.proBox li { padding-right:20px; float: right; display: inline; line-height: 25px; font-weight: bold; font-size: 20px; color: #cc3366; }
			.proBox li span { text-decoration: line-through; font-weight: normal; font-size: 11px; }
			.proBox fieldset { float: right; overflow: hidden; width: 155px; border: 0px; }
			#contentCntr div.proBox a.button { font-weight: normal; color: #f3257a; }
			.proBox input.submit { float: right; margin-top:5px; width: 50px; height: 15px; cursor: pointer; text-align: right; font-weight: normal; font-size: 12px; color: #f3257a; border: 0px; background:#fff; }
			.proBox a.plus { display: block; width: 24px; height: 13px; text-indent: -9999px; background: url('../images/plus.gif') no-repeat; }
			.proBox a.min { display: block; width: 24px; height: 12px; text-indent: -9999px; background: url('../images/min.gif') no-repeat; }
			.proBox div.add { float: left; width: 24px; }
			.proBox input.field { padding-top: 4px; float: left; width: 30px; height: 19px; text-align: center; border: 1px solid #cc3467; border-right: 0px; }
			
			/* ### BESTEL BOX ### */
			.bestelBox { width:100%; padding:10px; border:#FFF 1px dotted; background:#ffffff; } 
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: left; width: 214px; }
		#rightCntr a.reg { margin-bottom: 8px; display: block; width: 214px; height: 65px; text-indent: -9999px;}
		
			/* ### WAGEN BOX ### */
			.wagenBox { position: relative; width: 214px; margin-top:10px; }
			.wagenBox h3 { position:relative; z-index:1; top:-13px; right:-3px; background:url(../images/contr_03.gif); width: 190px; margin-bottom: 10px; margin-left:auto; text-align:right; padding-right:10px; margin-right:auto; height: 28px; line-height: 25px; font-size: 18px; font-style:italic; font-weight: bold; color: #fff; float:right; }
			.wagenBox ul { padding: 25px 10px 10px 10px; overflow: hidden; width: 194px; list-style: none; background:#E8E8E8; margin-bottom:10px; }
			.wagenBox li { float: left; display: inline; width: 100px;}
			.wagenBox li.right { width: 94px;}
			.wagenBox li.last { margin-top: 5px;  width: 100px; border-top: 1px solid #666; }
			.wagenBox a.button { position: absolute; bottom: 0px; right: 0px;  }
			
		
			/* ### ZOEK BOX ### */
			.zoekBox { position:relative; margin-top:10px; padding-bottom:15px;  margin-bottom: 20px; width: 214px; background:#E8E8E8; }
			.zoekBox h3 { position:relative; z-index:1; top:-13px; right:-3px; background:url(../images/contr_03.gif); width: 190px; margin-bottom: 10px; margin-left:auto; text-align:right; padding-right:10px; margin-right:auto; height: 28px; line-height: 25px; font-size: 18px; font-style:italic; font-weight: bold; color: #fff; float:right;}
			.zoekBox fieldset { position:relative; top:20px; padding: 0px 10px 10px 10px; overflow: hidden; width: 194px; border: 0px; }
			.zoekBox input.submit { float: right; width: 100px; height: 25px; cursor: pointer; text-align: right; font-weight: bold; font-size: 12px; color: #000; border: 0px; background: #E8E8E8; }
			.zoekBox input.field { margin-bottom: 5px; width: 190px; height: 18px; border: 0px; background: #fff; }
			
			/* ### LOGIN BOX ### */
			.loginBox { position:relative; margin-bottom: 8px; width: 214px; margin-left:auto; margin-right:auto; background:#E8E8E8; }
			.loginBox h3 { position:relative; z-index:1; top:-13px; right:-3px; background:url(../images/contr_03.gif); width: 190px; margin-bottom: 10px; margin-left:auto; text-align:right; padding-right:10px; margin-right:auto; height: 28px; line-height: 25px; font-size: 18px; font-style:italic; font-weight: bold; color: #fff; float:right; }
			.loginBox fieldset { overflow: hidden; width: 190px; border: 0px; margin-left:10px; margin-right:10px; padding-top:18px; }
			.loginBox input.submit { float: right; width: 100px; height: 25px; cursor: pointer; text-align: right; font-weight: bold; font-size: 12px; color: #000; border: 0px; background: #E8E8E8; }
			.loginBox input.field { margin-bottom: 5px; width: 190px; height: 18px; border: 0px; background: #fff; }
			#accountknop { margin-left:2px; margin-bottom:0px; }
			
			/* ### THUMB BOX ### */
			.thumbBox { margin-bottom: 8px; margin-top:25px; position: relative; width: 214px; }
			.thumbBox h3 { position:absolute; z-index:1; top:-13px; right:-3px; background:url(../images/contr_03.gif); width: 190px; margin-bottom: 10px; margin-left:auto; text-align:right; padding-right:10px; margin-right:auto; height: 28px; line-height: 25px; font-size: 18px; font-style:italic; font-weight: bold; color: #fff; float:right; }
			.thumbBox ul { padding: 25px 10px 10px 10px; border-top: 0px; list-style: none; background:#E8E8E8; }
			.thumbBox li { position:relative; width:190px; height: 60px;  border-bottom: 1px dashed #ccc; margin-left:auto; margin-right:auto; margin-top:5px; list-style:none; }
			.thumbBox li img { margin: 3px 5px 0px 0px; float: left; }
			.thumbBox h2 { font-weight: bold; font-size: 11px; }
			.thumbBox em { position: absolute; bottom: 5px; right: 10px; display: block; font-style: normal; font-weight: bold; text-align: right; }
			.thumbBox a.meer { position: absolute; top: 15px; right: 10px; text-decoration: none; color: BE2805; }
			.thumbBox a.meer:hover { text-decoration: underline; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 98.5%; height: 16px; line-height: 14px; color: #000; background:url(../images/bottom_29.gif); margin-left:auto; margin-right:auto; opacity:.6;  }
	#footerCntr p.left { float: left; width: 400px; margin:2px 10px 10px 10px; }
	#footerCntr p.right { float: right; width: 400px; text-align: right; margin:2px 10px 10px 10px; }
	#footerCntr a { text-decoration: none; color: #000; }
	#footerCntr a:hover { text-decoration: underline; }