/* CSS Document */

/*
lichtblauw:#E9F3FF
donkerblauw: #1F3A58;
groen: #68BC0C;

*/

body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans serif;
	font-size:12px;
	line-height:16px;
	height:100%;
	background: #4581C0 url(../assets/bg.jpg) top repeat-x;
	border: 0px solid red;
}

h1 { font-size:19px;
	color: #000000;
	color:#1F3A58;
	letter-spacing:0.05em;
	border: 0px solid red;
}
	
h2 { 
	font-size:18px;
	margin: 10px 0px;
	padding: 0px;
	color: #FFFFFF;
	border: 0px solid red;
	}

	
h3 {font-size: 11px;}

h3.blauw, h3.groen, h3.grijs {
	background: url(../assets/button_blauw_bg.jpg) repeat-x; 
	color:#FFFFFF; 
	margin:0px;
	padding:0px;
	height:16px;
	padding:5px 0px 4px 10px;
}
h3.groen {background: url(../assets/button_groen_bg.jpg) repeat-x;}

h3.grijs {background: url(../assets/button_grijs_bg.jpg) repeat-x;}

h3.blauw .square, h3.groen .square, h3.grijs .square  {background: url(../assets/blokje_wit.gif) no-repeat; background-position:0px 5px ; padding-left:15px;}

img {border:none;}

a:link, a:visited {color: #1F3A58;text-decoration:none;}
a:hover {text-decoration: underline;}

#container { 
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	border: 0px solid #000000;
} 
#header {
	height:76px;
	background: url(../assets/headerbg.jpg) center repeat-x; 
	margin: 0px;
	padding: 0px;
	margin-right:10px;
} 

#logo, #taal, #winkelwagen {float:left;}

#logo {width:618px; height:74px;}
#taal {width:102px; height:48px;padding-top:6px; margin-left:80px;}
#taal img {margin-right:3px;}

#winkelwagen {float:right;width:170px; height:74px; color:#FFFFFF; font-size:13px;}
#winkeltitel {height:24px; background: #5F738B; margin-bottom:1px; font-weight:bold; padding:2px 0px 0px 10px;}
#winkelinhoud {height:49px; background: #455C7B; font-size:11px;padding:0px 0px 0px 10px; line-height:18px;}
#winkelwagen a {color: #FFFFFF;}

#content, #content_home {width:980px; padding:0 10px; height:auto;border: 0px solid red;background: url(../assets/contentbg.png) center repeat-y;}
#content_home {background: url(../assets/contenthomebg.png) center no-repeat;}

#contentleft, #content, #content_home {float:left; }

#contentleft {width: 200px; color:#1F3A58;  }
#contentleft a:link, #contentleft a:visited {color:#FFFFFF;}
#contentleft li a:link, #contentleft li a:visited {color:#333; text-decoration:none;}
#contentleft a:hover {text-decoration: underline;}

#contentmiddle_home {float:left; width:585px; padding-left:25px; padding-top:12px; }
#contentmiddle {float:left; width:765px; padding-left:15px; padding-top:12px; border: 0px solid red;}

#contentmiddle_right {width:170px; float:right;background:#EEE; color:#333;  }

#contentleft ul, #contentmiddle_right ul {margin:0px; padding:0px;}
#contentleft ul {margin-bottom:4px;}

#contentleft li, #contentmiddle_right li {
	list-style-type:none;
	background:#EEE;
	border-bottom:0px solid #C4D3E6;
	padding:0px 0px 0px 0px;}
	
#contentmiddle_right li {padding:4px 0px 4px 24px;overflow:hidden;border-bottom:1px solid #C4D3E6;background: none;}


#contentleft li a  {
	padding:0px 0px 7px 2px;
	margin-left:22px;
	height:10px;
	font-size:12px;
	display:block;
	border: 0px solid red;
}
	
#contentmiddle_right li a  {
	background: url(../assets/pijl.gif) no-repeat; 
	background-position:0px 5px ; 
	padding:0px 0px 5px 14px;
	margin-left:-14px;
	height:10px;
	width:100%;
	display:block;
	color: #333;
	border: 0px solid red;
}

