﻿/*
blauw: #00aadd
paars: #ac0142
groen: #2b7d1b
blauw textlink #2181e1
grijs border #e4e4e4
geel(background) #ffffa7
*/

body {text-align:center;padding:1em 0.5em;margin:0; padding:0;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h1 {color:#ac0142;margin:0;font-weight:bold; font-size:18px;margin-bottom:10px;}
h2 {color:#00aadd;margin:0;font-weight:bold;font-size:14px; margin-bottom:5px;margin-top:5px;}
h3 {color:#ac0142;margin:0;font-weight:bold; font-size:18px;margin-bottom:10px;}
img {border:0;}
p {text-align:justify; line-height:18px;}
a {text-decoration:underline;color:#000; }
a:hover {text-decoration:none;color:#000; }
a:active, a:visited {color:#000;}

hr { border:0;background-color:#2181e1;margin-bottom:10px;margin-top:10px; height:1px;}    

.bold{ font-weight:bold;}
.tableheader{font-weight:bold; color:#ac0142; border:0;}

#wrapper{width:740px; text-align:left;}
#headerimage{ float:left; margin-bottom:20px;
    font-family: 'Tangerine', serif;
    font-size: 48px;
              }
#headernav{width:310px;float:right;padding:5px;margin-top:5px;}

#zoeken {padding:10px; padding-left:20px; text-align:center;}
#zoeken input {margin-left:5px;}

#specialeactie { text-align:center;}

#content{margin:10px;}

#ProductTypes{float:left;margin-bottom:10px;}
#ProductTypes ul{margin:0; padding:0;}
#ProductTypes li{margin:0; list-style-type:none; padding:0; line-height:20px;}

#aanbiedingen{float:right;border-left: solid 1px #e4e4e4; padding-left:10px;padding-top:0px; margin-bottom:10px;}
.aanbiedingen{float:left; height:520px;border:solid 1px #ccc; border-left:none;}
.aanbiedingen ul{margin:0; padding:0;}
.aanbiedingen li.inactive{margin:0; list-style-type:none; padding:0; line-height:30px; border-bottom:solid 1px #ccc;background:#eee; }
.aanbiedingen li.inactive a{color:#ac0142; font-weight:bold;padding:5px; text-decoration:none;}
.aanbiedingen li.active{margin:0; list-style-type:none; padding:0; line-height:30px; border-bottom:solid 1px #ccc;background:#fff; }
.aanbiedingen li.active a{color:#000; font-weight:bold;padding:5px; text-decoration:none;}
.aanbiedingen li a:hover{color:#000;}
#hpAanbieding {width:350px; float:left;}

#actiesimg { text-align:center;}
#infotable {margin-top:20px;}
#infotable p {margin:10px 0;}
#infotable td.menu {border:1px solid #ccc;border-bottom:0;padding:10px 10px;background:#eee;width:170px;height:30px;cursor:pointer;}
#infotable td.menu a {display:block;font-weight:bold;}
#infotable td.active {border-right:#fff 1px solid;background:#fff;height:30px; font-weight:bold;}
#infotable td.active a {color:#000;text-decoration:none; font-weight:bold;}

#MiddlePane{float:right; width:540px;border-left:1px solid #ccc; padding-left:10px;}
#MiddlePane .middlepromo {margin-bottom:20px;}

#zoekresultaten{float:right; width:540px;border-left:1px solid #ccc; padding-left:10px; margin-top:20px;}
#zoekresultaten .product{}
#zoekresultaten .productimage{width:155px; height:155px; float:left;}
#zoekresultaten .productimage .imgproduct{float:left; margin-right:20px; margin-bottom:10px; }
#zoekresultaten .productdetail .logotype{border:0;float:left;}
#zoekresultaten .productdetail{width:265px; float:left; border-right:1px solid #ccc; padding-right:5px; margin-bottom:10px;}
#zoekresultaten .productdetail h1 a{color:#ac0142; font-weight:bold; font-size:14px;}
#zoekresultaten .productdetail h3 a{color:#ac0142; font-weight:bold; font-size:14px;}
#zoekresultaten .productdetail p {margin-top:5px;}
#zoekresultaten .productprijs{float:right; padding:0;}
#zoekresultaten .productprijs p{text-align:right;}
#zoekresultaten .productprijs img{float:right;}
#zoekresultaten .productprijs .prijs {color:#2b7d1b; font-weight:bold;font-size:20px;}
#zoekresultaten .productbar{margin-bottom:10px; clear:both;}
#zoekresultaten .productbar img{vertical-align:middle;}

#sorteren {float:right; width:400px; text-align:right; }
#sorteren a { font-weight:bold;}
#sorteren img {vertical-align:middle;}

.promolist {float:left;width:270px; margin-bottom:20px;}
.promolist img{vertical-align:middle;}
.promolist table{margin:0; padding:0;}
.promolist td{color:#00aadd; font-weight:bold;}
.promolist td a{font-weight:normal;}

#leftpane{float:left; width:160px;}
#leftpane h2{margin-top:20px;}
#leftpane ul{margin:0; padding:0;}
#leftpane li{margin:0; list-style-type:none; padding:0; line-height:20px; color:gray;}
#leftpane li a{}
#leftpane .aantal{}
#leftpane .selected a{text-decoration:none; font-weight:bold;}
#leftpane .selected a:hover{text-decoration:line-through;}

.error{color:#2b7d1b; font-weight:bold;}
.gelukt{color:#008000; font-weight:bold;}
.bluelink {color:#ac0142;}

table td .error{color:#2b7d1b; font-weight:bold;}

#productDetail .productdetail{float:left; width:380px; border-right:1px solid #ccc; padding-right:5px; margin-bottom:10px;}
#productDetail .productdetail h1 a{color:#ac0142; font-weight:bold; font-size:14px;}
#productDetail .productdetail h3 a{color:#ac0142; font-weight:bold; font-size:14px;}
#productDetail .productimage{width:155px; height:155px; float:left;}
#productDetail .productimage .imgproduct{border:solid 1px #e4e4e4;float:left; margin-right:20px; margin-bottom:10px; }
#productDetail .productprijs {float:right; padding:0;}
#productDetail .productprijs a {text-decoration:none;}
#productDetail .productprijs p{text-align:right;text-decoration:none;}
#productDetail .productprijs img{float:right;}
#productDetail .productprijs .prijs {color:#2b7d1b; font-weight:bold;font-size:16px;}

#productTabs { margin-bottom:20px; margin-top:20px;}

#productsRelated{ margin-left:40px;}
#populair{ margin-left:40px;}

.artikelrow {float:left;width:155px; margin-right:8px; margin-bottom:30px; text-align:center; padding-top:5px;border:dotted 1px #00aadd; }
.artikelrowimage {width:155px; height:155px; float:left; vertical-align:middle;}
.artikelrowdetails {width:145px; height:60px; text-align:left; float:left;padding-left:5px; padding-right:5px; }
.artikelrowprijs {width:149px;text-align:left; float:left;padding-left:3px; padding-right:3px; }
.artikelrowprijs .prijs{color:#00aadd; font-weight:bold;}
.artikelrowprijs .prijs img{vertical-align:middle;}
.artikelrowprijs .datum{ font-style:italic; font-size:10px;}

.tblBetalen{width:100%;}
.tblBetalen td{width:170px; text-align:center;border:dotted 1px #00aadd;}

#loginleft{ width:300px; float:left; padding-right:10px;border-right:solid 1px #e4e4e4; height:200px;}
#loginright{ width:300px;float:left; margin-left:20px; height:200px;}

#footer{padding:10px;padding-left:100px;}
#footer .column{width:190px; float:left; margin:0; text-align:left;}
#footer ul{padding-left:15px;}
#footer li{margin:0; list-style-type:square; padding:0;}

#footerlogos ul{}
#footerlogos li 
{
    list-style-type:none;
    float:right;
                 }

/* Paging zoekgegevens */

#divnav
{ 
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
}

#listing-hits 
{
    color:  #00aadd;
	text-align:left;
	float:left;
}
#listing-prev-next {
	text-align:right;
	float:right;
}
#listing-prev-next a {
    color:  #00aadd;
}
#listing-pages {
	text-align: center;
	font-weight: bold;
}
#listing-pages #sel {
	color: #fff;
	background: #00aadd;
	text-decoration: none;
	padding: 0 .3em;
	width: 1.2em;
	margin-bottom: -0.4em;
}
#listing-pages span, #listing-pages a:link, #listing-pages a:visited  {
    color:  #00aadd;
	padding: 0 .3em;
	margin: 0;
	text-decoration: none;
   border: 1px solid #fff;
}
#listing-pages a:hover, #listing-pages a:active {
text-decoration: none;
   color:  #00aadd;
   border-color: #00aadd;
}
