/* Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ul, li { padding: 0; margin: 0; }
img { border: 0; }
/* Global */
html { min-height: 100%; margin-bottom: 1px; }
body { min-height: 100%; background: #fff; font-family: arial; font-size: 12px; font-weight: normal; color: #a19689; line-height: 18px; }
div#container { height: auto; width: 950px; margin: 0 auto; }
a { color: #9f6f6f; text-decoration: underline; }
a:hover { color: #353f41; text-decoration: underline; }
/* Navigation */
div#navigation { height: 37px; background-color: #b2775f; }
div#navigation ul { list-style-type: none; margin: 0; padding: 0; }
div#navigation ul li { float: left; display: inline; margin: 0; z-index: 1000; line-height: 37px; }
div#navigation ul li a { display: block; color: white; padding-left: 20px; text-decoration: none; font-size: 12px; font-family: arial; }
/* Subnavigation */
div#navigation ul ul { display: none; position: absolute; float: none; width: 160px; z-index: 110; }
div#navigation li:hover ul { display: inline; }
div#navigation li li { float: none; display: inline; }
div#navigation li li a { margin-left: 0; color: #b2775f; text-decoration: none; width: 100%; border-bottom: 1px solid white; background-color: white; font-size: 11px; font-weight: normal; }
div#navigation li li.selected a, div#navigation li li.active a { color: #A1968A; font-weight: bold; }
div#navigation li li a:hover { color: white; background: #A1968A; }
/* Subsubnavigation */
div#navigation li:hover ul li ul { display: none; padding: 10px 0 0 0; margin: -30px 0 0 160px; background: transparent; width: 200px; }
div#navigation li ul li ul { display: none; }
div#navigation li:hover ul li:hover ul { display: block; }
div#navigation li li.active li a, div#navigation li li.selected li a { color: #b2775f; font-weight: normal; }
div#navigation li li.active li.selected a { color: #A1968A; font-weight: bold; }
div#navigation li.active ul li.active ul a:hover { color: white; background: #A1968A; }
div#navigation li.active ul li.selected ul a:hover { color: white; background: #A1968A; }
/* Breadcrumbs */
div#content ul.breadcrumbs { padding: 0; margin: 0px 0 15px 0; list-style-type: none; overflow: auto; clear: both; color: #353f41; }
div#content ul.breadcrumbs li { float: left; margin-left: 0px; padding-left: 5px; font-size: 10px; }
div#content ul.breadcrumbs li:first-child { padding-left: 0; }
div#content ul.breadcrumbs li a { font-size: 10px; }
/* Headings */
h1, .h1 { line-height: 30px; color: #b2775f; font-size: 24px; font-weight: bold; margin: 0 0 10px 0;}
h2 { padding: 2px 0; margin: 10px 0; color: #b2775f; font-family: Arial; font-size: 16px; font-weight: bold; }
.h2 { padding: 2px 0; color: #B07660; font-family: Arial; font-size: 24px; }
h3, .h3 { padding: 1px 0; margin-top: 10px; color: #b2775f; font-family: Arial; font-size: 13px; }
h4, .h4 { padding: 1px 0; margin-top: 10px; color: #000; font-family: Arial; font-size: 12px; }
/* Header */
div#header { width: 950px; height: 362px; display: block; margin-top: 1px; margin-bottom: 10px; }
div#header div#topimage { width: 950px; height: 362px; background-image: url('../images/top.jpg'); }
div#header div#topoverlay { top: 170px; width: 950px; height: 193px; background-image: url('../images/topbottom.png'); background-repeat: no-repeat; }
div#header div.pics { height: 362px; width: 950px; padding: 0; margin: 0; }
div#header div.pics img { padding: 0; border: 0; background-color: transparent; height: 362px; width: 950px; top: 0; left: 0; display: none; }
/* Content */
div#content { width: 578px; float: left; margin-left: 47px; min-height: 500px; margin-top: -13px; z-index: 1000; }
div#content ul li { margin-left: 20px; color: #A1968A; }
div#content p { padding: 5px 0; }
div#content p img { padding: 5px; margin: 10px; border: 1px solid #ccc; }
/* Sidebar */
div#sidebar { width: 264px; float: left; height: auto; margin-left: 30px; margin-top: 13px; }
div#sidebar ul li { list-style: none; }
div#sidebar .box_sidebar { margin-bottom: 20px;}
div#sidebar .box_sidebar a.button { position: relative; float: right; font-size: 12px; margin-right: 10px; text-decoration: none; cursor: pointer; text-align: center; height: 22px; line-height: 22px; margin-top: -29px; background-color: #996666; padding: 0 10px; color: #fff; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
div#sidebar .box_sidebar a.button:hover { background-color: #b28e8e; text-decoration: none; }
/* Speciale acties */
div#speciale_acties { background-color: #b2765e; margin: 20px 0 10px 0; height: 174px; background-image: url('../images/speciale_acties_foto.png'); background-repeat: no-repeat; }
div#speciale_acties .lft { float: left; margin-top: 57px; margin-left: -27px; }
div#speciale_acties .lft img { padding: 5px; margin: 10px; border: none; }
div#speciale_acties .rgt { float: right; margin: 20px; width: 270px; }
div#speciale_acties a.button { float: right; margin-right: 30px; text-decoration: none; cursor: pointer; text-align: center; height: 22px; line-height: 22px; margin-top: 10px; font-size: 12px; background-color: #fff; padding: 0 10px; color: #996666; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
div#speciale_acties a.button:hover { background-color: #ccc; color: #fff; text-decoration: none; }
div#speciale_acties h2 { padding: 2px 0; margin: 0 0 6px 0; color: #fff; font-family: Arial; font-size: 14px; font-weight: bold; }
div#speciale_acties ul li { color: #fff; font-size: 12px; line-height: 20px; }
div#speciale_acties p { color: #fff; font-size: 12px; line-height: 20px; }
div.opvallend { clear: both; background-color: #b2765e; margin: 20px 0 10px 0; padding: 15px; color: white !important; }
div.opvallend img { margin: 0 10px 0 0; }
div.opvallend h3 { margin: 0; }
div.opvallend a { padding: 0; }
div.opvallend h3, div.opvallend a { color: white !important; }
/* Product uitgelicht */
div#product_uitgelicht { background-color: #fff; margin: 20px 0 10px 0; height: 174px; background-image: url('../images/product.png'); background-repeat: no-repeat; }
div#product_uitgelicht .lft { float: left; margin-top: 57px; margin-left: -27px; }
div#product_uitgelicht .lft img { padding: 5px; margin: 10px; border: none; }
div#product_uitgelicht .rgt { float: right; margin: 20px; width: 350px; }
div#product_uitgelicht a.button { float: right; font-size: 12px; margin-right: 30px; text-decoration: none; cursor: pointer; text-align: center; height: 22px; line-height: 22px; margin-top: 10px; background-color: #996666; padding: 0 10px; color: #fff; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
div#product_uitgelicht a.button:hover { background-color: #b28e8e; text-decoration: none; }
div#product_uitgelicht h2 { padding: 2px 0; margin: 0 0 6px 0; color: #b3a99f; font-family: Arial; font-size: 14px; font-weight: bold; }
div#product_uitgelicht ul li { color: #b8afa5; font-size: 12px; line-height: 20px; }
div#product_uitgelicht p { color: #b3a99f; font-size: 12px; line-height: 20px; }
/* Forms */
label { display: block; float: left; width: 150px; color: #353f41; font-size: 14px; }
input[type="text"], textarea { width: 100%; min-width: 200px; max-width: 500px; line-height: 22px; font-family: inherit; font-size: 12px; }
input[type="text"] { height: 14px; width: 345px; }
textarea { height: 125px; }
input[type="checkbox"],input[type="submit"],input[type="button"] { width: auto; }
/* Fotoboek */
.photo img { padding: 5px; margin: 10px; border: 1px solid #ccc; }
/* - Balloon [error] */
.errorlist li { width: 349px; height:48px; line-height: 38px; padding: 10px 10px 10px 20px; margin: 0; border: 0; display: block; position: absolute; margin: -35px 0 0 425px ; background: url('http://www.hetcms.nl/beheer/images/notifications/balloon-error.png') no-repeat center center; color: #333333; }
/* Items */
div.item .item { display: block; width: 255px; min-height: 110px; float: left; text-decoration: none; margin-bottom: 20px; margin-top: 20px; }
div.item .item p { color: #aea499; font-size: 12px; font-weight: normal; }
div.item .item-lft { margin-right: 0px; margin-right: 47px; }
div.item img { display: block; margin: 5px 0; max-height: 169px; border: 1px #fff; solid; }
div.item .item h1 { color: #b7806a; font-family: Arial; font-size: 16px; font-weight: bold; }
div.item .item span.item-name { color: #b7806a; font-family: Arial; font-size: 16px; font-weight: bold; line-height: 18px; height: 36px; display: block;}
a.button { position: relative; float: right; margin-right: 30px; font-size: 12px; text-decoration: none; font-weight: bold; cursor: pointer; text-align: center; height: 22px; line-height: 22px; margin-top: 10px; background-color: #996666; padding: 0 10px; color: #fff; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
a.button:hover { background-color: #b28e8e; text-decoration: none; }
/* Products */
div.category a.product { display: block; width: 220px; height: 310px; float: left; text-decoration: none; margin-bottom: 40px; color: #a19689; font-size: 12px; }
div.category a.product-lft { padding: 10px 20px 20px 20px; border: 2px #c2bbb3 solid; margin-right: 40px; }
div.category a.product-rgt { padding: 10px 20px 20px 19px; border: 2px #c2bbb3 solid; }
div.category a.product img { display: block; margin: auto auto; max-height: 169px; padding-bottom: 10px; }
div.category h2 { padding: 2px 0; margin-top: 10px; margin-bottom: 10px; color: #b2775f; font-family: Arial; font-size: 16px; font-weight: bold; }
div.category a.product span.product-name { color: #a19689; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; }
.pagination { margin-top: -1950px; float: right; margin-right: 10px; }
/* Articles */
div.article { background-color: #EFEFEF; padding: 5px; margin: 0 0 10px -5px; }
div.article h3, .h3 { padding: 1px 0; margin-top: 2px; color: #b2775f; font-family: Arial; font-size: 12px; }
div.article h3 a { color: #b3a99f; font-weight: bold; text-decoration: none; }
div.article h3 a:hover { color: #353f41; font-weight: bold; text-decoration: none; }
div.article a { color: #996666; text-decoration: none; font-size: 12px; }
div.article a:hover { color: #9f6f6f; text-decoration: underline; }
div.article span.date { float: right; width:44px; min-height:44px; padding:5px; margin-top: -5px; background-color:#b3a99f; color:white; display:block; font-size:24px; line-height: 24px; font-weight:bold; text-align:center; font-family: Arial; }
div#article span.date span.month { clear: both; font-size: 12px; margin-top: -4px; display: block; font-weight: normal; }
div.article span.date span.month { clear: both; font-size: 11px; margin-top: -2px; display: block; font-weight: bold; }
div#sidebar div.article { font-family: arial; font-size: 12px !important; color: black; }
div#sidebar div.article p { color: #A19689; }
/* Navigation brands */
div#sidebar ul.brands { clear: both; border: 0; padding: 0; margin: 5px 0 0 0; clear: both; overflow: auto; }
div#sidebar ul.brands li.has-logo { float: left; height: 127px; width: 127px; margin-bottom: 5px; display: block; overflow: hidden; }
div#sidebar ul.brands li.lft { margin-right: 5px; }
div#sidebar ul.brands li.rgt { margin-left: 5px; }
div#sidebar ul.brands li.has-logo a { display: block; width: 105px; height: 105px; line-height: 105px; border: 1px solid #DFDFDF; padding: 4px; }
div#sidebar ul.brands li.has-logo a:hover { border-color: #b2775f; }
div#sidebar ul.brands li.has-logo a img { margin: 0 auto; vertical-align: middle; }
/* Footer */
div#wrapper_footer { margin: auto; }
div#footer { clear: both; width: 950px; height: 276px; font-size: 11px; color: #B07660; background-image: url('../images/footer.png'); z-index: 0; background-repeat: no-repeat;}
div#footer div#links { float: left; width: 350px; padding-top: 80px; padding-left: 30px; color: #fff; height: 150px; overflow: hidden; }
div#footer div#links ul { padding: 0; list-style: none; margin-left: -13;}
div#footer div#links ul li:last-child { margin: 0; padding: 0; float: left; display: inline; padding-right: 0px; padding-left: 0; border-right: 5px; }
div#footer div#links ul li { margin: 0; padding-right: 5px; padding-left: 5px; float: left; display: inline; border-right: 1px #fff solid; }
div#footer div#links ul li:last-child { margin: 0; padding: 0; float: left; display: inline; padding-right: 0px; padding-left: 5px; border-right: 0; }
div#footer div#links ul li a { color: white; text-decoration: none; font-size: 11px; font-family: arial; }
div#footer div#links ul ul { display: none; }
div#footer div#contact { float: right; margin-right: 0px; width: 530px; }
div#footer div#contact .lft { float: left; width: 284px; padding-top: 95px; }
div#footer div#contact .rgt { float: right; width: 200px; padding-left: 10px; padding-top: 160px; color: #fff; }
div#footer div#contact ul { padding: 0; margin: 0; list-style: none; }
div#footer div#contact ul li { padding: 0; margin: 0; }
div#footer h4, .h4 { padding: 1px 0; margin-top: 10px; color: #fff; font-family: Arial; font-size: 13px; clear: both;}
.lft { float: left !important; }
.rgt { float: right !important; }