body, td {font-family: Arial, Verdana, Helvetica; font-size: 13px; line-height: 18px; color: #333;}
body {background-color: #161616; margin: 0; padding: 0;}

.small {font-size: 11px;}

h1,h2,h3,h4,h5 {clear: both; font-family: Arial, Helvetica, sans-serif; color: #797979; font-size: 20px; line-height: normal; margin: 0 0 8px 0; padding: 0 0 9px 9px; background-image: url(/winkel/img/stippel_back.gif); background-position: bottom left; background-repeat:repeat-x;}
h1 a, h2 a, h3 a, h4 a, h5 a {color: #797979; }

a {text-decoration: none;	font-weight: bold; color: #FF6600;}
a:hover {text-decoration: underline; font-weight: bold; color: #FF6600;}

p {margin: 0;}

div#wrapper {width: 940px; margin: 0 auto; padding: 10px; border-left: 9px solid #e5e5e5; border-right: 9px solid #e5e5e5; background-color: #fff;}

.header {margin-bottom: 10px; overflow: hidden;}

.header a img {margin-top: 12px;}
.header a {float: left; display: block; width: 136px; margin: 0 14px 0 0; background-repeat: no-repeat;}
.header a span {position: absolute; width: 0; overflow: hidden;}
.header a.home {width: auto;}

.header .header-image {float: left; width: 747px; height: 95px; -moz-border-radius: 5px; background-repeat: no-repeat;}
.header .header-image-1 {background-image: url(/winkel/img/header1.jpg);}
.header .header-image-2 {background-image: url(/winkel/img/header2.jpg);}
.header .header-image-3 {background-image: url(/winkel/img/header3.jpg);}
.header .header-image-4 {background-image: url(/winkel/img/header4.jpg);}

.footer {overflow: hidden; color: #fff;}
.footer .empty  {float: left; width: 183px; height: 34px; margin-right: 10px; background-image: url(/winkel/img/zwartebalk_klein.gif); background-repeat: no-repeat;} 
.footer .footer-content {float: left; width: 727px; height: 28px; margin:0; padding: 6px 10px 0 10px; list-style: none; background-image: url(/winkel/img/zwartebalk_groot_2010.gif);}
.footer a:link, .footer a:visited {color: #fff; text-decoration: none; font-weight: normal;}
.footer a:hover, .footer a:active {text-decoration: underline;}

.klikcell {cursor: pointer; padding: 2px 0;}

table.content {border-collapse: collapse; margin: 0;}
td.content {border: 1px solid #949494; padding: 2px}
td.content2 {padding: 0;}

span.msg {font-weight: bold; color: #f00;}

td.special, td.special a, td.special a:hover {color: #fff;}

div.nav {overflow: hidden;}
div.tierolff {float: left; width: 165px; height: 34px; line-height: 34px; margin-right: 10px; padding: 0 9px 0 9px; background-image: url(/winkel/img/zwartebalk_klein.gif); background-repeat: no-repeat;}
div.tierolff a:link, div.tierolff a:visited {color: #fff;}
ul.navigation {display: block; float: left; width: 100%; margin:0; padding: 0; list-style: none; -moz-border-radius: 5px; background-color: #000; overflow: hidden;}
ul.navigation li {display: block; float: left; background-image: url(/winkel/img/nav_divider.gif); background-position: 0 5px; background-repeat: no-repeat;}
ul.navigation li.first {background-image: none;}
ul.navigation a:link, ul.navigation a:visited {display: block; height: 27px; padding: 7px 15px 0 13px; color: #fff;}

ul.navigation ul {display:none; position: absolute; width: 183px; float: left; margin: 1px 0 0 0; padding: 3px 0 0 0; background-color: #666666;background-image: url(/winkel/img/subnav_top.gif); background-position: top left; background-repeat: no-repeat; z-index: 1000;}
ul.navigation li.active ul {display: block}
ul.navigation ul li {background-image: none; margin: 0; padding: 0; display: block; float: none;}
ul.navigation ul li a:link, ul.navigation ul li a:visited {display: block; height: auto; margin: 0; padding: 3px 10px; font-size: 11px; color: #fff;background-image: url(/winkel/img/subnav_divider.gif); background-position: bottom left; background-repeat: no-repeat;}
ul.navigation ul li a:hover, ul.navigation ul li a:active {background-color: #4b4b4b; text-decoration: none;}
ul.navigation ul li a.last:link, ul.navigation ul li a.last:visited  {background-image: url(/winkel/img/subnav_bottom.gif);}

div.c {clear: left; margin: 10px 0; overflow: hidden;}
div.cp {width: 747px; float: right;}
div.cp-padding {padding: 0 0 0 10px;}
div.cs {width: 183px; float: left; font-size: 11px; line-height: 16px;}
div.cs-padding {padding: 0 9px 15px 9px;}

div.spotlight-fp {float: left; width: 172px; background-color: #FF6600; color: #fff;}
div.spotlight-fp a:link, div.spotlight-fp a:visited {color: #fff;}

span.text_wit {color: #fff;}

span.text_wit a, span.text_wit a:hover {text-decoration: underline; color: #fff;}
span.text_oranje {color: #FCCBAB;}

td.aanbieding_top {background-color: #FF6600;}

a.winkelmandje {display: block; font-weight: normal; background-image: url(/winkel/img/winkelmandje_back.gif); padding-left: 45px; color: #333333; height: 36px; line-height: 36px;}

/* shoppingcart */
.shoppingcart-heading {padding: 5px; background-color: #E7EBED; background-image: url(/winkel/img/stippelback_content.gif); background-position: bottom left; background-repeat: repeat-x; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;}
.shoppingcart-heading span {font-weight: bold; padding-left: 25px; background-image: url(/winkel/img/shoppingcart.gif); background-position: top left; background-repeat: no-repeat;}
.shoppingcart {background-color: #E7EBED; padding: 10px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}
.shoppingcart table.basket tr.border td {border-bottom: 1px solid #D4D4D4;}
.shoppingcart-footer {padding: 5px 10px; text-align: right; background-color: #FF6600; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}
.shoppingcart-footer a:link, .shoppingcart-footer a:visited {color: #fff; font-weight: bold; text-decoration: none;}
.shoppingcart-footer a:hover, .shoppingcart-footer a:active {text-decoration: underline;}

span.catnav_titel {color: #FF6600; font-weight: bold;}
span.grey {color: #666;}

ul.autoluw_voorwaarden {margin: 0 0 0 20px; padding: 0;}
ul.autoluw_voorwaarden li {margin: 0; padding: 0}

a:link img, a:visited img {border: 0;}

ul.listing-news-homepage {list-style: none; margin: 0 ; padding: 0; float: left;}
ul.listing-news-homepage li {list-style: none; margin: 0 0 10px 0; padding: 0; overflow: hidden;}
ul.listing-news-homepage h2 {margin-bottom: 0; padding-left: 0; background-image: none;}

div.aanbiedingen {clear: left; padding-top: 10px;}
ul.listing-aanbiedingen {list-style: none; margin: 0; padding: 0; overflow: hidden}
ul.listing-aanbiedingen li {list-style: none; width: 172px; margin: 0 16px 0 0; padding: 5px 0 0 0; display: block; float: left; background-color: #FF6600; color: #fff; font-size: 11px; line-height: 14px; background-image: url(/winkel/img/spotlight_top_2010.gif); background-repeat: no-repeat; font-weight: bold;}
ul.listing-aanbiedingen li.last {margin-right: 0;}
ul.listing-aanbiedingen img {display: block; margin-top: 5px;}
ul.listing-aanbiedingen p {padding: 0 7px; height: 30px;}
ul.listing-aanbiedingen p.back {height: 113px; padding-top: 5px; overflow: hidden; background-image: url(/winkel/img/spotlight_back1_2010.gif); background-position: top left; background-repeat: no-repeat;}
ul.listing-aanbiedingen a:link, ul.listing-aanbiedingen a:visited {color: #fff;}
ul.listing-aanbiedingen a.prijs-van:link, ul.listing-aanbiedingen a.prijs-van:visited {display: block; margin: 20px 0 5px; color: #333333; font-size: 12px;}
ul.listing-aanbiedingen a.prijs-voor:link, ul.listing-aanbiedingen a.prijs-voor:visited {display: block; font-size: 14px;}

ul.listing-newsarchive {list-style: none; margin: 0; padding: 0;}
ul.listing-newsarchive li {list-style: none; margin: 0 0 10px 0; padding: 0; overflow: hidden;}
ul.listing-newsarchive img {float: left; margin-right: 10px;}
ul.listing-newsarchive div {float: left; width: 560px;}
ul.listing-newsarchive div.noimage {padding-left: 147px;}
ul.listing-newsarchive h2 {background-image: none; margin: 0; padding: 0;}

ul.listing-products {list-style: none; margin: 0; padding: 0; font-size: 12px;}
ul.listing-products li {list-style: none; float: left; width: 350px; margin: 0 27px 20px 0; padding: 0; overflow: hidden; background-color: #E7EBED; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
ul.listing-products li.odd {clear: left;}
ul.listing-products li.even {margin-right: 0;}
ul.listing-products h3 {color: #333333; font-size: 13px; padding-top: 9px; background-image: url(/winkel/img/stippelback_content.gif);}
ul.listing-products h3 a {color: #333333;}
ul.listing-products div.content {padding: 0 10px; min-height: 90px;}
ul.listing-products div.content img {float: left; margin-right: 10px;}
ul.listing-products div.footer {background-color: #FF6600; padding: 5px 10px; font-weight: bold; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}
ul.listing-products div.footer a:link, ul.listing-products div.footer a:visited {float: right; display: block; width: auto; padding: 2px 10px; line-height: 16px; color: #000; background-color: #FF9501; border: 1px solid black;}
ul.listing-products div.footer a:hover, ul.listing-products div.footer a:active {text-decoration: none; background-color: red;}

ul.listing-catalogus-nav {list-style: none; margin: 0; padding: 0;}
ul.listing-catalogus-nav ul {list-style: none; margin: 0 0 0 10px; padding: 0;}
ul.listing-catalogus-nav ul ul {margin-left: 10px;}
ul.listing-catalogus-nav li {list-style: none; margin: 0; padding: 0 0 1px 0; background-image: url(/winkel/img/stippellicht_back.gif); background-position: bottom left; background-repeat: repeat-x;}
ul.listing-catalogus-nav li.last {background-image: none;}
ul.listing-catalogus-nav a:link, ul.listing-catalogus-nav a:visited {display: block; padding: 0 0 0 10px; color: #FF6600; font-weight: bold; background-image: url(/winkel/img/bullit_groot_oranje.gif); background-repeat: no-repeat; background-position: 0 5px; line-height: 18px;}
ul.listing-catalogus-nav a.selected:link, ul.listing-catalogus-nav a.selected:visited {font-weight: bold;}
ul.listing-catalogus-nav ul a:link, ul.listing-catalogus-nav ul a:visited {color: #333333; font-weight: normal; background-image: url(/winkel/img/bullit_klein_grijs.gif); background-position: 0 7px;}

ul.listing-testimonial {list-style: none; margin: 0; padding: 0;}
ul.listing-testimonial li {list-style: none; margin: 0; padding: 10px 0; background-image: url(/winkel/img/stippelback_content.gif); background-position: bottom left; background-repeat: repeat-x;}

ul.listing-afdelingen {list-style: none; margin: 0; padding: 0; overflow: hidden;}
ul.listing-afdelingen li {display: block; float: left; width: 172px; list-style: none; margin: 0 10px 0 0; padding: 0;}
ul.listing-afdelingen img {display: block;}

div.department {float: left; overflow: hidden; margin-bottom: 20px; width: 500px; margin-right: 10px;}
div.department img.afdeling {float: left; margin: 0 10px 10px 0;}

div.product-details {padding: 20px; background-color: #E7EBED;}
div.product-details img {}
div.product-bestellen {background-color: #FF6600; padding: 5px 10px; font-weight: bold; color: #fff; overflow: hidden; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;}
div.product-bestellen a:link, div.product-bestellen a:visited {float: right; display: block; width: auto; padding: 2px 10px; line-height: 16px; background-color: #FF9501; border: 1px solid black; color: #000; font-weight: normal;}
div.product-bestellen a:hover, div.product-bestellen a:active {text-decoration: none; background-color: red;}
span.prijs-van {color: #FCCBAB;}
span.prijs-voor {font-size: 15px;}
a.cheaper {display: block; margin-top: 5px; float: right; font-weight: normal; font-size: 11px;}

span.niet_in_voorraad {float: right;}

ul.tagcloud {float: left; width: 197px; list-style: none; margin: 0 0 20px 0; padding: 10px; color: #a89d88; background-color: #E7EBED;}
ul.tagcloud li {list-style: none; display: inline; margin: 0; padding: 0 2px;}
ul.tagcloud a:link, ul.tagcloud a:visited {color: #797979;}
ul.tagcloud a:hover, ul.tagcloud a:active {text-decoration: underline;}
ul.tagcloud .tag-s {font-size: 11px;}
ul.tagcloud .tag-m {font-size: 12px;}
ul.tagcloud .tag-l {font-size: 13px;}
ul.tagcloud .tag-xl {font-size: 14px;}
ul.tagcloud .tag-xxl {font-size: 15px;}

iframe {border: 1px solid #000; margin-bottom: 20px;}

ul.listing-search {list-style: none; margin: 0; padding: 0;}
ul.listing-search li {list-style: none; margin: 0; padding: 0;}

/* FORMS */
form {overflow: hidden; margin-top: 10px;}
fieldset {margin-bottom: 10px;}
legend {font-style: italic; font-size: 11px;}
legend span {position: absolute; width: 0; overflow: hidden;}

input, select, textarea {color:#333333; font-family:Arial,Verdana,Helvetica; font-size:12px;}

form p {clear: left; overflow: hidden; margin: 0 0 10px 0;}
form p.indent {padding-left: 160px;}
form p .msg {display: block; clear: left; margin-left: 160px; font-weight: normal;}
form p.noindent .msg, form p.indent .msg {margin-left: 0;}

form .content {display: block; float: left;}
form .content input {clear: left; float: left; margin-right: 5px;}
form .content label {width: auto; padding: 0;}

label, span.label {float: left; width: 150px; margin-right: 10px; padding: 5px 0;}
.field {float: left; width: 246px; padding: 5px 2px;}
.field-small {width: 46px;}
.dropdown {height: 26px; padding: 5px 0;}
.selectradio input {float: left; margin-right: 10px;}
.selectradio .content {float: left; overflow: hidden;}
.selectradio label {padding: 0; width: auto;}

.btn {padding: 2px 10px; cursor: pointer;}

form .right {text-align: right;}

/* search */
form.search .field {width: 155px;}
form.search .dropdown {width: 161px;}

form.search-details {border-bottom: 1px solid #000; padding-bottom: 10px;}
form.search-details .field {margin-right: 5px;}

/* options */
form.options label {width: auto;}

.betaalmethode {display: none;}
.betaalmethode_zichtbaar {display: block;}