/* KLEUREN (BBeun) */ /* .grijs {color: #606060; } .lichtgrijs {color: #e6e4e4; } .donkergrijs {color: #303030; } .geel {color: #ffd100; } .rood {color: #e3000b; } */ 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, h1, h2, h3, h4, h5 {margin: 3px 0 12px; } ul {margin-bottom: 7px; } a {color: #666666; text-decoration: underline; } a:hover {color: #e3000b; } a.jellyrood {background: transparent url("http://graphics.tn-media.be/tsd3/jelly_rood.png") no-repeat left 1px; padding-left: 20px; color: #e3000b; text-decoration: none; } a.jellygrijs {background: transparent url("http://graphics.tn-media.be/tsd3/jelly_grijs.png") no-repeat left 1px; padding-left: 20px; color: #606060; text-decoration: none; } a.jellygrijsback {background: transparent url("http://media.corporate-ir.net/media_files/irol/24/241896/jelly_grijs-back.png") no-repeat left 1px; padding-left: 20px; color: #606060; text-decoration: none; } a.jellydonkergrijs {background: transparent url("http://graphics.tn-media.be/tsd3/jelly_donkergrijs.png") no-repeat left center; padding-left: 20px; color: #303030; text-decoration: none; } a.jellyrood:hover, a.jellygrijs:hover, a.jellygrijsback: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://telenet.be/media/fs/1/graphics/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://telenet.be/media/fs/1/graphics/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; } 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-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 {background-position: right bottom; padding: 6px 15px 8px 0; margin: 0 -15px 0 0; border-bottom: 0px; } 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;} /* 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; } /* 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 {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#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 {height: 35px; } div#oplossingen div.center, div#sectoren div.center, div#producten div.center, div#connectline 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: 5px; } 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, #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 {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 {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");} /*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: 0px 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: 0px 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 ;} a.glossary-term, a.glossary-term dfn{text-decoration: none; cursor: help; font-style: normal; } .glossary-links {height: 30px; } .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 {width: 500px; 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 10px 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;} /* 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; } /*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; padding-left: 15px; width: 72px; height: 36px; } .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; } /* 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;} /* 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 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 { 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 { 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 { 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;} /** tip **/ .webform-component {margin-top: 10px;} /*-- 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%; } #rechts h2 {margin-top: -15px}