/*#contentleft .active {background:#68BC0C;color:white; background:url(../assets/pijl_groen.gif) no-repeat;}*/
#contentleft .active, #contentleft li a:hover {background:url(../assets/pijl_groen.gif) no-repeat;background-position:0px 5px;margin-left:10px;padding:0px 0px 7px 14px;}
 
#klantenservice {background: url(../assets/klantenservice.jpg) no-repeat; width:169px; height:103px; font-size:11px; padding-left:5px; padding-top:5px;}

#klantenservice ul {border:0px solid red; margin-left:-5px; margin-top:7px;}
#klantenservice li {border: none; padding:0px 0px 1px 24px;}


#aanbiedingen {background: #68BC0C;}
#aanbiedingen h2 {text-transform:uppercase; margin:0px; padding:8px; font-size:20px; line-height:20px;}
#aanbiedingen h2 a:link {color:#FFFFFF;}
#aanbiedingen h2 a:hover {text-decoration:none;}

#verzendkostenkortingtxt {height:95px;font-size:11px; padding:5px;}

#winkelinformatie {font-size:11px; padding:5px;}

#contentleft #merken {margin: 4px 4px 4px 24px; line-height:18px;}

#productvandeweek {width:564px; height:210px; margin-bottom:10px; background:white; color:#FFFFFF;}


#productinformatie {position:absolute; z-index:3; width:290px; height:150px; margin: 0px;margin-top:24px;margin-bottom:0px; padding-left:10px;}
#productafbeelding {position:absolute; margin-left:300px;width:263px; height:174px;}
#productprijs {position: absolute; z-index:4; margin-top:175px; font-size:15px; color:#FFFFFF; text-align:right; width:554px;height:26px; padding-top:10px; padding-right:10px;}

#productinformatie a, #productinformatie a:link, #productinformatie a:visited, #productinformatie a:active { font-weight:bold;color:white;}

#contentmiddle p {margin-right:40px; border: 0px solid red;}


/*--------zoekform---------*/
#zoek {border: 0px solid red; margin:6px 6px 6px 6px;}

#zoekform {
	margin: 0px; 
	padding: 0px;
	/*border:1px solid #fff; */
	/*background-color:#2E5481; */
	padding:0px 0px 0px 0px;
	height:20px;
}

#zoekveld {
	width:110px; 
	height:12px; 
	line-height:14px; 
	padding-top:3px;
	padding-left:4px;
	font-size:11px;}

#zoekbtn {
	margin: 0px;
	padding:0px;
	width:52px; 
	height:20px;  
	background-color:#2E5481; 
	color:#fff; 
	font-size:10px; 
	font-weight:bold;
	text-align:center; 
	border:0px;
	cursor:pointer;
}



#footer {
	clear:both;
	background: url(../assets/footerbg.png) no-repeat;
	text-align:left;
	font-size:11px;
	padding: 0px;
	margin:0px;
	padding-top:6px;
	padding-left:20px;
	height:32px;
	color:#FFFFFF;
	border: 0px solid red;
}


/*****producthome*****/

.producthome_left, .producthome_middle, .producthome_right {
	width:187px;
	padding:0px;
	padding-bottom:0px;
	height:220px;
	float:left;
}

#productenhome h3 a {color: #FFFFFF;}

#productenhome img {padding: 10px 10px 5px 10px;}

.producthome_left h2, .producthome_middle h2, .producthome_right h2 {
	color:#333;
	font-size:12px;
	margin: 2px;
	margin-left:10px;
}
.prijsinfo {float:right; }
 
