* { padding: 0px; margin: 0px; }
body { font-size: 16px; font-family: Verdana, Arial; color: #000; background-color: #EEEDEC; }

/* Reset */
.hidden { display: none; }
fieldset { border: none; }
legend { display: none; }

/* Logo & Home */
.logo { display: none; }
.home { position: absolute; top: 8px; left: 33px; width: 200px; height: 53px; text-indent: -9999px; display: block; }

/* Headers */
h1 { position: absolute; top: 28px; left: 255px; width: 420px; font-size: 11px; line-height: 13px; font-weight: bold; font-style: italic; color: #fff; }
h2 { margin-bottom: 10px; font-size: 80%; color: #9e3882; line-height: 160%; border-bottom: 2px solid #9e3882; }
h3, .h3 { padding-left: 9px; margin: 0px; height: 18px; font-size: 11px; color: #fff; font-weight: bold; line-height: 18px; text-align: left; background-color: #9e3882; border-bottom: 1px solid #fff; display: block; }
h4 { overflow: hidden; }
h5 { overflow: hidden; }
h6 { overflow: hidden; }								   

/* Standard */
p { padding-bottom: 15px; font-size: 70%; line-height: 140%; }
p img { overflow: hidden; }
p img.left { overflow: hidden; }
p img.right { overflow: hidden; }
p.h3-ondertitel { padding: 0px 0px 0px 9px; margin: 0px; height: 18px; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #dedede; border-bottom: 1px solid #fff; }
p.h3-onderselect { padding: 0px; margin-bottom: 1px; font-size: 11px; line-height: 40px; font-weight: normal; background-color: #FFEDE0; border: 1px solid #9e3882; border-top: none; display: block; }
p.h3-onderselect span { padding: 0px 10px 0px 60px; height: 40px; background: url(afbeeldingen/h3-onderselect.gif) no-repeat 8px center; border: 1px solid #fff; border-top: none; display: block; }
a { color: #9e3882; text-decoration: underline; outline: none; }
a:hover { color: #000; text-decoration: underline; }
a:focus { outline: none; }
a.gototop { width: 78px; height: 16px; background: url(afbeeldingen/gototop.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; float: right; }
a.osUitloggen { font-size: 80%; color: #000; line-height: 160%; font-weight: bold; text-decoration: none; float: right; }
a.osUitloggen:hover { color: #9e3882; text-decoration: none; }

h2 a.anchor { text-decoration: none; }
h2 a.anchor:hover { color: #9e3882; 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; }

table { margin-bottom: 15px; width: 100%; border-collapse: collapse; border-bottom: 1px solid #dedede; }
table tbody { width: 100%; }
table caption { padding-left: 9px; margin: 0px; height: 18px; font-size: 11px; color: #fff; font-weight: bold; line-height: 18px; text-align: left; background-color: #9e3882; border-bottom: 1px solid #fff; }
table caption a { color: #fff; text-decoration: none; }
table caption a:hover { color: #fff; text-decoration: none; }
table tr th { padding: 5px; font-size: 9px; line-height: 11px; font-weight: normal; background-color: #dedede; border-bottom: 1px solid #dedede; border-left: 1px solid #fff; }
table tr th.left { text-align: left; border-left: none; }
table tr th.white { text-align: left;  background-color: #fff; border-right: 1px solid #dedede; border-left: none; }
table tr td { padding: 5px; font-size: 9px; line-height: 14px; font-weight: normal; text-align: center; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
table tr td.left { text-align: left; border-left: none; }
table tr td div.normalprice { position: relative; padding: 0px; width: 100%; display: block; text-align: center; }
table tr td div.normalprice span { position: absolute; top: 0px; left: 0px; width: 100%; height: 15px; background: url(afbeeldingen/normal-price-stroke.gif) no-repeat center center; display: block; }
table tr td a.info { padding-right: 24px; color: #000; text-decoration: none; background: url(afbeeldingen/button-info.gif) no-repeat right center; display: block; cursor: pointer; }
table tr td a.info:hover { background: url(afbeeldingen/button-info-hover.gif) no-repeat right center; }
table tr td a.info-button { margin: auto; width: 100%; height: 16px; text-indent: -9999px; background: url(afbeeldingen/button-info.gif) no-repeat center center; display: block; cursor: pointer;  }
table tr td a.info-button:hover { background: url(afbeeldingen/button-info-hover.gif) no-repeat center center; }
table td.order { padding: 5px 0px; background-color: #F4F4F4; }
table td.order a { margin: auto auto; width: 63px; height: 16px; background: url(afbeeldingen/button-order-small.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }
table td.order a:hover { background: url(afbeeldingen/button-order-small.gif) no-repeat 0px -16px; }
table tr.darkborder td { border-top: 1px solid #b3b3b3; }

/* Paragraaf */
.paragraaf h3 { padding: 0px; margin: 0px; color: #9e3882; font-weight: bold; background: none; border: none; }
.paragraaf ul { margin-bottom: 15px; font-size: 70%; line-height: 140%; list-style: none; }
.paragraaf ul ul { font-size: 100%; line-height: 140%; }
.paragraaf ul li { padding-left: 8px; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 0px 7px; }
.paragraaf ol { padding-left: 23px; margin-bottom: 15px; font-size: 70%; line-height: 140%; }
.paragraaf ol ul { font-size: 100%; }

/* Structure */
#wrapper { position: relative; padding-top: 120px; margin: 20px auto; width: 888px; }
#block {display: block; }
#container { width: 888px; }
#content { padding: 4px 3px 4px 0px; width: 750px; float: left; }
#sidebar { width: 134px; display: block; float: right; }
#header { position: absolute; top: 0px; left: 0px; width: 888px; height: 120px; background: url(afbeeldingen/header-bg.gif) no-repeat 0px 0px; overflow: hidden; }
#navigation { position: absolute; top: 66px; left: 0px; width: 676px; height: 54px; overflow: hidden; }
#footer { padding-top: 8px; text-align: center; background: url(afbeeldingen/footer-bg.gif) no-repeat 0px 0px; clear: both; }

/* Section */
.section { padding: 5px 15px 1px 15px; width: 720px; background: url(afbeeldingen/section.png) repeat-y 0px 0px; overflow: hidden; }
.section-top { width: 750px; height: 10px; background: url(afbeeldingen/section-top.png) no-repeat 0px 0px; }
.section-bottom { margin-bottom: 10px; width: 750px; height: 10px; background: url(afbeeldingen/section-bottom.png) no-repeat 0px 0px; }
.section-bottom-link { padding: 6px 0px 10px 0px; width: 750px; height: 20px; text-align: center; background: url(afbeeldingen/section-bottom-link.png) no-repeat 0px 0px; }
.section-bottom-link a.bestel { margin: 0px auto; width: 84px; height: 20px; text-indent: -9999px; background: url(afbeeldingen/buttons-large.gif) no-repeat -84px 0px; display: block; }
.section-bottom-link a.bestel:hover { background: url(afbeeldingen/buttons-large.gif) no-repeat -84px -20px; }

/* Navigatie */
#navigation ul { padding-bottom: 26px; width: 676px; height: 28px; font-size: 10px; list-style: none; background: url(afbeeldingen/bg-navigation.gif) no-repeat 0px bottom; overflow: hidden; display: block; }
#navigation ul li { height: 28px; text-align: center; display: block; float: left; }
#navigation ul li a { padding: 0px 15px 2px 15px; height: 26px; color: #fff; text-decoration: none; font-style: italic; font-weight: bold; line-height: 26px; display: block; background-color: #000; }
#navigation ul li a:hover { background-color: red; }
#navigation ul li.nav_1 a { padding: 0px 15px 2px 30px; width: 87px; background: url(afbeeldingen/bg-navigation-li-nav_1.gif) no-repeat 0px 0px; }
#navigation ul li.nav_1 a:hover,
#navigation ul li.nav_1.active a { background: url(afbeeldingen/bg-navigation-li-nav_1.gif) no-repeat 0px -28px; }
#navigation ul li.nav_2 a { width: 117px; background: url(afbeeldingen/bg-navigation-li-nav_2.gif) no-repeat 0px 0px; }
#navigation ul li.nav_2 a:hover,
#navigation ul li.nav_2.active a { background: url(afbeeldingen/bg-navigation-li-nav_2.gif) no-repeat 0px -28px; }
#navigation ul li.nav_3 a { width: 60px; background: url(afbeeldingen/bg-navigation-li-nav_3.gif) no-repeat 0px 0px; }
#navigation ul li.nav_3 a:hover,
#navigation ul li.nav_3.active a { background: url(afbeeldingen/bg-navigation-li-nav_3.gif) no-repeat 0px -28px; }
#navigation ul li.nav_4 a { width: 70px; background: url(afbeeldingen/bg-navigation-li-nav_4.gif) no-repeat 0px 0px; }
#navigation ul li.nav_4 a:hover,
#navigation ul li.nav_4.active a { background: url(afbeeldingen/bg-navigation-li-nav_4.gif) no-repeat 0px -28px; }
#navigation ul li.nav_5 a { width: 66px; background: url(afbeeldingen/bg-navigation-li-nav_5.gif) no-repeat 0px 0px; }
#navigation ul li.nav_5 a:hover,
#navigation ul li.nav_5.active a { background: url(afbeeldingen/bg-navigation-li-nav_5.gif) no-repeat 0px -28px; }
#navigation ul li.nav_6 a { padding: 0px 45px 2px 15px; width: 51px; background: url(afbeeldingen/bg-navigation-li-nav_6.gif) no-repeat 0px 0px; }
#navigation ul li.nav_6 a:hover,
#navigation ul li.nav_6.active a { background: url(afbeeldingen/bg-navigation-li-nav_6.gif) no-repeat 0px -28px; }
#navigation ul li ul { position: absolute; top: 28px; left: 0px; padding: 0px 0px 0px 30px; font-size: 9px; text-align: center; background: url(afbeeldingen/bg-navigation-ul-li-ul.gif) no-repeat 0px 0px;  }
#navigation ul li ul li { width: auto; display: block; }
#navigation ul li.nav_1 ul li a, #navigation ul li.nav_1 ul li a:hover, #navigation ul li.nav_1.active ul li a,
#navigation ul li.nav_2 ul li a, #navigation ul li.nav_2 ul li a:hover, #navigation ul li.nav_2.active ul li a,
#navigation ul li.nav_3 ul li a, #navigation ul li.nav_3 ul li a:hover, #navigation ul li.nav_3.active ul li a,
#navigation ul li.nav_4 ul li a, #navigation ul li.nav_4 ul li a:hover, #navigation ul li.nav_4.active ul li a,
#navigation ul li.nav_5 ul li a, #navigation ul li.nav_5 ul li a:hover, #navigation ul li.nav_5.active ul li a,
#navigation ul li.nav_6 ul li a, #navigation ul li.nav_6 ul li a:hover, #navigation ul li.nav_6.active ul li a { padding: 0px 15px 0px 16px; height: 21px; width: auto; line-height: 21px; background: url(afbeeldingen/bg-navigation-ul-li-ul-a.gif) no-repeat 0px 0px; display: block; }
#navigation ul li.nav_1 ul li.nav_1 a, #navigation ul li.nav_1 ul li.nav_1 a:hover, #navigation ul li.nav_1.active ul li.nav_1 a,
#navigation ul li.nav_2 ul li.nav_1 a, #navigation ul li.nav_2 ul li.nav_1 a:hover, #navigation ul li.nav_2.active ul li.nav_1 a,
#navigation ul li.nav_3 ul li.nav_1 a, #navigation ul li.nav_3 ul li.nav_1 a:hover, #navigation ul li.nav_3.active ul li.nav_1 a,
#navigation ul li.nav_4 ul li.nav_1 a, #navigation ul li.nav_4 ul li.nav_1 a:hover, #navigation ul li.nav_4.active ul li.nav_1 a,
#navigation ul li.nav_5 ul li.nav_1 a, #navigation ul li.nav_5 ul li.nav_1 a:hover, #navigation ul li.nav_5.active ul li.nav_1 a,
#navigation ul li.nav_6 ul li.nav_1 a, #navigation ul li.nav_6 ul li.nav_1 a:hover, #navigation ul li.nav_6.active ul li.nav_1 a { padding: 0px 15px; background: none; }
#navigation ul li ul li a:hover { text-decoration: underline; }
#navigation ul li ul { display: none; }
#navigation ul li.active ul { display: block; }

/* Sidebar */
#sidebar ul { padding-bottom: 5px; list-style: none; overflow: hidden; }
#sidebar ul li { padding-bottom: 5px; display: block; }
#sidebar ul li a { width: 102px; height: 21px; text-indent: -9999px; display: block; }
#sidebar ul li.infobtn a { background: url(afbeeldingen/sidebar-informatie.gif) no-repeat 0px 0px; }
#sidebar ul li.infobtn a:hover { background: url(afbeeldingen/sidebar-informatie.gif) no-repeat 0px -21px; }
#sidebar ul li.contactbtn a { background: url(afbeeldingen/sidebar-contact.gif) no-repeat 0px 0px; }
#sidebar ul li.contactbtn a:hover { background: url(afbeeldingen/sidebar-contact.gif) no-repeat 0px -21px; }
#sidebar .service { padding: 0px 0px 68px 0px; background: url(afbeeldingen/sidebar-service.gif) no-repeat 0px bottom; }
#sidebar .service h3 { padding: 8px 0px 0px 0px; height: 12px; color: #9e3882; font-size: 9px; text-align: center; line-height: 12px; font-style: italic; background: url(afbeeldingen/sidebar-line.gif) no-repeat 0px top; border: none; }
#sidebar .service p { padding: 5px 0px 10px 0px; margin: 0px; font-size: 9px; color: #666; text-align: center; }
#sidebar .service address { font-size: 11px; font-weight: bold; font-style: italic; color: #9e3882; text-align: center; }
#sidebar .service address span { font-size: 9px; font-weight: bold; font-style: normal; color: #666; text-transform: uppercase; display: block; }
#sidebar .update { padding: 6px 0px 8px 0px; margin: 0px; font-size: 9px; color: #9e3882; line-height: 11px; text-align: center; background: url(afbeeldingen/sidebar-line.gif) no-repeat 0px bottom; }
#sidebar .update span { color: #606060; display: block; }
#sidebar .qshops{padding: 6px 0px 6px 35px; width: 65px; height: 32px; text-indent: -9999px; border: none; background: url(afbeeldingen/QShops_65x32.png) no-repeat center center; display: block; }


#sidebar .sidebar-content { margin-bottom: 10px; padding: 0px 19px 10px 13px; width: 102px; background: url(afbeeldingen/sidebar-bg.gif) no-repeat 0px bottom; display: block; }
#sidebar .sidebar-banner { padding: 0px 10px 10px 4px; width: 120px; display: block; }


/* Winkelmand */
#cart { position: absolute; top: 17px; right: 15px; width: 188px; height: 76px; background: url(afbeeldingen/cart-bg.gif) no-repeat 0px 0px; }
#cart p { padding: 22px 10px 0px 35px; margin: 0px; font-size: 10px; line-height: 13px; text-align: center; }
#cart a { position: absolute; top: 55px; left: 48px; width: 116px; height: 25px; text-indent: -9999px; background: url(afbeeldingen/cart-bg-link.gif) no-repeat 0px 0px; }
#cart a:hover { background: url(afbeeldingen/cart-bg-link.gif) no-repeat 0px -25px; }
#cart a.icon { position: absolute; top: 15px; left: 0px; width: 44px; height: 44px; text-indent: -9999px;  background: url(afbeeldingen/cart-bg-link-icon.gif) no-repeat 0px 0px; }
#cart a.icon:hover { background: url(afbeeldingen/cart-bg-link-icon.gif) no-repeat 0px -44px; }

/* Footer */
#footer p { font-size: 9px; color: #9e3882; display: inline; }
#footer ul { font-size: 9px; color: #9e3882; display: inline; }
#footer ul li { padding-left: 5px; list-style: disc; display: inline; white-space: nowrap; }

/* Aanbieding */
.aanbieding { position: relative; padding: 0px; margin-bottom: 10px; width: 250px; height: 322px; background: url(afbeeldingen/aanbieding.png) no-repeat 0px 0px; float: left; display: block; z-index: 1; }
.aanbieding h2 { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; width: 250px; height: 322px; color: #fff; text-decoration: none; background: none; border: 0px; display: block; z-index: 5; }
.aanbieding h2 a { padding: 6px 15px 0px 15px; width: 220px; height: 316px; font-size: 11px; line-height: 14px; color: #fff; text-decoration: none; font-weight: normal; background: url(afbeeldingen/aanbieding-info.png) no-repeat left bottom; display: block; }
.aanbieding h2 a:hover { text-decoration: underline; background: url(afbeeldingen/aanbieding-info-hover.png) no-repeat left bottom; }

.aanbieding h2 a span { display: table; width: 220px; height: 28px; cursor: pointer; }
.aanbieding h2 a span span { display: table-cell; vertical-align: middle; }
.aanbieding h2 a span span span { width: 220px; height: auto; }
.aanbieding h2 a:hover span span span { text-decoration: underline; }

.aanbieding ul { position: relative; padding: 212px 5px 38px 5px; height: 72px; font-size: 60%; line-height: 140%; color: #606060; list-style: none; overflow: hidden; display: block; z-index: 2; }
.aanbieding ul li { padding: 0px 10px 0px 20px; color: #606060; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 10px 6px; }
.aanbieding ul li.afbeelding { position: absolute; top: 46px; left: 6px; padding: 0px; width: 236px; height: 160px; background: none; display: block; z-index: 3; }
.aanbieding ul li.provider { position: absolute; top: 182px; left: 168px; padding: 0px; width: 70px; height: 20px; background: none; display: block; z-index: 4; }
.aanbieding .bestel { position: absolute; bottom: 13px; right: 30px; padding: 0px; width: 84px; height: 20px; background: none; display: block; z-index: 6; }
.aanbieding .bestel a { width: 84px; height: 20px; text-indent: -9999px; background: url(afbeeldingen/buttons-large.gif) no-repeat -84px 0px; display: block; }
.aanbieding .bestel a:hover {  background: url(afbeeldingen/buttons-large.gif) no-repeat -84px -20px; }

/* Aanbieding Detail */
.aanbieding-detail { display: block; overflow: hidden; }
.aanbieding-detail .content { padding-left: 12px; width: 473px; float: right; }
.aanbieding-detail .content h3 { padding: 0px; margin-bottom: 5px; color: #9e3882; font-weight: bold; background: none; border-bottom: 1px solid #9e3882; }
.aanbieding-detail .content ul { padding-bottom: 15px; width: 473px; font-family: Arial, Verdana; font-size: 70%; color: #606060; font-weight: bold; line-height: 140%; list-style: none; overflow: hidden; }
.aanbieding-detail .content ul li { width: 473px; float: left; }
.aanbieding-detail .content ul li ul { padding-bottom: 0px; width: 473px; font-size: 100%; font-weight: normal; }
.aanbieding-detail .content ul li ul li { padding-bottom: 0px; padding-left: 10px; width: 463px; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 0px 6px; float: none; }
.aanbieding-detail .content ul li ul li ul.bijzetabonnement li { padding: 0px; font-weight: bold; background: none; }
.aanbieding-detail .content ul li ul li ul.bijzetabonnement li ul li { padding-left: 10px; font-weight: normal; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 0px 6px; }
.aanbieding-detail .content ul li.small { padding-right: 10px; width: 226px; }
.aanbieding-detail .content ul li.small ul { width: 226px; }
.aanbieding-detail .content ul li.small ul li { width: 216px; }
.aanbieding-detail .content ul.standard li { padding-bottom: 0px; padding-left: 10px; width: 466px; font-weight: normal; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 0px 6px; float: none; }
.aanbieding-detail .extra { width: 235px; float: left; }
.aanbieding-detail .extra img.image { padding-bottom: 4px; display: block; }
.aanbieding-detail .extra .date { padding-bottom: 4px; overflow: hidden; }
.aanbieding-detail .extra .date img { width: 70px; height: 20px; display: block; float: left; }
.aanbieding-detail .extra .date p { padding: 0px; width: 165px; height: 20px; font-family: Arial; font-size: 60%; color: #c6c6c6; line-height: 20px; text-align: right; display: block; float: right; }
.aanbieding-detail .extra .price { margin: 20px 0px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; display: block; overflow: hidden; }
.aanbieding-detail .extra .price p { padding: 0px; width: 135px; height: 32px; font-size: 70%; line-height: 32px; color: #000; float: left; }
.aanbieding-detail .extra .price span { width: 100px; font-size: 80%; line-height: 32px; font-weight: bold; text-align: right; display: block; float: right; }

/* SIM Only blok */
.simonlyblok { width: 750px; display: block; overflow: hidden; }
.simonlyblok a { display: block; float: left; }

/* Artikel */
ul.artikels { list-style: none; overflow: hidden; }
ul.artikels li { width: 100px; background-color: #f3f3f3; border: 10px solid #fff; float: left; }
ul.artikels li a { width: 100px; height: 30px; font-size: 10px; line-height: 14px; text-align: center; display: block; }
ul.artikels li ul { list-style: none; }
ul.artikels li ul li { border: none; float: none; }
ul.artikels li ul li a { height: auto; }
ul.artikels li ul li a img { padding: 5px 0px; text-align: center; border: none; display: block; }
ul.artikels li ul li ins { width: 100px; font-size: 9px; text-align: center; display: block; }

/* Banner */
.banner { margin-bottom: 10px; border: none; }

/* Tarieven */
.tarieven-extra { font-size: 60%; line-height: 160%; }
.tarieven-extra ul { margin-bottom: 15px; list-style: none; }
.tarieven-extra ul li { padding-left: 10px; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 0px 6px; } 

/* Artikel Detail */
.artikel-detail-placeholder { position: relative; }
.artikel-detail { position: absolute; top: 0px; left: 0px; width: 720px; margin-bottom: 15px; display: block; overflow: hidden; }
.artikel-detail .text { position: relative; padding-left: 12px; width: 423px; height: 243px; float: right; }
.artikel-detail .text h3 { margin-bottom: 9px; }
.artikel-detail .lees_verder {position:absolute; left:12px; top: 155px; font-size:11px;}
.artikel-detail ul.prices { position: absolute; right: 0px; bottom: 0px; width: 423px; border-top: 1px solid #E0E0E0; list-style: none; display: block; overflow: hidden; }
.artikel-detail ul.prices li { width: 423px; height: 32px; border-bottom: 1px solid #E0E0E0; display: block; overflow: hidden; float: left; }
.artikel-detail ul.prices li span { width: 195px; height: 32px; font-size: 60%; line-height: 32px; display: block; float: left; }
.artikel-detail ul.prices li strong { padding-right: 12px; width: 100px; height: 32px; font-size: 80%; line-height: 32px; text-align: right; display: block; float: left; }
.artikel-detail ul.prices li a { width: 115px; height: 32px; text-indent: -9999px; border-left: 1px solid #E0E0E0; cursor: pointer; display: block; float: right; }
.artikel-detail ul.prices li a.order { background: #F4F4F4 url(afbeeldingen/artikel-detail-buttons.gif) no-repeat 0px 0px; }
.artikel-detail ul.prices li a.order:hover { background: #F4F4F4 url(afbeeldingen/artikel-detail-buttons.gif) no-repeat 0px -32px; }
.artikel-detail ul.prices li a.info { background: #F4F4F4 url(afbeeldingen/artikel-detail-buttons.gif) no-repeat -115px 0px; }
.artikel-detail ul.prices li a.info:hover { background: #F4F4F4 url(afbeeldingen/artikel-detail-buttons.gif) no-repeat -115px -32px; }
.artikel-detail ul.prices li a.close { background: #F4F4F4 url(afbeeldingen/artikel-detail-buttons.gif) no-repeat -230px 0px; }
.artikel-detail ul.prices li a.close:hover { background: #F4F4F4 url(afbeeldingen/artikel-detail-buttons.gif) no-repeat -230px -32px; }
.artikel-detail .price { position: absolute; bottom: 0px; left: 12px; width: 423px; height: 31px; border-top: 1px solid #9e3882; border-bottom: 1px solid #9e3882; display: block; overflow: hidden; }
.artikel-detail .price p { padding: 0px; margin: 0px; width: 210px; height: 31px; font-size: 80%; line-height: 31px; text-align: center; letter-spacing: -1px; float: left; }
.artikel-detail .price a { width: 213px; height: 31px; text-indent: -9999px; display: block; float: left; cursor: pointer; }
.artikel-detail .price a.order { background: url(afbeeldingen/bg-artikel-detail-order.gif) no-repeat 0px 0px; }
.artikel-detail .price a.order:hover { background: url(afbeeldingen/bg-artikel-detail-order.gif) no-repeat 0px -31px; }
.artikel-detail .price a.continue { background: url(afbeeldingen/bg-artikel-detail-continue.gif) no-repeat 0px 0px; }
.artikel-detail .price a.continue:hover { background: url(afbeeldingen/bg-artikel-detail-continue.gif) no-repeat 0px -31px; }
.artikel-detail .image { position: relative; width: 285px; height: 243px; float: right; }
.artikel-detail .image h3 { height: auto; }
.artikel-detail .image img { position: absolute; top: 19px; padding: 12px 65px; width: 155px; height: 200px; display: block; }
.artikel-detail-tab { padding-top: 300px; padding-bottom: 7px; margin-bottom: 3px; display: block; overflow: hidden; }
.artikel-detail-tab div.content { padding: 12px; width: 694px; border: 1px solid #9e3882; border-top: none; overflow: hidden; display: block; }
.artikel-detail-tab div.content .review { font-size: 70%; color: #000; line-height: 160%; }
.artikel-detail-tab div.content .review h3 { padding: 0px; margin: 0px; color: #9e3882; font-weight: bold; background: none; border: none; display: block; }
.artikel-detail-tab div.content .review p { font-size: 100%; }
.artikel-detail-tab ul { width: 720px; height: 24px; list-style: none; display: block; background: url(afbeeldingen/artikel-detail-tab-bg.gif) repeat-x 0px 0px; overflow: hidden; }
.artikel-detail-tab ul li { float: left; }
.artikel-detail-tab ul li a { width: 238px; height: 24px; font-size: 70%; color: #797979; text-decoration: none; text-align: center; line-height: 20px; background: url(afbeeldingen/artikel-detail-tab.gif) no-repeat center -24px; display: block; } 
.artikel-detail-tab ul li a.spaces { padding: 0px 3px; }
.artikel-detail-tab ul li a:hover { background: url(afbeeldingen/artikel-detail-tab.gif) no-repeat center -48px; }
.artikel-detail-tab ul li.active a { color: #fff; font-weight: bold; background: url(afbeeldingen/artikel-detail-tab.gif) no-repeat center 0px; }
.artikel-detail-tab dl { width: 347px; border-top: 1px solid #e3e3e3; overflow: hidden; display: block; float: left; }
.artikel-detail-tab dl.first { width: 346px; border-right: 1px solid #e3e3e3; }
.artikel-detail-tab dl dt { padding-left: 5px; width: 168px; height: 24px; font-size: 60%; font-weight: bold; line-height: 24px; background-color: #FAF0E7; border-bottom: 1px solid #E3E3E3; display: block; float: left; }
.artikel-detail-tab dl dd { padding-left: 5px; width: 168px; height: 24px; font-size: 60%; line-height: 24px; border-bottom: 1px solid #E3E3E3; display: block; float: left; }
.artikel-detail-tab dl.first dd { width: 167px; }
.artikel-detail-tab table a.titel { padding-right: 20px; color: #000; text-decoration: none; line-height: 12px; background: url(afbeeldingen/button-info.gif) no-repeat right center; cursor: pointer; display: block; }
.artikel-detail-tab table a.titel:hover { background: url(afbeeldingen/button-info-hover.gif) no-repeat right center; }

/* GSM & ABO */
.gsmabo-abovorm { margin-bottom: 15px; width: 720px; display: block; }
.gsmabo-abovorm ul { width: 720px; list-style: none; overflow: hidden; }
.gsmabo-abovorm ul li { position: relative; margin-right: -1px; border: 1px solid #e3e3e3; border-top: none; display: block; float: left; }
.gsmabo-abovorm ul li .titel { padding: 18px 0px 5px 0px; margin: 0px auto; height: 45px; text-align: center; display: block; }
.gsmabo-abovorm ul li ul { width: auto; list-style: none; border: none; float: none; }
.gsmabo-abovorm ul li ul li { margin: 0px; border: none; float: none; }
.gsmabo-abovorm ul li ul li.voordelen { margin: 0px; width: auto; height: 110px; border: none; }
.gsmabo-abovorm ul li ul li.voordelen span { display: none; }
.gsmabo-abovorm ul li ul li.voordelen ul li { padding: 0px 10px 0px 20px; margin: 0px auto; width: auto; font-size: 60%; color: #727272; line-height: 160%; text-align: left; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 10px 6px; border: none; }
.gsmabo-abovorm ul li ul li.bundels span { display: none; }
.gsmabo-abovorm ul li ul li.bundels ul li { margin: 0px; border: none; border-top: 1px solid #e3e3e3; }
.gsmabo-abovorm ul li ul li.bundels ul li a { padding: 0px 90px 0px 5px; width: auto; height: 24px; font-size: 60%; line-height: 24px; color: #000; text-decoration: none; background: url(afbeeldingen/gsmabo-abovorm-select.png) no-repeat right 0px; display: block; }
.gsmabo-abovorm ul li ul li.bundels ul li a:hover { color: #9e3882; text-decoration: underline; background: url(afbeeldingen/gsmabo-abovorm-select.png) no-repeat right -24px; }
.gsmabo-abovorm ul li ul li.datum { position: absolute; top: 60px; left: 0px; margin: 0px; width: 100%; font-size: 9px; color: #ccc; font-style: normal; line-height: 18px; text-align: center; border: none; display: none; }
.gsmabo-abovorm ul.aantal4 li { width: 179px; }
.gsmabo-abovorm ul.aantal4 li.alternative { width: 178px; }
.gsmabo-abovorm ul.aantal4 li.voordelen { height: 140px; }
.gsmabo-abovorm ul.aantal3 li { width: 239px; }
.gsmabo-abovorm ul.aantal3 li.alternative { width: 238px; }
.gsmabo-abovorm ul.aantal3 li.voordelen { height: 120px; }
.gsmabo-abovorm ul.aantal2 li { width: 359px; }
.gsmabo-abovorm ul.aantal2 li.alternative { width: 358px; }
.gsmabo-abovorm ul.aantal2 li.voordelen ul li { width: 240px; }
.gsmabo-abovorm ul.aantal1 li { margin: 0px; width: 718px; }
.gsmabo-abovorm ul.aantal1 li.voordelen ul li { width: 240px; }
.gsmabo-overzicht { margin-bottom: 5px; width: 720px; overflow: hidden; display: block; }
.gsmabo-overzicht .bundel { width: 580px; float: right; }
.gsmabo-overzicht .bundel .specificaties { position: relative; margin-left: -1px; margin-bottom: 20px; padding-left: 1px; width: 579px; background: url(afbeeldingen/gsmabo-overzicht-bundel-specificaties.gif) no-repeat 0px 0px; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; overflow: hidden; display: block; z-index: 2; }
.gsmabo-overzicht .bundel .specificaties  p.h3-ondertitel { padding-left: 15px; }
.gsmabo-overzicht .bundel .specificaties .abonnement { padding-right: 1px; width: 289px; display: block; float: left; }
.gsmabo-overzicht .bundel .specificaties .acties { width: 289px; display: block; float: left; }
.gsmabo-overzicht .bundel .specificaties .abonnement ul { padding: 5px 5px 5px 15px; list-style: none; display: block; }
.gsmabo-overzicht .bundel .specificaties .abonnement ul li span { font-size: 60%; color: #9e3882; font-weight: bold; }
.gsmabo-overzicht .bundel .specificaties .abonnement ul li ul { padding: 0px; padding-top: 2px; font-size: 60%; line-height: 160%; list-style: none; }
.gsmabo-overzicht .bundel .specificaties .abonnement ul li ul li { padding: 0px; width: auto; overflow: hidden; display: block; }
.gsmabo-overzicht .bundel .specificaties .abonnement ul li ul li span { width: 145px; font-size: 100%; color: #000; font-weight: normal; display: block; float: left; }
.gsmabo-overzicht .bundel .specificaties .abonnement ul li ul li span.result { width: 106px; }
.gsmabo-overzicht .bundel .specificaties .acties ul { padding: 7px 5px 5px 15px; font-size: 60%; line-height: 160%; list-style: none; display: block; }
.gsmabo-overzicht .bundel .specificaties .acties ul li strong { font-size: 100%; line-height: 160%; display: block; }
.gsmabo-overzicht .bundel .specificaties .acties ul li p { padding-bottom: 4px; font-size: 90%; text-align: left; }
.gsmabo-overzicht .bundel .artikel { padding-left: 20px; width: 560px; overflow: hidden; display: block; }
.gsmabo-overzicht .bundel .artikel .detail { position: relative; padding-left: 60px; width: 205px; height: 65px; overflow: hidden; display: block; z-index: 0; }
.gsmabo-overzicht .bundel .artikel .detail a { position: absolute; top: 0px; left: 0px; padding-left: 60px; width: 205px; height: 65px; background: url(afbeeldingen/button-info.gif) no-repeat 5px right; display: block; z-index: 2; }
.gsmabo-overzicht .bundel .artikel .detail a { color: #000; text-decoration: none; }
.gsmabo-overzicht .bundel .artikel .detail a strong { font-weight: normal; }
.gsmabo-overzicht .bundel .artikel .detail a span { font-size: 120%; font-weight: bold; display: block; }
.gsmabo-overzicht .bundel .artikel .detail a:hover { text-decoration: underline; background: url(afbeeldingen/button-info-hover.gif) no-repeat 5px right; }
.gsmabo-overzicht .bundel .artikel .detail ul { position: absolute; bottom: 0px; left: 60px; padding: 0px; width: 205px; list-style: none; color: #9e3882; z-index: 1; }
.gsmabo-overzicht .bundel .artikel .detail ul li { padding-left: 8px; width: 94px; height: 14px; font-size: 100%; line-height: 14px; font-weight: normal; color: #9e3882; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 0px 6px; float: left; }
.gsmabo-overzicht .bundel .artikel .detail ul li span { text-decoration: underline; }
.gsmabo-overzicht .bundel .artikel .detail ul li.afbeelding { position: absolute; bottom: 0px; left: -60px; padding: 0px; width: 50px; height: 65px; background: none; }
.gsmabo-overzicht .vormen { position: relative; width: 140px; float: left; z-index: 1; }
.gsmabo-overzicht .vormen p.h3-ondertitel { border-right: 1px solid #fff; }
.gsmabo-overzicht .vormen ul li { width: 138px; border: 1px solid #E3E3E3; border-top: none; }
.gsmabo-overzicht .vormen ul li div { padding: 10px 0px; font-size: 70%; text-align: center; display: block; }
.gsmabo-overzicht .vormen ul li div img { margin: 0px auto; border: none; display: block; }
.gsmabo-overzicht .vormen ul li em.datum { padding: 4px 0px; width: 100%; height: 18px; font-size: 9px; color: #ccc; font-style: normal; line-height: 18px; letter-spacing: -1px; text-align: center; display: block; }
.gsmabo-overzicht .vormen ul li ul li { border: none; border-top: 1px solid #F8F8F8; }
.gsmabo-overzicht .vormen ul li ul li a { padding: 5px; width: auto; font-size: 60%; line-height: 12px; color: #000; text-decoration: none; display: block; }
.gsmabo-overzicht .vormen ul li ul li a:hover { color: #9e3882; text-decoration: underline; }

/* SIM Only */
.simonly-abovorm { margin-bottom: 15px; width: 720px; display: block; }
.simonly-abovorm ul { width: 720px; list-style: none; overflow: hidden; }
.simonly-abovorm ul li { position: relative; margin-right: -1px; border: 1px solid #e3e3e3; border-top: none; display: block; float: left; }
.simonly-abovorm ul li .titel { padding: 18px 0px; margin: 0px auto; height: 45px; text-align: center; display: block; }
.simonly-abovorm ul li ul { width: auto; list-style: none; border: none; float: none; }
.simonly-abovorm ul li ul li { padding-bottom: 36px; margin: 0px; border: none; float: none; }
.simonly-abovorm ul li ul li.voordelen { margin: 0px; width: auto; height: 100px; border: none; }
.simonly-abovorm ul li ul li.voordelen span { display: none; }
.simonly-abovorm ul li ul li.voordelen ul li { padding: 0px 10px 0px 20px; margin: 0px auto; width: auto; font-size: 60%; color: #727272; line-height: 160%; text-align: left; background: url(afbeeldingen/list-dot-orange.gif) no-repeat 10px 6px; border: none; }
.simonly-abovorm ul li ul li.bundels span { display: none; }
.simonly-abovorm ul li ul li.bundels ul li { margin: 0px; border: none; border-top: 1px solid #e3e3e3; }
.simonly-abovorm ul li ul li.bundels ul li a { padding: 0px 90px 0px 5px; width: auto; height: 24px; font-size: 60%; line-height: 24px; color: #000; text-decoration: none; background: url(afbeeldingen/gsmabo-abovorm-select.png) no-repeat right 0px; display: block; }
.simonly-abovorm ul li ul li.bundels ul li a:hover { color: #9e3882; text-decoration: underline; background: url(afbeeldingen/gsmabo-abovorm-select.png) no-repeat right -24px; }
.simonly-abovorm ul li ul li.datum { position: absolute; top: 60px; left: 0px; margin: 0px; width: 100%; font-size: 9px; color: #ccc; font-style: normal; line-height: 18px; text-align: center; border: none; display: none; }
.simonly-abovorm ul li ul li.select { position: absolute; top: 0px; bottom: 0px; width: 100%; height: 181px; text-align: center; background: url(afbeeldingen/bg-orange-bar.gif) repeat-x 0px bottom; display: block; }
.simonly-abovorm ul li ul li.select a { padding-top: 189px; width: 100%; height: 28px; text-align: center; text-indent: -9999px; display: block; }
.simonly-abovorm ul li ul li.select a span { margin: 0px auto; width: 87px; height: 20px; background: url(afbeeldingen/buttons-large.gif) no-repeat -168px 0px; cursor: pointer; display: block; }
.simonly-abovorm ul li ul li.select a:hover span { background: url(afbeeldingen/buttons-large.gif) no-repeat -168px -20px; }
.simonly-abovorm ul.aantal4 li { width: 179px; }
.simonly-abovorm ul.aantal4 li.alternative { width: 178px; }
.simonly-abovorm ul.aantal3 li { width: 239px; }
.simonly-abovorm ul.aantal3 li.alternative { width: 238px; }
.simonly-abovorm ul.aantal2 li { width: 359px; }
.simonly-abovorm ul.aantal2 li.alternative { width: 358px; }
.simonly-abovorm ul.aantal2 li.voordelen ul li { width: 240px; }
.simonly-abovorm ul.aantal1 li { margin: 0px; width: 718px; }
.simonly-abovorm ul.aantal1 li.voordelen ul li { width: 240px; }

/* Route */
.route { position: relative; margin-bottom: 3px; width: 720px; overflow: hidden; }
.route div { position: relative; padding: 18px 0px 46px 0px; width: 337px; height: 150px; border: 1px solid #e3e3e3; z-index: 0; }
.route div h3 { position: absolute; top: -1px; left: -1px; padding: 0px; width: 339px; height: 215px; background: none; border: 0px; z-index: 2; }
.route div h3 a { width: 339px; height: 215px; color: #fff; text-decoration: none;  background: url(afbeeldingen/route.png) no-repeat bottom center; display: block; }
.route div h3 a span { padding: 0px 9px; width: 321px; height: 18px; line-height: 18px; color: #fff; background-color: #9e3882; display: block; cursor: pointer; }
.route div h3 a:hover { background: url(afbeeldingen/route-hover.png) no-repeat bottom center; }
.route div h3 a:hover span { color: #fff; text-decoration: underline; }
.route div ol { padding-top: 35px; height: 115px; }
.route div ol li { padding-right: 10px; margin-left: 120px; font-size: 70%; color: #9e3882; line-height: 160%; }
.route div ol li span { color: #000; }
.route div ol li.provider { position: absolute; bottom: 56px; right: 10px; padding: 0px; margin: 0px; width: 70px; height: 20px; list-style: none; z-index: 1; }
.route div.gsm { float: left; }
.route div.gsm ol { background: url(afbeeldingen/route-gsm.png) no-repeat 15px 25px; }
.route div.sim { float: right; }
.route div.sim ol { background: url(afbeeldingen/route-sim.png) no-repeat 15px 25px; }
.route em { position: absolute; top: 50px; left: 332px; width: 56px; height: 77px; background: url(afbeeldingen/route-of.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; }

/* CHOICE */
.choice ul { list-style: none; overflow: hidden; }
.choice ul li { position: relative; margin-right: -1px; width: 142px; height: 98px; border: 1px solid #e3e3e3; border-top: none; display: block; float: left; z-index: 0; }
.choice ul li ul li { margin: 0px; border: none; width: auto; height: auto; }
.choice ul li a { position: absolute; top: 0px; left: 0px; padding: 45px 0px 23px 0px; height: 30px; color: #9e3882; text-decoration: none; background: url(afbeeldingen/choice-select.png) no-repeat bottom center; display: block; z-index: 2; }
.choice ul li a strong { font-size: 10px; line-height: 25px; font-weight: normal; text-align: center; display: block; }
.choice ul li a:hover { color: #000; background: url(afbeeldingen/choice-select-hover.png) no-repeat bottom center; }
.choice ul li ul li.image { position: absolute; top: 20px; left: 0px; text-align: center; display: block; z-index: 1; }
.choice ul li ul li.image img { margin: 0px auto; display: block; }
.choice ul li.artikel { height: 165px; }
.choice ul li.artikel a { padding: 0px 0px 23px 0px; height: 142px; color: #000; }
.choice ul li.artikel a strong { padding-top: 5px; font-size: 11px; line-height: 12px; }
.choice ul li.artikel a:hover { color: #9e3882; }
.choice ul li.artikel ul li.image { top: 45px; }
.choice ul li.artikel ul li.price { position: absolute; top: 120px; left: 0px; font-size: 11px; letter-spacing: -1px; text-align: center; display: block; z-index: 1; }
.choice ul li.artikel ul li.price span { color: #9e3882; font-weight: bold; }
.choice ul.aantal1 li, .choice ul.aantal1 li a  { margin-right: 0px; width: 718px; }
.choice ul.aantal2 li, .choice ul.aantal2 li a  { width: 359px; }
.choice ul.aantal2 li.alternative, .choice ul.aantal2 li.alternative a { width: 358px; }
.choice ul.aantal3 li, .choice ul.aantal3 li a  { width: 239px; }
.choice ul.aantal3 li.alternative, .choice ul.aantal3 li.alternative a { width: 238px; }
.choice ul.aantal4 li, .choice ul.aantal4 li a  { width: 179px; }
.choice ul.aantal4 li.alternative, .choice ul.aantal4 li.alternative a { width: 178px; }
.choice ul.aantal5 li, .choice ul.aantal5 li a { width: 143px; }
.choice ul.aantal5 li.alternative, .choice ul.aantal5 li.alternative a { width: 142px; }
.choice ul.aantal6 li, .choice ul.aantal6 li a  { width: 119px; }
.choice ul.aantal6 li.alternative, .choice ul.aantal6 li.alternative a { width: 118px; }
.choice ul.aantal7 li, .choice ul.aantal7 li a  { width: 101px; }
.choice ul.aantal7 li.alternative, .choice ul.aantal7 li.alternative a { width: 100px; }
.choice ul.aantal8 li, .choice ul.aantal8 li a  { width: 89px; }
.choice ul.aantal8 li.alternative, .choice ul.aantal8 li.alternative a { width: 88px; }

/* Contact */
.contact { margin-bottom: 15px; width: 720px; display: block; overflow: hidden; }
.contact div { width: 350px; height: 130px; display: block; float: left; }
.contact div.left { padding-right: 20px; }
.contact div p { padding: 9px 9px 0px 9px; line-height: 14px; text-align: left; }

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

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

.precart .nummerbehoud .single .aansluiting { padding-bottom: 10px; width: 718px; display: block; overflow: hidden; }
.precart .nummerbehoud .single .aansluiting span { padding: 0px 20px; width: 200px; height: 30px; font-size: 10px; line-height: 30px; font-weight: bold; text-align: right; display: block; float: left; }
.precart .nummerbehoud .single .aansluiting strong { width: 478px; 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: 425px; 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: 718px; display: block; overflow: hidden; }
.precart .nummerbehoud .multiple .aansluiting strong { padding-top: 6px; padding-left: 20px; width: 260px; font-size: 10px; line-height: 15px; 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: 6px 0px 0px 0px; width: 30px; font-weight: bold; }
.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: 718px; border: 1px solid #9e3882; 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: #9e3882; 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: 553px; display: block; float: left; }
.precart ol.aansluitingen li ul li ul li { padding-bottom: 3px; width: 553px; height: 15px; font-size: 9px; line-height: 15px; display: block; overflow: hidden; }
.precart ol.aansluitingen li ul li ul li span { height: 15px; width: 467px; font-size: 9px; line-height: 15px; display: block; float: left; }
.precart ol.aansluitingen li ul li ul li a { width: 86px; height: 15px; text-indent: -9999px; background: url(afbeeldingen/bg-precart-delete.gif) no-repeat left center; display: block; float: right; }
.precart ol.aansluitingen li ul li ul li a:hover { background: url(afbeeldingen/bg-precart-delete-hover.gif) no-repeat left center; }

.precart .item { padding-bottom: 5px; margin-bottom: 15px; width: 720px; border-bottom: 2px solid #9e3882; }
.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: #9e3882; display: block; float: left; }
.precart .item dl dd { padding-right: 3px; width: 597px;  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 #9e3882; 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: #9e3882; 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 #9e3882; 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 #9e3882; border-right: 1px solid #9e3882; 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 #9e3882; border-right: 1px solid #9e3882; display: block; }
.precart .extra { margin-bottom: 15px; width: 718px; background-color: #fff; border: 1px solid #9e3882; }
.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: 720px; 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: #9e3882; border: none; border-bottom: 1px solid #fff; }
.precart table.bundel td { border-bottom: 1px solid #DEDEDE; }
.precart table.bundel td.toevoegen { background-color: #F4F4F4; border-right: none; }
.precart table.bundel td.toevoegen a { width: 76px; height: 28px; text-indent: -9999px; background: url(afbeeldingen/button-add-bundel.gif) no-repeat center center; border: none; display: block; }
.precart table.bundel td.toevoegen a:hover { background: url(afbeeldingen/button-add-bundel-hover.gif) no-repeat center center; }
.precart a.btnGaVerder { position: absolute; top: 0px; right: 0px; width: 168px; height: 34px; text-indent: -9999px; background: url(afbeeldingen/bg-cart-btn-gaverder.gif) no-repeat 0px 0px; display: block; }
.precart a.btnGaVerder:hover { background: url(afbeeldingen/bg-cart-btn-gaverder.gif) no-repeat 0px -34px; }
.precart a.btnNaarWinkelMand { position: absolute; top: 0px; right: 0px; width: 168px; height: 34px; text-indent: -9999px; background: url(afbeeldingen/bg-cart-btn-naarwinkelmand.gif) no-repeat 0px 0px; display: block; }
.precart a.btnNaarWinkelMand:hover { background: url(afbeeldingen/bg-cart-btn-naarwinkelmand.gif) no-repeat 0px -34px; }


/* WinkelMand */
.cart { display: block; }

/* WinkelMand - Overzicht */
.cart table.content { margin: 10px 0px; font-family: Arial, Verdana; font-size: 11px; width: 720px; 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: 387px; }
.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; border-right: 1px solid #d2d2d2; 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 #9e3882; border-bottom: 2px solid #9e3882; 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: #FFEEE0; border-top: 2px solid #9e3882; border-right: 1px solid #FFB57B; 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: #F6F6F6; border: none; border-right: 1px solid #d2d2d2; 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; 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: #9e3882; 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: 2px; left: 596px; width: 13px; height: 13px; background: url(afbeeldingen/bg-cart-icon-delete.gif) no-repeat center center; text-indent: -9999px; display: block; }
.cart table.content tbody tr td.item ul li ul li a.delete:hover { background: url(afbeeldingen/bg-cart-icon-delete-hover.gif) no-repeat center center; }
.cart table.content tbody tr td.edit a { width: 55px; height: 28px; background: url(afbeeldingen/bg-cart-icon-edit.gif) no-repeat center center; text-indent: -9999px; display: block; }
.cart table.content tbody tr td.edit a:hover { background: url(afbeeldingen/bg-cart-icon-edit-hover.gif) no-repeat center center; }
.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; background: url(afbeeldingen/bg-cart-icon-delete.gif) no-repeat center center; text-indent: -9999px; display: block; }
.cart table.content tbody tr td.delete a:hover { background: url(afbeeldingen/bg-cart-icon-delete-hover.gif) no-repeat center center; }

/* 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: 720px; 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 9px 0px 14px; width: 237px; height: 28px; font-family: Arial, Verdana; font-size: 9px; color: #000; border: none; float: left; 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 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: 501px; }
.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 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: 346px; height: 27px; display: block; float: left; }
.cart .paymentdata ul li label { position: relative; padding: 0px 37px 0px 41px; width: 268px; 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 37px 0px 41px; width: 268px; color: #BABABA; display: block; }
.cart .paymentdata ul li label strong { position: absolute; top: 0px; left: 41px; height: 27px; display: block; }
.cart .paymentdata ul li input { position: relative; top: -22px; left: 40px; 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: 374px; 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; font-size: 9px; line-height: 18px; font-weight: normal; background-color: #dedede; 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 #9e3882; border-bottom: 2px solid #9e3882; }
.cart .final { margin-bottom: 30px; display: block; }
.cart .final h4 { padding-left: 9px; margin: 0px; height: 18px; font-size: 11px; color: #fff; font-weight: normal; line-height: 18px; text-align: left; background-color: #9e3882; border-bottom: 1px solid #fff; }
.cart .final p { padding: 9px; text-align: left; }
.cart .final ul.steps { padding: 9px; list-style: none; }
.cart .final ul.steps li { font-size: 70%; color: #9e3882; 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 { margin-left: 24px; padding: 9px; }
.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 #9e3882; }

.cart .final .besteloverzicht { margin-bottom: 9px; background-color: #FFEDE0; border: 1px solid #9e3882; }
.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 .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 th { padding: 0px 9px; width: 180px; font-size: 60%; background-color: #fff; border: none; text-align: left; }
.cart .final table td { background-color: #fff; border: none; text-align: left; }
.cart a.btnVerderWinkelen { position: absolute; top: 0px; left: 0px; width: 168px; height: 34px; text-indent: -9999px; background: url(afbeeldingen/bg-cart-btn-verderwinkelen.gif) no-repeat 0px 0px; display: block; }
.cart a.btnVerderWinkelen:hover { background: url(afbeeldingen/bg-cart-btn-verderwinkelen.gif) no-repeat 0px -34px; }
.cart a.btnNaarStap2 { position: absolute; top: 0px; right: 0px; width: 168px; height: 34px; text-indent: -9999px; background: url(afbeeldingen/bg-cart-btn-gaverder.gif) no-repeat 0px 0px; display: block; }
.cart a.btnNaarStap2:hover { background: url(afbeeldingen/bg-cart-btn-gaverder.gif) no-repeat 0px -34px; }
.cart a.btnAfronden { position: absolute; top: 0px; right: 0px; width: 168px; height: 34px; text-indent: -9999px; background: url(afbeeldingen/bg-cart-btn-afronden.gif) no-repeat 0px 0px; display: block; }
.cart a.btnAfronden:hover { background: url(afbeeldingen/bg-cart-btn-afronden.gif) no-repeat 0px -34px; }
 
/* 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 Control */
.wizard-placeholder { height: 90px; display: block; }
#wizard { margin-bottom: 15px; padding: 0px 3px; width: 744px; height: 75px; background: url(afbeeldingen/wizard-bottom.gif) no-repeat 3px bottom; display: block; overflow: hidden; }
#wizard .headsteps { padding-bottom: 10px; width: 744px; height: 23px; background: url(afbeeldingen/wizard-top.gif) no-repeat 0px 0px; display: block; float: left; }
#wizard .headsteps p { padding: 0px; padding-left: 35px; width: 213px; height: 23px; font-size: 70%; color: #797979; line-height: 23px; display: block; float: left; }
#wizard .headsteps p.step1 { color: #fff; font-weight: bold; }
#wizard ul { padding: 0px 12px 6px 12px; width: 720px; height: 36px; list-style: none; display: block; overflow: hidden; float: left; }
#wizard ul li { height: 36px; display: block; float: left; }
#wizard ul li p,
#wizard ul li a { padding-bottom: 17px; margin: 0px; width: 100%; font-family: Arial; color: #797979; font-size: 10px; line-height: 19px; text-decoration: none; text-align: center; display: block; }
#wizard ul li a:hover { text-decoration: underline; }
#wizard ul li.active p,
#wizard ul li.active a { background-image: url(afbeeldingen/wizard-progress.gif); background-repeat: no-repeat; background-position: center bottom; }
#wizard .aantal2 ul li { width: 360px; }
#wizard .aantal3 ul li { width: 240px; }
#wizard .aantal4 ul li { width: 180px; }
#wizard .aantal5 ul li { width: 144px; }
#wizard ul li.wzc_1.active p,
#wizard ul li.wzc_1.active a { background-position: left bottom; }
#wizard .aantal2 ul li.wzc_2.active p,
#wizard .aantal2 ul li.wzc_2.active a,
#wizard .aantal3 ul li.wzc_3.active p,
#wizard .aantal3 ul li.wzc_3.active a,
#wizard .aantal4 ul li.wzc_4.active p,
#wizard .aantal4 ul li.wzc_4.active a 
#wizard .aantal5 ul li.wzc_5.active p,
#wizard .aantal5 ul li.wzc_5.active a { background-position: right bottom; }
.precart #wizard .headsteps { background: url(afbeeldingen/wizard-top.gif) no-repeat 0px -33px; }
.precart #wizard .headsteps p { color: #797979; font-weight: normal; }
.precart #wizard .headsteps p.step2 { color: #fff; font-weight: bold; } 
.cart #wizard .headsteps { background: url(afbeeldingen/wizard-top.gif) no-repeat 0px -66px; }
.cart #wizard .headsteps p { color: #797979; font-weight: normal; }
.cart #wizard .headsteps p.step3 { color: #fff; font-weight: bold; } 

/* Orderstatus */
.orderstatus { margin: 5px 0px 15px 0px; width: 718px; background-color: #FFEDE0; border: 1px solid #9e3882; display: block; overflow: hidden; }
.orderstatus h3 { border-bottom: 1px solid #FBC89B; }
.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; background: url(afbeeldingen/orderstatus-icon-groot.gif) no-repeat 10px center; }
.orderstatus div.label { padding: 0px 0px 0px 140px; 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 #dedede; }
.orderstatustabel th.status { text-align: left; }
.orderstatustabel td { height: 90px; min-height: 90px; vertical-align: top; }
.orderstatustabel td.datum { width: 120px; font-weight: bold; background: #FFEDE0 url(afbeeldingen/orderstatus-icon.gif) no-repeat center 8px; }
.orderstatustabel td.status { text-align: left; border-right: 1px solid #dedede; }
a.btnOrderStatus { width: 168px; height: 34px; text-indent: -9999px; background: url(afbeeldingen/bg-cart-btn-gaverder.gif) no-repeat 0px 0px; display: block; float: right; }
a.btnOrderStatus:hover { background: url(afbeeldingen/bg-cart-btn-gaverder.gif) no-repeat 0px -34px; }

/* 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: #9e3882; 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 #9e3882; 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 #9e3882; background-color: #FFEEE0; display: block; }

/* Error 404 */
.error404 { width: 100%; height: 225px; background: url(afbeeldingen/404.jpg) no-repeat center center; display: block; }

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

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

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