@charset "UTF-8";
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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

@font-face { font-family: 'proxima_nova_rgbold'; src: url("../fonts/proximanova/proximanova-bold-webfont.eot"); src: url("../fonts/proximanova/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_novaextrabold'; src: url("../fonts/proximanova/proximanova-extrabold-webfont.eot"); src: url("../fonts/proximanova/proximanova-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-extrabold-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-extrabold-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-extrabold-webfont.svg#proxima_novaextrabold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_novalight'; src: url("../fonts/proximanova/proximanova-light-webfont.eot"); src: url("../fonts/proximanova/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-light-webfont.svg#proxima_novalight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_nova_rgregular'; src: url("../fonts/proximanova/proximanova-regular-webfont.eot"); src: url("../fonts/proximanova/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_novasemibold'; src: url("../fonts/proximanova/proximanova-semibold-webfont.eot"); src: url("../fonts/proximanova/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg"); font-weight: normal; font-style: normal; }

/* top navigation */
#topMenu { float: left; padding: 6px 0; }
#topMenu > ul { list-style: none; }
#topMenu > ul > li { float: left; margin-left: 20px; }
#topMenu > ul > li > a { color: #434343; font-family: 'proxima_novasemibold'; text-decoration: none; }
#topMenu > ul > li > a > :hover, #topMenu > ul > li > a > :focus { text-decoration: underline; }
#topMenu > ul > li > a > .icon { background: url("../images/topMenu-sprite.png") no-repeat; width: 16px; height: 17px; float: left; margin-right: 6px; }
#topMenu > ul > li > a > .icon.mail { background-position: -219px -2px; }
#topMenu > ul > li > a > .icon.home { background-position: -236px -2px; }

/* main navigation */
nav.mainMenu { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: white; overflow: hidden; -webkit-box-shadow: 0 5px 5px rgba(108, 108, 108, 0.1); -moz-box-shadow: 0 5px 5px rgba(108, 108, 108, 0.1); box-shadow: 0 5px 5px rgba(108, 108, 108, 0.1); }
nav.mainMenu #mainMenu { width: 1002px; margin: 0 auto; padding: 0; list-style: none; }
nav.mainMenu #mainMenu li { float: left; border-left: 1px solid #e5e5e5; height: 77px; margin: 0; padding: 0; }
nav.mainMenu #mainMenu li a { display: block; padding-top: 19px; padding-bottom: 19px; color: #434343; font-size: 1.14286em; line-height: 20px; text-decoration: none; font-family: 'proxima_novasemibold'; text-transform: uppercase; }
nav.mainMenu #mainMenu li a:hover, nav.mainMenu #mainMenu li a:focus, nav.mainMenu #mainMenu li a.active { text-decoration: none; background: #acc922; color: white; }
nav.mainMenu #mainMenu li a:hover span, nav.mainMenu #mainMenu li a:focus span, nav.mainMenu #mainMenu li a.active span { color: white; }
nav.mainMenu #mainMenu li a .arrow { display: none; }
nav.mainMenu #mainMenu li a.active .arrow { display: block; }
nav.mainMenu #mainMenu li a .subtitle { display: block; color: #dd127b; font-family: 'proxima_nova_rgregular'; font-size: 1.0625em; text-transform: capitalize; }
nav.mainMenu #mainMenu li a .subtitle .price { font-family: 'proxima_nova_rgbold'; font-size: 1.0625em; text-transform: lowercase; }
nav.mainMenu #mainMenu li.internet { width: 155px; }
nav.mainMenu #mainMenu li.internet a { padding-left: 25px; padding-right: 25px; }
nav.mainMenu #mainMenu li.internetBellen { width: 206px; }
nav.mainMenu #mainMenu li.internetBellen a { padding-left: 29px; padding-right: 29px; }
nav.mainMenu #mainMenu li.internetTv { width: 166px; }
nav.mainMenu #mainMenu li.internetTv a { padding-left: 25px; padding-right: 25px; }
nav.mainMenu #mainMenu li.internetBellenTv { width: 249px; }
nav.mainMenu #mainMenu li.internetBellenTv a { padding-left: 32px; padding-right: 32px; }
nav.mainMenu #mainMenu li.portal { width: 220px; }
nav.mainMenu #mainMenu li.portal a { text-align: center; background: url("../images/menu-portal-bg.gif") repeat-y left center; padding: 29px 25px 29px 25px; }
nav.mainMenu #mainMenu li.portal a:hover, nav.mainMenu #mainMenu li.portal a:focus, nav.mainMenu #mainMenu li.portal a.active { background-color: #dd127b; color: white; }
nav.mainMenu #mainMenu li.last { border-right: 1px solid #e5e5e5; }

/* Breadcrumb */
#breadcrumb { background-color: white; border-bottom: 1px solid #e5e5e5; width: 938px; padding: 0 32px; margin: 0 auto; overflow: hidden; }
#breadcrumb ul, #breadcrumb ol { list-style: none; overflow: hidden; padding: 0; }
#breadcrumb ul li, #breadcrumb ol li { float: left; background: url("../images/icon_breadcrumb.png") no-repeat right center; padding: 15px 16px 15px 0; margin: 0 10px 0 0; }
#breadcrumb ul li.last, #breadcrumb ol li.last { background: none; padding: 15px 0; margin: 0; }
#breadcrumb ul li a, #breadcrumb ol li a { color: #383838; }

/* Submenu */
#submenu { padding: 40px 30px 30px 30px; }
#submenu ul { list-style: none; padding: 0; }
#submenu ul li { margin: 0; padding: 0; }
#submenu ul li a { color: #383838; font-size: 14; line-height: 2.14286em; }
#submenu ul li a.parent { margin-bottom: 20px; font-size: 1.42857em; line-height: 1em; display: inline-block; }
#submenu ul li a.active { font-family: 'proxima_nova_rgbold'; }
#submenu ul li .firstsub { margin-left: 10px; }

/* Footer menu */
footer nav { border: 0; background: none; }
footer nav ul { list-style: none; padding: 0 0 10px 0; }
footer nav ul li { margin: 0; padding: 0; }
footer nav ul li a { color: #434343; }
footer header { background: none; padding: 0; }
footer header h2 { font-family: 'proxima_nova_rgbold'; font-size: 1em; line-height: 1em; text-transform: none; color: #434343; }
footer #bottomMenu { display: inline; line-height: 2em; list-style: none outside none; margin: 0; padding: 0; width: 500px; }
footer #bottomMenu li { float: left; margin: 0 10px; padding: 0; }
footer #bottomMenu li:before { content: '•'; margin: 0 10px 0 0; }
footer #bottomMenu li.first:before { content: none; }
footer #bottomMenu li a { color: #434343; }

/* FCE Mijn online */
.mijn-online { background-color: #d3e273; padding: 10px 30px 30px; color: #212121; }
.mijn-online.margin-top { margin-top: 40px; }
.mijn-online.margin-bottom { margin-bottom: 40px; }
.mijn-online ul { list-style: none; padding: 0; }
.mijn-online ul li { padding: 0; margin: 0; }
.mijn-online ul li a { color: #212121; font-size: 14; line-height: 2.14286em; }

/* Gift list FCE */
.gift-list { overflow: hidden; }
.gift-list .gift-item { border: 1px solid #e5e5e5; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; behavior: url("pie.htc"); position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ overflow: hidden; color: #434343; margin-bottom: 30px; }
.gift-list .gift-item .col { float: left; padding: 20px 30px; height: 190px; }
.gift-list .gift-item .col.col1 { width: 280px; padding: 20px 0 20px 30px; }
.gift-list .gift-item .col.col2 { width: 329px; padding: 20px 10px 20px 30px; }
.gift-list .gift-item .col.col3 { border-left: 1px solid #e5e5e5; width: 210px; }
.gift-list .gift-item .gift-item-title { color: #acc922; font-size: 1.57143em; text-transform: uppercase; padding: 16px 66px 25px 0; margin-top: -16px; display: inline-block; }
.gift-list .gift-item .gift-item-title.gift-item-extras { background: url("../images/giftlist-extras.png") no-repeat right top; }
.gift-list .gift-item .gift-item-subtitle { list-style: none; padding: 0; }
.gift-list .gift-item .gift-item-subtitle li { font-size: 1.28571em; text-transform: uppercase; padding: 0; margin: 0; line-height: 33px; }
.gift-list .gift-item .gift-item-subtitle li .icon { width: 24px; height: 24px; background: url("../images/product-icon-sprite.png") no-repeat left center; display: block; float: left; margin: 0 10px 0 0; }
.gift-list .gift-item .gift-item-subtitle li .icon.icon-internet { background-position: 0 0; }
.gift-list .gift-item .gift-item-subtitle li .icon.icon-bellen { background-position: 0 -24px; }
.gift-list .gift-item .gift-item-subtitle li .icon.icon-tv { background-position: 0 -48px; }
.gift-list .gift-item .gift-item-subtitle li .subtext { font-size: 0.83333em; text-transform: none; color: #858581; padding-left: 34px; display: block; }
.gift-list .gift-item .gift-item-subtitle li .subtext span { color: #434343; }
.gift-list .gift-item .gift-image { float: left; width: 138px; height: 100%; text-align: center; position: relative; }
.gift-list .gift-item .gift-image img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.gift-list .gift-item .gift-desc { width: 190px; float: left; }
.gift-list .gift-item .gift-title { margin: 40px 0 0 10px; font-family: 'proxima_novasemibold'; font-size: 1.42857em; }
.gift-list .gift-item .gift-text { margin-left: 10px; }
.gift-list .gift-item .gift-item-price { font-family: 'proxima_novasemibold'; font-size: 2em; color: #716d5b; text-align: center; margin: 38px 0 20px 0; }
.gift-list .gift-item .gift-item-discount { text-align: center; font-family: 'proxima_novasemibold'; font-size: 1.28571em; color: #716d5b; margin-bottom: 20px; }
.gift-list .gift-item .gift-item-discount .price { font-size: 1.22222em; }
.gift-list .gift-item .gift-item-button { text-align: center; }
.gift-list .gift-item .gift-item-button button, .gift-list .gift-item .gift-item-button a.button { width: 140px; margin: 0 auto; float: none; clear: none; padding: 13px 33px 13px 15px; background: url("../images/button-arrows.png") no-repeat right 3px #acc922; }
.gift-list .gift-item .gift-item-button button:hover, .gift-list .gift-item .gift-item-button button:focus, .gift-list .gift-item .gift-item-button a.button:hover, .gift-list .gift-item .gift-item-button a.button:focus { background: url("../images/button-arrows.png") no-repeat #dd127b right -44px; }

/* Packagebuilder promo (simple banner) FCE */
.packagebuilder-promo { padding: 30px 0; overflow: hidden; clear: both; }

/* Packagebuilder banner FCE */
.packagebuilder-banner { background: url("../images/packagebuilder-banner-bg.gif") no-repeat 40px 16px #acc922; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url("pie.htc"); position: relative; padding: 10px 20px 10px 390px; overflow: hidden; clear: both; }

.packagebuilder-promo .packagebuilder-title, .packagebuilder-promo .packagebuilder-text, .packagebuilder-promo .packagebuilder-button, .packagebuilder-banner .packagebuilder-title, .packagebuilder-banner .packagebuilder-text, .packagebuilder-banner .packagebuilder-button { float: left; }
.packagebuilder-promo .packagebuilder-title, .packagebuilder-banner .packagebuilder-title { font-size: 1.71429em; padding-right: 20px; line-height: 45px; color: #222222; }
.packagebuilder-promo .packagebuilder-text, .packagebuilder-banner .packagebuilder-text { font-size: 1.07143em; padding-right: 20px; line-height: 45px; color: #222222; }
.packagebuilder-promo .packagebuilder-button .button, .packagebuilder-banner .packagebuilder-button .button { background: #dd127b; background-color: #dd127b; -webkit-box-shadow: 0px 4px 0px #b2246d; -moz-box-shadow: 0px 4px 0px #b2246d; box-shadow: 0px 4px 0px #b2246d; text-shadow: 1px 1px rgba(0, 0, 0, 0.47); }

.packagebuilder-banner { margin: 40px 0; }
.packagebuilder-banner .packagebuilder-text-wrap { float: left; width: 300px; margin-right: 40px; }
.packagebuilder-banner .packagebuilder-text-wrap .packagebuilder-title { line-height: 1.5em; }
.packagebuilder-banner .packagebuilder-text-wrap .packagebuilder-text { line-height: 1.5em; }
.packagebuilder-banner .packagebuilder-button { float: right; padding: 16px 0; }

label { clear: left; float: left; width: 200px; text-align: right; padding: 10px 0; }
label.radio, label.checkbox { margin-left: 15px; color: #434343; }
label.radio.inline, label.checkbox.inline { clear: none; width: auto; }

input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], textarea { background: url("../images/input_bg.gif") repeat-x left bottom; float: left; border: 1px solid #d4d4d4; width: 312px; padding: 10px 16px; margin-left: 15px; font-family: 'proxima_nova_rgregular'; font-size: 1em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url("pie.htc"); position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
input[type=text].error, input[type=url].error, input[type=tel].error, input[type=number].error, input[type=color].error, input[type=email].error, textarea.error { border-color: #b03535; -webkit-box-shadow: #b03535 0 0 5px; -moz-box-shadow: #b03535 0 0 5px; box-shadow: #b03535 0 0 5px; }
input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, textarea:focus { outline: none; border-color: #acc922; box-shadow: 0 0 5px #94ad1d; }

textarea { height: 135px; }

input[type="radio"], input[type="checkbox"] { display: none; float: left; margin: 13px 10px 0 0; }

input[type="radio"] + label .input-view, input[type="checkbox"] + label .input-view { display: inline-block; width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; background: url("../images/check_radio_sheet.png") no-repeat; cursor: pointer; }

input[type="radio"] + label .input-view { background-position: left top; }

input[type="radio"]:checked + label .input-view { background-position: -19px top; }

input[type="checkbox"] + label .input-view { background-position: -38px top; }

input[type="checkbox"]:checked + label .input-view { background-position: -57px top; }

.styled-select { width: 312px; height: 40px; margin-left: 15px; float: left; background: url("../images/icon-arrow-down-gray.png") 287px 16px no-repeat; border: 1px solid #d4d4d4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url("pie.htc"); position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ overflow: hidden; }
.styled-select select { background: transparent; width: 342px; padding: 8px 16px; height: 40px; line-height: 1; font-family: 'proxima_nova_rgregular'; font-size: 1em; line-height: 1; border: 0; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.styled-select select option { padding: 8px 16px; }

input[type=submit], button, a.button { float: left; clear: left; border: none; background-color: #acc922; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url("pie.htc"); position: relative; -webkit-box-shadow: 0px 4px 0px #94ad1d; -moz-box-shadow: 0px 4px 0px #94ad1d; box-shadow: 0px 4px 0px #94ad1d; color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.21); font-size: 1.14286em; font-family: 'proxima_novasemibold'; padding: 10px 15px; margin: 0 0 4px 0; text-align: center; display: inline-block; }
input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus, a.button:hover, a.button:focus { cursor: pointer; text-decoration: none; background-color: #f0258e; -webkit-box-shadow: 0px 4px 0px #ce207a; -moz-box-shadow: 0px 4px 0px #ce207a; box-shadow: 0px 4px 0px #ce207a; color: white; }
input[type=submit].green, button.green, a.button.green { background: #acc922; color: white; }
input[type=submit].pink, button.pink, a.button.pink { background-color: #f0258e; -webkit-box-shadow: 0px 4px 0px #ce207a; -moz-box-shadow: 0px 4px 0px #ce207a; box-shadow: 0px 4px 0px #ce207a; }

.buttonlink { background: #f0258e; color: white; padding: 0 5px; margin-left: 10px; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url("pie.htc"); position: relative; }
.buttonlink:hover { text-decoration: none; color: white; }

/* Postcode check form homepage */
#postcodecheck-form form, #offer-form .postcodecheck { margin: 0 auto; width: 360px; text-align: center; }
#postcodecheck-form form label, #offer-form .postcodecheck label { display: none; }
#postcodecheck-form form input[type='text'], #offer-form .postcodecheck input[type='text'] { float: left; width: 100px; padding: 10px; margin: 0 10px; border-color: #e5e5e5; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; behavior: url("pie.htc"); position: relative; }
#postcodecheck-form form input[type='text']#pccheck-toevoeging, #offer-form .postcodecheck input[type='text']#pccheck-toevoeging { margin: 0 0 0 10px; }
#postcodecheck-form form input[type='submit'], #offer-form .postcodecheck input[type='submit'] { min-width: 191px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; behavior: url("pie.htc"); position: relative; padding: 20px 65px; margin: 30px auto 0; font-family: 'proxima_nova_rgbold'; text-transform: uppercase; text-shadow: none; float: none; clear: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Landingspage postcodecheck */
#offer-form { width: 1002px; margin: 0 auto; text-align: center; }
#offer-form p { font-size: 1.28571em; }
#offer-form form { margin-top: 36px; }
#offer-form .h2 { font-family: 'proxima_nova_rgregular'; font-size: 1.78571em; color: #171717; margin: 0.5em 0 1em 0; padding: 0; }
#offer-form .postcodecheck input[type="text"] { border: 1px solid #e5e5e5; }
#offer-form .postcodecheck input[type="submit"] { padding: 18px; margin: 35px 0 0 0; min-width: 10px; }
#offer-form .option .selectie_item_price, #offer-form .extras .selectie_item_price { margin: 20px 0 0; font-size: 2em; color: #716d5b; clear: both; }
#offer-form .option input[type="submit"], #offer-form .extras input[type="submit"] { text-shadow: none; float: none; clear: none; margin: 25px 0 0 0; text-transform: uppercase; font-size: 1.21429em; }
#offer-form .option input[type="submit"]:hover, #offer-form .extras input[type="submit"]:hover { color: #ffffff; }
#offer-form .option .option-wrap { width: 522px; margin: 20px auto 30px; overflow: hidden; }
#offer-form .option .product-opties-item { float: left; }
#offer-form .option .product-opties-item.recommended { width: 522px; margin: 0; }
#offer-form .option .product-opties-item.recommended .selectie_item_titel { font-family: 'proxima_nova_rgregular'; }
#offer-form .option .product-opties-item.recommended .selectie_item_subtitel { width: 338px; margin: 0 auto; }
#offer-form .option .product-opties-item.recommended .selectie_item_subtitel .selectie_item_download, #offer-form .option .product-opties-item.recommended .selectie_item_subtitel .selectie_item_upload { float: left; margin: 0 20px; }
#offer-form .option .product-opties-item.first { margin: 0 28px 0 60px; }
#offer-form .option .product-opties-item.last { margin: 0 60px 0 28px; }
#offer-form .bellen-extras, #offer-form .tv-extras { float: left; width: 380px; padding: 0 60px; margin: 24px 0 0; text-align: left; }
#offer-form .bellen-extras .product-title, #offer-form .tv-extras .product-title { float: left; }
#offer-form .bellen-extras .product_price_header, #offer-form .tv-extras .product_price_header { float: right; text-align: center; width: 60px; font-size: 1.14286em; }
#offer-form .tv-extras { border-left: 1px solid #eeeeee; }
#offer-form .seperator { border-bottom: 1px solid #eeeeee; margin-bottom: 20px; }
#offer-form .direct-checkout { color: #404040; text-decoration: underline; font-family: 'proxima_novasemibold'; font-size: 0.92857em; margin: 20px 0 0 0; clear: both; display: block; }

form .error label, #checkout form .error label { color: #f15757; }
form .error label.error, #checkout form .error label.error { margin-left: 105px; }
form .error input[type=text], form .error input[type=url], form .error input[type=tel], form .error input[type=number], form .error input[type=color], form .error input[type=email], form .error textarea, #checkout form .error input[type=text], #checkout form .error input[type=url], #checkout form .error input[type=tel], #checkout form .error input[type=number], #checkout form .error input[type=color], #checkout form .error input[type=email], #checkout form .error textarea { border-color: #ff8080; color: #f15757; }
form .success label, #checkout form .success label { color: #91a51d; }
form .success label.error, #checkout form .success label.error { margin-left: 105px; width: auto; min-width: 24px; }
form .success input[type=text], form .success input[type=url], form .success input[type=tel], form .success input[type=number], form .success input[type=color], form .success input[type=email], form .success textarea, #checkout form .success input[type=text], #checkout form .success input[type=url], #checkout form .success input[type=tel], #checkout form .success input[type=number], #checkout form .success input[type=color], #checkout form .success input[type=email], #checkout form .success textarea { border-color: #91a51d; color: #91a51d; }
form label.valid, form label.error.valid, #checkout form label.valid, #checkout form label.error.valid { background: url("../images/product-checkbox-selected.png") no-repeat center center; display: inline-block; height: 21px; text-indent: -9999px; vertical-align: middle; width: 24px; clear: none; }
form label.valid.error, form label.error.valid.error, #checkout form label.valid.error, #checkout form label.error.valid.error { margin: 0; }

input.valid-error { border-color: #ff8080; color: #f15757; }

input.valid-success { border-color: #91a51d; color: #91a51d; }

body { background: #f2f2ef; border-top: 6px solid #b6b6af; margin: 0; }

header { background-color: white; padding: 20px 0 5px; overflow: hidden; }
header .logo { float: left; }
header .logo a { width: 182px; height: 36px; background: url("../images/logo-online-large.gif") no-repeat; display: block; text-decoration: none; font-size: 0; text-indent: -100%; overflow: hidden; }
header .headerNav { float: right; padding-top: 15px; }
header .headerNav .headerSearch { float: left; }
header .headerNav .topNav { float: left; }

.banner { height: 405px; }
.banner #slider { position: relative; }
.banner #slider .slide { position: absolute; width: 100%; height: 435px; text-align: center; -moz-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.banner #slider .slide.one { background: url("../images/home-banner-background-orangered.jpg") no-repeat center top; }
.banner #slider .slide.two { background: url("../images/home-banner-background-green.jpg") no-repeat center top; }
.banner #slider .slide.three { background: url("../images/home-banner-background-green.jpg") no-repeat center top; }
.banner #slider .slide img { width: 1002px; height: 435px; margin: 0 auto; }

.pagecontent { width: 1002px; margin: 0 auto; overflow: hidden; }

.content { background-color: white; padding: 30px 0; overflow: hidden; }
.content .contentFrame { padding: 20px 46px; }
.content .content-left { float: left; width: 265px; padding: 0; }
.content .content-middle { float: right; display: inline-block; }
.content .content-right { float: right; width: 265px; padding: 0; }
.content.two-column { background: url("../images/2col-content-bg.png") repeat-y 0 0 white; padding: 0; }
.content.two-column .content-left { padding: 0; }
.content.two-column .content-middle { width: 644px; margin-left: 1px; }
.content.two-column .content-right { padding: 0; }
.content.two-column.sidebar-right { background-position: 472px 0; }
.content.two-column.sidebar-right .content-middle { float: left; }
.content.three-column { background: url("../images/3col-content-bg.png") repeat-y 0 0 white; padding: 0; }
.content.three-column .content-left { padding: 0; }
.content.three-column .content-middle { float: none; width: 376px; }
.content.three-column .content-right { padding: 0; }
.content .csc-header { padding: 0; background: none; }
.content p { color: #383838; font-size: 1.14286em; line-height: 24px; }
.content.homepage { padding: 70px 0 30px; }
.content.homepage p { font-size: 1em; }
.content.homepage .contentFrame { padding: 0; }
.content.homepage .promo .col { border-right: 1px solid #e5e5e5; height: 380px; }
.content.homepage .promo .col.last { border: none; }
.content.homepage .promo h2 { width: 370px; margin: 0 auto 10px; font-size: 2.14286em; }
.content.homepage .promo h2 a { color: black; }
.content.homepage .promo h2 a:hover, .content.homepage .promo h2 a:focus { text-decoration: none; }
.content.homepage .promo h2 span { font-family: 'proxima_novalight'; }
.content.homepage .promo .subheader { width: 370px; margin: 0 auto 20px; font-size: 1.28571em; color: #ee5f00; }
.content.homepage .promo .imageBanner { text-align: center; }
.content.homepage .postcodeCheck { background-color: #e8e8e3; height: 370px; padding: 0 80px 0 0; }
.content.homepage .postcodeCheck .promoImage { width: 430px; }
.content.homepage .postcodeCheck .postcodeCheckForm { width: 432px; padding: 65px 60px 0 0; }
.content.homepage h2 { font-family: 'proxima_nova_rgregular'; font-size: 2.57143em; line-height: 1em; padding: 0; }
.content.homepage h3 { font-size: 1.78571em; line-height: 1em; margin: 5px 0; }
.content.homepage p { margin: 20px 0 20px; }
.content .cols2 { overflow: hidden; }
.content .cols2 .col { float: left; width: 500px; }
.content .cols3 { overflow: hidden; }
.content .cols3 .col { float: left; width: 253px; min-height: 165px; padding: 0 40px; margin: 40px 0 0; border-left: 1px solid #e8e8e8; }
.content .cols3 .col.first { border: none; }
.content .cols3 .col h2 { font-family: 'proxima_novaextrabold'; font-size: 1.42857em; padding: 0.5em 0 0; color: #434343; }
.content .icon { background: url("../images/icons-sprite.png") no-repeat; width: 16px; height: 17px; display: inline-block; margin-right: 10px; }
.content .icon.spinner { background-position: 0 0; }
.content .icon.construction { background-position: -16px 0; }
.content .icon.umbrella { background-position: -32px 0; }
.content .icon.tv, .content .icon.football, .content .icon.signal { width: 30px; height: 32px; }
.content .icon.tv { background-position: -48px 0; }
.content .icon.football { background-position: -78px 0; }
.content .icon.signal { background-position: -108px 0; }
.content .icon.label { background-position: -138px 0; }
.content .content-left .contentFrame, .content .content-right .contentFrame { padding: 0; }
.content .content-left .cols3, .content .content-right .cols3 { margin-bottom: 40px; }
.content .content-left .cols3 .col, .content .content-right .cols3 .col { padding: 0 30px; width: auto; border: 0; }
.content .content-left .cols3 .col p, .content .content-right .cols3 .col p { font-size: 1em; }

/* Gift list page */
.gift-page .contentFrame { padding: 20px 0; }
.gift-page #gift-content { padding: 0 20px; overflow: hidden; }
.gift-page #gift-content h1 { font-size: 1.71429em; padding: 0.5em 0; color: #434343; }
.gift-page #gift-content .subheader { font-family: 'proxima_novalight'; margin: 0; }

/* Thank you page */
.notification.succes { background: url("../images/notification-succes.gif") no-repeat #8ccc74; color: white; padding: 0 20px 0 98px; }
.notification h1 { font-size: 1.78571em; padding: 0.6em 0; }

#page-content.thank-you { padding: 0 0 30px 0; }
#page-content.thank-you h2, #page-content.thank-you h3 { color: #494949; }
#page-content.thank-you h2 { padding: 0.5em 0; }
#page-content.thank-you p { color: #434343; }
#page-content.thank-you .spacer { border-top: 1px solid #dedede; margin: 30px 0 25px; margin: 30px 0 25px; }
#page-content.thank-you #checkout { padding: 0; }
#page-content.thank-you .contentFrame { padding: 20px 30px; }
#page-content.thank-you .contentFrame > p { font-family: 'proxima_novalight'; }
#page-content.thank-you .contentFrame > p strong { font-family: 'proxima_novasemibold'; }
#page-content.thank-you .contentFrame .extra-options { overflow: hidden; clear: both; margin-top: 50px; }
#page-content.thank-you .contentFrame .extra-options h2 { font-size: 1.71429em; }
#page-content.thank-you .contentFrame .extra-options .extra-option { background: url("../images/ckeckout-extraoptions-bg.gif") repeat-y right top #f7f7f7; overflow: hidden; margin-bottom: 10px; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-image { float: left; width: 230px; min-height: 293px; text-align: center; position: relative; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-image img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-text { float: left; width: 470px; padding: 40px 5px; font-size: 0.92857em; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-text p { font-size: 1em; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-text .controls { font-size: 1.15385em; font-family: 'proxima_novasemibold'; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-text .controls label { margin: 0; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-overview { float: left; width: 192px; padding: 90px 20px 0; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-overview ul { list-style-image: url("../images/product-checkbox-selected.png"); width: 185px; padding: 0 0 10px 15px; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-overview ul li { font-size: 1.14286em; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-overview h2 { padding: 0; }
#page-content.thank-you .contentFrame .extra-options .extra-option .extra-option-overview p { margin: 0; }
#page-content.thank-you .contentFrame .control-label.full-width { font-size: 1.14286em; font-family: 'proxima_novalight'; width: auto; }
#page-content.thank-you .contentFrame .control-group .controls.submit { text-align: center; }
#page-content.thank-you .contentFrame .control-group .controls.submit input[type="submit"] { float: none; clear: none; text-transform: uppercase; font-size: 1.35714em; font-family: 'proxima_nova_rgbold'; margin: 46px 0 90px; }

/* Landingspage */
#pagecontainer.landingspage { background: #ffffff; }
#pagecontainer.landingspage .banner { height: 609px; }
#pagecontainer.landingspage .banner .slide { height: 609px; }
#pagecontainer.landingspage .banner .slide h1 { padding: 0; }
#pagecontainer.landingspage .banner .slide img { height: 609px; }
#pagecontainer.landingspage .banner .slide.landingspage { background: #171717; }
#pagecontainer.landingspage .offerwrap { overflow: hidden; border-bottom: 1px solid #eeeeee; padding: 40px 0 0; }
#pagecontainer.landingspage .contentFrame { padding: 0; }
#pagecontainer.landingspage h1 { font-family: 'proxima_novalight'; font-size: 2.92857em; padding: 0.5em 0 0 0; line-height: 1em; }
#pagecontainer.landingspage ul { padding: 0 0 10px 8px; }
#pagecontainer.landingspage .content-2col { padding: 35px 0; border-bottom: 1px solid #eeeeee; clear: both; overflow: hidden; }
#pagecontainer.landingspage .content-2col h2, #pagecontainer.landingspage .content-2col h3 { color: #171717; }
#pagecontainer.landingspage .content-2col h2 { font-size: 1.57143em; padding: 0.5em 0; }
#pagecontainer.landingspage .content-2col h3 { font-family: 'proxima_novasemibold'; margin: 0; }
#pagecontainer.landingspage .content-2col p, #pagecontainer.landingspage .content-2col ul, #pagecontainer.landingspage .content-2col li { font-family: 'proxima_novalight'; font-size: 1rem; color: #171717; }
#pagecontainer.landingspage .content-2col.image-right .column-1 { width: 580px; float: left; }
#pagecontainer.landingspage .content-2col.image-right .column-2 { width: 422px; float: right; min-height: 270px; text-align: center; position: relative; }
#pagecontainer.landingspage .content-2col.image-right .column-2 img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
#pagecontainer.landingspage .content-2col.image-left .column-1 { width: 422px; float: left; min-height: 270px; text-align: center; position: relative; }
#pagecontainer.landingspage .content-2col.image-left .column-1 img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
#pagecontainer.landingspage .content-2col.image-left .column-2 { width: 580px; float: right; }
#pagecontainer.landingspage a.button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 21px 0 0 0; padding: 5px 15px; color: #546107; font-family: 'proxima_nova_rgregular'; font-size: 1em; text-shadow: none; }
#pagecontainer.landingspage a.button:hover { color: white; }

/* Info pages */
.info-page h2 { color: #434343; font-size: 1.42857em; }
.info-page .info-header { border-bottom: 1px solid #e5e5e5; padding-bottom: 50px; }
.info-page .info-header p { font-family: 'proxima_novalight'; }
.info-page .info-header .column-left { float: left; width: 462px; padding: 0 40px; }
.info-page .info-header .column-right { float: right; width: 460px; text-align: right; }
.info-page .contentFrame.cols3 { padding: 0 0 40px 0; border-bottom: 1px solid #e5e5e5; }
.info-page .contentFrame.cols3 p { font-size: 1em; }
.info-page .contentFrame.cols3.info .col { border: none; }
.info-page .contentFrame.cols3.info .icon { float: left; }
.info-page .contentFrame.cols3.info h2 { font-family: 'proxima_novasemibold'; font-size: 1.28571em; line-height: 32px; color: #333; }
.info-page .contentFrame { padding: 35px 46px; }
.info-page .button-options-wrap { position: relative; width: 240px; height: 54px; margin: 40px auto 0; }
.info-page .button-options-wrap button { width: 240px; float: none; font-size: 1.64286em; }
.info-page .button-options-wrap .button-options { position: absolute; left: 0; right: 0; top: 47px; margin: 0 auto; width: 232px; overflow: hidden; }
.info-page .button-options-wrap .button-options .button-options-top { background: url("../images/button-hover-top.png") no-repeat; height: 18px; width: 232px; }
.info-page .button-options-wrap .button-options .button-options-content { background: url("../images/button-hover-bg.png") repeat-y; width: 212px; padding: 0 10px 5px; overflow: hidden; }
.info-page .button-options-wrap .button-options .button-options-bottom { background: url("../images/button-hover-bottom.png") no-repeat; height: 10px; width: 232px; }
.info-page .button-options-wrap .button-options .button-options-header { font-family: 'proxima_novasemibold'; font-size: 1.07143em; padding: 5px 10px; }
.info-page .button-options-wrap .button-options ul { list-style: none; padding: 0; }
.info-page .button-options-wrap .button-options ul li { border-top: 1px solid #e5e5e5; margin: 0; padding: 5px 0 5px 10px; }
.info-page .button-options-wrap .button-options ul li .buttonlink { float: right; }
.info-page .unique-selling-points { overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.info-page .unique-selling-points ul { overflow: hidden; list-style: none; padding: 0; margin: 15px 0 45px 0; }
.info-page .unique-selling-points ul li { margin: 0; padding: 0; float: left; width: 25%; text-align: center; }
.info-page .unique-selling-points ul li h2 { color: #434343; font-size: 1.42857em; padding: 0; }
.info-page .spacer { border-bottom: 1px solid #e5e5e5; margin: 30px 0; }

footer { background: #f2f2ef; }
footer .pagecontent { width: 982px; padding: 50px 10px; overflow: hidden; }
footer .pagecontent .csc-deafult { overflow: hidden; }
footer .col { float: left; margin: 0 15px; }
footer .col.col1 { width: 95px; margin: 0 15px 0 14px; }
footer .col.col2 { width: 163px; }
footer .col.col3 { width: 175px; }
footer .col.col4 { width: 144px; }
footer .col.col5 { width: 135px; }
footer .col.col6 { width: 92px; margin: 0 14px 0 15px; }
footer .col.col7 { width: 100%; margin: 35px 5px 0; padding: 30px 0 0; border-top: 1px dashed #eaeae3; }
footer .col.col7 a.logo { background: url("../images/logo-online-small.gif") no-repeat; width: 101px; height: 19px; margin: 0 28px 0 0; font-size: 0; display: inline-block; text-indent: -100%; overflow: hidden; float: left; }
footer .col.col7 .copyright { float: right; font-size: 0.857em; line-height: 2em; }

/* lightbox */
#lightbox { border: none; background: white; }

#pagecontainer.lightbox { width: 460px; padding: 40px; overflow: hidden; background: white; }

/* fancyBox custom styling */
.fancybox-close { background: url("../images/lightbox-close.png") no-repeat center center; right: 0; top: 0; }

.fancybox-skin { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; behavior: url("pie.htc"); position: relative; }

.fancybox-title { display: none; visibility: none; }

strong { font-family: 'proxima_nova_rgbold'; }

.clear { clear: both; }

.hide { display: none; }

.ui-widget { font-size: inherit; font-family: inherit; }

/* _plugins.scss In dit bestand worden de imports voor extensies gedaan. */
.headerSearch .tx-solr .tx-solr-searchbox legend { display: none; }
.headerSearch .tx-solr .tx-solr-searchbox label { display: none; }
.headerSearch .tx-solr .tx-solr-searchbox input[type='text'] { background: url("../images/topMenu-sprite.png") 0 0; width: 172px; height: 36px; padding: 4px 7px 8px 7px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; behavior: url("pie.htc"); position: relative; }
.headerSearch .tx-solr .tx-solr-searchbox input[type='text']:focus { box-shadow: none; }
.headerSearch .tx-solr .tx-solr-searchbox .submit { background: url("../images/topMenu-sprite.png") -186px 0; width: 32px; height: 37px; border: none; text-indent: -100%; font-size: 0; overflow: hidden; clear: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.stepsMenu { overflow: hidden; height: 72px; }
.stepsMenu ol { padding: 0; list-style: none; counter-reset: listCounter; }
.stepsMenu ol li { counter-increment: listCounter; margin: 0; padding: 0; position: relative; height: 62px; line-height: 62px; background-color: #b2246d; border-right: 1px solid #9f175d; float: left; font-family: 'proxima_novasemibold'; font-size: 1.07143em; color: #df76ac; text-align: center; text-transform: uppercase; }
.stepsMenu ol li:before { content: counter(listCounter) " - "; }
.stepsMenu ol li.active { background-color: #dd127b; color: white; }
.stepsMenu ol li.active .arrow { width: 100%; height: 10px; bottom: -10px; background: url("../images/product-active-arrow.png") no-repeat center top; position: absolute; display: block; }
.stepsMenu ol li .checkmark { display: none; }
.stepsMenu ol li.checked { background-color: #b2246d; }
.stepsMenu ol li.checked .checkmark { background: url("../images/product-checkbox-selected.png") no-repeat center center; width: 14px; height: 13px; display: inline-block; margin-left: 10px; }
.stepsMenu ol li.step1 { width: 316px; }
.stepsMenu ol li.step2 { width: 336px; }
.stepsMenu ol li.step3 { width: 348px; border: none; }

.content.two-column.product-page, .content.one-column.product-page { background-image: none; padding: 0 0 30px 0; }
.content.two-column.product-page .content-middle, .content.one-column.product-page .content-middle { width: 765px; }
.content.two-column.product-page .content-right, .content.one-column.product-page .content-right { width: 215px; }
.content.two-column.product-page .contentFrame, .content.one-column.product-page .contentFrame { padding: 20px 0; }
.content.two-column.product-page .contentFrame p, .content.one-column.product-page .contentFrame p { font-size: 1em; }

.product, .contract-wrap { padding: 28px 0; border-bottom: 1px dashed #d4d4c7; }

.product-information { float: left; width: 190px; text-align: center; padding: 37px 0 0; }
.product-information h2 { font-family: 'proxima_nova_rgbold'; font-size: 2.14286em; color: #434343; padding: 0 0 0 29px; margin: 0.5em 0 8px 0; background: url("../images/product-icon-sprite.png") no-repeat left center; display: inline-block; }
.product-information h2.icon-internet { background-position: 0 0; }
.product-information h2.icon-bellen { background-position: 0 -24px; }
.product-information h2.icon-tv { background-position: 0 -48px; }
.product-information h2.icon-contract { background-position: 0 -72px; }
.product-information a { color: #716d5b; display: block; }

.product-opties, .product-opties-2col, .product-opties-3col { overflow: hidden; float: left; }

.product-opties-item { float: left; border: 1px solid #d4d4c7; background: url("../images/input_bg.gif") repeat-x left bottom; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url("pie.htc"); position: relative; padding: 30px 15px; margin-right: 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: center; vertical-align: middle; }
.product-opties-item.last { margin: 0; }
.product-opties-item:hover, .product-opties-item:focus { border: 4px solid #acc922; padding: 27px 12px; }
.product-opties-item.selected { border: 4px solid #acc922; -webkit-border-radius: 8px 0 8px 8px; -moz-border-radius: 8px 0 8px 8px; border-radius: 8px 0 8px 8px; behavior: url("pie.htc"); position: relative; background: url("../images/product-selected.gif") no-repeat right top; padding: 26px 12px; }
.product-opties-item.selected .selectie_item_titel { font-family: 'proxima_nova_rgbold'; }
.product-opties-item .selectie_item_titel { font-size: 1.28571em; text-transform: uppercase; color: #716d5b; margin-bottom: 10px; }
.product-opties-item .selectie_item_subtitel { font-size: 1.07143em; color: #434343; text-align: left; }
.product-opties-item .selectie_item_subtitel .selectie_item_download, .product-opties-item .selectie_item_subtitel .selectie_item_upload { padding-left: 20px; background: url("../images/product-icon-down-upload.png") no-repeat left center; }
.product-opties-item .selectie_item_subtitel .selectie_item_download { background-position: 0 0; }
.product-opties-item .selectie_item_subtitel .selectie_item_upload { background-position: 0 -23px; }

.product-opties-subitem { float: left; padding: 30px 0; margin-right: 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #716d5b; }
.product-opties-subitem.last { margin: 0; }
.product-opties-subitem ul { padding: 0; }
.product-opties-subitem ul li { margin: 0 0 0 15px; padding: 0; }

.product-opties-2col .product-opties-item { width: 270px; height: 67px; margin-right: 30px; padding: 24px 0; }
.product-opties-2col .product-opties-item.last { margin: 0; }
.product-opties-2col .product-opties-item.selected { padding: 21px 0; }
.product-opties-2col .product-opties-item:hover, .product-opties-2col .product-opties-item:focus { padding: 21px 0; }
.product-opties-2col .product-opties-subitem { width: 270px; margin-right: 30px; }
.product-opties-2col .product-opties-subitem.last { margin: 0; }

#product-internet .product-opties-item { width: 181px; height: 136px; }

.product-opties .bellen-optie, .product-opties .tv-optie, .product-opties-subitem .bellen-optie, .product-opties-subitem .tv-optie { clear: both; margin: 0 0 20px 0; overflow: hidden; }
.product-opties .product-title, .product-opties-subitem .product-title { font-size: 1.28571em; text-transform: uppercase; color: #716d5b; margin-bottom: 10px; }
.product-opties .selectie_item_titel, .product-opties-subitem .selectie_item_titel { float: left; width: 235px; }
.product-opties .selectie_item_titel label, .product-opties-subitem .selectie_item_titel label { text-align: left; width: 230px; margin: 0 30px 0 0; padding: 0; }
.product-opties .selectie_item_titel .checkbox, .product-opties-subitem .selectie_item_titel .checkbox { font-family: 'proxima_novasemibold'; font-size: 1.14286em; }
.product-opties .selectie_item_price_wrap, .product-opties-subitem .selectie_item_price_wrap { width: 75px; text-align: center; float: left; }
.product-opties .selectie_item_price, .product-opties-subitem .selectie_item_price { padding: 1px 10px; background-color: #acc922; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url("pie.htc"); position: relative; color: white; font-family: 'proxima_novasemibold'; font-size: 1.14286em; line-height: 1.5em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 24px; display: inline-block; }

#product-bellen .selectie_item_subtitel { margin-left: 27px; }

#product-tv { padding: 22px 0 0; }
#product-tv .addon-title { font-size: 1.28571em; text-transform: uppercase; }
#product-tv .tv-optie { overflow: hidden; margin-bottom: 20px; }
#product-tv .tv-optie .selectie_item_titel { width: 195px; }
#product-tv .tv-optie .selectie_item_titel label { width: 190px; color: #716d5b; padding: 0; }
#product-tv .tv-optie .selectie_item_titel .selectie_item_subtitel { margin-left: 27px; }
#product-tv .seperator { border-bottom: 1px solid #f3f1dd; margin-bottom: 20px; }

.contract-wrap { border: none; }
.contract-wrap .product-information { width: auto; padding: 0 0 24px 36px; }
.contract-wrap #product-contract { float: right; }
.contract-wrap .product-opties-subitem ul { padding: 0 0 0 7px; }

#prijsoverzicht { background: url("../images/product-sidebar-bottom.gif") no-repeat 0 bottom #f8f6e0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; behavior: url("pie.htc"); position: relative; padding: 25px 0 37px; margin: 28px 23px 0 0; color: #434343; }
#prijsoverzicht .left { text-align: left; }
#prijsoverzicht .centered { text-align: center; }
#prijsoverzicht p { font-size: 1em; color: #434343; margin: 0; }
#prijsoverzicht strong { font-family: 'proxima_nova_rgbold'; }
#prijsoverzicht .top { overflow: hidden; margin-bottom: 8px; }
#prijsoverzicht .top h3 { color: #716d5b; font-size: 1.71429em; text-align: center; }
#prijsoverzicht .content { background: none; padding: 0 15px; }
#prijsoverzicht .content.middlePart { padding: 0 23px; }
#prijsoverzicht .seperator { border-top: 1px solid #efe6bc; border-bottom: 1px solid white; margin: 20px 0; }
#prijsoverzicht #maanden { font-family: 'proxima_nova_rgbold'; }
#prijsoverzicht #prijs { width: 145px; display: inline-block; background: url("../images/product-sidebar-price.gif") repeat-x 0 bottom #efe6bc; padding: 16px 0 20px; margin-bottom: 10px; color: #b09e48; font-size: 2.64286em; text-shadow: 1px 1px #f5f0d8; }
#prijsoverzicht .eenmalig { font-size: 1.28571em; color: #716d5b; margin-bottom: 20px; }
#prijsoverzicht #extra-voordeel { list-style: none; padding: 0; }
#prijsoverzicht #extra-voordeel li { margin: 0 0 20px 0; padding: 0; font-size: 1em; }
#prijsoverzicht #extra-voordeel .van { float: left; font-size: 1.14286em; text-decoration: line-through; }
#prijsoverzicht #extra-voordeel .voor { float: right; font-family: 'proxima_novasemibold'; font-size: 1.14286em; }
#prijsoverzicht #korting { line-height: 32px; }
#prijsoverzicht #korting span { background: url("../images/product-sidebar-discount.png") no-repeat 0 0; dispay: inline-block; height: 32px; padding: 2px 0  2px 47px; font-size: 1.42857em; }
#prijsoverzicht #bestelButton { background-color: #acc922; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url("pie.htc"); position: relative; -webkit-box-shadow: 0px 4px 0px #94ad1d; -moz-box-shadow: 0px 4px 0px #94ad1d; box-shadow: 0px 4px 0px #94ad1d; color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.21); font-size: 1.57143em; font-family: 'proxima_novasemibold'; width: 136px; height: 17px; padding: 15px 0; margin: 30px 0 4px; text-align: center; display: inline-block; }
#prijsoverzicht #bestelButton:hover { text-decoration: none; background-color: #dd127b; -webkit-box-shadow: 0px 4px 0px #b2246d; -moz-box-shadow: 0px 4px 0px #b2246d; box-shadow: 0px 4px 0px #b2246d; }

#product-tabs { background: url("../images/product-info-tabs-bg.gif") repeat-x 0 0 #f9f9f8; padding: 40px 0 0 40px; color: #434343; /* jQuery UI overwrite */ }
#product-tabs h2 { font-family: 'proxima_nova_rgregular'; font-size: 1.78571em; color: #434343; }
#product-tabs .tabs-nav { padding: 0 0 25px; border-bottom: 1px solid #f2f2ef; }
#product-tabs .tabs-nav li { width: 20%; margin: 0; padding: 0; }
#product-tabs .tabs-nav li a { font-size: 1.14286em; color: #434343; text-transform: uppercase; display: inline-block; padding: 0 20px; line-height: 44px; float: none; }
#product-tabs .tabs-nav li a:hover, #product-tabs .tabs-nav li a:focus { color: white; background: #dd127b; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; behavior: url("pie.htc"); position: relative; }
#product-tabs .tabs-nav li.ui-tabs-active a { color: white; background: #dd127b; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; behavior: url("pie.htc"); position: relative; }
#product-tabs .tab.ui-tabs-panel { padding: 30px 0 0; overflow: hidden; }
#product-tabs .tab ul { padding: 0 0 20px 7px; }
#product-tabs .tab ul li { font-size: 1.14286em; margin-bottom: 10px; }
#product-tabs .tab .morelink { background: url("../images/icon-arrow-gray.png") left center no-repeat; color: #434343; padding-left: 25px; font-size: 1.125em; }
#product-tabs.ui-corner-all, #product-tabs .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; behavior: url("pie.htc"); position: relative; }
#product-tabs.ui-widget-content { border: 0; }
#product-tabs .ui-widget-header { background: none; border-left: none; border-right: none; border-top: none; }
#product-tabs .ui-state-active, #product-tabs .ui-widget-content .ui-state-active, #product-tabs .ui-widget-header .ui-state-active, #product-tabs .ui-state-default, #product-tabs .ui-widget-content .ui-state-default, #product-tabs .ui-widget-header .ui-state-default { background: none; color: inherit; border: none; }

#postcodecheck { padding: 60px 40px; text-align: center; }
#postcodecheck h1 { font-size: 1.71429em; color: #434343; padding: 0.5em 0 13px; }
#postcodecheck .subheader { font-family: 'proxima_novalight'; color: #434343; margin: 0 0 40px; }
#postcodecheck form { margin: 0 auto; width: 515px; overflow: hidden; }
#postcodecheck form label { display: none; }
#postcodecheck form input[type="text"] { width: 116px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; behavior: url("pie.htc"); position: relative; }
#postcodecheck form input[type="submit"] { clear: none; font-family: 'proxima_novalight'; font-size: 1.07143em; text-transform: uppercase; height: 36px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 0 0 4px 20px; padding: 6px 33px 6px 15px; background: url("../images/button-arrows.png") no-repeat right -2px #acc922; }
#postcodecheck form input[type="submit"]:hover, #postcodecheck form input[type="submit"]:focus { background: url("../images/button-arrows.png") no-repeat #dd127b right -46px; }
#postcodecheck .availability { padding: 0 100px; }
#postcodecheck .availability a { text-decoration: underline; }
#postcodecheck .availability a:hover, #postcodecheck .availability a:focus { text-decoration: none; }
#postcodecheck .availability .icon-house { background: url("../images/postcodecheck-icon-house.png") no-repeat center center; width: 14px; height: 14px; display: inline-block; margin-right: 12px; }
#postcodecheck .availability .seperator { border-bottom: 1px solid #e5e5e5; }
#postcodecheck .availability .available-items { width: 405px; margin: 0 auto 200px; overflow: hidden; }
#postcodecheck .availability .available-items .product-opties-item { margin-right: 45px; }
#postcodecheck .availability .available-items .product-opties-item.last { margin: 0; }
#postcodecheck .availability .available-items .product-opties-item:hover, #postcodecheck .availability .available-items .product-opties-item:focus { border: 1px solid #d4d4c7; padding: 30px 15px; }
#postcodecheck .availability .available-items .product-opties-item button { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 100%; height: 36px; margin-top: 22px; padding: 8px 15px; font-size: 1.07143em; }
#postcodecheck .availability.succes .message { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url("pie.htc"); position: relative; background: #acc922; padding: 10px; }
#postcodecheck .availability.succes .loader { margin: 15px 0 0; }
#postcodecheck .availability.error { padding: 0; }
#postcodecheck .availability.error h2 { font-family: 'proxima_nova_rgregular'; font-size: 1.71429em; color: #434343; padding: 2.5em 0 60px; }
#postcodecheck .availability.error .message { width: 585px; display: inline-block; background: #f2f2ef; padding: 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url("pie.htc"); position: relative; text-align: left; }

#checkout { padding: 10px 0 0 40px; }
#checkout .left { float: left; width: 572px; overflow: hidden; }
#checkout .right { float: right; }
#checkout form { font-size: 1.14286em; }
#checkout form legend { font-family: 'proxima_novasemibold'; font-size: 1.42857em; width: 100%; border-bottom: 1px dashed #d4d4c7; padding: 0 0 20px 0; margin: 0 0 40px 0; color: #4c4c4c; }
#checkout form .control-label { color: #585044; }
#checkout form .control-group { overflow: hidden; clear: both; margin-bottom: 20px; }
#checkout form .control-group .span1 { width: 72px; }
#checkout form .control-group .span2 { width: 123px; }
#checkout form .control-group .span3 { width: 225px; }
#checkout form .full-width { width: auto; text-align: left; margin-left: 140px; float: none; }
#checkout form .full-width + .controls { margin-left: 140px; }
#checkout form .input-mini { width: 76px; }
#checkout form .input-small { width: 126px; }
#checkout #naw.premium .left { width: 482px; }
#checkout #naw.premium .control-label { width: 125px; }
#checkout #naw.premium #gift { width: 228px; }
#checkout #naw.premium #gift .selected-gift { text-align: center; }
#checkout #proposedDeliveryDate { background: none; width: auto; height: auto; margin: 0; display: inline; }
#checkout #delivery-options label, #checkout #payment-options label { clear: none; }
#checkout #delivery-options .radio, #checkout #delivery-options .checkbox, #checkout #payment-options .radio, #checkout #payment-options .checkbox { width: auto; }
#checkout #payment-options input[type="text"] { margin-left: 49px; }
#checkout #payment-options .checkbox { text-align: left; line-height: 1em; margin-left: 249px; }
#checkout #payment-options .csc-default { display: inline; }
#checkout #payment-options .text, #checkout #payment-options p.bodytext { background: none; display: inline-block; width: 436px; height: auto; line-height: 1em; margin: 0 0 0 15px; font-size: 0.875em; color: #979798; }
#checkout .authorization, #checkout .agreement { padding-top: 10px; }
#checkout .authorization .control-label, #checkout .agreement .control-label { line-height: 1em; }
#checkout .authorization .checkbox .input-view, #checkout .agreement .checkbox .input-view { margin: 0; vertical-align: top; }
#checkout .submit { overflow: hidden; }
#checkout button { width: 230px; margin: 0 auto 4px auto; padding: 10px 45px 10px 15px; background: url("../images/button-arrows.png") no-repeat right top #acc922; float: none; clear: none; display: block; }
#checkout button:hover, #checkout button:focus { background: url("../images/button-arrows.png") no-repeat right -44px #dd127b; }
#checkout .errors { background: #f15757; color: white; padding: 10px; }
#checkout .iban-intro { font-size: 1em; }

#gift { float: right; width: 153px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
#gift .selected-gift { background: #f2f2ef; padding: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url("pie.htc"); position: relative; }
#gift .selected-gift .gift-title { font-size: 1.25em; text-align: center; color: #434343; }
#gift .selected-gift p { font-size: 1em; font-family: 'proxima_novasemibold'; text-align: center; }

#prijsoverzicht .selection ul { list-style: none; padding: 0; }
#prijsoverzicht .selection ul li { margin: 0; padding-left: 36px; line-height: 24px; }
#prijsoverzicht .selection .icon { width: 24px; height: 24px; margin: 0 12px 0 -36px; background: url("../images/product-icon-sprite.png") no-repeat left center; display: inline-block; float: left; }
#prijsoverzicht .selection .icon.icon-internet { background-position: 0 0; }
#prijsoverzicht .selection .icon.icon-bellen { background-position: 0 -24px; }
#prijsoverzicht .selection .icon.icon-tv { background-position: 0 -48px; }
#prijsoverzicht .selection .icon.icon-contract { background-position: 0 -72px; margin: 0; }

.tx-irfaq-pi1 .fold-menu { display: none; }
.tx-irfaq-pi1 .spacer { margin: 0; }
.tx-irfaq-pi1 header { padding: 0; }
.tx-irfaq-pi1 ul.tx-irfaq-questions-list { margin-bottom: 75px; }
.tx-irfaq-pi1 ul li a { text-decoration: none; }
.tx-irfaq-pi1 ul li a:hover { text-decoration: underline; }
.tx-irfaq-pi1 ul li a p.bodytext { margin: 0; display: inline; font-weight: bold; }
.tx-irfaq-pi1 .tx-irfaq-answer { margin-bottom: 10px; }
.tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext { margin: 0; display: inline; font-weight: bold; }
.tx-irfaq-pi1 dt { border-top: 1px solid #e5e5e5; padding: 10px 0; }
.tx-irfaq-pi1 dt p { margin: 0 0 0 5px; display: inline; text-transform: uppercase; color: #434343; font-family: 'proxima_novasemibold'; font-size: 1em; }
.tx-irfaq-pi1 dd { margin-left: 0; }
.tx-irfaq-pi1 dd p { margin-top: 0; font-size: 1em; color: #434343; }
.tx-irfaq-pi1 .additional-info { margin-bottom: 10px; }
.tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links { padding-top: 0; padding-bottom: 0; margin-top: 3px; margin-bottom: 15px; }
.tx-irfaq-pi1 .tx-irfaq-cleaner { clear: left; height: 1px; }
.tx-irfaq-pi1 .tx-irfaq-dynheader { cursor: pointer; }
.tx-irfaq-pi1 .tx-irfaq-dynans-hidden { display: none; }
.tx-irfaq-pi1 .tx-irfaq-dynans-visible { display: inline; }

@font-face { font-family: 'proxima_nova_rgbold'; src: url("../fonts/proximanova/proximanova-bold-webfont.eot"); src: url("../fonts/proximanova/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_novaextrabold'; src: url("../fonts/proximanova/proximanova-extrabold-webfont.eot"); src: url("../fonts/proximanova/proximanova-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-extrabold-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-extrabold-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-extrabold-webfont.svg#proxima_novaextrabold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_novalight'; src: url("../fonts/proximanova/proximanova-light-webfont.eot"); src: url("../fonts/proximanova/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-light-webfont.svg#proxima_novalight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_nova_rgregular'; src: url("../fonts/proximanova/proximanova-regular-webfont.eot"); src: url("../fonts/proximanova/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'proxima_novasemibold'; src: url("../fonts/proximanova/proximanova-semibold-webfont.eot"); src: url("../fonts/proximanova/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg"); font-weight: normal; font-style: normal; }

img.marginLeft { margin: 5px 0 5px 5px; }

img.marginRight { margin: 5px 5px 5px 0; }

img.floatLeft { float: left; }

img.floatRight { float: right; }

ul { list-style: disc outside none; margin: 0; padding: 0 0 10px 25px; }
ul ul, ul ol { padding: 0 0 0 5px; }

ol { list-style: decimal outside none; margin: 0; padding: 0 0 10px 25px; }
ol ul, ol ol { padding: 0 0 0 5px; }

li { margin: 0 0 0 10px; padding: 0 0 0 5px; }

table, tr, td, th { border: 0; margin: 0; padding: 0; font-size: 100%; }

table, .htmlarea-content-body table { border-collapse: collapse; border-spacing: 0; }
table th, .htmlarea-content-body table th { background: #ddd9b0; border: 0; color: #001852; padding: 8px; font-size: 12px; font-weight: bold; border: 1px solid #ddd9b0; }
table td, .htmlarea-content-body table td { border: 1px solid #ddd9b0; padding: 8px; vertical-align: top; font-size: 11px; }

th, td, caption, .htmlarea-content-body th, .htmlarea-content-body td, .htmlarea-content-body caption { font-weight: normal; vertical-align: top; text-align: left; }

.htmlarea-content-body caption, caption { margin-bottom: 5px; }

body, table { font: 100%/1em "proxima_nova_rgregular", Arial, sans-serif; }

table { table-layout: fixed; width: 100%; margin-bottom: 15px; }

td, th { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }

img { padding: 0; margin: 0; }

#pagecontainer { font: 0.875em/1.5em "proxima_nova_rgregular", Arial, sans-serif; }

.htmlarea-content-body { font-size: 0.875em; }

h1 { font-size: 2.14286em; font-weight: normal; padding: 0.5em 0 1em; line-height: 34px; }

h2 { font-family: 'proxima_novasemibold'; font-size: 1.35714em; font-weight: normal; padding: 0.5em 0 1em; line-height: 24px; }

h3 { font-size: 1.14286em; margin: 10px 0 10px; font-weight: normal; line-height: 24px; }

h4 { font-size: 1.14286em; margin: 0 0 10px; font-weight: normal; }

h5 { font-size: 1.14286em; margin: 0 0 10px; font-weight: normal; }

h6 { font-size: 1em; margin: 0 0 10px; font-weight: normal; }

a { color: #dd127b; text-decoration: none; font-size: 1em; }

a:hover, a:focus, a.active { color: #dd127b; text-decoration: underline; }

p { margin: 5px 0 10px 0; }

hr { border: 0; height: 1px; background: #434343; margin: 5px 0; }

blockquote { font-style: italic; padding: 10px 15px 0; margin: 0; font-size: 1.14286em; }
blockquote:before { content: '"'; }
blockquote:after { content: '"'; }

abbr, acronym { border-bottom: .1em dotted; cursor: help; }

.center { text-align: center; }

.highlight, .lightbox, .iframebox { padding: 0; }

.morelink { background: url("../images/icon-arrow-gray.png") left center no-repeat; color: #434343; padding-left: 25px; font-size: 1.125em; }

.buttonlink { background: #f0258e; color: white; padding: 0 5px; margin-left: 10px; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url("pie.htc"); position: relative; }
.buttonlink:hover { text-decoration: none; color: white; }
