@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#advisor { float: left; position: relative; width: 255px; height: 440px; margin-top: 7px; margin-left: 15px; background: url("../images/advisor.jpg") no-repeat; }
div#wrapper div#content div#advisor img { position: absolute; right: 29px; top: 235px; }

div#wrapper div#content div#options { float: left; width: 275px; margin-left: 11px; }
div#wrapper div#content div#checkout { float: left; width: 350px; margin-top: 53px; margin-left: 32px; }

div.contentHeader { float: left; width: 255px; margin-top: 53px; background: url("../images/contentHeader.jpg") repeat-x; padding-left: 7px; }
div.contentHeader img { display: block; padding-top: 9px; }
div.contentHeader select { display: block; margin-top: 18px; }
div.contentHeader div { display: block; font-size: 14px; padding-top: 18px; }
div.contentHeader div.small { font-size: 11px; }
div.contentHeader div#sliderPrijs { display: inline; font-size: 14px; }
div.contentHeader div#sliderAbonnement { display: inline; font-size: 14px; }

div#list { float: left; width: 255px; font-size: 11px; margin-top: 22px; }
div#list div.option { float: left; position: relative; width: 255px; border-bottom: 1px solid #dcdcdc; padding-bottom: 4px; }
div#list div.option a { position: absolute; right: 0px; top: 7px; }
div#list div.option div.option_div { margin-left: 20px; margin-top: 10px; margin-bottom: 12px; font-size: 10px; }
div#list div.option input { position: relative; top: 2px; }
div#list div.option select { display: block; margin-top: 10px; margin-bottom: 10px; font-size: 10px; }

table td { vertical-align: top; font-size: 11px; }
table td div { display: inline; }

table tr#top td { background: url("../images/contentHeader.jpg") repeat-x; height: 57px; }
table tr#top td.left span { display: block; padding-top: 12px; }
table tr#top td.left img { display: block; padding-top: 9px;  }
table tr.normal td { height: 20px; vertical-align: top; }
table tr.normal.last td { height: 35px; }
table tr.header td { padding-top: 6px; background: url("../images/contentBody.jpg") repeat-x; height: 30px; }

table td.left { width: 199px; padding-left: 11px; }
table td.middle { width: 80px; line-height: 11px; padding-top: 3px; }
table td.right { width: 60px; line-height: 11px; padding-top: 3px; }

div#slider { position: relative; padding: 0px; margin-top: 20px; width: 270px; height: 24px; background: url("../images/sliderSpan.jpg") no-repeat; }
div#minimum { position: absolute; padding: 0px; top: 4px; left: 5px; color: #000; font-size: 12px; }
div#maximum { position: absolute; padding: 0px; top: 4px; right: 5px; color: #000; font-size: 12px; }
div#slider_handle { position: absolute; padding: 0px; width: 32px; height: 24px; cursor: move; background: url("../images/sliderHandle.png") no-repeat; }

.pink { color: #e20074; }