/* KLEUREN (BBeun) */ /* .grijs {color: #606060; } .lichtgrijs {color: #e6e4e4; } .donkergrijs {color: #303030; } .geel {color: #ffd100; } .rood {color: #e3000b; } */ /* ----------------------- WEBFONTS ----------------------- */ @font-face { font-family: 'CooperStdBlack'; src: url('http://assets.tn-media.be/font/cooperblackstd-webfont.eot'); src: url('http://assets.tn-media.be/font/cooperblackstd-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/cooperblackstd-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/cooperblackstd-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/cooperblackstd-webfont.svg#CooperStdBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BreuerTextLight'; src: url('http://assets.tn-media.be/font/breuertext-light-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-light-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-light-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-light-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-light-webfont.svg#BreuerTextLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BreuerTextRegular'; src: url('http://assets.tn-media.be/font/breuertext-regular-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-regular-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-regular-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-regular-webfont.svg#BreuerTextRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BreuerTextMedium'; src: url('http://assets.tn-media.be/font/breuertext-medium-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-medium-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-medium-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-medium-webfont.svg#BreuerTextMedium') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'BreuerTextBold'; src: url('http://assets.tn-media.be/font/breuertext-bold-webfont.eot'); src: url('http://assets.tn-media.be/font/breuertext-bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.tn-media.be/font/breuertext-bold-webfont.woff') format('woff'), url('http://assets.tn-media.be/font/breuertext-bold-webfont.ttf') format('truetype'), url('http://assets.tn-media.be/font/breuertext-bold-webfont.svg#BreuerTextBold') format('svg'); font-weight: bold; font-style: normal; } 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: #e3000b; } 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; } ul li { background: transparent url("http://graphics.tn-media.be/tsd3/bullet_grijs.png") no-repeat left 3px; padding-left: 12px; margin-bottom: 3px; position: relative; } ul ul { margin-left:12px; } ul.rood li { background: transparent url("http://graphics.tn-media.be/tsd3/bullet_rood.png") no-repeat 1px 5px; padding-left: 12px; } ul.triangle li { background: transparent url("http://graphics.tn-media.be/tsd3/style/main_arrow_gray_right.png") no-repeat scroll 3px 5px; padding-left: 12px; } ul.bmargin li { background: transparent url("http://graphics.tn-media.be/tsd3/bullet_grijs.png") no-repeat left 3px; padding-left: 12px; margin-bottom: 20px; } /* 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; } p { margin: 3px 0 12px; } /* was ook voor h1, h2, h3, h4, h5 */ h1, h2, h3, h4, h5 { margin: 10px 0 5px; } ul { margin-bottom: 7px; } a { color: #666666; text-decoration: underline; } a:hover { color: #e3000b; } a.jellyrood { color: #E3000B; padding-left: 23px; text-decoration: none; background: url("http://graphics.tn-media.be/tsd3/verder.png") no-repeat scroll left center transparent; display:inline-block; height:19px; } a.jellygrijs, a.jellydonkergrijs { color: #303030; padding-left: 23px; text-decoration: none; background: url("http://graphics.tn-media.be/tsd3/verder_grijs.png") no-repeat scroll left center transparent; display:inline-block; height:19px; } a.jellyrood:hover, a.jellygrijs:hover, a.jellydonkergrijs:hover { text-decoration: underline; } h1, .h1 { font-size: 16px; font-weight: bold; color: #333333; line-height: 19px; } h2, .h2 { font-size: 15px; font-weight: bold; color: #333333; line-height: 18px; } h3, .h3 { font-size: 11px; color: #666666; font-weight: bold; line-height: 14px; } h4, .h4, .strong { font-weight: bold; } /* 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: #e3000b; } div.rounded-grijs-tabs ul li.active a { color: #e3000b; 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: #e3000b; 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: #e3000b; 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: #e3000b; font-size: 10px; font-weight: bold; margin-right: 2px; } /* Succesverhalen detail (BBeun) */ div#klantverhaal img.klantverhaalhead { margin: -8px -15px 15px -15px; } div.anderklantverhaal img { margin: -8px -15px 8px -15px; } div.anderklantverhaal { width: 158px; float: left; margin-right: 11px; } 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 (BBeun) */ table { width: 100%; border-collapse: collapse; border: 1px solid #e6e4e4; margin-bottom: 10px; background: white url('http://graphics.tn-media.be/tsd3/style/table_grijsonder.png') repeat-x scroll right bottom; } table td, table th { padding: 5px 7px; text-align: left; } table td, table th { border: 1px solid #e4e4e4; } table th { border: 1px solid #e4e4e4; } table tr.top th { text-align: left; font-weight: bold; background: #f7f7f7 url('http://graphics.tn-media.be/tsd3/style/th_grijsonder.png') repeat-x scroll left bottom; } table th.title { background: #f7f7f7 url('http://graphics.tn-media.be/tsd3/style/th_grijsrechts.png') repeat-y scroll right bottom; } .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; } /* 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: #e3000b; 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 input { width: 245px; margin: 2px; height:12px; } #custom-forms-tsd-salesforce-partners input.form-submit { width:116px; height:35px; margin: 0; } #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:#e3000b; } .block { background-color:#f0f0f0; ; border-top:1px solid #e3000b; padding:5px; margin-left:12px; } h3.trigger { cursor:pointer; } /*Prijs (GertvdB)*/ .product_prijsbox, .product_prijs { background: transparent url("http://graphics.tn-media.be/tsd3/prijs_bg.png") no-repeat center center; padding-top: 7px; width: 92px; height: 36px; text-align:center; } .product_prijs_groot { background: transparent url("http://graphics.tn-media.be/tsd3/prijs_bg_long.png") no-repeat center center; padding-top: 5px; text-align: center; width: 87px; height: 50px; float: right; } .product_prijsbox span, .product_prijs span, .product_prijs_groot span { font-size: 18px; } .product_prijs { float: right; } /* 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 { padding-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; } input.form-submit { background:url(http://images.tn-media.be/tsd3/button/verzend.png) no-repeat; width:116px; height:35px; border:none; } .fr input.form-submit { background-image:url(http://images.tn-media.be/tsd3/button/verzend-fr.png); } .en input.form-submit { background-image:url(http://images.tn-media.be/tsd3/button/verzend-en.png); } #node315 input.form-submit { background-image:url(http://images.tn-media.be/tsd3/button/zoeken.png); } #node316.fr input.form-submit { background-image:url(http://images.tn-media.be/tsd3/button/zoeken-fr.png); } #custom-forms-tsd-salesforce input.form-reset, #custom-forms-tsd-salesforce-partners input.form-reset { background: url(http://images.tn-media.be/tsd3/button/wissen.png) no-repeat; width:116px; height:35px; border:none; text-indent: -200px; } /*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;} #meerweten h3:hover { font-weight: bold; } #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: #E3000B; } .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://graphics.tn-media.be/tsd3/soho/restyle/front-restyle-block_leeg.png") no-repeat scroll 0 0 transparent; float:left; width:228px; height:181px; margin-left:6px; padding-top:0; } div.homebox_small div.center { width: 195px; padding-left:14px; margin-right:6px; } div.visual_home_container h1 { color: #E3000B; 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; } /*-- CLEARFIX --*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } 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; } 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:105px; } 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 { font-size:14px; font-weight:bold; } 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:#E3000B; 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://images.tn-media.be/tsd3/security/pdf.png") no-repeat; padding-left:25px; display:block; height:16px; color:#E3000B; text-decoration:underline; } 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:12px; } .intro_telefonie { width:698px; height:213px; background:url('http://graphics.tn-media.be/tsd3/producten/restyle/intro_telefonie.jpg') no-repeat; } .intro_telefonie .intro_content { width:378px; position:relative; left:295px; top:20px; } .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; } .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; 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 { width:350px; position:relative; left:305px; top:14px; } .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:385px; 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;} .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:#E3000B; font-size:18px; font-weight:bold; } .row_1 { margin:10px 0 0 15px; clear:both; width:677px; } .row_2 { margin:0 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; } .col_2 { float:left; width:315px; padding-right:15px; } .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; margin-top:9px; } .mods { margin:20px 0 15px 0px; width:698px; } .mod { width:341px; float:left; margin-right:15px; } .mod_top { width:341px; height:43px; background:url('http://graphics.tn-media.be/tsd3/producten/restyle/mod_top.png') no-repeat; } .mod_center { width:321px; height:190px; background:url('http://graphics.tn-media.be/tsd3/producten/restyle/mod_bg.png') repeat-y; padding:10px 20px 19px } .mod_center p { margin:0; padding:5px 0; } .mod_bottom { width:341px; height:13px; background:url('http://graphics.tn-media.be/tsd3/producten/restyle/mod_bottom.png') no-repeat; } .mod h3 { font-size:13px; margin:0; padding:12px 0 0 10px } .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:18px; 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:13px; color:#303030; padding:10px 0 0 15px; font-weight:bold; } .col_other { float:left; width:208px; height:155px; 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:11px; font-weight:bold; color:#e3000b; } .col_other div.bottom, .col_other2 div.bottom { position:absolute; bottom:-15px; } .col_other2 { float:left; width:320px; height:150px; border-right:1px dotted #e6e4e4; margin:0 0 12px; 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 20px 0; } .box_margin { margin:20px 15px 15px 15px; width:658px; } .box_bg h2 { margin-left:15px; color:#E3000B; } .col_other p, .col_other2 p { margin-left:0; } .box_bg .col_other h2, .box_bg .col_other2 h2 { margin-left:0; } .tools { margin:10px 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 .cta_1 { padding:8px 0 0 9px; width:174px; } .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; display:block; line-height:17px; margin-left:110px; margin-top:0; width:190px; } .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:#E3000B; font-weight:bold; font-style:normal; margin:0 4px} /* ******** CTA's 0 = small 4 = large ********* */ /* ******** CTA ROOD ****** */ .cta_0 { background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_0.png') no-repeat; display:block; width:134px; height:28px; font-size:13px; color:#FFF; padding:8px 0 0 12px; text-decoration:none; margin-top:10px; line-height:17px; text-align:left; } .cta_0:hover { color:#FFF; /*background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_0-over.png') no-repeat;*/ text-decoration:underline; display:block; } .cta_1 { background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_1.png') no-repeat; display:block; width:168px; height:28px; font-size:13px; color:#FFF; padding:8px 0 0 15px; text-decoration:none; margin-top:10px; line-height:17px; text-align:left; } .cta_1:hover { color:#FFF; /*background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_1-over.png') no-repeat;*/ text-decoration:underline; display:block; } .cta_2 { background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_2.png') no-repeat; display:block; width:233px; height:28px; font-size:13px; color:#FFF; padding:8px 0 0 15px; text-decoration:none; margin-top:10px; line-height:17px; text-align:left; } .cta_2:hover { display:block; color:#FFF; /*background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_2-over.png') no-repeat;*/ text-decoration:underline; } .cta_3 { background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_3.png') no-repeat; display:block; width:277px; height:28px; font-size:13px; color:#FFF; padding:8px 0 0 15px; text-decoration:none; margin-top:10px; line-height:17px; text-align:left; } .cta_3:hover { display:block; color:#FFF; /*//background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_3-over.png') no-repeat; */ text-decoration:underline;} .cta_3line { background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_3line.png') no-repeat; display:block; width:184px; height:59px; font-size:13px; color:#FFF; text-decoration:none; margin-top:10px; line-height:15px; text-align:left; } .cta_3line:hover { color:#FFF; /*background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_3line-over.png') no-repeat;*/ text-decoration:none; } .cta_left { float: left; height: 134px; position: relative; top: 45px; width: 272px; } /* ******** CTA GRIJS ****** */ .cta_0_grijs { background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_0_grijs.png') no-repeat; display:block; width:147px; height:28px; font-size:13px; color:#FFF; padding:8px 0 0 12px; text-decoration:none; margin-top:10px; line-height:17px; text-align:left; } .cta_0_grijs:hover { color:#FFF; /*background:url('http://graphics.tn-media.be/tsd3/producten/restyle/cta_0_grijs-over.png') no-repeat;*/ text-decoration:underline; display:block; } /* ***** FORMS ******* */ body.multi-tv input.form-submit, form#custom-forms-tsd-salesforce input.form-submit, form#custom-forms-tsd-salesforce-b input.form-submit, body#node3719 input.form-submit{background:url("http://graphics.tn-media.be/tsd3/producten/restyle/btn_verzenden_nl.png") no-repeat; width:128px; height:35px; margin:15px 0; cursor:pointer;} body.multi-tv.fr input.form-submit, body.fr form#custom-forms-tsd-salesforce input.form-submit, body.fr form#custom-forms-tsd-salesforce-b input.form-submit {background:url("http://graphics.tn-media.be/tsd3/producten/restyle/btn_verzenden_fr.png") no-repeat; width:128px; height:35px; margin:15px 0; cursor:pointer;} body.en form#custom-forms-tsd-salesforce input.form-submit, body.en form#custom-forms-tsd-salesforce-b input.form-submit {background:url("http://graphics.tn-media.be/tsd3/producten/restyle/btn_verzenden_en.png") no-repeat; width:128px; height:35px; margin:15px 0; cursor:pointer;} body.multi-tv input.form-submit, body.multi-tv.fr input.form-submit{margin:20px 0 15px 188px;} /* ****** 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:#E3000B; } 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 { margin-left:10px; } 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; } .tsd-prod-box a { display: block; padding-left: 12px; } .tsd-prod-box a:hover { color: #E3000B; } .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:122px; color:#FFF; left:10px;} /* BLOCKS */ div.block_container{width:226px; margin-bottom:15px;} div.block_container h2{font-size:20px; color:#e3000b;} body.fr div.block_container h2{font-size:19px; color:#e3000b;} div.block_container ul {margin:15px 0;} div.block_container ul li{ background:none; margin-bottom:8px; padding-left:0;} 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://graphics.tn-media.be/tsd3/producten/restyle/blocks/blok-wit_top.png") no-repeat;} div.adv_center{width:201px; padding:1px 10px 1px 15px; background:url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/blok-wit_bg.png") repeat-y; font-size:12px; line-height:18px;} div.adv_bottom{width:226px; height:13px; background:url("http://graphics.tn-media.be/tsd3/producten/restyle/blocks/blok-wit_bottom.png") no-repeat;} 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{margin:15px 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://graphics.tn-media.be/tsd3/producten/restyle/hp-mod_top.jpg") no-repeat; width:303px; height:40px; } div.hp-mod_top h3 { color:#E3000B; font-size: 13px; margin: 0; padding: 12px 0 0 10px; } div.hp-mod_bottom { background:url("http://graphics.tn-media.be/tsd3/producten/restyle/hp-mod_bottom.jpg") no-repeat; width:303px; height:64px; padding:12px 0 0 8px; clear:both; } div.hp-mod_visual { margin-top:-23px; color:#FFF; text-align:center; font-weight:bold; font-size:12px; *line-height:21px; *margin-top:-26px; } /* 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:#e3000b; 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:#E3000B; 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:#E3000B;} /* 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:#e3000b; 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:#e3000b;text-decoration:none; } .frank_tab ul li a:hover { color:#e3000b; } .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:22px; width:308px; } .cloud_col_top { background:url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_col_top.jpg") no-repeat; width:308px; height:71px; text-align:center; } .cloud_col_top h2 { font-size:18px; color:#000; padding-top:14px; } .cloud_col_center { background:url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_col_bg.jpg") repeat-y; width:308px; } .cloud_col_bottom { background:url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_col_bottom.jpg") no-repeat; width:308px; height:20px; } .cloud_col_center ul, .cloud_col_center p { margin:0; padding:10px 20px; } .cloud_frwhite { margin:18px 0 0 30px; } .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; background:url("http://graphics.tn-media.be/tsd3/producten/cloud/cloud_frwhite_bg.jpg") repeat-y; } .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:11px; font-weight:bold; background:#efefef; margin-bottom:8px; padding:8px;}