/* KLEUREN (BBeun) */ /* .grijs {color: #606060; } .lichtgrijs {color: #e6e4e4; } .donkergrijs {color: #303030; } .geel {color: #ffd100; } .rood {color: #f26534; } */ /* FRONTPAGE SMB (saerts) */ .restyle-frontcontainer li { width: 228px; height: 180px; margin-right: 11px; padding: 0; float: left; position: relative; list-style: none; } .restyle-frontcontainer h3, .homebox_small h3, .adesk h3, .shakers h3 { font-size: 18px; padding-left: 10px; font-family: 'BreuerTextRegular'; color: #f26534; font-weight: normal; } .restyle-frontcontainer a { position: absolute; bottom: 3px; left: 12px; } /* ALGEMEEN (BBeun) */ .c { text-align: center; } .l { text-align: left; } .r { text-align: right; } .b { font-weight: bold; } .u { text-decoration: underline; } .i { font-style: italic; } div.grijs, span.grijs, h1.grijs, h2.grijs, h3.grijs, h4.grijs, h5.grijs, h6.grijs, p.grijs, a.grijs, font.grijs, small.grijs, strike.grijs, strong.grijs, sub.grijs, sup.grijs, b.grijs, u.grijs, i.grijs, li.grijs, label.grijs, tr.grijs, th.grijs, td.grijs { color: #606060; } div.lichtgrijs, span.lichtgrijs, h1.lichtgrijs, h2.lichtgrijs, h3.lichtgrijs, h4.lichtgrijs, h5.lichtgrijs, h6.lichtgrijs, p.lichtgrijs, a.lichtgrijs, font.lichtgrijs, small.lichtgrijs, strike.lichtgrijs, strong.lichtgrijs, sub.lichtgrijs, sup.lichtgrijs, b.lichtgrijs, u.lichtgrijs, i.lichtgrijs, li.lichtgrijs, label.lichtgrijs, tr.lichtgrijs, th.lichtgrijs, td.lichtgrijs { color: #e6e4e4; } div.donkergrijs, span.donkergrijs, h1.donkergrijs, h2.donkergrijs, h3.donkergrijs, h4.donkergrijs, h5.donkergrijs, h6.donkergrijs, p.donkergrijs, a.donkergrijs, font.donkergrijs, small.donkergrijs, strike.donkergrijs, strong.donkergrijs, sub.donkergrijs, sup.donkergrijs, b.donkergrijs, u.donkergrijs, i.donkergrijs, li.donkergrijs, label.donkergrijs, tr.donkergrijs, th.donkergrijs, td.donkergrijs { color: #303030; } div.geel, span.geel, h1.geel, h2.geel, h3.geel, h4.geel, h5.geel, h6.geel, p.geel, a.geel, font.geel, small.geel, strike.geel, strong.geel, sub.geel, sup.geel, b.geel, u.geel, i.geel, li.geel, label.geel, tr.geel, th.geel, td.geel { color: #ffd100; } div.rood, span.rood, h1.rood, h2.rood, h3.rood, h4.rood, h5.rood, h6.rood, p.rood, a.rood, font.rood, small.rood, strike.rood, strong.rood, sub.rood, sup.rood, b.rood, u.rood, i.rood, li.rood, label.rood, tr.rood, th.rood, td.rood { color: #f26534; } div.wit, span.wit, h1.wit, h2.wit, h3.wit, h4.wit, h5.wit, h6.wit, p.wit, a.wit, font.wit, small.wit, strike.wit, strong.wit, sub.wit, sup.wit, b.wit, u.wit, i.wit, li.wit, label.wit, tr.wit, th.wit, td.wit { color: white; } /* ROUNDED BORDERS (BBeun) */ div.rb { margin-bottom: 10px; } div.kolom { margin-right: 10px; float: left; } /* grijze achtergrond (BBeun) */ div.bg-grijsfade { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_grijsfadeonder.png') repeat-x scroll left bottom; } div.bg-grijsfadekort { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_grijsfadeonder-kort.png') repeat-x scroll left bottom; } div.bg-grijsfadeonder { background: transparent url('http://images.tn-media.be/tsd3/coax/grijsonder_bg.jpg') scroll left bottom; } /* grijze rand (BBeun) */ div.rounded-grijs-top { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand.png') no-repeat scroll left top; padding: 0 0 0 15px; margin: 0 15px 0 0; } div.rounded-grijs-top div.rounded-grijs-top { background-position: right top; padding: 8px 15px 3px 0; margin: 0 -15px 0 0; } div.rounded-grijs-tabs { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_tabs_grijzerand.png') no-repeat scroll right 0; padding: 0; margin: 0; padding-right: 15px; } div.rounded-grijs-tabs ul { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_tabs_grijzerand.png') no-repeat scroll left 0; padding: 0; margin: 0; height: 40px; } div.rounded-grijs-tabs ul li { background: transparent url('http://graphics.tn-media.be/tsd3/style/tab_link.png') no-repeat scroll left top; float: left; margin: 0; padding: 9px 15px 0; height: 21px; width: 95px; } div.rounded-grijs-tabs ul li.active { background-image: url('http://graphics.tn-media.be/tsd3/style/tab_active.png'); color: #f26534; } div.rounded-grijs-tabs ul li.active a { color: #f26534; text-decoration: none; background-image: url('http://graphics.tn-media.be/tsd3/style/tab_active.png'); } div.rounded-grijs-tabs ul li.active a:hover { color: #f26534; text-decoration: none; } div.rounded-grijs-tabs ul li a { color: #606060; text-decoration: none; display: block; padding: 9px 15px 0; height: 21px; width: 95px; margin: -9px -15px 0 } div.rounded-grijs-tabs ul li.breed { background-image: url('http://graphics.tn-media.be/tsd3/style/tabbreed_link.png'); width: 125px; } div.rounded-grijs-tabs ul li.breed a { width: 125px; } div.rounded-grijs-tabs ul li.breed.active { background-image: url('http://graphics.tn-media.be/tsd3/style/tabbreed_active.png'); } div.rounded-grijs-tabs ul li.breed.active a { background-image: url('http://graphics.tn-media.be/tsd3/style/tabbreed_active.png'); } div.rounded-grijs-center { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand.png') no-repeat scroll left center; padding: 0 0 0 15px; margin: 0 15px 0 0; height: 100%; } /* width:714px; weggedaan, width is niet voor alle pages gelijk (afhankelijk van gele blok enzo) */ div.rounded-grijs-center div.rounded-grijs-center { background-position: right center; padding: 3px 15px 3px 0; margin: 0 -15px 0 0; } div.rounded-grijs-center div.rounded-grijs-center div.rounded-grijs-center { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand.png') no-repeat scroll left center; padding: 0 0 0 15px; margin: 0 15px 0 0; height: 100%; } /* geneste blokken */ div.rounded-grijs-center div.rounded-grijs-center div.rounded-grijs-center div.rounded-grijs-center { background-position: right center; padding: 3px 15px 3px 0; margin: 0 -15px 0 0; } /* geneste blokken */ *div.rounded-grijs-center div.rounded-grijs-center, *div.rounded-grijs-center { margin: 0; } div.rounded-grijs-bottom, div.rounded-grijs-bottom div.rounded-grijs-bottom div.rounded-grijs-bottom { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand.png') no-repeat scroll left bottom; padding: 0 0 0 15px; margin: 0 15px 0 0; border-bottom: 1px solid white; } div.rounded-grijs-bottom div.rounded-grijs-bottom, div.rounded-grijs-bottom div.rounded-grijs-bottom div.rounded-grijs-bottom div.rounded-grijs-bottom { background-position: right bottom; padding: 6px 15px 8px 0; margin: 0 -15px 0 0; border-bottom: 0px; } .breed div.rounded-grijs-top, .breed div.rounded-grijs-bottom, .breed div.rounded-grijs-center { background-image: url("http://graphics.tn-media.be/tsd3/style/rb_grijzerand_breed.gif"); } div.bg-grijsfade div.rounded-grijs-top, div.bg-grijsfade div.rounded-grijs-bottom, div.bg-grijsfade div.rounded-grijs-center, div.bg-grijsfadekort div.rounded-grijs-top, div.bg-grijsfadekort div.rounded-grijs-bottom, div.bg-grijsfadekort div.rounded-grijs-center, div.bg-geel div.rounded-grijs-top, div.bg-geel div.rounded-grijs-bottom, div.bg-geel div.rounded-grijs-center { background-image: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png'); } .tip-werknemer-start-top { background: url("http://graphics.tn-media.be/tsd3/tip/rounded_head_werknemers_start.png") no-repeat scroll left top transparent !important; height: 161px; margin: 0 !important; width: 475px; } div.bg-lint-border { background-color: #fefefe; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } /* rode rand (BBeun) */ div.rounded-rood-top { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_roderand.png') no-repeat scroll left top; padding: 0 0 0 15px; margin: 0 15px 0 0; } div.rounded-rood-top div.rounded-rood-top { background-position: right top; padding: 8px 15px 3px 0; margin: 0 -15px 0 0; overflow: auto; } div.rounded-rood-center { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_roderand.png') no-repeat scroll left center; padding: 0 0 0 15px; margin: 0 15px 0 0; } div.rounded-rood-center div.rounded-rood-center { background-position: right center; padding: 3px 15px 3px 0; margin: 0 -15px 0 0; } div.rounded-rood-bottom { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_roderand.png') no-repeat scroll left bottom; padding: 0 0 0 15px; margin: 0 15px 0 0; border-bottom: 1px solid white; } div.rounded-rood-bottom div.rounded-rood-bottom { background-position: right bottom; padding: 6px 15px 8px 0; margin: 0 -15px 0 0; border-bottom: 0px; } /* gele achtergrond (BBeun) */ div.bg-geel { background: #ffd100 url('http://graphics.tn-media.be/tsd3/style/rb_geelfadeonder.png') repeat-x scroll left bottom; } div.bg-wit { background: #ffffff; } div.bg-grijs { background: #e6e4e4; } /* geen rand (BBeun) */ div.rounded-top { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_geenrand.png') no-repeat scroll left top; padding: 0 0 0 15px; margin: 0 15px 0 0; } div.rounded-top div.rounded-top { background-position: right top; padding: 8px 15px 3px 0; margin: 0 -15px 0 0; } div.rounded-center { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_geenrand.png') no-repeat scroll left center; padding: 0 0 0 15px; margin: 0 15px 0 0; } div.rounded-center div.rounded-center { background-position: right center; padding: 3px 15px 3px 0; margin: 0 -15px 0 0; } div.rounded-bottom { background: transparent url('http://graphics.tn-media.be/tsd3/style/rb_geenrand.png') no-repeat scroll left bottom; margin: 0 15px 0 0; } div.rounded-bottom div.rounded-bottom { background-position: right bottom; padding: 0; height: 15px; margin: 0 -15px 0 0; } /* ALLERLEI (BBeun) */ .voettekst, .voetnoot { font-size: 90%; color: #606060; } div.hr, hr { background: transparent url('http://graphics.tn-media.be/tsd3/hr.png') no-repeat scroll center center; border: 0; height: 1px; margin: 5px 0; } img.hr { height: 1px; clear: both; } div.bg-geel hr { background: transparent url('http://graphics.tn-media.be/tsd3/hr_yellow.png') no-repeat scroll center center; border: 0px; height: 4px; margin: 5px 0; } td.nob, th.nob { border: 0px; } /* SPECIFIEK */ /* btn_kleine_bedrijven_&_zelfstandigen */ #btn_kleine_bedrijven { width: 230px; height: 67px; background-image: url("http://graphics.tn-media.be/tsd3/btn_kleine_bedrijven/bg_button.png"); background-repeat: no-repeat; padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* blok rechterkant */ #adviesblok span.wit, #adviesblok span.rood { font-size: 14px; line-height: 19px; } #adviesblok span.rood { font-weight: bold; } /* homepage Middelgrote en grote bedrijven */ div#oplossingen, div#sectoren, div#producten, div#connectline, div#directnaar, div#homebox, div#overheid { float: left; margin-right: 8px; background: transparent url('http://graphics.tn-media.be/tsd3/home/bg_box.png') no-repeat scroll left top; width: 200px; height: 150px; padding: 15px; } div#oplossingen { background-image: url("http://graphics.tn-media.be/tsd3/home/bg_oplossingen.png"); } div#connectline { background-image: url("http://graphics.tn-media.be/tsd3/home/bg_connectline.png"); } div#sectoren { background-image: url("http://graphics.tn-media.be/tsd3/home/bg_sectoren.png"); } div#producten { background-image: url("http://graphics.tn-media.be/tsd3/home/bg_producten_v2.png"); } div#overheid { background-image: url("http://graphics.tn-media.be/tsd3/home/bg_overheid.png"); } div#directnaar { margin-right: 0px; } div#directnaar a, div#homebox a { text-decoration: none; } div#directnaar h2, div#homebox h2 { margin-top: 0px; } div#oplossingen div.top, div#sectoren div.top, div#producten div.top, div#connectline div.top, div#overheid div.top { height: 35px; } div#oplossingen div.center, div#sectoren div.center, div#producten div.center, div#connectline div.center, div#overheid div.center { height: 80px; } #node2 div#adviesblok .rounded-bottom .rounded-bottom { height: 170px; } /* succesverhalen */ .view-succesverhalen .views-row, .view-succesverhalen-overheid .views-row, .view-succesverhalen-bedrijven .views-row { float: left; width: 182px; padding: 0px; margin-right: 5px; } .view-succesverhalen .view-content .rounded-grijs-center, .view-succesverhalen-overheid .view-content .rounded-grijs-center, .view-succesverhalen-bedrijven .view-content .rounded-grijs-center { height: 250px; } .view-succesverhalen .views-field-field-cutomer-photo-value, .view-succesverhalen-overheid .views-field-field-cutomer-photo-value, .view-succesverhalen-bedrijven .views-field-field-cutomer-photo-value { margin: 0px; margin-bottom: 5px; padding: 0; width: 160px; height: 90px; } .view-succesverhalen .views-field-field-customer-name-value span, .view-succesverhalen-overheid .views-field-field-customer-name-value span, .view-succesverhalen-bedrijven .views-field-field-customer-name-value span { color: #f26534; font-size: 10px; display: block; } .view-succesverhalen .views-field-field-customer-function-value span, .view-succesverhalen .views-field-field-customer-company-value span, .view-succesverhalen-overheid .views-field-field-customer-function-value span, .view-succesverhalen-overheid .views-field-field-customer-company-value span, .view-succesverhalen-bedrijven .views-field-field-customer-function-value span, .view-succesverhalen-bedrijven .views-field-field-customer-company-value span { color: #f26534; font-size: 10px; font-weight: bold; margin-right: 2px; } /* Succesverhalen detail (saerts) */ .klant_exposed { background: #f4f4f4; padding: 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 30px; } .attachment-before .view-header h2{clear:both; margin-bottom:20px;} .attachment-before {padding-bottom:20px;} .views-exposed-widget:last-child { clear: both; display: block; } .views-exposed-form label { font-weight: normal; color: #58595b; } label[for=edit-sid], label[for=edit-oid] { font-size: 15px; color: #333333; margin-bottom: 15px; display: block; } div.anderklantverhaal { clear: both; width: 100%; border-bottom: 1px solid#EEE; min-height: 135px; } body.fr div.anderklantverhaal { min-height: 145px; } div.anderklantverhaal span { color: #000000; } div.anderklantverhaal h2 { font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; } div.anderklantverhaal a { text-decoration: none; } div.anderklantverhaal a:hover { text-decoration: underline; } div.anderklantverhaal .klant_image { float: left; display: block; width: 27%; } div.anderklantverhaal .klant_name { font-weight: bold; } div.anderklantverhaal .klant_data { float: left; width: 73%; } div.anderklantverhaal blockquote { background: url("http://images.tn-media.be/tsd3/restyle_2012/klant_quote_left.png") no-repeat left top; margin: 12px 0; padding: 0 20px; font-style: italic; } div.anderklantverhaal blockquote span { color: #58595b; background: url("http://images.tn-media.be/tsd3/restyle_2012/klant_quote_right.png") no-repeat right bottom; padding-right: 20px; } div.anderklantverhaal .rounded-grijs-top .rounded-grijs-top { height: 260px; } div.anderklantverhaal_fr img { margin: -8px -15px 8px -15px; } div.anderklantverhaal_fr { width: 158px; float: left; margin-right: 5px; } div.anderklantverhaal_fr .rounded-grijs-top .rounded-grijs-top { height: 170px; } /*sectoren overzicht (FCantineau)*/ #banken_verzekeringsinstellingen, #gezondheidszorg, #industrie, #media, #overheid-sectoren, #retail, #diensten { float: left; width: 155px; height: 155px; background-repeat: no-repeat; margin-right: 8px; margin-bottom: 8px; } #banken_verzekeringsinstellingen { background-image: url("http://graphics.tn-media.be/tsd3/sectoren/bg_banken_verzekeringsinstellingen.png"); } #gezondheidszorg { background-image: url("http://graphics.tn-media.be/tsd3/sectoren/bg_gezondheidszorg.png"); } #industrie { background-image: url("http://graphics.tn-media.be/tsd3/sectoren/bg_industrie.png"); } #media { background-image: url("http://graphics.tn-media.be/tsd3/sectoren/bg_media.png"); } #overheid-sectoren { background-image: url("http://graphics.tn-media.be/tsd3/sectoren/bg_overheid.png"); } #retail { background-image: url("http://graphics.tn-media.be/tsd3/sectoren/bg_retail.png"); } #diensten { background-image: url("http://graphics.tn-media.be/tsd3/sectoren/bg_diensten.png"); } /*klantenzone overzicht (FCantineau)*/ #kz_facturatie, #kz_uwgegevens, #kz_algemenevoorwaarden, #kz_mybill, #kz_officeline, #kz_dvob, #kz_telenetconnect, #kz_telenetincentiveplan, #kz_security, #kz_hostbasket { float: left; width: 155px; height: 155px; background-repeat: no-repeat; margin-right: 8px; margin-bottom: 8px; } #kz_facturatie { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_facturatie.png"); } #kz_uwgegevens { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_uwgegevens.png"); } #kz_algemenevoorwaarden { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_algemenevoorwaarden.png"); } #kz_mybill { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_mybill.png"); } #kz_officeline { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_officeline.png"); } #kz_dvob { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_dvob.png"); } #kz_telenetconnect { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_telenetconnect.png"); } #kz_telenetincentiveplan { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_telenetincentiveplan.png"); } #kz_security { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_security.png"); } #kz_hostbasket { background-image: url("http://graphics.tn-media.be/tsd3/klantenzone/bg_hostbasket.png"); } /*producten overzicht*/ #internet, #telefonie, #gecombineerde_oplossingen, #data, #tv_voor_business, #security, #hosted_services { float: left; width: 155px; height: 155px; background-repeat: no-repeat; margin-right: 8px; margin-bottom: 8px; } #internet { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_internet.png"); } #telefonie { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_telefonie.png"); } #gecombineerde_oplossingen { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_gecombineerde_oplossingen.png"); } #data { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_data.png"); } #tv_voor_business { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_tv_voor_business.png"); } #security { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_security.png"); } #hosted_services { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_hosted_services.png"); } /* Tables (saerts) */ table { border: 1px solid #E6E4E4; border-collapse: collapse; margin-bottom: 10px; width: 100%; } table td, table th { padding: 5px 7px; text-align: left; } table td, table th { border: 1px dotted #E4E4E4; } table th { border: 1px solid #E4E4E4; } table tr.top th { background: url("http://graphics.tn-media.be/tsd3/style/th_grijsonder.png") repeat-x scroll left bottom #F7F7F7; font-weight: bold; text-align: left; } table th.title { background: url("http://graphics.tn-media.be/tsd3/style/th_grijsrechts.png") repeat-y scroll right bottom #F7F7F7; } .no-bg, table tr.top th.no-bg { background: none repeat scroll 0 0 transparent; } table.no-format { background: none repeat scroll 0 0 transparent; border: 0 none; border-collapse: collapse; margin-bottom: 10px; } table.no-format td, table.no-format th { border: 0 none; } /* TABLE SPECIAL */ table.special { width: 100%; border-collapse: collapse; margin-bottom: 10px; } table.special td, table.special th { padding: 5px 7px; text-align: left; } table.special td { /*border: 1px dashed #f26534 */} table.special td { border-top: 1px solid #d3cfcb; } table.special tr.top th { text-align: left; font-weight: bold; } table.special th.title { } table.special tr.top th { background: none; } .no-bg, table tr.top th.no-bg { background: none; } table.no-format { margin-bottom: 10px; background: none; border: 0px; border-collapse: collapse; } table.no-format td, table.no-format th { border: 0px; } /* TABLE INSTALLATION */ table.installatie { border: none; } table.installatie th { border-left: 1px dotted #ffc421; border-bottom: 1px dotted #cccccc; border-top: none; border-right: none; font-family: 'CooperStdBlack'; font-size: 16px; color: #f26534; font-weight: normal; } table.installatie td { border-left: 1px dotted #ffc421; border-bottom: 1px dotted #cccccc; border-top: none; border-right: none; } /* glossary (BBeun) */ dfn { padding-right: 14px; background: transparent url('http://graphics.tn-media.be/tsd3/tooltip.png') no-repeat scroll right top; display: inline-block; } a.glossary-term, a.glossary-term dfn { text-decoration: none; cursor: help; font-style: normal; } .glossary-links { height: 30px; margin-bottom: 25px; line-height: 20px; } .glossary-links a, .glossary-links span.letter { padding: 2px 6px; background: transparent url('http://graphics.tn-media.be/tsd3/style/bg_glossary.png') no-repeat scroll center center; text-transform: uppercase; text-decoration: none; } .glossary-links a.active { font-weight: bold; } .glossary-links span.letter { background-image: url('http://graphics.tn-media.be/tsd3/style/bg_glossary_grijs.png'); } .glossary-list dt.depth0 { color: #f26534; width: 148px; float: left; clear: left; } .glossary-list dd.depth0 { padding-left: 150px; background: transparent url('http://graphics.tn-media.be/tsd3/hr_grijs.png') no-repeat scroll center bottom; padding-bottom: 10px; margin-bottom: 10px; } /* Images (BBeun) */ img.links { margin: 0px 15px 10px 0; float: left; } img.rechts { margin: 0px 0 10px 10px; float: right; } /* print- en pdf-icon (BBeun) */ div.print, div.pdf { float: left; margin-left: 10px; } div.print { margin-left: 20px; } /* carries (FCantineau)*/ #container_top { background-image: url('http://graphics.tn-media.be/tsd3/carriers/container_top.png'); width: 682px; height: 38px; padding-left: 25px; } #container_middle { background-image: url('http://graphics.tn-media.be/tsd3/carriers/container_middle.png'); width: 707px; padding-left: 20px; } #container_bottom { background-image: url('http://graphics.tn-media.be/tsd3/carriers/container_bottom.png'); width: 707px; height: 20px; } #page_top { background-image: url('http://graphics.tn-media.be/tsd3/carriers/page_top.png'); width: 668px; height: 211px; } #page_middle { background-image: url('http://graphics.tn-media.be/tsd3/carriers/page_middle.png'); width: 668px; } #page_bottom { background-image: url('http://graphics.tn-media.be/tsd3/carriers/page_bottom.png'); width: 668px; height: 15px; } #carriers_header { background-image: url('http://graphics.tn-media.be/tsd3/carriers/carriers_header.png'); width: 666px; height: 209px; } #eline, #voice_data { padding-top: 10px; padding-left: 25px; background-repeat: no-repeat; } #eline { background-image: url('http://graphics.tn-media.be/tsd3/carriers/box_eline.png'); width: 130px; height: 84px; padding-right: 75px; } #voice_data { background-image: url('http://graphics.tn-media.be/tsd3/carriers/box_voice_data.png'); width: 180px; height: 129px; padding-right: 25px; } /* Klantenzone Contact */ .contactformulier label, .fieldset label { width: 195px; margin: 2px; float: left; } /* Contactform (GertvdB) */ #custom-forms-tsd-salesforce-partners fieldset { border: none; } #custom-forms-tsd-salesforce-partners label { width: 195px; float: left; text-align: left; display: block; margin: 2px; } #custom-forms-tsd-salesforce-partners textarea { width: 245px; height: 75px; margin: 2px; float: left; margin-left: 10px; } .contactformulier .text { height: 12px; margin: 2px; width: 245px; } #custom-forms-tsd-salesforce-partners.contactformulier label { width: 195px; float: left; margin: 2px; } .contactformulier textarea { float: left; margin-left: 10px; height: 75px; width: 245px; } .contactformulier .checkboxen { margin-left: 205px; } .contactformulier .extratext { margin-left: 18px; } #custom-forms-tsd-salesforce-partners.contactformulier .radio { margin-left: 10px; float: left; } #custom-forms-tsd-salesforce-partners input.form-radio { width: auto; } #custom-forms-tsd-salesforce-partners div.form-item { clear: both; } #custom-forms-tsd-salesforce-partners div.form-radios { display: block; float: left; } .fieldset input, .fieldset textarea { width: 250px; } .fieldset select { width: 256px; } .fieldset input.form-radio, .fieldset input.form-checkbox { width: auto; } .fieldset legend { font-size: 15px; font-weight: bold; color: #333333; line-height: 18px; margin-bottom: 6px; } .fieldset div.form-checkboxes, .fieldset div.form-radios { display: block; float: left; } /*FAQ (GertvdB)*/ .trigger.active { color: #f26534; } .block { border-top: 1px dotted #f26534; padding: 5px; margin-left: 12px; } h3.trigger { color: #303030; cursor: pointer; font-size: 15px; font-family: 'BreuerTextRegular'; font-weight: normal; } div.tabs_container h3.trigger { color: #303030; } div.tabs_container h3.trigger.active { color: #f26534; } h3.trigger span { margin-right: 8px; } /* Glossary-links op glossary-page zelf niet layouten (BBeun) */ .no-glossary a.glossary-term dfn { padding: 0; background: none; font-style: normal; } .no-glossary dfn { padding: 0; background: none; font-style: normal; } /* SOHO btns rechts (FCantineau) */ .btn_rechts { background-image: url('http://graphics.tn-media.be/tsd3/btn_soho_rechts.png'); background-repeat: no-repeat; width: 230px; height: 45px; text-align: center; } /* SOHO DL DD DT (FCantineau) */ dl.opties dt { background: transparent url("http://graphics.tn-media.be/tsd3/square_grijs.png") no-repeat left 1px; padding-left: 20px; font-weight: bold; float: left; clear: left; position: absolute; } dl.opties dd { background: transparent url("http://graphics.tn-media.be/tsd3/bullet_rood.png") no-repeat left 3px; padding-left: 12px; margin-left: 150px; margin-right: 20px; margin-bottom: 6px; } dl.opties dt.checkbox { background: none; padding-left: 0; } /* Header Balk Grijs (FCantineau) */ .balk_grijs { background-image: url('http://graphics.tn-media.be/tsd3/header_balk_grijs.png'); background-repeat: no-repeat; color: #606060; width: 354px; height: 29px; padding-left: 10px; padding-top: 10px; } /* Soho shakes overzicht */ #shake_container { width: 226px; float: left; } #shake_top { height: 55px; } #shake_center { height: 170px; } #shake_bottom { height: 35px; } .shake_titelvoet { margin-top: -15px; font-weight: bold; color: #606060; } /* SOHO internet + shake detailpagina's (BBeun) */ .propertylist h2 { font-size: 14px; border-bottom: 1px solid #E6E4E4; padding-bottom: 3px; } .propertylist dl { margin-bottom: 16px; } .propertylist dt { float: left; clear: left; padding-right: 15px; } .propertylist dd { margin-left: 265px; margin-right: 20px; margin-bottom: 6px; } /* Foutmeldingen BBeun */ div#drupalmessages { margin-bottom: 10px; color: #666666; } /* Contactform met php styling (Gvandenbuijs) */ /* Updates for Contactform small business (Kris Lamote) */ #custom-forms-tsd-salesforce, #custom-forms-tsd-salesforce-small { width: 500px; } #custom-forms-tsd-salesforce label, #custom-forms-tsd-salesforce-small label { text-align: left; width: 200px; display: block; } #custom-forms-tsd-salesforce label, #custom-forms-tsd-salesforce-small label { text-align: left; width: 200px; display: block; float: left; margin-top: 2px; margin-bottom: 2px; } #custom-forms-tsd-salesforce label.option, #custom-forms-tsd-salesforce-small label.option { text-align: left; width: 130px; display: inline; } #custom-forms-tsd-salesforce select.form-select, #custom-forms-tsd-salesforce-small select.form-select { width: 205px; margin-left: 10px; float: left; margin-top: 3px; margin-bottom: 4px; } #custom-forms-tsd-salesforce input.form-text, #custom-forms-tsd-salesforce-small input.form-text { display: block; width: 200px; float: left; margin-left: 10px; margin-top: 2px; margin-bottom: 2px; } #custom-forms-tsd-salesforce div.form-checkboxes, #custom-forms-tsd-salesforce-small div.form-checkboxes { margin-left: 205px; float: none; margin-top: 5px; margin-bottom: 5px; } #custom-forms-tsd-salesforce div.form-checkboxes input, #custom-forms-tsd-salesforce-small div.form-checkboxes input { width: 30px; } #custom-forms-tsd-salesforce div.form-checkboxes label, #custom-forms-tsd-salesforce-small div.form-checkboxes label { width: 212px; margin-top: 0px; } #custom-forms-tsd-salesforce textarea.form-textarea, #custom-forms-tsd-salesforce-small textarea.form-textarea { margin-left: 30px; width: 204px; border: 1px solid #e6e4e4; ; padding: 0px; } #custom-forms-tsd-salesforce input.form-radio, #custom-forms-tsd-salesforce-small input.form-radio { margin-left: 10px; } #custom-forms-tsd-salesforce #edit-salutation-Dhr.-wrapper, #custom-forms-tsd-salesforce-small #edit-salutation-Dhr.-wrapper { border: 1px solid purple; } #custom-forms-tsd-salesforce #edit-salutation-Mevr.-wrapper, #custom-forms-tsd-salesforce-small #edit-salutation-Mevr.-wrapper { float: left; } #custom-forms-tsd-salesforce fieldset, #custom-forms-tsd-salesforce-small fieldset { border: none; margin-top: 5px; margin-bottom: 5px; } #custom-forms-tsd-salesforce fieldset legend, #custom-forms-tsd-salesforce-small fieldset legend { font-size: 15px; font-weight: bold; color: #333333; line-height: 18px; padding-bottom: 5px; } #edit-00N20000000jDlr-wrapper label { margin-top: 5px; border-bottom: 5px; } #edit-00N20000000jDlr-wrapper textarea { margin-top: 5px; margin-bottom: 5px; } #edit-00N20000000jDlr-wrapper label { width: 180px; } #edit-street-wrapper label { width: 180px; } /*DIGITALE TV (Gvandenbuijs) */ #node352 #submenu h2 { display: none; } #node827 #submenu { display: none; } #node828 #submenu { display: none; } /* Shoplinks-jquery box (BBeun) */ #shoplinksbox { background: white url('http://graphics.tn-media.be/tsd3/shoplink.png') no-repeat fixed center center; display: none; left: 50%; margin-left: -200px; margin-top: -100px; position: fixed; top: 50%; width: 310px; height: 194px; z-index: 6000; text-align: center; padding: 45px; } /* Televisie-pagina (CGilis) */ #node352 div#submenu { display: none; } #node352 div#linkerblok div#content { width: 660px; } #node3231 #submenu { display: none; } /* Vaste telefonie (DZerkowitz) */ #node350 dl.opties dt { font-weight: bold; float: left; clear: left; display: inline; } #node792 dl.opties dt { no-repeat left 1px; font-weight: bold; float: left; clear: left; } #node 692 dl.opties dt { no-repeat left 1px; font-weight:bold; float:left; clear: left; } /* PROMO */ .bluetoothspeaker { background: url("http://images.tn-media.be/tsd3/mobile/promo_smartphones.png ") no-repeat scroll 0 0 transparent; height: 50px; position: relative; left: 13px; } .freeTablet_pos { position: relative; left: 15px; } /* Click-open lists (node 581 / BBeun) */ dl.clickopen dt { cursor: pointer; font-weight: bold; padding: 2px 0; display: block; border-bottom: 1px solid gray; } .h2opensnextdiv h2 { font-size: 13px; cursor: pointer; } div#rssbox div.rsstitle { padding: 8px 0; } div#rssbox div.rsstitle a { text-decoration: none; color: black; } div#rssbox div.rsstitle a:hover { text-decoration: underline; } /* TIP (JDeRidder)*/ #incentive_plan { float: left; width: 155px; height: 155px; background-repeat: no-repeat; margin-right: 8px; margin-bottom: 8px; } #incentive_plan { background-image: url("http://graphics.tn-media.be/tsd3/producten/bg_incentive_plan.png"); } div#switchlink { background: url('http://graphics.tn-media.be/tsd3/tip/switch_btn_bg.png') no-repeat top left; width: 167px; height: 36px; float: right; margin-top: -40px; text-align: center; padding-top: 10px; } div#switchlink a { text-decoration: none; font-size: 15px; } .tip-werkgever-start-top { background: transparent url('http://graphics.tn-media.be/tsd3/tip/rounded_head_werkgevers_start.png') no-repeat scroll left top !important; margin: 0px !important; height: 161px; width: 475px; } .tip-werkgever-start-top .rounded-head-internal, .tip-werknemer-start-top .rounded-head-internal { padding-left: 200px; padding-top: 40px; height: 161px; } .tip-werkgever-start-top .rounded-head-internal p, .tip-werknemer-start-top .rounded-head-internal p { font-size: 13px; } #meerweten h3 { font-weight: normal; } #meerweten h2 { color: #000; margin-left: 0; } #meerweten h3:hover { text-decoration: underline; } #meerweten div.toggle_container { margin-bottom: 15px; padding-left: 15px; } #meerweten ol { list-style: decimal; padding-left: 20px; } #meerweten ol li { margin: 10px 0px; } dl#voordelen dt { color: #333; font-size: 13px; font-weight: bold; line-height: 19px; padding-left: 25px; } dl#voordelen dt.item-one { background: url('http://graphics.tn-media.be/tsd3/tip/item-1.png') no-repeat center left; } dl#voordelen dt.item-two { background: url('http://graphics.tn-media.be/tsd3/tip/item-2.png') no-repeat center left; } dl#voordelen dt.item-three { background: url('http://graphics.tn-media.be/tsd3/tip/item-3.png') no-repeat center left; } dl#voordelen dt.item-four { background: url('http://graphics.tn-media.be/tsd3/tip/item-4.png') no-repeat center left; } dl#voordelen dd { padding: 10px 0px 20px 25px; margin-bottom: 15px; background: url('http://graphics.tn-media.be/tsd3/tip/hr-fade.png') no-repeat bottom center; } dl#voordelen dd.last { margin-bottom: 0; background: none; } #webform-client-form-1737 fieldset, #webform-client-form-1701 fieldset, #webform-client-form-1741 fieldset, #webform-client-form-1739 fieldset, #webform-client-form-1753 fieldset, #webform-client-form-1759 fieldset { margin: 10px; } #webform-client-form-1737 fieldset legend, #webform-client-form-1701 fieldset legend, #webform-client-form-1741 fieldset legend, #webform-client-form-1739 fieldset legend, #webform-client-form-1753 fieldset legend, #webform-client-form-1759 fieldset legend { font-size: 15px; font-weight: bold; color: #333333; line-height: 18px; padding-bottom: 5px; } #webform-client-form-1737 #webform-component-van, #webform-client-form-1701 #webform-component-van, #webform-client-form-1741 #webform-component-van, #webform-client-form-1739 #webform-component-van, #webform-client-form-1753 #webform-component-van, #webform-client-form-1759 #webform-component-van { background: url('http://graphics.tn-media.be/tsd3/tip/hr-fade.png') no-repeat bottom center; padding-bottom: 20px; } #webform-client-form-1737 label, #webform-client-form-1701 label, #webform-client-form-1741 label, #webform-client-form-1739 label, #webform-client-form-1753 label, #webform-client-form-1759 label, #webform-client-form-3457 label, #webform-client-form-3459 label { float: left; clear: both; } #webform-client-form-1737 input.form-text, #webform-client-form-1701 input.form-text, #webform-client-form-1741 input.form-text, #webform-client-form-1739 input.form-text, #webform-client-form-1753 input.form-text, #webform-client-form-1759 input.form-text, #webform-client-form-3457 input.form-text, #webform-client-form-3459 input.form-text { float: right; margin-right: 10px; } #webform-client-form-1737 #edit-submitted-tekst-message-wrapper label, #webform-client-form-1701 #edit-submitted-tekst-message-wrapper label, #webform-client-form-1741 #edit-submitted-tekst-message-wrapper label, #webform-client-form-1739 #edit-submitted-tekst-message-wrapper label, #webform-client-form-1753 #edit-submitted-tekst-message-wrapper label, #webform-client-form-1759 #edit-submitted-tekst-message-wrapper label { display: none; } #webform-client-form-1737 div.form-item, #webform-client-form-1701 div.form-item, #webform-client-form-1741 div.form-item, #webform-client-form-1739 div.form-item, #webform-client-form-1753 div.form-item, #webform-client-form-1759 div.form-item, #webform-client-form-3457 div.form-item, #webform-client-form-3459 div.form-item { clear: both; } #webform-client-form-1737 select, #webform-client-form-1701 select, #webform-client-form-1741 select, #webform-client-form-1739 select, #webform-client-form-1753 select, #webform-client-form-1759 select { float: right; margin-right: 10px; width: 292px; } #edit-submitted-vragen-opmerkingen-vragen-bericht-wrapper label { display: hidden; } .simulatie-btn { background: url('http://graphics.tn-media.be/tsd3/tip/simulatie_btn_bg.png') no-repeat top left; width: 210px; height: 136px; padding: 5px 15px 5px 15px; } /*Voorbeelden tabs met jquery ui*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* * http://docs.jquery.com/UI/Tabs#theming */ .voorbeelden.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .voorbeelden.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .voorbeelden.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; text-align: center; background: url('http://graphics.tn-media.be/tsd3/style/tab_link.png') no-repeat; width: 122px; height: 20px; padding-top: 10px; } .voorbeelden.ui-tabs .ui-tabs-nav li a { text-decoration: none; color: #f26534; } .voorbeelden.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .voorbeelden.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .voorbeelden.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .voorbeelden.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0.6em; background: #fff; border: #eeeeee 1px solid; border-bottom: none; } .voorbeelden.ui-tabs .ui-tabs-hide { display: none !important; } /* Interaction states ----------------------------------*/ .voorbeelden .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .voorbeelden .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .voorbeelden .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .voorbeelden .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .voorbeelden .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url('http://graphics.tn-media.be/tsd3/style/tab_active.png') no-repeat !important; font-weight: bold/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .voorbeelden .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .voorbeelden .ui-widget :active { outline: none; } .voorbeelden ul.ui-tabs-nav li:first-child { margin-left: -2px; } .rounded-white-bottom { background: transparent url('http://graphics.tn-media.be/tsd3/tip/rounded_bottom_white.png') no-repeat bottom left; width: 456px; height: 20px; margin-top: -10px; } .voorbeelden td { padding: 5px; } /** MOBILE ** (steven) **/ p.freedom { margin: 15px 0; font-weight: bold; } div.mobile_product_prijs { float: right; margin-top: -21px; margin-right: 26px; font-weight: bold; background: url("http://graphics.tn-media.be/tsd3/prijs_bg.png") no-repeat scroll center center transparent; height: 36px; padding-left: 15px; padding-top: 7px; width: 72px; } *div.mobile_product_prijs { margin-top: -32px; } div.mobile_product_prijs_breed { float: right; position: absolute; margin-left: 625px; background: url("http://graphics.tn-media.be/tsd3/prijs_bg.png") no-repeat scroll center center transparent; height: 36px; padding-left: 15px; padding-top: 7px; width: 72px; margin-top: 13px; } div.mobile_product_prijs_breed span { font-weight: bold; font-size: 15px; } div.content_left { float: left; width: 375px; } div.grey_box { float: right; width: 310px; margin-right: 10px; } div.grey_box_top { width: 310px; height: 13px; background: url('http://images.tn-media.be/tsd3/mobile/grey_box_top.png') no-repeat; } div.grey_box_content { width: 310px; padding-left: 10px; height: 120px; background: url('http://images.tn-media.be/tsd3/mobile/grey_box_bg.png') repeat-y; } div.grey_box_bottom { width: 310px; height: 10px; background: url('http://images.tn-media.be/tsd3/mobile/grey_box_bottom.png') no-repeat; } div.grey_box_content ul { margin: 8px 0 0 10px; padding: 0; } div.grey_box_content img { float: right; margin-right: 17px; } ul.kolom4 { margin: 30px 0 0 0; padding: 0; list-style-type: none; } ul.kolom4 li { float: left; background: none; padding: 0; text-align: center; width: 178px; } p.clear, .clear { clear: both; } sup { font-size: 8px; } div.product_prijs_sup { background: url("http://images.tn-media.be/tsd3/mobile/prijs_label.png") no-repeat scroll center center transparent; height: 39px; padding-left: 6px; padding-top: 4px; width: 119px; margin-left: 26px; margin-bottom: 12px; } *div.product_prijs_sup { margin-left: 0px; } div.product_prijs_sup span { font-weight: bold; font-size: 15px; } div.bestellen, img.bestellen { margin-bottom: 10px; } p.bestellen { margin-top: 15px; } div.greyleft_container { width: 744px; } div.greyleft_top { width: 744px; background: url("http://images.tn-media.be/tsd3/mobile/greyleft_box_top.png") no-repeat; height: 20px; } div.greyleft_content { width: 744px; background: url("http://images.tn-media.be/tsd3/mobile/greyleft_box_bg.png") repeat-y; height: 100%; min-height: 203px; } div.greyleft_content ul { margin: 0 35px 10px 25px; } div.greyleft_content ul li { line-height: 16px; } div.greyleft_content p.bestel { margin: 25px 0 0 25px; } div.greyleft_content h2 { margin: 0 35px 15px 25px; } div.greyleft_bottom { width: 744px; background: url("http://images.tn-media.be/tsd3/mobile/greyleft_box_bottom.png") repeat-y; height: 39px; } div.greyleft_image { float: right; display: inline; height: 220px; margin-top: -17px; } div.greyleft_tablet { height: 229px; float: right; margin-right: 20px; margin-top: 20px; } div.greyleft_content dl { margin-left: 15px; } div.greyleft_content dt { width: 175px; float: left; font-weight: bold; line-height: 12px; } div.greyleft_content dd { margin-left: 175px; padding-bottom: 10px; } div.greyleft_content p.line { background: url("http://images.tn-media.be/tsd3/mobile/greyleft_line.png") no-repeat; width: 150px; clear: left; height: 1px; } div.tabs ul.tabNavigation { margin: 0 0 0 15px; padding: 0; list-style: none; } div.tabs ul.tabNavigation li { background: url("http://graphics.tn-media.be/detailpage/tab2_inactive_right.png") no-repeat scroll right top transparent; display: inline; float: left; margin: 0; padding: 0 9px 0 0; } div.tabs ul.tabNavigation li a { background: url("http://graphics.tn-media.be/detailpage/tab2_inactive_left.png") no-repeat scroll left top transparent; color: #242424; display: block; float: left; font-family: Arial; font-size: 12px; line-height: 32px; padding-left: 10px; text-decoration: none; margin-right: 5px; } div.tabs ul.tabNavigation li a.defaulttab { background: url("http://graphics.tn-media.be/detailpage/tab_active_right.png") no-repeat scroll right top transparent; font-weight: bold; } div.tabs ul.tabNavigation li a.selected { margin: 0 -5px; padding-right: 3px; width: 100%; background: url("http://graphics.tn-media.be/detailpage/tab_active_left.png") no-repeat scroll left top transparent; } div.legalspace { margin-top: 25px; } div.tabs { width: 744px; } div.mobile_front_container { width: 744px; } div.mobile_front_top { background: url('http://images.tn-media.be/tsd3/mobile/mob_front_top.png') no-repeat; width: 744px; height: 24px; } div.mobile_front_content { background: url('http://images.tn-media.be/tsd3/mobile/mob_front_bg.png') repeat-y; width: 744px; height: 100%; } div.mobile_front_bottom { background: url('http://images.tn-media.be/tsd3/mobile/mob_front_bottom.png') no-repeat; width: 744px; height: 32px; } div.mobile_front_content ul { margin: 0; padding: 0; list-style-type: none; } div.mobile_front_content ul li { float: left; background: none; width: 170px; text-align: center; } div.mobile_front_content ul li p { margin: 8px 15px; } div.mobile_front_content p.meerweten { position: relative; bottom: 0; } img.usb { float: right; margin-right: -45px; margin-top: -20px; } *img.usb { margin: 0; float: right; } div.white_rounded_container { width: 715px; } div.white_rounded_top { background: url('http://images.tn-media.be/tsd3/mobile/white_box/white_rounded_top.png') no-repeat; width: 715px; height: 23px; margin: 0; padding: 0; } div.white_rounded_content h3 { margin: 0 0 10px 0; padding: 0; } div.white_rounded_content { background: url('http://images.tn-media.be/tsd3/mobile/white_box/white_rounded_bg.png') repeat-y; padding-left: 15px; width: 715px; height: 100%; } div.white_rounded_bottom { background: url('http://images.tn-media.be/tsd3/mobile/white_box/white_rounded_bottom.png') no-repeat; width: 715px; height: 22px; margin: 0; padding: 0; } div.label_new { float: right; background: url("http://graphics.tn-media.be/tsd3/label_new_nl.png") right top no-repeat; width: 75px; height: 75px; margin-right: -17px; margin-top: -16px; } div.label_newprices { float: right; background: url("http://graphics.tn-media.be/tsd3/label_newprices.png") right top no-repeat; width: 75px; height: 75px; margin-right: -17px; margin-top: -16px; } body.fr div.label_new { background-image: url("http://graphics.tn-media.be/tsd3/label_new_fr.png"); } body.en div.label_new { background-image: url("http://graphics.tn-media.be/tsd3/label_new_en.png"); } div.smartphone { position: relative; top: 33px; left: 65px; bottom: 0; } html>body*div.smartphone { top: 29px; } ul.more-links { margin: 0; padding: 0; list-style-type: none; list-style: none; } ul.more-links li { float: left; background: none; background-image: none; margin-left: 15px; } div.voordeel { margin-top: 10px; margin-left: -6px; } div.voordeel_right { float: right; } p.kabel-legal, p.kabel-legal a, span.kabel-legal { font-size: 9px; } /** FIBER **/ body.fr div.label_telenet_breed { float: right; background: url("http://graphics.tn-media.be/tsd3/label_telenet_fr.png") right top no-repeat; margin-right: -58px; width: 205px; height: 53px; } body.fr div.label_telenet { float: right; background: url("http://graphics.tn-media.be/tsd3/label_telenet_fr.png") right top no-repeat; margin-right: -4px; margin-top: 10px; width: 205px; height: 53px; } body.fr div.label { margin-top: 0px; } /** IPHONE **/ div.iphone { width: 747px; height: 395px; background: url('http://images.tn-media.be/tsd3/banana/iphone_landing_nl.jpg') no-repeat; } div.iphone_fr { width: 747px; height: 395px; background: url('http://images.tn-media.be/tsd3/banana/iphone_landing_fr.jpg') no-repeat; } div.info { width: 479px; padding: 137px 0 0 255px; } .OrderSomethingButtonBasket { background-image: url(http://graphics.tn-media.be/bestellen/btn_ordersomething_basket.png); background-position: left top; background-repeat: no-repeat; width: 166px; height: 28px; padding: 0; margin: 0; display: inline-block; text-align: center; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 26px; border: none; text-decoration: none; cursor: pointer; } .OrderSomethingButtonBasket:hover { background-position: left center; color: #ffffff; text-decoration: none; } .OrderSomethingButtonBasket:focus { background-position: left bottom; color: #ffffff; text-decoration: none; } a.white { color: #FFFFFF; text-decoration: none; background: url('http://images.tn-media.be/tsd3/banana/white_arrow.png') no-repeat right center; padding-right: 10px; } /**HOMEPAGE **/ ul.visual_home { margin: 0; padding: 0; list-style-type: none; list-style: none; } ul.visual_home li { background: none; float: left; margin-left: 32px; height: 129px; } div.visual_home_container { float: left; width: 707px; height: 179px; background: url("http://images.tn-media.be/tsd3/homepage/home-box.png") no-repeat; } div.homebox_small { background: url("http://images.tn-media.be/tsd3/restyle_2012/SMB_Frontpage_block3.png") no-repeat; float: left; width: 228px; height: 179px; margin-left: 8px; padding-top: 10px; } div.homebox_small div.center { width: 195px; padding-left: 14px; margin-right: 6px; } div.visual_home_container h1 { color: #f26534; margin: 10px 0 0 19px; } /******* Oplossingen > Voordelen *********/ div.oplossingen_container { width: 511px; } div.oplossingen_top { width: 511px; height: 23px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_top.png") no-repeat; } div.oplossingen_center { margin-top: -10px; width: 511px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_bg.png") repeat-y; height: 100%; } div.oplossingen_bottom { margin-top: -14px; width: 511px; height: 23px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_bottom.png") no-repeat; } *div.oplossingen_bottom { margin-top: -4px; width: 511px; height: 23px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_bottom.png") no-repeat; } div.oplossingen_container img.left1img { float: left; width: 171px; margin-right: 10px; margin-left: 3px; margin-top: -20px } *div.oplossingen_container img.left1img { float: left; width: 171px; margin-right: 10px; margin-left: 3px; margin-top: -10px } div.oplossingen_container img.leftimg { float: left; width: 171px; margin-right: 10px; margin-left: 3px; margin-top: -8px; } div.oplossingen_container img.rightimg { float: right; width: 171px; margin-right: 2px; margin-top: -8px; } div.line { clear: both; margin-bottom: 8px; background: url("http://images.tn-media.be/tsd3/oplossingen/line.png") no-repeat; width: 483px; height: 1px; } *div.line { margin-top: -10px; clear: both; margin-bottom: 8px; background: url("http://images.tn-media.be/tsd3/oplossingen/line.png") no-repeat; width: 483px; height: 1px; } div.oplossingen_container p, div.oplossingen_container h2 { margin: 10px; } /******* Oplossingen > Voordelen LARGE (no sidebar *********/ a h2 { text-decoration: none; } a h2:hover { text-decoration: none; } div.oplossingen_container_lg { width: 678px; } div.oplossingen_top_lg { width: 678px; height: 10px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_top_lg.png") no-repeat; } div.oplossingen_center_lg { margin-top: -10px; width: 678px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_bg_lg.png") repeat-y; height: 100%; } *div.oplossingen_center_lg { margin-top: 0; width: 678px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_bg_lg.png") repeat-y; height: 100%; } div.oplossingen_bottom_lg { margin-top: -14px; width: 678px; height: 23px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_bottom_lg.png") no-repeat; } *div.oplossingen_bottom { margin-top: -10px; width: 678px; height: 10px; background: url("http://images.tn-media.be/tsd3/oplossingen/frame_bottom_lg.png") no-repeat; } div.oplossingen_container_lg img.left1img { float: left; width: 171px; margin-right: 10px; margin-left: 1px; margin-top: -9px } *div.oplossingen_container_lg img.left1img { float: left; width: 171px; margin-right: 10px; margin-left: 1px; margin-top: -9px } div.oplossingen_container_lg img.leftimg { float: left; width: 171px; margin-right: 10px; margin-left: 1px; margin-top: -8px; margin-bottom: 10px; } div.oplossingen_container_lg img.rightimg { float: right; width: 171px; margin-right: 1px; margin-top: -8px; margin-bottom: 10px; } *div.oplossingen_container_lg img.rightimg { float: right; width: 171px; margin-right: 1px; } div.line_lg { clear: both; margin-bottom: 8px; background: url("http://images.tn-media.be/tsd3/oplossingen/line.png") no-repeat; width: 650px; height: 1px; } *div.line_lg { margin-top: -10px; clear: both; margin-bottom: 8px; background: url("http://images.tn-media.be/tsd3/oplossingen/line.png") no-repeat; width: 650px; height: 1px; } div.oplossingen_container_lg p, div.oplossingen_container_lg h2 { margin: 10px; } /************ iPhone Pre-Release **************/ div.cta_red { height: 40px; margin-top: 15px; margin-left: -8px; text-align: center; } div.cta_red a { background: url('http://images.tn-media.be/tsd3/banana/cta.png') no-repeat; display: block; width: 170px; height: 34px; text-decoration: none; } div.cta_red a:hover { background-position: -170px 0; } div.cta_red a span { color: #FFFFFF; font-size: 12px; padding-top: 10px; line-height: 31px; } div.iphone_pressrelease { background: url('http://images.tn-media.be/tsd3/banana/iphone_pressrelease_nl.jpg') no-repeat; width: 745px; height: 408px; margin-bottom: 27px; } div.iphone_pressrelease_fr { background: url('http://images.tn-media.be/tsd3/banana/iphone_pressrelease_fr.jpg') no-repeat; width: 745px; height: 408px; margin-bottom: 27px; } /** tip **/ .webform-component { margin-top: 10px; } /** DIGITAL TV **/ div.tabs { width: 678px; margin: 15px 0; } div.tabs-center { width: 660px; padding-left: 18px; margin-top: 0; background: url('http://images.tn-media.be/tsd3/Digitaletv/tabs-center.png') repeat-y; height: 100%; } div.tabs-center h3 { color: #303030; font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; padding: 7px 15px 3px 0; } div.tabs ol li { padding-bottom: 5px; } div.tabs ol { list-style: decimal; margin-left: 18px; padding-top: 15px; } div.fadecol { background-position: center top; background-repeat: no-repeat; display: block; float: left; margin: 5px 2px 5px 0; padding: 8px; width: 353px; } div.fadecol h3, div.fadecol h4, div.fadecol p { padding-left: 13px; padding-right: 19px; } div.tabs table { background: url("http://graphics.tn-media.be/tsd3/style/table_grijsonder.png") repeat-x scroll right bottom white; border: 1px solid #E6E4E4; border-collapse: collapse; margin-bottom: 10px; margin-left: 10px; width: 95%; } .RowGrey01 { background-color: #f6f6f6; } .inet_faq_open { font-weight: bold; font-size: 12px; cursor: pointer; padding-left: 8px; } /** VISUALS RESIZE HOMEPAGE **/ ul.visuals { margin: 0; padding: 0; list-style-type: none; list-style: none; } ul.visuals li { background: none; float: left; margin-right: -8px; height: 129px; } /** NIEUWSBRIEF **/ div.nieuwsbrief { width: 527px; margin-left: 85px; } div.nieuwsbrief_top { width: 512px; height: 151px; background: url('http://images.tn-media.be/tsd3/newsletters/nieuwsbrief_top_small.png') no-repeat; margin-bottom: 25px; } div.nieuwsbrief_top div { padding-top: 29px; margin-left: 36px; } div.nieuwsbrief table, div.nieuwsbrief th, div.nieuwsbrief td, div.nieuwsbrief-item table, div.nieuwsbrief-item th, div.nieuwsbrief-item td { margin: 0; padding: 0; border: none; vertical-align: bottom; } div.nieuwsbrief table, div.nieuwsbrief-item table { background: none; } div.nieuwsbrief-item-top { width: 784px; height: 163px; background: url('http://images.tn-media.be/tsd3/newsletters/nieuwsbrief_top_wide.png') no-repeat; margin-bottom: 25px; } div.nieuwsbrief-item-top div { padding-top: 21px; margin-left: 64px; font-size: 15px; line-height: 18px; } div.nieuwsbrief-item h1 { color: #575756; font-size: 18px; margin-top: 25px; clear: both; } div.nieuwsbrief-item h2 { color: #E94F35; } div.nieuwsbrief-item h3 { color: #E94F35; margin-bottom: 6px; font-size: 11px; font-weight: bold; margint-top: 20px; } div.nieuwsbrief-item h3 span { background: url('http://images.tn-media.be/tsd3/newsletters/bulletpoint.png') left center no-repeat; color: #FFF; width: 23px; height: 21px; padding-left: 9px; padding-top: 3px; display: inline-block; } div.nieuwsbrief-item dl { margin-bottom: 5px; margin-left: 15px; } div.nieuwsbrief-item dt { clear: both; float: left; width: 150px; font-weight: bold; line-height: 18px; } div.nieuwsbrief-item dd { float: left; width: 510px; line-height: 18px; margin-bottom: 5px; } div.nieuwsbrief-item dl div.line { clear: both; height: 1px; width: 650px; background: #ffd600; margin: 5px 0; display: block; } *div.nieuwsbrief-item dl div.line { margin-left: -150px; } div.nieuwsbrief-item dd a { background: url('http://images.tn-media.be/tsd3/newsletters/arrow.gif') left center no-repeat; padding-left: 30px; text-decoration: none; } div.nieuwsbrief-item-top_2 { background: url("http://images.tn-media.be/tsd3/newsletters/nieuwsbrief_top_wide2.gif") no-repeat scroll 0 0 transparent; height: 163px; margin-bottom: 25px; width: 784px; } div.nieuwsbrief-item-top_2 div.titel { float: left; color: white; margin-top: 109px; margin-left: 50px; font-size: 13px; } div.nieuwsbrief-item-top_2 div.slogan { float: right; margin-left: 0px; color: #606060; width: 120px; margin-right: 108px; margin-top: 54px; font-size: 12px; } div.info-box { background: url('http://images.tn-media.be/tsd3/newsletters/box-geel.png') no-repeat; padding: 20px; width: 618px; height: 146px; margin-left: 25px; margin-top: 35px; } div.info-content { width: 530px; padding-left: 20px; } div.info-content p { font-size: 13px; line-height: 16px; } div.info-line { height: 2px; background: #FFF; margin: 15px 0 } div.nieuws-cta { height: 30px; width: 100%; text-align: center; } a.nieuws-pdf { padding: 10px 3px 14px 28px; background: url('http://images.tn-media.be/tsd3/newsletters/pdf_large.png') left center no-repeat; margin-left: 10px; } a.nieuws-doc { margin-right: 10px; background: url('http://images.tn-media.be/tsd3/newsletters/document_large.png') no-repeat scroll left center transparent; padding: 10px 3px 14px 28px; } div.nieuws-label { text-align: center; line-height: 20px; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-top: 10px; width: 176px; height: 32px; background: url('http://images.tn-media.be/tsd3/newsletters/nieuws-label.png') left center no-repeat; position: relative; left: 492px; top: 23px; } body.nl div.nieuws-label { background-image: url('http://images.tn-media.be/tsd3/newsletters/nieuws-label_kl.png'); width: 136px; } div.checklist { width: 635px; margin-left: 18px; } ol.choice { margin-left: 15px; list-style: decimal; margin-left: 40px; } ol.choice li { margin-bottom: 10px; } img.img-right { float: right; margin-left: 25px; margin-bottom: 10px; } div.info-box-large { background: url("http://images.tn-media.be/tsd3/newsletters/box-geel-large.png") no-repeat scroll 0 0 transparent; height: 231px; margin-left: 25px; margin-top: 35px; padding: 20px; width: 618px; } div.info-box-large p { font-size: 10px; } div.quotebox { background: url('http://images.tn-media.be/tsd3/newsletters/bgquote175.gif'); width: 646px; height: 175px; margin: 15px 0; } div.quotebox .pic-left { padding-left: 224px; width: 380px; margin-right: 30px; padding-top: 31px; background-repeat: no-repeat; height: 144px; background-position: left top; } div.quotebox .pic-right { padding-right: 224px; width: 394px; margin-left: 30px; padding-top: 31px; background-repeat: no-repeat; height: 144px; background-position: right top; } div.quotebox blockquote { text-align: left; font-size: 17px; font-weight: bold; line-height: 24px; } div.quotebox p.naam { margin-top: 15px; } td.center { text-align: center; } td.center .product_prijs { float: none; width: auto; } .product_prijs.center { float: none; width: auto; } a.rodebestelknop { background-image: url("http://graphics.tn-media.be/tsd3/soho/bestellen_bg.png"); background-repeat: no-repeat; text-align: center; width: 91px; background-position: center center; color: white; display: block; text-decoration: none; font-weight: bold; padding: 6px; } /** custom contact form **/ .customform label { display: inline-block; width: 160px; } .customform .form-item label.option, .customform .ahah-progress, .customform .form-radio ahah-processed { display: inline-block; } .customform .form-textarea { width: 700px; } div.service_col2 { float: left; width: 225px; margin: 10px 0; } /* Splitterpage */ div#splitter a img { margin: 40px 10px; } span.leesmeer span.meerknop a { padding-right: 13px; } .font13, .font13 a, .font13 p { font-size: 13px; } /* CLOUD COMPUTING */ div#node-3181.node-unpublished { background-color: #FFFFFF; } div.wolkenwinkel { background: url("http://graphics.tn-media.be/tsd3/cloud_computing/wolkenwinkel.jpg") no-repeat; width: 950px; height: 428px; } .cloudcomputing h3 { font-size: 20px; margin-bottom: 15px; } div#viewer { margin: 5px 0 0 45px; } div.cloud_share { background: url("http://graphics.tn-media.be/tsd3/cloud_computing/wolkenwinkel_bottom.png") no-repeat; width: 950px; height: 78px; } div.cloud_bg { background: url("http://graphics.tn-media.be/tsd3/cloud_computing/cloud_bg.jpg") repeat-y; width: 950px; } div.cloud_content { width: 825px; margin-left: 45px; clear: both; } div.cloud_content h2 { margin: 0 0 25px 0; font-size: 18px; font-weight: bold; } div.cloud_cta { background: url("http://graphics.tn-media.be/tsd3/cloud_computing/cloud_cta.png") no-repeat; float: right; width: 369px; height: 73px; margin: 10px 52px 0 0; padding: 27px 0 0 0; text-align: center; } div.cloud_cta a { margin-right: 25px; font-size: 18px; text-decoration: none; line-height: 22px; } div.cloud_lijn { width: 925px; margin: 0 0 0 45px; height: 35px; clear: both; background: url("http://graphics.tn-media.be/tsd3/cloud_computing/line_black.png") no-repeat; bottom } div.cloud_bottom { width: 950px; height: 23px; background: url("http://graphics.tn-media.be/tsd3/cloud_computing/cloud_bottom.jpg") no-repeat; margin-bottom: 15px; } div.cloud_cols { margin-left: 45px; } div.cloud_col1 { float: left; width: 380px; } div.cloud_col2 { float: left; width: 380px; margin-left: 35px; } div.cloud_cols h3 { } div#vid { width: 512px; height: 288px; position: relative; top: 113px; left: 172px; z-index: 999999 } div.vid_nav { text-align: center; margin-top: 27px; } div.vid_nav ul { margin: 0 0 0 420px; padding: 0; list-style: none; } div.vid_nav ul li.buttons { cursor: pointer; float: left; text-indent: -9999px; width: 10px; height: 10px; background: url("http://graphics.tn-media.be/tsd3/cloud_computing/bullet.png") no-repeat; } div.vid_nav ul li.buttons.activeButton { background: url("http://graphics.tn-media.be/tsd3/cloud_computing/bullet_active.png") no-repeat; } .social-links { display: none; } #social .activeSocial { display: block; } #social { position: absolute; margin-top: 20px } #social .facebook, #social .linkedin, #social .twitter, #social .facebook_send { float: left; } #social .facebook { width: 85px; } div.social_invite { margin-top: 5px; font-weight: bold; } div.cloud_frank { background: url('http://images.tn-media.be/tsd3/hosting/cloud_frank.jpg'); width: 492px; height: 187px; margin-top: 15px; } div.cloud_frank_cont { margin-left: 255px; padding-top: 40px; } div.cloud_frank_cont h3 { font-size: 21px; color: #ffc600; } div.cloud_frank_cont p { font-size: 15px; color: #333333; font-weight: bold; line-height: 18px; } div.cloud_yellow_box { margin: 20px 0 15px 0; widht: 460px; height: 44px; background: url("http://graphics.tn-media.be/tsd3/cloud_computing/yellow_box.gif") no-repeat; padding: 12px 6px; font-size: 14px; font-weight: bold; line-height: 18px; } div.cloud_yellow_box span { color: #f26534; font-size: 14px; font-weight: bold; line-height: 18px; } div.cloud_fibernet_visual { margin-top: 25px; clear: both; background: url("http://graphics.tn-media.be/tsd3/cloud_computing/visual_fibernet.jpg") no-repeat; width: 490px; height: 232px; } div.cloud_fibernet_visual div { position: relative; top: 83px; left: 295px; width: 185px; font-size: 18px; line-height: 22px; } div.cloud_fibernet_visual div strong { font-size: 18px; line-height: 22px; font-weight: bold; } div.label_telenet { background: url("http://graphics.tn-media.be/tsd3/label_telenet_nl.png") no-repeat scroll right top transparent; float: right; height: 53px; width: 205px; margin: 15px -19px 15px 0; } /* SPORTING */ div.tabs-center h1 { margin: 0 0 10px 0; padding-top: 15px; } div.sporting_tip { width: 680px; height: 475px; margin-bottom: 25px; } #node3231 #submenu { display: none; } div.box-gradient-gray-right { background: url("http://images.tn-media.be/tsd3/Digitaletv/bg_gradient_gray_r.jpg") no-repeat scroll right bottom #FFFFFF; margin-bottom: 30px; padding-bottom: 10px; padding-right: 20px; position: relative; width: 638px; } div.box-gradient-gray-right h2, div.box-gradient-gray-left h2 { margin-top: 35px; } div.box-gradient-gray-right img { bottom: 20px; position: absolute; right: 20px; } .box-gradient-gray-right .content { padding-right: 220px; } div.box-gradient-gray-left { background: url("http://images.tn-media.be/tsd3/Digitaletv/bg_gradient_gray_l.jpg") no-repeat scroll left bottom #FFFFFF; margin-bottom: 30px; padding-bottom: 22px; padding-left: 10px; padding-right: 10px; position: relative; width: 637px; } div.box-gradient-gray-left img { bottom: 20px; left: 20px; position: absolute; } div.box-gradient-gray-left .content { padding-left: 220px; } .logo { background: url('http://graphics.tn-media.be/prime/2010/overlayer/box_small.png') no-repeat; width: 110px; height: 58px; float: left; margin-left: 4px; margin-bottom: 10px; padding-top: 9px; } ul.vinkjes li { background: url("http://graphics.tn-media.be/detailpage/li_vinkje.png") no-repeat scroll left top transparent; padding-bottom: 10px; padding-left: 20px; } ul.vinkjes ul li { background: url("http://graphics.tn-media.be/tsd3/bullet_rood.png") no-repeat scroll 1px 5px transparent; padding-bottom: 3px; } ul.vinkjes ul { margin-top: 5px; } div.box-prijzen-top { background: url("http://images.tn-media.be/tsd3/Digitaletv/box-prijzen-top.jpg") no-repeat scroll left top transparent; height: 72px; width: 636px; } div.box-prijzen-bottom { background: url("http://images.tn-media.be/tsd3/Digitaletv/box-prijzen-bottom.jpg") no-repeat scroll left bottom transparent; padding: 10px; width: 636px; padding-left: 26px; } div.box-prijzen-small-top { background: url("http://images.tn-media.be/tsd3/Digitaletv/box-prijzen-small-top.png") no-repeat scroll left top transparent; height: 10px; width: 578px; } div.box-prijzen-small-bottom { background: url("http://images.tn-media.be/tsd3/Digitaletv/box-prijzen-small-bottom.png") no-repeat scroll left bottom transparent; width: 578px; font-weight: bold; height: 40px; margin-bottom: 10px; padding-top: 5px; position: relative; } div.box-prijzen-small-bottom #content { font-size: 10px; margin-left: 12px; margin-top: 5px; position: absolute; } div.box-prijzen-small-bottom #cols { float: right; font-size: 17px; margin-right: 15px; text-align: right; width: 200px; } div.box-prijzen-small-bottom #cols #col1 { float: right; margin-left: 35px; font-size: 15px; } div.box-prijzen-small-bottom #cols #col2 { float: right; margin-left: 10px; font-size: 15px; } div.online_voordeel_5 { float: right; background: url("http://images.tn-media.be/tsd3/Digitaletv/online_voordeel_5maand.png") no-repeat; height: 67px; margin-left: 20px; margin-right: 25px; width: 187px; } div.tv_sporting { float: left; width: 277px; height: 300px; } div.tv_sporting_right { position: relative; margin-left: 277px; background: url("http://images.tn-media.be/tsd3/Digitaletv/box-gele-rand.jpg") no-repeat; height: 97px; margin-top: 33px; padding: 10px 25px 0 10px; } div.GreyBox_wrapper { background: url("http://images.tn-media.be/tsd3/Digitaletv/box-grijs.jpg") no-repeat; width: 635px; height: 54px; padding: 8px; } td.column2comparison, td.column3comparison { width: 220px; } div#YellowBox_wrapper table { background: none; } ul.sporting-faq { padding: 10px; margin-bottom: 0; } ul.sporting-faq li { border-bottom: 1px dotted #ccc; margin-bottom: 6px; padding-bottom: 6px; } ul.sporting-faq li.last { margin-bottom: 0; } div.sporting_legal { border-top: 1px dotted #CCC; padding-top: 8px; } div.sporting_legal h2 { margin-bottom: 8px; } div.sporting_legal p { margin-bottom: 3px; } /* Wi-Free */ div.wifree-col1 { width: 301px; float: left; margin: 20px 35px 0 25px; } div.wifree-col2 { padding: 30px 0 0 15px; width: 332px; height: 146px; background: url('http://images.tn-media.be/tsd3/soho/wifree/bg_app_iphone_android.png') no-repeat; float: left } div.wifree-col2 ul { margin-top: 25px; } /* SECURITY */ img.image_links { clear: both; float: left; margin-right: 15px; margin-bottom: 10px; } div.visual-left { float: left; margin-top: -2px; } div.visual-right { float: right; margin-top: -3px; } div.oplossingen-box_left, div.oplossingen-box_right { clear: both; border-bottom: 1px solid #e6e4e4; height: 117px; } div.oplossingen-box_left { padding-right: 10px; } div.oplossingen-box_right { padding-left: 10px; } div.oplossingen-box_right.last { border: none; } div.oplossingen-box_left h2, div.oplossingen-box_right h2 { padding-top: 10px; } div.oplossingen_top { background: url("http://images.tn-media.be/tsd3/security/oplossingen_top.png") no-repeat; width: 461px; height: 10px; } div.oplossingen_center { background: url("http://images.tn-media.be/tsd3/security/oplossingen_bg.png") repeat-y; width: 461px; } div.oplossingen_bottom { background: url("http://images.tn-media.be/tsd3/security/oplossingen_bottom.png") no-repeat; width: 461px; height: 10px; margin: 0; } a.pdf { background: url("http://graphics.tn-media.be/tsd3/pdf-icon.png") no-repeat; padding-left: 35px; display: block; height: 25px; color: #f26534; text-decoration: underline; line-height: 30px; text-decoration: none; } a.pdf:hover { text-decoration: none; } /* ************************************************* RESTYLE >>> TSD ********************************************* */ /* INTRO's */ .intro_internet { width: 698px; height: 202px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_internet.jpg') no-repeat; } .intro_internet .intro_content { width: 368px; position: relative; left: 315px; top: 0; } .intro_telefonie { width: 698px; height: 213px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_telefonie.jpg') no-repeat; } .intro_wiFree {background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_wiFree.jpg") no-repeat scroll 0 0 transparent; height: 199px; width: 698px;} .intro_telefonie .intro_content { width: 378px; position: relative; left: 295px; top: 15px; } .intro_glasvezel { width: 698px; height: 177px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_glasvezel.jpg') no-repeat; } .intro_glasvezel .intro_content { width: 370px; position: relative; left: 305px; top: 5px; } .intro_ifiber { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_ifiber.jpg') no-repeat; } .intro_dsl { width: 698px; height: 220px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_dsl.jpg') no-repeat; } .intro_dsl .intro_content { width: 370px; position: relative; left: 305px; top: 5px; } .intro_xpert { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_xpert.jpg') no-repeat; } .intro_coax { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_coax.jpg') no-repeat; } .intro_coax .intro_content { width: 330px; position: relative; left: 345px; top: 20px; *top:10px; } .intro_corporate_fibernet { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_corporate_fibernet.jpg') no-repeat; } .intro_vdsl { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_vdsl.jpg') no-repeat; } .intro_vdsl .intro_content { width: 383px; position: relative; left: 291px; top: 44px; *top:22px; line-height: 20px; } body.fr .intro_vdsl .intro_content { top: 26px; } .intro_corporate_fibernet .intro_content { width: 383px; position: relative; left: 283px; top: 88px; line-height: 20px; } .intro_corporate_fibernet .intro_content p { font-size: 12px; color: #FFFFFF; } .intro_business_fibernet { width: 698px; height: 232px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_business_fibernet.jpg') no-repeat; } .intro_business_fibernet .intro_content { width: 383px; position: relative; left: 336px; top: 116px; line-height: 20px; } .intro_business_fibernet .intro_content p { font-size: 12px; color: #FFFFFF; } .intro_draadloos { width: 698px; height: 162px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_draadloos.jpg') no-repeat; } .intro_draadloos .intro_content { width: 424px; position: relative; left: 241px; top: 35px; } .intro_data { width: 698px; height: 197px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_data.jpg') no-repeat; } .intro_data .intro_content { width: 380px; position: relative; left: 293px; top: 20px; } .intro_ip-vpn { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_ip-vpn.jpg') no-repeat; } .intro_ethernet-vpn { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_ethernet-vpn.jpg') no-repeat; } .intro_point-to-point { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_point-to-point.jpg') no-repeat; } .intro_tv { width: 698px; height: 257px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tv.jpg') no-repeat; } .intro_tv .intro_content { width: 415px; position: relative; left: 268px; top: 20px; } .intro_tv-basis { width: 698px; height: 180px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tv-basis.jpg') no-repeat; } .intro_tv-geavanceerd { width: 698px; height: 309px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tv-geavanceerd.jpg') no-repeat; } a.restyle_btn { background: url('http://graphics.tn-media.be/tsd3/producten/restyle/restyle_button.jpg') no-repeat; display: block; width: 255px; height: 39px; padding: 10px 0 0 22px; color: #FFFFFF; text-decoration: none; } a.restyle_btn:hover { color: #FFF; text-decoration: underline; } a.restyle_btn_fr { background: url('http://graphics.tn-media.be/tsd3/producten/restyle/restyle_button_fr.jpg') no-repeat; display: block; width: 298px; height: 39px; padding: 10px 0 0 15px; color: #FFFFFF; text-decoration: none; } a.restyle_btn_fr:hover { color: #FFF; text-decoration: underline; } .intro_tv-multi1 { width: 698px; height: 181px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tv-multi1.jpg') no-repeat; } .intro_tv-multi1 .intro_content { width: 325px; position: relative; left: 360px; top: 55px; } .intro_tv-multi2 { width: 698px; height: 181px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tv-multi2.jpg') no-repeat; } .intro_tv-multi2 .intro_content { width: 325px; position: relative; left: 360px; top: 55px; } .intro_tv-multi-home { width: 698px; height: 181px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tv-multi-home.jpg') no-repeat; } .intro_tv-multi-home .intro_content { width: 325px; position: relative; left: 360px; top: 40px; } .intro_tv-instellingen { width: 698px; height: 271px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tv-instellingen.jpg') no-repeat; } .intro_security { width: 698px; height: 196px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_security.jpg') no-repeat; } .intro_security .intro_content, .intro_mobileiron .intro_content { width: 350px; position: relative; left: 305px; top: 14px; } .intro_mobileiron { width: 698px; height: 196px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_mobileiron.jpg') no-repeat; } .intro_beveiligingspakketten { width: 698px; height: 150px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_beveiligingspakketten.jpg') no-repeat; } .intro_beveiligingspakketten .intro_content { width: 456px; position: relative; left: 209px; top: 20px; } .intro_secured-internet-gateway { width: 698px; height: 179px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_secured-internet-gateway.jpg') no-repeat; } .intro_secured-internet-breakout { width: 698px; height: 241px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_secured-internet-breakout.jpg') no-repeat; } .intro_empty { width: 698px; height: 85px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_empty.jpg') no-repeat; } .intro_empty .intro_content { width: 658px; position: relative; left: 20px; top: 20px; } .intro_incentive_werkgever { width: 698px; height: 161px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_incentive_werkgever.jpg') no-repeat; } .intro_incentive_werkgever .intro_content { width: 330px; position: relative; left: 345px; top: 20px; } .intro_incentive_werknemer { width: 698px; height: 161px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_tipwerknemers.jpg') no-repeat; } .intro_incentive_werknemer .intro_content { width: 340px; position: relative; left: 345px; top: 20px; } .intro_gecombineerde_oplossingen { width: 698px; height: 197px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_gecombineerde-opl.jpg') no-repeat; } .intro_gecombineerde_oplossingen .intro_content { width: 370px; position: relative; left: 305px; top: 20px; } .intro_isdnpack { width: 698px; height: 182px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_ISDNPack.jpg') no-repeat; } .intro_isdnpack .intro_content { width: 370px; position: relative; left: 305px; top: 20px; } .intro_servicenummers { width: 698px; height: 222px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_servicenummers.jpg') no-repeat; } div.intro_servicenummers div.intro_content { width: 330px; position: relative; left: 327px; top: 35px; } .intro_isdn { width: 698px; height: 224px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_isdn-oplossingen.jpg') no-repeat; } .intro_isdn .intro_content { width: 378px; position: relative; left: 295px; top: 20px; } .intro_voip { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_VoIP.jpg") no-repeat scroll 0 0 transparent; border-botom: 1px solid #e6e4e4; height: 222px; width: 698px; } .intro_voip .intro_content { left: 372px; position: relative; top: 20px; width: 309px; } .intro_sip { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_SIPTrunking.jpg") no-repeat; height: 163px; width: 698px; } .intro_overheden { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_overheden.jpg") no-repeat; height: 201px; width: 698px; } .intro_overheden .intro_content { left: 331px; position: relative; top: 30px; width: 323px; } .intro_banken { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_sectoren_banken.jpg") no-repeat; height: 199px; width: 698px; } .intro_gezondheid { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_sectoren_gezondheidszorg.jpg") no-repeat; height: 199px; width: 698px; } .intro_industrie { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_sectoren_industrie.jpg") no-repeat; height: 199px; width: 698px; } .intro_retail { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_sectoren_retail.jpg") no-repeat; height: 199px; width: 698px; } .intro_diensten { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_sectoren_diensten.jpg") no-repeat; height: 199px; width: 698px; } .intro_schoolnet { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_schoolnet.jpg") no-repeat; height: 198px; width: 698px; } .intro_schoolnet .intro_content { left: 30px; position: relative; top: 64px; width: 228px; } .intro_lastenboek { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_lastenboek.jpg") no-repeat; height: 246px; width: 698px; } .intro_freephone_europe { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_Telefonie_FreephoneEurope.jpg") no-repeat; height: 323px; width: 698px; } .intro_hosting { width: 698px; height: 171px;/* background: url('http://images.tn-media.be/tsd3/restyle_2012/hosting_visual.jpg') no-repeat;*/ background: url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_internet.jpg') no-repeat; } .intro_hosting .intro_content { width: 368px; position: relative; left: 315px; top: 27px; } .intro_carriers { width: 698px; height: 219px; background: url('http://images.tn-media.be/tsd3/restyle_2012/intro_carriers.jpg') no-repeat;} .intro_carriers .intro_content{width: 322px; position: relative; left: 359px; top: 38px; } .intro_mobiel{ background: url("http://graphics.tn-media.be/tsd3/producten/restyle/intro_mobiel.jpg") no-repeat scroll 0 0 transparent; height: 181px; width: 698px;} .intro_mobiel .intro_content{left: 293px; position: relative; top: 30px; width: 380px;} .box_lg { width: 698px; } .box_bg { width: 698px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/frame_bg.png') repeat-y; margin-top: 0; padding-top: 10px; padding-bottom: 10px; } .box_bg .space { margin: 0 15px; width: 668px; } .box_bg .space ul { margin: 0 15px 15px 15px; } .box_bg ul { margin-bottom: 0px; } .box_bottom { width: 698px; background: url('http://graphics.tn-media.be/tsd3/producten/restyle/frame_bottom.png') no-repeat; height: 12px; margin-top: 0; } .intro_content h2 { margin: 0 0 10px 0; padding-top: 5px; font-size: 18px; line-height: 22px; } .intro-links { float: left; margin: 0 15px 0 0; position: relative; z-index: 2; } h1.rood-new { margin: 0 0 15px 15px; color: #f26534; font-size: 18px; font-weight: bold; } .row_1 { margin: 10px 0 0 15px; clear: both; width: 677px; } .row_2, .row_3 { margin: 15px 0 0 15px; clear: both; width: 677px; border-top: 1px dotted #e6e4e4; padding-top: 3px; } .col_1 { float: left; width: 315px; border-right: 1px dotted #e6e4e4; margin-right: 15px; padding-right: 15px; padding-top: 8px; } .col_2 { float: left; width: 315px; padding-right: 15px; padding-top: 8px; } .col_3 { float: left; width: 200px; border-right: 1px dotted #e6e4e4; margin-right: 15px; padding-right: 15px; } .col_3.last { border-right: none; margin-right: 5px; padding-right: 0px; } div.space_3 { margin-left: 15px; } div.space_3 div.col_3 { height: 200px; padding-right: 0; width: 211px; } .img_right_nomargin { float: right; } .mods { margin: 20px 0 15px 0px; width: 698px; } .mod { width: 341px; float: left; margin-right: 15px; } .mod_top { width: 341px; height: 53px; background: url('http://images.tn-media.be/tsd3/restyle_2012/mod_top.png') no-repeat; } .mod_center { width: 321px; height: 100%; background: url('http://images.tn-media.be/tsd3/restyle_2012/mod_bg.png') repeat-y; padding: 10px 20px 0 13px } .mod_center p { margin: 0; padding: 5px 0; } .mod_bottom { width: 341px; height: 13px; background: url('http://images.tn-media.be/tsd3/restyle_2012/mod_bottom.png') no-repeat; } .mod h3 { margin: 0; padding: 18px 0 0 13px; font-family: 'BreuerTextMedium'; font-size: 18px; } .klantenfoto { float: left; margin-right: 10px; margin-bottom: 8px; width: 158px; margin-top: 6px; } p.klanttext { clear: both; display: block; } .to_detail { margin: 5px 0 5px 15px; height: 50px; } .to_detail div { float: left; margin-right: 15px; } .to_detail .to_intro { font-size: 15px; color: #606060; font-weight: bold; padding-top: 4px; line-height: 20px; } h3.ontdek { font-size: 15px; color: #606060; font-weight: bold; padding-top: 18px; line-height: 20px; } .box_grey_top { background: url('http://graphics.tn-media.be/tsd3/producten/restyle/box_grey_top.png') no-repeat; width: 698px; height: 43px; margin-top: 15px; } .box_grey_top h2 { font-size: 18px; font-family: 'BreuerTextMedium'; color: #333333; padding: 10px 0 0 15px; font-weight: normal; } .col_other { float: left; width: 208px; height: 175px; border-right: 1px dotted #e6e4e4; margin: 0 0 12px; padding-right: 8px; padding-left: 15px; position: relative; } .col_other h2, .col_other2 h2, h2.other { font-size: 13px; font-weight: bold; color: #f26534; } .col_other div.bottom, .col_other2 div.bottom {/* position: absolute; bottom: -15px; */ } .col_other2 { float: left; width: 320px; border-right: 1px dotted #e6e4e4; margin: 0; padding-right: 8px; padding-left: 15px; position: relative; } .col_other1 { float: left; width: 662px; margin: 0 0 12px; padding-right: 8px; padding-left: 15px; position: relative; } .col_other1 h2 { margin-left: 0; } .col_other2.last { border-right: none; } .box_bg p { margin: 10px 0 15px 0; } .box_margin { margin: 20px 15px 15px 15px; width: 658px; } .box_bg h2 {/* margin-left: 15px;*/ color: #f26534; } .box_bg .box_center h2 { margin-left: 0; } .col_other p, .col_other2 p { margin-left: 0; } .box_bg .col_other h2, .box_bg .col_other2 h2 { margin-left: 0; } .tools { margin: 0 35px 0 35px; height: 27px; } .box_inner_box { width: 670px; margin: 10px 0 10px 12px; } .box_inner_box h2, .box_inner_box p, .box_inner_left h2, .box_inner_left p, .box_inner_right h2, .box_inner_right p { margin-left: 4px; } .box_inner_box .row_1 { margin: 10px 0 0 5px; clear: both; width: 646px; } .box_inner_box .row_1 .col_1 { float: left; width: 300px; border-right: 1px dotted #e6e4e4; margin-right: 15px; padding-right: 15px; } .box_inner_box .row_1 .col_2 { float: left; width: 300px; padding-right: 15px; } .box_inner_box ul { margin: 10px 0 0 0; padding: 0; } .data dl { margin-bottom: 16px; margin-top: 10px; } .data dt { float: left; clear: left; line-height:17px padding-right: 15px; background: url("http://graphics.tn-media.be/tsd3/bullet_rood.png") no-repeat scroll 1px 5px transparent; margin-top: 1px; padding-left: 12px; } .data dd { float: none; line-height: 17px; margin-left: 140px; margin-top: 0; width: 160px; } .box_inner_left { margin: 5px 8px 0 12px; width: 325px; float: left; } .box_inner_right { width: 325px; float: left; } div.oplossing-maat { padding: 5px 15px 5px 130px; overflow: auto; margin: 5px 15px; border-bottom: 1px dotted #e6e4e4; } div.oplossing-maat div.visual { float: left; margin: 3px 10px 10px -125px; border-bottom: 1px solid #e6e4e4; } div.oplossing-maat h2 { margin-left: 0; } div.advies { margin: 20px 0 0 0; position: relative; text-align: center; font-size: 16px; color: #000; font-weight: bold; } div.advies span { font-size: 12px; color: #666; font-weight: normal; margin-left: 10px; } div.advies span em { font-size: 16px; color: #f26534; font-weight: bold; font-style: normal; margin: 0 4px } /* ****** TABS NEW ****** */ div.tabs_container { width: 650px; margin: 30px 0 15px 24px; } div.tabs_container div.tabs { width: 650px; } div.tabs_container div.tabs ul.tabNavigation { background: none repeat scroll 0 0 #FFFFFF; list-style: none outside none; margin: 0; padding: 0 10px 0 15px; list-style: none; } div.tabs_container div.tabs ul.tabNavigation li { background: url("http://graphics.tn-media.be/detailpage/tab2_inactive_right.png") no-repeat scroll right top transparent; display: inline; float: left; margin: 0; padding: 0 20px 0 0; } div.tabs_container div.tabs ul.tabNavigation li a { background: url("http://graphics.tn-media.be/detailpage/tab2_inactive_left.png") no-repeat scroll left top transparent; color: #242424; display: block; float: left; font-family: Arial; font-size: 12px; line-height: 32px; position: relative; padding-left: 10px; text-align: center; text-decoration: none; margin-right: 5px; } div.tabs_container div.tabs ul.tabNavigation li a.defaulttab { background: url("http://graphics.tn-media.be/detailpage/tab2_inactive_right.png") no-repeat scroll right top transparent; font-weight: bold; color: #f26534; } div.tabs_container div.tabs ul.tabNavigation li a.selected { margin: 0; padding-right: 3px; width: 100%; background: url("http://graphics.tn-media.be/detailpage/tab2_inactive_left.png") no-repeat scroll left top transparent; } div.tabs_container div.rounded-grijs-bottom { margin: -15px 15px 0 0; width: 620px; } div.tabs_container h3 { color: #f26534; } div.tab-content h2, .div.tab-content p { margin-left: 0; } div.tabs_container h3.tabsnew { margin: 15px 0 8px 0; font-size: 15px; } div.tabs_container .tabs table { margin-left: 0; } div.installation h3 { margin-left: 0; } div.tabs_container ul { margin-left: 15px; } div.tabs_container h1 { margin-top: 10px; margin-left: 0; } /* PRODUCTEN HP */ .tsd-prod-top { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/intro_empty_small.jpg) no-repeat scroll 0 0 transparent; height: 14px; width: 698px; } .tsd-prod-mid { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/frame_bg.png) repeat-y; margin-top: 0; padding-bottom: 10px; padding-top: 10px; width: 698px; overflow: hidden; } .tsd-prod-mid-cntnt { padding: 0 20px; } .tsd-prod-btm { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/frame_bottom.png) no-repeat; height: 12px; margin-top: 0; width: 698px; } .tsd-prod-box { width: 150px; height: 177px; border-right: 1px dotted #CCC; float: left; margin: 10px 0 0; padding: 0 9px; line-height: 18px; } .tsd-prod-box.last { border-right: none; clear: right; padding: 0 5px; } .tsd-prod-box a { display: block; padding-left: 12px; } .tsd-prod-box a:hover { color: #f26534; } .tsd-prod-hd { padding: 7px 30px 0 10px; color: #FFF; text-decoration: none; margin-bottom: 15px; font-size: 12px; } a.tsd-prod-hd:hover { color: #FFF; } .tsd-prod-hd.hd1 { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/tsd-prod-hd1.png) no-repeat; width: 108px; height: 29px; } .tsd-prod-hd.hd2 { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/tsd-prod-hd2.png) no-repeat; width: 130px; height: 29px; } .tsd-prod-hd.hd3 { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/tsd-prod-hd3.png) no-repeat; width: 108px; height: 45px; padding-top: 5px; } .tsd-prod-hd.hd4 { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/tsd-prod-hd4.png) no-repeat; width: 130px; height: 45px; padding-top: 5px; } /* TIP */ div.mod_simulator { width: 340px; height: 172px; background: url("http://graphics.tn-media.be/tsd3/producten/restyle/simulator_visual.jpg") no-repeat; margin: -13px 0 10px -19px; } div.mod_simulator p { position: relative; top: 113px; color: #FFF; left: 10px; } /* BLOCKS */ div.block_container { width: 226px; margin-bottom: 30px; } div.block_container h2 { font-family: 'CooperStdBlack'; font-weight: normal; font-size: 28px; line-height: 34px; color: #f26534; } .block_container h3 { color: #f26534; font-size: 18px; font-family: 'BreuerTextBold'; line-height: 24px; margin-top: 0; } div.block_container .bbytes_center h2 { font-family: Verdana, Geneva, sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 10px; } div.block_container p { margin-bottom: 0; } div.block_container ul { margin: 15px 0; } div.block_container ul li { background: none; margin-bottom: 8px; padding-left: 0; } div.block_container ul.triangle li{background: url("http://images.tn-media.be/tsd3/restyle_2012/jelly_rood_small.png") no-repeat scroll left 3px transparent; padding-left:22px; line-height:20px; } div.block_container a.jellygrijs { text-decoration: underline; } div.block_container a.jellygrijs:hover { text-decoration: none; } div.adv_top { width: 226px; height: 13px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-wit_top.png") no-repeat; } div.tip_top { width: 226px; height: 116px; background: url("http://images.tn-media.be/tsd3/restyle_2012/TIP_block_top.png") no-repeat; } div.tip_top h3 { padding: 8px 0 0 12px; } div.tip_top p { padding-left: 12px; } div.adv_center { width: 201px; padding: 1px 10px 1px 15px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-wit_bg.png") repeat-y; font-size: 12px; line-height: 18px; } div.adv_bottom { width: 226px; height: 13px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-wit_bottom.png") no-repeat; } div.adv_label { background: url("http://images.tn-media.be/tsd3/restyle_2012/online_label.png") no-repeat; display: block; float: left; width: 52px; height: 19px; position: relative; left: -10px; } div.yellowBorder_top { width: 226px; height: 13px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-yellowBorder_top.png") no-repeat; } div.yellowBorder_center { width: 201px; padding: 10px 10px 1px 15px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-yellowBorder_bg.png") repeat-y; font-size: 12px; line-height: 18px; } div.yellowBorder_bottom { width: 226px; height: 13px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-yellowBorder_bottom.png") no-repeat; } div.grayBorder_top { width: 226px; height: 13px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-grayBorder_top.png") no-repeat; } div.grayBorder_center { width: 201px; padding: 10px 10px 1px 15px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-grayBorder_bg.png") repeat-y; font-size: 12px; line-height: 18px; } div.grayBorder_bottom { width: 226px; height: 13px; background: url("http://images.tn-media.be/tsd3/restyle_2012/blok-grayBorder_bottom.png") no-repeat; } .newsletter_top { background: url("http://images.tn-media.be/tsd3/restyle_2012/newsletter_block_top.png") no-repeat; width: 226px; height: 62px; } .block-divider { height: 3px; border-bottom: 1px dotted #CCCCCC; margin: 8px 0 12px 0; } div.bbytes_top { width: 226px; height: 60px; background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/b-bytes_top.png") no-repeat; } div.bbytes_center { width: 201px; background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/b-bytes_bg.png") repeat-y; padding: 10px 10px 10px 15px; margin-top: -3px; } div.bbytes_bottom { width: 226px; height: 9px; background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/b-bytes_bottom.png") no-repeat; } div.bbytes-geel_top { width: 226px; height: 14px; background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/bbytes-geel_top.png") no-repeat; } div.bbytes-geel_center { width: 201px; padding: 1px 10px 1px 15px; background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/bbytes-geel_bg.png") repeat-y; font-size: 12px; line-height: 18px; } div.bbytes-geel_bottom { width: 226px; height: 36px; background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/bbytes-geel_bottom.png") no-repeat; } div.bbytes_cta { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/bbytes_redbutton.jpg") no-repeat; width: 204px; height: 36px; text-align: center; margin: 15px 0; line-height: 14px; padding-top: 4px; } div.bbytes_cta a { text-align: center; color: #FFF; text-decoration: none; } div.block-grijs_top { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/blok-grijs_top.png") no-repeat; width: 206px; height: 95px; text-align: center; padding: 1px 10px 0 } div.block-grijs_bottom { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/blok-grijs_bottom.png") no-repeat; width: 226px; height: 28px; text-align: center; padding-top: 8px; } div.block-incentive_top { background: url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/blok-incentive_top.jpg") no-repeat; width: 226px; height: 140px; } div.incentive_txt { width: 125px; padding: 7px 0 0 10px; } p.intro { padding: 10px 10px 15px 24px; font-size: 12px; line-height: 20px; color: #000; } /* HOMEPAGE EN */ div.hp-mods { margin-top: 10px; } div.hp-mod { float: left; width: 303px; margin-right: 18px; } div.hp-mod_top { background: url("http://images.tn-media.be/tsd3/restyle_2012/hp-mod_top.jpg") no-repeat; width: 303px; height: 39px; } div.hp-mod_top h3, div.hp-mod_top h3 a { text-decoration:none; color: #3d3939; font-family: 'BreuerTextRegular'; font-size: 18px; margin: 0; padding: 12px 0 0 10px; } div.hp-mod_top h3 a:hover{text-decoration:underline;} div.hp-mod_bottom { background: url("http://images.tn-media.be/tsd3/restyle_2012/hp-mod_bottom.jpg") no-repeat; width: 303px; height: 81px; padding: 12px 0 0 8px; clear: both; margin-top: -5px; } div.hp-mod_visual { background: url("http://images.tn-media.be/tsd3/restyle_2012/hp-mod_slogan.jpg") no-repeat; height: 27px; padding-top: 5px; margin-top: -3px; padding-left: 8px; color: #333333; text-align: left; font-weight: bold; font-size: 12px; } /* MULTI-TV */ body.multi-tv div#navigation { margin-top: 8px; } body.multi-tv div#navigation div.navbar { background: url("http://graphics.tn-media.be/tsd3/style/main_navigation_right-rb.jpg") no-repeat scroll right top transparent; width: 100%; position: absolute; } div.multi-tv-container { width: 942px; position: relative; top: 20px; } div.multi-tv-container h2 { color: #f26534; font-size: 18px; padding-left: 15px; margin-bottom: 22px; } div.multi-tv-container h3 { font-size: 13px; color: #303030; margin-bottom: 0; padding-left: 15px; } div.multi-tv-container p { padding: 5px 15px; } div.intro_multi-tv { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/multi_tv_visual.jpg") no-repeat; width: 942px; height: 331px; margin-top: 7px; } div.multi-tv-cols { margin-bottom: 20px; } div.multi-tv-col { float: left; width: 295px; margin-right: 28px; } div.multi-tv-col_top { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/mTV_mod_top.jpg") no-repeat; width: 295px; height: 68px; } div.multi-tv-col_center { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/mTV_mod_bg.jpg") repeat-y; width: 265px; height: 125px; padding: 15px; } body.fr div.multi-tv-col_center { height: 135px; } div.multi-tv-col_bottom { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/mTV_mod_bottom.jpg") no-repeat; width: 295px; height: 17px; } div.multi-tv-col_top h2 { padding: 20px 0 0 13px; font-size: 14px; color: #303030; } div.multi-tv-col_center p { margin: 0 0 10px 0; padding: 0; } div.multi_bar { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/Multi-TV_bottom_bar.jpg") no-repeat; width: 921px; height: 57px; text-align: center; margin: 20px 0 20px 10px; } body.fr div.multi_bar h2 { margin-left: 249px; } div.multi_bar h2 { font-size: 15px; color: #303030; padding: 8px; margin-left: 287px; } div.multi_bar h2 span { color: #606060; margin-left: 10px; } div.multi_bar h2 span em { font-style: normal; color: #f26534; margin: 0 10px; } div.multi-tv-container ol { margin: 15px 0 25px 33px; list-style: decimal; } div.multi-tv-container ol li { background: none; margin-bottom: 10px; } div.multi-tv-container ol li a { font-size: 13px } body.multi-tv div#navigation ul li.active-trail { background: transparent url("http://graphics.tn-media.be/tsd3/style/main_navigation_bg_yellow.png") repeat-x left top; } div.multi-tv-container ul { list-style: none; margin: 15px 0 45px; } div.multi-tv-container ul li { background: none; margin-bottom: 25px; } div.multi-tv-container ul li a { font-size: 13px } div#lgoMultiTV { padding-top: 20px; padding-left: 40px; } div.multi-tv-container div.tabs_container div.tabs { width: 900px; } div.multi-tv-container table td, div.multi-tv-container th { padding: 5px 7px; text-align: center; border: 1px solid #cccccc; } div.multi-tv-container div.tabs_container .tabs table { margin-left: 20px; } div.multi-tv-container div.tabs_container { width: 900px; margin: 13px 0 15px 39px; } div.multi-tabs-top { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/multi-tabs_top.png") no-repeat; width: 860px; height: 21px; } div.multi-tabs-center { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/multi-tabs_bg.png") repeat-y; width: 860px; } div.multi-tabs-bottom { background: url("http://graphics.tn-media.be/tsd3/producten/multi-tv/multi-tabs_bottom.png") no-repeat; margin-top: -15px; width: 860px; height: 21px; } div.multi-tv-container th { padding: 12px 7px; font-size: 14px; line-height: 20px; } div.multi-tv-container th span { font-size: 12px; } div.multi-tv-container form.webform-client-form { margin-left: 15px; } div.multi-tv-container div.webform-container-inline label { display: inline-block; margin-right: 1em; width: 174px; } div.multi-tv-container textarea#edit-submitted-meer-specifieke-informatie-betreffende-mijn-vraag-problematiek, div.multi-tv-container textarea#edit-submitted-information { margin-left: 190px; margin-top: 8px; width: 422px; } div.multi-tv-container div.webform-container-inline label.option { display: inline-block; margin-right: 1em; width: auto; } body.fr div.multi_bar a.cta_1 { padding: 8px 0 0 8px; width: 175px; } div.multi-tv-container div.form-radios { width: 300px; margin-left: 255px; margin-top: -19px; } body.fr div.multi-tv-container div.form-radios { margin-left: 183px; } div.multi-tv-container div.form-radios div { margin-top: 5px; } div.multi-tv-container textarea { width: 425px; margin-left: 190px; } div.multi-tv-container input.edit-submit { margin: 15px 0 20px 190px; } .promo_inbox { background: url("http://graphics.tn-media.be/tsd3/style/promo_inbox.jpg") no-repeat; text-align: center; height: 37px; width: 598px; font-weight: bold; font-size: 10px; padding: 10px 0 0 0; color: #f26534; } /* CLOUD OFFICE */ .yellow_frame { } .yellow_frame h1 { font-family: 'CooperStdBlack'; color: #FFF; margin: 0; font-size: 30px; font-weight: normal; padding-top: 15px; } .yellow_fr_top { background: url("http://graphics.tn-media.be/tsd3/producten/cloud/yellow_frame_top.jpg") no-repeat; width: 698px; height: 20px; } .yellow_fr_center { background: url("http://graphics.tn-media.be/tsd3/producten/cloud/yellow_frame_bg.jpg") repeat-y; width: 698px; } .yellow_fr_bottom { background: url("http://graphics.tn-media.be/tsd3/producten/cloud/yellow_frame_bottom.jpg") no-repeat; width: 698px; height: 20px; } .yellow_space { width: 642px; margin-left: 29px; } .frank_visual { width: 642px; height: 305px; background: url("http://graphics.tn-media.be/tsd3/producten/cloud/visual_frank.jpg") no-repeat; } .frank_visual .content { float: right; margin-right: 15px; width: 315px; margin-top: 30px; } .frank_tab { background: url("http://graphics.tn-media.be/tsd3/producten/cloud/visual_tab.jpg") no-repeat; width: 642px; height: 47px; display: block; padding-bottom: 13px; } .frank_tab ul { margin: 0; padding: 0; list-style: none; } .frank_tab ul li { float: left; color: #f26534; background: none; font-size: 13px; font-weight: bold; padding-top: 15px; background: url("http://graphics.tn-media.be/tsd3/producten/cloud/visual_tab_divider.jpg") no-repeat right; padding-right: 15px; height: 29px; } .frank_tab ul li.last { background: none; padding-right: 0; } .frank_tab ul li a { color: #303030; text-decoration: none; } .frank_tab ul li.active a { color: #f26534; text-decoration: none; } .frank_tab ul li a:hover { color: #f26534; } .cloud_box_bg { width: 698px; background: url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_bg.jpg") repeat-y; } .cloud_box_bg h3 { margin: 0; padding-top: 25px; font-size: 15px; color: #000000; margin-bottom: 10px; } .cloud_box_bg .content { width: 638px; margin-left: 30px; } .cloud_box_bottom { width: 698px; background: url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_bottom.jpg") no-repeat; height: 15px; } .cloud_col { float: left; margin-right: 17px; width: 302px; margin-top: 20px; border: 1px solid #eeeeee; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .cloud_col_top { width: 308px; height: 45px; } .cloud_col_top h2 { font-size: 18px; color: #000; padding-top: 14px; padding-left: 20px; } .cloud_col_center { width: 308px; } .cloud_col_bottom { width: 308px; height: 20px; } .cloud_col_center ul, .cloud_col_center p { margin: 0; padding: 10px 20px; } .cloud_frwhite { border: 1px solid #eeeeee; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top: 20px; } .cloud_frwhite_top { width: 635px; background: url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_frwhite_top.jpg") no-repeat; height: 21px; } .cloud_frwhite_center { width: 635px; } .cloud_frwhite_bottom { clear: both; width: 635px; background: url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_frwhite_bottom.jpg") no-repeat; height: 21px; padding-top: 10px } .cloud_divider { background: url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_divider.jpg") no-repeat; height: 4px; display: block; clear: both; margin-top: 20px; padding: 3px 0; } .cloud_frwhite_center h3 { padding: 0 0 0 15px; } .cloud_frwhite_center dl { padding: 0 15px; } .cloud_frwhite_center dt { float: left; width: 190px; } .cloud_frwhite_center dd { float: left; width: 400px; } .cloud_frwhite_center h4 { font-size: 16px; font-weight: bold; background: #efefef; margin-bottom: 8px; padding: 8px; } /* ALGEMEEN / HERBRUIKBAAR */ a.knopgrijs { background-color: #999999; border: 1px solid #737373; color: white; padding: 3px 8px; text-decoration: none; } input.knopgrijs { background-color: #999999; border: 1px solid #737373; color: white; padding: 0 8px; } form input.knopgrijs, .fr form input.knopgrijs, .en form input.knopgrijs { background-image: none; width: auto; height: auto; background-color: #999999; border: 1px solid #737373; color: white; padding: 0 8px; } /* niveau dieper voor overrulen .form-submit indien beide classes */ /* WINKELMANDJE */ #basket { position: absolute; width: 495px; top: 0px; left: 50%; } #winkelmandje { width: 278px; height: 47px; background: url(http://graphics.tn-media.be/tsd3/style/basket_bg.png) left top no-repeat; float: right; padding: 3px 6px; } #winkelmandje p { color: white; font-size: 10px; margin: 0; padding: 2px 5px; } #winkelmandje p span.bolder { font-size: 11px; font-weight: bold; } #winkelmandje p.winkelarrow { font-weight: bold; background: url(http://graphics.tn-media.be/tsd3/triangle_white.png) 7px 5px no-repeat; padding-left: 20px; } #winkelmandje p.winkelarrow a { color: #e3e3e3; } form { display: block; } /* CAPTCHA */ .captcha div.description { clear: both; } /* OVERWRITES */ .customform .form-textarea { width: 450px !important; } /* CONTACTFORM */ #custom-forms-tsd-salesforce, #custom-forms-tsd-salesforce-small { width: auto !important; } #custom-forms-tsd-salesforce input.form-text, #custom-forms-tsd-salesforce-small select.form-select, #custom-forms-tsd-salesforce-small input.form-text, #custom-forms-tsd-salesforce-small input.form-text { width: 190px; float: none; } #custom-forms-tsd-salesforce #edit-first-name-wrapper, #custom-forms-tsd-salesforce-small #edit-first-name-wrapper { clear: left; } #custom-forms-tsd-salesforce textarea.form-textarea, #custom-forms-tsd-salesforce-small textarea.form-textarea { width: 204px; } #edit-street-wrapper label { width: 200px; } #custom-forms-tsd-salesforce #edit-zip { width: 60px !important; } #custom-forms-tsd-salesforce #edit-city-wrapper { clear: left; } #custom-forms-tsd-salesforce .employee_options label.option, #custom-forms-tsd-salesforce-small .employee_options label.option { width: 80px; } body.tsd div#navigation ul li.menu-mlid-3898 { font-size: 12px; } /* BUSINESS BYTES (Restyle 2012) */ .bb_header { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_header.jpg") no-repeat; width: 720px; height: 175px; margin-bottom: 30px; } .bb_header div { color: #000000; font-size: 14px; font-weight: bold; left: 61px; position: relative; top: 110px; } .bb_header div span { color: #FFFFFF; margin: 0 10px } .bb_header div em { font-style: normal; color: #FFFFFF; } .bb_container { width: 590px; margin-left: 65px; font-size: 12px; line-height: 18px; } .bb_nav dl { margin-bottom: 5px; } .bb_nav dt { font-family: CooperStdBlack; clear: both; float: left; width: 135px; font-weight: bold; line-height: 21px; font-size: 13px; color: #FEC332; } .bb_nav dd { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_arrow.jpg") no-repeat left top; float: left; width: 435px; line-height: 18px; margin-bottom: 5px; display: block; padding-left: 20px; } body.fr .bb_nav dt { width: 170px; } body.fr .bb_nav dd { width: 400px; } .bb_nav a { text-decoration: none; } .bb_nav a:hover { text-decoration: underline; color: #666666; } .bb_container a { font-weight: bold; } .bb_container a:hover { color: #666666; text-decoration: none; } .bb_line_yellow { border-bottom: 1px solid #FEC332; margin: 30px 0; } .bb_line_grey { border-bottom: 1px solid #ececec; margin: 25px 0 0 0; } .bb_title { display: block; height: 23px; color: #FFFFFF; text-align: center; font-family: CooperStdBlack; font-size: 15px; padding-top: 5px; } .bb_title.orange { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_orange_title.jpg") no-repeat; width: 107px; height:30px; } ul.bullet_orange li { background-image: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_arrow_orange.png"); background-repeat: no-repeat; background-position: top left; padding-left: 26px; } .bb_title.orange_lg { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/meerInfo_orange.png") no-repeat; width: 195px; } .bb_socials ul { margin: 0; padding: 0; list-style: none } .bb_socials ul li { float: left; margin: 0 3px 0 0; padding: 0; text-indent: -99999px; background: none; } .bb_socials ul li a { width: 24px; height: 24px; display: block; } .bb_socials ul li.facebook a { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/facebook.jpg") no-repeat; } .bb_socials ul li.linkedin a { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/linkedin.jpg") no-repeat; } .bb_socials ul li.twitter a { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/twitter.jpg") no-repeat; } .bb_container h2 { font-family: CooperStdBlack; font-size: 26px; color: #FEC332; font-weight: normal; margin-top: 27px; margin-bottom: 18px; line-height: 28px; } img.visual_left { float: left; margin-right: 20px; display: block; } ul.praktijk { margin-top: 15px; } ul.praktijk li { clear: both; border-bottom: 1px solid #cecece; height: 110px; margin-top: 18px; background: none; padding-left: 0; } p.orange_arrow { clear: both; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/orange_arrow.jpg") no-repeat left top; padding-left: 25px; display: block; margin-top: 20px; line-height: 20px; } .inspired { float: right; font-size: 17px; font-weight: bold; } .inspired span { color: #FEC332; } h3.question { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/question.jpg") no-repeat left top; display: block; padding-left: 30px; line-height: 25px; font-size: 13px; margin-top: 20px; } .yellow_quote { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/steven_quote.jpg") no-repeat; float: left; width: 318px; height: 178px; margin-right: 19px; padding: 50px 30px 0 30px; font-family: CooperStdBlack; font-size: 19px; line-height: 24px; color: #8d8d8d; } .yellow_quote_visual { float: left; width: 193px; height: 216px; } .grey_quote { float: left; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/grey_box_total.jpg") no-repeat; margin-right: 18px; width: 338px; height: 152px; padding: 20px; } .grey_quote_visual { float: left; width: 194px; height: 192px; } .social_line { float: left; margin-right: 25px; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/social_line.jpg") no-repeat; width: 486px; height: 24px; margin-left: 66px; } .greyBox_lg_top { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/greyBox_full_top.jpg") no-repeat; width: 590px; height: 17px; } .greyBox_lg_center { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/greyBox_full_bg.jpg") repeat-y; width: 550px; height: 100%; padding: 20px; } .greyBox_lg_center p { margin: 0; padding-bottom: 10px; } .greyBox_lg_bottom { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/greyBox_full_bottom.jpg") no-repeat; width: 590px; height: 17px; } img.hp_visuals { float: left; width: 212px; height: 209px; margin-right: 25px; display: block; } .bb_container h3 { font-size: 16px; color: #515050; line-height: 22px; margin-bottom: 8px; margin-top: 20px; } .bb_container h2.yellow_bg { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/yellow_title.jpg") no-repeat; display: block; width: 212px; height: 23px; color: #FFFFFF; text-align: center; padding-top: 8px; font-size: 17px; line-height: 18px; } .bb_container h2.bb_brown { color: #d97733; font-size: 27px; margin: 0; line-height: 35px; } a.bb_orange_arrow { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/orange_arrow.jpg") no-repeat right top; padding-right: 25px; display: inline-block; line-height: 21px; color: #d97733; font-weight: normal; } a.bb_black_arrow { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/black_arrow.jpg") no-repeat right top; padding-right: 25px; display: inline-block; line-height: 21px; color: #515050; font-weight: normal; } .bb_brown_top { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/brown_frame_top.jpg") no-repeat; width: 588px; height: 13px; margin-top: 25px; } .bb_brown_center { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/brown_frame_bg.jpg") repeat-y; width: 548px; height: 100%; padding: 10px 20px; } .bb_brown_center p { margin: 0; } .bb_brown_bottom { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/brown_frame_bottom.jpg") no-repeat; width: 588px; height: 13px; } .bb_deelnemen { float: right; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/deelnemen_nl.png") no-repeat; display: block; width: 177px; height: 33px; text-align: center; color: #FFFFFF; font-family: CooperStdBlack; font-size: 18px; padding-top: 6px; position: relative; top: -16px; margin-right: 15px; } .bb_container .bb_deelnemen a { color: #FFFFFF; text-decoration: none; font-weight: normal; } .bb_container .bb_deelnemen a:hover { text-decoration: underline; color: #FFFFFFF; } ul.bullet_orange li { background-image: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_arrow_orange.png"); background-repeat: no-repeat; background-position: top left; padding-left: 26px; } .bb_title.orange_lg { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/meerInfo_orange.png") no-repeat; width: 195px; } .bb_deelnemen { color: #FFFFFF; display: block; float: right; font-family: CooperStdBlack; font-size: 18px; height: 39px !important; margin-right: 15px; padding-top: 6px; position: relative; text-align: center; top: 6px; width: 177px !important; } .bb_deelnemen_wedstrijd { color: #FFFFFF; display: block; float: right; font-family: CooperStdBlack; font-size: 18px; height: 39px !important; margin-right: 15px; padding-top: 6px; position: relative; text-align: center; top: -63px; width: 177px !important; clear: both; } .bb_deelnemen.nl { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/resultaat_nl.png") no-repeat scroll 0 0 transparent !important; } .bb_deelnemen.fr { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/resultaat_fr.png") no-repeat scroll 0 0 transparent !important; } .bb_deelnemen_wedstrijd.nl { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/stem_nl.png") no-repeat scroll 0 0 transparent !important; } .bb_deelnemen_wedstrijd.fr { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/stem_fr.png") no-repeat scroll 0 0 transparent !important; } .bb-spelregels { font-size: 10px; margin: 20px 0 0px 50px; } .bb-spelregels ul li { width: 500px; } .bb_deelnemen.results { top: -16px; } .bb_brown_center form .form-item { margin-bottom: 12px; } .bb_brown_center form span { display: block; padding-left: 34px; } .bb_brown_center form label { } .bb_brown_center form input { float: left; } .bb_brown_center form input.form-submit { float: right; } .tvFont { font-size: 12px; line-height: 18px; } /* *********************************************************** SMB *******************************************************/ /* ************************************************* RESTYLE >>> SMB ********************************************* */ /* ***** ALGEMEEN ****** */ div.cta_online_voordeel { background: url("http://graphics.tn-media.be/tsd3/soho/restyle/bestelonline.png") no-repeat; width: 701px; height: 83px; } div.cta_voordeel { background: url("http://graphics.tn-media.be/tsd3/soho/restyle/voordeel.png") no-repeat scroll 0 0 transparent; height: 56px; width: 701px; } div.cta_online_voordeel p { text-align: center; padding: 24px 0 0 40px; font-size: 15px; color: #f26534; } div.cta_voordeel p { text-align: center; font-size: 15px; color: #f26534; } body.soho div#navigation ul li.menu-mlid-8695 a { font-size: 13px; } /* Shake & Fibernet SBOX */ .sbox-restyle { width: 698px; height: 213px; margin-bottom: 20px; position: relative; } .sbox-restyle.fm { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/sbox-fibernet-m.jpg) no-repeat; } .sbox-restyle.fl { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/sbox-fibernet-l.jpg) no-repeat; } .sbox-restyle.fxl { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/sbox-fibernet-xl.jpg) no-repeat; } .sbox-restyle.sm { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/sbox-shake-m.jpg) no-repeat; } .sbox-restyle.sl { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/sbox-shake-l.jpg) no-repeat; } .sbox-restyle.sxl { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/sbox-shake-xl.jpg) no-repeat; } .sbox-restyle .restyle-label { width: 172px; height: 42px; position: absolute; right: 0px; bottom: 20px; } .sbox-restyle.nl .restyle-label { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/grijslabel-nl.png) no-repeat; } .sbox-restyle.fr .restyle-label { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/grijslabel-fr.png) no-repeat; } .sbox-restyle.en .restyle-label { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/grijslabel-en.png) no-repeat; } .sbox-restyle .inner h1 { margin: 0 0 20px; font-size: 28px; } .sbox-restyle .inner p { font-size: 18px; line-height: 27px; color: #000; } /* ***** SHAKES ****** */ div.intro_shakes { width: 698px; height: 213px; margin-bottom: 20px; background: url("http://graphics.tn-media.be/tsd3/soho/restyle/intro_shakes.jpg") no-repeat; } div.intro_shakes div.content { width: 415px; position: relative; left: 245px; top: 35px; } div.intro_shakes h1, div.intro_internet-smb h1, div.intro_internet-smb_label h1 { font-size: 15px; font-weight: normal; color: #303030; text-align: center; margin: 0 0 20px 0; } div.blokje_geel { background: url("http://graphics.tn-media.be/tsd3/soho/restyle/blokje_geel.png") no-repeat; width: 161px; height: 52px; display: inline-block; margin-left: 15px; font-size: 15px; color: #333333; font-weight: bold; text-align: center; line-height: 21px; padding-top: 8px; float: left; } div.plus_geel { background: url("http://graphics.tn-media.be/tsd3/soho/restyle/plus_geel.png") no-repeat; width: 25px; height: 60px; display: inline-block; margin-left: 15px; float: left; } .intro_empty_small { width: 698px; height: 14px; background: url('http://graphics.tn-media.be/tsd3/soho/restyle/intro_empty_small.jpg') no-repeat; } div.shakes_top { width: 698px; height: 146px; background: url("http://graphics.tn-media.be/tsd3/soho/restyle/shakes_col_top.png") no-repeat; text-align: center; padding-top: 25px; } div.shakes_top img { margin: 10px 0; } div.shakes_center { width: 698px; height: 100%; background: url("http://graphics.tn-media.be/tsd3/soho/restyle/shakes_col_bg.png") repeat-y; } div.shakes_bottom { width: 698px; height: 32px; background: url("http://graphics.tn-media.be/tsd3/soho/restyle/shakes_col_bottom.png") no-repeat; } div.shakes_col1, div.shakes_col2, div.shakes_col3 { width: 205px; float: left; } div.shakes_col1 { margin-left: 15px; } div.shakes_col2 { margin-left: 30px; } div.shakes_col3 { margin-left: 28px; } div.shakes_center h3 { font-size: 11px; font-weight: bold; color: #000; margin-top: 20px; } div.shakes_center h3 span { font-weight: normal; } /* SHAKES PAGES ***/ div.cta_container { border-top: 1px dotted #ccc; margin-top: 15px; padding-top: 10px; } div.thuislevering { background: url("http://graphics.tn-media.be/tsd3/soho/restyle/thuislevering.jpg") no-repeat; color: #FFF; width: 207px; height: 32px; display: inline-block; float: left; padding-top: 11px; text-align: center; font-size: 13px; } div.plus_rood { background: url("http://graphics.tn-media.be/tsd3/soho/restyle/plus_rood.jpg") no-repeat; float: left; width: 16px; height: 43px; float: left; margin: 0 7px; } div.cta_online_voordeel_small { background: url("http://graphics.tn-media.be/tsd3/soho/restyle/cta_online_voordeel_small.jpg") no-repeat; float: left; width: 329px; display: inline-block; height: 34px; padding-top: 9px; padding-left: 54px; color: #f26534 } div.grey-dotted-box { background: #efefef; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px; margin: 15px 0; } h2.black { color: #303030; } /* INTERNET */ div.intro_internet-smb { width: 698px; height: 213px; margin-bottom: 20px; background: url("http://graphics.tn-media.be/tsd3/soho/restyle/intro_internet-smb.jpg") no-repeat; } div.intro_internet-smb div.content { width: 235px; position: relative; left: 440px; top: 50px; } div.dotted-line { height: 2px; border-top: 1px dotted #ccc; margin: 20px 0; width: 195px; } div.cloud_fibernet { background: url('http://graphics.tn-media.be/tsd3/cloud_computing/cloud_fibernet_nl.jpg') no-repeat; width: 509px; height: 230px; } div.cloud_fibernet div { position: relative; left: 310px; top: 30px; font-size: 17px; line-height: 22px; } div.cloud_fibernet div strong { font-size: 17px; line-height: 22px; font-weight: bold; } h3 input.OptieCheckbox { margin-right: 10px; float: left; } div.optie_border { height: 2px; border-top: 1px dotted #ccc; margin: 12px 0; } /* ***** TELEFONIE ****** */ .vastetelefonie { width: 699px; position: relative; } .vastetelefonie .top { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/telefonierestyle-top.png) no-repeat top left; height: 147px; padding: 20px; } .vastetelefonie .mid { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/telefonierestyle-mid.png) repeat-y; overflow: hidden; clear: both; padding: 20px; } .vastetelefonie .btm { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/telefonierestyle-btm.png) no-repeat top left; height: 20px; margin-bottom: 20px; padding: 20px; } .vastetelefonie .freephone { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/telefonierestyle-freephone.png) no-repeat; padding: 20px; height: 152px; } .vastetelefonie .left { width: 315px; margin-left: 20px; float: left; } .vastetelefonie .right { width: 315px; margin-right: 15px; float: right; clear: right; } .vastetelefonie .rel { position: relative; } .vastetelefonie .divider { margin: 20px 0; border-bottom: 1px dotted #999; } .vastetelefonie .bestelonline { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/bestelonline.png) no-repeat top left; width: 701px; height: 83px; } .vastetelefonie .bestelonline p { margin: 30px 0 0; padding-left: 90px; font-size: 14px; text-align: center; } .vastetelefonie .notes { margin: 0; font-size: 10px; font-style: italic; } .vastetelefonie label { font-weight: bold; } .ppwit { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/pp-wit.png) no-repeat; width: 88px; height: 37px; padding-top: 6px; text-align: center; font-size: 11px; line-height: 14px; color: #666; float: right; } .pplichtgrijs_small { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/pplichtgrijs_small.png) no-repeat; width: 88px; height: 37px; padding-top: 6px; text-align: center; font-size: 11px; line-height: 14px; color: #666; float: right; } .ppgeel { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/pp-geel.png) no-repeat; width: 105px; height: 40px; padding-top: 8px; text-align: center; font-size: 11px; line-height: 16px; color: #666; } .pplichtgrijs { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/pp-lgrijs.png) no-repeat; width: 105px; height: 40px; padding-top: 8px; text-align: center; font-size: 11px; line-height: 16px; color: #666; float: right; } .ppdonkergrijs { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/pp-dgrijs.png) no-repeat; width: 105px; height: 40px; padding-top: 8px; text-align: center; font-size: 11px; line-height: 16px; color: #666; float: right; } .ppwit span, .ppgeel span, .pplichtgrijs span, .ppdonkergrijs span, .pplichtgrijs_small span { font-size: 14px; font-weight: bold; color: #000; } /* **** CLOUD COMPUTING ***/ div#node-3177.node-unpublished { background-color: #FFFFFF; } div.cloud_yellow_box { margin: 20px 0 15px 0; widht: 460px; height: 44px; background: url("http://graphics.tn-media.be/tsd3/cloud_computing/yellow_box.gif") no-repeat; padding: 12px; font-size: 14px; font-weight: bold; line-height: 18px; } div.cloud_yellow_box span { color: #f26534; font-size: 14px; font-weight: bold; line-height: 18px; } div.cloud_fibernet_visual { margin-top: 25px; clear: both; background: url("http://graphics.tn-media.be/tsd3/cloud_computing/visual_fibernet.jpg") no-repeat; width: 490px; height: 232px; } div.cloud_fibernet_visual div { position: relative; top: 83px; left: 295px; width: 185px; font-size: 18px; line-height: 22px; } div.cloud_fibernet_visual div strong { font-size: 18px; line-height: 22px; font-weight: bold; } div.label_telenet { background: url("http://telenet.be/media/fs/1/graphics/tsd3/label_telenet_nl.png") no-repeat scroll right top transparent; float: right; height: 53px; width: 205px; margin: 15px -19px 15px 0; } div.intro_internet-smb_label { width: 698px; height: 218px; background: url("http://graphics.tn-media.be/tsd3/soho/restyle/intro_internet-smb_label.jpg") no-repeat; } div.intro_internet-smb_label div.content { width: 235px; position: relative; left: 440px; top: 50px; } .box_lg_label { width: 698px; margin-top: 20px; } .box_label_bg { width: 698px; background: url('http://graphics.tn-media.be/tsd3/soho/restyle/box_label_center.jpg') repeat-y; margin-top: 0; padding-top: 10px; padding-bottom: 10px; } .box_label_bottom { width: 698px; background: url('http://graphics.tn-media.be/tsd3/soho/restyle/box_label_bottom.jpg') no-repeat; height: 21px; margin-top: 0; } /* DIGITALE TV */ #node3239 #submenu { display: none; } .dtv-top { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/intro_empty_small.jpg) no-repeat scroll 0 0 transparent; height: 14px; width: 698px; } .dtv-mid { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/frame_bg.png) repeat-y; margin-top: 0; padding: 10px 15px; width: 668px; } .dtv-btm { background: url(http://graphics.tn-media.be/tsd3/producten/restyle/frame_bottom.png) no-repeat; height: 12px; margin-top: 0; width: 698px; } .ppgeel { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/pp-geel.png) no-repeat scroll 0 0 transparent; color: #666666; font-size: 11px; height: 40px; line-height: 16px; padding-top: 8px; text-align: center; width: 105px; } .ppgeel span { color: #000000; font-size: 14px; font-weight: bold; } .bestelonline { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/bestelonline.png) no-repeat scroll left top transparent; bottom: 50px; height: 83px; left: 5px; position: absolute; width: 701px; } .bestelonline p { font-size: 14px; margin: 30px 0 0; padding-left: 90px; text-align: center; } ul.xtrsp { padding: 15px 0 80px; } ul.xtrsp li { line-height: 18px; margin: 10px 0; } .dtvintro { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/dtvintro.jpg) no-repeat; width: 202px; height: 151px; position: absolute; right: 10px; bottom: 118px; } .cadeaubon { background: url("http://graphics.tn-media.be/tsd3/soho/mobile/cadeaubon_visual.jpg")no-repeat; width: 287px; height: 67px; } .cadeaubon div { font-size: 15px; color: #f26534; padding: 25px 0 0 20px; } .cadeaubon div span { font-weight: bold; font-size: 18px; } /* BUSINESS BYTES (Restyle 2012) */ .bb_header { background: url("http://images.tn-media.be/tsd3/newsletters/heading.jpg") no-repeat; width: 720px; height: 114px; margin-bottom: 30px; } .bb_header div { color: #000000; font-size: 14px; font-weight: bold; left: 60px; position: relative; top: 74px; } .bb_header div span { color: #FFFFFF; margin: 0 10px } .bb_header div em { font-style: normal; color: #FFFFFF; } .bb_container { width: 590px; margin-left: 65px; font-size: 12px; line-height: 18px; } .bb_nav dl { margin-bottom: 5px; } .bb_nav dt { font-family: CooperStdBlack; clear: both; float: left; width: 135px; font-weight: bold; line-height: 21px; font-size: 13px; color: #FEC332; } .bb_nav dd { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_arrow.jpg") no-repeat left top; float: left; width: 435px; line-height: 18px; margin-bottom: 5px; display: block; padding-left: 20px; } body.fr .bb_nav dt { width: 170px; } body.fr .bb_nav dd { width: 400px; } .bb_nav a { text-decoration: none; } .bb_nav a:hover { text-decoration: underline; color: #666666; } .bb_container a { font-weight: bold; } .bb_container a:hover { color: #666666; text-decoration: none; } .bb_line_yellow { border-bottom: 1px solid #FEC332; margin: 30px 0; } .bb_line_grey { border-bottom: 1px solid #ececec; margin: 25px 0 0 0; } .bb_title { display: block; height: 23px; color: #FFFFFF; text-align: center; font-family: CooperStdBlack; font-size: 15px; padding-top: 5px;} .bb_title.orange { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_orange_title.jpg") no-repeat; width: 107px; height:30px; padding-top:5px;} ul.bullet_orange li { background-image: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_arrow_orange.png"); background-repeat: no-repeat; background-position: top left; padding-left: 26px; } .bb_title.orange_lg { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/meerInfo_orange.png") no-repeat; width: 195px;} .bb_socials ul { margin: 0; padding: 0; list-style: none } .bb_socials ul li { float: left; margin: 0 3px 0 0; padding: 0; text-indent: -99999px; background: none; } .bb_socials ul li a { width: 24px; height: 24px; display: block; } .bb_socials ul li.facebook a { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/facebook.jpg") no-repeat; } .bb_socials ul li.linkedin a { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/linkedin.jpg") no-repeat; } .bb_socials ul li.twitter a { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/twitter.jpg") no-repeat; } .bb_container h2 { font-family: CooperStdBlack; font-size: 26px; color: #FEC332; font-weight: normal; margin-top: 27px; margin-bottom: 18px; line-height: 28px; } img.visual_left { float: left; margin-right: 20px; display: block; } ul.praktijk { margin-top: 15px; } ul.praktijk li { clear: both; border-bottom: 1px solid #cecece; height: 110px; margin-top: 18px; background: none; padding-left: 0; } p.orange_arrow { clear: both; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/orange_arrow.jpg") no-repeat left top; padding-left: 25px; display: block; margin-top: 20px; line-height: 20px; } .inspired { float: right; font-size: 17px; font-weight: bold; } .inspired span { color: #FEC332; } h3.question { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/question.jpg") no-repeat left top; display: block; padding-left: 30px; line-height: 25px; font-size: 13px; margin-top: 20px; } .yellow_quote { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/steven_quote.jpg") no-repeat; float: left; width: 318px; height: 178px; margin-right: 19px; padding: 50px 30px 0 30px; font-family: CooperStdBlack; font-size: 19px; line-height: 24px; color: #8d8d8d; } .yellow_quote_visual { float: left; width: 193px; height: 216px; } .grey_quote { float: left; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/grey_box_total.jpg") no-repeat; margin-right: 18px; width: 338px; height: 152px; padding: 20px; } .grey_quote_visual { float: left; width: 194px; height: 192px; } .social_line { float: left; margin-right: 25px; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/social_line.jpg") no-repeat; width: 486px; height: 24px; margin-left: 66px; } .greyBox_lg_top { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/greyBox_full_top.jpg") no-repeat; width: 590px; height: 17px; } .greyBox_lg_center { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/greyBox_full_bg.jpg") repeat-y; width: 550px; height: 100%; padding: 20px; } .greyBox_lg_center p { margin: 0; padding-bottom: 10px; } .greyBox_lg_bottom { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/greyBox_full_bottom.jpg") no-repeat; width: 590px; height: 17px; } img.hp_visuals { float: left; width: 212px; height: 209px; margin-right: 25px; display: block; } .hp_line { clear: both; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 10px; } .bb_container h3 { font-size: 16px; color: #515050; line-height: 22px; margin-bottom: 8px; margin-top: 20px; } .bb_container h2.yellow_bg { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/yellow_title.jpg") no-repeat; display: block; width: 212px; height: 23px; color: #FFFFFF; text-align: center; padding-top: 8px; font-size: 17px; line-height: 18px; font-family: 'CooperStdBlack'; font-weight: normal; } .bb_container h2.bb_brown { color: #d97733; font-size: 27px; margin: 0; line-height: 35px; } a.bb_orange_arrow { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/orange_arrow.jpg") no-repeat right top; padding-right: 25px; display: inline-block; line-height: 21px; color: #d97733; font-weight: normal; } a.bb_black_arrow { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/black_arrow.jpg") no-repeat right top; padding-right: 25px; display: inline-block; line-height: 21px; color: #515050; font-weight: normal; } .bb_brown_top { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/brown_frame_top.jpg") no-repeat; width: 588px; height: 13px; margin-top: 25px; } .bb_brown_center { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/brown_frame_bg.jpg") repeat-y; width: 548px; height: 100%; padding: 10px 20px; } .bb_brown_center p { margin: 0; } .bb_brown_bottom { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/brown_frame_bottom.jpg") no-repeat; width: 588px; height: 13px; } .bb_deelnemen { float: right; background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/deelnemen_nl.png") no-repeat; display: block; width: 177px; height: 33px; text-align: center; color: #FFFFFF; font-family: CooperStdBlack; font-size: 18px; padding-top: 6px; position: relative; top: -16px; margin-right: 15px; } .bb_container .bb_deelnemen a { color: #FFFFFF; text-decoration: none; font-weight: normal; } .bb_container .bb_deelnemen a:hover { text-decoration: underline; color: #FFFFFFF; } ul.bullet_orange li { background-image: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/bb_arrow_orange.png"); background-repeat: no-repeat; background-position: top left; padding-left: 26px; padding-bottom: 1px; min-height:20px; } .bb_title.orange_lg { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/meerInfo_orange.png") no-repeat; width: 195px; height:26px;} .bb_title.orange_lg2 { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/meerInfo_orange_lg.png") no-repeat; width: 295px; height:26px;} .bb_deelnemen { color: #FFFFFF; display: block; float: right; font-family: CooperStdBlack; font-size: 18px; height: 39px !important; margin-right: 15px; padding-top: 6px; position: relative; text-align: center; top: 6px; width: 177px !important; } .bb_deelnemen_wedstrijd { color: #FFFFFF; display: block; float: right; font-family: CooperStdBlack; font-size: 18px; height: 39px !important; margin-right: 15px; padding-top: 6px; position: relative; text-align: center; top: -63px; width: 177px !important; clear: both; } .bb_deelnemen.nl { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/resultaat_nl.png") no-repeat scroll 0 0 transparent !important; } .bb_deelnemen.fr { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/resultaat_fr.png") no-repeat scroll 0 0 transparent !important; } .bb_deelnemen_wedstrijd.nl { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/stem_nl.png") no-repeat scroll 0 0 transparent !important; } .bb_deelnemen_wedstrijd.fr { background: url("http://graphics.tn-media.be/tsd3/nieuwsbrief/stem_fr.png") no-repeat scroll 0 0 transparent !important; } .bb-spelregels { font-size: 10px; margin: 20px 0 0px 50px; } .bb-spelregels ul li { width: 500px; } .bb_deelnemen.results { top: -16px; } .bb_brown_center form .form-item { margin-bottom: 12px; } .bb_brown_center form span { display: block; padding-left: 34px; } .bb_brown_center form label { } .bb_brown_center form input { float: left; } .bb_brown_center form input.form-submit { float: right; } .tvFont { font-size: 12px; line-height: 18px; } .restyle-frontcontainer p { font-size: 12px; } /* TV BLOCK */ .tvrechterblok ul { margin-top: 10px; } .tvrechterblok li { margin-bottom: 12px; background: none; padding-left: 0; } .tvrechterblok li a { background: url("http://images.tn-media.be/tsd3/restyle_2012/jelly_rood_tsd.png") no-repeat scroll left 0 transparent; padding-left: 20px; display: block; } body.reageren li a.reageren, body.archief li a.archief, body#node3731 li a.recent { color: #E3000B; } /* SECURITY BREAKOUT BLOCK */ .sib div.block_container h2 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; line-height: 20px; margin-bottom: 8px; } .sib div.block_container h3 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; margin-top: 3px; } /* SECTOREN */ div.space_3 div.col_3 { height: 200px; padding-right: 10px; width: 201px; } a.pdfrood { background: url('http://graphics.tn-media.be/tsd3/pdf-icon.png') no-repeat left center; height: 25px; color: #f26534; font-weight: bold; clear: both; display: block; padding-left: 30px; margin-bottom: 5px; } a.docrood { background: url('http://graphics.tn-media.be/tsd3/doc-icon.png') no-repeat left center; height: 25px; color: #f26534; font-weight: bold; clear: both; display: block; padding-left: 30px; margin-bottom: 5px; } /* SMB SHAKES */ .shakes, .fibernet { margin-bottom: 25px; } .s_col { width: 207px; float: left; border-right: 1px dotted #FCC601; padding-right: 18px; text-align: center; margin-left: 18px; } .s_col.first { margin-left: 0; } .s_col.last { padding-right: 0; border-right: none; } .s_col.first, .s_col.last { padding-top: 25px; } .s_col_box_top { background: url('http://images.tn-media.be/tsd3/restyle_2012/Syellow_top.png') no-repeat; height: 15px; } .s_col_box_center { background: url('http://images.tn-media.be/tsd3/restyle_2012/Syellow_bg.png') repeat-y; height: 100%; } .s_col_box_bottom { background: url('http://images.tn-media.be/tsd3/restyle_2012/Syellow_bottom.png') no-repeat; height: 14px; } .s_col_box h2 { margin: 0; } .fibernet .s_col_box h2 { font-size: 16px; } .s_col_box h2 span { font-family: 'BreuerTextBold'; color: #FFF; font-size: 18px; text-transform: uppercase; } .s_col h3 { color: #58595b; font-size: 15px; } .s_price { font-family: 'BreuerTextMedium'; color: #FFF; font-size: 32px; margin: 8px 0; *margin:0 0 18px 0; } .s_price span { font-size: 14px; } .s_teaser { font-family: 'BreuerTextMedium'; color: #58595b; font-size: 14px; } .s_data { font-family: 'BreuerTextRegular'; font-size: 18px; margin: 20px 0 15px 0; line-height: 21px; color: #58595b; } .s_data span { font-size: 15px; } .plus-divider { background: url('http://images.tn-media.be/tsd3/restyle_2012/s-plus_divider.png') no-repeat; height: 17px; margin-bottom: 15px; } .s_col ul li { background: none; } .s_voordeel { background: url('http://images.tn-media.be/tsd3/restyle_2012/s-voordeel.png') no-repeat; width: 221px; height: 88px; margin: 15px 0 20px 0; position: relative; left: 5px; } body.fr .s_voordeel { background: url('http://images.tn-media.be/tsd3/restyle_2012/s-voordeel_FR.png') no-repeat; width: 221px; height: 88px; margin: 15px 0 20px 0; position: relative; left: 5px; } body.en .s_voordeel { background: url('http://images.tn-media.be/tsd3/restyle_2012/s-voordeel_EN.png') no-repeat; width: 221px; height: 88px; margin: 15px 0 20px 0; position: relative; left: 5px; } .s_col.last .s_voordeel { left: 0; } .s_col .cta { margin: 20px 0 20px 20px; } .s_sporting { clear: both; margin-top: 25px; } .tsd_fiber {padding:15px 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; margin-top:20px;} /* SMB SHAKES DETAIL */ .shakes_detail { } .shakes_detail .DetailPageGreyBottom, .fibernet_detail .DetailPageGreyBottom { margin-left: 0; margin-top: 30px; } .sd_yellow_frame { } .sd_yellow_frame h1 { margin: 0; float: left; font-family: 'BreuerTextMedium'; font-size: 24px; margin-top: 8px; } .sd_yellow_frame .product_prijs { margin-bottom: 10px; } .sd_yellow_top { background: url('http://images.tn-media.be/tsd3/restyle_2012/sd_yellow_top.png') no-repeat; height: 14px; width: 698px; } .sd_yellow_center { background: url('http://images.tn-media.be/tsd3/restyle_2012/sd_yellow_bg.png') repeat-y; height: 100%; width: 673px; padding: 0 10px 0 15px; } .sd_yellow_bottom { background: url('http://images.tn-media.be/tsd3/restyle_2012/sd_yellow_bottom.png') no-repeat; height: 14px; width: 698px; } .icons { clear: both; margin-bottom: 20px; height: 88px; } .icons div { float: left; background: url('http://images.tn-media.be/tsd3/restyle_2012/icon_plus.png') right center no-repeat; padding-right: 50px; margin-left: 30px; * margin-left: 29px; text-align: center; font-family: 'BreuerTextMedium'; font-size: 18px; font-weight: bold; } body.fr .icons div { margin-left: 19px; } body.en .shakes_detail .icons div { margin-left: 20px; } .fibernet_detail .icons div { margin-left: 69px; padding-right: 79px; } body.fr .fibernet_detail .icons div { margin-left: 46px; padding-right: 79px; } .sd_plus { background: url('http://images.tn-media.be/tsd3/restyle_2012/icon_plus.png') left center no-repeat; padding-left: 30px; float: left; margin-bottom: 10px; } .icons div img { margin-bottom: 10px; } .icons div.first { margin-left: 0; } .fibernet_detail .icons div.first { padding-left: 12px; } .icons div.last, body.fr .icons div.last { padding-right: 0; background: none; position: relative; left: 14px;} .sd_optie.first { border-bottom: none; } .sd_optie { clear: both; padding: 12px 0; border-top: 1px dotted #ffc421; border-bottom: 1px dotted #ffc421; } .sd_optie_order { float: right; font-size: 14px; font-family: 'BreuerTextMedium'; color: #666666; } .sd_optie_order input { margin-right: 5px; margin-left: 8px; } .sd_optie_order .price { font-size: 30px; position: relative; top: 2px; } .sd_optie_order sup { font-size: 14px; position: relative; top: -3px; } .sd_optie_order sup span { font-size: 8px; } .sd_optie_top { background: url('http://images.tn-media.be/tsd3/restyle_2012/sd_optie_top.png') no-repeat; width: 166px; height: 7px; } .sd_optie_center { background: url('http://images.tn-media.be/tsd3/restyle_2012/sd_optie_bg.png') repeat-y; width: 166px; height: 100%; } .sd_optie_bottom { background: url('http://images.tn-media.be/tsd3/restyle_2012/sd_optie_bottom.png') no-repeat; width: 166px; height: 7px; clear: both; } .sd_optie_txt { float: left; font-family: 'BreuerTextRegular'; font-size: 14px; padding: 15px 0 0 20px; line-height: 20px; } body.en .shakes_detail .sd_optie_txt { padding: 5px 0 0 20px; } .sd_optie_txt span { font-size: 18px; font-weight: bold; color: #f26534; } .sd_optie_txt span em { color: #58595b; font-style: normal; } .sd_order { clear: both; float: right; margin-top: 15px; } .sd_divider {border-top:1px dotted #FFC421;} /*SMB CLOUDOFFICE */ .co_visual { background: url('http://images.tn-media.be/tsd3/restyle_2012/cloudoffice_visual.jpg') no-repeat; width: 698px; height: 181px; } .co_visual div { width: 230px; margin-left: 417px; padding-top: 30px; } /*SMB FRONTPAGE */ .restyle-frontcontainer { float: left; overflow: hidden; } .restyle-frontcontainer .block1nl { background: url("http://images.tn-media.be/tsd3/restyle_2012/SMB_Frontpage_block_01-NL.png") no-repeat; } .restyle-frontcontainer .block1b { background: url("http://images.tn-media.be/tsd3/restyle_2012/SMB_Frontpage_block_01b.png") no-repeat; } body.fr .restyle-frontcontainer .block1 { background: url("http://images.tn-media.be/tsd3/restyle_2012/SMB_Frontpage_block_01-FR.png") no-repeat; } .restyle-frontcontainer .block1nl p { font-size: 13px; color: #000; padding: 20px 8px 0 100px; margin-bottom: 7px; } .restyle-frontcontainer .block2 { background: url("http://images.tn-media.be/tsd3/restyle_2012/SMB_Frontpage_block2.png") no-repeat; } .restyle-frontcontainer .block2 p { font-size: 12px; font-weight: bold; color: #000; padding: 36px 15px 0 87px; } .restyle-frontcontainer .block3 { background: url("http://images.tn-media.be/tsd3/restyle_2012/SMB_Frontpage_block3.png") no-repeat; } .restyle-frontcontainer .blockL { background: url("http://images.tn-media.be/tsd3/restyle_2012/SMB_Frontpage_block_Empty.png") no-repeat; } /*SPORTING TELENET FR */ .logoBox { background: url("http://assets.tn-media.be/graphics/box_zenderaanbod_logos.gif") no-repeat scroll 0 0 transparent; border: medium none; float: left; height: 56px; margin: 1px; position: relative; width: 74px; } font.voetbaltitel { color: #3F3F3F; font-size: 16px; font-weight: bold; line-height: 25px; } .logoBoxFiller { padding: 11px 7px; position: relative; z-index: 2; } .logoBox { background: url("http://assets.tn-media.be/graphics/box_zenderaanbod_logos.gif") no-repeat scroll 0 0 transparent; border: medium none; float: left; height: 56px; margin: 1px; position: relative; width: 74px; z-index: 1; } #voetbalkader dd { clear: both; margin-top: 5px; } #voetbalkader dt { clear: both; padding-top: 10px; } /* HOSTING & CLOUD */ ul.hosting { margin: 15px 0 0 0; padding: 0; list-style: none; } ul.hosting li { float: left; border-right: 1px dotted #cccccc; margin-right: 10px; padding-right: 10px; background: none; width: 200px; height: 210px; margin-bottom: 20px; } body.fr ul.hosting li { height: 240px; } .uwwebsite ul.hosting li, .serverhosting ul.hosting li, body.fr .uwwebsite ul.hosting li { height: 270px; } body.fr .serverhosting ul.hosting li body.fr .uwwebsite ul.hosting li { height: 280px; } body.fr .serverhosting ul.hosting li { height: 290px; } .mailboxen ul.hosting li, .serverhosting ul.hosting li { width: 315px; } .applicatiehosting ul.hosting li { height: 330px; } body.fr .applicatiehosting ul.hosting li { height: 355px; } ul.hosting li.noborder { border-right: none; margin-right: 0; padding-right: 0; } ul.hosting li .hosting_cta { position: absolute; bottom: 0; } .hostingcloud h2 { } ul.hosting h3 { color: #f26534; margin-top: 0; } h2.hostingheader { color: #303030; margin-left: 12px; } .cloudcomputing .box_bg p { padding: 0 25px 0 12px; } ul.filmpjes { margin: 20px 0; padding: 0; list-style: none; } ul.filmpjes li { float: left; background: none; } ul.filmpjes li img { width: 200px; height: 117px; } /*KLANTENVERHALEN */ body.succesverhalen .views-row-1 { margin-top: 30px; } span.views-summary { clear: both; border-top: 1px dotted #EEEEEE; border-bottom: 1px dotted #EEEEEE; padding: 15px 0; margin: 20px 0; } span.views-summary a { background: #eeeeee; padding: 5px; border-radius: 5px } .klantenverhalen_wrapper #links { clear: both; border-top: 1px dotted #cccccc; padding-top: 10px; margin-left: 15px; text-align: right; } .k_data { width: 200px; position: relative; margin-top: -72px; left: 15px; } .k_story { position: relative; margin-top: 50px; margin-left: 15px; } .k_story h3 { color: #f26534; } .k_story ul { margin-bottom: 15px; } .k_link { margin: 20px 0 10px 15px; } body.succes-stories .attachment { margin-bottom: 25px; } /* TIP */ .simulatie-btn h2 { font-size: 14px; } /* BEUN SMB Telefonie & Mobile */ #contactrestyle div.contactheader { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/contactheader.jpg) no-repeat; height: 183px; overflow: hidden; padding: 40px 70px 30px 380px; width: 481px; } #contactrestyle .contactheader h3 { font-size: 12px; } #contactrestyle .contactcontent { overflow: hidden; padding: 15px 15px 0; } #contactrestyle .tabcontent { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/contact-btm.png) no-repeat left bottom; overflow: hidden; padding-bottom: 17px; width: 934px; } #contactrestyle .divider { border-bottom: 1px dotted #EFEFEF; } #contactrestyle .contacttel { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/tel.png) no-repeat center left; height: 35px; padding-left: 50px; margin-bottom: 10px; color: #F26534; font-family: 'CooperStdBlack'; font-size: 27px; font-weight: normal; line-height: 24px; } #contactrestyle .tab1left { width: 300px; height: 170px; margin: 20px 0; float: left; font-size: 12px; line-height: 20px; position: relative; } #contactrestyle .tab1right { height: 170px; margin: 20px 0; float: left; padding-left: 20px; border-left: 1px dotted #EFEFEF; font-size: 12px; line-height: 20px; position: relative; } #contactrestyle .tab1right ul { float: left; } #contactrestyle .blokgrijs1 { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/blokgrijs1.png) no-repeat top left; height: 50px; padding: 20px; margin: 0 auto; } #contactrestyle .blokgrijs2 { width: 851px; height: 79px; padding: 20px; border-top: 1px dotted #EFEFEF; } #contactrestyle .blokgrijs2 h2 { font-family: inherit; font-size: 16px; font-weight: bold; } #contactrestyle .cta_adesk { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/contact-adesk.png) no-repeat top left; width: 150px; height: 42px; line-height: 40px; color: #666; display: block; font-weight: bold; padding: 0 30px 0 0; text-align: center; text-decoration: none; margin: 20px 0; } #contactrestyle .contact-btn1 { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/contact-btn1.png) no-repeat; width: 207px; height: 34px; padding: 5px 0 0 15px; display: block; position: absolute; bottom: 0; color: #666; text-decoration: none; font-weight: bold; } #contactrestyle .contact-btn2 { background: url(http://graphics.tn-media.be/tsd3/soho/restyle/contact-btn2.png) no-repeat; width: 207px; height: 51px; padding: 5px 0 0 15px; display: block; position: absolute; bottom: 0; color: #666; text-decoration: none; font-weight: bold; } #contactrestyle .DetailPageGreyBottom { margin-left: 0; background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/bg_greyBox931_bottom.png"); width: 931px; } #contactrestyle .DetailPageGreyTop, #contactrestyle #FieldTab { width: 931px; } #contactrestyle .DetailPageGreyTop { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/bg_greyBox931_top2.png"); } div.box_center { padding: 0 25px; } /*Prijzen SMB*/ .product_prijs_sec { background: transparent url("http://images.tn-media.be/tsd3/restyle_2012/prijs_bg_grijs.png") no-repeat top center; padding-top: 9px; width: 95px; height: 48px; text-align: center; font-size: 11px; color: #303030; font-family: 'BreuerTextMedium'; line-height: 14px; float: right; } .product_prijs_sec .price { font-size: 22px; } .product_prijs_sec sup { font-size: 15px; } .product_prijs_sec sup span { font-size: 10px; } .product_prijs_center { float: none; margin: auto; } div.divider { border-bottom: 1px dotted #cccccc; margin: 15px 0; } div.grijze_cta { text-align: center; clear: both; margin-top: 20px; background-color: #f6f6f6; padding: 12px; -moz-border-radius: 8px; border-radius: 8px; color: #F26534; font-family: 'CooperStdBlack'; font-size: 20px; font-weight: normal; line-height: 24px; } /* in volgende staat #main om de mobile.small.css te overrulen (mag weg) */ #main .mob_frame_top { background: none; } #main .mob_frame_center { background: none; } #main .mob_frame_bottom { background: none; } #main .mob_frame_med_top { background: none; } #main .mob_3col_1, #main .mob_3col_2, #main .mob_detail_left_center { border-right: 1px dotted #EFEFEF; } #main div.mob_frame h1.arrow { margin-left: -28px; height: 53px; } #main .mob_detail_right_bottom { background: none; } #main .mob_promo_yellow_center { padding: 0 15px; } #main div.mob_frame .mob_promo_yellow_center h1 { margin-top: 0; } #main .mob_internet ul li { border-right: 1px dotted #EFEFEF; background: none; } #main .mob_2col_white_large_bottom { background: none; } .mob_2col_divider img { margin-left: -22px; } #main .gelijkaan { background: url("http://graphics.tn-media.be/tsd3/soho/mobile/isround.png") no-repeat scroll center center transparent; } .DetailPageGreyBottom.w582 { margin-left: 0; background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/bg_greyBox582_bottom.png"); width: 582px; } .w582 .DetailPageGreyTop, .w582 #FieldTab { width: 582px; } .w582 .DetailPageGreyTop { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/bg_greyBox582_top2.png"); } .DetailPageGreyBottom.w931 { margin-left: 0; background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/bg_greyBox931_bottom.png"); width: 931px; } .w931 .DetailPageGreyTop, .w931 #FieldTab { width: 931px; } .w931 .DetailPageGreyTop { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/bg_greyBox931_top2.png"); } #main .mob_2col_white_large_container { margin: 0; } #main .mob_tabs_large_top { background: none; } #main .gsm_info h3 { color: #ffc421; } dl.tabs2012 { background: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/bg_tabs2012_top.png") repeat-x scroll left top transparent; } dl.tabs2012>dt { display: block; float: left; background: white; background: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/tab_inactive_right.png") no-repeat scroll right top transparent; padding-right: 8px; margin-right: 2px; } dl.tabs2012>dt.rechts {float: right; background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/tab_inactivegray_right.png"); margin-right: 0; margin-left: 2px; } dl.tabs2012>dt.rechts a {color: white; background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/tab_inactivegray_left.png"); } dl.tabs2012>dt.twolines a {padding: 4px 10px; } dl.tabs2012>dt a { padding: 12px 9px; background: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/tab_inactive_left.png") no-repeat scroll left top transparent; display: block; color: #555555; text-decoration: none; cursor: pointer; } dl.tabs2012>dt.active { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/tab_active_right2.png"); } dl.tabs2012>dt.active a { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/tabs/detailpage/tab_active_left2.png"); color: #F26534; font-weight: bold; } dl.tabs2012>dd { clear: both; padding: 15px; border: 1px solid #eeeeee; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; border-top: 0px; } .adesk a.jellyrood { font-size: 13px; } .installatieFrame { margin: 20px 0; width: 598px; float: right; text-align: center; } .installatieFrame h3 { margin-top: 0; padding-top: 0; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #3d3939; font-size: 13px; margin-bottom: 8px; } .installatieFrame_top { background: url("http://images.tn-media.be/tsd3/restyle_2012/installatieFrame_top.jpg") no-repeat; width: 598px; height: 13px; display: block; } .installatieFrame_center { background: url("http://images.tn-media.be/tsd3/restyle_2012/installatieFrame_bg.jpg") repeat-y; width: 598px; height: 100%; display: block; } .installatieFrame_bottom { background: url("http://images.tn-media.be/tsd3/restyle_2012/installatieFrame_bottom.jpg") no-repeat; width: 598px; height: 13px; display: block; } .inst_left { float: left; width: 105px; margin-right: 15px; } .inst_right { float: left; width: 500px; } .s_voordeel { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/online_voordeel.png"); height: 66px; } body.fr .s_voordeel { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/online_voordeel_FR.png"); height: 66px; } body.en .s_voordeel { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/online_voordeel_EN.png"); height: 66px; } .s_voordeeltv { background: url('http://images.tn-media.be/tsd3/restyle_2012/s-voordeel-inst-act_nl.png') no-repeat right center; height: 66px; width: 221px; margin: 15px 0 20px 0; position: relative; left: 5px; } body.fr .s_voordeeltv { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/s-voordeel-inst-act_fr.png"); height: 66px; } body.en .s_voordeeltv { background-image: url("http://images.tn-media.be/tsd3/restyle_2012/s-voordeel-inst-act_en.png"); height: 66px; } /* CARRIERS RESTYLE */ .c_cols{margin-top:20px;} .c_cols h2{margin-top:0;} .c_col1, .c_col2, .c_col3{float:left; width:200px; } .c_col2, .c_col3{margin-left:15px;} .c_col1, .c_col2{border-right:1px dotted #f26534; padding-right:15px;} /* iPhone 5 Homepagina */ .iphoneOverzicht { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; height:450px;} .iLeft { width: 259px; float: left; } .iRight { width: 651px; float: left; } .iphone_col { width: 325px; float: left; color: #58595B; font: 22px/24px BreuerTextRegular, Verdana, Arial, Helvetica, sans-serif; text-align: center; border-right: 1px dotted #f16533 } .iphone_col.last { border: none; } .iphone_col p { margin: 0; } .iphoneOverzicht h1 { color: #58595B; font-family: BreuerTextBold; font-size: 38px; line-height: 42px; text-align: center; margin-bottom: 20px; } .iphoneOverzicht h1 span { color: #A7A9AC; font-family: BreuerTextRegular; font-size: 38px; } .iphoneAll { clear: both; float: right; } .boldtext {font-weight:bold;} .shopLink {border-top:1px dotted #ffc421; margin-top:10px; padding-top:15px;} body.soho .shopLink a.jellyrood{background: url("http://images.tn-media.be/tsd3/restyle_2012/jelly_rood_smb.png") no-repeat scroll right 20px transparent;} .kingkong h1 {color: #F26534; font: 30px/35px BreuerTextBold,Verdana,Arial,Helvetica,sans-serif; padding: 0 15px 10px 0; } .kingkong .specstable {width: 100%; background: url(http://images.tn-media.be/tsd3/soho/mobilesummer2012/overviewp_mobabo_divider.png) top center repeat-y; overflow: hidden; margin-top: 20px;} .kingkong .specstablerow {width: 100%; overflow: hidden;} .kingkong .specstablecell {width: 340px; float: left; padding: 6px 8px 6px 0; color:#58595b; font: 22px/24px BreuerTextRegular, Verdana, Arial, Helvetica, sans-serif; text-align: center;} .kingkong .boldtext {font-family: BreuerTextBold;} /* MOBIEL by Steven */ table.tariefplannen { border: none; } table.tariefplannen td { border: none; border-right: 1px dotted #E6E4E4; padding: 0 10px 0 15px; } .box_lg.tarief p { margin-top: 0; } .box_lg.tarief h4 { color: #6c6c6c; font-size: 13px; line-height: 15px; margin: 20px 0 5px; } .box_lg.tarief ul { margin-top: 8px; } .box_lg.tarief .intro_empty { height: 5px; } ul.KingKong li { background: none; margin-bottom: 8px; color: #58595B; font: 22px/24px BreuerTextRegular, Verdana, Arial, Helvetica, sans-serif; text-align: center; } .SIASC {color: red;} .oldskool {width: 100%; overflow: hidden; position:relative;} #productpage201307 .intro_empty {height:8px;} #productpage201307 .box_bg {padding-bottom: 0;} #productpage201307 .DetailPageGreyBottom h2 {font-size: 16px;} #productpage201307 .ppheadertext {float: left; width: 350px; padding: 20px;} #productpage201307 .ppintrotext {padding: 20px 40px;} #productpage201307 .pptable {border: none;} #productpage201307 .pptablerowempty {border: none; font-size: 6px; width: 6px; padding: 0;} #productpage201307 .pptablerowtitles {background-color: #585858; color: #ffffff; border: none;} #productpage201307 .pptablecell {border: none; border-bottom: 1px solid #e3e3e3;} #productpage201307 .pptable2 {border: none; border-spacing: 5px; border-collapse: separate;} #productpage201307 .pptable2cell1 {border: none; border-top: 1px solid #cecece; width: 230px; padding-bottom: 3px; padding-top: 3px; background: none; padding-left: 0; margin-top: 0;} #productpage201307 .pptable2cell2 {border: none; border-top: 1px solid #cecece; margin-bottom: 0; padding: 3px 0; margin-left: 250px; margin-right: 20px; width: 370px;} #productpage201307 .pptable2cellbottom {border-bottom: 1px solid #cecece;} #productpage201307 .ppfooter {width: 613px; overflow: hidden; padding: 10px 0; margin: 0 0 0 35px;} #productpage201307 .ppfooterbuttons {float: left; margin: 18px 0 10px;} #productpage201307 .pdf {background: url(http://graphics.tn-media.be/tsd3/pdf-icon.png) no-repeat; padding-left: 30px; font-size: 13px; line-height: 12px; padding-top: 9px; margin: 0 20px 0 0;padding-bottom:12px;} #productpage201307 .ppverwijzingenbox {margin-top: 18px;} #productpage201307 .ppverwijzingenboxblokken {background-image: url(http://graphics.tn-media.be/tsd3/bg_verwijzingen_productpage201307.png);} #productpage201307 .ppverwijzingentop {background-position: top left;} #productpage201307 .ppverwijzingenbottom {background-position: bottom left;} #productpage201307 .ppverwijzingenboxregularblok {width: 187px; float: left; margin-right: 14px; padding: 0 10px; display: block; text-decoration: none;} #productpage201307 .ppverwijzingenboxrightblok {width: 186px; float: left; padding: 0 10px 10px; display: block; text-decoration: none;} #productpage201307 .ppverwijzingenboxregularblok h5 a, #productpage201307 .ppverwijzingenboxrightblok h5 a {color: #F26534;} .greyroundedcorners {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #f2f2f2;} .orangeroundedcorners {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #ec672d;} #overviewpage201307 .box_lg2 .intro_empty {height: 10px;} #overviewpage201307 .ovheader {color: #ffffff; font-size: 20px; padding: 15px;} #overviewpage201307 .ovintro {margin: 15px 15px 50px;} #overviewpage201307 .threeblocks .blockje {width: 207px; margin-right: 13px;} #overviewpage201307 .fourblocks .blockje {width: 154px; margin-right: 10px;} #overviewpage201307 .oneblock {padding: 5px 10px;} #overviewpage201307 .titleblocks {height: 100%; margin: 8px 0;} #overviewpage201307 .blockje {display: block; float: left; height: 100%;} #overviewpage201307 .blockje p {padding: 5px 10px; margin: 0;} #overviewpage201307 .norightmargin {margin-right: 0px !important ;} #overviewpage201307 a.titleblock {color: #ffffff; text-decoration: none;} #overviewpage201307 a.titleblock:hover {color: #ffffff;} #overviewpage201307 a.textblock {color: #666666; text-decoration: none; background-image: url(http://images.tn-media.be/tsd3/restyle_2012/JellyRood-tsd-14px.png) ; background-repeat: no-repeat; background-position: 95% 90%;} #overviewpage201307 a.textblock:hover {color: #f26534;} .RegularButton {background: url("http://images.tn-media.be/tsd3/restyle_2012/cta_end.png") no-repeat top right; height: 30px; padding-right: 9px; margin-right: 10px; display: block;} .RegularButton span {background: url("http://images.tn-media.be/tsd3/restyle_2012/cta_5.png") no-repeat top left; font-family: Verdana,Geneva,sans-serif; font-size: 14px; height: 100%; line-height: 30px; color: #FFFFFF; padding-left: 9px; text-align: left; text-decoration: none; display: inline-block;} ul.arrowbullit {padding-top: 10px;} ul.arrowbullit li {background: url(http://images.tn-media.be/tsd3/restyle_2012/JellyRood-tsd-14px.png) no-repeat left 3px; line-height: 20px; margin-left: 10px; padding-left: 20px;} ul.arrowbullit li a {text-decoration: none;} .promoblokje{background: #ffc421; padding: 10px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; width: 284px; color: #fff; float: right; position: absolute; left: 343px; top: 27px; text-align:center;} body.en .promoblokje {width:253px; left:375px;} /*TSD HOMEPAGE EN*/ .frontpage-intro-en { background: url("http://images.tn-media.be/tsd3/restyle_2013/Header_EN_Home.jpg") no-repeat; width: 698px; height: 180px; } .frontpage-intro-en .frontpage-intro-data { padding: 15px; width: 50%; } .frontpage-intro-en h1 { font-family: 'BreuerTextBold'; font-size: 24px; line-height: 24px; } .fp-cols { margin-top: 35px; width: 698px; } .fp-cols .col { width: 159px; margin-right: 20px; float: left; margin-bottom: 15px; } .fp-cols .col-data { margin-top: 3px; background: #f1f1f1; padding: 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; min-height: 65px; } .fp-cols .col a { text-decoration: none; } .fp-cols .col a h3, .oldskool a h5 { font-family: 'BreuerTextMedium'; color: #FFF; font-size: 16px; font-weight: normal; padding: 5px 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; text-decoration: none; background: #ff642c url("http://images.tn-media.be/tsd3/restyle_2013/arrow-white.png") no-repeat right; } #overviewpage201307b .oldskool a {text-decoration:none;} #overviewpage201307b .oldskool a h5 { font-family: 'BreuerTextMedium'; color: #fff; font-size: 16px; font-weight: normal; padding: 5px 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; text-decoration: none; } .fp-cols .col.last { margin-right: 0; } .fp-divider { clear: both; width: 698px; border-bottom: 1px solid #CCC; padding: 0 0 30px 0; } .cols-grey { width: 698px; margin-bottom: 30px; } .cols-grey h2 { margin: 20px 0 25px; font-family: 'BreuerTextMedium'; font-size: 22px; } .cols-grey h3 { font-family: 'BreuerTextMedium'; font-size: 18px; color: #ff642c; margin-bottom: 12px; } .cols-grey.cols3 .col { width: 200px; margin-right: 19px; background: #f1f1f1; padding: 10px; float: left; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; min-height: 250px; } .cols-grey.cols3 .col.last { margin-right: 0; } .fp-left {width:698px; float:left; } .fp-right {float:left; margin-left:19px; width:228px;} .fp-block{border:1px solid #ff936c; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; padding:10px 15px; width:196px; margin-bottom:20px;} .fp-block h3{font-family: 'BreuerTextMedium'; font-size: 18px; color: #ff642c;} .fp-block ul.arrowbullit li{margin-left:0;} .oldskool .print, .oldskool .pdf{margin-left:0; margin-right:10px;}