/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #00224a; }
input, select, textarea,fieldset { font-family: Tahoma, Arial; font-size: 11px; color: #00224a; border: none; }
body { background: #fff; }
img { border: 0px; display: block; }

a { color: #40b8ec; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
input.button, a.button { color:#FF0000; line-height:18px; display:block; padding-bottom:3px; margin-top:4px; text-align:center; text-decoration:none; width:80px; height:21px; float:right; background:url('../images/button.jpg') no-repeat; font-weight:bold; }
table.history th, table.history td { text-align: left; padding:5px;  }
table.history td { cursor:pointer; }


ul.kenmerken { padding-bottom: 15px; overflow: hidden; width: 284px; list-style: none; border-top: 1px solid #eef0f0; }
ul.kenmerken li { float: left; width: 173px; min-height: 20px; line-height: 20px; font-size: 11px; color: #8f8f8f; border-bottom: 1px solid #eef0f0; }
ul.kenmerken li.first { width: 111px; }
ul.kenmerken li.long { width: 284px; }
ul.kenmerken li.height { height: 30px; line-height:30px; }

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

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 942px; }
#mainCntr #left { width: 821px; float: left; }
#mainCntr #right { padding-top: 28px; width: 104px; float: right; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 821px; height: 86px; overflow: hidden; background: url('../images/headerbg.jpg') left 28px repeat-x; }
	#headerCntr h1 { position: absolute; top: 35px; left: 23px; }
	#headerCntr h1 a { display: block; width: 32px; height: 43px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
		
		/* ### link box ### */
		.linkBox { position: absolute; top: 10px; left: 0px; width: 722px; overflow: hidden; }
		.linkBox ul { padding-bottom: 4px; list-style: none; }
		.linkBox li { padding: 0 3px; float: left; background: url('../images/devider.jpg') right 3px no-repeat;}
		.linkBox li.last { background: none; }
		.linkBox li a { font-size: 10px; color: #6d6e71; text-decoration: none; }
		.linkBox li a:hover { color: #312d2e; }
		
		/* ### menu box ### */
		.menuBox { position: absolute; top: 25px; left: 100px; width: 722px; }
		.menuBox ul { list-style: none; }
		.menuBox li { padding-right: 46px; float: left; line-height: 65px; height: 65px; }
		.menuBox li a { font-size: 10px; font-weight: bold; color: #00a0e6; text-decoration: none; text-transform: uppercase; }
		.menuBox li a:hover, .menuBox li.selected a { color: #fff; }
		
	/* ### content container ### */
	#contentCntr { padding: 10px 0px 20px 0px; overflow: hidden; width: 821px; }
	
		/* ### center container ### */
		#centerCntr { padding-top: 10px; width: 821px; }
		#centerCntr .left { width: 322px; float: left; }
		#centerCntr .right { padding-right: 27px; width: 435px; float: right; }
		
			/* ### recent box ### */
			.recentBox { width: 322px; position:relative;}
			.recentBox h3, .recentBox h2 { padding-bottom: 5px; font-size: 11px; color: #ff0000; text-transform: uppercase; background: url('../images/border.jpg') left bottom repeat-x; }
			/* .recentBox p { width: 165px; float: right; font-size: 11px; color: #000000; margin-top:10px; } */
			.recentBox p { float: right; font-size: 11px; color: #000000; margin-top:10px; }
			.recentBox p span { font-size: 8px; color: #ff0000; display: block; }
			.recentBox p.info { padding: 20px 17px 0px 0px; width: 305px; float: right; }
			/*.recentBox .info .button { float:none; } */
			.recentBox img { padding-top: 20px; }
			.recentBox .img { padding: 0px; float: right; }
			.recentBox img.inzet{ width=:100px; right:0px; bottom:0px; position:absolute; padding:26px 38px 35px 37px; background: url('../images/transBg.png') repeat; }
			.recentBox span.prij { font-size: 11px; color: #000000; width: 61px; float: left; }
			.recentBox span span{ font-size: 8px; color: #10a6e8; text-transform: uppercase;  }
			.recentBox span.prij1 {   font-size: 9px; color: #000000;width: 35px; float: left; }
			.recentBox span.prij1 img { padding-top: 4px; float: right; }
			
			/* ### text box ### */
			.textBox { padding-bottom: 20px; width: 435px; overflow: hidden; }
			.textBox h2 { padding-bottom: 5px; margin-bottom: 15px; font-size: 11px; color: #40b8ec; text-transform: uppercase; background: url('../images/border1.jpg') left bottom repeat-x; }
			.textBox img { padding-right: 16px; float: left; }
			.textBox img.imgright { padding-left: 16px; padding-right: 0px; float: right; }
			.textBox span { font-size: 11px; font-weight: bold; }
			.textBox a.leesmeer { padding-right: 10px; font-size: 9px; color: #40b8ec; text-transform: uppercase; text-decoration: none; float: right; background: url('../images/arrow.jpg') right 1px no-repeat; }
			.textBox a:hover { text-decoration: underline; }
			
			/* ### product box ### */
			.productBox { width: 100%; overflow: hidden; }
			.productBox h3 { padding-bottom: 5px;  font-size: 11px; color: #40b8ec; text-transform: uppercase; background: url('../images/border1.jpg') left bottom repeat-x; }
			.productBox h2 { font-size: 11px; color: #000000; font-weight: normal; height: 37px; }
			.productBox ul { list-style: none;  width: 100%; overflow: hidden; }
			.productBox li { padding: 10px 0px 5px 8px; width: 137px; overflow: hidden; float: left; background: url('../images/bordervertical.jpg') right top no-repeat; }
			.productBox li img { padding-left: 16px; margin-bottom:10px; margin-top:5px; }
			.productBox li .img { padding-left: 8px; }
			.productBox li span.prijs { font-size: 11px; color: #000000; width: 70px; float: left; }
			.productBox li span span {  font-size: 8px; color: #10a6e8; text-transform: uppercase; display: block; }
			.productBox li span.price {font-size: 9px; color: #000000; width: 35px; float: left; }
			.productBox li span.price img { padding: 0px; float: right; }
			.productBox li.last { background: none; }
			.productBox .button { margin-right:5px; }
		
		/* ### login Box ### */
		.loginBox { padding-top: 3px;  overflow: hidden; width: 104px; background: #00a0e6; }
		.loginBox h2 { padding-left: 11px; font-size: 9px; color: #fff; text-transform: uppercase; font-weight: normal; }
		.loginBox a { text-decoration: none; }
		.loginBox ul { padding: 3px 14px 0px 11px; list-style: none; }
		.loginBox li { line-height: 19px; background: url('../images/borderlogin.jpg') left top repeat-x; }
		.loginBox li a { font-size: 8px; color: #fff; text-decoration: none; text-transform: uppercase; }
		.loginBox li a:hover { text-decoration: underline; }
		
		/* ### paginaBox ### */
		.paginaBox { padding-top: 43px; width: 104px; overflow: hidden; }
		.paginaBox h2 { text-transform: uppercase; font-size:14px; margin-bottom:8px; text-align:center; }
		.paginaBox  h3 { font-size: 11px; color: #fff; font-weight: bold; text-align: center; line-height: 18px; text-transform: uppercase; }
		.paginaBox .pagina { padding: 36px 16px 168px 15px; background: #f2f2f2; }
		.paginaBox .today { height: 133px; margin-bottom: 21px; background: url('../images/weerbg.jpg') left top no-repeat; }
		.paginaBox P{ margin-top: -11px; font-size: 13px; font-weight: bold; color: #434343; text-align: center; }
		.paginaBox .weer_icoon{ width:73px; margin-left:15px; }
		.paginaBox span { font-weight: normal; }
		.paginaBox .tomorrow { height: 133px; background: url('../images/weerbg.jpg') left top no-repeat; }
		
		
		/* ### left container ### */
		#leftCntr { padding: 0 10px; float: left; width: 109px; background: url('../images/leftbg.jpg') left top repeat-x; }
		
			/* ### category box ### */
			.categoryBox { padding-top: 13px; min-height: 350px; width: 109px; }
			.categoryBox h2, .categoryBox h3 { padding-bottom: 4px; font-size: 10px; color: #ff0000; text-transform: uppercase; background: url('../images/border.jpg') left bottom repeat-x; }
			.categoryBox ul { padding-top: 10px; list-style: none; }
			.categoryBox li { line-height: normal; margin-bottom:7px; }
			.categoryBox li a { font-size: 11px; color: #00224a; font-weight: bold; text-transform: uppercase; text-decoration: none; }
			.categoryBox li a:hover { text-decoration: underline; }
			
			/* ### search box ### */
			.searchBox { width: 109px; }	
			.searchBox h2, .searchBox h3 { padding-bottom: 4px; margin-bottom: 6px; font-size: 10px; color: #ff0000; text-transform: uppercase; background: url('../images/border.jpg') left bottom repeat-x; }
			.searchBox input.field { padding: 3px 5px; margin-bottom: 8px; width: 94px; height: 15px; border: none; background: url('../images/field.jpg') no-repeat; }
			.searchBox input.button { width: 50px; height: 11px; font-size: 9px; color: #40b8ec; text-transform: uppercase; text-decoration: none; display: block; float: right; cursor: pointer; border: none; background: url('../images/submit.jpg') right top no-repeat; }
			.searchBox input.button:hover { text-decoration: underline; }
			.searchBox p { padding-top: 20px; font-size: 9px; color: #405977; line-height: 14px; }

			/* ### search box ### */
			.searchBox2 { width: 821px; margin-bottom:10px; }
			.searchBox2 form { width:235px; float:right; }	
			.searchBox2 span.label { color:#FF0000; margin-right:10px; }
			.searchBox2 h2 { padding-bottom: 4px; margin-bottom: 6px; font-size: 10px; color: #ff0000; text-transform: uppercase; background: url('../images/border.jpg') left bottom repeat-x; }
			.searchBox2 input.field { padding: 3px 5px;  width: 94px; height: 15px; border: none; background: url('../images/field.jpg') no-repeat; }
			.searchBox2 input.button { width: 50px; height: 11px; padding-bottom:0px; line-height:11px; font-size: 9px; color: #40b8ec; text-transform: uppercase; text-decoration: none; display: block; float: right; cursor: pointer; border: none; background: url('../images/submit.jpg') right top no-repeat; }
			.searchBox2 input.button:hover { text-decoration: underline; }
			.searchBox2 p { font-size: 11px; color: #00224A; line-height: 21px; float:left; }
			
		/* ### right container ### */
		#rightCntr { float: right; width: 673px; }
		
			/* ### info box ### */
			.infoBox { padding: 10px 0; width: 673px; overflow: hidden; }
			.infoBox h1, .infoBox h2 { padding-bottom: 5px; margin-bottom: 10px; font-size: 14px; color: #40b8ec;  background: url('../images/border1.jpg') left bottom repeat-x; }
			.infoBox p { padding-bottom: 10px; line-height: 14px; font-size: 11px;  }
			.infoBox .imgleft { padding-left: 25px; float: left; }
			.infoBox .imgright { padding: 0px 18px 15px 0px; float: right; }
			.infoBox .left { width: 274px; float: left; position: relative; }
			.infoBox .left .img { width: 18px; height: 20px; position: absolute; right: 0px; bottom: 10px;}
			.infoBox .left .imgTop { position:relative; }

			.infoBox .left .thumb img { float:left; margin-right: 10px; }
			.infoBox .left p { padding-bottom: 10px; font-size: 10px; color: #000000; width: 142px; }
			.infoBox .left .prij { width: 250px; float: left; }
			.infoBox .left span { font-size: 10px; color: #ff4040; display: block; }
			.infoBox .left .prij img { float: right; }
			.infoBox .right { padding: 10px 30px 0 0;  width: 323px; float: right; }
			.infoBox .right p { padding-bottom: 10px; line-height: 14px; font-size: 10px; color: #000000; font-size: 11px;  }

			.infoBox select, .infoBox input { border: 1px solid #40B8EC; }
			.infoBox input.field { width: 240px; }
			
			.infoBox input.aantal {	background:url("../images/numBg.jpg") no-repeat scroll 0 0 transparent; border:medium none; float:right; height:16px; margin-right:10px; margin-top:10px; padding-left:3px; padding-right:3px; width:20px; }
			
			/* ### customers box ### */
			.customersBox { width: 100%; overflow: hidden; }
			.customersBox h3 { padding-bottom: 5px;  font-size: 11px; color: #40b8ec; text-transform: uppercase; background: url('../images/border1.jpg') left bottom repeat-x; }
			.customersBox h2 { font-size: 11px; color: #000000; font-weight: normal; height: 37px; }
			.customersBox ul { list-style: none;  width: 100%; overflow: hidden; }
			.customersBox li { padding: 10px 0px 5px 20px; width: 147px; overflow: hidden; float: left; background: url('../images/bordervertical.jpg') right top no-repeat; }
			.customersBox li img { padding-left: 16px; margin-bottom:10px; margin-top:5px;}
			.customersBox li .img { padding-left: 8px; }
			.customersBox li span.prijs { font-size: 11px; color: #000000; width: 70px; float: left; }
			.customersBox li span span {  font-size: 8px; color: #10a6e8; text-transform: uppercase; display: block; }
			.customersBox li span.price {font-size: 9px; color: #00224a; width: 35px; float: left; }
			.customersBox li span.price img { padding: 0px; float: right; }
			.customersBox li.last { background: none; }
			.customersBox .button { margin-right:5px; }

			/* ### customers box ### */
			.catalogusBox { width: 100%; overflow: hidden; padding:10px 0px; }
			.catalogusBox h4 { padding-bottom: 5px; margin-bottom: 10px;  font-size: 14px; color: #40b8ec; background: url('../images/border1.jpg') left bottom repeat-x; }


			.catalogusBox h2 { font-size: 13px; color: #FF000; line-height: 15px; margin-bottom:0px; }
			.catalogusBox .info h3 { margin-bottom: 10px; line-height: 14px; font-size: 10px;  }
			.catalogusBox ul { list-style: none;  width: 100%; overflow: hidden; }
			.catalogusBox li { padding: 10px 0px 5px 20px; overflow: hidden; border-bottom:1px solid #cccccc; }
			.catalogusBox li img { margin-bottom:10px; margin-right:25px; }

			.catalogusBox li .img { width: 125px; height:150px; float:left; }
			.catalogusBox li div.info { float:left; width:400px; }
			.catalogusBox li div.price { float:right; width: 100px; text-align:right; }
			
			
			.catalogusBox li span.prijs { font-size: 11px; color: #000000; width: 70px; float: left; }
			.catalogusBox li span span {  font-size: 8px; color: #10a6e8; text-transform: uppercase; display: block; }
			.catalogusBox li span.price {font-size: 9px; color: #00224a; width: 35px; float: left; }
			.catalogusBox li span.price img { padding: 0px; float: right; }
			.catalogusBox li.last { background: none; }
			.catalogusBox .button { margin-top:15px; }
			.catalogusBox a.leesmeer { padding-right: 10px; margin-left:5px; font-size: 9px; color: #40b8ec; text-transform: uppercase; text-decoration: none; background: url('../images/arrow.jpg') right 1px no-repeat; }

			/* ### item box ### */
			.itemBox { width: 672px; }
			.itemBox h2 { padding-bottom: 5px; margin-bottom: 15px; font-size: 11px; color: #00224a; text-transform: uppercase; border-bottom: 1px solid #00224a; }
			.itemBox h4 { font-size: 10px; color: #231f20; height: 25px; }
			.itemBox h4 span { display: block; width: 89px; text-align: center; float: left; }
			.itemBox h4 span.first { padding-left: 10px; width: 240px; float: left; text-align: left; }
			.itemBox ul { width: 672px; overflow: hidden; border-bottom: 1px solid #848a8e; background: url('../images/ulbg.jpg') 10px top repeat-y; }
			.itemBox li { padding-top: 13px; padding-bottom:13px; float: left; width: 89px; overflow: hidden; text-align: center; list-style:none; font-size:10px; }
			.itemBox li.first { padding: 13px 20px 13px 10px; width: 220px; text-align: left; }
			.itemBox li img { padding-right: 20px; float: left; margin-bottom:7px; }
			.itemBox li p { font-size: 10px; color: #000000; }
			.itemBox li select { width: 37px; height: 15px; border: 1px solid #666666; }
			.itemBox span.total { padding: 10px 0px 0px 429px; width:87px; text-align:center; display: block; font-size: 10px; color: #000000;}
			
			ul.stappen { width:120px; float:right; background:none; border:none;  }
			ul.stappen li { padding: 0px; width:30px; font-weight:bold; float: left; list-style:none; text-align: center; }
			ul.stappen li.active { color:#FF0000; }

			p.label { color: #FF0000 !important; font-weight:bold; }
			
			.kortingForm { margin-bottom:20px; }
			.kortingForm label { float:left; margin-right:5px;  line-height:19px;   }
			.kortingForm input.button { float:left; margin-top:0px; color:#00224A;  }
			.itemBox select { border:1px solid #40B8EC; }
			.kortingForm input.field { float:left; margin-right:5px; background: url("../images/field.jpg") no-repeat scroll 0 0 transparent; border: medium none; height: 15px; padding: 3px 5px; width: 94px; }
			.kortingForm p { margin-bottom:5px; }
		
			.textPagina p { width:450px; }
			
			.pagina .actiecntr { margin-bottom:30px;   }
			.pagina .actiecntr a, .pagina .actiecntr a:hover { text-decoration:none; }
			.pagina .actiecntr h3 { color: #00224A; font-family: Arial; font-size: 11px; font-weight:bold; line-height:normal; text-transform:none; text-align:left; margin-bottom:5px; }
			.pagina .actiecntr img{ margin-bottom:5px;   }
			.pagina .actiecntr .actie { color: #ff0000; font-family: Arial; font-size: 11px; } 

			.hexLogo { float:right; margin-top:20px; }