@import url("reset.css");

body { font-family: Arial, sans-serif; text-align: center; background: #dcdcdc; color: #666; }
div#wrapper { width: 960px; margin-right: auto; margin-left: auto; text-align: left; }
div#wrapper div#header { width: 960px; height: 170px; background: url("../images/header.jpg") no-repeat; }
div#wrapper div#content { position: relative; width: 960px; padding-bottom: 20px; overflow: hidden; background: url("../images/content.jpg") repeat-y; }
div#wrapper div#footer { width: 960px; min-height: 37px; background: url("../images/footer.jpg") no-repeat; }

div#wrapper div#content div#stelsamen { float: left; width: 100%; height: 35px; margin-left: 20px; background: url("../images/stelsamen.jpg") no-repeat; }
div#wrapper div#content div#advisor { float: left; width: 244px; height: 418px; margin-top: 7px; margin-left: 15px; background: url("../images/advisor.jpg") no-repeat; }

div#wrapper div#content div#options { float: left; width: 275px; margin-left: 0px; }

div#contentAbonnement { float: left; width: 283px; height: 209px; padding: 15px; margin-top: 9px; background: url("../images/abonnement.jpg") no-repeat; }
div#contentAbonnement img { display: block; margin-bottom: 15px; }
div#contentAbonnement div.text { display: block; font-size: 14px; padding-top: 14px; }
div#contentAbonnement div#sliderPrijs { display: inline; font-size: 34px; }
div#contentAbonnement div#sliderAbonnement { display: inline; color: #000; font-style: italic; }

div#contentOptions { float: left; margin-top: 15px; margin-left: 2px; width: 308px; }
div#contentOptions div#contentOptionsTop { width: 306px; height: 6px; margin-left: 2px; background: url("../images/contentLeftTop.jpg") no-repeat; }
div#contentOptions div#contentOptionsMiddle { width: 308px; overflow: hidden; background: url("../images/contentLeftMiddle.jpg") repeat-y; }
div#contentOptions div#contentOptionsBottom { width: 308px; height: 10px; background: url("../images/contentLeftBottom.jpg") no-repeat; }
div#contentOptions div.contentHeader { width: 302px; margin-left: 2px; height: 40px; background: url("../images/headers/background.jpg") repeat-x; }
div#contentOptions div.contentHeader img { margin: 10px; margin-top: 8px; }

div#list { float: left; margin-left: 2px; width: 302px; font-size: 13px; }
div#list div.option { float: left; position: relative; width: 295px; padding-left: 7px; background: url("../images/contentLeftHeader.jpg") repeat-x; padding-top: 5px; padding-bottom: 25px; }
div#list div.option a { position: absolute; right: 10px; top: 0px; }
div#list div.option div.option_div { margin-left: 26px; margin-top: 20px; margin-bottom: 12px; margin-right: 12px; font-size: 12px; }
div#list div.option input { position: relative; top: 2px; }
div#list div.option table.select { margin-top: 15px; margin-bottom: 5px; }
div#list div.option table.select input { margin: 0px; padding: 0px; }
div#list div.option table.select td { padding-left: 10px; font-size: 12px; }

div#wrapper div#content div#checkout { float: left; width: 375px; margin-top: 13px; margin-left: 36px; }
div#checkout div#contentCheckoutTop { width: 373px; height: 12px; margin-left: 2px; background: url("../images/contentRightTop.jpg") no-repeat; }
div#checkout div#contentCheckoutMiddle { width: 375px; overflow: hidden; background: url("../images/contentRightMiddle.jpg") repeat-y; }
div#checkout div#contentCheckoutBottom { width: 375px; height: 16px; background: url("../images/contentRightBottom.jpg") no-repeat; }

div#checkout table { margin-left: 2px; width: 365px; }
div#checkout table td { vertical-align: top; font-size: 12px; }
div#checkout table td.left span.pink { font-size: 14px; }
div#checkout table td div { display: inline; }
div#checkout table td a { display: block; padding-right: 5px; }

div#checkout table tr#checkoutHeader td.left { background: url("../images/contentRightHeader.jpg") no-repeat; border: 0px; }
div#checkout table tr#checkoutHeader td.middle { background: url("../images/contentRightHeader.jpg") no-repeat; background-position: -230px 0px; border: 0px; }
div#checkout table tr#checkoutHeader td.right { background: url("../images/contentRightHeader.jpg") no-repeat; background-position: -230px 0px; border: 0px; }

div#checkout table tr#top td { background: url("../images/headers/background.jpg") repeat-x; height: 37px; font-size: 12px; }
div#checkout table tr#top td.left span { display: block; }
div#checkout table tr#top td.left img { display: block; }
div#checkout table tr.normal td { height: 30px; vertical-align: top; }
div#checkout table tr.normal td.left { padding-left: 13px; }
div#checkout table tr.normal.last td { height: 35px; }
div#checkout table tr.header td { padding-top: 10px; background: url("../images/contentBody.jpg") repeat-x; height: 40px; border-top: solid 1px #cfcfcf; }

div#checkout table td.left { width: 250px; padding-left: 7px; }
div#checkout table td.middle { width: 65px; line-height: 11px; padding-top: 3px; padding-right: 7px; color: #000; font-size: 14px; }
div#checkout table td.right { width: 67px; line-height: 11px; padding-top: 3px; color: #000; font-size: 14px; }

div#bestelKnop { float: right; margin-right: 15px; }

div#slider { position: relative; padding: 0px; margin-top: 15px; padding-left: 4px; width: 277px; height: 54px; background: url("../images/sliderSpan.png") no-repeat; }
div#slider_handle { position: absolute; padding: 0px; width: 37px; height: 33px; cursor: move; background: url("../images/sliderHandle.png") no-repeat; }
div#slider_span { position: relative; height: 30px; width: 275px; padding: 0px; margin: 0px; }

.pink { color: #e20074; }
.black { color: #000; }
.italic { font-style: italic; }