* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; background: #a5b5b9 url(../img/background.jpg) no-repeat top center; }
.clear { clear: both }
.right { float: right }

#site { margin:auto; padding: 0; width: 1000px;}
#base { padding: 0; width: 1000px; margin-left:auto; margin-right:auto; float:left;}
#main {  padding: 0; width: 1000px;}
#header {width:1000px; height:100px; margin: 0; background: url(../img/header.png); float:left;}

#zoek { width: 215px; padding:0; margin:0; font-size:10px; font-weight:normal; float:left; background : url(../img/left-main.png) repeat-y;}
.zoek_tekst { font-size:12px; font-weight:normal; width:191px; float:left; margin: 3px 0;}
.zoek_merken { font-size:12px; font-weight:normal; width:191px; margin:2px 0 2px 12px; padding: 0 0 3px 0; background-color:#d2dadc; color:#000; float:left; }
.zoek_button  { width: 200px; height: 21px; display:block; color:#343b3d; font-size:12px; border:none; margin: 0; padding: 0 0 0 15px; background: none; text-align: left; font-weight: bold; text-decoration: none; float:left; cursor: pointer;}

#left {width:215px; margin: 0 0 0 51px;  float:left;}
#left_bottom { width: 215px; height:12px; float:left; margin:0; padding:0; background : url(../img/left-bottom.png) no-repeat; }
.left-cat-header {width: 195px; height:20px; float:left; background: url(../img/left-cat-header.png) no-repeat; padding: 13px 0 10px 20px; margin: 0; font-size:15px; color: #FFFFFF; font-weight:normal; text-transform:capitalize;}
#main_content {	width: 717px; margin:0 13px 0 0; float:right; padding: 0 0 7px 0;} 
#content_body { width: 717px; float:right; margin:0; padding:0 ; min-height: 400px;}
#content_header { width: 717px; height:34px; float:right; margin:0; padding:0; background : url(../img/content-header.png) no-repeat; }
#content_header_title { width: 707px; float:right; margin:0; padding:0 0 0 10px;  color: #32405c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-weight: normal;  background : url(../img/content-main.png) repeat-y; }
#content { width: 697px; float:right; padding: 10px 10px 0 10px; background : url(../img/content-main.png) repeat-y;}
#content a { color:#2d373a; font-size:12px; font-weight:normal; text-decoration: underline; }
#content a:hover { color:#000; text-decoration: underline; }
#content img { float:left; margin:0px 10px 3px 0; padding: 0; border:0px;}
#content .contact{ padding: 10px 0 10px 0;}
#content_footer { width: 717px; height:11px; float:right; margin:0; padding:0; background : url(../img/content-bottom.png) no-repeat; }
#content h1 { padding:0 10px 5px 0; color:#394e5e; font-size:18px; font-weight:bold; margin:0; text-transform:none; }
#content .veld { padding: 2px; width: 150px;}
#content select { margin: 2px;}
#content textarea { margin: 2px; width: 200px; height: 80px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#394e5e;}
#content input { margin: 2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#394e5e;}
#content .veld_input { margin: 2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#394e5e; width: 190px;}
#content address { font-style:normal; }
#content .product_cat_more a:link,#content .product_cat_more a:hover,#content .product_cat_more a:visited  { font-size:14px; font-weight:normal; color:#fff; text-decoration:none; } 

#menu { height:24px; margin: 42px 0 0 440px; padding:0; float:left; text-align:left;}
.menu { padding: 0; margin: 0; float:left; }
.menu li { display: block; float: left; margin: 0; padding:0; }
.menu li a { height: 18px; font-size: 16px; font-weight:normal; color: #fff; text-decoration: none; text-transform: capitalize; line-height: 150%; padding:0 10px 0 10px;}
.menu li a:hover { height: 18px; font-size: 16px; font-weight:normal; color: #a5b5b9; text-decoration: underline; }
.menu .selected{ color: #fff; text-decoration:underline;}

#menu_left {width: 215px; font-size: 12px; float: left; list-style: none; margin: 0; padding: 0 0 0 0px; font-weight: bold; display:inline;  background : url(../img/left-main.png) repeat-y; }
#menu_left a {display:block ;color: #000; font-size: 12px; font-weight: bold; height:100%; line-height: 20px; padding: 0 4px 0 22px; list-style: none; text-decoration:none; text-transform: inherit; background : url(../img/menu-left-arrow.png) no-repeat; background-position: 10px 0px; margin: 2px 5px;}
#menu_left li a:hover {color: #ffffff; text-decoration: none;  display: block; background :#a7b7bb url(../img/menu-left-arrow-hover.png) no-repeat; background-position: 10px 0px; margin: 2px 5px;}
#menu_left .default a {color: #000; text-decoration:none;  display: block; padding: 0; margin: 2px 5px;}
#menu_left .selected a {color: #fff; text-decoration: none;  display: block; padding: 0 0 0 22px; background :#a7b7bb url(../img/menu-left-arrow-hover.png) no-repeat; background-position: 10px 0px; margin: 2px 5px;  }
#menu_left .sub_left a { color:#000; font-size:12px; font-weight:normal; font-style:italic; list-style: decimal; text-indent:12px; background : url(../img/menu-left-arrow.png) no-repeat; background-position: 20px 0px;}
#menu_left .sub_left a:hover {color: #fff; text-decoration:none; background :#a7b7bb url(../img/menu-left-arrow-hover.png) no-repeat; background-position: 20px 0px;}

#menu_left_info {width: 215px; font-size: 12px; float: left; list-style: none; margin: 0; padding: 0px 0 0 0px; font-weight: bold; display:inline;  background : url(../img/left-main.png) repeat-y; }
#menu_left_info a {display:block ;color: #000; font-size: 13px; font-weight: normal; height:18px; padding: 0 0 0 15px; list-style: none; text-decoration:none; text-transform: inherit; margin: 2px 5px;}
#menu_left_info li a:hover {color: #ffffff; text-decoration: none; height:18px; display: block; background :#a7b7bb; margin: 2px 5px; }
#menu_left_info .default a {color: #000; text-decoration:none; height:18px; display: block; padding: 0; }
#menu_left_info .selected a {color: #fff; text-decoration: none; height:18px; display: block; padding: 0 0 0 15px; background :#a7b7bb; margin: 2px 5px; }
#menu_left_info .sub_left a { color:#000; font-size:12px; font-weight:normal; font-style:italic; list-style: decimal; text-indent:12px;}
#menu_left_info .sub_left a:hover {color: #fff; text-decoration:none;}

.buttons { display:block; border:none; float:left; text-align:center; margin:5px 0 0 0; padding: 6px 0 0 0; width: 113px; height: 26px;   cursor:pointer; background : url(../img/buttons.png) no-repeat; }
.buttons button { background:none; border:none; font-weight: bold; font-size:11px; color:#fff;}

fieldset  { border-style: none; padding: 10px 0;  }
fieldset label { width: 140px; border-style: none; float: left; }
.label { width: 140px; border-style: none; float: left; }

#footer { width: 720px; float:right; text-align:center; color: #263e44; }

a:link, a:visited { color: #000; font-family:  Arial, Verdana, Helvetica, sans-serif; text-decoration:underline; font-weight:normal; }
a:hover { color:#000; font-family: Arial, Verdana, Helvetica, sans-serif;  text-decoration:underline; font-weight:normal;}

td,tr,p,div { font-size: 12px; color: #2a2d38; text-decoration: none; font-family:  Arial, Verdana, Helvetica, sans-serif; }
h1 {color: #32405c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-weight: normal; padding: 0 0 0 0;}
h2, h2 a:hover, h2 a:visited {color: #32405c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
h3 {color: #32405c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
h4 {color: #32405c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
h5 {color: #32405c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
h6 {color: #32405c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }

ul { list-style-position: outside; margin-left: 0px; padding-left: 20px; list-style: square; vertical-align: middle; }
li { margin: 0px; padding: 0px; }

.product_cat { width:300px; min-height:155px; margin:5px 10px 5px 25px; _margin:5px 2px 5px 12px; padding-top:5px; float:left; background-color:#ffffff; border:1px; border-color:#d8d9d0; border-style:solid; }
.product_cat h2 {font-size:14px; font-weight:bold; padding-left:8px; height:22px;}
.product_cat img, product_cat a{ margin:4px 4px 4px 0; border:none; }
.product_cat_box { width:270px; float:left; height:100px;}
.product_cat_image { float:left; padding-left:10px; min-height:170px; min-width:150px; }
.product_cat_nummer { width:270px; text-align:left;  height:15px; float:left; margin:0; padding:0; font-style: normal; font-size:10px; text-indent:8px; } 
.product_cat_det_nummer { width:717px; text-align:right;  height:15px; float:right; margin:0; padding:0; font-size:10px; } 
.product_cat_merk { float:right; padding-top: 34px; padding-right:5px; }
.product_cat_more { width:110px; text-align:right; white-space:nowrap; height:20px; float:right; margin:6px 0 0 0; padding:5px 10px 0 10px; border-bottom:1px; border-bottom-color:#ddd; border-bottom-style:solid; background-color:#73838f; } 
.product_cat_bottom { width:170px; height:23px; float:left; margin:6px 0 0 0; padding:2px 0px 0 0px; text-indent:5px; font-size:12px; font-weight:bold; color:#29231c; border-bottom:1px; border-bottom-color:#ddd; border-bottom-style:solid; background-color:#73838f; text-align:center;}
#content .product_cat_bottom a:link,#content .product_cat_bottom a:hover,#content .product_cat_bottom a:visited { font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none;}
.van {text-decoration: line-through; font-weight:normal; font-size:14px;}

.content_catpage_nav { width: 695px; float:left; padding: 0; text-align:center; margin-top:10px;}
.content_catpage_nav a:hover, .content_catpage_nav a:visited  { font-size:11px; }
.content_catpage_pageitems { width: 200px;  margin-left: 220px; text-align:center; height:24px; font-size:12px; color: #333333}

.product_det { width:220px; margin:0px; padding:5px; float:left; }
.product_det img, product_cat a{ margin:4px 8px 4px 0; border:none; width:170px; }
.product_det_image { width:220px; float:left; padding:0;}
.product_det_images { width:676px; padding:10px 10px 10px 10px; background-color:#ffffff; float:left; }
.product_det_images_frame { width:717px; padding:0; float:left; }
.product_det_opties { width: 480px; height:22px; float:left; margin:1px 0 0 0; padding: 0px; font-size:12px; font-weight:normal;}
.product-detail-opties-tekst { font-size: 12px; font-weight: bold; width: 400px; float:left;  padding: 15px 0 10px 0; margin:0; color:#32405C;}
.product-detail-aantal-tekst { font-size: 12px; font-weight: bold; width: 80px; float:right;  padding: 15px 0 10px 0; margin:0; text-align: center; color:#32405C; }
.product-detail-prijs-tekst  { font-size: 12px; font-weight: bold; width: 110px; float:right;  padding: 15px 6px 10px 0; margin:0; text-align:right; color:#32405C;}
.product-detail-bestel-tekst { font-size: 12px; font-weight: bold; width: 60px; float:right;  padding: 15px 4px 10px 0; margin:0; text-align: center; color:#32405C;}
.product-detail-opties-veld  { font-size: 11px; font-weight: normal; width: 400px;; float:left; display:block; padding-top: 10px;}
.product-detail-aantal-veld  { font-size: 11px; font-weight: normal; float:right; display:block; width:20px; text-align: center; padding-top: 10px;  }
.product-detail-aantal-veld input  { font-size: 11px; font-weight: normal;   float:left; display:block; text-align:center; width: 20px;  }
.product-detail-prijs-veld   { font-size: 22px; font-weight: normal; width: 140px; float:right; text-align:right; display:block; color:#6dc100; padding-top: 7px;}
.product-detail-bestel-veld  { font-size: 11px; font-weight: normal; float:right; width: 50px; display:block; text-align:right; padding-left:20px;}
.product-balk { width: 697px; float:right;  padding-right:0px; }
.optie { font-size:12px; font-weight:normal;  float:left; width: 120px; height:20px;}

.subcat_td { width: 190px; float:left; padding: 0 10px 0 10px; border:1px solid #D8D9D0; background-color:#FFFFFF; margin: 0 10px 20px 10px;}
.subcat_name_div { margin-left:4px; display:inline; height:30px; float:left; padding: 10px 0;}
#content .subcat_name_div a{ color:#000; font-size:15px; font-weight:normal; text-decoration:none;}
.subcat_img_div { margin: 0px; border:none; float:left;}
.subcat_img_div img{ border:none; margin-top:5px; width:150px; }
.subcat_desc { margin-left:10px; width:150px; float:left; }

.linkheader { width:700px; color:#8a1441; font-size:13px; font-weight:bold; text-align:left; margin-top:20px; margin-bottom: 3px;  }
#content .linkheader a:link, #content .linkheader a:visited, #content .linkheader a:hover, #content .linkheader a:link, active { color:#384046; font-weight:bold; font-size:14px;  text-decoration:underline; }
.linkscontent { width:700px; text-align:left; border-bottom: solid 1px #d2dadc; padding-bottom:10px;}
.linkscontent a:link, .linkscontent a:visited, .linkscontent a:hover { color:#000; font-weight:bold; font-size:12px; text-decoration:underline; }
.linkscontent img { float:right; padding:0 10px 2px 10px; border:none;}

UL.afrekenbalk { width: 675px; height: 20px; margin:0; background-color:#73838f; padding: 5px 10px; }
UL.afrekenbalk LI { display: block; float: left; margin: 0; padding:0 40px 0 0; font-size:15px; font-weight:bold; color:#afb7bd; }
UL.afrekenbalk LI.selected { color: #fff; text-decoration:none;}

.mandje_content { width: 675px; padding: 40px 10px; }
.mandje_content .veld { padding: 2px; width: 150px;}
.mandje_content select { margin: 2px;}
.mandje_content input { margin: 2px;}
.mandje-omschrijving-header { width:425px; float:left; font-size:12px; font-weight:bold; text-align:left; padding: 10px 0 10px 10px;}
.mandje-aantal-header { width:80px; float:left; font-size:12px; font-weight:bold; text-align:center;padding: 10px 0 10px 10px; }
.mandje-verwijderen-header { width:70px; float:left; font-size:12px; font-weight:bold; text-align:center; padding: 10px 0 10px 10px;}
.mandje-prijs-header { width:70px; float:left; font-size:12px; font-weight:bold; text-align:right; padding: 10px 0 10px 10px;}
.mandje-omschrijving-veld { width:425px; float:left; text-align:left; padding-left: 10px;}
.mandje-aantal-veld { height: 22px; float:left; text-align:center;  margin-left:34px; margin-right:34px;}
.mandje-aantal-veld input { width:20px; height: 12px; float:left; text-align:center; }
.mandje-verwijderen-veld { width:28px; float:left; text-align:center; padding-left: 32px; padding-top: 4px;}
.mandje-prijs-veld { width:96px; float:left; text-align:right;}
.mandje-lijn { width: 675px; height:1px; background-color:#e9bac8; float:left; margin: 10px 0 10px 10px; }
.mandje-totaal { width: 675px; height:20px; float:left; margin: 10px 0 0 10px; color:#4d5557; font-size:12px; font-weight:bold; text-align:right; }
.mandje-bezorg { width: 675px; height:20px; float:left; margin: 10px 0 0 10px; color:#4d5557; font-size:12px; font-weight:normal; text-align:right; }

#button-terug { width:154px; height:24px; float:left; background: url(../img/button-vorige.png); background-repeat:no-repeat; margin: 30px 0 0 0px; padding: 6px 0 0 25px; }
#button-volgende { width:85px; height:22px; float:right; background: url(../img/button-volgende.png); background-repeat:no-repeat; margin: 30px 0px 0 0; padding: 6px 0 0 60px; }
#button-afronden { width:138px; height:24px; float:right; background: url(../img/button-volgende.png); background-repeat:no-repeat; margin: 30px 0px 0 0; padding: 6px 0 0 16px; }
#button-terug a:link, #button-terug a:visited, #button-terug a:hover, #button-volgende a:link, #button-volgende a:visited, #button-volgende a:hover, #button-afronden a:link, #button-afronden a:visited, #button-afronden a:hover{ color:#fff; font-size: 12px; text-decoration:none; font-weight: bold; }