.prijstekst_home {float:left; color: #333; line-height:28px; padding-right:4px;}

.producthome_left .prijs, .producthome_middle .prijs, .producthome_right .prijs {
	color: #333;
	font-family: Arial, Helvetica, sans serif;
	font-size: 26px;
	font-weight: bold;
	margin-right:10px;
	line-height:20px;
	float: right;
}
.producthome_middle, .producthome_right {border-left:1px solid #FFFFFF;}
/*****end producthome*****/


/*****maincatpage*****/
#catoverzicht h3 {padding: 0px; margin: 0px; margin-left:5px; margin-top:4px; font-size:12px; overflow:hidden; height:16px;}
#catoverzicht h3.maincatlink {padding:0px; margin: 0px; height:22px; overflow:hidden; }
#catoverzicht .prijscontainer {font-size: 18px; height:18px; font-weight: bold; color: #333333; line-height: 0.9em; border: 0px solid red; display: block; text-align: left; margin: 6px 0px 5px 0px; margin-left:5px;}
#catoverzicht .prijstekst{font-size:12px; font-weight:normal; margin: 0px;}

.maincatlink a, .maincatlink a:hover {text-decoration: none; background:#CCCCCC; width:175px; display: block; text-align:left; padding: 4px 0px 4px 4px;}
.maincatlink a:hover {text-decoration: none;background: #E0E0E0 url(../img/icoon/arrow_grey.gif) no-repeat 94%;}

/*****end maincatpage*****/


/*****subcatpage*****/

#productbalk h2 {font-size: 16px; margin: 0px}

#artikeloverzicht, #catoverzicht {margin: 6px 0px; margin-left:0px; width:765px; border: 0px solid red;}

.artikel, .artikel_left {
	float:left;
	width:179px;
	/*height: 200px;*/
	padding: 0px 0px;
	margin: 5px 0px 5px 0px;
	margin-left:10px;
	border: 1px solid #d5d5cb;
}

.artikel_left {margin-left: 0px; padding-left: 0px;}

.artikel_image {border: 0px solid red; padding-left:0px; padding-top:15px;padding-top:0px; width:179px; height:119px; padding-bottom:2px;}

#artikeloverzicht h3 {padding: 0px; margin: 0px; margin-left:5px; margin-top:4px; font-size:12px; overflow:hidden; height:16px;}
#artikeloverzicht .prijscontainer {font-size: 18px; height:18px; font-weight: bold; color: #333333; line-height: 0.9em; border: 0px solid red; display: block; text-align: left; margin: 6px 0px 5px 0px; margin-left:5px;}
#artikeloverzicht .prijstekst{font-size:12px; font-weight:normal; margin: 0px;}

.artikel a.arrow, .artikel_left a.arrow	{
	background: url(../img/icoon/arrow_green.gif) no-repeat 50% 50%; 
	width: 21px; 
	height: 17px; 
	margin-right:5px;
	margin-left:20px;
	margin-top:4px;
	/*margin: -20px 3px 10px 0px; */
	float: right; 
	position: relative; 
	font-size: 1px; 
	text-decoration: none !Important; }

.artikel a.arrow:hover, .artikel_left a.arrow:hover {
	background: url(../img/icoon/arrow_green.gif) no-repeat 10%;
	padding-top:3px;
	}
	
.meerinfo {padding-bottom: 5px;padding-right: 5px;float: right;}	
/*****end subcatpage*****/

/*-----productenpagina---------*/

#overzicht_top {height:22px; line-height:20px;}
#pagina_nr_top {float:left;}
#sorteer {margin-right:7px;float:right; text-align:right;}
#pagina_nr_bot {clear:both; padding-bottom:10px; margin-top:10px; float:left; width:389px; border: 0px solid green;}


/*****productpage*****/	

#topbalk {background: url(../assets/button_groen_bg.jpg) repeat-x;  padding:0px 0px 0px 0px;color:#FFFFFF; }
#topbalk {height: 26px;line-height: 26px; font-weight:bold;}
#topbalk h2 {font-size:14px; border: 0px solid red;color:#FFFFFF; padding-left:5px; margin: 0px 0px 0px 0px;}

	.header {clear: both; border: 0px solid red; padding-left: 662px;}
	.wrapper { width: 738px;  margin: 0 auto; text-align: left; padding-bottom:15px;}
	.column-container { position: relative; overflow: hidden; padding: 10px 0px 0px 0px; zoom: 1; } /* zoom fix for ie6 */
	.column-1 { float: left; width: 420px; padding-bottom: 32767px; margin-bottom: -32767px; border: grey 1px solid;  }
	.column-2 { float: right; width: 298px; padding-bottom: 32767px; margin-bottom: -32767px; border: grey 1px solid; background: #D9F2FD;  }
	.column-1-bottom { position: absolute; bottom: 0; left: 0px; height: 1px; width: 422px; background: grey;} 
	.column-2-bottom { position: absolute; bottom: 0; right: 0px; height: 1px; width: 300px; background: grey;}

.paging_buttons {float:right;}
	
a.btnSmallPrev, a.btnSmallNext, a.btnSmallOver	{display: -moz-inline-box; display: inline-block; width: 21px; height: 21px; margin-right: 5px;  }
a.btnSmallPrev {background: url(../img/icoon/ArrowPrev.gif); margin: 2px 0px 0px 4px; } 
a.btnSmallNext {background: url(../img/icoon/ArrowNext.gif); margin: 2px 4px 0px 4px; } 
a.btnSmallOver {background: url(../img/icoon/overzicht.gif); margin: 2px 0px 0px 4px; } 
a.btnSmallPrev:hover	{background-image: url(../img/icoon/Arrowprev_over.gif); } 
a.btnSmallNext:hover	{background-image: url(../img/icoon/Arrownext_over.gif); }
a.btnSmallOver:hover	{background-image: url(../img/icoon/Overzicht_over.gif); }


	
#imagegallery {float: left; width:420px;  margin-bottom:10px;}
	
ul#gal {margin: 0px; padding: 0px; margin-left:10px; padding-top:5px;}
#gal li {float:left; list-style-type:none; border: 1px solid grey; padding: 0px; margin: 0px; margin-right:8px;  }

#gal li img { padding: 0px; margin: 0px;}

#productfoto {height:240px;padding:20px 0px 10px 60px; }
#productfoto img{border: 0px solid red;}

#product_data {background: #E0E0E0; background: #D9F2FD; border: 0px solid red;  padding: 10px;}
#product_data #product_logo { margin-bottom:5px;}
#product_data h1{margin: 0px 0px 5px 0px; padding: 0px; font-size: 22px; color:#333333; background: none; letter-spacing:0px;}
#product_data .product_price {font-size:34px; line-height:36px;}
strike {font-size: 14px; line-height: 0.7em; text-decoration: none;  background: url(../img/icoon/strike.gif) 50% 50% no-repeat; }
#bestelbaarheid {float: left;  width:220px; border: 0px solid red;}
#bestelaantal {float: left; margin-top:2px;}
#bestelbutton {float: left; margin-left:5px;}
#bestelbaarheid input {border: 1px solid #A3D013; height:15px}

#product_info ul {padding-left: 15px;}

#maten {float:right;background:#E0E0E0; background:#FFFFFF; font-size:11px; border: 1px solid grey;}
#maten h3 {margin: 2px 4px;}
#maattabel {width:298px; margin: 0px; padding: 10px; font-size: 12px;}
#maten ul  {margin: 0px; padding: 0px; padding-bottom:5px;}
#maattabel li {margin: 1px 0px; list-style-type:none;display:table; width:100%; padding:0px 0px; border: 0px solid red; line-height:17px;}
#maattabel li .right { display:table-cell; width:23%; text-align:right; padding-right:2px; border: 0px solid red;}
#maten input {border: 0px solid red; margin:0px 0px 0px 4px; vertical-align:middle;text-align:center;}
.checkboxicon{margin-top:3px;}

/*****end productpage*****/

#deliverycostsflags {font-size:11px;}

/*--------reviews---------*/
#review {float:left; margin-top:20px;}


#review_home .datum, #review_home .arnaam {padding-left:10px;}
#review_home .datum {font-size:11px;}
#review_home .arnaam {
	margin-left: 10px;
	background: url(../assets/pijl.gif) no-repeat; 
	background-position:0px 9px ; 
	padding:4px 0px 4px 14px;
	}
	
#review_home hr {color:#C4D3E6; margin:0px; padding: 0px 0px 0px 0px;}

.averagerating a.stars,
.averagerating a.stars0,
.averagerating a.stars1,
.averagerating a.stars2,
.averagerating a.stars3,
.averagerating a.stars4,
.averagerating a.stars5 {
	width: 78px;
	margin-left:10px;
	height: 0; /* Uses IE.boxmodel fix: height needs to include padding and border */
	margin-right: 5px;
	padding-top: 14px;
	float: left;
	overflow: hidden;
	background: url(../img/icoon/averagerating_background.gif) no-repeat -80px 0;
}

div.half a.stars,
div.half a.stars0,
div.half a.stars1,
div.half a.stars2,
div.half a.stars3,
div.half a.stars4,
div.half a.stars5 {
	background-image: url(../img/icoon/averagerating_half_background.gif);
}

.averagerating a.stars {
	background: url(../img/icoon/averagerating_empty_background.gif) repeat-x;
}

.averagerating a.stars1 {
	background-position: -64px 0;
}

.averagerating a.stars2 {
	background-position: -48px 0;
}

.averagerating a.stars3 {
	background-position: -32px 0;
}

.averagerating a.stars4 {
	background-position: -16px 0;
}

.averagerating a.stars5 {
	background-position: 0 0;
}


/*-------bestelformulier---------*/

#bestelinhoud2 td {padding: 0px 4px; background: #E9F3FF;}

#bestelinhoud2 td.bestelkop {background: #68BC0C; color:#FFFFFF; padding:0px 4px;}

#bestelinhoud2 input {border:1px solid #1F3A58; }

#bestelinhoud {padding-bottom:10px;}


td.ncolh1 {background-color : #FF6600; color : white; font-family : verdana}
td.ncoltxtl {background-color : #FFFFFF; color : #000000; text-align : right; font-weight : bold}
td.ncoltxtl2 {background-color : #FFFFFF; color : #000000; text-align : right; font-weight : bold}
td.ncoltxtr {background-color : #FFFFFF; color : #000000; text-align : left; font-weight : bold}
td.ncoltxtc {background-color : #FFFFFF; color : #000000; text-align : center; font-weight : bold}
td.ncollogol {background-color : #FFFFFF; color : #000000; text-align : right; font-weight : bold}
td.ncollogor {background-color : #FFFFFF; color : #000000; text-align : left; font-weight : bold}
td.ncollogoc {background-color : #FFFFFF; color : #000000; text-align : center; font-weight : bold}
td.ncoltxtmessage {background-color : #FFFFFF; color : #000000; text-align : left; font-weight : bold}
td.ncolinput {background-color : #FFFFFF; color : #000000}
td.ncolline1 {background-color : #FFFFFF; color : #000000}
td.ncolline2 {background-color : #FFFFFF; color : #000000}
input.ncol {background-color : #FF6600; color : #FFFFFF; text-align : center; border: 1px solid #339900;}
table.ncoltable1 { background-color: #FFFFFF; border: 1px solid #339900;  }
table.ncoltable2 { background-color: #FFFFFF;  border: 1px solid #FF6600; }
table.ncoltable3 { background-color: #FFFFFF; border: 1px solid #339900;  }
a.bottom { color: #000000; font-weight : normal}

/* for Direct Debit payments*/
.DDtxt {text-align: left;margin-left:2em;font-weight: normal;margin-top:0;}
.DDlabel {text-align: left; margin-left:4em;font-weight: normal;margin-top:0;}
.DDdata {font-weight: normal;margin-top:0;}
.MKtxt {text-align: left;font-weight: bold; margin-left:2em;margin-top:0;}
.MKlabel {text-align: left; margin-left:4em;font-weight: normal;font-style:italic;margin-top:0;}
td.ncoltxtr p.MKlabel {margin-left:0;}
.MKdata {font-weight: normal;margin-top:0;}
.DDimp {font-weight: bold;margin-left:2em;text-align: left;margin-top:0;}
.DDsection {font-weight: bold;margin-left:0em;text-align: left; margin-top:1em; margin-bottom: 0em;}