﻿/*General*/
*{margin:0;padding:0;}
body{background-color:#33302b;font:13px Tahoma, Arial, Sans-Serif;color:#000;}
ul, ol{list-style-position:inside;}
ul.dunneonderrand, ol.dunneonderrand{border:0;}
ul.dunneonderrand li, ol.dunneonderrand li{border-bottom:solid 1px #555;}
a{text-decoration:none;color:#456987;}
a:hover{text-decoration:underline;}
a img{border:0;}
p{padding-bottom:20px;}
table{border-collapse:collapse;border:0;}
#container{position:relative;width:977px;margin:15px auto 30px auto;}
#top{width:100%;height:36px;background:url(images/container_top.jpg) no-repeat 0 0;}
#middle{padding:0 53px 0 39px;background:url(images/container_bg.jpg) repeat-y 0 0;}
#header{position:relative;background-color:#f9ecdb;}
#header img{position:relative;display:block;margin:0 auto;padding:11px 0 7px 0;}
.clear{clear:both}
/*Headings*/
h1, h2, h3, h4, h5, h6{margin-bottom:12px;padding-bottom:5px;font-weight:normal;}
h1{font-size:23px;}
h2{font-size:21px;}
h3{font-size:19px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:14px;}
.dikkeonderrand{position:relative;border-bottom:solid 2px #555;}
.dunneonderrand{position:relative;border-bottom:solid 1px #555;}
/*CmsMenu*/
#CmsMenu{height:34px;background:url(images/menu_bg.jpg) repeat-x 0 0;}
#CmsMenu table{margin:0 auto;}
#CmsMenu ul{list-style:none;}
#CmsMenu li{display:block;float:left;background:url(images/separator.jpg) no-repeat right 0;}
#CmsMenu a{display:block;color:#fff;padding:11px 80px;font-size:10px;letter-spacing:1px;text-decoration:none;}
#CmsMenu a:hover{background:url(images/menu_hover.jpg) repeat-x 0 0;}
/*CmsContent*/
#CmsContent{line-height:22px;}
/*CmsBrands*/
#CmsBrands{height:56px;background:url(images/brands_bg.jpg) repeat-x 0 0;font:16px "Times New Roman",Serif;}
#CmsBrands ul{list-style:none;padding-left:15px;}
#CmsBrands li{display:block;float:left;padding:16px 18px;}
#CmsBrands a{color:#fff;}
#CmsBrands a:hover{border-bottom:solid 2px #fff;text-decoration:none;}
/*CmsFooter*/
#CmsFooter{height:58px;background:url(images/footer_bg.jpg) no-repeat 0 0;color:#868076;padding:23px 38px 0 0;font-size:11px;}
#CmsFooter ul{float:right;list-style:none;}
#CmsFooter li{display:block;float:left;}
#CmsFooter a{color:#868076;background:url(images/footer_separator.gif) no-repeat 0 2px;padding-left:10px;margin-left:10px;}
#CmsFooter a:hover{color:#b8ab95;text-decoration:none;}
/*Pagina Template*/
.content{width:100%;background-color:#fff;}
.content .kleinefoto{width:555px;float:right;overflow:hidden;}
/*ProductList*/
.left{width:427px; float:left}
.right{width:428px; float:right}
.productlist{background-color:#fff}
.productlist table{margin-left:27px}
.logo{float:right;padding-bottom:10px}
.product{background-color:#fff;width:163px;height:180px;padding:10px;margin:10px 20px 0 0;}
.product h1{font-size:13px;letter-spacing:1px;line-height:normal;text-align:center;background-color:#eee;padding:1px 0;margin:0 4px;}
.productimage{width:163px;height:148px;overflow:hidden;}
.productimage img{display:block;margin:0 auto;}
.product .price{text-align:center;padding:0;font-size:11px;display:block}
/*Pager*/
.pager{width:865px;clear:both;}
.pager table{margin:5px auto -8px auto;}
* html .pager table{margin-bottom:0;}
.pager td{padding:0 2px;}
.pager td.pageSelected{text-decoration:underline;}
.pager a{color:#000;}
/*Product View*/
#productview{padding:14px}
#productview h1{padding:0;font-size:20px;letter-spacing:2px}
#productview .img{display:block;float:left;margin-bottom:25px; width: 270px; text-align: center;}
.detail { float: left; width: 700px;}
.slave { width: 163px; padding: 10px;float:right}
.slave_product{padding:10px}
.omschrijving{float:left;width:350px;padding-left:30px}
.omschrijving h2, .omschrijving p{padding:0 0 10px 0}
.omschrijving h2{font-size:15px;margin-bottom:0;font-weight:bold}
.omschrijving table{margin-bottom:15px}
.omschrijving th, .omschrijving td{padding:0 20px 2px 0}
.omschrijving th{text-align:left;font-weight:normal}
td.price{font-weight:bold}
a.terug{display:block;background:url(images/terug.gif) no-repeat 0 6px;padding-left:13px;color:#90755f;}
tr.price_old td{text-decoration:line-through}
tr.price_new td{font-weight:bold}
/*Brede tekstpagina*/
#outer{width:825px;padding:25px 30px;background-color:#fff;}
#inner h1, #inner h2, #inner h3, #inner h4, #inner h5, #inner h6{margin-bottom:7px;padding-bottom:3px;}
#inner .dikkeonderrand{position:relative;border-bottom:solid 3px #000;}
#inner .dunneonderrand{position:relative;border-bottom:solid 1px #000;}
#inner ul li, #inner ol li{padding:4px 0;}
#inner ul li li, #inner ol li li{padding:0;}
/*FotoPager*/
#foto_swap a{display:block;float:left;width:16px;height:14px;padding:2px 0 0 5px;line-height:10px;background:url(images/fotopager.gif) no-repeat 0 -32px;color:#977d68}
#foto_swap a:hover{background-position:0 0;color:#fff;text-decoration:none}
#foto_swap a.selected{background-position:0 -16px;color:#000;border:0}
