html {
padding: 0;
color: #fff;
background: #D8CEB3 url("images/bg.jpg") top repeat-x;
font: 11px "Trebuchet MS", Sans-Serif;
}
body {
width: 950px;
background: url("images/body_bg.png") 0 226px no-repeat;
margin: 0 auto;
padding: 0 7px;
}
/* Link opmaak */
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: underline;
}
/* /Link opmaak */
/* Clear */
.clear {
width: 1px;
height: 1px;
clear: both;
}
/* /Clear */
/* Input fields */
.input_small {
border: 1px solid #888888;
width: 50px;
padding: 2px;
}
.input_small:focus {
background: #eeeeee;
}
.input_medium {
border: 1px solid #888888;
width: 150px;
padding: 2px;
}
.input_medium:focus {
background: #eeeeee;
}
.input_regular {
border: 1px solid #888888;
width: 209px;
padding: 2px;
}
.input_regular:focus {
background: #eeeeee;
}
.input_large {
border: 1px solid #888888;
width: 361px;
padding: 2px;
}
.input_large:focus {
background: #eeeeee;
}
.input_calendar {
border: 1px solid #888888;
width: 181px;
background-color: #ffffff;
padding: 2px;
}
.input_file {
padding: 2px;
}
.calendar_button {
width: 26px;
}
/* /Input fields */
/* Images */
img {border: 0;}
/* /Images */
/* Alinea */
p {
font-size: 13px;
margin: 0;
padding: 7px 0;
}
/* /Alinea */
/* Header */
div#header {
height: 176px;
background: url("images/header_bg.png") bottom repeat-x;
margin: 0;
padding: 0;
}
#dias {
margin: 0 0 0 -3px;
padding: 0;
}
div#winkelmand {
float: left;
width: 254px;
height: 111px;
color: #ff7a11;
background: url("images/winkelmand.png") no-repeat;
margin: -63px 0 0 0;
font: 10px "Verdana", Trebuchet MS, Sans-serif;
}
div#winkelmand span.prijs {
float: left;
width: 90px;
margin: 66px 0 0 0;
line-height: 1em;
text-align: right;
}
div#winkelmand span.prijs b {
display: block;
font-size: 11px;
}
div#winkelmand span.aantal {
display: inline;
float: left;
color: #fff;
margin: 67px 0 0 70px;
}
div#winkelmand a.afrekenen {
display: inline;
float: left;
width: 83px;
height: 18px;
color: #fff;
margin: 2px 0 0 147px;
line-height: 18px;
text-align: center;
font-size: 11px;
letter-spacing: -0.05em;
clear: both;
}
/* /Header */
/* Menu */
ul#menu {
display: inline;
float: left;
width: 691px;
margin: 4px 0 0 5px;
padding: 0;
list-style: none;
overflow: hidden;
}
ul#menu li {float: left;}
ul#menu li a {
float: left;
color: #000;
background: url("images/li-l.png") left top no-repeat;
}
ul#menu li a span {
float: left;
background: url("images/li-r.png") right top no-repeat;
cursor: pointer;
}
ul#menu li a span i {
float: left;
height: 18px;
background: url("images/menu-overlay.png") 7px 9px no-repeat;
margin: 0 12px 0 0;
padding: 12px 0 0 15px;
font-style: normal;
}
ul#menu li a:hover, ul#menu li.active a {
color: #fff;
background: url("images/li-l_hover.png") left top no-repeat;
text-decoration: none;
}
ul#menu li a:hover span, ul#menu li.active a span {background: url("images/li-r_hover.png") right top no-repeat;}
ul#menu li a:hover span i, ul#menu li.active a span i {background: url("images/menu-overlay_hover.png") 7px 9px no-repeat;}
/* /Menu */
/* Content */
div#content {
background: #A48E58 url("images/content_bg.png") repeat-y;
padding: 1px 0 0 0;
}
div#inner {background: url("images/foto.jpg") right bottom no-repeat;}
div#inner2 {background: url("images/foto2.jpg") right bottom no-repeat;}
/* /Content */
/* Left */
div#left {
float: left;
width: 629px;
margin: 0 0 4px 0;
}
.tables {
font-size: 11px;
}
ul#afbeeldingen {
margin: 8px 0 0 0;
padding: 0;
list-style: none;
}
div#afbeeldingen div.index_shuffler {
float: left;
width: 204px;
background: #856F3D url("images/left_bg.png") bottom repeat-x;
margin: 0 0 0 8px;
text-align: left;
}
div#afbeeldingen div.index_shuffler {margin: 0;}
div#afbeeldingen div.index_shuffler a {color: #e5d9aa;}
div#afbeeldingen div.index_shuffler p {margin: 0 5px 0 5px;}
div#afbeeldingen div.index_shuffler strong {
display: block;
margin: 0;
}
div#afbeeldingen div.index_shuffler strong span {font-size: 25px;}
div#left strong {font-size: 14px;}
div#left .left {
display: inline;
float: left;
margin: 0 16px 10px 18px;
}
div#left .right {
float: left;
width: 390px;
margin: 0 0 10px 0;
text-align: left;
}
#banner {margin: 0 0 44px 0;}
ul#voorwaarden {
margin: 7px 0;
padding: 0;
list-style: none;
}
ul#voorwaarden li {
background: url("images/arrow.png") left no-repeat;
margin: 0 0 7px 0;
padding: 0 0 0 18px;
font-size: 13px;
}
div#blad {
width: 129px;
height: 23px;
background: url("images/blad.png") no-repeat;
clear: both;
margin: 0 0 -4px 30px;
padding: 65px 0 0 28px;
}
div#blad a {
color: #ff7a11;
font: bold 12px "Verdana", Sans-serif;
}
ul#overzicht {
width: 592px;
background: url("images/overzicht_bg.png") 0 175px repeat-x;
margin: -35px 0 0 6px;
padding: 0;
list-style: none;
}
ul#overzicht li {
float: left;
width: 186px;
margin: 7px 0 16px 11px;
text-align: left;
}
ul#overzicht li span {
display: block;
height: 25px;
color: #ddc897;
padding: 0 9px 0 2px;
font-size: 13px;
font-weight: bold;
line-height: 25px;
text-align: right;
}
ul#overzicht li span b {
float: left;
color: #fff;
}
ul#overzicht li p {padding-top: 0;}
ul#overzicht li a {color: #ddc897;}
ul#overzicht li.clear {
float: none;
width: 1px;
height: 1px;
}
div#shop {
float: left;
width: 600px;
margin: -30px 0px 0px 10px;
border: 0px solid blue;
}
div#customer {
float: left;
width: 600px;
margin: -30px 0px 0px 10px;
border: 1px solid blue;
}
/* /Left */
/* Right1 */
div#right1 {
float: left;
width: 161px;
margin: 0 0 4px 0;
}
div#populair {
width: 160px;
background: #69B4D4 url("images/populair_bg.png") repeat-x;
padding: 0 0 15px 0;
}
div#generic {
width: 130px;
background: #69B4D4 url("images/populair_bg.png") repeat-x;
padding: 15px;
}
div#populair strong {
display: block;
padding: 22px 0 8px 13px;
position: relative;
}
div#populair strong span {
float: left;
font-size: 16px;
margin: 0 0 4px 0;
}
div#populair ol {
color: #488eac;
margin: 0 0 0 13px;
padding: 0;
font-size: 10px;
list-style-position: inside;
clear: both;
}
div#populair ol li {
background: url("images/bol.png") 0 3px no-repeat;
padding-left: 3px;
}
div#populair ol li a {
color: #fff;
font-size: 11px;
}
div#populair a.meer {
display: inline;
float: right;
color: #488eac;
margin: 0 14px 0 0;
}
form#zoeken {
height: 60px;
background: url("images/zoeken_bg.png") repeat-x;
margin: 0 1px 0 0;
padding: 0 0 0 17px;
}
form#zoeken label {line-height: 29px;}
form#zoeken input.textfield {
float: left;
width: 97px;
height: 16px;
color: #636363;
background: url("images/input_bg.png") no-repeat;
margin: 0;
padding: 0px 2px 0 6px;
font: 11px "Trebuchet MS", Sans-Serif;
border: 0;
}
form#zoeken input.submit {
float: left;
width: 18px;
height: 16px;
background: url("images/submit_bg.png") no-repeat;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
}
div#aanbiedingen {
width: 160px;
background: #C4E2EE url("images/aanbieding_bg.png") repeat-x;
margin: 1px 0 0 0;
padding: 0 0 15px 0;
}
div#aanbiedingen strong {
display: block;
padding: 22px 0 8px 13px;
}
div#aanbiedingen strong span {
color: #488eac;
font-size: 16px;
}
div#aanbiedingen ol {
color: #fff;
margin: 0 0 0 13px;
padding: 0;
font-size: 10px;
list-style: none;
}
div#aanbiedingen ol li {
clear:both;
height:32px;
margin:0 0 2px;
padding:0 0 0 3px;
}
div#aanbiedingen ol li a span {
float:left;
padding:0 0 0 18px;
height: 32px;
width:93px;
}
div#aanbiedingen ol li a {
color: #488eac;
font-size: 11px;
}
div#aanbiedingen a.meer {
display: inline;
float: right;
color: #488eac;
margin: 5px 14px 0 0;
}
div#aanbiedingen ol li.a1 {background: url("images/1.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a2 {background: url("images/2.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a3 {background: url("images/3.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a4 {background: url("images/4.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a5 {background: url("images/5.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a6 {background: url("images/6.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a7 {background: url("images/7.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a8 {background: url("images/8.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a9 {background: url("images/9.png") 0px 3px no-repeat;}
div#aanbiedingen ol li.a10 {background: url("images/10.png") 0px 3px no-repeat;}
/* /Right1 */
/* Right2 */
div#right2 {
float: left;
width: 160px;
margin: 0 0 4px 0;
}
form#nieuwsbrief {
width: 160px;
background: #A7915B url("images/nieuwsbrief_bb.png") repeat-x;
margin: 0;
padding: 13px 0 24px 0;
}
form#nieuwsbrief strong, form#nieuwsbrief p {margin: 0 0 0 13px;}
form#nieuwsbrief strong span {font-size: 16px;}
form#nieuwsbrief input.textfield {
float: left;
width: 97px;
height: 16px;
color: #9b927d;
background: url("images/input_bg2.png") no-repeat;
margin: 7px 0 0 17px;
padding: 0px 2px 0 6px;
font: 11px "Trebuchet MS", Sans-Serif;
border: 0;
}
form#nieuwsbrief input.submit {
float: left;
width: 18px;
height: 16px;
background: url("images/submit_bg2.png") no-repeat;
margin: 7px 0 0 0;
padding: 0;
border: 0;
cursor: pointer;
}
div#aanbieding {
color: #636363;
background: #B4B4B4 url("images/korting_bg.png") repeat-x;
margin: 1px 0 0 0;
padding: 7px 8px;
text-align: left;
}
div#aanbieding strong {
display: block;
font-size: 20px;
margin: 7px 0 0 0;
}
div#aanbieding strong span {
color: #636363;
font-size: 16px;
}
div#aanbieding dl {
margin: 0 0 0 -3px;
padding: 0;
}
div#aanbieding dt {
background: url("images/arrow2.png") left no-repeat;
margin: 10px 0 0 0;
padding: 0 0 0 18px;
font-weight: bold;
}
div#aanbieding dd {
margin: 0 0 0 33px;
padding: 0;
}
div#meubelen {
background: #A8A6A1 url("images/meubelen_bg.png") repeat-x;
padding: 0 0 15px 0;
}
div#meubelen strong {
display: block;
margin: 0 0 0 12px;
padding: 22px 0 10px 0;
}
div#meubelen strong span {
color: #636363;
font-size: 16px;
}
div#meubelen ul {
margin: 0 0 0 15px;
padding: 0;
list-style: inside square;
font-size: 10px;
}
div#meubelen ul span {font-size: 11px;}
div#meubelen ul li {
color: #636363;
line-height: 18px;
}
form#zoeken2 {
height: 60px;
color: #636363;
background: url("images/zoek_bg2.png") repeat-x;
margin: 1px 1px 0 0;
padding: 0 0 0 17px;
}
form#zoeken2 label {line-height: 29px;}
form#zoeken2 input.textfield {
float: left;
width: 97px;
height: 16px;
color: #636363;
background: url("images/input_bg3.png") no-repeat;
margin: 0;
padding: 0px 2px 0 6px;
font: 11px "Trebuchet MS", Sans-Serif;
border: 0;
}
form#zoeken2 input.submit {
float: left;
width: 18px;
height: 16px;
background: url("images/submit_bg3.png") no-repeat;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
}
div#gegevens {
background: #C3C3C3 url("images/gegevens_bg.png") repeat-x;
margin: 1px 0 0 0;
padding: 0 0 5px 0;
}
div#gegevens strong {
display: block;
margin: 0 0 0 12px;
padding: 7px 0 5px 0;
}
div#gegevens strong span {
color: #636363;
font-size: 16px;
}
div#gegevens ul {
margin: 0 0 0 15px;
padding: 0;
list-style: inside square;
font-size: 10px;
}
div#gegevens ul a {
font-size: 11px;
color: #636363;
}
div#gegevens ul li {
color: #636363;
line-height: 18px;
}
/* /Right2 */
/* Footer */
div#footer {
height: 21px;
background: #BCAC82;
border-top: 3px solid #A9935D;
padding: 0 16px;
font-size: 12px;
line-height: 21px;
clear: both;
}
div#footer ul {
float: left;
margin: 6px 0 0 0;
padding: 0;
list-style: none;
}
div#footer ul li {
float: left;
height: 10px;
border-left: 1px solid #fff;
padding: 0 5px;
line-height: 10px;
}
div#footer ul li.first-child {border: 0;}
div#footer ul li a {
display: block;
margin: 0;
}
div#footer a:hover {
color: #636363;
text-decoration: none;
}
div#footer .marge{
margin: -7px 0 0 65px;
}
div#footer span {float: right;}
div#under-footer {
width: 100%;
height: 30px;
}
/* /Footer */
/* sIFR -- Niet aanpassen! */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
.sIFR-hasFlash ul#afbeeldingen strong span,
.sIFR-hasFlash div#populair strong span,
.sIFR-hasFlash form#nieuwsbrief strong span,
.sIFR-hasFlash div#aanbieding strong span,
.sIFR-hasFlash div#aanbiedingen strong span,
.sIFR-hasFlash div#meubelen strong span,
.sIFR-hasFlash div#gegevens strong span
{visibility: hidden;}