/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #333; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #333; }
body { background: #ccc; }
img { border: 0px; display: block; }
a:link { color:#000;}
a:visited { color:#000;}

/* ### 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; border: 6px solid #fff; background: #fff; }

/* ### HEADER CONTAINER ### */
#headerCntr { padding-bottom: 6px; width: 1089px; }

/* ### CONTENT CONTAINER ### */
#contentCntr { overflow: hidden; width: 1089px; }
#contentCntr a.button { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; font-weight: bold; font-size: 12px; color: #333; background: url('../images/buttonBg.gif') repeat-x; }
#contentCntr a.button:hover { text-decoration: underline; }
.buttonTable { color:#000; width: 645px; }
	.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 { margin-right: 8px; float: left; display: inline; width: 214px; }

/* ### WAGEN BOX ### */
.wagenBox { margin-bottom: 8px; position: relative; width: 214px; background: url('../images/navBg.gif') repeat-x; }
.wagenBox h3 { margin-bottom: 10px; padding: 0px 0px 1px 27px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; background: url('../images/wagenH3.gif') no-repeat 6px center; }
.wagenBox ul { padding: 0px 10px 10px 10px; overflow: hidden; width: 194px; list-style: none; }
.wagenBox li { float: left; display: inline; width: 100px; }
.wagenBox li.right { width: 94px; }
.wagenBox li.last { margin-top: 5px; padding: 5px 94px 0px 0px; width: 100px; border-top: 1px solid #999; }
.wagenBox a.button { position: absolute; bottom: 10px; right: 10px; }


/* ### NAV BOX ### */
.navBox { margin-bottom: 8px; width: 214px; background: url('../images/navBg.gif') repeat-x; }
.navBox h3 { margin-bottom: 10px; padding: 0px 0px 1px 27px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; background: url('../images/navH3.gif') no-repeat 6px center; }
.navBox h3 a { color: #fff; text-decoration: none;}
.navBox h3 a:hover { text-decoration: underline;}
.navBox ul { padding: 0px 10px 10px 10px; list-style: none; }
.navBox li { padding-left: 15px; line-height: 15px; font-size: 12px; background: url('../images/arrow.gif') no-repeat left; }
.navBox li a { text-decoration: none; color: #333; }
.navBox li a:hover { text-decoration: underline; }
.navBox li a span { color: #cc3366; }

/* ### PAGINA BOX ### */
.paginaBox { margin-bottom: 8px; width: 214px; }
.paginaBox h3 { margin-bottom: 10px; padding: 0px 0px 0px 27px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; border-bottom: 1px solid #fff; background: url('../images/arrow2.gif') #000000 no-repeat 6px center; }
.paginaBox ul { padding: 0px 10px 10px 10px; list-style: none; }
.paginaBox li { height: 30px; line-height: 30px; border-bottom: 1px dotted #000; }
.paginaBox li a { padding-left: 15px; text-decoration: none; color: #000; background: url('../images/bullit.gif') no-repeat left; }
.paginaBox li a:hover { text-decoration: underline; }

/* ### CENTER CONTAINER ### */
#centerCntr { float: left; width: 645px; }

/* ### SPOT BOX ### */
.spotBox { margin-bottom: 8px; position: relative; width: 643px; border: 1px solid #000; }
.spotBox h1 { padding-left: 10px; position: absolute; bottom: 20px; left: 0px; height: 66px; line-height: 66px; font-size: 40px; font-weight: normal; background: url('../images/spotH1.png') no-repeat left; }
.navigatie { margin-bottom: 8px; color:#FFF; height:24px; width: 100%; background: url('../images/navBg.gif') repeat-x; }
.navigatie h1 { margin-bottom: 1px; padding: 0px 0px 1px 2px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff;  }

/* ### PRO BOX ### */
.proBox { margin-bottom: 8px; width: 645px; }
.proBox div.product { margin-bottom: 8px; padding-bottom: 8px; overflow: hidden; width: 645px; border-bottom: 1px solid #343434; min-height:50px; }
.proBox div.pic { float: left; width: 132px; }
.proBox div.text { float: right; width: 500px; min-height:20px; }
.proBox div.pic img { border: 1px solid #343434; }
.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:2px;float: right; display: inline; line-height: 25px; font-weight: bold; font-size: 28px; 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: #fff; }
.proBox input.submit { float: right; width: 100px; height: 25px; cursor: pointer; text-align: center; font-weight: normal; font-size: 12px; color: #fff; border: 0px; background: url('../images/buttonBg.gif') repeat-x; }
.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:#f4f4f4; } 

/* ### RIGHT CONTAINER ### */
#rightCntr { float: right; width: 214px; }
#rightCntr a.reg { margin-bottom: 8px; display: block; width: 214px; height: 65px; text-indent: -9999px;}

/* ### ZOEK BOX ### */
.zoekBox { margin-bottom: 8px; width: 214px; background: url('../images/navBg.gif') repeat-x; }
.zoekBox h3 { margin-bottom: 10px; padding: 0px 0px 1px 27px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; background: url('../images/zoeken.png') no-repeat 6px center; }
.zoekBox fieldset { padding: 0px 10px 10px 10px; overflow: hidden; width: 194px; border: 0px; }
.zoekBox input.submit { float: right; width: 100px; height: 25px; cursor: pointer; text-align: center; font-weight: bold; font-size: 12px; color: #333; border: 0px; background: url('../images/buttonBg.gif') repeat-x; }
.zoekBox input.field { margin-bottom: 5px; padding: 4px 5px 0px 5px; width: 182px; height: 18px; border: 1px solid #343434; background: #fff; }

/* ### LOGIN BOX ### */
.loginBox { margin-bottom: 8px; width: 214px; background: url('../images/navBg.gif') repeat-x; }
.loginBox h3 { margin-bottom: 10px; padding: 0px 0px 1px 27px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; background: url('../images/navH3.gif') no-repeat 6px center; }
.loginBox fieldset { padding: 0px 10px 10px 10px; overflow: hidden; width: 194px; border: 0px; }
.loginBox input.submit { float: right; width: 100px; height: 25px; cursor: pointer; text-align: center; font-weight: bold; font-size: 12px; color: #333; border: 0px; background: url('../images/buttonBg.gif') repeat-x; }
.loginBox input.field { margin-bottom: 5px; padding: 4px 5px 0px 5px; width: 182px; height: 18px; border: 1px solid #343434; background: #fff; }

/* ### THUMB BOX ### */
.thumbBox { margin-bottom: 8px; position: relative; width: 214px; }
.thumbBox h3 { padding: 0px 0px 0px 27px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; border-bottom: 1px solid #fff; background: url('../images/arrow2.gif') #000000 no-repeat 6px center; }
.thumbBox ul { border: 1px solid #ccc; border-top: 0px; list-style: none; }
.thumbBox li { position: relative; height: 50px; border-top: 1px solid #ccc; }
.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: 7px; right: 10px; text-decoration: none; color: #fff; }
.thumbBox a.meer:hover { text-decoration: underline; }

/* ### FOOTER CONTAINER ### */
#footerCntr { padding: 0px 20px 0px 20px; overflow: hidden; width: 1049px; height: 25px; line-height: 25px; color: #fff; background: #000000; }
#footerCntr p.left { float: left; width: 500px; }
#footerCntr p.right { float: right; width: 500px; text-align: right; }
#footerCntr a { text-decoration: none; color: #fff; }
#footerCntr a:hover { text-decoration: underline; }