/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0px; margin: 0px; outline: none; list-style: none; border: 0px; }
fieldset legend { display: none; }
.hidden { display: none; }

body { font-family: Arial, Verdana; font-size: 16px; background-color: #fff; }

/* HEADERS */
h1 { display: none; position: absolute; top: 0px; left: 0px; padding-bottom: 15px; font-size: 12px; line-height: 28px; font-weight: normal; }
h2 { padding-bottom: 10px; font-size: 13px; line-height: 15px; text-align: left; }
h3 { padding: 0px 10px; color: #fff; font-size: 11px; line-height: 19px; background-color: #E20026; border-bottom: 1px solid #fff; display: block; }
.h3-onderselect { padding: 10px; margin-bottom: 0px; font-size: 11px; line-height: 24px; font-weight: bold; border: 1px solid #9C9C9C; border-top: 0px; display: block; }
.h3-onderselect span { padding: 0px; }
p.h3-ondertitel { padding: 0px 9px; margin: 0px; height: 18px; color: #FFF; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #9C9C9C; border-bottom: 1px solid #fff; } 							   

/* STANDAARD */
a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
p { margin-bottom: 15px; font-size: 80%; line-height: 140%; }
h2 a.anchor { text-decoration: none; }
h2 a.anchor:hover { color: #000; text-decoration: none; }
h3 a.anchor, .h3 a.anchor, h3 a.anchor:hover, .h3 a.anchor:hover { color: #fff; text-decoration: none; }
abbr { border-bottom: 1px dotted #000; cursor: help; }
a.gototop { font-size: 10px; line-height: 15px; float: right; }

/* TABLES */
table { margin-bottom: 30px; width: 100%; font-size: 11px; border-collapse: collapse; border-bottom: 1px solid #9C9C9C; }
table caption { padding: 3px 10px; color: #fff; font-weight: bold; background-color: #E20026; text-align: left; }
table caption a { color: #fff; text-decoration: none; }
table caption a:hover { color: #fff; text-decoration: none; }
table thead tr.space th { height: 20px; border: 0px; }
table thead tr.vormtitel th { padding: 0px 10px; height: 20px; color: #fff; text-align: left; background-color: #E20026; border: 0px; }
table thead tr th { padding: 4px 7px; font-weight: bold; border-bottom: 1px solid #9C9C9C; text-align: left; }
table tbody tr th { padding: 4px 7px; font-weight: bold; text-align: left; }
table tbody tr td { padding: 4px 7px; border-top: 1px solid #DDE1E8; }
table tbody tr td.toevoegen { text-align: center; }
table tbody tr.darkborder td { border-top: 1px solid #9C9C9C; }
table tr td a.info { padding-right: 24px; color: #000; text-decoration: none; background: url(afbeeldingen/icon-information.png) no-repeat right center; display: block; cursor: pointer; }
table tr td a.info-button { margin: auto; width: 100%; height: 16px; text-indent: -9999px; background: url(afbeeldingen/icon-information.png) no-repeat center center; display: block; cursor: pointer;  }
table tr td.order a { height: 16px; text-indent: -9999px; background: url(afbeeldingen/icon-cart-add.png) no-repeat center center; display: block; }
table tr td.order a:hover { background: url(afbeeldingen/icon-cart-add-hover.png) no-repeat center center; }

/* PARAGRAAF */
.paragraaf h3 { padding: 0px; margin: 0px; color: #000; font-weight: bold; background: none; border: none; }
.paragraaf p { margin-bottom: 20px; font-size: 70%; }
.paragraaf ul { margin-bottom: 15px; font-size: 70%; line-height: 140%; }
.paragraaf ul ul { font-size: 100%; line-height: 140%; }
.paragraaf ul li { margin-left: 16px; padding-left: 0px; list-style: disc; }
.paragraaf ol { margin-bottom: 15px; font-size: 70%; line-height: 140%; }
.paragraaf ol li { margin-left: 18px; padding-left: 0px; list-style: decimal; }
.paragraaf ol ul { font-size: 100%; }

/* STRUCTUUR */
#wrapper { position: relative; margin: 0px auto; width: 508px; overflow: hidden; }
#block {display: block; }
#content { width: 508px; display: block; overflow: hidden; }
#sidebar { display: none; }
#header { height: 40px; display: block; }
#navigation { display: none; }
#footer { padding: 10px 0px; margin-top: 10px; width: 496px; border-top: 1px solid #9C9C9C; display: block; }

/* NAVIGATION */
#navigation ul { padding-bottom: 1px; width: 750px; border-bottom: 2px solid #E20026; overflow: hidden; display: block; }
#navigation ul li { position: relative; top: 0px; padding-right: 1px; font-size: 70%; line-height: 28px; float: left; }
#navigation ul li a { padding: 0px 10px; color: #000; text-decoration: none; background-color: #DDE1E8; display: block; }
#navigation ul li a:hover { text-decoration: none; background-color: #9C9C9C; }
#navigation ul li.active a { color: #fff; text-decoration: none; font-weight: bold; background-color: #E20026; }
#navigation ul ul { display: none; }

/* SECTION */
.section { padding: 0px; margin-bottom: 15px; width: 496px; overflow: hidden; }

/* WINKELMAND */
#cart { position: absolute; top: 0px; right: 10px; overflow: hidden; }
#cart p { padding: 0px; font-size: 11px; font-weight: normal; line-height: 28px; float: left; }
#cart p strong { padding-left: 10px; }
#cart p br { display: none; }

#cart a { margin: 4px 0px 0px 10px; width: 154px; height: 19px; text-indent: -9999px; background: url(Afbeeldingen/winkelmandje.gif) no-repeat 0px 0px; display: block; float: left; }
#cart a.icon { display: none; }

/* FOOTER */
#footer p { font-size: 10px; color: #333; display: inline; float: left; }
#footer ul { padding-left: 15px; font-size: 10px; color: #333; display: inline; float: left; }
#footer ul li { padding-right: 5px; list-style: disc; display: inline; white-space: nowrap; }
#footer a { color: #333; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/* AANBIEDING */
.aanbieding { display: block; float: left; }
.aanbieding div { position: relative; padding: 1px 1px; margin: 0px 12px 20px 0px; width: 238px; border: 1px solid #9C9C9C; display: block; }
.aanbieding h2 { position: absolute; top: 170px; left: 1px; padding: 4px; margin-bottom: 1px; width: 230px; height: 30px; font-size: 12px; line-height: 15px; text-align: left; background-color: #EFEFEF; }
.aanbieding h2 a,
.aanbieding h2 a:hover { height: 30px; color: #000000; text-decoration: none; display: block; }
.aanbieding .afbeelding { padding: 0px 2px 0px 1px; width: 235px; height: 160px; border: 0px; display: block; }
.aanbieding .provider { position: absolute; top: 139px; left: 165px; width: 70px; height: 20px; }
.aanbieding ul { padding: 40px 10px 40px 20px; margin-top: 10px; height: 65px; font-size: 11px; line-height: 15px; display: block; overflow: hidden; background-color: #EFEFEF; }
.aanbieding ul li { list-style: disc; }
.aanbieding ul li.actie { position: absolute; bottom: 6px; left: 6px; padding: 0px; width: 184px; height: 19px; list-style: none; display: block; }
.aanbieding ul li.actie a { padding: 0px 3px; width: 86px; height: 19px; text-indent: -9999px; background: url(Afbeeldingen/button-bestel.gif) no-repeat 0px 0px; display: block; float: right; }
.aanbieding ul li.actie a.info { background: url(Afbeeldingen/button-bekijk.gif) no-repeat 0px 0px; }
.aanbieding hr { display: none; }

/* AANBIEDING DETAIL */
.aanbieding-detail { position: relative; width: 496px; display: block; overflow: hidden; }
.aanbieding-detail h2 { padding-bottom: 7px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #9C9C9C; display: block; }
.aanbieding-detail div { position: absolute; top: 30px; left: 0px; width: 496px; height: 200px; display: block; overflow: hidden; }
.aanbieding-detail div div.afbeelding { position: relative; top: 0px; left: 0px; padding-bottom: 10px; width: 235px; height: 160px; display: block; float: left; }
.aanbieding-detail div div.afbeelding img.provider { position: absolute; bottom: 10px; right: 10px; width: 70px; height: 20px; }
.aanbieding-detail div ul { position: absolute; bottom: 15px; right: 0px; width: 261px; display: block; }
.aanbieding-detail div ul li.datum { padding-bottom: 0px; font-size: 10px; text-align: left; }
.aanbieding-detail div ul li.prijs { font-size: 14px; line-height: 30px; border-top: 1px solid #9C9C9C; border-bottom: 1px solid #9C9C9C; overflow: hidden; }
.aanbieding-detail div ul li.prijs span { float: left; }
.aanbieding-detail div ul li.prijs strong { font-weight: bold; float: right; }
.aanbieding-detail div ul li.bestel { padding-top: 5px; }
.aanbieding-detail div ul li.bestel a { width: 86px; height: 19px; font-size: 11px; text-indent: -9999px; background: url(Afbeeldingen/button-bestel.gif) no-repeat 0px 0px; display: block; float: right; }
.aanbieding-detail div.specificaties { position: relative; top: 0px; left: 0px; padding: 200px 0px 0px 0px; width: 496px; height: auto; }
.aanbieding-detail div.specificaties h3 { padding: 0px; margin-bottom: 10px; font-size: 10px; color: #000; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #9C9C9C; background-color: #fff; clear: both; }
.aanbieding-detail div.specificaties ul { position: relative; bottom: 0px; width: 496px; font-size: 11px; display: block; float: left; }
.aanbieding-detail div.specificaties ul li { margin-bottom: 15px; line-height: 15px; }
.aanbieding-detail div.specificaties ul li.small { padding-right: 10px; width: 220px; display: block; float: left; }
.aanbieding-detail div.specificaties ul.extra li { margin-bottom: 0px; margin-left: 15px; list-style: disc; }
.aanbieding-detail div.specificaties ul li ul { float: none; }
.aanbieding-detail div.specificaties ul li ul li{ margin-bottom: 0px; margin-left: 15px; list-style: disc; }
.aanbieding-detail div.specificaties ul li ul li ul li { margin-left: 0px; list-style: none; }
.aanbieding-detail div.specificaties ul li ul li ul li ul li { margin-left: 15px; list-style: disc; }

/* ARTIKEL DETAIL */
.artikel-detail { position: relative; padding: 0px; width: 496px; display: block; overflow: hidden; }
.artikel-detail h2 { padding-bottom: 7px; margin-bottom: 10px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #9C9C9C; }
.artikel-detail .specificaties { position: relative; height: 234px; border-bottom: 1px solid #9C9C9C; display: block; }
.artikel-detail .specificaties h3 { padding: 0px; margin-bottom: 5px; color: #000; font-size: 13px; font-weight: bold; background-color: #fff; }
.artikel-detail .specificaties p { width: 304px; font-size: 10px; line-height: 14px; text-align: justify; }
.artikel-detail .specificaties p img { position: absolute; top: 0px; right: 0px; padding: 12px 12px; width: 155px; height: 200px; border-left: 1px solid #9C9C9C; display: block; }
.artikel-detail .specificaties .prijs { position: absolute; bottom: 10px; width: 304px; display: block; overflow: hidden; }
.artikel-detail .specificaties .prijs div { position: relative; margin-top: 3px; width: 304px; font-size: 11px; line-height: 25px; display: block; overflow: hidden; }
.artikel-detail .specificaties .prijs div span { float: left; display: block; }
.artikel-detail .specificaties .prijs div strong { padding-right: 95px; float: right; display: block; }
.artikel-detail .specificaties .prijs div a { position: absolute; top: 4px; right: 0px; width: 86px; height: 19px; font-size: 11px; text-indent: -9999px; background: url(Afbeeldingen/button-bestel.gif) no-repeat 0px 0px; display: block; }
.artikel-detail .specificaties .prijs div a.info { background: url(Afbeeldingen/button-bekijk.gif) no-repeat 0px 0px; }
.artikel-detail .tab { position: relative; margin-top: 60px; padding: 15px 0px; width: 496px; border-top: 1px solid #E20026; float: left; }
.artikel-detail .tab h2 { border: 0px; }
.artikel-detail .tab p { margin-bottom: 15px; font-size: 12px; line-height: 18px; text-align: left; } 
.artikel-detail .tab dl { width: 496px; font-size: 11px; line-height: 28px; border-top: 0px; overflow: hidden; float: left; display: block; }
.artikel-detail .tab dl dt { padding-left: 5px; width: 238px; height: 28px; font-weight: bold; border-bottom: 1px solid #9C9C9C; float: left; }
.artikel-detail .tab dl dd { padding-left: 5px; width: 238px; height: 28px; border-bottom: 1px solid #9C9C9C; float: left; }
.artikel-detail .tab dl.first { border-top: 1px solid #9C9C9C; }
.artikel-detail .tab ul { position: absolute; top: -30px; left: 0px; padding-left: 5px; overflow: hidden; }
.artikel-detail .tab ul li { margin-left: -1px; float: left; }
.artikel-detail .tab ul li a { padding: 0px 16px; margin-top: 3px; height: 25px; font-size: 11px; line-height: 25px; color: #000; text-decoration: none; border: 1px solid #E20026; display: block; }
.artikel-detail .tab ul li a:hover { text-decoration: underline; }
.artikel-detail .tab ul li.active a { margin-top: 0px; height: 28px; line-height: 28px; border-bottom: 1px solid #fff; }
.artikel-detail .tab ul li.active a:hover { text-decoration: none; }
.artikel-detail .tab table { font-size: 10px; }
.artikel-detail .tab table th { padding-right: 0px; }
.artikel-detail .tab table td { padding-right: 0px; }
.artikel-detail .tab hr { display: none; clear: both; }

/* BUNDEL DETAIL */
.bundel-detail { overflow: hidden; }
.bundel-detail .overzicht { width: 496px; }
.bundel-detail .overzicht .specificaties { display: block; overflow: hidden; }
.bundel-detail .overzicht .specificaties .abonnement { width: 248px; float: left; }
.bundel-detail .overzicht .specificaties .abonnement ul { padding: 10px; width: 228px; }
.bundel-detail .overzicht .specificaties .abonnement ul li { font-size: 11px; line-height: 16px; }
.bundel-detail .overzicht .specificaties .abonnement ul li ul { padding: 0px; font-size: 11px; }
.bundel-detail .overzicht .specificaties .abonnement ul li ul li { overflow: hidden; }
.bundel-detail .overzicht .specificaties .abonnement ul li ul li strong { width: 135px; font-weight: normal; display: block; float: left; }
.bundel-detail .overzicht .specificaties .abonnement ul li ul li span { width: 93px; display: block; float: left; }
.bundel-detail .overzicht .specificaties .acties { padding-left: 1px; width: 247px; float: left; }
.bundel-detail .overzicht .specificaties .acties ul { padding: 10px 10px 0px 10px; width: 227px; }
.bundel-detail .overzicht .specificaties .acties ul li { font-size: 11px; line-height: 16px; }
.bundel-detail .overzicht .specificaties .acties ul li p { margin-bottom: 16px; font-size: 11px; line-height: 16px; }
.bundel-detail .overzicht .artikel { padding-top: 0px; }
.bundel-detail .overzicht .artikel .detail { width: 240px; display: block; overflow: hidden; }
.bundel-detail .overzicht .artikel .detail div { padding-right: 10px; width: 50px; height: 65px; display: block; float: left; }
.bundel-detail .overzicht .artikel .detail div img { display: block; }
.bundel-detail .overzicht .artikel .detail ul { width: 180px; display: block; float: right; }
.bundel-detail .overzicht .artikel .detail ul li a.titel { height: 37px; font-size: 11px; line-height: 14px; text-decoration: none; display: block; }
.bundel-detail .overzicht .artikel .detail ul li a.titel span { font-weight: bold; display: block; }
.bundel-detail .overzicht .artikel .detail ul li a.titel strong { font-weight: normal; }
.bundel-detail .overzicht .artikel .detail ul li ul { float: none; overflow: hidden; }
.bundel-detail .overzicht .artikel .detail ul li ul li { width: 90px; color: #666; font-size: 10px; line-height: 14px; display: block; float: left; }
.bundel-detail .overzicht .artikel .detail ul li ul li a { color: #666; }
.bundel-detail .vormen { display: none; width: 148px; float: left; }
.bundel-detail .vormen p.h3-ondertitel { margin-right: 1px; }
.bundel-detail .vormen ul li { margin-left: 0px; width: 146px; }
.bundel-detail .vormen ul li .titel { padding-bottom: 20px; }

/* ROUTE */
.route { position: relative; display: block; overflow: hidden; }
.route div { position: relative; padding: 1px; padding-bottom: 37px; width: 238px; border: 1px solid #9C9C9C; float: left; cursor: pointer; }
.route div.right { float: right; }
.route div h3 a { color: #fff; text-decoration: none; display: block; }
.route div ol { padding: 20px; height: 54px; font-size: 12px; line-height: 18px; display: block; }
.route div ol li { margin-left: 16px; list-style: decimal; }
.route div a.select { position: absolute; top: 1px; left: 1px; padding-top: 114px; width: 238px; height: 36px; color: #fff; text-decoration: underline; font-weight: bold; display: block; }
.route div a.select span { width: 238px; height: 36px; font-size: 11px; line-height: 36px; text-align: center; background-color: #E20026; display: block; cursor: pointer; }
.route div a.select:hover { color: #000; }
.route div a.select:hover span { background-color: #9C9C9C; }
.route div .provider { position: absolute; top: 26px; right: 6px; }
.route .of { display: none; }

/* KEUZE */
.keuze ul { padding-left: 1px; list-style: none; background: url(Afbeeldingen/keuze-ul.gif) repeat-y 0px 0px; overflow: hidden; }
.keuze ul li { position: relative; padding: 1px; width: 96px; height: 95px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; float: left; }
.keuze ul li a.titel { position: absolute; top: 45px; left: 0px; width: 100%; font-size: 11px; line-height: 15px; text-align: center; text-decoration: none; display: block; }
.keuze ul li a.titel strong { padding: 0px 3px; font-weight: normal; display: block; }
.keuze ul li ul { padding: 0px; background: none; border: 0px; }
.keuze ul li ul li { padding: 0px; width: 100%; border: 0px; }
.keuze ul li ul li.afbeelding { padding: 15px 0px 30px 0px; height: 20px; text-align: center; display: block; overflow: hidden; }
.keuze ul li ul li.afbeelding div { text-align: center; }
.keuze ul li ul li.afbeelding div a { margin: 0px auto; width: 70px; height: 20px; border: 0px; display: block; }
.keuze ul li ul li.selecteer { position: absolute; top: 1px; left: 1px; width: 96px; }
.keuze ul li ul li.selecteer a { height: 25px; padding-top: 70px; text-decoration: none; display: block; }
.keuze ul li ul li.selecteer a span { height: 25px; color: #000; font-size: 11px; line-height: 25px; text-decoration: none; text-align: center; background-color: #EFEFEF; display: block; cursor: pointer; }
.keuze ul li ul li.selecteer a:hover span { color: #000; text-decoration: underline; background-color: #EFEFEF; }
.keuze ul li.artikel { position: relative; height: 200px; }
.keuze ul li.artikel a.titel { top: 0px; padding: 5px 0px; }
.keuze ul li.artikel ul li.afbeelding { padding: 70px 0px 15px 0px; height: 65px; }
.keuze ul li.artikel ul li.afbeelding div a { width: 50px; height: 65px; }
.keuze ul li.artikel ul li.prijs { width: 100%; height: 24px; font-size: 11px; color: #000; font-weight: bold; font-style: normal; line-height: 24px; letter-spacing: 0px; text-align: center; display: block; }
.keuze ul li.artikel ul li.selecteer a { padding-top: 175px; }

/* VORMEN */
.vormen { padding-bottom: 30px; }
.vormen ul { overflow: hidden; }
.vormen ul li { position: relative; margin-left: -1px; border: 1px solid #9C9C9C; border-top: 0px; float: left; display: block; }
.vormen ul li.alternative { margin-left: 0px; }
.vormen ul li .titel { padding: 20px 0px 5px 0px; margin: 0px auto; height: 45px; text-align: center; display: block; }
.vormen ul li ul li { margin: 0px; border: 0px; float: none; z-index: 0; }
.vormen ul li ul li span { display: none; }
.vormen ul li ul li.voordelen { height: 150px; display: block; }
.vormen ul li ul li.voordelen ul { font-size: 11px; line-height: 15px; display: block; overflow: hidden; }
.vormen ul li ul li.voordelen ul li { padding: 0px 10px; }
.vormen ul li ul li.bundels ul li { border-top: 1px solid #9C9C9C; }
.vormen ul li ul li.bundels ul li a { padding: 0px 5px; width: auto; height: 24px; font-size: 11px; line-height: 24px; color: #000; background: url(afbeeldingen/icon-bullet-go.png) no-repeat 96% center; text-decoration: none; display: block; }
.vormen ul li ul li.bundels ul li a:hover { text-decoration: underline; background: #f4f4f4 url(afbeeldingen/icon-bullet-go.png) no-repeat 96% center; }
.vormen ul li ul li.select { position: static; height: 32px; display: block; float: left; }
.vormen ul li ul li.select a { position: absolute; top: 0px; left: 0px; padding-top: 220px; width: 100%; height: 32px; text-decoration: none; display: block; cursor: pointer; z-index: 1; }
.vormen ul li ul li.select a span { height: 30px; color: #000; font-size: 11px; line-height: 30px; text-decoration: none; text-align: center; background-color: #EFEFEF; border: 1px solid #fff; display: block; }
.vormen ul li ul li.select a:hover span { color: #000; text-decoration: underline; background-color: #EFEFEF; }
.vormen ul.aantal1 li { margin-right: 0px; width: 494px; }
.vormen ul.aantal1 li ul li.voordelen ul li { width: 474px; }
.vormen ul.aantal2 li { width: 246px; }
.vormen ul.aantal2 li ul li.voordelen ul li { width: 226px; }
.vormen ul.aantal2 li.alternative,
.vormen ul.aantal2 li.alternative ul li { width: 247px; }
.vormen ul.aantal2 li.alternative ul li.voordelen ul li { width: 227px; }
.vormen ul.aantal3 li { width: 164px; }
.vormen ul.aantal3 li ul li.voordelen ul li { width: 144px; }
.vormen ul.aantal3 li.alternative,
.vormen ul.aantal3 li.alternative ul li  { width: 164px; }
.vormen ul.aantal3 li.alternative ul li.voordelen ul li { width: 144px; }
.vormen ul.aantal4 li { width: 123px; }
.vormen ul.aantal4 li ul li.voordelen ul li { width: 103px; }
.vormen ul.aantal4 li.alternative,
.vormen ul.aantal4 li.alternative ul li  { width: 122px; }
.vormen ul.aantal4 li.alternative ul li.voordelen ul li { width: 102px; }
.vormen ul.aantal5 li { width: 123px; }
.vormen ul.aantal5 li ul li.voordelen ul li { width: 103px; }
.vormen ul.aantal5 li.alternative,
.vormen ul.aantal5 li.alternative ul li { width: 122px; }
.vormen ul.aantal5 li.alternative ul li.voordelen ul li { width: 102px; }
.vormen ul.aantal6 li { width: 120px; }
.vormen ul.aantal6 li ul li.voordelen ul li { width: 100px; }
.vormen ul.aantal6 li.alternative,
.vormen ul.aantal6 li.alternative ul li  { width: 121px; }
.vormen ul.aantal6 li.alternative ul li.voordelen ul li { width: 101px; }
.vormen ul.aantal7 li { width: 103px; }
.vormen ul.aantal7 li ul li.voordelen ul li { width: 83px; }
.vormen ul.aantal7 li.alternative,
.vormen ul.aantal7 li.alternative ul li  { width: 102px; }
.vormen ul.aantal7 li.alternative ul li.voordelen ul li { width: 82px; }
.vormen ul.aantal8 li { width: 90px; }
.vormen ul.aantal8 li ul li.voordelen ul li { width: 70px; }
.vormen ul.aantal8 li.alternative,
.vormen ul.aantal8 li.alternative ul li  { width: 89px; } 
.vormen ul.aantal8 li.alternative ul li.voordelen ul li { width: 69px; }

/* BESTELLING */
.bestelling { width: 494px; border: 1px solid #9C9C9C; overflow: hidden; }
.bestelling legend { padding: 0px 10px; color: #000; font-size: 11px; font-weight: bold; display: inline; }
.bestelling dl { padding: 5px 10px; width: 474px; font-size: 11px; line-height: 20px; overflow: hidden; }
.bestelling dl dt { width: 140px; font-weight: bold; display: block; float: left; }
.bestelling dl dd { width: 334px; float: left; }


/* WinkelMand Pre */
.precart { display: block; }

/* Nummerbehoud */
.precart .nummerbehoud { padding: 20px 0px 0px 0px; margin-bottom: 20px; width: 494px; border: 1px solid #ccccc7; border-top: 0px; display: block; }

.precart .nummerbehoud .single .aansluiting { padding-bottom: 10px; width: 494px; display: block; overflow: hidden; }
.precart .nummerbehoud .single .aansluiting span { padding: 0px 20px; width: 120px; height: 30px; font-size: 10px; line-height: 30px; font-weight: bold; text-align: right; display: block; float: left; }
.precart .nummerbehoud .single .aansluiting strong { width: 334px; height: 30px; font-size: 10px; line-height: 30px; font-weight: normal; display: block; float: left; }
.precart .nummerbehoud .single .aansluiting ul { list-style: none; display: block; overflow: hidden; clear: both; }
.precart .nummerbehoud .single .aansluiting ul li { height: 30px; display: block; overflow: hidden; }
.precart .nummerbehoud .single .aansluiting ul li.keuze { padding-right: 10px; width: 350px; background: url(afbeeldingen/icon-validation-required.gif) no-repeat right center; }
.precart .nummerbehoud .single .aansluiting ul li.keuze select { margin-top: 5px; width: 183px; height: 20px; font-size: 11px; line-height: 20px; border: 1px solid #ccc; }
.precart .nummerbehoud .single .aansluiting ul li.nummer input { padding: 3px 5px 2px 5px; margin-top: 4px; width: 140px; font-size: 11px; line-height: 14px; border: 1px solid #ccc; }
.precart .nummerbehoud .single .aansluiting ul li.nummer strong { padding: 0px; width: 30px; font-weight: bold; }
.precart .nummerbehoud .multiple .aansluiting { padding-bottom: 10px; width: 494px; height: 30px; display: block; overflow: hidden; }
.precart .nummerbehoud .multiple .aansluiting strong { padding-left: 20px; width: 260px; height: 30px; font-size: 10px; line-height: 30px; font-weight: normal; display: block; float: left; }
.precart .nummerbehoud .multiple .aansluiting ul { list-style: none; display: block; overflow: hidden; float: left; }
.precart .nummerbehoud .multiple .aansluiting ul li { height: 30px; display: block; overflow: hidden; float: left; }
.precart .nummerbehoud .multiple .aansluiting ul li.keuze { padding-right: 10px; background: url(afbeeldingen/icon-validation-required.gif) no-repeat right center; }
.precart .nummerbehoud .multiple .aansluiting ul li.keuze select { margin-top: 5px; width: 105px; height: 20px; font-size: 11px; line-height: 20px; border: 1px solid #ccc; }
.precart .nummerbehoud .multiple .aansluiting ul li.nummer { padding-left: 10px; }
.precart .nummerbehoud .multiple .aansluiting ul li.nummer strong { padding: 0px; width: 30px; }
.precart .nummerbehoud .multiple .aansluiting ul li.nummer input { padding: 3px 5px 2px 5px; margin-top: 4px; width: 120px; font-size: 11px; line-height: 14px; border: 1px solid #ccc; }

.precart .nummerbehoud .single .aansluiting ul li.empty { background: none; display: none; }
.precart .nummerbehoud .multiple span { display: none; }
.precart .nummerbehoud .multiple .aansluiting ul li.empty { background: none; }
.precart .nummerbehoud .multiple .aansluiting ul li.empty select { display: none; }

.precart .nummerbehoud .verplicht { padding: 0px 20px 10px 20px; margin: 0px 1px; height: 26px; }
.precart .nummerbehoud .verplicht span { padding-left: 14px; font-size: 10px; line-height: 26px; color: #000; background: url(afbeeldingen/icon-validation-required.gif) no-repeat left center; display: block; }

.precart ol.aansluitingen { position: relative; margin-bottom: 30px; list-style: none; overflow: hidden; z-index: 0; }
.precart ol.aansluitingen li { position: relative; width: 494px; border: 1px solid #ccccc7; border-top: 0px; display: block; float: left; clear: both; }
.precart ol.aansluitingen li:hover { z-index: 2; cursor: pointer; }
.precart ol.aansluitingen li.active { background: url(afbeeldingen/bg-precart-aansluitingen-actief.gif) no-repeat left bottom; z-index: 2; }
.precart ol.aansluitingen li.active ul { display: block; }
.precart ol.aansluitingen li:hover.active { cursor: default; }
.precart ol.aansluitingen li .naam { height: 26px; font-size: 10px; line-height: 26px; display: block; overflow: hidden; }
.precart ol.aansluitingen li .naam span { padding-left: 55px; width: 110px; font-weight: bold; display: block; float: left; }
.precart ol.aansluitingen li .naam strong { font-weight: bold; float: left; }
.precart ol.aansluitingen li span.naam { background: url(afbeeldingen/bg-precart-aansluiting-plusmin.gif) no-repeat 0px 0px; }
.precart ol.aansluitingen li a.naam { color: #000; text-decoration: none; background: url(afbeeldingen/bg-precart-aansluiting-plusmin.gif) no-repeat 0px -52px; }
.precart ol.aansluitingen li a:hover.naam { color: #ff7200; text-decoration: none; background: url(afbeeldingen/bg-precart-aansluiting-plusmin.gif) no-repeat 0px -26px; cursor: pointer; }
.precart ol.aansluitingen li a.naam span, .precart ol.aansluitingen li a.naam strong { font-weight: normal; cursor: pointer; }
.precart ol.aansluitingen li ul { padding: 5px 0px 7px 55px; list-style: none; display: none; overflow: hidden; }
.precart ol.aansluitingen li ul li { margin: 0px; border: 0px; display: block; }
.precart ol.aansluitingen li ul li:hover { border: 0px; background: none; cursor: default; }
.precart ol.aansluitingen li ul li span { width: 110px; height: 15px; font-size: 9px; line-height: 15px; display: block; float: left; }
.precart ol.aansluitingen li ul li ul { padding: 0px; width: 329px; display: block; float: left; }
.precart ol.aansluitingen li ul li ul li { padding-bottom: 3px; width: 329px; height: 15px; font-size: 9px; line-height: 15px; display: block; overflow: hidden; }
.precart ol.aansluitingen li ul li ul li span { height: 15px; width: 295px; font-size: 9px; line-height: 15px; display: block; float: left; }
.precart ol.aansluitingen li ul li ul li a { padding-right: 1px; margin-right: 5px; width: 16px; height: 16px; text-indent: -9999px; background: url(afbeeldingen/icon-delete.png) no-repeat center center; float: right; }

.precart .item { padding-bottom: 5px; margin-bottom: 15px; width: 496px; border-bottom: 2px solid #ccc; }
.precart .item h2 { margin-bottom: 5px; }
.precart .item dl { overflow: hidden; clear: both; }
.precart .item dl dt { padding-left: 3px; width: 117px; font-size: 9px; line-height: 16px; color: #000; display: block; float: left; }
.precart .item dl dd { padding-right: 3px; width: 373px;  font-size: 9px; line-height: 16px; color: #000; display: block; float: right; }
.precart .item-extra { padding: 5px 0px; margin: -15px 0px 15px 0px; width: 720px; border-bottom: 2px solid #FF7200; overflow: hidden; } 
.precart .item-extra dl { overflow: hidden; clear: both; }
.precart .item-extra dl dt { padding-left: 3px; width: 97px; font-size: 9px; line-height: 16px; color: #FF7200; display: block; float: left; }
.precart .item-extra dl dd { position: relative; padding-right: 3px; width: 617px; font-size: 9px; line-height: 16px; color: #000; display: block; float: right; }
.precart .item-extra dl dd a { position: absolute; top: 2px; left: 380px; width: 76px; height: 14px; background: url(afbeeldingen/bg-precart-delete.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }
.precart .item-extra dl dd a:hover { background: url(afbeeldingen/bg-precart-delete.gif) no-repeat 0px -14px; }
.precart .number { margin: 5px 0px 15px 0px; width: 718px; border-bottom: 1px solid #ff7200; display: block; }
.precart .number .h3-onderselect span { padding: 0px 10px 0px 60px; height: 40px; font-size: 11px; background: url(afbeeldingen/h3-onderselect.gif) no-repeat 8px center; border: 1px solid #fff; border-top: none; display: block; }
.precart .number div { padding: 9px; padding-bottom: 0px; width: 698px; border-left: 1px solid #ff7200; border-right: 1px solid #ff7200; display: block; overflow: hidden; }
.precart .number div div { padding: 0px; width: auto; border: 0px; }
.precart .number div label { padding-right: 10px; width: 180px; font-family: Arial, Verdana; font-size: 11px; font-weight: bold; line-height: 20px; text-align: right; float: left; }
.precart .number div p { padding: 0px 0px 0px 24px; height: 20px; font-family: Arial, Verdana; font-size: 11px; font-weight: normal; line-height: 20px; background: none; float: left; }
.precart .number div strong { font-family: Arial, Verdana; font-size: 11px; font-weight: bold; line-height: 20px; float: left; } 
.precart .number div select { margin-left: 24px; width: 160px; font-family: Arial, Verdana; font-size: 11px; line-height: 20px; float: left; }
.precart .number div input { padding: 1px 3px; margin-left: 5px; width: 150px; font-family: Arial, Verdana; font-size: 11px; float: left; }
.precart .number div img { padding: 0px 0px 0px 5px; margin-top: -5px; float: left; }
.precart .number span { padding: 9px 9px 9px 26px; font-family: Arial, Verdana; font-size: 10px; background: url(afbeeldingen/icon-validation-required.gif) no-repeat 14px 0px; border-left: 1px solid #ff7200; border-right: 1px solid #ff7200; display: block; }

.precart .extra { margin-bottom: 15px; width: 718px; background-color: #fff; border: 1px solid #ff7200; }
.precart .extra h3 { border-bottom: 1px solid #fff; }
.precart .extra .h3-onderselect { border-right: none; border-left: none; }
.precart .extra .h3-onderselect span { padding: 0px 10px 0px 60px; height: 40px; font-size: 11px; background: url(afbeeldingen/h3-onderselect.gif) no-repeat 8px center; border: 1px solid #fff; border-top: none; display: block; }
.precart .extra div { padding: 9px 9px 0px 9px; width: 700px; overflow: hidden; }
.precart .extra div label { padding-right: 10px; width: 180px; font-family: Arial, Verdana; font-size: 11px; font-weight: bold; line-height: 20px; text-align: right; float: left; }
.precart .extra div p { padding: 0px 0px 0px 24px; height: 20px; font-family: Arial, Verdana; font-size: 11px; font-weight: normal; line-height: 20px; background: none; float: left; }
.precart .extra dl { padding: 9px; width: 700px; overflow: hidden; display: block; }
.precart .extra dl dt { padding-right: 10px; width: 180px; font-family: Arial, Verdana; font-size: 11px; font-weight: bold; line-height: 20px; text-align: right; float: left; } 
.precart .extra dl dd { padding: 0px 0px 0px 24px; width: 486px; font-family: Arial, Verdana; font-size: 11px; font-weight: normal; line-height: 20px; background: none; overflow: hidden; float: right; }
.precart .extra dl dd span { width: 400px; display: block; float: left; }
.precart .extra dl dd a { width: 76px; height: 20px; color: #000; text-decoration: none; background: url(afbeeldingen/bg-precart-delete.gif) no-repeat right center; text-indent: -9999px; display: block; float: right; }
.precart .extra dl dd a:hover { background: url(afbeeldingen/bg-precart-delete-hover.gif) no-repeat right center; }
.precart table.bundel { margin-top: -15px; margin-bottom: 15px; width: 496px; border-collapse: collapse; }
.precart table.bundel tr.space th { height: 18px; background: none; border: none; }
.precart table.bundel tr.vormtitel th { padding: 1px 0px 1px 9px; font-size: 10px; color: #fff; line-height: 18px; text-align: left; background-color: #ccccc7; border: none; border-bottom: 1px solid #fff; }

.precart table.bundel td.toevoegen { background-color: #F4F4F4; border-right: none; }

.precart table.bundel { margin-bottom: 10px; }
.precart table.bundel td { border-bottom: 1px solid #9C9C9C; }
.precart table.bundel td.toevoegen a { height: 16px; text-indent: -9999px; background: url(afbeeldingen/icon-add.png) no-repeat center center; display: block; }



.precart a.btnGaVerder, .precart a.btnNaarWinkelMand { padding: 0px 15px; font-size: 11px; line-height: 32px; color: #fff; text-decoration: none; font-weight: bold; background-color: #E20026; border: 1px solid #9C9C9C; float: right; }
.precart a:hover.btnGaVerder, .precart a:hover.btnNaarWinkelMand { text-decoration: underline; color: #fff; border-color: #E20026; background-color: #E20026; }

/* WINKELMAND */
.cart { display: block; }
.cart h2 { padding-bottom: 10px; font-size: 110%; }
.cart table.content { margin: 10px 0px; font-family: Arial, Verdana; font-size: 11px; width: 496px; text-align: center; border-collapse: collapse; border: none; }
.cart table.content col.quantity { width: 45px; }
.cart table.content col.image { width: 48px; }
.cart table.content col.item { width: 422px; }
.cart table.content col.price { width: 85px; }
.cart table.content col.pricetotal { width: 65px; }
.cart table.content col.edit { width: 55px; }
.cart table.content col.delete { width: 35px; }
.cart table.content thead th { padding: 5px 0px; font-size: 10px; font-weight: normal; text-align: center; border-right: 1px solid #9C9C9C; background-color: #fff; }
.cart table.content thead th.delete { border-right: none; }
.cart table.content tfoot td { padding: 0px; height: 33px; font-size: 11px; font-weight: bold; text-transform: uppercase; border-top: 2px solid #E20026; border-bottom: 2px solid #E20026; border-left: none; }
.cart table.content tfoot td.item { text-align: right; }
.cart table.content tbody tr.item td { padding: 0px; height: 24px; background-color: #EFEFEF; border-top: 2px solid #E20026; border-right: 1px solid #9C9C9C; border-left: none; vertical-align: middle; }
.cart table.content tbody tr.item td.item { padding-left: 7px; font-weight: bold; text-align: left; }
.cart table.content tbody tr.item td.pricetotal { font-weight: bold; }
.cart table.content tbody tr.item td.delete { border-right: none; }
.cart table.content tbody tr td { padding: 10px 0px; font-size: 11px; background-color: #fff; border: none; border-right: 1px solid #9C9C9C; border-left: none; vertical-align: top; }
.cart table.content tbody tr td.quantity select { font-family: Arial, Verdana; font-size: 11px; }
.cart table.content tbody tr td.image { padding: 0px; border-right: none; border-left: none; }
.cart table.content tbody tr td.image img { border: none; }
.cart table.content tbody tr td.image img.artikel { width: 26px; height: 34px; }
.cart table.content tbody tr td.image img.provider { padding-top: 10px; width: 45px; height: 13px; }
.cart table.content tbody tr td.item { padding-left: 7px; text-align: left; border-left: none; }
.cart table.content tbody tr td.item p { padding: 0px; margin: 0px; font-size: 10px; }
.cart table.content tbody tr td.item ul { padding-top: 3px; font-size: 10px; list-style: none; }
.cart table.content tbody tr td.item ul li { position: relative; padding: 0px 0px 3px 0px; line-height: 16px; }
.cart table.content tbody tr td.item ul li.inclusief { color: #848484; font-weight: bold; }
.cart table.content tbody tr td.item ul li.exclusief { color: #000; font-weight: bold; }
.cart table.content tbody tr td.item ul li ul { padding: 0px; }
.cart table.content tbody tr td.item ul li ul li { position: relative; padding: 0px; font-size: 10px; color: #848484; font-weight: normal; line-height: 17px; }
.cart table.content tbody tr td.item ul li ul li a.delete { position: absolute; top: 1px; left: 380px; width: 16px; height: 16px; text-indent: -9999px; background: url(afbeeldingen/icon-delete.png) no-repeat center center; display: block; }
.cart table.content tbody tr td.edit a { width: 55px; height: 28px; text-indent: -9999px; background: url(afbeeldingen/icon-wrench.png) no-repeat center center; display: block; }
.cart table.content tbody tr td.delete { border-right: none; border-left: none; }
.cart table.content tbody tr td.delete a { width: 35px; height: 28px; text-indent: -9999px; background: url(afbeeldingen/icon-delete.png) no-repeat center center; display: block; }

/* WINKELMAND - KLANTGEGEVENS */
.cart .customerdata { display: block; }
.cart .customerdata p { padding: 0px 9px; margin: 0px; height: 18px; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #dedede; border-bottom: 1px solid #fff; } 
.cart .customerdata div { width: 496px; height: 28px; display: block; overflow: hidden; border-bottom: 1px solid #EFEFEF; }
.cart .customerdata div label { padding-left: 9px; width: 201px; font-family: Arial, Verdana; font-size: 11px; line-height: 28px; display: block; float: left; }
.cart .customerdata div div.field { width: 250px; height: 28px; display: block; float: left; }
.cart .customerdata div div.field input { padding: 1px 2px; margin: 3px 0px 4px 0px; width: 233px; height: 14px; font-family: Arial, Verdana; font-size: 11px; display: block; }
.cart .customerdata div div.field input.small { margin: 3px 0px; width: 70px; float: left; }
.cart .customerdata div div.field .checkbox input { padding: 0px; margin: 7px 0px 0px 0px; width: 16px; border: none; float: left; }
.cart .customerdata div div.field select { margin: 4px 0px; width: 241px; font-family: Arial, Verdana; font-size: 11px; display: block; }
.cart .customerdata div div.field select.small { width: 78px; float: left; }
.cart .customerdata div div.field label { width: 76px; float: left; }
.cart .customerdata div div.comment { position: relative; padding: 0px 0px 0px 10px; width: 0px; height: 28px; font-family: Arial, Verdana; font-size: 9px; color: #000; border: none; float: left; overflow: hidden; display: block; }
.cart .customerdata div div.comment table { margin: 0px; border: none; }
.cart .customerdata div div.comment table td { padding: 0px; height: 28px; text-align: left; line-height: 10px; border: none; vertical-align: middle; }
.cart .customerdata div div.comment img { position: absolute; top: 0px; left: 0px; }
.cart .customerdata div.required { padding: 0px 260px 0px 210px; width: 250px; font-family: Arial, Verdana; font-size: 11px; line-height: 28px; }
.cart .customerdata div.required:hover { background: none; }
.cart .customerdata div.required span { width: 14px; background: url(afbeeldingen/icon-validation-required.gif) no-repeat 0px center; text-indent: -9999px; display: block; float: left; }

.cart .customerdata div.nieuwsbrief { display: none; }

.cart .customerdata div.nieuwsbrief p { padding: 0px 0px 0px 9px; width: 201px; font-family: Arial, Verdana; font-size: 11px; line-height: 28px; background: none; border: 0px; display: block; float: left;	}
.cart .customerdata div.nieuwsbrief div.field { width: 256px; }
.cart .customerdata div.nieuwsbrief div.field label { padding-left: 10px; width: auto; cursor: pointer; }
.cart .customerdata div.opmerking { height: 100px; }
.cart .customerdata div.opmerking div.field { height: 100px; }
.cart .customerdata div.opmerking div.field textarea { padding: 1px 2px; margin: 3px 0px 4px 0px; width: 235px; height: 100px; font-family: Arial, Verdana; font-size: 11px; display: block; } 

/*.cart .paymentdata { padding-bottom: 15px; display: block; overflow: hidden; }
.cart .paymentdata p { padding: 0px 9px; margin: 0px; height: 18px; color: #FFF; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #9C9C9C; border-bottom: 1px solid #fff; } 
.cart .paymentdata div { width: 220px; float: left; }
.cart .paymentdata div ul { list-style: none; }
.cart .paymentdata div ul li { position: relative; height: 35px; }
.cart .paymentdata div ul li label { padding-left: 30px; width: 150px; height: 35px; font-size: 11px; line-height: 35px; cursor: pointer; }
.cart .paymentdata div ul li input { position: absolute; left: 3px; top: 10px; cursor: pointer; }
.cart .paymentdata div.voordelen { width: 316px; }
.cart .paymentdata div.voordelen div { padding-right: 40px; width: 276px; }
.cart .paymentdata div.voordelen ul li { padding-top: 13px; height: 22px; font-size: 9px; line-height: 11px; }
*/
.cart .paymentdata p { padding: 0px 9px; margin: 0px; height: 18px; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #dedede; border-bottom: 1px solid #fff; } 
.cart .paymentdata ul { margin: 10px 0px; list-style: none; display: block; overflow: hidden; }
.cart .paymentdata ul li { position: relative; margin-bottom: 5px; width: 224px; height: 27px; display: block; float: left; }
.cart .paymentdata ul li label { position: relative; padding: 0px 0px 0px 40px; width: 184px; height: 27px; font-size: 10px; line-height: 24px; text-align: right; background: url(afbeeldingen/cart-payment-label.gif) no-repeat right 0px; display: block; z-index: 1; cursor: pointer; }
.cart .paymentdata ul li .active label { background: url(afbeeldingen/cart-payment-label.gif) no-repeat right -27px; display: block; }
.cart .paymentdata ul li label span { position: absolute; top: 0px; left: 0px; padding: 0px 0px 0px 40px; width: 184px; color: #BABABA; display: block; }
.cart .paymentdata ul li label strong { position: absolute; top: 0px; left: 40px; height: 27px; display: block; }
.cart .paymentdata ul li input { position: relative; top: -24px; left: 10px; z-index: 0;  }

.cart .paymentdata ul li.ctl00_cphContent_ctl01_rgBW_0 { padding-right: 28px; background: url(afbeeldingen/cart-payment-icons.gif) no-repeat 0px 0px; }
.cart .paymentdata ul li.ctl00_cphContent_ctl01_rgBW_1 { background: url(afbeeldingen/cart-payment-icons.gif) no-repeat 0px -54px; }
.cart .paymentdata ul li.ctl00_cphContent_ctl01_rgBW_2 { padding-right: 28px; background: url(afbeeldingen/cart-payment-icons.gif) no-repeat 0px -27px; }
.cart .paymentdata ul li.ctl00_cphContent_ctl01_rgBW_3 { background: url(afbeeldingen/cart-payment-icons.gif) no-repeat 0px -81px; }
.cart .paymentdata ul li.ctl00_cphContent_ctl01_rgBW_4 { padding-left: 252px; background: url(afbeeldingen/cart-payment-icons.gif) no-repeat 374px -108px; }


.cart .pricedata { display: block; }
.cart .pricedata p { padding: 0px 9px; margin: 0px; height: 18px; color: #FFF; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #9C9C9C; border-bottom: 1px solid #fff; } 
.cart .pricedata table { margin: 10px 0px 20px 0px; width: 100%; font-family: Arial, Verdana; font-size: 11px; border-collapse: collapse; border: none; }
.cart .pricedata table th { padding: 0px; padding-left: 9px; height: 20px; text-align: left; font-weight: normal; background-color: #fff; border: none; } 
.cart .pricedata table td { padding: 0px; padding-right: 9px; width: 200px; height: 20px; text-align: right; border: none; }
.cart .pricedata table tr.subtotal th,
.cart .pricedata table tr.subtotal td { font-size: 11px; font-weight: bold; text-transform: uppercase; }
.cart .pricedata table tr.transport th { font-size: 11px; color: #999; }
.cart .pricedata table tr.transport td { font-size: 11px; }
.cart .pricedata table tr.administration th { font-size: 11px; padding-bottom: 10px; color: #999; }
.cart .pricedata table tr.administration td { font-size: 11px; padding-bottom: 10px; }
.cart .pricedata table tr.total th,
.cart .pricedata table tr.total td { height: 33px; color: #000; font-size: 11px; font-weight: bold; text-transform: uppercase; border-top: 2px solid #E20026; border-bottom: 2px solid #E20026; }

/* WINKELMAND - FINAL */
.cart .final { margin-bottom: 30px; display: block; }
.cart .final h2 { font-size: 110%; line-height: 120%; }
.cart .final h4 { padding-left: 9px; margin: 0px; height: 18px; font-size: 11px; color: #000; font-weight: normal; line-height: 18px; text-align: left; background-color: #c1c1c1; border-bottom: 1px solid #fff; }
.cart .final p { padding: 9px; font-size: 70%; text-align: left; }
.cart .final ul.steps { padding: 9px; list-style: disc; }
.cart .final ul.steps li { font-size: 70%; color: #000; font-weight: bold; line-height: 160%; }
.cart .final ul.steps li ul { padding: 0px; list-style: none; }
.cart .final ul.steps li ul li { font-size: 100%; color: #000; font-weight: normal; }
.cart .final ol { padding: 9px; list-style: disc; }
.cart .final ol li { font-size: 70%; font-weight: normal; line-height: 160%; }
.cart .final ol li p { padding: 0px 0px 9px 0px; font-size: 100%; }
.cart .final .line-top { border-top: 1px solid #c1c1c1; }
.cart .final .besteloverzicht { margin-bottom: 9px; background-color: #f4f4f4; border: 1px solid #c1c1c1; }
.cart .final .besteloverzicht .frame { padding-left: 9px; }
.cart .final .besteloverzicht .frame img { width: 235px; height: 50px; border: none; display: block; }
.cart .final .besteloverzicht .frame a { width: 235px; height: 50px; background: url(afbeeldingen/besteloverzicht-genereren-download.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }
.cart .final .besteloverzicht .frame a:hover { background: url(afbeeldingen/besteloverzicht-genereren-download.gif) no-repeat 0px -50px; }
.cart .final .besteloverzicht .frame a.contract {background: url(afbeeldingen/contract-genereren-download.gif) no-repeat 0px 0px; }
.cart .final .besteloverzicht .frame a.contract:hover { background: url(afbeeldingen/contract-genereren-download.gif) no-repeat 0px -50px; }

.cart .final .besteloverzicht .frame span.besteloverzicht-genereren-bezig { width: 235px; height: 50px; background: url(afbeeldingen/besteloverzicht-genereren-bezig.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }
.cart .final .besteloverzicht .frame span.contract-genereren-bezig { width: 235px; height: 50px; background: url(afbeeldingen/contract-genereren-bezig.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }
.cart .final .besteloverzicht .frame span.contract-genereren-mislukt { width: 235px; height: 50px; background: url(afbeeldingen/contract-genereren-mislukt.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }

.cart .final table { border-bottom: 0px; }
.cart .final table th { padding: 0px 9px; width: 180px; font-size: 100%; background-color: #fff; border: none; text-align: left; }
.cart .final table td { background-color: #fff; border: none; text-align: left; }

.cart a.btnNaarStap2, .cart a.btnAfronden { padding: 0px 15px; font-size: 11px; line-height: 32px; color: #fff; text-decoration: none; font-weight: bold; background-color: #E20026; border: 1px solid #9C9C9C; float: right; }
.cart a.btnNaarStap2:hover, .cart a.btnAfronden:hover { text-decoration: underline; color: #fff; border-color: #E20026; background-color: #E20026; }
.cart a.btnVerderWinkelen { padding: 0px 15px; font-size: 11px; line-height: 32px; color: #000; text-decoration: none; font-weight: normal; background-color: #EFEFEF; border: 1px solid #9C9C9C; float: left; }
.cart a.btnVerderWinkelen:hover { text-decoration: underline; color: #000; border-color: #9C9C9C; background-color: #EFEFEF; }

/* iDEAL */
.ideal-mislukt { padding: 1px; background-color: #fff; border: 1px solid #FF7300; display: block; }
.ideal-mislukt p { padding: 0px 0px 0px 60px; color: Red; line-height: 40px; background: #FFEFE7 url(afbeeldingen/ideal-mislukt.gif) no-repeat 0px 0px; display: block; }

.ideal-onzeker { padding: 1px; background-color: #fff; border: 1px solid #FF7300; display: block; }
.ideal-onzeker p { padding: 10px 5px; background-color: #DEDEDE; display: block; }

/* WIZARD */
#wizard { position: relative; padding: 29px 0px 15px 0px; width: 496px; }
#wizard .headsteps { position: absolute; top: 0px; left: 0px; padding: 0px 5px; overflow: hidden; }
#wizard .headsteps p { padding: 0px 5px; margin: 3px 0px 0px -1px; color: #666; font-size: 11px; line-height: 25px; border: 1px solid #ccc; float: left; }
#wizard ul { width: 494px; border: 1px solid #ccc; overflow: hidden; }
#wizard ul li { padding: 0px 5px; color: #666; font-size: 11px; line-height: 28px; display: block; float: left; }
#wizard ul li p { margin: 0px; font-size: 11px; line-height: 28px; }
#wizard ul li.active { color: #000; font-weight: bold; }
#wizard ul li a { color: #666; font-weight: normal; text-decoration: underline; }
#wizard ul li a:hover { text-decoration: none; }
#wizard .headsteps p.step1 { margin-top: 0px; height: 28px; color: #000; font-weight: bold; line-height: 28px; border-bottom: 1px solid #fff; } 
.precart #wizard .headsteps p.step2, .cart #wizard .headsteps p.step3 { margin-top: 0px; height: 28px; color: #000; font-weight: bold; line-height: 28px; border-bottom: 1px solid #fff; }
.precart #wizard .headsteps p.step1, .cart #wizard .headsteps p.step1 { margin-top: 3px; height: 25px; color: #666; font-weight: normal; line-height: 25px; border-bottom: 1px solid #ccc; }

.wizard-placeholder { height: 90px; display: block; }

/* ORDERSTATUS */
.orderstatus { padding: 1px; margin: 5px 0px 15px 0px; width: 492px; border: 1px solid #9C9C9C; display: block; overflow: hidden; }
.orderstatus p { padding: 0px 9px; margin: 0px; height: 18px; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #dedede; } 
.orderstatus div { padding: 35px 0px 0px 0px; height: 95px; }
.orderstatus div.label { padding: 0px 0px 0px 40px; height: 30px; overflow: hidden; background: none; }
.orderstatus div.label label { padding-right: 10px; width: 120px; font-size: 70%; line-height: 30px; text-align: right; float: left; display: block; }
.orderstatus div.label input { padding: 1px 3px; margin-top: 5px; width: 150px; font-family: Arial, Verdana; font-size: 11px; float: left; }
.orderstatus div.label span { padding-left: 130px; font-size: 60%; line-height: 30px; font-weight: bold; }
.orderstatustabel th.datum { border-left: 1px solid #E20026; }
.orderstatustabel th.status { text-align: left; }
.orderstatustabel td { height: 90px; min-height: 90px; vertical-align: top; }
.orderstatustabel td.datum { width: 120px; font-weight: bold; }
.orderstatustabel td.status { text-align: left; border-right: 1px solid #E20026; }

a.btnOrderStatus { padding: 0px 15px; font-size: 11px; line-height: 32px; color: #fff; text-decoration: none; font-weight: bold; background-color: #E20026; border: 1px solid #9C9C9C; float: right; }
a.btnOrderStatus:hover { text-decoration: underline; color: #fff; border-color: #E20026; background-color: #E20026; }

/* MODEL DIALOG */
#modelDialogMask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; display: none; }
#modelDialogMask { background: url(afbeeldingen/bg-modeldialog-mask.png) repeat 0px 0px; }
#modelDialogContainer { position: absolute; top: 0px; left: 0px; display: none; z-index: 110; }
#modelDialogInner { padding: 6px; background-color: #fff; overflow: hidden; display: block; }
#modelDialogTitleBar { padding: 0px 5px; margin-bottom: 1px; height: 19px; font-family: Arial, Verdana; color: #fff; background-color: #333; overflow: hidden; }
#modelDialogTitle { font-size: 11px; line-height: 19px; float: left; }
#modelDialogControls { height: 19px; font-size: 9px; color: #fff; font-weight: normal; line-height: 19px; cursor: pointer; float: right; display: block; }
#modelDialogControls a { padding-right: 15px; color: #fff; text-decoration: underline; background: url(afbeeldingen/bg-modeldialog-sluiten.gif) no-repeat right center; }
#modelDialogControls a:hover { color: #fff; text-decoration: none; }
#modelDialogContent { padding: 6px 0px; font-size: 70%; border-bottom: 2px solid #333; display: block; }
#modelDialogContent table { margin: -6px 0px; width: 388px; border: none; }
#modelDialogContent p { padding: 0px 6px 0px 6px; font-size: 100%; text-align: left; }

/* MELDING */
p.melding { margin-bottom: 15px; padding: 20px; text-align: center; border: 2px solid #c1c1c1; background-color: #f3f3f3; display: block; }

/* ERROR 404 */
.error404 { display: block; }

/* PRINT */
.print { display: none; }

/* Popup */
.popup h1,
.popup #wizard,
.popup .wizard-placeholder { display: none; }

.popup-div { margin: 30px auto; width: 496px; }