/******************************* FileStructure of unitymedia.css (v2.0) ******************************** - 1.0 Basics - 2.0 Header 2.1 Logo 2.2 Mainnav - 3.0 Content 3.1 Breadcrumb 3.5 Main 3.5.1 Main - Headline 3.5.2 Main - Teaser 3.5.3 Main - Infobox with Tabs 3.5.4 Main - Phone International Flat Countries 3.5.5 Main - TV International Countries/Programs 3.5.6 Main - TV Programs 3.5.7 Main - Lists 3.5.8 Main - Tables 3.5.8.1 Main - Styled table with standard or highlighted columns 3.5.8.2 Main - Table with Voucher and Provision Rates 3.5.8.3 Main - Table with Job Vacancies 3.5.8.4 Main - Article / Plain Copy Text 3.5.9 Main - Telefon Options 3.5.10 Main - Subnavigation and Pagination 3.5.11 Main - Configurator for Combi Packages & Special Offer Pages 3.5.11.1 Main - Special Offer Pages 3.5.11.2 Main - Teaser with Headline, Text and Images 3.5.12 Main - Campaign Product 3.5.13 Main - Customer Service (page without left navigation) 3.5.14 Main - Investor Relations Disclaimer 3.5.15 Main - Toggle Container (changer campaign) 3.5.16 Main - Special Offer (phone campaign may 2010) 3.5.17 Main - Business Produkte 3.5.18 Main - Telefon Fritzbox WLAN 6360 3.5.19 Main - Kombinatoren 3.5.20 Main - Mein Unitymedia 3.6 Sidebar 3.6.1 Sidebar Navigation 3.6.2 Sidebar Navigation - Level 1 3.6.3 Sidebar Navigation - Level 1 Links 3.6.4 Sidebar Navigation - Level 1 Links Active 3.6.5 Sidebar Navigation - Level 2 3.6.6 Sidebar Navigation - Level 2 Links 3.6.7 Sidebar Navigation - Level 2 Links Active 3.6.8 Sidebar Navigation - Level 1 Kombipakete 3.6.8 Sidebar Service 3.6.9 Customer/Webmail Login Teaser with Info Layer 3.6.10 Availability Check - 4.0 Teaser - 5.0 Forms 5.1 Forms - Customized Select Boxes 5.2 Forms - Error and Notice Messages 5.3 Form 'Member gets Member (Kunden werben)' 5.4 Form 'Filter Job Vacancies (Aktuelle Stellenanzeigen)' 5.5 Form 'International TV (Detailseite mit Landesauswahl)' - 6.0 Footer - 7.0 Popup - 8.0 Flash 8.1 Homepage with Flash Stage 8.2 SIFR 8.3 Vorteilspakete - 9.0 Sitemap - 10.0 Google Search Results - 11.0 Error Page - 12.0 Email - 13.0 Neutral Zweispaltige Darstellung - 14.0 Sonderseite Klicken und staunen (Swooosch-Seite) - 15.0 No Javascript - 16.0 Twitter - 17.0 Special Pages & New Modules - 17.1 HD Highlights - 17.2 Galerie - 17.3 Icon Teaser - 17.4 HD Modul - 17.5 PriceModule - 17.6 Social Media Bar - 17.6.1 Dimensions - 17.6.2 Icons - 17.7 SPEED Gewinnspiel - 17.8 Kontaktmodul für Landingpages - 17.9 Contact Phone - 17.10 New three collumn contact page - 18.0 New Modules from the Design Refresh - 18.1 Flex Combobox - 18.2 Floating Elements - 18.3 Data Table - 18.3.1 Data Table Price - 18.4 Image Masks - 18.5 Textbuttons - 18.6 Tracking Images Fix - 18.7 Error Page - 19.0 Komkbipakete AB - 20.0 Login Teaser WSC - 20.10 MOBIL - 21.0 DTV Landingpages - xx.0 CSS for JS Plugins - xx.0 ButtonColor AB - xx.1 Fancybox *********************************/ /*************************** * Theme Colors * * * * Default, Combi: #000142 * * Internet: #00a0e0 * * Phone: #519722 * * TV: #e60f46 * ***************************/ /* 1.0 Basics */ @font-face { font-family: 'Helvetica Neue W01 67 Md Cn'; src: url('/fonts/HelveticaNeueW01-67MdCn.EOT'); src: url('/fonts/HelveticaNeueW01-67MdCn.EOT?#iefix') format('eot'), url('/fonts/HelveticaNeueW01-67MdCn.woff') format('woff'), url('/fonts/HelveticaNeueW01-67MdCn.ttf') format('truetype'), url('/fonts/HelveticaNeueW01-67MdCn.svg#webfontFHzvtkso') format('svg'); } @font-face { font-family: 'Helvetica Neue W01 77 Bd Cn'; src: url('/fonts/HelveticaNeueW01-77BdCn.eot'); src: url('/fonts/HelveticaNeueW01-77BdCn.eot?#iefix') format('eot'), url('/fonts/HelveticaNeueW01-77BdCn.woff') format('woff'), url('/fonts/HelveticaNeueW01-77BdCn.ttf') format('truetype'), url('/fonts/HelveticaNeueW01-77BdCn.svg#webfontFHzvtkso') format('svg'); } body{margin:0;padding:0;font:normal normal normal 11px/16px Arial, Helvetica, sans-serif;color:#666;text-align:center;background:#e2e2e2;} a{text-decoration:none;color:#028cc4;} a:hover{text-decoration:underline;} h1, h2, h3, h4, h5, h6, span.headline {margin:0;padding:0;font-size:100%;font-weight:normal;line-height:normal;display:block;} p{margin:0 0 16px 0;padding:0;} form {margin:0;padding:0;} fieldset{border:none;margin:0;padding:0;} legend{display:none;} object {display:block;} ul,ol,li{margin:0;padding:0;list-style:none;} img {border:none;} table{border: 0;border-collapse:collapse;border-spacing:0;} th, td {vertical-align:middle;text-align:left;} acronym, abbr {border-bottom: #333 1px dotted; font-style:normal; text-transform:none;} b,strong {font-weight:bold;} address{font-style:normal;} a:focus, input:focus {outline:0;} input.input, input.selectbox, textarea,select{margin:0 10px 0 0;padding:2px;border:1px solid #aeaeae;color:#666;font:normal normal normal 11px/normal Arial, Helvetica, sans-serif;} a.arrowlink,span.arrowlink,div.copy a,a.prevlink,a.nextlink,a.downloadlink,a.rsslink,a.print_page,td a{padding-left:15px;background:transparent url("/images/elements/el_arrowlink.png") no-repeat 0 -241px;font-size:11px;line-height:normal;} a.prevlink{background-position:-30px -56px;} a.nextlink{padding:0 15px 0 0;background-position:100% -133px;} a.downloadlink{background-position:-40px -75px !important;} a.rsslink{background-position:-50px -96px;} a.plainlink{padding:0 !important;background:none !important;border:none;} a.print_page{padding-left:18px;background-position:0 -151px;} a.button,a span.button,div.copy a.button{float:right;display:block;margin:0 0 0;padding:0 0 0;background:#00a1e5 url("/images/buttons/bt_sprite.png") no-repeat 0 0;overflow:hidden;cursor:pointer;text-decoration:none;}/*default*/ a.button:hover,a:hover span.button{background-color:#00b6ff !important;} a.button span{display:none !important;} a.vacancies{background-position:-619px 100% !important;width:179px;height:25px;} a.application{background-position:-808px 100% !important;width:179px;height:25px;} a.submit,span.submit{background-position:-279px 0 !important;width:16px;height:16px;} a.send_email{background-position:-381px 0 !important;width:127px;height:19px;} a.more_infos{background-position:-765px 0 !important;width:76px;height:19px;} a.speedtest{background-position:-2445px 0px !important;width:133px;height:25px;} a.offer{background-position:-2309px 0px !important;width:133px;height:25px;} a.initiative{background-position:-2583px -2px !important; width: 126px; height: 21px;} a.combine{background-position:-2996px -40px !important;width:133px;height:25px;} a.click_here{background-position:-2179px 0px !important;width:125px;height:21px;} a.availability{background-position:-2859px -40px !important;width:133px;height:25px;} a.lottery{background-position:-2048px 0 !important;width:128px;height:19px;} a.contact_partner{background-position:-628px 0 !important;width:127px;height:19px;} a.application_tips{background-position:-518px 0 !important;width:100px;height:19px;} a.download{background-position:-437px 100% !important;width:172px;height:25px;} a.member_gets_member{background-position:-1755px 100% !important;width:169px;height:25px;} a.close{background-position:-1716px 0 !important;width:74px;height:19px;} a.order{background-position:0 0;width:70px;height:19px;} a.order_now{background-position:-997px -40px !important;width:129px;height:25px;} a.order_large{background-position: -2750px -40px; width:101px;height:25px;text-indent:100px;} a.order_now_large{background-position:-4344px 0; height:22px; margin-top: 10px; margin-right: -5px; width:138px;} a.change_now{background-position:-997px -40px !important;width:129px;height:25px;} a.add_product{background-position:-1136px 100% !important;width:179px;height:25px;} a.test{background-position:-1867px 0 !important;width:72px;height:19px;} /* a.accept_disclaimer{background-position:-1630px 0 !important;width:76px;height:25px;} */ a.back_to_product{background-position:-1934px 100% !important;width:168px;height:25px;} a.order_and_win{background-position:-2251px 100% !important;width:206px;height:25px;} a.to_game{background-position:-2467px 100% !important;width:136px;height:25px; margin-top: 5px;} a.playing_schedule{background-position:-4450px 100% !important;width:136px;height:25px; margin-top: 5px;} a.join_now{background-position:-2613px 100% !important;width:127px;height:25px;} a.follow_unitymedia{background-position:-2047px 0 !important;width:136px;height:25px;} a.download_now{background-position:-3341px 100% !important;width:140px;height:25px;} a.next { background-position: 0 100% !important; height: 25px; width: 76px;} a.cp_digitaltv_highlights{background-position: -3493px -41px; height:22px; width:152px;} a.cp_digitaltv_allstars{background-position: -3649px -41px; height: 22px; width:152px;} a.cp_digitaltv_basic{background-position: -3807px -41px;height: 22px; width:152px;} a.combine_yourself{background-position:-3961px 0 !important;width:138px;height:22px;} a.float_left {float:left;} input.button{background:#00a1e5 url("/images/buttons/bt_sprite.png") no-repeat 0 0;border:none;text-indent:270px;overflow:hidden;}/*default*/ * html input.button{padding-left:270px;} *+html input.button{padding-left:270px;} input.button{background-color:#00a1e5 !important;cursor:pointer;} input.button:hover{background-color:#00b6ff !important;} input.check_date{background-position:-2112px 100%;width:129px;height:25px;} input.check_date_small{background-position:-1949px 0;width:90px;height:19px;} input.order{background-position:0 0;width:70px;height:19px;} input.order_large{background-position:-2750px -40px;width:101px;height:25px;} input.order_now{background-position:-997px -40px;width:129px;height:25px;} input.change_now{background-position:-997px -40px;width:129px;height:25px;} input.login{background-position:-216px 0;width:53px;height:19px;} input.logout{background-position:-1029px 0;width:60px;height:19px;} input.availability{background-position:-80px 0;width:126px;height:19px;} input.search{background-position:-279px 0;width:16px;height:16px;} input.search_with_text{background-position:-305px 0;width:66px;height:19px;} input.add_product{background-position:-1136px 100%;width:179px;height:25px;} input.select_product{background-position:-1325px 100%;width:179px;height:25px;} input.send_data{background-position:-86px 100%;width:85px;height:25px;} input.filter{background-position:-851px 0;width:76px;height:25px;} input.next{background-position:0 100%;width:76px;height:25px;} input.customer_login{background-position:-181px 100%;width:98px;height:25px;} input.customer_login_expanded{background-position: -2710px -2px;height:22px; width:138px;} body.nhome input.customer_login_expanded{background-position: -2713px -2px; height:22px; } input.search_faqs{background-position:-289px 100%;width:138px;height:25px;} input.choose{background-position:-937px 0 !important;width:82px;height:19px;} input.follow_unitymedia{background-position:-2047px 0 !important;width:136px;height:25px;} .clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;} .clearfix {display:inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;} .htcBlank {background-image:url("/images/backgrounds/blank.gif");}/* Wechselbild für htc-script, klasse nur zur publizierung */ .no_wrap{white-space:nowrap;} .relative{position: relative;} body #container #content #main .hide {display:none;} #container{width:980px;text-align:left;margin:0 auto;background:#fff url("/images/backgrounds/bg_body.png") repeat-y 0 0;} /* 2.0 Header */ #header{position:relative;margin:0 20px;height:138px;overflow:hidden;} #header img.header{position:absolute;left:0;top:0;z-index:1;} #header ul#metanav{position:absolute;left:5px;top:0;z-index:2;} #header ul#metanav li{float:left;background:transparent url("/images/elements/el_vline.png") no-repeat 0 8px;} #header ul#metanav li a{display:block;padding:5px 9px;} #header ul#metanav li.active a{color:#808080 !important;text-decoration:none !important;cursor:default;} #header ul#metanav li a:hover{color:#00a0e0;} #header ul#metanav li.first, #header ul#metanav li.last{background:none;} #header ul#metanav li.last label{float:left;margin:5px 5px 0 150px;color:#000142;} * html #header ul#metanav li.last label{margin-top:4px;} *+html #header ul#metanav li.last label{margin-top:4px;} #header ul#metanav li.last input{float:left;margin:4px 5px 0 0;} * html #header ul#metanav li.last input{float:none;margin-top:1px;} *+html #header ul#metanav li.last input{margin-top:2px;} #header ul#metanav li.last input.button{margin:5px 0 0;} * html #header ul#metanav li.last input.button{margin:0 0 2px;} *+html #header ul#metanav li.last input.button{margin:4px 0 0;} #header ul#metanav li.last input.input{padding:1px 2px;height:14px;width:165px;line-height:14px;} /* 2.1 Logo */ #header #logo{position:absolute;left:15px;top:50px;z-index:3;} #header #logo a{display:block;width:140px;height:55px;text-decoration:none;} * html #header #logo a{background:url("/images/backgrounds/blank.gif") no-repeat 0 0;} /* FIX IE6 + IE7 not recognizing the link with unvisible content */ *+html #header #logo a{background:url("/images/backgrounds/blank.gif") no-repeat 0 0;} #header #logo span{visibility:hidden;} /* 2.2 Mainnav */ #header ul#mainnav{position:absolute;left:177px;top:103px;z-index:3;} #header ul#mainnav li a{float:left;display:block;height:34px;width:126px;border-bottom:1px solid #b3b3b3;background:transparent url("/images/backgrounds/bg_mainnav.png") no-repeat 1000px 0;text-decoration:none;}/* background-image needed for hover effect Opera */ #header ul#mainnav li.active a{border-bottom:none;height:35px;} body.business_service #header ul#mainnav,body.stations #header ul#mainnav,body.architects #header ul#mainnav,body.municipalities #header ul#mainnav,body.wowi #header ul#mainnav{top:93px;} body.business_service #header ul#mainnav li a,body.stations #header ul#mainnav li a,body.architects #header ul#mainnav li a,body.municipalities #header ul#mainnav li a,body.wowi #header ul#mainnav li a{height:49px;} body.business_service #header ul#mainnav li.active a,body.stations #header ul#mainnav li.active a,body.architects #header ul#mainnav li.active a,body.municipalities #header ul#mainnav li.active a,body.wowi #header ul#mainnav li.active a{height:50px;} #header ul#mainnav li.active a:hover{background:none !important;} #header ul#mainnav li span{display:none;} #header ul#mainnav li{float:left;margin:0 1px;background:transparent url("/images/backgrounds/bg_mainnav.png") no-repeat left top;}/* Mainnav Products */ #header ul#mainnav li.about,#header ul#mainnav li.investors,#header ul#mainnav li.jobs,#header ul#mainnav li.press{background:transparent url("/images/backgrounds/bg_mainnav_company.png") no-repeat 0 0;}/* Mainnav Company */ #header ul#mainnav li.customer_service,#header ul#mainnav li.faqs,#header ul#mainnav li.mgm,#header ul#mainnav li.contact{background:transparent url("/images/backgrounds/bg_mainnav_service.png") no-repeat 0 0;}/* Mainnav Service */ #header ul#mainnav li.news,#header ul#mainnav li.tvguide,#header ul#mainnav li.webmail,#header ul#mainnav li.movies,#header ul#mainnav li.my_unitymedia{background:transparent url("/images/backgrounds/bg_mainnav_entertainment.png") no-repeat 0 0;}/* Mainnav Entertainment */ #header ul#mainnav li.marketing_contact,#header ul#mainnav li.becoming_partner,#header ul#mainnav li.online_program,#header ul#mainnav li.partner_web{background:transparent url("/images/backgrounds/bg_mainnav_marketing.png") no-repeat 0 0;}/* Mainnav Marketing */ #header ul#mainnav li.business_service,#header ul#mainnav li.stations,#header ul#mainnav li.architects,#header ul#mainnav li.municipalities,#header ul#mainnav li.wowi{background:transparent url("/images/backgrounds/bg_mainnav_business_partners.png") no-repeat 0 0;}/* Mainnav Business Partners */ #header ul#mainnav li.rl_business, #header ul#mainnav li.rl_multimedia, #header ul#mainnav li.rl_install, #header ul#mainnav li.rl_service { background:transparent url("/images/backgrounds/bg_mainnav_business_partners2.png") no-repeat 0 0; } /* Relaunch Mainnav Business Partners */ #header ul#mainnav li.landlord,#header ul#mainnav li.tenant,#header ul#mainnav li.start{background:transparent url("/images/backgrounds/bg_mainnav_landlord_tenant.png") no-repeat 0 0;}/* Mainnav Campaign Landlord & Tennants */ #header ul#mainnav li.campaign_start,#header ul#mainnav li.campaign_win,#header ul#mainnav li.campaign_join,#header ul#mainnav li.campaign_more{background:transparent url("/images/backgrounds/bg_mainnav_campaign_win_and_sail.png") no-repeat 0 0;}/* Mainnav Campaign Win & Sail */ #header ul#mainnav li.business_products_offer,#header ul#mainnav li.business_products_product,#header ul#mainnav li.business_products_service,#header ul#mainnav li.business_products_contact{background:transparent url("/images/backgrounds/bg_mainnav_business.png") no-repeat 0 0;}/* Mainnav Business Products */ #header ul#mainnav li.styleguide_logos_typo_farben, #header ul#mainnav li.styleguide_bild_grafikelemente, #header ul#mainnav li.styleguide_seitenelemente , #header ul#mainnav li.styleguide_offsite_media{background: url("/images/backgrounds/bg_mainnav_styleguide.png") no-repeat scroll 0 0;} #header ul#mainnav li.speedcup {background:transparent url("/images/backgrounds/bg_mainnav_campaign_speedcup.png") no-repeat 0 0;}/* Mainnav Campaign Speedcup */ #header ul#mainnav li.facebook {background:transparent url("/images/backgrounds/bg_mainnav_initiative.png") no-repeat 0 0;}/* Mainnav Campaign Facebook */ #header ul#mainnav li.combi,#header ul#mainnav li.about,#header ul#mainnav li.customer_service,#header ul#mainnav li.news,#header ul#mainnav li.campaign_start,#header ul#mainnav li.business_products_offer,#header ul#mainnav li.styleguide_logos_typo_farben, #header ul#mainnav li.marketing_contact,#header ul#mainnav li.business_service,#header ul#mainnav li.landlord, #header ul#mainnav li.rl_business {background-position:0 0;} #header ul#mainnav li.internet,#header ul#mainnav li.investors,#header ul#mainnav li.faqs,#header ul#mainnav li.tvguide,#header ul#mainnav li.campaign_win,#header ul#mainnav li.business_products_product,#header ul#mainnav li.styleguide_bild_grafikelemente, #header ul#mainnav li.becoming_partner,#header ul#mainnav li.stations,#header ul#mainnav li.tenant, #header ul#mainnav li.rl_multimedia {background-position:-150px 0;} #header ul#mainnav li.phone,#header ul#mainnav li.jobs,#header ul#mainnav li.mgm,#header ul#mainnav li.webmail,#header ul#mainnav li.campaign_join,#header ul#mainnav li.business_products_service,#header ul#mainnav li.styleguide_seitenelemente, #header ul#mainnav li.online_program,#header ul#mainnav li.architects,#header ul#mainnav li.start, #header ul#mainnav li.rl_install {background-position:-300px 0;} #header ul#mainnav li.tv,#header ul#mainnav li.press,#header ul#mainnav li.contact,#header ul#mainnav li.movies,#header ul#mainnav li.campaign_more,#header ul#mainnav li.business_products_contact,#header ul#mainnav li.styleguide_offsite_media,#header ul#mainnav li.partner_web,#header ul#mainnav li.municipalities, #header ul#mainnav li.rl_service {background-position:-450px 0;} #header ul#mainnav li.mobil, #header ul#mainnav li.wowi,#header ul#mainnav li.my_unitymedia{background-position:-600px 0;} #header ul#mainnav li a:hover{background:#031041 url("/images/backgrounds/bg_mainnav.png") no-repeat 0 100px;} #header ul#mainnav li.about a:hover,#header ul#mainnav li.investors a:hover,#header ul#mainnav li.jobs a:hover,#header ul#mainnav li.press a:hover{background:transparent url("/images/backgrounds/bg_mainnav_company.png") no-repeat 0 -50px;} #header ul#mainnav li.customer_service a:hover,#header ul#mainnav li.faqs a:hover,#header ul#mainnav li.mgm a:hover,#header ul#mainnav li.contact a:hover{background:transparent url("/images/backgrounds/bg_mainnav_service.png") no-repeat 0 -50px;} #header ul#mainnav li.news a:hover,#header ul#mainnav li.tvguide a:hover,#header ul#mainnav li.webmail a:hover,#header ul#mainnav li.movies a:hover,#header ul#mainnav li.my_unitymedia a:hover{background:transparent url("/images/backgrounds/bg_mainnav_entertainment.png") no-repeat 0 -50px;} #header ul#mainnav li.marketing_contact a:hover,#header ul#mainnav li.becoming_partner a:hover,#header ul#mainnav li.online_program a:hover,#header ul#mainnav li.partner_web a:hover{background:transparent url("/images/backgrounds/bg_mainnav_marketing.png") no-repeat 0 -50px;} #header ul#mainnav li.business_service a:hover,#header ul#mainnav li.stations a:hover,#header ul#mainnav li.architects a:hover,#header ul#mainnav li.municipalities a:hover,#header ul#mainnav li.wowi a:hover{background:transparent url("/images/backgrounds/bg_mainnav_business_partners.png") no-repeat 0 -50px;}/* Mainnav Business Partners */ #header ul#mainnav li.rl_business a:hover, #header ul#mainnav li.rl_multimedia a:hover, #header ul#mainnav li.rl_install a:hover, #header ul#mainnav li.rl_service a:hover { background:transparent url("/images/backgrounds/bg_mainnav_business_partners2.png") no-repeat 0 -50px; } /* Relaunch Mainnav Business Partners */ #header ul#mainnav li.landlord a:hover,#header ul#mainnav li.tenant a:hover,#header ul#mainnav li.start a:hover {background:transparent url("/images/backgrounds/bg_mainnav_landlord_tenant.png") no-repeat 0 -50px;} #header ul#mainnav li.campaign_start a:hover,#header ul#mainnav li.campaign_win a:hover,#header ul#mainnav li.campaign_join a:hover,#header ul#mainnav li.campaign_more a:hover{background:transparent url("/images/backgrounds/bg_mainnav_campaign_win_and_sail.png") no-repeat 0 -50px;} #header ul#mainnav li.business_products_offer a:hover,#header ul#mainnav li.business_products_product a:hover,#header ul#mainnav li.business_products_service a:hover,#header ul#mainnav li.business_products_contact a:hover{background-image:url("/images/backgrounds/bg_mainnav_business.png");} #header ul#mainnav li.styleguide_logos_typo_farben a:hover, #header ul#mainnav li.styleguide_bild_grafikelemente a:hover, #header ul#mainnav li.styleguide_seitenelemente a:hover, #header ul#mainnav li.styleguide_offsite_media a:hover{background-image: url("/images/backgrounds/bg_mainnav_styleguide.png");} #header ul#mainnav li.speedcup a:hover {background:transparent url("/images/backgrounds/bg_mainnav_campaign_speedcup.png") no-repeat 0 -50px;} #header ul#mainnav li.facebook a:hover {background:transparent url("/images/backgrounds/bg_mainnav_initiative.png") no-repeat 0 -50px;} #header ul#mainnav li.combi a:hover,#header ul#mainnav li.about a:hover,#header ul#mainnav li.customer_service a:hover,#header ul#mainnav li.news a:hover,#header ul#mainnav li.campaign_start a:hover,#header ul#mainnav li.business_products_offer a:hover,#header ul#mainnav li.styleguide_logos_typo_farben a:hover,#header ul#mainnav li.marketing_contact a:hover,#header ul#mainnav li.business_service a:hover,#header ul#mainnav li.landlord a:hover, #header ul#mainnav li.rl_business a:hover{background-position:0 -50px;} #header ul#mainnav li.internet a:hover,#header ul#mainnav li.investors a:hover,#header ul#mainnav li.faqs a:hover,#header ul#mainnav li.tvguide a:hover,#header ul#mainnav li.campaign_win a:hover,#header ul#mainnav li.business_products_product a:hover,#header ul#mainnav li.styleguide_bild_grafikelemente a:hover,#header ul#mainnav li.becoming_partner a:hover,#header ul#mainnav li.stations a:hover,#header ul#mainnav li.tenant a:hover, #header ul#mainnav li.rl_multimedia a:hover {background-position:-150px -50px;} #header ul#mainnav li.phone a:hover,#header ul#mainnav li.jobs a:hover,#header ul#mainnav li.mgm a:hover,#header ul#mainnav li.webmail a:hover,#header ul#mainnav li.campaign_join a:hover,#header ul#mainnav li.business_products_service a:hover,#header ul#mainnav li.styleguide_seitenelemente a:hover,#header ul#mainnav li.online_program a:hover,#header ul#mainnav li.architects a:hover,#header ul#mainnav li.start a:hover, #header ul#mainnav li.rl_install a:hover {background-position:-300px -50px;} #header ul#mainnav li.tv a:hover,#header ul#mainnav li.press a:hover,#header ul#mainnav li.contact a:hover,#header ul#mainnav li.movies a:hover,#header ul#mainnav li.campaign_more a:hover,#header ul#mainnav li.business_products_contact a:hover,#header ul#mainnav li.styleguide_offsite_media a:hover,#header ul#mainnav li.partner_web a:hover,#header ul#mainnav li.municipalities a:hover, #header ul#mainnav li.rl_service a:hover {background-position:-450px -50px;} #header ul#mainnav li.mobil a:hover, #header ul#mainnav li.wowi a:hover,#header ul#mainnav li.my_unitymedia a:hover{background-position:-600px -50px;} #header ul#mainnav li.active.my_unitymedia{background-position:-600px -100px;} body.combi #header ul#mainnav li.combi,body.about #header ul#mainnav li.about,body.customer_service #header ul#mainnav li.customer_service,body.news #header ul#mainnav li.news,body.campaign_start #header ul#mainnav li.campaign_start,body.styleguide_logos_typo_farben #header ul#mainnav li.styleguide_logos_typo_farben, body.business_products_offer #header ul#mainnav li.business_products_offer,body.marketing_contact #header ul#mainnav li.marketing_contact,body.business_service #header ul#mainnav li.business_service,body.landlord #header ul#mainnav li.landlord, body.rl_business #header ul#mainnav li.rl_business{background-position:0 -100px;} body.internet #header ul#mainnav li.internet,body.investors #header ul#mainnav li.investors,body.faqs #header ul#mainnav li.faqs,body.tvguide #header ul#mainnav li.tvguide,body.campaign_win #header ul#mainnav li.campaign_win,body.business_products_product #header ul#mainnav li.business_products_product,body.styleguide_bild_grafikelemente #header ul#mainnav li.styleguide_bild_grafikelemente, body.becoming_partner #header ul#mainnav li.becoming_partner,body.stations #header ul#mainnav li.stations,body.tenant #header ul#mainnav li.tenant, body.rl_multimedia #header ul#mainnav li.rl_multimedia {background-position:-150px -100px;} body.phone #header ul#mainnav li.phone,body.jobs #header ul#mainnav li.jobs,body.mgm #header ul#mainnav li.mgm,body.webmail #header ul#mainnav li.webmail,body.campaign_join #header ul#mainnav li.campaign_join,body.business_products_service #header ul#mainnav li.business_products_service,body.styleguide_seitenelemente #header ul#mainnav li.styleguide_seitenelemente, body.online_program #header ul#mainnav li.online_program,body.architects #header ul#mainnav li.architects,body.start #header ul#mainnav li.start, body.rl_install #header ul#mainnav li.rl_install {background-position:-300px -100px;} body.tv #header ul#mainnav li.tv,body.press #header ul#mainnav li.press,body.contact #header ul#mainnav li.contact,body.movies #header ul#mainnav li.movies,body.campaign_more #header ul#mainnav li.campaign_more,body.business_products_contact #header ul#mainnav li.business_products_contact,body.styleguide_offsite_media #header ul#mainnav li.styleguide_offsite_media,body.partner_web #header ul#mainnav li.partner_web,body.municipalities #header ul#mainnav li.municipalities, body.rl_service #header ul#mainnav li.rl_service {background-position:-450px -100px;} body.mobil #header ul#mainnav li.mobil, body.wowi #header ul#mainnav li.wowi{background-position:-600px -100px;} body.no_mainnav_selection #header ul#mainnav li.internet{background-position:-150px 0;}/*remove highlighting from tab for campaign page*/ body.no_mainnav_selection #header ul#mainnav li.phone{background-position:-300px 0;}/*remove highlighting from tab for campaign page*/ body.no_mainnav_selection #header ul#mainnav li.tv{background-position:-450px 0;}/*remove highlighting from tab for campaign page*/ body.customer_service_start #header ul#mainnav li.customer_service{background-position:0 0;} body.customer_service_start #header ul#mainnav li.customer_service a:hover{background:transparent url("/images/backgrounds/bg_mainnav_service.png") no-repeat 0 -50px !important;}/* 3.0 Content */ #content{clear:both;margin:0 20px;padding:15px 15px 30px;width:910px;min-height:400px;} #content.with_flag{position:relative} /* 3.1 Breadcrumb */ ul#breadcrumb{clear:both;float:left;display:inline;width:910px;margin:0 0 10px 165px;font-size:10px;line-height:normal;color:#b5b5b5;} ul#breadcrumb li{float:left;padding:0 7px 0 10px;background:transparent url("/images/elements/el_items.png") no-repeat -208px -199px;color:#666;} ul#breadcrumb li a{color:#b5b5b5;text-decoration:underline;} ul#breadcrumb li a:hover{color:#00a0e0;} ul#breadcrumb li.first{padding-left:0;background:none;} /* 3.5 Main */ #main div.wrapper h2, #main div.wrapper h3, #main div.wrapper h4, #main div.wrapper h2 span, #main div.wrapper h3 span { font-family: 'Helvetica Neue W01 67 Md Cn', Helvetica, sans-serif; letter-spacing: normal; color: #051249; } #main h1, #main h1 span { font-family: 'Helvetica Neue W01 67 Md Cn', Helvetica, sans-srif; letter-spacing: normal; } #main{float:left;width:505px;margin:0 15px 30px;} #main div.wrapper{min-height:160px;} #main div.wrapper h3{margin:0 0 15px;} #main div.wrapper h3 span{display:block;margin-top:10px;color:#000142;font-size:20px;line-height:normal; } #main div.wrapper h3 span.subtitle, #main div.wrapper h3 span.subtitle span{margin-top:3px;font-size:15px;} #main div.wrapper h4{margin:0 0 13px;color:#000142;font-size:15px;line-height:normal;} #main div.wrapper h5{margin:0 10px 16px;font-weight:bold;} #main div.wrapper div.info{font-size:9px;line-height:13px;} #main div.wrapper div.copy { margin:0; } #main div.wrapper div.copy h1, #main div.wrapper div.copy h2, #main div.wrapper div.copy h3, #main div.wrapper div.copy h4, #main div.wrapper fieldset div.copy { font-family: Arial, Helvetica sans-serif; margin:0; } #main div.wrapper div.copy h1, #main div.wrapper div.copy h2, #main div.wrapper div.copy h3 { font-weight: bold; } #main div.wrapper fieldset h3 { margin: 0 10px 12px; height: 50px; } #main div.wrapper fieldset h3 img { float: left; margin-right: 12px;} #main div.wrapper fieldset h3 .button{margin-top:18px;} #main div.wrapper fieldset h3 .um_textbutton{float:right;margin-top:18px;} /*#main div.wrapper p{color:#000142;}*/ #main ul,#main ol{margin:0 10px 20px 10px;padding:0;} #main ul li,#main ol li{margin:0 0 4px 0;padding:0 0 0 15px;background:transparent url("/images/elements/el_items.png") no-repeat -412px 5px;font-size:11px;line-height:16px;}/*theme default*/ body.internet #main ul li,body.internet #main ol li{background-position: -383px -21px;} /*theme internet*/ body.phone #main ul li,body.phone #main ol li{background-position: -355px -47px;} /*theme phone*/ body.tv #main ul li,body.tv #main ol li{background-position: -327px -73px;} /*theme tv*/ #main .features ul li,#main .features ul li{background-position:-411px -407px;} /*theme for articles and feature listings*/ #main div.wrapper div.standard h1, #main div.wrapper div.standard h2, #main div.wrapper div.standard h3 { font-weight:bold;color:#000142;} #main iframe.iframe_fullcontent{margin:0;width:100%;margin:0px;/*overflow:hidden;*/} /* 3.5.1 Main - Headline */ #main h1{position:relative;margin:0 0 15px 0;padding:11px 10px 9px;border:1px dotted #000142;border-width:1px 0;height:30px;overflow:hidden;color:#000142;font-size:28px;line-height:30px;white-space:nowrap;}/*theme default*/ body.internet #main h1{border-color:#00a0e0;color:#00a0e0;}/*theme internet*/ body.phone #main h1{border-color:#519722;color:#519722;}/*theme phone*/ body.tv #main h1{border-color:#e60f46;color:#e60f46;}/*theme tv*/ body.mobil #main h1{border-color:#B1C600;color:#B1C600;}/*theme tv*/ * html #main h1{border:none;background:transparent url("/images/backgrounds/bg_headline.png") repeat-x 0 -180px;height:32px;overflow:hidden;white-space:normal;}/*theme default for IE6*/ * html body.internet #main h1{border:none;background-position:0 0;}/*theme internet for IE6*/ * html body.phone #main h1{border:none;background-position:0 -60px;}/*theme phone for IE6*/ * html body.tv #main h1{border:none;background-position:0 -120px;}/*theme tv for IE6*/ #main h1 img.logo{position:absolute;right:10px;top:14px;} #main h1 span{white-space:nowrap !important;} #main div h1 {border:0; font: 11px/16px Arial,Helvetica,sans-serif; padding:0; height: position: static; line-height: 1;} /* Should be removed after next full publication */ #main h2{position:relative;margin:0 0 15px 0;padding:11px 10px 9px;border:1px dotted #000142;border-width:1px 0;height:30px;overflow:hidden;color:#000142;font-size:28px;line-height:30px;white-space:nowrap;}/*theme default*/ body.internet #main h2{border-color:#00a0e0;color:#00a0e0;}/*theme internet*/ body.phone #main h2{border-color:#519722;color:#519722;}/*theme phone*/ body.tv #main h2{border-color:#e60f46;color:#e60f46;}/*theme tv*/ * html #main h2{border:none;background:transparent url("/images/backgrounds/bg_headline.png") repeat-x 0 -180px;height:32px;overflow:hidden;white-space:normal;}/*theme default for IE6*/ * html body.internet #main h2{border:none;background-position:0 0;}/*theme internet for IE6*/ * html body.phone #main h2{border:none;background-position:0 -60px;}/*theme phone for IE6*/ * html body.tv #main h2{border:none;background-position:0 -120px;}/*theme tv for IE6*/ #main h2 img.logo{position:absolute;right:10px;top:14px;} #main h2 span{white-space:nowrap !important;} /* ***** */ /* 3.5.2 Main - Teaser */ #main div.teaser {margin-bottom: 15px; position:relative;} #main div.teaser img{display:block;} #main div.teaser a.tag {position:absolute;right:15px;top:35px;} /* edit */ #main div.teaser .bordered_image a.tag { position:static; right: auto; top: auto; } #main div.teaser .bordered_image a.tag img{ left: auto; right: 15px; top: 20px; z-index:200; } #main div.teaser a.tag span{display:none;} #main div.teaser a.tag span.arrowlink{display:inline;position:absolute;left:10px;bottom:10px;} * html #main div.teaser a.tag img {behavior:url("/javascripts/iepngfix.htc");} #main div.teaser div.flash_container {overflow:hidden;} #main div.teaser_facebook { background: transparent url("/images/backgrounds/facebook_teaser_bg.png") no-repeat scroll bottom left; height: 161px;} #main div.teaser_facebook_static { background: transparent url("/images/backgrounds/img_teaser_facebook_initiative_static_bg.png") no-repeat scroll bottom left; } #main div.teaser_facebook img.bg_teaser_img {position: absolute;} #main div.teaser_facebook div.teaser-inner{ color:#ffffff; left: 17px;overflow: hidden;top: 59px; padding-left: 30px;position: absolute;width: 400px; } #main div.teaser_facebook div.teaser-inner p{color: #ffffff; } #main div.teaser_facebook div.teaser-inner h2 span{ color: #ffffff;} #main div.teaser_facebook div.teaser-inner .teaser-inner-left,#main div.teaser_facebook div.teaser-inner .teaser-inner-right{float: left; font-size: 12px; margin-top: 10px; overflow:hidden; width: 200px;} #main div.teaser_facebook div.teaser-inner .teaser-inner-left { margin-right: 14px; width: 150px;} #main div.teaser_facebook div.teaser-inner .teaser-inner-right{ width: 230px; } /* 3.5.3 Main - Infobox with Tabs */ #main div.infobox{padding-bottom:15px;} body.combiner_mobil_v2 #main div.infobox { margin: 15px 0; } #main div.infobox ul.tabnav{float:left;margin:0;border-bottom:1px solid #cdcdcd;width:100%;} #main div.infobox ul.tabnav li{float:left;margin:0 4px -1px 0;padding:0;background:transparent url("/images/backgrounds/bg_tabnav.png") no-repeat 100% 0;} #main div.infobox ul.tabnav li:hover{background:transparent url("/images/backgrounds/bg_tabnav.png") no-repeat 100% -80px;} * html #main div.infobox ul.tabnav li.hover{background:transparent url("/images/backgrounds/bg_tabnav.png") no-repeat 100% -80px;} #main div.infobox ul.tabnav li.first{margin-left:10px;} * html #main div.infobox ul.tabnav li.first{margin-left:5px;} #main div.infobox ul.tabnav li.active{background:transparent url("/images/backgrounds/bg_tabnav.png") no-repeat 100% -40px !important;} #main div.infobox ul.tabnav li a{float:left;height:17px;padding:5px 12px 0 10px;border:1px solid #cecece;border-width:0 0 1px 1px;color:#666;font-weight:bold;text-decoration:none;font-size:12px;line-height:normal;} #main div.infobox ul.tabnav li.active a{height:18px;border-bottom:none;} #main div.infobox div.tabcontent{display:none;clear:left;padding:17px 4px 0 0;background:#fff;border: 1px solid #CDCDCD; border-top: 0;} #main div.infobox div.tabcontent.active{display:block;} #main div.infobox div.tabcontent div.copy { margin: 0 10px; } #main div.infobox div.tabcontent div.collection { margin: 0 10px; } * html #main div.infobox div.active{display:inline-block;} *+html #main div.infobox div.active{display:inline-block;} #main div.tabcontent p{color:#666;} #main div.tabcontent h1, #main div.tabcontent h2, #main div.tabcontent h3, #main div.tabcontent h4, #main div.tabcontent h5{margin:0 10px 5px 10px;padding:0;color:#666;font-size:100%;font-weight:normal;line-height:normal;} #main div.tabcontent div.copy ul{margin:0 0 20px;} #main div.tabcontent ul li{padding:0 0 0 15px;margin:0 0 4px 0;} #main div.wrapper div.tabcontent div.copy h1, #main div.wrapper div.tabcontent div.copy h2, #main div.wrapper div.tabcontent div.copy h3, #main div.wrapper div.tabcontent div.copy h4, #main div.wrapper div.tabcontent div.copy h5{margin-left:0;margin-right:0;} /* 3.5.4 Main - Phone International Flat Countries */ #main div.wrapper ul.countries{margin:10px 0 20px 10px;padding:0;background:none;} #main div.wrapper ul.countries li{display:inline;margin:0 !important;padding:0 0 10px 0 !important;background:none;} #main div.wrapper ul.countries li span{float:left;display:block;background:transparent url("/images/icons/ic_countries_small.png") no-repeat 0 0;width:160px;height:25px;text-indent:30px;line-height:15px;} #main div.wrapper ul.countries li span.australia{background-position:0 0;} #main div.wrapper ul.countries li span.belgium{background-position:0 -30px;} #main div.wrapper ul.countries li span.danmark{background-position:0 -60px;} #main div.wrapper ul.countries li span.finland{background-position:0 -90px;} #main div.wrapper ul.countries li span.france{background-position:0 -120px;} #main div.wrapper ul.countries li span.greatbritain{background-position:0 -150px;} #main div.wrapper ul.countries li span.greece{background-position:0 -180px;} #main div.wrapper ul.countries li span.ireland{background-position:0 -210px;} #main div.wrapper ul.countries li span.italy{background-position:0 -240px;} #main div.wrapper ul.countries li span.japan{background-position:0 -270px;} #main div.wrapper ul.countries li span.canada{background-position:0 -300px;} #main div.wrapper ul.countries li span.croatia{background-position:0 -330px;} #main div.wrapper ul.countries li span.luxemburg{background-position:0 -360px;} #main div.wrapper ul.countries li span.netherlands{background-position:0 -391px;} #main div.wrapper ul.countries li span.norway{background-position:0 -422px;} #main div.wrapper ul.countries li span.austria{background-position:0 -451px;} #main div.wrapper ul.countries li span.poland{background-position:0 -481px;} #main div.wrapper ul.countries li span.portugal{background-position:0 -512px;} #main div.wrapper ul.countries li span.russia{background-position:0 -542px;} #main div.wrapper ul.countries li span.sweden{background-position:0 -572px;} #main div.wrapper ul.countries li span.suisse{background-position:0 -602px;} #main div.wrapper ul.countries li span.slovenia{background-position:0 -631px;} #main div.wrapper ul.countries li span.spain{background-position:0 -662px;} #main div.wrapper ul.countries li span.turkey{background-position:0 -693px;} #main div.wrapper ul.countries li span.czech{background-position:0 -723px;} #main div.wrapper ul.countries li span.hungary{background-position:0 -753px;} #main div.wrapper ul.countries li span.us{background-position:0 -783px;} /* 3.5.5 Main - TV International Countries/Programs */ #main div.wrapper ul.programs{margin:10px 0 15px 10px;padding:0;background:none;} #main div.wrapper ul.programs li {float:left;display:block;margin:0;padding:0 0 5px 0;background:transparent url("/images/icons/ic_countries.png") no-repeat 0 0;}/*default*/ #main div.wrapper ul.programs li.turkey{background-position:0 0;} #main div.wrapper ul.programs li.portugal{background-position:0 -60px;} #main div.wrapper ul.programs li.greece{background-position:0 -120px;} #main div.wrapper ul.programs li.serbia{background-position:0 -180px;} #main div.wrapper ul.programs li.italy{background-position:0 -240px;} #main div.wrapper ul.programs li.russia{background-position:0 -300px;} #main div.wrapper ul.programs li.croatia{background-position:0 -360px;} #main div.wrapper ul.programs li.arabiccountries{background-position:0 -420px;} #main div.wrapper ul.programs li.spain{background-position:0 -480px;} #main div.wrapper ul.programs li.poland{background-position:0 -540px;} #main div.wrapper ul.programs li.bosnia{background-position:0 -600px;} #main div.wrapper ul.programs li.japan{background-position:0 -660px;} #main div.wrapper ul.programs li.us{background-position:0 -720px;} #main div.wrapper ul.programs li.greatbritain{background-position:0 -780px;} #main div.wrapper ul.programs li span{display:none;} #main div.wrapper ul.programs li a{float:left;display:block;margin:0 55px 10px 0;padding:21px 0 0 70px;width:40px;line-height:15px;} * html #main div.wrapper ul.programs li a{display:inline-block;} /* 3.5.6 Main - TV Programs */ #main div.programs {margin:0 10px 30px;padding:10px 0 0;} #main div.programs div.program_details{position:relative;padding:0 10px;} #main div.programs div.program_details div.hidden{display:none;} #main div.programs div.program_details div.player_icon{position:absolute;top:77px;left:116px;background:#fff url('/images/elements/el_play.png') no-repeat 0 -50px;width:21px;height:21px;z-index:2;} #main div.programs div.program_details.large_movie div.player_icon{top:153px !important;left:220px !important;background-position:0 0;width:40px;height:40px;} #main div.programs.dtv_package div.program_details div.player_icon{top:105px;left:153px;} #main div.programs div.program_details{height:186px;overflow:hidden;} #main div.programs div.program_details.large_movie{height:357px !important;} /* Remove .player_20100701 and special handling for h3 and div.copy after rollout of new player!*/ #main div.programs div.program_details.player_20100701.large_movie div.details{display:none;} #main div.programs div.program_details.large_movie div.details h3,#main div.programs div.program_details.large_movie div.details div.copy{display:none;} #main div.programs.dtv_package div.program_details{height:242px;} #main div.programs div.program_details.no_flash, #main div.programs.dtv_package div.program_details.no_flash{height:186px;} #main div.programs div.program_details div.details img, #main div.programs div.program_details .movie_wrapper{float:left;margin:0 10px 0 0;} #main div.programs div.program_details img{display:none;} #main div.programs div.program_details.no_flash img{display:block;width:230px;} #main div.programs div.program_details.no_flash .movie_wrapper{display:none;} #main div.programs div.program_details h3{margin:0 10px 5px 0;font-weight:bold;font-family:Arial;} #main div.programs div.program_details div.copy{margin:0;} #main div.programs div.program_details div.copy p{color:#666;} #main div.programs div.program_details div.copy a{margin-left:0;} * html #main div.programs div.program_details a{display:inline-block;} *+html #main div.programs div.program_details a{display:inline-block;} #main div.programs div.program_categories{clear:both;padding:5px 0 0;border-top:1px dotted #666;} * html #main div.programs div.program_categories{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left top;}/*dotted line for IE6*/ #main div.programs div.program_categories ul{margin:0 10px !important;} #main div.programs div.program_categories ul li{float:left;padding:0 10px 0 0;background:none;white-space:nowrap;} #main div.programs div.program_categories input{float:left;} #main div.programs div.program_categories label{float:left;padding-left:5px;color:#666;line-height:2em;} #main div.programs div.program_list{position:relative;margin:5px 0 0 8px;width:470px;overflow:hidden;} #main div.programs div.program_list ul{margin:0 0 20px 0;} #main div.programs div.program_list ul li{position:relative;float:left;margin:0 4px 4px 0;padding:0 !important;border:1px solid #00a0e0;background:#fff;width:72px;height:48px;overflow:hidden;} #main div.programs div.program_list ul li.selected{border-color:#666;} #main div.programs div.program_list ul li.hidden{display:none;} #main div.programs div.program_list ul li img{margin:1px;} * html #main div.programs div.program_list ul li img.small{behavior:url("/javascripts/iepngfix.htc");} #main div.programs div.program_list ul li div.details{display:none;} #main div.programs div.program_list ul li div.program_overlay{visibility:hidden;position:absolute;left:1px;top:1px;background-image:url("/images/backgrounds/hover.png");width:70px;height:46px;} #main div.programs div.program_list ul li.hover div.program_overlay{visibility:visible;background-image:url("/images/backgrounds/hover.png");cursor:pointer;} #main div.programs div.program_list ul li.selected div.program_overlay{visibility:visible;background-image:url("/images/backgrounds/selected.png");cursor:default;} * html #main div.programs div.program_list ul li div.program_overlay{behavior:url("/javascripts/iepngfix.htc");} /* 3.5.6 Main - Analog TV Programs */ #main div.analog_programs {background:none;} #main div.analog_programs div.program_categories{margin:0 0 10px;padding:10px 0 ;border-top:none;border-bottom:1px dotted #666;background-color:#f0f0f0 !important;} * html #main div.analog_programs div.program_categories{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ #main div.analog_programs div.program_list div.copy{margin:0 0 10px;padding:0 0 10px;border-bottom:1px dotted #b2b2b2;} * html #main div.analog_programs div.program_list div.copy{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ #main div.analog_programs div.program_list img{float:left;margin:0 0 10px;border:1px solid #b2b2b2;} #main div.analog_programs div.program_list h5, #main div.analog_programs div.program_list p{margin:0 0 5px 90px !important;} #main .truncate .hidden{display:none;} /* 3.5.7 Main - Lists */ #main div.wrapper ul.faqs{margin-bottom:20px;border-bottom:1px dotted #a2a2a2;} * html #main div.wrapper ul.faqs{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;} #main div.wrapper ul.faqs li{margin:0 0 0;padding:6px 0 6px 18px;background:transparent url("/images/elements/el_arrowlink.png") no-repeat -71px -125px;border-top:1px dotted #a2a2a2;} * html #main div.wrapper ul.faqs li{border:none;background:transparent url("/images/elements/el_hline_faqs.png") no-repeat left top;} #main div.wrapper ul.faqs li a{font-size:11px;line-height:normal;font-weight:bold;} #main div.wrapper h5.anchor_headline{margin:30px 10px 5px;color:#000142;} #main div.wrapper h5.anchor_headline a{float:right;display:block;background:transparent url("/images/elements/el_arrowlink.png") no-repeat -10px -39px;width:20px;height:15px;text-decoration:none;} #main div.wrapper ul.links li,div#extra ul.links li{margin:0 0 0 !important;padding:0 0 4px 18px !important;background:transparent url("/images/elements/el_arrowlink.png") no-repeat -71px -133px !important;line-height:14px;} #main div.wrapper ul.links{margin-bottom:20px;} div#extra ul.links{margin-bottom:6px;} /* 3.5.8 Main - Tables */ #main div.wrapper table{margin:5px 0 20px;} #main div.wrapper div.infobox table{margin-top:10px;} #main div.wrapper table th{vertical-align:top;padding:3px 10px;font-size:13px;line-height:normal;} #main div.wrapper table td{vertical-align:top;padding:5px 10px;} #main div.wrapper table.width_100, #main div.wrapper table .width_100{width:100%;} #main div.wrapper table.width_80, #main div.wrapper table .width_80{width:80%;} #main div.wrapper table.width_60, #main div.wrapper table .width_60{width:60%;} #main div.wrapper table.width_40, #main div.wrapper table .width_40{width:40%;} #main div.wrapper table.width_20, #main div.wrapper table .width_20{width:20%;} #main div.wrapper table .highlight{color:#000142 !important;} #main div.wrapper table .center{text-align:center;} #main div.wrapper table .right{text-align:right;} #main div.wrapper table .middle{vertical-align:middle !important;} #main div.wrapper table td div.copy{margin:0 !important;} #main div.wrapper table td p{margin:0 0 5px;color:#666;} #main div.wrapper table .highlight{color:#000142 !important;} #main div.wrapper table .highlight p{color:#000142 !important;} #main div.wrapper table h1, #main div.wrapper table h2, #main div.wrapper table h3, #main div.wrapper table h4, #main div.wrapper table h5{margin:0 0 5px !important;border:none;background:none;height:auto;color:#000142 !important;font-weight:bold;font-size:15px;line-height:normal;letter-spacing:0;white-space:normal;} #main div.wrapper table h4{font-size:13px !important;} #main div.wrapper table h5{font-size:11px !important;} #main div.wrapper table td strong{font-weight:bold;} #main div.wrapper table td ul{margin:0 0 0;} #main div.wrapper table td ul li{background-position:-412px -407px;}/*grey icon*/ /* 3.5.8.1 Main - Styled table with standard or highlighted columns */ #main div.wrapper table.styled{margin:5px 10px 20px;width:485px;} #main div.wrapper table.styled th{border-bottom:1px dotted #a2a2a2;background-color:#e1e1e1;font-size:13px;line-height:25px;}/*default*/ #main div.wrapper table.styled th img{margin-top:8px;} #main div.wrapper table.styled td{border:1px dotted #a2a2a2;border-width:0 0 1px 1px;} * html #main div.wrapper table.styled th{border-bottom:1px solid #bfbfbf !important;} * html #main div.wrapper table.styled td{border:1px solid #bfbfbf !important;border-width:0 0 1px 1px !important;}#main div.wrapper table.styled td.highlight{background-color:#f6f6f6;font-weight:bold;font-size:15px;} #main div.wrapper table.styled td.overview{border-left:none !important;} /* 3.5.8.2 Main - Table with Voucher and Provision Rates */ #main div.wrapper table.styled td.details{padding:15px 10px 15px 20px;} #main div.wrapper table.styled td.voucher, #main div.wrapper table.styled td.provision{vertical-align:middle;text-align:center;border-left:none;background:#f6f6f6 url("/images/prices/pr_vouchers.png") no-repeat 10px 50%;width:115px;color:#000142;font-weight:bold;font-size:13px;letter-spacing:-0.05em;} #main div.wrapper table.styled td.provision{background-image:url("/images/prices/pr_provisions.png");} #main div.wrapper table.styled td.euro_50{background-position:37px 50%;} #main div.wrapper table.styled td.euro_45{background-position:-113px 50%;} #main div.wrapper table.styled td.euro_40{background-position:-263px 50%;} #main div.wrapper table.styled td.euro_35{background-position:-413px 50%;} #main div.wrapper table.styled td.euro_30{background-position:-563px 50%;} #main div.wrapper table.styled td.euro_25{background-position:-713px 50%;} #main div.wrapper table.styled td.euro_20{background-position:-863px 50%;} #main div.wrapper table.styled td.euro_15{background-position:-1013px 50%;} #main div.wrapper table.styled td.euro_10{background-position:-1163px 50%;} #main div.wrapper table.styled td span.products{display:block;margin-bottom:5px;background:transparent url("/images/elements/el_products.png") no-repeat 0 0;width:70px;height:20px;}/*default*/ #main div.wrapper table.styled td span.pkg_internet_phone_tv{background-position:0 0;} #main div.wrapper table.styled td span.pkg_internet_phone{background-position:0 -30px;} #main div.wrapper table.styled td span.pkg_internet{background-position:0 -60px;} #main div.wrapper table.styled td span.pkg_phone_tv{background-position:0 -90px;} #main div.wrapper table.styled td span.pkg_tv{background-position:0 -120px;} #main div.wrapper table.styled td span.pkg_phone{background-position:0 -150px;} #main div.wrapper table.styled td span.internet{background-position:0 0;width:23px;} #main div.wrapper table.styled td span.phone{background-position:-23px -150px;width:23px;} #main div.wrapper table.styled td span.tv{background-position:-46px -120px;width:25px;} #main div.wrapper table.styled td.voucher span, #main div.wrapper table.styled td.provision span{display:none;} #main div.wrapper table.styled td.voucher span strong, #main div.wrapper table.styled td.provision span strong{display:block;font-size:26px;line-height:28px;} /* 3.5.8.3 Main - Table with Job Vacancies */ #main div.wrapper table.styled th.city, #main div.wrapper table.styled th.date{text-align:center;} #main div.wrapper table.styled tr.hidden{display:none;} #main div.wrapper table.styled td{padding-bottom:15px;} #main div.wrapper table.styled td.job{border-left:none;} #main div.wrapper table.styled td.job p{margin:0 0 0;padding-left:15px;} #main div.wrapper table.styled td.job a{background-position:0 -240px;} #main div.wrapper table.styled td.city, #main div.wrapper table.styled td.date{width:80px;text-align:center;} /* 3.5.8.4 Main - Article / Plain Copy Text */ #main div.wrapper div.article h3{clear:both;margin:0 10px 10px;color:#000142;font-weight:bold;font-size:18px;} body.press #main div.wrapper div.article h3 { font-family: Arial,Helvetica,sans-serif; } #main div.wrapper div.article h4{margin:0 10px 16px;color:#000142;font-weight:bold;font-size:13px;line-height:16px;} #main div.wrapper div.article h5{margin:0 10px 5px;font-weight:bold;font-size:11px;line-height:16px;} #main div.wrapper div.article p{margin:0 10px 16px;color:#000142;} #main div.wrapper div.article div.intro{margin:0 10px;} #main div.wrapper div.article div.intro h4, #main div.wrapper div.article div.intro h5{margin:0 0 5px;} #main div.wrapper div.article div.copy h1, #main div.wrapper div.article div.copy h2, #main div.wrapper div.article div.copy h3, #main div.wrapper div.article div.copy h4, #main div.wrapper div.article div.copy h5, #main div.wrapper div.article div.copy h6{margin:0 0 5px;font-weight:bold;font-size:11px;line-height:16px;height:auto;border:none;padding:0;} #main div.wrapper div.article div.copy dd { margin: 0; } #main div.wrapper div.article ul li,#main div.wrapper div.article ol li{background-position:-412px -407px;}/*grey icon*/ #main div.wrapper div.article div.copy h5{margin:0 0 5px;} #main div.wrapper div.article div.copy{clear:both;} #main div.wrapper div.article div.copy img, #main div.wrapper div.article div.visual_left img{float:left; margin:0 10px 16px 0;} #main div.wrapper div.article div.visual_right img{float:right; margin:0 0 16px 10px;} #main div.wrapper div.article div.copy p{margin:0 0 16px;color:#666;} #main div.wrapper div.article ul#article_links{float:right;} #main div.wrapper div.article ul#article_links li{display:inline;padding:0 0 0 5px;background:transparent url("/images/elements/el_vline.png") no-repeat 0 50%;} #main div.wrapper div.article ul#article_links li.first{background:none;} #main div.wrapper div.article div.packages{margin:0 10px 5px;padding:15px 0 0 0;background:transparent url("/images/backgrounds/bg_productinfo.png") repeat-x left top;} #main div.wrapper div.article div#article_footer{margin:0 10px 30px;padding-top:10px;border-top:1px dotted #898989;} * #main div.wrapper div.article div#article_footer{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x 0 0;} #main div.wrapper div.article div#article_footer h4{color:#666;} #main div.wrapper div.article div#article_footer h5{margin-left:0;} #main div.wrapper div.article div#article_footer div.copy{margin:0 0 0;} #main div.wrapper div.article div#article_footer address{display:block;float:left;width:48%;} #main div.wrapper div.article div#article_footer address a{color:#666;text-decoration:underline;} /* 3.5.9 Main - Telefon Options */ #main div.wrapper div.infobox div.tabcontent ul.options{clear:left;margin:0 0 16px;} /*edit*/ #main div.wrapper div.infobox div.tabcontent ul.options li{float:left;padding:0 !important;width:166px;background:none;} #main div.wrapper div.infobox div.tabcontent ul.options li h4{margin-bottom:0;} #main div.wrapper div.infobox div.tabcontent ul.options li div.copy p{margin:0 0 5px;} #main div.wrapper div.infobox div.tabcontent ul.options li img{margin:0 10px;} /* 3.5.10 Main - Subnavigation and Pagination */ #main div#subnavi, #main div#pagination{margin:0 0 30px;padding:5px 0;border:1px dotted #898989;border-width:1px 0;} * html #main div#pagination, * html #main div#subnavi{border:none;background:transparent url("/images/elements/el_hline_pagination.png") repeat-x left center;}/*dotted line for IE6*/ #main div#subnavi ul{margin:0 10px;padding:0;width:485px;} #main div#subnavi ul li{float:left;display:block;margin:0;padding:0;background-image:none;width:33%;} #main div#subnavi ul li.back{text-align:center;} #main div#subnavi ul li.next{float:right;text-align:right;} #main div#pagination{text-align:right;} #main div#pagination ul{display:inline;margin:0 10px;} #main div#pagination ul li{display:inline;margin:0 0 0;padding:0 4px 0 8px;background:none;border-left:1px solid #898989;} #main div#pagination ul li.first{border:none;} #main div#pagination ul li.selected a{color:#666;} #main div.hidePager { display:none;} #main div.showPager { display:block;} /* 3.5.11 Main - Configurator for Combi Packages (version 20100901) #configurator_wrapper div.infobox div.tabcontent ul{float:none !important;margin-right:0 !important;width:auto !important;} #configurator_wrapper div.configurator_packages{position:relative;z-index:1;margin:0 0 30px;padding:0 0 10px;background:transparent url("/images/backgrounds/bg_configurator_gradient.png") repeat-x 0 0;} #configurator_wrapper div.configurator_packages h3{margin:0 0 0 100px;background:transparent url("/images/headlines/hl_configurator.png") no-repeat 0 0;height:28px;} #configurator_wrapper div.configurator_packages h3 span{display:none;} #configurator_wrapper div.configurator_packages .col{z-index:3;float:left;position:relative;margin:0 4px 0 0;padding:0;height:380px;width:96px;} #configurator_wrapper div.configurator_packages fieldset.col{z-index:2;background:#fff url("/images/backgrounds/bg_configurator_packages_20100610.png") no-repeat 3px 3px;border:1px solid #b0b0b0;width:130px;} #configurator_wrapper div.configurator_packages fieldset.basic{background-position:3px 3px;} #configurator_wrapper div.configurator_packages fieldset.wunschpaket{background-position:-127px 3px;} #configurator_wrapper div.configurator_packages fieldset.komplettpaket{background-position:-257px 3px;margin-right:13px;} #configurator_wrapper div.configurator_packages fieldset.individual{z-index:4;background-position:-386px 3px;width:142px;margin-right:0;} #configurator_wrapper div.configurator_packages fieldset.col h4{display:none;} #configurator_wrapper div.configurator_packages fieldset.individual h4{display:block;margin:10px 10px 20px;font-size:12px;line-height:16px;font-weight:normal;letter-spacing:normal;text-align:center;} #configurator_wrapper div.configurator_packages fieldset.individual .formRow{width:45px;overflow:hidden;} #configurator_wrapper div.configurator_packages .categories{position:absolute;left:0;top:83px;background:transparent url("/images/headlines/hl_configurator.png") no-repeat 0 -70px;width:95px;height:135px;} #configurator_wrapper div.configurator_packages fieldset.col p{color:#666;text-align:center;} #configurator_wrapper div.configurator_packages fieldset.col p.info{position:absolute;left:0;top:225px;width:125px;color:#666;} #configurator_wrapper div.configurator_packages fieldset.col sup{font-size:10px;color:#666 !important;} #configurator_wrapper div.configurator_packages fieldset.komplettpaket sup.footnote_bandwidth{position:absolute;left:85px;top:60px;} #configurator_wrapper div.configurator_packages .order{position:absolute;left:0;top:270px;background:transparent url("/images/headlines/hl_configurator.png") no-repeat 27px -220px;width:130px;height:100px;} #configurator_wrapper div.configurator_packages .order p{margin:50px 8px 0;font-size:14px;color:#666;text-align:center;} * html #configurator_wrapper div.configurator_packages .order p{margin:45px 8px 5px;} *+html #configurator_wrapper div.configurator_packages .order p{margin:45px 8px 5px;} #configurator_wrapper div.configurator_packages .order span{text-decoration:line-through;font-size:18px;font-weight:bold;} #configurator_wrapper div.configurator_packages .order sup.footnote{position:absolute;top:-2px;left:88px;width:10px;height:10px;color:#000142;font-size:10px;} #configurator_wrapper div.configurator_packages .order span.price{display:none;text-decoration:none;} #configurator_wrapper div.configurator_packages .order input.order_now{float:left;margin:5px 8px 0;background:transparent url("/images/buttons/bt_configurator.png") no-repeat 0 0;width:115px;height:25px;cursor:pointer;} #configurator_wrapper div.configurator_packages fieldset.basic .order{background-position:27px -220px;} #configurator_wrapper div.configurator_packages fieldset.wunschpaket .order{background-position:-103px -220px;} #configurator_wrapper div.configurator_packages fieldset.komplettpaket .order{background-position:-233px -220px;} #configurator_wrapper div.configurator_packages fieldset.individual .order span.price span{display:none;} #configurator_wrapper div.configurator_packages fieldset.individual .formRow{position:relative;margin:0 0 0 85px;padding:0;height:47px;} #configurator_wrapper div.configurator_packages fieldset.individual input{position:absolute;left:0;top:0;z-index:1;} #configurator_wrapper div.configurator_packages fieldset.individual label{position:relative;display:block;float:left;width:20px;height:20px;} #configurator_wrapper div.configurator_packages fieldset.individual label span{display:none;} #configurator_wrapper div.configurator_packages fieldset.individual label span.active{position:absolute;left:0;top:0;z-index:2;display:block;background:#fff url("/images/headlines/hl_configurator.png") no-repeat -499px -70px;width:20px;height:20px;} #configurator_wrapper div.configurator_packages fieldset.individual label.active span.active{background-position:-539px -70px;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info{top:200px;margin:0 10px;color:#000142;text-align:center;font-size:12px;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info h5{margin:-6px 0 10px;color:#fff;font-weight:normal;line-height:14px;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info h5 strong{margin-bottom:-4px;display:block;color:#000142;font-weight:normal;} * html #configurator_wrapper div.configurator_packages fieldset.individual .product_info h5 strong{margin-bottom:0;} *+html #configurator_wrapper div.configurator_packages fieldset.individual .product_info h5 strong{margin-bottom:0;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info h5 span{font-weight:bold;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info span.price{display:block;margin:0 0 20px;background:transparent url("/images/prices/pr_configurator.png") no-repeat 50% 5px;width:120px;height:60px;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info span.price_2000{background-position:50% 5px !important;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info span.price_1500{background-position:50% -115px !important;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info span.price_390{background-position:50% -55px!important;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info span.price span{display:none;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info p{margin:0 0 10px;color:#666;font-size:12px;line-height:14px;text-align:center;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info p.default{position:absolute;left:0;top:300px;margin:0 5px;width:132px;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info p.next_step{position:absolute;left:0;top:280px;margin:0 5px;width:132px;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info p.next_step strong{display:block;margin:4px 0;font-size:14px;line-height:16px;} #configurator_wrapper div.configurator_packages fieldset.individual .product_info p.next_step span.info{display:block;font-size:9px;line-height:11px;} #configurator_wrapper div.configurator_packages fieldset.individual .order_link{position:absolute;top:350px;left:40px;} #configurator_wrapper div.configurator_packages fieldset.individual .order_link #start_order_link{font-size:12px;} #configurator_wrapper div.product_info{display:none;} div.show_default div.default{display:block !important;} div.show_internet div.internet{display:block !important;} div.show_telefon div.telefon{display:block !important;} div.show_fernsehen div.fernsehen{display:block !important;} div.show_internet_telefon div.internet_telefon{display:block !important;} div.show_internet_fernsehen div.internet_fernsehen{display:block !important;} div.show_telefon_fernsehen div.telefon_fernsehen{display:block !important;} div.show_internet_telefon_fernsehen div.internet_telefon_fernsehen{display:block !important;} #configurator_wrapper span.trigger_info_layer{position:absolute;left:8px;top:0;display:block;width:80px;height:25px;background:transparent url("/images/elements/el_arrowlink.png") no-repeat 72px -199px;cursor:pointer;} #configurator_wrapper span.trigger_info_layer span{display:none;} #configurator_wrapper .categories span.internet{top:8px;} #configurator_wrapper .categories span.telefon{top:56px;} #configurator_wrapper .categories span.fernsehen{top:102px;} #configurator_wrapper div.hidden{display:none;} #configurator_wrapper div.info_layer{z-index:10;position:absolute;left:98px;top:0;width:270px;height:200px;} * html #configurator_wrapper div.info_layer{width:265px;} #configurator_wrapper div.info_layer_wrapper{padding:0 25px 20px 15px;background:transparent url("/images/backgrounds/bg_info_layer.png") no-repeat 0 100%;} * html #configurator_wrapper div.info_layer_wrapper{padding:10px 10px 5px 15px;background:#fff;border:1px solid #898989;} #configurator_wrapper div.info_layer_top{background:transparent url("/images/backgrounds/bg_info_layer_plaintop.png") no-repeat 0 0;width:270px;height:10px;} * html #configurator_wrapper div.info_layer_top{display:none;} #configurator_wrapper div.info_layer_arrow{position:absolute;left:-9px;top:8px;background:transparent url("/images/elements/el_info_layer_arrow.png") no-repeat 0 0;width:10px;height:19px;} #configurator_wrapper #info_layer_internet div.info_layer_arrow{top:8px;} #configurator_wrapper #info_layer_telefon div.info_layer_arrow{top:56px;} #configurator_wrapper #info_layer_fernsehen div.info_layer_arrow{top:102px;} #configurator_wrapper div.info_layer h5{margin:0 0 2px;font-weight:bold;color:#000142} #configurator_wrapper div.info_layer h5 span{font-weight:normal;} #configurator_wrapper div.info_layer p{margin:0 0 10px;color:#666;font-size:11px;line-height:14px;} #configurator_wrapper div.info_layer .internet_info{margin:0 0 0 5px;background:transparent url("/images/visuals/vs_configurator_internet_info.png") no-repeat 0 5px;width:215px;height:116px;} #configurator_advantages {margin:0 10px;} #configurator_advantages h4{background:transparent url("/images/headlines/hl_configurator.png") no-repeat 0 -307px;width:230px;height:70px;color:#000142;} #configurator_advantages h4 span{display:none;} #configurator_advantages div.visual{float:right;margin:0 0 0 10px;background:transparent url("/images/visuals/vs_configurator_tuv2010.png") no-repeat 0 0;width:315px;height:195px;} #configurator_advantages ul li{font-size:12px;background-position:-411px -407px;} * html #configurator_advantages ul li{display:inline-block;background-position:-411px -406px;} *+html #configurator_advantages ul li{background-position:-411px -406px;} */ div.wrapper #footnotes div.footnotes{padding-left:15px;padding-right:0;} div.wrapper #footnotes div.footnotes div.copy p{color:#666;} /* 3.5.11 Main - Configurator for Combi Packages (version 20100901) */ body.twoColNoTeaser #main{margin-right:0;width:740px;} body.twoColNoTeaser #main div.wrapper{padding:0;background:none;min-height:0;} body.twoColNoTeaser #main div.wrapper div.article div.copy.visual_right{padding-top:10px;} body.twoColNoTeaser #extra{display:none;} body.twoColNoTeaser #main div.infobox{float:left;margin-right:15px;width:488px;} /* edit body.twoColNoTeaser #main div.infobox div.tabcontent{background-image:url("/images/backgrounds/bg_infobox_two_col_no_teaser.png");} */ body.twoColNoTeaser #main div.infobox div.tabcontent ul{float:none !important;margin-right:0 !important;width:auto !important;} body.combi #configurator_wrapper fieldset .trigger_info_layer .info_layer{height:auto;min-height:25px;} body.combi #main div.combi_products_configurator .hidden{display:none;} body.combi #main div.combi_products_configurator{margin:0 0 30px;padding:0 10px 10px;background:transparent url("/images/backgrounds/bg_configurator_gradient.png") repeat-x 0 0;color:#666;} body.combi #main div.combi_products_configurator p{color:#666;} body.combi #main div.combi_products_configurator form{padding:2px;width:98%;background:transparent url("/images/backgrounds/bg_conf_form.png") no-repeat 0 0;} /* Teaser */ body.combi #main #teaser{display:inline-block;margin-left:10px;} body.combi #main #teaser .hidden{display:none;} body.combi #main #teaser fieldset{position:relative;background:transparent url("/images/teaser/ts_conf.png") no-repeat 0 0;width:227px;height:306px;} body.combi #main #teaser fieldset#teaser_32{background-position:0 0;height:251px;} body.combi #main #teaser fieldset#teaser_32High{background-position:-250px 0;height:295px;} body.combi #main #teaser fieldset#teaser_64HDAll{background-position:-500px 0;} body.combi #main #teaser fieldset#teaser_64HDAllPlus{background-position:-750px 0;} body.combi #main #teaser fieldset#teaser_64HDAllHD{background-position:-1000px 0;} body.combi #main #teaser fieldset#teaser_64HDAllHDPlus{background-position:-1250px 0;} body.combi #main #teaser fieldset#teaser_128HDAllHDPlus{background-position:-1500px 0;} body.combi #main #teaser input.button{position:absolute;right:18px;bottom:20px;} /* Product Catagories*/ body.combi #main .mbox input.button{background:url("/images/buttons/bt_configurator_mbox.png") no-repeat 0 0;} /* only needed for Upload in OpenText */ body.combi #main .mbox input.button{background:url("/images/buttons/bt_bundle3Play_ab2830.jpg") no-repeat 0 0;} /* only needed for Upload in OpenText */ body.combi #main div.combi_products_configurator fieldset{float:left;position:relative;background:transparent url("/images/backgrounds/bg_conf_categories.png") no-repeat 0 0;height:245px;width:150px;} body.combi #main div.combi_products_configurator fieldset.internet{background-position:0 0;} body.combi #main div.combi_products_configurator fieldset.phone{background-position:-150px 0;} body.combi #main div.combi_products_configurator fieldset.tv{margin-right:30px;background-position:-300px 0;} body.combi #main div.combi_products_configurator fieldset h3{margin:55px 10px 0;background:transparent url("/images/headlines/hl_conf_products.png") no-repeat 0 0;width:120px;height:122px;} body.combi #main div.combi_products_configurator fieldset h3 span{display:none;} body.combi #main div.combi_products_configurator fieldset.internet h3{background-position:-1695px 0;} body.combi #main div.combi_products_configurator fieldset.phone h3{background-position:-1825px 0;} body.combi #main div.combi_products_configurator fieldset.tv h3{background-position:-1955px 0;} body.combi #main .internet-16 div.combi_products_configurator fieldset.internet h3{background-position:-5px 0;} body.combi #main .internet-32 div.combi_products_configurator fieldset.internet h3{background-position:-135px 0;} body.combi #main .internet-64 div.combi_products_configurator fieldset.internet h3{background-position:-265px 0;} body.combi #main .internet-128 div.combi_products_configurator fieldset.internet h3{background-position:-2345px 0;} body.combi #main .telefon-flat div.combi_products_configurator fieldset.phone h3{background-position:-395px 0;} body.combi #main .telefon-plus div.combi_products_configurator fieldset.phone h3{background-position:-525px 0;} body.combi #main .digitaltv-basic div.combi_products_configurator fieldset.tv h3{background-position:-655px 0;} body.combi #main .hdbox div.combi_products_configurator fieldset.tv h3{background-position:-785px 0;} body.combi #main .digitaltv-highlights div.combi_products_configurator fieldset.tv h3{background-position:-915px 0;} body.combi #main .hdbox-digitaltv-highlights div.combi_products_configurator fieldset.tv h3{background-position:-1175px 0;} body.combi #main .highlights-hd div.combi_products_configurator fieldset.tv h3{background-position:-1435px 0;} body.combi #main .digitaltv-allstars div.combi_products_configurator fieldset.tv h3{background-position:-1045px 0;} body.combi #main .hdbox-digitaltv-allstars div.combi_products_configurator fieldset.tv h3{background-position:-1305px 0;} body.combi #main .allstars-hd div.combi_products_configurator fieldset.tv h3{background-position:-1565px 0;} body.combi #main div.combi_products_configurator fieldset span.footnote{position:absolute;right:53px;top:136px;color:#666;font-size:10px;line-height:normal;} body.combi #main div.combi_products_configurator fieldset.default span.footnote{display:none;} /* Product Catagories - Link */ body.combi #main div.combi_products_configurator fieldset a.options{display:block;position:absolute;bottom:10px;color:#fff;text-decoration:none;background:transparent url("/images/elements/el_conf_link.png") no-repeat 5px 0;width:140px;height:20px;} body.combi #main div.combi_products_configurator fieldset a.options span{display:none;} body.combi #main div.combi_products_configurator fieldset a.internet{background-position:5px 0;} body.combi #main div.combi_products_configurator fieldset a.phone{background-position:5px -65px;} body.combi #main div.combi_products_configurator fieldset a.tv{background-position:5px -130px;} body.combi #main div.combi_products_configurator fieldset.open a.internet{background-position:7px -30px;} body.combi #main div.combi_products_configurator fieldset.open a.phone{background-position:7px -95px;} body.combi #main div.combi_products_configurator fieldset.open a.tv{background-position:7px -160px;} /* Product Catagories - HD Box*/ body.combi #main div.combi_products_configurator fieldset label.hd{display:block;margin:0 10px;background:transparent url("/images/headlines/hl_conf_products.png") no-repeat -2111px -40px;width:120px;height:25px;} body.combi #main div.combi_products_configurator fieldset .active label.hd, #main .hd div.combi_products_configurator fieldset label.hd{background-position:-2111px -70px;} /* Basket*/ body.combi #main div.combi_products_configurator fieldset.basket{background:#fff;height:auto;width:225px;color:#000142;-webkit-box-shadow: 0 0 5px #999;-moz-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;} * html body.combi #main div.combi_products_configurator fieldset.basket{border:1px solid #ddd;} *+html body.combi #main div.combi_products_configurator fieldset.basket{border:1px solid #ddd;} body.combi #main div.combi_products_configurator fieldset.basket .content{position:relative;margin:0 15px 15px;padding-top:10px;} body.combi #main div.combi_products_configurator fieldset.basket .row{padding:5px 0;border-top:1px dotted #000142;} * html body.combi #main div.combi_products_configurator fieldset.basket .row{border:none;background:transparent url("/images/elements/el_hline.png") repeat-x left top;} body.combi #main div.combi_products_configurator fieldset.basket .order{padding-top:10px;text-align:right;} body.combi #main div.combi_products_configurator fieldset.basket h3{margin:15px 15px 0;background:transparent url("/images/headlines/hl_conf_products.png") no-repeat -2140px 0;width:auto;height:20px;} body.combi #main div.combi_products_configurator fieldset.basket .price{position:relative;margin-bottom:10px;color:#666;} body.combi #main div.combi_products_configurator fieldset.basket .price span{position:absolute;right:15px;color:#000142;} * html body.combi #main div.combi_products_configurator fieldset.basket .price span{right:20px;} body.combi #main div.combi_products_configurator fieldset.basket .total_price{position:relative;padding-top:20px;padding-right:5px;background:transparent url("/images/elements/el_conf_special.png") no-repeat -1000px 0;height:50px;text-align:right;} body.combi #main div.combi_products_configurator fieldset.basket .bester_preis{background-position:0 0;} body.combi #main div.combi_products_configurator fieldset.basket .alles_inklusive{background-position:0 -100px;} body.combi #main div.combi_products_configurator fieldset.basket .bestes_angebot{background-position:0 -200px;} body.combi #main div.combi_products_configurator fieldset.basket .maximales_erlebnis{background-position:0 -300px;} body.combi #main div.combi_products_configurator fieldset.basket .volles_entertainment{background-position:0 -400px;} body.combi #main div.combi_products_configurator fieldset.basket .guenstigster_preis{background-position:0 -500px;} body.combi #main div.combi_products_configurator fieldset.basket .volles_entertainment_in_hd{background-position:0 -601px;} body.combi #main div.combi_products_configurator fieldset.basket .maximales_erlebnis_in_hd{background-position:0 -700px;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.price{display:block;margin-left:55px;background:transparent url("/images/prices/pr_conf_products.png") no-repeat 0 -100px;width:125px;height:40px;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.ab_3_90{background-position:0 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_6{background-position:-130px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_7{background-position:-260px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_12{background-position:-390px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_15{background-position:-520px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_17{background-position:-4550px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_19{background-position:-650px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_20{background-position:-780px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_24{background-position:-4680px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_25{background-position:-910px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_30{background-position:-1040px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_31{background-position:-1170px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_32{background-position:-1300px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_35{background-position:-1430px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_36{background-position:-1560px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_37{background-position:-1690px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_40{background-position:-1820px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_42{background-position:-4420px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_44{background-position:-1950px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_45{background-position:-2080px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_46{background-position:-2210px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_47{background-position:-2340px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_49{background-position:-2470px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_50{background-position:-4810px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_51{background-position:-2600px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_52{background-position:-2730px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_54{background-position:-4940px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_57{background-position:-2860px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_60{background-position:-6370px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_62{background-position:-5070px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_65{background-position:-6500px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_66{background-position:-5200px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_67{background-position:-5330px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_71{background-position:-5460px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_72{background-position:-5590px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_75{background-position:-5720px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_77{background-position:-5850px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_79{background-position:-5980px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_80{background-position:-2990px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_82{background-position:-6110px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_84{background-position:-6240px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_85{background-position:-3120px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_86{background-position:-3250px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_87{background-position:-3380px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_89{background-position:-6630px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_91{background-position:-3510px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_92{background-position:-3640px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_95{background-position:-3770px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_97{background-position:-3900px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_99{background-position:-4030px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_100{background-position:-4160px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.fuer_104{background-position:-4290px 0;} body.combi #main div.combi_products_configurator fieldset.basket .total_price span.footnote{left:170px;right:auto;top:2px;color:#666;letter-spacing:-0.05em;} * html body.combi #main div.combi_products_configurator fieldset.basket .total_price span.footnote{left:178px;} *+html body.combi #main div.combi_products_configurator fieldset.basket .total_price span.footnote{left:178px;} body.combi #main div.combi_products_configurator fieldset.basket .special span{position:absolute;right:0;text-decoration:line-through;color:#000142;} body.combi #main div.combi_products_configurator fieldset.basket .change label{display:block;padding-top:2px;color:#000142;font-weight:bold;margin-left:-4px;} body.combi #main div.combi_products_configurator fieldset.basket .campaign{position:relative;} body.combi #main div.combi_products_configurator fieldset.basket .trigger_info_layer{position:relative;height:11px;background-position:8px -201px;} * html body.combi #main div.combi_products_configurator fieldset.basket .trigger_info_layer{display:inline;} *+html body.combi #main div.combi_products_configurator fieldset.basket .trigger_info_layer{display:inline;} body.combi #main div.combi_products_configurator fieldset.basket .trigger_info_layer .info_layer{top:-27px;} body.combi #main div.combi_products_configurator fieldset.basket .message{padding:10px 0;font-size:12px;color:#666;} body.combi #main div.combi_products_configurator fieldset.basket .message strong{display:block;} body.combi #main div.combi_products_configurator fieldset.basket .message .hotline{margin:10px 0;background:transparent url("/images/headlines/hl_conf_products.png") no-repeat -2080px -20px;width:165px;height:20px;font-size:18px;} body.combi #main div.combi_products_configurator fieldset.basket .message .fees{font-size:10px;line-height:12px !important;} #lightbox_overlay{z-index:90;position:absolute;left:0;top:0;width:100%;height:500px;background-color:#000;opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);} #lightbox_overlay.hidden{display:none;} #main .lightbox{position:absolute;} #main div.combi_products_configurator .lightbox{left:141px;bottom:4px;padding:0 0 1px;width:200px;} #main div.combi_products_configurator .internet .lightbox{background:#43b8f8;} #main div.combi_products_configurator .phone .lightbox{background:#6bb83d;} #main div.combi_products_configurator .tv .lightbox{background:#f7374f;} #main div.combi_products_configurator .lightbox ul{margin:3px 3px 0;background:#fb798d;} #main div.combi_products_configurator .lightbox ul li{position:relative;margin:0 0 1px;padding:8px 5px;background:transparent url("/images/backgrounds/bg_conf_options.png") repeat-x 0 0;border-bottom:1px solid #bc3d4f;font-size:12px;} #main div.combi_products_configurator .lightbox ul li.active{background:#fff;} #main div.combi_products_configurator .internet .lightbox ul{background-color:#8cd5fc;} #main div.combi_products_configurator .internet .lightbox ul li{border-color:#4c96bd;} #main div.combi_products_configurator .tv .lightbox ul{background-color:#fb798d;} #main div.combi_products_configurator .tv .lightbox ul li{border-color:#b93a4f;} #main div.combi_products_configurator .phone .lightbox ul{background-color:#a2d385;} #main div.combi_products_configurator .phone .lightbox ul li{border-color:#639346;} #main div.combi_products_configurator .lightbox h4{margin:0 3px 5px;width:140px;font-size:12px;line-height:normal;font-weight:bold;letter-spacing:normal;} *+html #main div.combi_products_configurator .phone .lightbox h4{height:16px;overflow:hidden;} *+html #main div.combi_products_configurator .tv .lightbox h4{height:16px;overflow:hidden;} #main div.combi_products_configurator .lightbox label{color:#00a0e0;font-weight:normal;} #main div.combi_products_configurator .lightbox .default label{color:#666;} #main div.combi_products_configurator .lightbox .price{position:absolute;right:10px;top:10px;white-space:nowrap;color:#000142;font-weight:bold;font-size:16px;line-height:1em;text-align:right;} #main div.combi_products_configurator .lightbox .price span{position:absolute;right:-3px;top:18px;display:block;font-size:10px;line-height:1em;color:#666;font-weight:normal;} #main div.combi_products_configurator fieldset.tv.hd .lightbox ul li.sd{display:none;} #main div.combi_products_configurator fieldset.tv .lightbox ul li.hd{display:none;} #main div.combi_products_configurator fieldset.tv.hd .lightbox ul li.hd{display:block;} #main div.combi_products_configurator .hd_option{position:relative;margin:6px 0 0;padding:6px 15px 0;border-top:1px dotted #666;} * html #main div.combi_products_configurator .hd_option{border:none;background:transparent url("/images/elements/el_hline_dark_grey.png") repeat-x left top;} #main div.combi_products_configurator .hd_option input{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);} #main div.combi_products_configurator .active .hd_option input{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);} #main div.combi_products_configurator .hd_option label{color:#666;font-size:11px;line-height:13px;font-weight:bold;} #main div.combi_products_configurator .active .hd_option label{color:#000142;} #main div.combi_products_configurator .hd_option label span{display:block;padding-left:23px;font-weight:normal;} #main div.combi_products_configurator .hd_option .price{right:5px;top:8px;color:#666;} #main div.combi_products_configurator .active .hd_option .price{color:#000142;} /* 3.5.11.1 Main - Special Offer Pages */ body.combi #main div.wrapper h3{margin-bottom:5px;} body.combi #main div.wrapper p{color:#666;} body.combi #main div.wrapper .form_wrapper,body.combi #main div.wrapper .first_infobox{z-index:3;} body.combi #main div.wrapper .infobox{z-index:2;} body.combi #main div.wrapper .combi_packages .hidden{display:none;} body.combi #main div.wrapper .combi_packages h3 span,body.combi #main div.wrapper p{color:#666;}#main div.wrapper .combi_packages h4{margin:0 10px 13px;color:#000142;} body.combi #main div.wrapper .combi_packages .form_wrapper,#main .combi_packages .form{background:transparent url("/images/backgrounds/bg_combi_packages_new.png") no-repeat 0 0;} body.combi #main div.wrapper .combi_packages.two_play .form_wrapper,#main .combi_packages.two_play .form{background:transparent url(/images/backgrounds/bg_combi_packages.png) no-repeat 0 0;} body.combi #main div.wrapper .combi_packages form{float:left;width:121px;} body.combi #main div.wrapper .combi_packages .form_wrapper{position:relative;margin:0 0 45px 10px;background-position:100% 67px;width:487px;height:419px;} body.combi #main div.wrapper .combi_packages.two_play .form_wrapper{background:transparent url(/images/backgrounds/bg_combi_packages.png) no-repeat 0 0;position:relative;margin:0 0 45px 10px;background-position:100% 67px;width:487px;height:400px;} body.combi #main div.wrapper .combi_packages .form_wrapper.include_tv{height:539px;background-position:100% 187px;} body.combi #main div.wrapper .combi_packages .form_wrapper fieldset .tv,#main div.wrapper .combi_packages .form_wrapper fieldset .programs,#main div.wrapper .combi_packages .form_wrapper fieldset .hd{display:none;} body.combi #main div.wrapper .combi_packages .form_wrapper.include_tv fieldset .tv,#main div.wrapper .combi_packages .form_wrapper.include_tv fieldset .programs,#main div.wrapper .combi_packages .form_wrapper.include_tv fieldset .hd{display:block;} body.combi #main div.wrapper .combi_packages fieldset{float:left;width:123px;} body.combi #main div.wrapper .combi_packages fieldset.legend{padding-top:69px;} body.combi #main div.wrapper .combi_packages fieldset.legend p{text-align:center;color:#666;} body.combi #main div.wrapper .combi_packages fieldset.legend .row{float:left;position:relative;margin:0;padding:0;width:122px;height:40px;} body.combi #main div.wrapper .combi_packages fieldset.legend div.internet{margin-bottom:8px;} body.combi #main div.wrapper .combi_packages fieldset.legend div.phone{margin:-8px 0 8px;} body.combi #main div.wrapper .combi_packages .form_wrapper.include_tv fieldset.legend div.phone{margin-bottom:0;} body.combi #main div.wrapper .combi_packages fieldset.legend div.tv{margin-bottom:2px;} body.combi #main div.wrapper .combi_packages fieldset.legend p.programs{margin-bottom:6px;} body.combi #main div.wrapper .combi_packages fieldset.legend div.hd{height:34px;} /* edit */ body.combi #main div.wrapper .combi_packages fieldset.legend div.row h4{font-size:13px;line-height:1em;} body.combi #main div.wrapper .combi_packages fieldset.legend div.price{height:117px;} body.combi #main div.wrapper .combi_packages fieldset.legend div.price h4{margin-bottom:5px;} body.combi #main div.wrapper .combi_packages fieldset.legend div.price p{margin:0 0 0 10px;font-size:10px;line-height:12px;text-align:left;} body.combi #main div.wrapper .combi_packages fieldset.legend .info_layer{width:295px;} body.combi #main div.wrapper .combi_packages fieldset.legend div.row .trigger_info_layer{right:0;top:9px;} body.combi #main div.wrapper .combi_packages fieldset.legend div.change_offer .trigger_info_layer{right:0;top:3px;} body.combi #main div.wrapper .infobox .combi_packages fieldset.legend div.change_offer .trigger_info_layer{display:none;} body.combi #main div.wrapper .combi_packages fieldset.legend div.change_offer{margin-top: 13px} body.combi #main div.wrapper .combi_packages.two_play fieldset.legend div.change_offer{margin-top: 0px} body.combi #main div.wrapper .combi_packages fieldset.legend div.new_customer .trigger_info_layer{right:0;top:2px;} body.combi #main div.wrapper .combi_packages fieldset.package{width:121px;text-align:center;} body.combi #main div.wrapper .combi_packages fieldset.first_package{padding-top:36px;} body.combi #main div.wrapper .combi_packages fieldset.second_package{padding-top:21px;} body.combi #main div.wrapper .combi_packages fieldset.third_package{padding-top:10px;} body.combi #main div.wrapper .combi_packages fieldset.package{margin:0;} body.combi #main div.wrapper .combi_packages fieldset.package h4{font-size:11px;line-height:12px;} body.combi #main div.wrapper .combi_packages fieldset.package h4 strong{display:block;padding-bottom:5px;font-size:14px;} body.combi #main div.wrapper .combi_packages fieldset.first_package h4{height:35px;} body.combi #main div.wrapper .combi_packages fieldset.second_package h4{height:49px;} body.combi #main div.wrapper .combi_packages fieldset.third_package h4{height:60px;} body.combi #main div.wrapper .combi_packages fieldset ul{margin:0;} body.combi #main div.wrapper .combi_packages fieldset ul li{padding:0;background:none;height:35px;} body.combi #main div.wrapper .combi_packages fieldset ul li.selected{padding-left:24px;} body.combi #main div.wrapper .combi_packages fieldset ul li.internet{height:25px;} body.combi #main div.wrapper .combi_packages fieldset ul li.phone{padding-left:14px;} body.combi #main div.wrapper .combi_packages fieldset ul li.tv{padding:2px 0 0 14px;height:28px;} body.combi #main div.wrapper .combi_packages fieldset ul li.programs,#main div.wrapper .combi_packages fieldset ul li.hd{height:40px;} body.combi #main div.wrapper .combi_packages fieldset ul li.bandwidth{height:43px;} body.combi #main div.wrapper .combi_packages fieldset ul li.free{height:32px;} body.combi #main div.wrapper .combi_packages fieldset ul li.free strong{color:#e60f46;font-size:12px;} body.combi #main div.wrapper .combi_packages fieldset ul li.price{height:53px;line-height:normal;} body.combi #main div.wrapper .combi_packages fieldset ul li.price p{font-size:9px} body.combi #main div.wrapper .combi_packages fieldset ul li.price strong{display:block;margin-bottom:2px;color:#000142;font-size:14px;} body.combi #main div.wrapper .combi_packages .form_wrapper .form fieldset.package li sup{font-size:10px;font-weight:normal} body.combi #main div.wrapper .combi_packages .form_wrapper .form fieldset.package.first_package input.button.order_large{margin-top:23px} body.combi #main div.wrapper .combi_packages .form_wrapper .form fieldset.package input.button.order_large{margin-top:24px} body.combi #main div.wrapper .combi_packages.two_play .form_wrapper .form fieldset.package.first_package input.button.order_large{margin-top:0px} body.combi #main div.wrapper .combi_packages.two_play .form_wrapper .form fieldset.package input.button.order_large{margin-top:0px} body.combi #main div.wrapper .combi_packages div.message_price{position: absolute;left: 124px;text-align: center;top: 405px;width: 361px;} body.combi #main div.wrapper .combi_packages.two_play div.message_price{top: 286px;} body.combi #main div.wrapper .combi_packages .offer{position:absolute;left:130px;bottom:10px;text-align:center;width:340px;top:482px} body.combi #main div.wrapper .combi_packages.two_play .offer{top:345px} body.combi #main div.wrapper .infobox .combi_packages .offer{bottom:18px;} /*edit*/ body.combi #main div.wrapper .combi_packages .offer h4{margin:0;color:#e60f46;font-size:14px;} body.combi #main div.wrapper .combi_packages .offer p{margin:0;color:#666;} body.combi #main div.wrapper .combi_packages .footnote{position:absolute;top:-4px;padding-left:3px;color:#666;font-size:10px;} /* 3.5.11.2 Main - Teaser with Headline, Text and Images */ #main .multiple_links .content{float:left;margin-right:10px;width:250px;} body.twoColNoTeaser #main .multiple_links .content{width:230px;} #main .multiple_links .teaser{float:right;padding:10px 5px;width:205px;height:215px;background:url("/images/backgrounds/bg_multiple_links_teaser.png") repeat-x 0 0;border:1px solid #d7d7d7;overflow:hidden;} #main .multiple_links .teaser img{margin:0 0 10px;} /* 3.5.12 Main - Campaign Page */ body.twoColNoNavi #main{margin-left:0;width:670px;overflow:hidden;} body.twoColNoNavi ul#breadcrumb{margin-left:0;} body.twoColNoNavi #main div.wrapper fieldset h3{position:relative;margin:0 20px 25px;} body.twoColNoNavi #main div.wrapper fieldset h3 a.button{position:absolute;right:0;bottom:5px;} /* edit body.twoColNoNavi #main div.infobox div.tabcontent{background-image:url("/images/backgrounds/bg_infobox_configurator.png");} */ body.twoColNoNavi #main div.infobox div.tabcontent div.copy{margin:0 20px;} body.twoColNoNavi #main div.infobox div.tabcontent ul{float:left;margin-right:20px;width:45%;} body.twoColNoNavi #main div.infobox div.tabcontent fieldset{clear:both;margin:0 20px;text-align:right;} body.twoColNoNavi #main div.infobox div.tabcontent a.button{clear:both;margin:0 20px;} * html body.twoColNoNavi #main div.infobox div.tabcontent a.button{margin-right:10px;} body.twoColNoNavi #main div.infobox div.tabcontent div.business_products fieldset{width:194px;clear:none;margin:0 0 0 10px;padding-right:6px;text-align:left;} body.twoColNoNavi #main div.wrapper ul.teasers li{width:315px;margin-right:9px;} body.twoColNoNavi #main div.wrapper ul.facebook_campaign{margin-bottom: 20px; min-height: 277px; overflow: visible;} body.twoColNoNavi #main div.wrapper ul.facebook_campaign ul { overflow: visible; } body.twoColNoNavi #main div.wrapper ul.facebook_campaign li{ margin: 0px 6px 20px 10px; min-height: 277px;padding-bottom:0px; width: 317px;} body.twoColNoNavi #main div.wrapper ul.facebook_campaign li fieldset { padding-bottom:0px; } body.twoColNoNavi #main div.wrapper ul.facebook_campaign li h4{ padding-top: 7px;} body.twoColNoNavi #main div.wrapper ul.facebook_campaign li .copy_campaign { clear: both; padding-top: 2px; } body.twoColNoNavi #main div.wrapper ul.facebook_campaign li .copy_campaign p { color: #666; line-height: 12px; } body.twoColNoNavi #main div.wrapper ul.facebook_campaign li .order { line-height: 28px; margin-top: 6px;} body.twoColNoNavi #main div.wrapper ul.facebook_campaign li .order .order-inner { clear: both; padding-top: 3px;} body.twoColNoNavi #main div.wrapper ul.facebook_campaign li .order .order-inner p{ clear: both; color: #666; font-size: 10px; line-height: 12px; padding-top: 3px; } body.twoColNoNavi #main div.wrapper .packages {margin:0 10px 30px;} body.twoColNoNavi #main div.wrapper .packages .item p{color:#000142;} body.facebook_campaign #main div.wrapper .js_trigger_info_layer { position: relative!important; } body.facebook_campaign #main div.wrapper .js_trigger_info_layer .hidden { display: none;} body.facebook_campaign #main div.wrapper .js_trigger_info_layer .info_layer{ width: 250px; } body.facebook_campaign #main div.wrapper .js_trigger_info_layer .info_layer .infobox ul li { background: #fff url(/images/backgrounds/img_li_hyphen_bg.gif) no-repeat scroll 0px 11px !important;float: none;list-style: none !important; min-height: 0 !important; margin: 0 0 0 5px!important; padding: 3px 0px 3px 5px!important; display: block;width: 250px !important;} body.facebook_campaign #main div.wrapper .js_trigger_info_layer .info_layer .infobox ol{ list-style: decimal !important;} body.facebook_campaign #main div.wrapper .js_trigger_info_layer .info_layer .infobox ol li { background: #fff; display: list-item;list-style: decimal; margin:0; padding:0 0 5px; } body.facebook_campaign #main div.wrapper ul li .js_trigger_info_layer {background-position:5px -202px;height: 10px; width: 15px; } body.facebook_campaign #main div.wrapper .collectionlist .iconblocker {display: inline-block;} *+html body.facebook_campaign #main div.wrapper .collectionlist .iconblocker { bottom: 11px; left: 160px;height: 10px; position: relative;} body.facebook_campaign #main div.wrapper .collectionlist .iconblocker span.inlineblocker {display: none;} *+html body.facebook_campaign #main div.wrapper .collectionlist .iconblocker span.inlineblocker { display: inline-block;float: left; visibility: hidden;} *+html body.facebook_campaign #main div.wrapper .collectionlist .js_trigger_info_layer { float: left; } body.facebook_campaign #main div.wrapper ul li ol { list-style: decimal !important; padding: 0px 10px;} *+html body.facebook_campaign #main div.wrapper ul li ol { padding: 0px;} body.facebook_campaign #main div.wrapper ul li ol li { background: #fff !important; display: list-item !important;list-style: decimal !important; margin:0 !important; padding:0 0 5px !important; } *+html body.facebook_campaign #main div.wrapper .collectionlist ul li ol {list-style: none; margin: 0;} *+html body.facebook_campaign #main div.wrapper div div.js_trigger_info_layer { margin-top: 21px !important;} *+html body.facebook_campaign #main div.wrapper div div.js_trigger_info_layer_2 { margin-top: 0px !important;} *+html body.facebook_campaign #main div.wrapper form div div.js_trigger_info_layer { margin-top: 20px !important;} body.facebook_campaign #content {overflow: hidden;} body.facebook_campaign #content #main {overflow: visible;} body.speedcup #main { width: 744px; } body.speedcup #main div.wrapper .iframe-wrapper,body.speedcup #main div.wrapper .iframe-wrapper-bottom { background: #fff url('/images/backgrounds/img-iframe-bg.jpg') no-repeat;} body.speedcup #main div.wrapper .iframe-wrapper { padding: 5px 5px 0; } body.speedcup #main div.wrapper .iframe-wrapper-bottom { background-position: bottom left; height: 6px; margin-bottom: 15px;} /* body.speedcup #main div.wrapper form input { border: 1px solid #aeaeae; color: #797979; font-size: 11px; height: 21px;line-height: 21px; padding:0; margin: 0;width: 237px; } */ body.speedcup #main div.wrapper form input.checkbox { border: 0; height: 15px; position: absolute; top: 2px; width: 15px; } body.speedcup #main div.wrapper form input.submit { background-position:-3673px 0px; border: 0; position: absolute; right: 0; height: 22px; width: 138px;} body.speedcup #main div.wrapper form input.error {background:#fce7ee; border: 1px solid #e61044; color:#eb0a44; margin-bottom: 20px;} body.speedcup #main div.wrapper form p{color: #797979; font-size: 11px; font-weight: bold; margin:3px 0; padding:0; position: relative; vertical-align:top; } body.speedcup #main div.wrapper form select { color: #797979; font-size: 11px; height: 23px;line-height: 23px; padding:0; margin: 0;width: 239px; } body.speedcup #main div.wrapper form p label {display: inline-block;line-height: 23px; width: 120px;} body.speedcup #main div.wrapper form p label.error {display:inline; margin: 22px 0 0 -241px; position: absolute;} body.speedcup #main div.wrapper form p.last label.error {margin: 30px 0 0!important; position: absolute;} body.speedcup #main div.wrapper form span.space {display: inline-block; width:15px;} body.speedcup #main div.wrapper form p span { font-weight: normal; } body.speedcup #main div.wrapper form p span.notice {color: #999999;} body.speedcup #main div.wrapper div.collection h3 { border-top: #000142 1px dotted; padding: 0;} body.speedcup #main div.wrapper div.collection h3 span { background: #f3f3f3; margin: 3px 0; padding: 10px 0 10px 5px;} body.speedcup #main div.wrapper div.collection div.item-box-inner{border-bottom: 1px dotted #000142;} *+html body.speedcup #main div.wrapper div.collection div.item-box-inner{padding-bottom: 3px;} body.speedcup #main div.wrapper div.collection div.item-box-inner div {background: #f3f3f3; font-size: 14px; height:50px; margin: 3px 0;} body.speedcup #main div.wrapper div.collection div.item-box-inner div p{color: #000142; font-size:14px;margin:0; padding: 5px 5px 0;} body.speedcup #main div.wrapper div.collection div.item-box-winner div.item-box-inner div p {padding:0 5px;} body.speedcup #main div.wrapper div.collection div.item-box-inner div p a{background: url("/images/elements/el_arrowlink.png") no-repeat scroll 0 -240px transparent; line-height: normal;font-size:14px;padding-left: 15px;} body.speedcup #main div.wrapper div.collection { margin-bottom: 40px; overflow: hidden; } body.speedcup #main div.wrapper div.collection .item { float:left; margin: 0px;} body.speedcup #main div.wrapper div.collection .item h5 { font-size: 12px; margin: 10px 0 5px;} body.speedcup #main div.wrapper div.collection .item h6 { color: #797979;} body.speedcup #main div.wrapper div.collection .item p { color: #797979;} body.speedcup #main div.wrapper div.collection .item img { float: none; margin-top: 8px;} body.speedcup #main div.wrapper div.collection .item-min { min-height: 250px; position: relative;} body.speedcup #main div.wrapper div.collection .item-min a.button {bottom: 0; right:0; position: absolute;} body.speedcup #main div.wrapper div.collection .item-h3-def h3{ border: 0;} body.speedcup #main div.wrapper div.collection .item-h3-def span { background: #fff; margin: 0; padding: 0; } body.speedcup #main div.wrapper div.collection .item-normal, body.speedcup #main div.wrapper div.collection .item-flat { min-height: 255px; width: 238px; } body.speedcup #main div.wrapper div.collection .item-wide { width: 491px; } body.speedcup #main div.wrapper div.collection .item-half { width: 364px; } body.speedcup #main div.wrapper div.collection .item-full, body.speedcup #main div.wrapper div.collection .item-full-height{ width: 744px;} body.speedcup #main div.wrapper div.collection .item-normal img,body.speedcup #main div.wrapper div.collection .item-wide img { background: #fff url('/images/backgrounds/img_speedcup_sprite.png') no-repeat 0px -156px; padding: 5px 6px 5px 4px; } body.speedcup #main div.wrapper div.collection .item-wide img { background-position: 0 0;} body.speedcup #main div.wrapper div.collection .item-flat img { background: #fff url('/images/backgrounds/img_speedcup_sprite.png') no-repeat -253px -156px; padding: 5px 6px 5px 4px;} body.speedcup #main div.wrapper div.collection .item-half img { background: #fff url('/images/backgrounds/img_speedcup_sprite.png') no-repeat -500px 0px; padding: 5px 6px 5px 4px;} body.speedcup #main div.wrapper div.collection .item-full img { background: #fff url('/images/backgrounds/img_speedcup_sprite.png') no-repeat 0px -313px; padding: 5px;} body.speedcup #main div.wrapper div.collection .item-full-height img { background: #fff url('/images/backgrounds/img_speedcup_sprite.png') no-repeat 0px -466px; padding: 5px;} body.speedcup #main div.wrapper div.collection .item-normal table img, body.speedcup #main div.wrapper div.collection .item-wide table img, body.speedcup #main div.wrapper div.collection .item-wide table img, body.speedcup #main div.wrapper div.collection .item-flat table img, body.speedcup #main div.wrapper div.collection .item-half table img, body.speedcup #main div.wrapper div.collection .item-full table img, body.speedcup #main div.wrapper div.collection .item-full-height table img { background: none transparent; padding: 0; margin: 0; float: none; width: auto; height: auto;} body.speedcup #main div.wrapper div.collection .item-partner { width: 174px;} body.speedcup #main div.wrapper div.collection .item-partner p { font-weight: bold; } body.speedcup #main div.wrapper div.collection a.sc-more_infos {background-position: -3246px 0px; height:22px; margin-top:8px; width: 138px;} body.speedcup #main div.wrapper div.collection a.qualification{background-position: -3531px 0px; height:22px; margin-top:8px; width: 138px;} body.speedcup #main div.wrapper div.collection a.sc-combine{background-position: -3387px 0px; height:22px; margin-top:8px; width: 138px; } body.speedcup #main div.wrapper div.collection .item .item-box { border-top: 1px dotted #000142; } body.speedcup #main div.wrapper div.collection .item .item-box h3 { border-top: 0; margin: 0 !important; } body.speedcup #main div.wrapper div.collection .item div.winner-wrapper { border-bottom: 1px dotted #000142;} body.speedcup #main div.wrapper div.collection .item div.winner-wrapper div { background: #f3f3f3; margin: 3px 0; padding: 3px;} body.speedcup #main div.wrapper div.collection .item div.winner-wrapper div p { color:#666; font-size: 13px; font-weight: bold; line-height: 20px; margin-bottom: 0; padding: 8px 3px 4px;} /* 3.5.13 Main - Customer Service */ body.customer_service #main{/*margin-left:0;width:670px;*/} body.customer_service ul#breadcrumb{margin-left:0;} body.customer_service #main div.wrapper ul.topics li{position:relative;width:315px;height:189px;overflow:hidden;} body.customer_service #main div.wrapper ul.topics li h4{margin:0 0 10px !important;} body.customer_service #main div.wrapper ul.topics li div.copy p{padding:0;border:none;background-image:none;} body.customer_service #main div.wrapper ul.topics li div.copy a{position:absolute;left:10px;top:165px;} body.customer_service #main div.wrapper div.collection a.button{margin-top:16px;} /* 3.5.14 Main - Investor Relations Disclaimer */ body.show_disclaimer .disable{visibility:hidden;} body.show_disclaimer .hidden{display:none;} body.show_disclaimer #content{min-height:1050px;} * html body.show_disclaimer #content{height:1050px;} body.show_disclaimer #main{position:relative;} body.show_disclaimer #main div.disclaimer{position:absolute;left:0;top:248px; background:#fff;width:505px;z-index:2;} body.show_disclaimer #main div.disclaimer h3{margin:0 0 15px;} body.show_disclaimer #main div.disclaimer h3 span{display:block;color:#000142;font-size:20px;line-height:normal;} body.show_disclaimer #main div.disclaimer h4{margin:0 0 5px; color:#000142;font-weight:bold;font-size:13px;} body.show_disclaimer #main div.disclaimer p{color:#000142;} body.show_disclaimer #main div.disclaimer .info{color:#666;} body.show_disclaimer #main div.disclaimer .info span{color:#00a0e0;} body.show_disclaimer #main div.disclaimer fieldset{margin:20px 10px;} body.show_disclaimer #main div.disclaimer select.select{width:226px;} body.show_disclaimer #main div.disclaimer input.post_code{width:40px;} body.show_disclaimer #main div.disclaimer div.submitRow{padding:10px 0;} body.show_disclaimer #main div.disclaimer div.error_container{margin:10px 0;padding-bottom:5px;} body.show_disclaimer #main div.disclaimer div.error_container p{font-weight:normal;} body.show_disclaimer #main #disclaimer a.accept_disclaimer{float:none;} /* 3.5.15 Main - Toggle Container (changer campaign) */ #main div.wrapper div.toggle_container{margin:0 15px;} #main div.wrapper div.toggle_container div.toggle{padding:5px 15px 0;background:transparent url("/images/backgrounds/bg_toggle_container.png") no-repeat 0 0;width:611px;height:25px;} #main div.wrapper div.toggle_container div.first{margin-top:10px;} #main div.wrapper div.toggle_container div.active{padding:15px; background-position:0 -40px;height:auto !important;} #main div.wrapper div.toggle_container div.toggle_content{display:none;padding:10px 10px 0 25px;border-top:1px dotted #000142;} * html #main div.wrapper div.toggle_container div.toggle_content{border:none;background:transparent url("/images/elements/el_hline.png") repeat-x left top;} #main div.wrapper div.toggle_container div.active div.toggle_content{display:block;} #main div.wrapper div.toggle_container div.form_with_price form {margin:0 0 16px;} #main div.wrapper div.toggle_container div.form_with_price fieldset{position:relative;padding-bottom:10px;width:410px;} #main div.wrapper div.toggle_container div.form_with_price fieldset div.order{position:absolute;left:450px;bottom:20px;width:135px;} #main div.wrapper div.toggle_container div.form_with_price fieldset.provider div.order{position:absolute;left:450px;bottom:10px;width:135px;} * html #main div.wrapper div.toggle_container div.form_with_price fieldset.provider div.order{bottom:18px;} *+html #main div.wrapper div.toggle_container div.form_with_price fieldset.provider div.order{bottom:18px;} #main div.wrapper div.toggle_container div.form_with_price fieldset div.order img{margin:0 0 3px;} #main div.wrapper div.toggle_container label.toggle_content input{float:left;} #main div.wrapper div.toggle_container label.toggle_content img{margin:3px 5px;} #main div.wrapper div.toggle_container div.toggle_content div.copy{margin:0;} #main div.wrapper div.toggle_container div.toggle_content ul{margin:0 0 20px;} #main div.wrapper div.toggle_container div.toggle_content h3,#main div.wrapper div.toggle_container div.toggle_content h4,#main div.wrapper div.toggle_container div.toggle_content h5{margin:0 0 5px;color:#666;font-size:11px;line-height:16px;font-weight:bold;} #main div.wrapper div.toggle_container div.toggle_content p{color:#666;} #main div.wrapper div.toggle_container div.error_container, #main div.wrapper div.toggle_container div.notice_container{margin:10px 0;} /* 3.5.16 Main - Special Offer (phone campaign may 2010) */ #main .special_offer{position:relative;margin:0 0 40px -10px;padding:16px 0 0;} * html #main .special_offer{width:495px;} #main .special_offer .teaser{position:absolute;left:267px;top:0;background:transparent url("/images/teaser/ts_special_offer_isdn.png") no-repeat 0 0;width:95px;height:65px;z-index:2;} #main .special_offer .teaser span{display:none;} #main .special_offer ul.telefon{margin:0;} #main .special_offer ul.telefon ul{position:absolute;left:0;bottom:100px;} * html #main .special_offer ul.telefon ul{width:135px;} #main .special_offer li.offer{position:relative;float:left;margin:0;padding:15px 0 0;background:#eee url("/images/backgrounds/bg_special_offer.png") no-repeat 0 0;width:159px;height:360px;z-index:1;} #main .special_offer li.start{margin:110px 9px 0 0;height:250px;} #main .special_offer li.flat{margin:55px 9px 0 0;height:305px;} #main .special_offer li.offer h4{margin:0 0 15px;padding:0;background:transparent url("/images/headlines/hl_special_offer.png") no-repeat 50% 0;} #main .special_offer li.offer h4 span{display:block;margin:10px;border-bottom:1px dotted #898989;height:55px;text-indent:-1000px;} * html #main .special_offer li.offer h4 span{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x 0 100%;} #main .special_offer li.start h4{background-position:50% 0;} #main .special_offer li.flat h4{background-position:50% -60px;} #main .special_offer li.plus h4{background-position:50% -120px;} #main .special_offer div.order{position:absolute;left:0;bottom:0;margin:0 10px;padding:15px 0 10px;border-top:1px dotted #898989;text-align:center;width:140px;} * html #main .special_offer div.order{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x 0 0;overflow:hidden;} #main .special_offer div.order img{margin:0 0 5px;} #main .special_offer li.offer div.order span{display:block;margin:0 0 5px;width:130px;height:45px;} #main .special_offer li.offer div.order span span{display:none;} #main .special_offer li.start div.order span{background:transparent url("/images/prices/pr_special_offer_1500.png") no-repeat 0 0;} #main .special_offer li.flat div.order span{background:transparent url("/images/prices/pr_special_offer_2000.png") no-repeat 0 0;} #main .special_offer li.plus div.order span{background:transparent url("/images/prices/pr_special_offer_2500.png") no-repeat 0 0;} * html #main .special_offer li.offer div.order input{float:left;margin-left:-5px;} *+html #main .special_offer li.offer div.order input{float:left;margin-left:-5px;} /* 3.5.17 Main - Business Produkte */ body.business_products #main div.wrapper{padding:0;background:none;} body.business_products #main p{color:#666} body.business_products #main div.teaser{margin-bottom:20px} body.business_products #main div.teaser div.content_box{position:absolute;top:157px;left:394px;width:260px;height:180px;} body.business_products #main div.teaser div.content_box p{margin-bottom:5px;} body.business_products #main div.teaser div.content_box ul{margin-left:0} body.business_products #main div.teaser div.content_box ul li{background: transparent url("/images/elements/el_items.png") no-repeat -411px -407px} body.business_products #main div.price_box{position:relative;float:left;text-align:right;width:260px} body.business_products #main div.price_box form{position:absolute;right:0;top:20px;} body.business_products #main div.price_box form fieldset{margin:0 0 5px;} body.business_products #main div.wrapper ul.business_products_list{padding-top:10px;} body.business_products #main div.wrapper ul.business_products_list li{float:left;padding:4px 0 0 30px;background:transparent url("/images/icons/ic_ok.png") no-repeat;width:44%;} body.business_products #main div.wrapper .tabcontent ul.business_products_list li{display:inline-block;height:90px;vertical-align:top;width:45%;} body.business_products #main div.wrapper ul.business_products_list li h5{color:#000142;padding:0;margin:0 0 5px 0;} body.business_products #main div.wrapper ul.business_products_list li p{margin:0 20px 0 0;height:40px;} body.business_products #main div.wrapper div.collection div.item h5{margin:0 0 5px;color:#666;font-weight:bold;} body.business_products #main div.wrapper div.collection div.item_2col{margin:0 10px;} body.business_products #main div.wrapper div.collection div.item_2col div.item{float:left;width:45%;} body.business_products #main div.wrapper div.collection div.item_2col div.item img{float:none;margin:0 0 10px;} body.business_products #main div.wrapper div.collection div.item_2col div.item ul{width:auto;} /* business offer */ body.business_products_offer #main div.teaser div.content_box{top:157px;left:394px;width:260px;height:180px;} body.business_products_offer #main div.price_box img{float:left;} /* business product*/ #main div.business_products fieldset{float:left;margin:0 10px 0 0;padding:20px 10px;background:transparent url("/images/backgrounds/bg_business_produkt.png") repeat-x left top;width:186px;} #main div.business_products fieldset.high{background-image:url("/images/backgrounds/bg_business_produkt_high.png");} #main div.business_products fieldset.last{margin-right:0;} #main div.business_products fieldset h5{margin:0;padding:10px 0;border-bottom:1px dotted #898989;font-size:12px;} * html #main div.business_products fieldset h5{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ #main div.business_products fieldset h5.plain{border-top:1px dotted #898989;border-bottom:none;} * html #main div.business_products fieldset h5.plain{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left top;}/*dotted line for IE6*/ #main div.business_products fieldset ul{margin:0;padding:0 0 10px;border-bottom:1px dotted #898989;font-size:12px;} * html #main div.business_products fieldset ul{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ #main div.business_products fieldset ul li{background-position:-411px -407px;} #main div.business_products fieldset div.order{margin:29px 0 40px;text-align:center;} #main div.business_products fieldset img{margin:0 0 10px;} body.business_products_product #main div.infobox div.tabcontent ul{float:none;width:auto;} body.business_products_product #main div.infobox div.tabcontent ul li{background-position:-411px -407px;} /* business service */ body.business_products_service #main div.teaser div.content_box{top:90px;left:342px;width:310px;height:100px;} body.business_products_service #main div.price_box{width:180px;height:115px;} body.business_products_service #main div.price_box img{position:absolute;top:0;right:0;} body.business_products_service #main div.price_box form{top:60px;} body.business_products_service #main div.wrapper div.collection div.item{float:left;width:450px} body.business_products_service.twoColNoNavi #main div.wrapper div.collection div.item{float:none;width:auto} body.business_products_service #main div.wrapper div.collection div.item div.copy ul li{float:left;width:46%;} /* business contact */ body.business_products #main div.wrapper div.iframe{float:left;width:432px;margin:0 10px} body.business_products #main div.wrapper iframe.business_iframe{margin:0 0 20px;width:432px;height:600px;float:left} body.business_products #main div.wrapper div.address{width:200px;float:left;margin-top:2px} body.business_products #main div.wrapper div.address img{display:block;margin:0 0 5px;} body.business_products #main div.wrapper div.address ul{margin:0 0 10px;} body.business_products #main div.wrapper div.address ul li{margin:0;padding:0;background:none;} body.business_products #main div.wrapper div.address ul li span {display:inline-block;width:55px;} body.business_products #main div.wrapper div.address div.border_box{margin:0 0 20px;padding:0 0 20px 0;border-bottom:1px dotted #666} * html body.business_products #main div.wrapper div.address div.border_box{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left top} /* 3.5.18 Main - Telefon Fritzbox WLAN 6360 */ #fritzbox_wlan_6360 .hidden{display:none;} #main .trigger_info_layer{display:inline-block;position:absolute;background:url("/images/elements/el_arrowlink.png") no-repeat scroll 8px -194px transparent;height:25px;width:25px;cursor:pointer;} #main .trigger_info_layer .info_layer{position:absolute;z-index:100;left:28px;top:-20px;width:200px;background:#fff;border:1px solid #ababab;} #main .trigger_info_layer .info_layer{padding:15px 15px 10px;} #main .trigger_info_layer .info_layer .info_layer_arrow{position:absolute;left:-10px;top:23px;background:url("/images/elements/el_info_layer_sprite.png") no-repeat scroll 0 0 transparent;width:10px;height:19px;} #main .trigger_info_layer.right .info_layer{left:auto;right:28px;} #main .trigger_info_layer.right .info_layer .info_layer_arrow{left:auto;right:-10px;background-position:-10px 0;} #main .trigger_info_layer div.info_layer h5{margin:0;} #main .trigger_info_layer div.info_layer p{margin:0 0 5px;} #main .trigger_info_layer div.info_layer h5{margin:0 0 2px !important;color:#000142 !important;} #main .trigger_info_layer div.info_layer p{margin:0 0 10px !important;text-align:left !important;color:#666 !important;font-size:11px !important;line-height:normal !important;letter-spacing:0 !important;} #main .trigger_info_layer div.info_layer ul{margin:0 0 5px !important;} #main .trigger_info_layer div.info_layer ul li{margin:0 0 2px !important;padding-left:15px !important;background:transparent url("/images/elements/el_items.png") no-repeat -412px -407px !important;height:auto !important;} #fritzbox_wlan_6360{position:relative;margin:0 0 40px 5px;background:transparent url("/images/backgrounds/bg_fritzbox_wlan_6360.png") no-repeat 0 0;width:471px;height:288px;} #fritzbox_wlan_6360 #trigger_info_layer_fritzbox_01{left:443px;top:40px;} #fritzbox_wlan_6360 #trigger_info_layer_fritzbox_02{left:443px;top:140px;} #fritzbox_wlan_6360 #trigger_info_layer_fritzbox_03{left:443px;top:255px;} #fritzbox_wlan_6360 #trigger_info_layer_fritzbox_04{left:262px;top:255px;} #fritzbox_wlan_6360 #trigger_info_layer_fritzbox_05{left:77px;top:255px;} #fritzbox_wlan_6360 #trigger_info_layer_fritzbox_06{left:70px;top:140px;} #fritzbox_wlan_6360 #trigger_info_layer_fritzbox_07{left:102px;top:26px;} #main div.wrapper div.product_details h4{margin-bottom:10px;padding:2px 5px;background-color:#000142;color:#fff;} body.internet div.wrapper #main div.product_details h4{background-color:#00a0e0;} body.phone #main div.wrapper div.product_details h4{background-color:#519722;} body.tv #main div.wrapper div.product_details h4{background-color:#e60f46;} #main div.wrapper div.product_details h5{margin-bottom:10px;padding:2px 5px;background-color:#ededed;} body.internet #main div.wrapper div.product_details h5{color:#00a0e0;} body.phone #main div.wrapper div.product_details h5{color:#519722;} body.tv #main div.wrapper div.product_details h5{color:#e60f46;} /* merge with article line 329ff*/ #main .visual_left img,#main .visual_left .resize{float:left;margin:0 10px 0 0;} #main .visual_left img{float:left;margin-bottom:10px;} #main .visual_left ul{display:inline-block;} #main .visual_right img,#main .visual_right .resize{float:right;margin:0 0 0 10px;} #main .visual_right img{margin-bottom:10px;} * html #main .visual_right ul{display:inline-block;} *+html #main .visual_right ul{display:inline-block;} #main .resize{position:relative;} * html #main .resize{width:147px;display:inline-block;} *+html #main .resize{width:147px;display:inline-block;} #main .resize img{margin:0;} #main .resize span{position:absolute;right:3px;bottom:3px;display:block;margin:0;padding:0;background:transparent url("/images/elements/el_resize.png") no-repeat 0 0;width:16px;height:16px;cursor:pointer;} #main .resize .closeup{display:none;position:absolute;right:0;bottom:0;z-index:100;background:transparent url("/images/backgrounds/bg_resize.png") no-repeat 0 0;width:479px;height:288px;cursor:pointer;} * html #main .resize .closeup{background-image:url("/images/backgrounds/bg_resize_ie.png");} #main .resize.show_closeup .closeup{display:block;} #main .resize .closeup img{float:none;margin:1px;} #main .resize.img-border { float: right; margin: 0 10px 0 0; } #main .resize.img-border .js_closeup{ bottom:6px; right:6px; } #main .resize.img-border img{ margin:0 !important; } #main .resize.img-border .closeup{ bottom: 1px; right: 1px; padding:1px;} #main .resize.img-border .closeup img{ float: none !important; margin: 0px; } /* 3.5.19 Kombinatoren */ /* Loading */ #main div.wrapper .load-combiner{margin-bottom: 15px; padding-bottom: 5px; position: relative; text-align: center; z-index:10; } body.tv #main div.wrapper .load-combiner { background: url('/images/backgrounds/um-kombinator-tv-bg.jpg') repeat-x #ededed; } body.phone #main div.wrapper .load-combiner { background: url('/images/backgrounds/um-kombinator-telefon-bg.jpg') repeat-x #ededed; } body.internet #main div.wrapper .load-combiner { background: url('/images/backgrounds/um-kombinator-internet-bg.jpg') repeat-x #ededed; } #main div.wrapper .load-combiner .hideicons .trigger_info_layer {display:none;} #main div.wrapper #load-combiner-img { padding-top: 100px; } #main div.wrapper .load-combiner .hidden { display: none; } /* Info Layer Global */ #main div.wrapper .load-combiner div.info_layer { position: absolute; width: 270px; z-index: 100;} #main div.wrapper .load-combiner div.info_layer_375 { position: absolute; width: 391px; z-index: 100;} #main div.wrapper .load-combiner div.info_layer_325 { position: absolute; width: 342px; z-index: 100;} #main div.wrapper .load-combiner div.info_layer_top {background: url("/images/backgrounds/bg_info_layer_top.png") no-repeat scroll 0 0 transparent; height: 11px; width: 270px;} #main div.wrapper .load-combiner div.info_layer_375 div.info_layer_top {background: url("/images/backgrounds/bg_info_layer_top_left.png") no-repeat scroll 0 0 transparent; height: 11px; width: 391px;} #main div.wrapper .load-combiner div.info_layer_325 div.info_layer_top {background: url("/images/kombinatoren/bg_info_layer_top_325.png") no-repeat scroll 0 0 transparent; height: 11px; width: 342px;} #main div.wrapper .load-combiner div.info_layer_wrapper { padding:10px 25px 20px 15px;background:transparent url("/images/backgrounds/bg_info_layer.png") no-repeat 0 100%;} #main div.wrapper .load-combiner div.info_layer_375 div.info_layer_wrapper { padding:10px 25px 20px 15px;background:transparent url("/images/backgrounds/bg_info_layer_375.png") no-repeat 0 100%;} #main div.wrapper .load-combiner div.info_layer_325 div.info_layer_wrapper { padding:10px 25px 20px 15px;background:transparent url("/images/backgrounds/bg_info_layer_325.png") no-repeat 0 100%;} #main div.wrapper .load-combiner div.info_layer_wrapper .copy { margin: 0;} #main div.wrapper .load-combiner div.info_layer_wrapper .copy p{color: #666666; text-align: left;} #main div.wrapper .load-combiner div.info_layer {text-align: left;} #main div.wrapper .load-combiner div.combiner span.trigger_info_layer { background-position: 0 -202px; height: 10px; margin: 5px 0 3px 3px; position: absolute; display: inline; visibility: visible; width: 10px; } #main div.wrapper .load-combiner div.combiner .combiner-selection span.trigger_info_layer {margin-top:3px;} #main div.wrapper .load-combiner div.combiner .combiner-selection span.trigger_info_layer { margin-left/*\**/: 0\9;} /* Info Layer TV */ #main div.wrapper .load-combiner div.combiner div.combiner-visual span.trigger_info_layer { left: 441px; top: 88px;} #main div.wrapper .load-combiner div#info_layer_digitaltv {left: 246px;top: 104px; } #main div.wrapper .load-combiner div#info_layer_hd_recorder {left:-102px; top: 336px;} #main div.wrapper .load-combiner div#info_layer_programme {left:108px; top: 336px;} #main div.wrapper .load-combiner div#info_layer_highlight {left:262px; top: 336px;} #main div.wrapper .load-combiner div#info_layer_allstars {left: 261px; top: 336px;} /* Info Layer Internet */ #main div.wrapper .load-combiner div#info_layer_download {left: 117px; top: 365px;} #main div.wrapper .load-combiner div#info_layer_upload {left: -74px; top: 494px;} #main div.wrapper .load-combiner div#info_layer_backup {left: 81px; top: 476px;} #main div.wrapper .load-combiner div#info_layer_router {left: 239px; top: 476px;} /* Info Layer Telefon*/ #main div.wrapper .load-combiner div#info_layer_start {left: -86px; top: 326px;} #main div.wrapper .load-combiner div#info_layer_flat {left: 75px; top: 326px;} #main div.wrapper .load-combiner div#info_layer_plus {left: 258px; top: 326px;} #main div.wrapper .load-combiner div#info_layer_iflat {left: 151px; top: 438px;} #main div.wrapper .load-combiner div#info_layer_ispar {left: 78px; top: 438px;} #main div.wrapper .load-combiner div#info_layer_leitung {left: 263px; top: 438px;} #main div.wrapper .load-combiner div#info_layer_mobil {left: -120px; top: 423px;} /* Info Layer 3Play */ #main div.wrapper .load-combiner div#info_layer_internet_3play {left: -15px; top: 227px;} #main div.wrapper .load-combiner div#info_layer_phone_3play {left: 153px; top: 227px;} #main div.wrapper .load-combiner div#info_layer_digitaltv_3play {left: 322px; top: 227px;} #main div.wrapper .load-combiner div#info_layer_highlights_3play {left: 421px; top: 332px;} #main div.wrapper .load-combiner div#info_layer_allstars_3play {left: 415px; top: 332px;} #main div.wrapper .load-combiner div#info_layer_new_customer {left:485px; top:240px;} .preview #main div.wrapper .load-combiner div#info_layer_new_customer {left:485px; top:305px;} #main div.wrapper .load-combiner div#info_layer_changer {left:477px; top: 293px;} .preview #main div.wrapper .load-combiner div#info_layer_changer {left:477px; top: 353px;} #main div.wrapper .load-combiner div#info_layer_internet_3play ul li { background-position: -383px -21px; } #main div.wrapper .load-combiner div#info_layer_phone_3play ul li { background-position: -355px -47px; } #main div.wrapper .load-combiner div#info_layer_digitaltv_3play ul li { background-position: -327px -73px; } #main div.wrapper .load-combiner div#info_layer_changer ul li {left: 486px; top: 238px;} #main div.wrapper .load-combiner div#info_layer_new_customer ul li {left: 478px; top: 280px;} body.combiner3play #main div.wrapper .load-combiner .info_layer p,body.combiner3play #main div.wrapper .load-combiner .info_layer_375 p,body.combiner3play #main div.wrapper .load-combiner .info_layer_325 p{color: #000142; font-weight: bold; margin: 0;} /* Buttons */ body.combiner #main div.wrapper div.combiner a.button {text-indent: 2000px; } body.combiner #main div.wrapper div.combiner .customers { background-position: -2978px 0px; height: 19px; width: 122px;} body.combiner #main div.wrapper div.combiner .order { background-position: -2855px 0px; height: 25px; text-indent:2200px; width: 121px;} /* Combiner Global */ body.combiner #main div.wrapper { padding-top: 0px; } body.combiner #main div.wrapper table { margin: 0; } *+html body.combiner #main div.wrapper .combiner-table table { margin: 5px 0 20px; } body.combiner #main div.wrapper div.combiner p{ color: #666666; } body.combiner #main div.wrapper div.combiner .teaser_474_106 {background: transparent url('/images/backgrounds/um-teaser-frame-sprite.png') no-repeat; padding: 5px;} body.combiner #main div.wrapper div.combiner { text-align:left; padding: 0px 12px;} body.combiner #main div.wrapper div.combiner .relative { position: relative; } body.combiner #main div.wrapper div.combiner .relative div { position:absolute;} /* Visuals */ #main div.wrapper div.combiner div.combiner-visual { height: 250px; position: relative; } #main div.wrapper div.combiner div.combiner-visual img { position: absolute; } #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-tv { left: 29px; top: 11px; z-index: 0; } #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-hd, #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-recorder, #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-headline { z-index: 1; } #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-hd { left: 193px; top: 14px; } #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-recorder { left: 194px; top: 112px; } #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-headline { left: 269px; top: 63px; } #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-safe {left: 380px; top: 102px;} #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-router {left: 257px; top:78px;} #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-speed {left: 355px; top: 58px;} #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-download{left:233px; top: 7px;} #main div.wrapper div.combiner div.combiner-visual img.combiner-visual-laptop {} #main div.wrapper div.combiner div.combiner-visual div.combiner-visual-speedbar img {left:230px; top: 38px; z-index:10;} #main div.wrapper div.combiner div.combiner-visual div.combiner-visual-speedbar #combiner-visual-speedbar-pointer{background: #fff url('/images/kombinatoren/bg_ladebalken.gif') repeat-x; height: 10px;left:234px; position:absolute; top: 42px; width: 153px; z-index:11;} #main div.wrapper div.combiner div.combiner-visual .combiner-visual-description{position:absolute;top: 230px;z-index:10;} #main div.wrapper div.combiner div.combiner-visual .combiner-visual-description p {font-family: "Helvetica Neue W01 67 Md Cn",Helvetica,Arial,sans-serif; font-size: 15px;} #main div.wrapper div.combiner div.combiner-visual-phone img {z-index: 2;} #main div.wrapper div.combiner div.combiner-visual-phone img.combiner-visual-headline {left:192px; top:76px; z-index:5;} #main div.wrapper div.combiner div.combiner-visual-phone img.combiner-visual-globus-txt { left:274px; top: 126px;} #main div.wrapper div.combiner div.combiner-visual-phone img.combiner-visual-router{left:280px; top:-6px; z-index:4;} #main div.wrapper div.combiner div.combiner-visual-phone img.combiner-visual-phone { left: -12px;} #main div.wrapper div.combiner div.combiner-visual-phone img.combiner-events-img-mobil{ left: 185px; top: 144px; z-index:3 !important; } /* Events */ #main div.wrapper div.combiner h3 {color: #000142; font-family: "Helvetica Neue W01 67 Md Cn",Helvetica,Arial,sans-serif; font-size: 15px; font-weight: normal;margin: 0; overflow: hidden; padding: 0 15px 0 0; text-align: left;} #main div.wrapper div.combiner .combiner-selected-items h3 {padding-bottom:5px;} #main div.wrapper div.combiner h4 {color: #000142; font-family: "Helvetica Neue W01 67 Md Cn",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: normal;margin: 0; padding: 0px; } #main div.wrapper div.combiner div.combiner-events { /*padding-bottom: 15px;*/ position:relative; } #main div.wrapper div.combiner div.combiner-events h3 {text-align: center;} #main div.wrapper div.combiner div.combiner-events p { margin: 5px; text-align: center; } #main div.wrapper div.combiner div.combiner-events p img { margin: 0 auto; } #main div.wrapper div.combiner div.combiner-events h3 span { margin: 0 auto 5px; } #main div.wrapper div.combiner div.combiner-events h3 img { display: inline; } #main div.wrapper div.combiner div.combiner-events #hd-box { display: none; } #main div.wrapper div.combiner div.combiner-events #hd-box img { display: inline; } #main div.wrapper div.combiner div.combiner-events h3 a img { margin: 3px; } #main div.wrapper div.combiner div.combiner-events .checkbox { margin: 8px 0 25px 51px; padding:0; } *+html #main div.wrapper div.combiner div.combiner-events .checkbox {margin:3px 0 23px 47px; } #main div.wrapper div.combiner div.combiner-events .combiner-events-sequence { height: 18px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-keys { color: #666; height: 21px; overflow: hidden; } #main div.wrapper div.combiner div.combiner-events .combiner-events-keys span { display: block; float: left; text-align: left; } #main div.wrapper div.combiner div.combiner-events .combiner-events-slider { margin-right: 10px; text-align: left; } /* TV-Boxen */ #main div.wrapper div.combiner div.combiner-events div.combiner-events-1 { background: url('/images/kombinatoren/combiner-box-bg.png') no-repeat; float: left; height: 149px; padding: 4px 4px 5px; width: 118px; } #main div.wrapper div.combiner div.combiner-events div.combiner-events-2 { background: url('/images/kombinatoren/combiner-box-bg.png') no-repeat -128px 0px; float: left; height: 149px; margin: 0 3px 0 2px; padding: 4px; width: 218px; } #main div.wrapper div.combiner div.combiner-events div.combiner-events-2 .combiner-events-content {padding: 5px 10px 0;} *+html #main div.wrapper div.combiner div.combiner-events div.combiner-events-2 .combiner-events-content {padding: 0 10px;} #main div.wrapper div.combiner div.combiner-events div.combiner-events-2 #programmeBox { height: 20px; width: 189px; } *+html #main div.wrapper div.combiner div.combiner-events div.combiner-events-2 #programmeBox {display: block;height:25px} /* Phone-Boxen */ #main div.wrapper div.combiner div.combiner-events .combiner-events-1-short { background: url('/images/kombinatoren/combiner-box-bg.png') no-repeat -334px -409px; height: 90px; padding: 4px 5px 5px; width: 90px; float: left;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-short h3 {font-size: 13px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-short .checkbox {margin:7px 0px 8px 39px;} *+html #main div.wrapper div.combiner div.combiner-events div.combiner-events-1-short .checkbox {margin:4px 0px 4px 35px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-short-inner {margin: 0 20px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-3-short {background: url('/images/kombinatoren/combiner-box-bg.png') no-repeat 0 -409px; height: 90px; padding: 4px 5px 5px; width: 265px; float: left;} #main div.wrapper div.combiner div.combiner-events .combiner-events-3-short h3 {font-size: 13px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-3-short-inner {margin: 0 20px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-4-short { background: url('/images/kombinatoren/combiner-box-bg.png') no-repeat 0 -304px; height: 90px; padding: 4px 5px 5px; width: 471px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-4-short-inner { margin: 0 20px; } #main div.wrapper div.combiner div.combiner-events .combiner-events-4 {background: url('/images/kombinatoren/combiner-box-bg.png') no-repeat 0 -167px; height: 120px; margin: 5px 0px; padding: 4px 5px 5px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-4 .combiner-events-content { text-align: center; padding: 3px 15px 5px;} /* Internet-Boxen */ #main div.wrapper div.combiner div.combiner-events .combiner-events-1-wide {background: url('/images/kombinatoren/combiner-box-bg.png') no-repeat -365px 0; float:left; height: 108px; margin:0px; padding: 4px 4px 5px 6px; width:149px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-wide .combiner-events-content { text-align: center; padding: 5px 15px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-wide .combiner-events-content input.checkbox { margin: 5px auto 25px;} *+html #main div.wrapper div.combiner div.combiner-events .combiner-events-1-wide .combiner-events-content input.checkbox { margin: 3px auto 20px;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-wide .combiner-events-img-upload-1 {left: 0px; position:absolute; top:0; z-index:2;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-wide .combiner-events-img-upload-2 {left: 65px; position:absolute; top:0; z-index:2;} #main div.wrapper div.combiner div.combiner-events .combiner-events-1-wide .combiner-events-img-up-5 {left: 65px; position:absolute; top:0; z-index:1;} /* Teaser */ #main div.wrapper div.combiner .combiner-extra { border-top: 1px #898989 dotted; min-height: 64px;padding: 15px 0;} *+html #main div.wrapper div.combiner .combiner-extra { padding-bottom : 0; } #main div.wrapper div.combiner .combiner-extra h3{ margin: 0;} #main div.wrapper div.combiner .combiner-teaserlist {height: 116px; padding: 15px 0 10px; position:relative; width: 484px;} #main div.wrapper div.combiner .combiner-teaserlist .combiner-teaser {position:absolute;} /* Items */ #main div.wrapper div.combiner div.combiner-selected { overflow: hidden;} #main div.wrapper div.combiner div.combiner-selected .item{ background: url('/images/kombinatoren/slider_m_bg.png') no-repeat -442px 0; color: #000142 ;font-family: Arial,sans-serif ; font-size: 11px; padding-left: 15px;top:0;} #main div.wrapper div.combiner div.combiner-selected .item-abs{position:absolute;} #main div.wrapper div.combiner div.combiner-selected .selected_item{height: 16px;} #main div.wrapper div.combiner div.combiner-selected .notselected_item{height:0; overflow:hidden; position:relative;} #main div.wrapper div.combiner div.combiner-selected div.combiner-selected-items { float: left; width: 343px; } #main div.wrapper div.combiner div.combiner-selected div.combiner-selected-items h4 { margin: 0 0 10px; } #main div.wrapper div.combiner div.combiner-selected div.combiner-selected-items p{margin:0; } /* PriceModule */ div.combiner-selected .price-mod {padding-left:5px;} #main div.wrapper div.combiner-selected .combiner-selected-price { float: left; width: 138px; } #main div.wrapper div.combiner-selected .combiner-selected-price-frame span{font-family:"Helvetica Neue W01 67 Md Cn",Helvetica,Arial,sans-serif;} #main div.wrapper div.combiner-selected .combiner-selected-price h4 { margin: 0px 5px 5px 0; } #main div.wrapper div.combiner-selected .combiner-selected-price-frame{color: #000142; height: 50px; line-height: 1; position: relative;} #main div.wrapper div.combiner-selected .combiner-selected-price-euro {font-family:"Helvetica Neue W01 77 Bd Cn" ,Helvetica,Arial,sans-serif; font-size: 46px; text-align: right; position: absolute; right: 82px; top: 0;} #main div.wrapper div.combiner-selected .combiner-selected-price-trim {font-size: 22px; position: absolute;right: 78px;top: 19px;} #main div.wrapper div.combiner-selected .combiner-selected-price-cent{font-size: 22px;position: absolute;right: 55px;top: 4px;} #main div.wrapper div.combiner-selected .combiner-selected-price-currency { font-size: 14px; position: absolute; right: 29px;top: 26px;} #main div.wrapper div.combiner-selected .combiner-selected-price-fn { font-size: 10px; left: 111px; top: 20px; position: absolute;} /* Slider */ #main div.wrapper div.combiner div.combiner-events #blank-slider-programm-bg { background: url('/images/kombinatoren/slider_m_bg.png') no-repeat 0px -16px; height: 20px; z-index: 0; } *+html #main div.wrapper div.combiner div.combiner-events #blank-slider-programm-bg { margin-top: 5px;} #main div.wrapper div.combiner div.combiner-events .blank-slider { background: url('/images/kombinatoren/slider_m_bg.png') no-repeat 0px -16px; height: 20px; z-index: 0; } #main div.wrapper div.combiner div.combiner-events .blank-slider-download-bg { background-position: 0 -70px; height: 24px; position: absolute; width: 410px; } #main div.wrapper div.combiner div.combiner-events .blank-slider-tele-bg { background-position: 0 -248px; height: 24px; position: absolute; width: 437px; } #main div.wrapper div.combiner div.combiner-events .blank-slider-up-bg{ background-position: 0 -129px; height: 24px; position: absolute; width: 126px;} #main div.wrapper div.combiner div.combiner-events .blank-slider-international-bg { background-position: 0 -189px; height: 24px; position: absolute; width: 284px; } #main div.wrapper div.combiner .jslider-pointer i { background: url('/images/kombinatoren/slider_m_bg.png') no-repeat left center; display: block; height: 20px; left: 10px; position: absolute; } #main div.wrapper div.combiner .slider-download .jslider .jslider-pointer { background-position: -202px 2px; height:24px; } #main div.wrapper div.combiner .slider-download .jslider .jslider-pointer i {background-position: 0 -44px; height: 24px; } #main div.wrapper div.combiner .slider-tele .jslider .jslider-pointer { background-position: -202px 2px; height:24px; } #main div.wrapper div.combiner .slider-tele .jslider .jslider-pointer i {background-position: 0 -220px; height: 24px; } #main div.wrapper div.combiner .slider-international .jslider .jslider-pointer { background-position: -202px 2px; height:24px; } #main div.wrapper div.combiner .slider-international .jslider .jslider-pointer i {background-position: 0 -163px; height: 24px; } #main div.wrapper div.combiner .slider-upload .jslider .jslider-pointer { background-position: -202px 2px; height:24px; } #main div.wrapper div.combiner .slider-upload .jslider .jslider-pointer i {background-position: 0 -102px; height: 24px; } #main div.wrapper div.combiner .slider-upload .jslider .jslider-bg {display: none;} #main div.wrapper div.combiner .jslider { display: block; font-family: Arial, sans-serif; height: 1em; position: relative; top: 7px; width: 100%; } #main div.wrapper div.combiner .jslider table { border: 0; border-collapse: collapse; width: 100%; } #main div.wrapper div.combiner .jslider td, .jslider th { border: 0; padding: 0; text-align: left; vertical-align: top; } #main div.wrapper div.combiner .jslider table,.jslider table tr,.jslider table tr td { vertical-align: top; width: 100%; } #main div.wrapper div.combiner .jslider .jslider-bg { position: relative; } #main div.wrapper div.combiner .jslider .jslider-pointer { background: url('/images/kombinatoren/slider_m_bg.png') no-repeat -202px 0; cursor: pointer; height: 20px; left: 20%; margin-left: 0px; position: relative; top: -7px; width: 8px; } #main div.wrapper div.combiner .jslider .jslider-pointer-to { left: 80%; } #main div.wrapper div.combiner .jslider .jslider-label { color: black; font-size: 9px; left: -5px; line-height: 12px; opacity: 0.4; padding: 0px 2px; position: absolute; top: 15px; white-space: nowrap; } #main div.wrapper div.combiner .jslider .jslider-label-to { right: -8px; text-align: right; } #main div.wrapper div.combiner .jslider .jslider-value {background: white;display: none; font-size: 9px;left: 20%;line-height: 12px;padding: 1px 2px 0;position: absolute;top: -19px;white-space: nowrap;} #main div.wrapper div.combiner .jslider .jslider-value-to { left: 80%; } #main div.wrapper div.combiner .jslider .jslider-value span { display: none; } #main div.wrapper div.combiner .jslider .jslider-label small, #main div.wrapper div.combiner .jslider .jslider-value small { position: relative; top: -0.4em; } #main div.wrapper div.combiner .jslider .jslider-scale { position: relative; top: -9px; } #main div.wrapper div.combiner .jslider .jslider-scale span { border-left: 1px solid #999; font-size: 0; height: 5px; position: absolute; } #main div.wrapper div.combiner .jslider .jslider-scale ins { color: #999; font-size: 9px; left: 0px; position: absolute; text-decoration: none; top: 5px; } #main div.wrapper div.combiner .jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label { display: none; } #main div.wrapper div.combiner .jslider-pointer p { display: block; height: 20px; position: absolute; } #main div.wrapper div.combiner .jslider-pointer i { background: url('/images/kombinatoren/slider_m_bg.png') no-repeat scroll left 2px transparent; } /* 3play */ .load-combiner .combiner .combiner-ev #combiner-container-hd {height:0; overflow:hidden; position:relative;} /* edit-mobil body.combiner3play #main {background: #fff url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat -439px -1px;} */ body.combiner3play #main { background: #fff url('/images/kombinatoren/bg-3play-combiner-mobil.png') no-repeat -227px 0;} body.combiner3play .inactive-playicons{background: url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat -387px -530px; padding-right:55px;} body.combiner3play .invisible{visibility: hidden;} body.combiner3play .loader {left: 45%; position:absolute; top:15%;} body.combiner3play .active-playicons{background: url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat -387px -547px; padding-right:55px;} /*body.combiner3play #main h1 { border-bottom: 0pt none; margin: 0pt; }*/ /* Should be removed after next full publication */ body.combiner3play #main h2 { border-bottom: 0pt none; margin: 0pt; } /* ***** */ body.combiner3play #main .trigger_info_layer {background-position: 1px -202px; height: 10px; position:static; width: 10px;} /* common style */ body.combiner3play #main div.wrapper .price-mod { text-align:left; } body.combiner3play #main div.wrapper .price-mod > div {padding: 0 0 0 7px; } body.combiner3play #main div.wrapper .legaltext { color:#666; display:block; font-size:10px; text-align:left; margin-bottom:7px;} body.combiner3play #main div.wrapper div.combiner div.combiner-events .blank-slider-3play{ background-position: -276px -131px; height: 25px; position: absolute; width: 140px;} body.combiner3play #main div.wrapper div.combiner div.combiner-events .blank-slider-3play-internet .jslider-pointer {background-position: -238px 0;} body.combiner3play #main div.wrapper div.combiner div.combiner-events .blank-slider-3play-internet .jslider-pointer i{background-position: -130px -131px;} body.combiner3play #main div.wrapper div.combiner div.combiner-events .blank-slider-3play-phone .jslider-pointer {background-position: -226px 0;} body.combiner3play #main div.wrapper div.combiner div.combiner-events .blank-slider-3play-phone .jslider-pointer i{background-position: -133px -105px;} body.combiner3play #main div.wrapper div.combiner div.combiner-events .blank-slider-3play-tv .jslider-pointer {background-position: -214px 0;} body.combiner3play #main div.wrapper div.combiner div.combiner-events .blank-slider-3play-tv .jslider-pointer i{background-position: -274px -105px;} /* style */ /* edit */ body.combiner3play #main div.wrapper .combiner-border {border-bottom: 1px dotted #000142; height:1px; margin:0; padding:0;} body.combiner3play #main div.wrapper .combiner-link {padding-top:10px;} body.combiner3play #main div.wrapper .combiner-v2 .combiner-link {padding-top:35px;} body.combiner3play #main div.wrapper .load-combiner{ margin: 0; padding: 0; text-align: left;} body.combiner3play #main div.wrapper .load-combiner .combiner{margin-right:1px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev { float: left; /*height: 401px;*/ padding: 5px 10px; width: 506px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-slider-label {background: url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat -72px -521px; height: 7px; margin-bottom: 20px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-container{margin-top:5px; position:relative;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-container ul{left:0; position:absolute; top:0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-container ul.combiner-tv-allstars-txt li {margin-right: -5px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-tv-highlights, body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-tv-allstars {position: absolute;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual { height: auto;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual img { position: absolute; top: 36px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual h3{background: url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat -235px -446px; font-family:"Helvetica Neue W01 67 Md Cn", Helvetica, Arial, san-serif;font-size:22px; height: 30px;left:10px; line-height: 30px; padding:0 5px 0 40px; position: absolute;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-internet, body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-phone, body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-tv{float:left; height:200px; position: relative; width:168px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-internet{} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-internet h3{color:#00a0e0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-internet h3.inactive{background-position: -235px -556px; color:#b1b1b1;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-phone{} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-phone h3{background-position:-275px -486px; ;color:#519722;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-phone h3.inactive{background-position:-275px -597px; ;color:#b1b1b1;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-phone .combiner-visual-phone-header{} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-tv{} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-tv h3{background-position:-315px -526px;color:#e60f46} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-tv h3.inactive{background-position:-315px -638px;color:#b1b1b1} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-visual .combiner-visual-tv .combiner-visual-tv-header{} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events {color: #000142; padding-bottom: 0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events p {margin:0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events table {margin:0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events ul {margin:0 5px 5px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events ul li {line-height: 14px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-inner{background: url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat; height: 174px; padding: 6px 14px 8px 11px; width: 143px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-internet{float: left;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-internet-inner ul li {background-position: -384px -21px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-internet .combiner-slider-label{} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-phone{float: left;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-phone-inner ul li{background-position: -356px -47px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-phone .combiner-slider-label{background-position: -73px -536px; } body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-tv{float: left;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-tv-inner ul li{background-position: -328px -73px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-ev .combiner-events .combiner-events-tv .combiner-slider-label{background-position: -73px -551px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection {background: url('/images/kombinatoren/bg-3play-combiner-mobil.png') no-repeat 0 0; float: left; height: 467px; padding: 13px 14px 32px 14px; width: 176px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-border {margin: 0 0px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection h3, body.combiner3play #main div.wrapper .combiner-suggestion h3{border-bottom: 1px dotted #000142; color:#000142; font-family:"Helvetica Neue W01 67 Md Cn", Helvetica, Arial, san-serif;font-size:20px; height:29px; padding: 5px 5px 0; margin: 0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected .note{font-size:12px; padding-top:25px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected .hotline{font-size:20px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected .fees{font-size:10px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected #combiner-price-notice { height: 65px; background: url('/images/backgrounds/um-visuals-3play-combiner-eyecatcher.png') no-repeat -100px 0px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected #combiner-price-notice.guenstigsterPreis { background-position: 0 -200px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected #combiner-price-notice.bestesAngebot { background-position: 0 -700px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected #combiner-price-notice.vollesEntertainment {background-position: 0 -300px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected #combiner-price-notice.vollesEntertainmentInHd {background-position: 0 -100px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected #combiner-price-notice.maximalesErlebnisInHd {background-position: 0 0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected #combiner-price-notice.maximalesErlebnis {background-position: 0 -400px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected p{color: #666; padding: 0 5px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected div p{ color: #000142; padding: 15px 0 0 5px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected .combiner-price {height: 165px;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection.combiner-v2 .combiner-selected .combiner-price {height: 200px; margin: 10px 0;} body.combiner3play #main div.wrapper .load-combiner .combiner .combiner-selection .combiner-selected .combiner-price p{height:23px; padding: 5px 0 0 5px;} body.combiner3play #main div.wrapper .combiner-suggestion {background: url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat 0 -193px; float: right;height: 355px; margin: 22px 10px 0pt 0pt; padding: 5px 14px 5px 14px; width: 176px;} body.combiner3play #main div.wrapper .combiner-suggestion .combiner-selected {margin: 40px 0 0;} *+html body.combiner3play #main div.wrapper .combiner-suggestion .combiner-selected {margin:35px 0 0;} body.combiner3play #main div.wrapper .combiner-suggestion ul {margin:0; width: 175px;} body.combiner3play #main div.wrapper .combiner-suggestion ul li { background: url('/images/kombinatoren/um-3play-combiner-bg.png') no-repeat -418px -490px; padding:0 0 10px 20px;} body.combiner3play #main div.wrapper .combiner-suggestion .combiner-border { margin: 0 0 5px;} body.combiner3play #main div.wrapper .combiner-suggestion .combiner-suggestion-info{border-bottom:1px dotted #000142;height:120px; padding:10px 0;} body.combiner3play #main div.wrapper .combiner-suggestion .combiner-suggestion-info ul li {line-height: 13px;} body.combiner3play #main div.wrapper .combiner-suggestion .combiner-suggestion-else{margin: 0 0 22px; text-align:right;} body.combiner3play #main div.wrapper .combiner-suggestion .combiner-suggestion-teaser {position: absolute;} body.combiner3play #main div.wrapper .combiner-suggestion .combiner-selected .price-mod .order_price { margin: 0 0 0 40px; } body.combiner3play #main div.wrapper .combiner-suggestion .combiner-suggestion-image {left:0; position: absolute; top: 128px;} .load-combiner .hd-promotion { position: relative; top:-8px; margin:8px 5px 10px 7px !important;} .load-combiner .hd-promotion-txt{color:#E60F46;} *+html #main div.wrapper div.combiner div.combiner-events .hd-promotion {top: 5px; margin:12px 2px 14px 3px !important;} /* MobilKombinator */ body.combiner_mobil #main div.wrapper div.load-combiner { background : url('/images/backgrounds/um-mobile-start-visual-blank.png') no-repeat top left; margin-bottom:0; } body.combiner_mobil #main div.wrapper div.combiner { padding : 0 10px; } body.combiner_mobil .combiner-events { padding-bottom : 15px; z-index: 100; } body.combiner_mobil .combiner-events-content { height: 35px; } body.combiner_mobil #main .combiner-events-content .layout-slider { padding-top: 5px; } body.combiner_mobil #main .combiner-events-content .combiner-events-slider table { margin: 0; } body.combiner_mobil #main .load-combiner .trigger_info_layer { position:absolute; width: 25px; } body.combiner_mobil #main div.wrapper .info_layer { left: -40px; top: 34px; } body.combiner_mobil #main .load-combiner .combiner h3{ margin:0; } #main div.combiner-visual-mobil { height: 230px; } #main div.combiner-visual-mobil-xmas { height: 303px; } #main div.combiner p.guide_text { color : #666; font-family : 'Helvetica Neue W01 67 Md Cn',Helvetica,Arial,sans-serif; font-size : 15px; margin : 0 0 10px; text-align : left; position: relative; z-index: 10; } .combiner-visual-mobil img { position:absolute; top:0; left:0; } .mobil_checkbox h3, .mobil_slider h3 { line-height : 1; padding : 0 !important; } .mobil_checkbox { background : url('/images/backgrounds/um-mobile-start-box.png') no-repeat scroll right top; height : 75px; padding : 20px 5px 5px; position : relative; width : 120px; } .mobil_checkbox input { margin : 10px 0 12px; padding: 0;} *+html .mobil_checkbox input { margin : 10px 0 6px; padding: 0;} .mobil_checkbox .trigger_info_layer { left : 81px; top : 61px; } .mobil_checkbox #overlay-voice-flat { display:none; position:absolute; top:0; left:0; } .mobil_slider { background : url('/images/backgrounds/um-mobile-start-box.png'); height : 75px; padding : 20px 5px 5px; position : relative; width : 343px; } .mobil_slider #pointer-mobil { background-position: 0 -280px !important; } .mobil_product { float : left; margin : 0 15px 0 20px; } .blank-slider-mobil-bg { background-position: 0 -319px !important; position: absolute; height: 25px!important; width:319px;} .mobil_ff .trigger_info_layer { left : 68px; top : 61px; } .mobil_ffs .trigger_info_layer { left : 218px; top : 61px; } .mobil_ans .trigger_info_layer { left : 323px; top : 61px; } body.combiner_mobil #main div.wrapper div.combiner .combiner-selected-items p.item { text-align: left; padding: 0 0 0 20px; position: absolute; left: 0; top:0;} /* MobilKombinator styles V2 */ body.combiner_mobil_v2 #main div.wrapper div.load-combiner { background : #ebebeb url('/images/backgrounds/um-mobile-grey-gradient.png') repeat-x top left; margin-bottom:0; } .slider-switch {display:none;} .slider-switch.active {display:block;} .slider-switch .mobil_checkbox input { margin: 5px 0 12px; } *+html .slider-switch .mobil_checkbox input { margin: 5px 0 6px; } .slider-switch .mobil_product { margin: 0 17px 0 35px ; } .mobil-only-surf{width:175px;} .mobil-only-surf input, .mobil-tariff-option input{ display:block; margin: 0px 45px 10px; } *+html .mobil-only-surf input{ margin: 0px 75px 10px 0; } .mobil-only-surf h3, .mobil-tariff-option h3,mobil_d h3{display:inline;} .mobil-tariff-option{width:300px;} .mobil-tariff-option input{ margin: 0px 150px 10px; } body.combiner_mobil #main .load-combiner .combiner .mobil-tariff-option h3{ margin-left:50px; } body.combiner_mobil #main .load-combiner .combiner .mobil_d h3 { margin: 0 72px 0 35px; overflow: visible; } body.combiner_mobil #main .slider-switch .layout-slider{ padding: 0; } body.combiner_mobil .slider-switch .combiner-events-content{ height: 30px; } body.combiner_mobil #main .load-combiner .combiner .slider-switch #pointer-mobilSlider-duration{ background-position: 0 -368px; } body.combiner_mobil #main .load-combiner .combiner .slider-switch .blank-slider-mobil-duration-bg { background-position: 0 -404px; } #main div.mobil-teaser { text-align: left; padding: 5px 10px; } body.mobil #main div.wrapper div.mobil-teaser h3 span { font-size: 14px; } body.mobil #main ul li, body.mobil #main ol li {background-position:-388px -428px;} #main div.wrapper div.mobil-teaser img.mobil-teaser-image { margin: 0 0 0 10px; } /* Mobil-Infoicons V2 */ .slider-switch .mobil_ff .trigger_info_layer { left: 135px; top: 41px; } .slider-switch .mobil_ffs .trigger_info_layer{ left: 318px; top: 41px; } .slider-switch .mobil_ans .trigger_info_layer{ left: 446px; top: 41px; } .slider-switch .mobil_d .trigger_info_layer{ top: 41px; left: 130px; } .slider-switch .mobil_m .trigger_info_layer{ top: 41px; left: 317px; } .slider-switch .mobilbox3 .trigger_info_layer, .slider-switch .mobilbox4 .trigger_info_layer { top: 41px; left: 160px; } .slider-switch .mobilbox3_os .trigger_info_layer{ top: 41px; left: 100px; } /* Mobil-Boxen V2 */ .mobilbox1, .mobilbox2, .mobilbox2_os, .mobilbox3, .mobilbox3_os, .mobilbox4 { background: url('/images/backgrounds/bg-combiner-mobil-sprite.png') scroll 0px 0px; height:57px; margin: 0 0 5px; padding: 20px 5px 5px; } .mobilbox1 { background-position: 0 0; } .mobilbox2 { background-position: 0px -171px; width: auto; z-index: 150; } .mobilbox2_os { background-position: 0px 263px; width: 330px; } .mobilbox3 { background-position: 0px -260px; margin:0; position:relative; width: 230px; z-index: 100; } .mobilbox3 #overlay-flat { position:absolute; top:0; left: 0; } .mobilbox3_os { background-position: -344px -85px; margin:0; width:130px; } .mobilbox4 { background-position: 240px -260px; margin:0; width: 230px; z-index: 100;} /* ScrollKombinator */ .scroll-combiner { } .scroll-combiner .combiner-visual-internet-img, .scroll-combiner .combiner-visual-phone-img, .scroll-combiner .combiner-visual-tv-img { padding-top: 10px; } #main .scroll-combiner #combiner-container-recorder { background: url('/images/backgrounds/um-kombinator-3play-bg-hd-recorder.png') no-repeat; color:#000142; left:336px; padding:7px 4px 8px; position:absolute; top: 159px; z-index: 3; } #main .scroll-combiner #combiner-container-recorder .active-playicons{background-position:-1067px -560px;} #main .scroll-combiner #combiner-container-recorder .inactive-playicons{background-position:-1067px -543px;} #main .scroll-combiner .combiner-column #combiner-container-hd{ left:5px; top:25px; } #main .scroll-combiner .combiner-column #combiner-container-hd #hd-packet-label { color:#000142; display:inline-block; font:11px/16px Arial, Helvetica, sans-serif; } #main .scroll-combiner .combiner-column { float: left; font-family: 'Helvetica Neue W01 67 Md Cn'; font-size: 13px; height: 172px; overflow: visible; padding: 0 0 0 9px; position: relative; width: 159px; margin-bottom:18px; } #main .scroll-combiner .combiner-column-internet {z-index:30;} #main .scroll-combiner .combiner-column-phone { z-index:20;} #main .scroll-combiner .combiner-column-tv { z-index:10;} #main .scroll-combiner .combiner-column-internet .product { color: #00a0e0;} #main .scroll-combiner .combiner-column-phone .product { color: #519722;} #main .scroll-combiner .combiner-column-tv .product { color: #e60f46;} #main .scroll-combiner .combiner-column-tv .product .name{display:block; margin-right: -5px;} #main .scroll-combiner .combiner-column-internet .combiner-column-cell { cursor: pointer; height: 21.5px; width: 127px; } #main .scroll-combiner .combiner-column-phone .combiner-column-cell { height: 50.5px; width: 127px; } #main .scroll-combiner .combiner-column-tv .combiner-column-cell { height: 30.3px; width: 127px; } #main .scroll-combiner .combiner-column-internet .combiner-column-cell > span, #main .scroll-combiner .combiner-column-phone .combiner-column-cell > span, #main .scroll-combiner .combiner-column-tv .combiner-column-cell > span { border-bottom: 1px dotted #909090; display: block; padding: 0 0 0 5px; } #main .scroll-combiner .combiner-column-internet .combiner-column-cell.last > span, #main .scroll-combiner .combiner-column-phone .combiner-column-cell.last > span, #main .scroll-combiner .combiner-column-tv .combiner-column-cell.last > span { border-bottom: 0 none; } #main .scroll-combiner .combiner-column-internet .combiner-column-cell > span { padding-bottom: 2px; } #main .scroll-combiner .combiner-column-phone .combiner-column-cell > span { padding-bottom: 16px; } #main .scroll-combiner .combiner-column-tv .combiner-column-cell > span { padding-bottom: 6px; } #main .scroll-combiner div.slider_bar { background: url('/images/backgrounds/scombinator_sprite.png') no-repeat -21px 0; height: 170px; position: absolute; right: 15px; top: 0; width: 7px; } #main .scroll-combiner div.slider_element { height: 89px; left: 0; position: absolute; top: 0; width: 160px; } #main .scroll-combiner div.slider_element .slider_element_content { background: url('/images/backgrounds/scombinator_sprite.png') no-repeat right top; height: 65px; padding: 10px 9px 14px; position: absolute; right: 18px; top: -5px; width: 124px; z-index: 5; } #main .scroll-combiner div.slider_element .slider_element_content .no-product { color: #000142; font-family: 'Helvetica Neue W01 67 Md Cn'; font-size: 14px; position: absolute; } #main .scroll-combiner div.slider_element .slider_element_content .price-mod { bottom: 10px; left: 9px; position: absolute; text-align: left; } *+html #main .scroll-combiner div.slider_element .slider_element_content .price-mod {top: 40px; } #main .scroll-combiner div.slider_element .slider_element_content .price-mod .pre { font-size: 12px; } #main .scroll-combiner div.slider_element .slider_element_content .price-mod .euro, #main .scroll-combiner div.slider_element .slider_element_content .price-mod .comma { font-size: 32px; letter-spacing: -0.5px; } #main .scroll-combiner div.slider_element .slider_element_content .price-mod .cents { font-size: 16px; top: -11px; } #main .scroll-combiner div.slider_element .slider_element_content .price-mod .currency { font-size: 12px; padding-left: 2px; } #main .scroll-combiner div.slider_element .slider_element_arrow { background: url('/images/backgrounds/scombinator_sprite.png') no-repeat 139px 0; cursor: pointer; height: 89px; position: absolute; right: 0; top: -5px; width: 160px; z-index: 10; } #main .scroll-combiner div.slider_element .slider_element_arrow .next_higher, #main .scroll-combiner div.slider_element .slider_element_arrow .next_lower { height:18px; position: absolute; top: 0; right:0; width:20px;} #main .scroll-combiner div.slider_element .slider_element_arrow .next_lower {top:auto; bottom: 0;} #main .scroll-combiner .combiner-column-internet div.slider_element .slider_element_arrow { background-position: 139px 0; } #main .scroll-combiner .combiner-column-phone div.slider_element .slider_element_arrow { background-position: 139px -88px; } #main .scroll-combiner .combiner-column-tv div.slider_element .slider_element_arrow { background-position: 139px -176px; } #main .scroll-combiner div.slider_element .slider_element_arrow .trigger_info_layer {left:120px; position: absolute; top: 22px;} #main .scroll-combiner div.slider_element .slider_element_arrow .info_layer_325, #main .scroll-combiner div.slider_element .slider_element_arrow .info_layer_375 {font:11px/16px Arial, Helvetica, sans-serif; left: 84px; top:37px;} #main .scroll-combiner div.slider_element .slider_element_arrow .info_layer_325 li {background-position: -355px -47px;} #main .scroll-combiner div.slider_element .slider_element_arrow .info_layer_375 li{background-position: -327px -73px;} .combiner-legaltext { position: absolute; top: 410px; width: 180px; } /* 3.5.20 Mein Unitymedia */ body.mein_unitymedia #container #main{ background: #fff !important; width: 668px; } body.mein_unitymedia #container #main div.wrapper {background: #fff; padding:0;} .banner_w468_h60 { border: 1px dotted #898989; border-width: 1px 0; margin: 0 0 20px; padding: 9px; } .banner_w468_h60 > div { height: 60px; margin: 0 auto; width: 468px; } .columnar.two_columns a{ cursor: pointer;} .columnar .column_left { float: left; } .columnar .column_right { float: right; width: 208px; } #main div.wrapper .news_teaser { margin: 0 0 15px; width: 208px; } #main div.wrapper .news_teaser h4 { font-family: 'Helvetica Neue W01 67 Md Cn', Helvetica, Arial; font-size: 14px; font-weight: normal; letter-spacing: normal; margin: 0; padding: 10px 0 0; } #main div.wrapper .news_teaser .content { line-height: 14px; padding: 5px 0; } #main div.wrapper .news_teaser .link { padding: 0 5px; text-align: right; } #main div.wrapper .news_teaser .link a { background: transparent url('/images/backgrounds/el_arrowlink.png') no-repeat 0 5px; padding-left: 15px; } .teasergroup .image_mask { margin: 0 0 15px; } .image_mask { overflow: hidden; position: relative; } .image_mask span { background: url('/images/backgrounds/mein_unitymedia_image_masks.png') no-repeat 0 0; display: block; left: 0; position: absolute; top: 0; } .image_mask > a { display: block; } .mask_w208_h80 { height: 80px; width: 208px; } .mask_w208_h80 span { background-position: 0 0; height: 80px; width: 208px; } .mask_w208_h80 img { width: 208px; } .mask_w438_h129 { padding: 0px; width: 438px; } /*.mask_w438_h129 span { background-position: 0 -80px; height: 129px; width: 438px; }*/ /* 3.6 Sidebar */ /* 3.6.1 Sidebar Navigation */ div#sidebar{clear:both;float:left;width:150px;} div#sidebar ul#subnav{border-bottom:1px dotted #000142;}/*theme default*/ body.internet div#sidebar ul#subnav{border-color:#00a0e0;}/*theme internet*/ body.phone div#sidebar ul#subnav{border-color:#519722;}/*theme phone*/ body.tv div#sidebar ul#subnav{border-color:#e60f46;}/*theme tv*/ body.mobil div#sidebar ul#subnav{border-color:#B1C600; }/*theme mobil*/ * html div#sidebar ul#subnav{float:left;border:none;background:transparent url("/images/elements/el_hline.png") repeat-x 0 100%;}/*theme default for IE6*/ * html body.internet div#sidebar ul#subnav{background-image:url("/images/elements/el_hline_internet.png");}/*theme internet for IE6*/ * html body.phone div#sidebar ul#subnav{background-image:url("/images/elements/el_hline_phone.png");}/*theme phone for IE6*/ * html body.tv div#sidebar ul#subnav{background-image:url("/images/elements/el_hline_tv.png");}/*theme tv for IE6*/ /* 3.6.2 Sidebar Navigation - Level 1 */ div#sidebar ul#subnav li{border-top:1px dotted #000142;font-size:12px;line-height:normal;}/*theme default*/ body.internet div#sidebar ul#subnav li{border-color:#00a0e0;}/*theme internet*/ body.phone div#sidebar ul#subnav li{border-color:#519722;}/*theme phone*/ body.tv div#sidebar ul#subnav li{border-color:#e60f46;} /*theme tv*/ body.mobil div#sidebar ul#subnav li{border-color:#B1C600;} /* theme mobil */ * html div#sidebar ul#subnav li{float:left;clear:both;width:150px;border:none;background:transparent url("/images/elements/el_hline.png") repeat-x 0 0;}/*theme default for IE6*/ * html body.internet div#sidebar ul#subnav li{background-image:url("/images/elements/el_hline_internet.png");}/*theme internet for IE6*/ * html body.phone div#sidebar ul#subnav li{background-image:url("/images/elements/el_hline_phone.png");}/*theme phone for IE6*/ * html body.tv div#sidebar ul#subnav li{background-image:url("/images/elements/el_hline_tv.png");}/*theme tv for IE6*/ * html body.mobil div#sidebar ul#subnav li{background-image:url("/images/elements/el_hline_mobil.png");}/*theme mobil for IE6*/ /* 3.6.3 Sidebar Navigation - Links */ div#sidebar ul#subnav li a{ color:#797979; display:block; margin:3px 0; padding:14px 0 15px 3px;}/*theme default*/ div#sidebar ul#subnav li a span {background:transparent url("/images/elements/el_items.png") no-repeat; background-position: -182px -225px; display:block; padding-left:11px;} div#sidebar ul#subnav li a.active-bg { background-color: #f3f3f3;} div#sidebar ul#subnav li a.active span { background-position: -81px -331px; color:#000142; font-weight: bold; } body.internet div#sidebar ul#subnav li a span{background-position:-157px -252px; }/*theme internet*/ body.internet div#sidebar ul#subnav li a.active span { background-position:-54px -357px; color:#00a0e0;} body.phone div#sidebar ul#subnav li a span {background-position: -131px -279px;} body.phone div#sidebar ul#subnav li a.active span {background-position: -27px -381px; color:#519722;} body.tv div#sidebar ul#subnav li a span{background-position:-107px -306px;}/*theme tv*/ body.tv div#sidebar ul#subnav li a.active span { background-position:0px -406px; color:#e60f46;} body.mobil div#sidebar ul#subnav li a span{background-position:-221px -7px;}/*theme mobil*/ body.mobil div#sidebar ul#subnav li a.active span { background-position:-195px -32px; color:#B1C600;} div#sidebar ul#subnav li.subitems a{padding-left:11px;} div#sidebar ul#subnav li ul li ul li a span { margin-left: 22px;} *+html div#sidebar ul#subnav li a {padding-bottom:15px !important;}/*adjust IE7*/ div#sidebar ul#subnav li a:hover{color:#000142;text-decoration:none;}/*theme default*/ body.internet div#sidebar ul#subnav li a:hover{color:#00a0e0;}/*theme internet*/ body.phone div#sidebar ul#subnav li a:hover{color:#519722;}/*theme phone*/ body.tv div#sidebar ul#subnav li a:hover{color:#e60f46;}/*theme tv*/ body.mobil div#sidebar ul#subnav li a:hover{color:#B1C600;}/*theme mobil*/ /* 3.6.5 Sidebar Navigation - Level 2 */ div#sidebar ul#subnav li ul{border:none;margin:0px;} div#sidebar ul#subnav li ul li{font-size:11px;line-height:normal;} * html div#sidebar ul#subnav li ul li{width:136px;} /* 3.6.6 Sidebar Navigation - Level 2 Links */ div#sidebar ul#subnav li ul li a{font-size:11px;line-height:14px; padding:9px 0 9px 0px !important; }/*theme default*/ div#sidebar ul#subnav li ul li a span{ margin-left: 13px;} *+html div#sidebar ul#subnav li ul li a{padding-top:8px !important;}/*adjust IE7*/ /* Sidebar Navigation - Level 3 Links */ div#sidebar ul#subnav li ul li ul li a{font-size:11px;line-height:14px; padding:9px 0 9px 0px !important;}/*theme default*/ /*body.combi div#sidebar ul#subnav li.active{background:#f3f3f3;}*/ /* 3.6.8 Sidebar Service */ div#extra{float:left;width:225px;margin-bottom:25px;} * html div#extra{overflow:hidden;} /* edit-redesign div#extra div.teaser{margin:0 0 15px 0;padding-bottom:10px;background:#ededed url("/images/backgrounds/bg_extrateaser.png") no-repeat left bottom;width:225px;} */ div#extra div.teaser{border: 1px solid #DFDFDF; margin:0 0 15px 0;padding-bottom:10px;background:#F3F3F3;width:225px;} /* edit-redesign div#extra div.teaser div.sidebar_wrapper{margin:0;padding:2px 10px 5px;background:#ededed url("/images/backgrounds/bg_extrateaser.png") no-repeat left top;} */ div#extra div.teaser div.sidebar_wrapper{margin:0;padding:2px 10px 5px;} div#extra div.teaser img{float:left;margin:2px 8px 0 0;} div#extra div.teaser img.visual{margin:0 0 10px;} div#extra div.teaser img.mspace{margin: 10px 0;} div#extra div.teaser h4{clear:both;padding:10px 0 4px;width:205px;} div#extra div.teaser h4 img{float:none;} /*edit*/ div#extra div.teaser span.headline{ clear:both; color: #051248; font:14px 'Helvetica Neue W01 67 Md Cn',Helvetica,sans-serif; padding:10px 0 4px;width:205px;} div#extra div.teaser span.headline.border { border-bottom: 1px dotted; } div#extra div.teaser span.headline img{float:none;} div#extra div.teaser p{margin:0 10px 6px;line-height:14px;} /* delete */ /* div#extra div.teaser a{line-height:14px;} */ div#extra div.teaser a.rsslink{background-position:-60px -115px;} div#extra div.teaser div.info{clear:both;padding-top:8px;} div#extra div.teaser div.info p{font-size:9px;line-height:12px !important;} div#extra div.teaser div.copy h5{margin:0 0;font-weight:bold;} div#extra div.teaser div.copy p{margin:0 0 8px;} * html div#extra div.teaser div.info p{margin-top:4px;} div#extra div.teaser form fieldset{padding-bottom:15px;width:204px;} div#extra div.teaser form#search_faqs fieldset{border-bottom:1px dotted #898989;} * html div#extra div.teaser form#search_faqs fieldset{position:relative;border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;width:204px;overflow:hidden}/*dotted line for IE6*/ div#extra div.teaser form div.formRow, div#extra div.teaser form div.selectbox_container{margin:0 0 6px;padding:0 0 0;} div#extra div.teaser form label{margin:0 9px 4px 0;width:auto;font-weight:normal;line-height:14px;} div#extra div.teaser form input.button{float:right;margin-right:0;} div#extra div.teaser form select.selectbox, div#extra div.teaser form input.selectbox{width:200px;margin-right:0;} div#extra div.teaser form#search_faqs input.input{width:124px;} div#extra div.teaser form#search_faqs input.button{float:left;margin:2px 0 0 0;} * html div#extra div.teaser form#search_faqs input.button{position:absolute;right:0;} div#extra div.teaser div.sidebar_wrapper div.noSearchField {display:none;} div#extra div.teaser div#help{padding:0 0 10px;border-bottom:1px dotted #898989;} * html div#extra div.teaser div#help{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ div#extra div.teaser div.no_border{padding-bottom:0 !important;border:none !important;} * html div#extra div.teaser div.no_border{background:none !important;} div#extra div.teaser div.help_topics{margin:0 0 2px;padding-bottom:15px;border-bottom:1px dotted #898989;} * html div#extra div.teaser div.help_topics{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ div#extra div.teaser div.help_topics h4 img{margin-top:5px;} div#extra div.teaser div.help_topics span.headline img{margin-top:5px;} div#extra div.teaser div.help_topics_container{background:#fff;border:1px solid #898989;width:200px;height:220px;overflow:scroll;} div#extra div.teaser div.help_topics_container ul{margin:0 10px;width:150px;overflow:hidden;} div#extra div.teaser div.help_topics_container ul li{padding:0;background:none;} div#extra div.teaser div.help_topics_container ul li span{display:block;margin-top:5px;font-size:13px;font-weight:bold;} div#extra div.teaser div.tagcloud{padding-bottom:15px;border-bottom:1px dotted #898989;} * html div#extra div.teaser div.tagcloud{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ div#extra div.teaser div.tagcloud a{color:#666;line-height:normal;} div#extra div.teaser div.tagcloud .tagCloudPrio1{font-size:15px;}/* Prioritaet sehr hoch */ div#extra div.teaser div.tagcloud .tagCloudPrio2{font-size:13px;}/* Prioritaet hoch*/ div#extra div.teaser div.tagcloud .tagCloudPrio3{font-size:11px;}/* Prioritaet mittel*/ div#extra div.teaser div.tagcloud .tagCloudPrio4{font-size:9px;}/* Prioritaet niedrig*/ /* Hide Service Hotline (e.g. on Affiliate Pages)*/ body.hide_hotline div#extra div.teaser .service_hotline{display:none;} body.hide_hotline div#extra div.teaser div#help{border:none;padding:0;} body.hide_hotline div#extra .teaserContent_servicenumber{display: none;} div#extra #help{border-bottom: 1px dotted #898989; padding: 0 0 10px;} body.hide_hotline div#extra #help{border-bottom: 0; padding: 0;} #iframe_availability_check{margin:0 0 15px 0;border:0;width:225px;height:215px;overflow:hidden;} /* TODO: remove after replacement of iframe with with content from sales app */ iframe.iframe_sidebar{margin:0 0 0;width:202px;overflow:hidden;} iframe.iframe_home{margin:0 0 0 10px;width:270px;height:130px;overflow:hidden;} iframe.autoSize{height:auto !important;margin-bottom:100px !important;} /* 3.6.9 Customer/Webmail Login Teaser with Info Layer */ div#extra div.teaser span.trigger_info_layer{z-index:20;position:absolute;right:3px;top:5px;float:left;display:block;width:15px;height:25px;background:transparent url("/images/elements/el_arrowlink.png") no-repeat 3px -199px;cursor:pointer;} div#extra div.teaser span.trigger_info_layer.trigger_info_layer_di{display:inline-block; float:none; height:15px; position:static; width: 15px;} div#extra div.teaser div.hidden{display:none;} div#extra div.teaser div.info_layer_container{position:relative;} div#extra div.teaser div.info_layer{z-index:10;position:absolute;left:-100px;top:20px;width:270px;height:200px;color:#000142 !important;} * html div#extra div.teaser div.info_layer{top:27px;} *+html div#extra div.teaser div.info_layer{top:27px;} div#extra div.teaser div#info_layer_customer_login{left:-112px;} div#extra div.teaser div#info_layer_webmail_login{left:0;} div#extra div.teaser div.info_layer_top{background:transparent url("/images/backgrounds/bg_info_layer_top.png") no-repeat 0 0;width:270px;height:11px;} div#extra div.teaser div.info_layer_wrapper{padding:10px 25px 20px 15px;background:transparent url("/images/backgrounds/bg_info_layer.png") no-repeat 0 100%;} * html div#extra div.teaser div.info_layer_wrapper{position:absolute;top:11px;left:0;padding-bottom:15px;background-image:url("/images/backgrounds/bg_info_layer_ie6.png");} div#extra div.teaser div.info_layer h5{margin:0 0 5px;font-weight:bold;} div#extra div.teaser ul.tabnav li{position:relative;float:left;display:block;width:112px;height:27px;background:transparent url("/images/backgrounds/bg_sidebar_tabnav.png") no-repeat 0 0;} div#extra div.teaser ul.tabnav li.first{width:113px;} div#extra div.teaser ul.tabnav li.active{background-position:-115px 0;} div#extra div.teaser ul.tabnav li a{display:block;width:112px;height:27px;} div#extra div.teaser ul.tabnav li a span{display:none;} div#extra div.teaser ul.tabnav li#customer_login_tab a{background:url("/images/headlines/hl_sidebar_tab_customer_login.png") no-repeat 8px 8px;} div#extra div.teaser ul.tabnav li#webmail_login_tab a{background:url("/images/headlines/hl_sidebar_tab_webmail_login.png") no-repeat 8px 8px;} div#extra div.teaser ul.tabnav li.active a{background-position: 8px -32px !important;cursor:default;} div#extra div.teaser div.tabcontent{display:none;clear:both;padding-top:10px;background-position:0 -20px;} div#extra div.teaser div.active{display:block !important;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ * * 3.6.10 Verfügbarkeitscheck Navigation (links) und Teaser (rechts) * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++ * * Navigation links * +++++++++++++++++ */ body #sidebar .availability_check_navigation{width:130px;margin-left:0} body #sidebar .availability_check_navigation #availability_result{width:130px;} body #sidebar .availability_check_navigation div.error_message{color: #E60F46;margin: -10px 0 10px 0;} body #sidebar .availability_check_navigation div.formRow{padding-bottom: 0} body #sidebar .availability_check_navigation div.formRow div{padding-bottom:10px} body #sidebar .availability_check_navigation div.formRow label{width:22px !important} body #sidebar .availability_check_navigation div.formRow label.compact{width:22px !important;float:left;display:inline-block;margin-right:5px;margin-bottom:4px;font-weight:bold;line-height:22px} body #sidebar .availability_check_navigation input.input, body #sidebar .availability_check_navigation select{width:95px;margin:0;margin-bottom:6px} body #sidebar .availability_check_navigation select{width:99px} body #sidebar .availability_check_navigation div.formRow input.enable, body #sidebar .availability_check_navigation div.formRow input.enable{background-color:#efefef !important;cursor:default} body #sidebar .availability_check_navigation div.submitRow{margin:5px 0 5px 0} body #sidebar .availability_check_navigation div.formRow input.availability{margin-right:0;background:#00A1E5 url('/images/buttons/bt_sprite.png') no-repeat -80px 0;width:126px;height:19px} body #sidebar .availability_check_navigation div.availability p{margin-bottom: 9px} /* +++++++++++++++++ * * Teaser rechts * +++++++++++++++++ */ div#extra div.teaser div.availability_check .hidden{display:none;} div#extra div.teaser div.availability_check h4{font-size: 14px;font-family: 'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;border-bottom: 1px dotted #031041;color: #031041;margin-bottom: 10px;} div#extra div.teaser div.availability_check p{margin:0 0 4px;} div#extra div.teaser div.availability_check p.preorder_or_upgrade{padding-top:10px;} div#extra div.teaser div.availability_check fieldset{position:relative;} div#extra div.teaser div.availability_check fieldset div.submitRow{margin-bottom:0;padding:6px 0 0;} div#extra div.teaser div.availability_check fieldset div.formRow div{float:left;} div#extra div.teaser div.availability_check fieldset div.formRow div.postcode{width:60px;} div#extra div.teaser div.availability_check fieldset div.formRow div.house_number{width:54px;} div#extra div.teaser div.availability_check fieldset div.formRow div.street{width:150px;} div#extra div.teaser div.availability_check fieldset div.formRow div.city{width:144px;} div#extra div.teaser div.availability_check fieldset div.formRow label{margin:0;font-weight:bold;} div#extra div.teaser div.availability_check fieldset div.formRow input.input{width:250px;margin-right:0;} div#extra div.teaser div.availability_check fieldset div.formRow div.postcode input.input{width:50px;} div#extra div.teaser div.availability_check fieldset div.formRow div select.select{margin-right:0;width:144px;height:23px;} div#extra div.teaser div.availability_check fieldset div.formRow div.house_number select.select{width:54px;} div#extra div.teaser div.availability_check fieldset div.formRow input.availability{margin-right:0;background:#00a1e5 url("/images/buttons/bt_sprite.png") no-repeat -80px 0;width:126px;height:19px;} div#extra div.teaser div.availability_check fieldset div.formRow input.disabled{background-color:#bbb !important;cursor:default;} div#extra div.teaser div.availability_check fieldset div.formRow div select.disable{color: #aaa;} div#extra div.teaser div.availability_check fieldset div.formRow div select.enable{background-color:#fff} div#extra div.teaser div.availability_check fieldset div.formRow div input.disable{color: #aaa;} div#extra div.teaser div.availability_check fieldset div.formRow div label.disable{color: #aaa;} div#extra div.teaser div.availability_check fieldset div.formRow div.city input{margin-right:0;width:140px;} div#extra div.teaser div.availability_check fieldset div.formRow div.city input.enable, div#extra div.teaser div.availability_check fieldset div.formRow div.city input.disable{background-color:#efefef} * html div#extra div.teaser div.availability_check fieldset div.formRow input.input{padding:2px 0 2px 2px;height:auto;} *+html div#extra div.teaser div.availability_check fieldset div.formRow input.input{padding:2px 0 2px 2px;height:auto;float:left;} div#extra div.teaser div.availability_check div#availability_error{margin-bottom:4px;color:#e60f46;} #main div.wrapper ul.teasers{clear:both;overflow:hidden;margin:0 0 15px 0;} *+html #main div.wrapper ul.teasers{margin-bottom:35px;} /* +++++++++++++++++++ * * Ergebnis für beide * +++++++++++++++++++ */ div#extra div.teaser div.availability_check div#availability_result, body #sidebar .availability_check_navigation div#availability_result{position: relative} div#extra div.teaser div.availability_check div#availability_result .availability, body #sidebar .availability_check_navigation div#availability_result .availability{margin-left: -2px;} div#extra div.teaser div.availability_check div#availability_result p.address, body #sidebar .availability_check_navigation div#availability_result p.address{margin-bottom: 4px} div#extra div.teaser div.availability_check div#availability_result .service_icon, body #sidebar .availability_check_navigation div#availability_result .service_icon {background: transparent url('/images/icons/ic_sprite_availability_check_state.png') no-repeat 0 0;width: 122px;height: 28px;display:block;padding-left:35px;margin-bottom:7px;line-height:13px} div#extra div.teaser div.availability_check div#availability_result .service_icon{width: 181px} div#extra div.teaser div.availability_check div#availability_result div.bcs.service_icon, body #sidebar .availability_check_navigation div#availability_result div.bcs.service_icon{line-height: 13px;margin-bottom: 12px;background-position: 0 -233px; padding-left: 24px;} div#extra div.teaser div.availability_check div#availability_result li.service_icon span, body #sidebar .availability_check_navigation div#availability_result li.service_icon span{font-size:10px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.available.I, body #sidebar .availability_check_navigation div#availability_result li.service_icon.available.I{background-position: 0 0} div#extra div.teaser div.availability_check div#availability_result li.service_icon.available.T, body #sidebar .availability_check_navigation div#availability_result li.service_icon.available.T{background-position: 0 -29px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.available.D, body #sidebar .availability_check_navigation div#availability_result li.service_icon.available.D{background-position: 0 -58px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.available.A, body #sidebar .availability_check_navigation div#availability_result li.service_icon.available.A{background-position: 0 -58px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.available.M, body #sidebar .availability_check_navigation div#availability_result li.service_icon.available.M{background-position: 0 -87px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.not_available.I, body #sidebar .availability_check_navigation div#availability_result li.service_icon.not_available.I{background-position: 0 -116px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.not_available.T, body #sidebar .availability_check_navigation div#availability_result li.service_icon.not_available.T{background-position: 0 -145px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.not_available.A, body #sidebar .availability_check_navigation div#availability_result li.service_icon.not_available.A{background-position: 0 -174px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.not_available.D, body #sidebar .availability_check_navigation div#availability_result li.service_icon.not_available.D{background-position: 0 -174px} div#extra div.teaser div.availability_check div#availability_result li.service_icon.not_available.M, body #sidebar .availability_check_navigation div#availability_result li.service_icon.not_available.M{background-position: 0 -203px} div#extra div.teaser div.availability_check .trigger_info_layer, body #sidebar .availability_check_navigation .trigger_info_layer{display:inline-block;top:21px;left:100px;position:absolute;background:url("/images/elements/el_arrowlink.png") no-repeat scroll 8px -194px transparent;height:25px;width:25px;cursor:pointer;} div#extra div.teaser div.availability_check .trigger_info_layer{top: 35px;left: 154px;} div#extra div.teaser div.availability_check .trigger_info_layer .hidden, body #sidebar .availability_check_navigation .trigger_info_layer .hidden{display:none} div#extra div.teaser div.availability_check .trigger_info_layer .info_layer, body #sidebar .availability_check_navigation .trigger_info_layer .info_layer{position:absolute;z-index:100;left:30px;top:-20px;width:200px;background:#fff;border:1px solid #ababab;} div#extra div.teaser div.availability_check .trigger_info_layer .info_layer{height: 85px} div#extra div.teaser div.availability_check .trigger_info_layer .info_layer, body #sidebar .availability_check_navigation .trigger_info_layer .info_layer{padding:15px 15px 10px;} div#extra div.teaser div.availability_check .trigger_info_layer .info_layer .info_layer_arrow, body #sidebar .availability_check_navigation .trigger_info_layer .info_layer .info_layer_arrow{position:absolute;left:-10px;top:23px;background:url("/images/elements/el_info_layer_sprite.png") no-repeat scroll 0 0 transparent;width:10px;height:19px;}/* 4.0 Teaser */ #main div.wrapper ul.teasers{clear:both;overflow:hidden;margin:0 0 15px 0;} *+html #main div.wrapper ul.teasers{margin-bottom:35px;} /*edit*/ #main div.wrapper ul.teasers li{background:none; display:inline;margin:0;padding:0 0 10px 0;width:244px;} #main div.wrapper ul.teasers li.wide{width:485px;} #main div.wrapper ul.teasers li img{float:left;} #main div.wrapper ul.teasers li form{clear:both;} #main div.wrapper ul.teasers li fieldset{clear:both;padding:8px 10px 3px;} #main div.wrapper ul.teasers li h4{clear:both;margin-bottom:5px;padding-top:8px;color:#000142;font-size:15px;line-height:normal;} #main div.wrapper ul.teasers li fieldset h4{clear:none;margin:0 0 5px;padding-top:0;} #main div.wrapper ul.teasers li p{margin-bottom:5px;} #main div.wrapper ul.teasers li div.copy a{margin-left:0;} #main div.wrapper ul.teasers li div.order{float:right;padding-top:5px;} #main div.wrapper ul.teasers li div.order img{float:left;margin:0 10px 0 0;} #main div.wrapper ul.teasers li div.order .um_textbutton { margin-top: 10px; } #main div.wrapper ul.teasers li div.flash_container {margin:0;} /* edit ### #main div.wrapper ul.teasers li.option{margin:0 10px 20px 0;padding:0 10px 10px;background:none; width:227px;} */ #main div.wrapper ul.teasers li.option{margin:0;padding:0;background:none; width:244px;} #main div.wrapper ul.teasers li.option:first-child{padding-left: 0;} * html #main div.wrapper ul.teasers li.option{padding-bottom:0;} *+html #main div.wrapper ul.teasers li.option{padding-bottom:0;} #main div.wrapper ul.teasers li.option fieldset{ margin:5px 0 0 10px; } * html #main div.wrapper ul.teasers li.option fieldset{padding-top:5px;width:215px;overflow:hidden;} /* delete */ /* #main div.wrapper ul.teasers li.spacer{margin-right:0;border-left:1px dotted #000142;} */ * html #main div.wrapper ul.teasers li.spacer{border:none;background:transparent url("/images/elements/el_vline.png") repeat-y left top;} #main div.wrapper ul.teasers li.option p{margin-bottom:10px;color:#666;} #main div.wrapper ul.teasers li.option input.button{float:right;} #main div.wrapper ul.topics{clear:both;overflow:hidden;margin:0;} *+html #main div.wrapper ul.topics{margin-bottom:35px;} #main div.wrapper ul.topics li{float:left;display:inline;margin:0 5px 20px 10px;padding:0 0 6px 0;background-color:#ededed;background-image:none;width:235px;} #main div.wrapper ul.topics li.wide{width:485px;} #main div.wrapper ul.topics li ul li{float:none;display:block;margin:0;padding:0 0 4px 15px;background:transparent url("/images/elements/el_items.png") no-repeat -412px -407px;width:auto !important;height:auto !important;} #main div.wrapper ul.topics li h4{margin:-5px 0 10px 0 !important;padding:0 10px 0;background-color:#dfdfdf;height:40px;} #main div.wrapper ul.topics li h4 img{float:left;margin:14px 0 0;} #main div.wrapper ul.topics li h4 a{display:block;height:40px;text-decoration:none;} #main div.wrapper ul.topics li h4 a span.button{float:right;display:block;margin:12px 0 0 0;} #main div.wrapper ul.topics li h5{margin:0 10px 5px;font-weight:bold;} #main div.wrapper ul.topics li h5 span{font-weight:normal;} #main div.wrapper ul.topics li.copy h5{margin:0 0 2px;color:#000142;} #main div.wrapper ul.topics li.copy h6{margin:0 0 2px;} #main div.wrapper ul.topics li.copy p{line-height:14px;} #main div.wrapper ul.topics li.copy{background-color:#fff;} #main div.wrapper ul.topics li.copy div.copy{margin:0 0 0;} #main div.wrapper ul.topics li div.copy p{margin:0 0 8px;padding:0 0 12px;border-bottom:1px dotted #898989;color:#666;} * html #main div.wrapper ul.topics li div.copy p{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ #main div.wrapper ul.topics li div.last p{border:none;background:none !important;} #main div.wrapper ul.topics li div.link p{margin-top:-4px;padding:0 0 4px;} #main div.wrapper ul.topics li div.link a{margin-left:0;} #main div.wrapper ul.topics li div.link a.rsslink{float:right;background-position:-50px -96px;} *+html #main div.wrapper ul.topics li div.copy a{display:inline-block;} #main div.wrapper ul.topics li.jobs{position:relative;height:230px;overflow:hidden;} #main div.wrapper ul.topics li.jobs a.button{position:absolute;right:10px;bottom:15px;} #main div.wrapper ul.media{clear:both;overflow:hidden;margin:0 0 0 10px;} #main div.wrapper ul.media li{float:left;margin:0 10px 20px 0;padding:0 0 6px 0;background-image:none;width:225px;} body.twoColNoNavi #main div.infobox div.tabcontent ul.media, body.twoColNoNavi #main div.infobox div.tabcontent ul.media ul, body.twoColNoNavi #main div.wrapper ul.media li{width:auto;} #main div.wrapper ul.media li h4{margin:0 0 5px 0;padding-right:20px;color:#666;font-weight:bold;font-size:11px;line-height:normal;} #main div.wrapper ul.media li img{float:left;margin:0 10px 5px 0;} #main div.wrapper ul.media li ul li{float:none;margin:0;padding:0;background-image:none;width:auto;} #main div.wrapper ul.media li a{padding-left:15px;background:transparent url("/images/elements/el_arrowlink.png") no-repeat -40px -75px;} #main div.wrapper ul.downloads li{margin:10px 10px 10px 0;height:130px;overflow:hidden;} #main div.wrapper ul.downloads li ul li{height:auto;} #main div.wrapper ul.downloads li div{clear:both;height:80px;overflow:hidden;} #main div.wrapper div.item{margin:0;} #main div.wrapper .tabcontent div.item{margin:0 10px 20px;} #main div.wrapper div.item h3{margin:0 0 15px !important;} #main div.wrapper div.item h3 span{margin-top:0;font-size:16px;} #main div.wrapper div.item img{float:left;margin:0 10px 0 0;} #main div.wrapper div.item h4{margin:0 0 10px;color:#000142;font-size:12px;line-height:normal;letter-spacing:0;} #main div.wrapper div.item h4 strong{display:block;font-size:16px;} #main div.wrapper div.item h4.f_reports { font-size: 17px; } #main div.wrapper div.item h4 a{color:#000142;text-decoration:none;} #main div.wrapper div.item div.copy{margin:0 0 10px;} #main div.wrapper div.item p{margin-bottom:0;color:#666;} #main div.wrapper div.item.article_item h6 { padding: 5px 0 10px; } #main div.wrapper div.hd_teaser{position:relative;background:transparent url("/images/backgrounds/bg_hd_programs_teaser.png") no-repeat 0 0;width:485px;height:116px;} #main div.wrapper div.hd_teaser.allstars{background-position:0 0;} #main div.wrapper div.hd_teaser.highlights{background-position:0 -120px;} #main div.wrapper div.hd_teaser fieldset{position:absolute;top:35px;left:125px;width:158px;height:73px;} #main div.wrapper div.hd_teaser fieldset h4{display:none;} #main div.wrapper div.hd_teaser fieldset p{line-height:13px;} #main div.wrapper div.hd_teaser fieldset.hd p{width:70px;line-height:13px; margin-top: -7px;} #main div.wrapper div.hd_teaser fieldset.hd{left:325px;width:152px;} #main div.wrapper div.hd_teaser fieldset input.button{position:absolute;right:0;bottom:0;} #main div.wrapper div.hd_teaser_breit{position:relative;background:transparent url("/images/backgrounds/bg_hd_programs_teaser_breit.png") no-repeat 0 0;width:650px;height:116px;} #main div.wrapper div.hd_teaser_breit.allstars{background-position:0 -116px;} #main div.wrapper div.hd_teaser_breit.highlights{background-position:0 0;} #main div.wrapper div.hd_teaser_breit fieldset{position:absolute;top:35px;left:184px;width:158px;height:73px;} #main div.wrapper div.hd_teaser_breit fieldset h4{display:none;} #main div.wrapper div.hd_teaser_breit fieldset p{width:110px;line-height:13px;} #main div.wrapper div.hd_teaser_breit fieldset.hd{left:440px;width:152px;} #main div.wrapper div.hd_teaser_breit fieldset.hd p{margin-left:10px} #main div.wrapper div.hd_teaser_breit fieldset input.button{position:absolute;left:133px;right:0;bottom:0;} #main div.wrapper div.packages{clear:both;overflow:hidden;margin-bottom:30px;padding:8px 0 0 0;} #main div.wrapper div.packages h3{margin:0 0 5px;padding:3px 0;border: 1px dotted #000142; border-width: 1px 0;} * html #main div.wrapper div.packages h3{border:none;background:transparent url("/images/elements/el_hline.png") repeat-x left bottom;} #main div.wrapper div.packages h3 span{margin-top:0;font-size:16px;padding: 0 5px;} #main div.wrapper div.packages h4{margin:5px 0;} #main div.wrapper div.packages div.item img{float:left;margin:4px 10px 10px 0;} #main div.wrapper div.packages div.item div.order{float:right;padding-top:15px;} #main div.wrapper div.packages div.item div.order img{margin:0 10px 0 0;} #main div.wrapper div.packages ul.teasers li { background: #fff; } #main div.wrapper div.collection{margin:0 0 15px;} #main div.wrapper div.collection h3{margin:0 0 15px;padding:3px 0;border-bottom:1px dotted #000142;font-size:16px;} * html #main div.wrapper div.collection h3{border:none;background:transparent url("/images/elements/el_hline.png") repeat-x left bottom;} #main div.wrapper div.collection h3 span{margin-top:0;font-size:16px;} #main div.wrapper div.collection div.item h4{font-weight:normal;} #main div.wrapper div.collection div.item h4 strong{display:block;padding:2px 0 6px;font-size:15px; font-family:arial;} #main div.wrapper div.collection div.item h5{margin:0 0 10px;font-size:11px;line-height:normal;letter-spacing:0;} #main div.wrapper div.collection div.item div.copy img{float:left; margin:0 10px 16px 0;} #main div.wrapper div.collection div.first{padding-top:0 !important;border:none !important;background:none !important;} #main div.wrapper div.collection div.item ul{margin:0 0 8px;} #main div.wrapper div.collection div.item ul li{background-position:-412px -407px;}/*grey icon*/ #main div.wrapper div.collection div.item fieldset.order{text-align:right;} #main div.wrapper div.collection div.article_item{margin-bottom:25px;} /* Edit #main div.wrapper div.collection div.article_item h3{margin:0 0 8px !important;} */ #main div.wrapper div.collection div.article_item h4{font-size:14px; margin:0 0 6px;} #main div.wrapper div.collection div.article_item h5{color:#000142;font-weight:bold;} #main div.wrapper div.collection div.article_item h5 strong {display:block;padding:2px 0 6px;font-size:15px;} #main div.wrapper div.collection div.article_item h6{margin:0 0 4px;font-weight:normal;} /* Edit #main div.wrapper div.collection div.article_item h3 { margin: 0 0 8px !important; } */ #main div.wrapper div.packages h3 span { background-color: #f3f3f3; color: #051249; font-family: 'Helvetica Neue W01 67 Md Cn', 'Helvetica'; font-size: 16px; line-height: 30px; padding: 0 5px; } #main div.wrapper div.collection div.article_item p{margin:0 0 8px;} #main div.wrapper div.collection div.article_item a.downloadlink{display:block;margin-bottom:2px;} #main div.wrapper div.collection div.article_item img.visualMargin0 {margin-bottom:0px;} #main div.wrapper div.collection div.article_item img.visualMarginXS {margin-bottom:10px;} #main div.wrapper div.collection div.article_item img.visualMarginS {margin-bottom:20px;} #main div.wrapper div.collection div.article_item img.visualMarginM {margin-bottom:30px;} #main div.wrapper div.collection div.article_item img.visualMarginL {margin-bottom:40px;} #main div.wrapper div.collection div.article_item img.visualMarginXL {margin-bottom:50px;} #main div.wrapper div.collection div.news_item{margin-bottom:8px !important;padding-top:8px;border-top:1px dotted #898989;} * html #main div.wrapper div.collection div.news_item {border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left top;}/*dotted line for IE6*/ #main div.wrapper div.collectionlist{background: transparent url("/images/backgrounds/bg_collection_highlight.png") repeat-x; padding:10px;} #main div.wrapper div.collectionlist img.img_collectionlist{ padding-top: 10px; margin-right: 38px;} #main div.wrapper div.collectionlist div.copy{ padding-top: 10px; } #main div.wrapper div.collectionlist div.copy li{ background: transparent url("/images/backgrounds/bg_collection_highlight_li.png") no-repeat scroll 0 0;background-position: 0 0 !important;line-height:12px; list-style: none; min-height:20px; padding: 10px 0px 0 30px;} #main div.wrapper div.collectionlist div.copy_twoColumn li { margin-left: 285px; } *+html #main div.wrapper div.collectionlist div.copy_twoColumn .js_trigger_info_layer {padding: 10px;} *+html #main div.wrapper div.collectionlist div.copy_twoColumn li li { background: #fff !important ;display:list-item;float:none;clear: both;list-style: decimal !important;list-style-position:inside!important;margin:0 0 0 5px !important;min-height:1px !important;padding:0 0 5px 5px !important;vertical-align: top;} #main div.wrapper div.collectionlist_left, #main div.wrapper div.collectionlist_right{float:left;width: 307px;} #main div.wrapper div.collectionlist_left{margin-right: 16px;} body.facebook_campaign iframe {padding-left: 15px; margin-top: -10px; } /* 4.1 Teaser - Search Results */ #main div.wrapper div.collection div.item div.opening_hours p{margin:0;} #main div.wrapper div.collection div.item div.info{margin-bottom:10px;} #main div.wrapper div.collection div.item div.info p{margin:0;} #main div.wrapper div.credits{margin:0 10px;color:#b2b2b2;font-size:10px;} #main div.wrapper div.credits a{color:#b2b2b2;} /* 5.0 Forms */ form fieldset.input{margin:0 10px;margin-bottom:30px;} form div.formRow{clear:both;padding-bottom:6px;} form div.formCol{float:left;width:242px;overflow:hidden;} form div.formRow label{display:block;float:left;width:60px;font-weight:bold;line-height:20px;cursor:pointer;} form div.formRow label.set{width:auto !important;} form div.required label span{padding-left:2px;color:#00a0e0;} form div.formRow label.checkbox_label{float:left;padding:2px 0 0;width:90% !important;font-weight:normal;line-height:16px;} form div.formRow label.checkbox_label span.wrapper{display:block;padding:0 0 4px;} form div.formRow input, form div.formRow select{float:left;margin-right:10px;} form div.formRow input.radio{float:left;} form div.formRow input.input{padding:2px 0 2px 2px;width:222px;height:17px;} * html form div.formRow input.input{padding:4px 0 0 2px;height:21px;} *+html form div.formRow input.input{padding:4px 0 0 2px;} form div.focus input, form div.focus textarea, form div.focus select{border:1px solid #00a0e0 !important;background-color:#eff9fd;} div.focus label{color:#000142 !important;} form div.formRow input.disabled{padding-left:0;background-color:#fff;border:none;line-height:20px;} form div.formRow span.disabled{line-height:20px;} form div.formRow input.button{border:none !important;} form div.formRow input.submit{float:right !important;margin-right:0;} form input.disabled_button{background-color:#ccc !important;cursor:default !important;} form fieldset.compact div.formRow{margin-bottom:16px;} form fieldset div.formRow label.compact{float:none;margin-bottom:2px;width:auto !important;font-weight:normal;line-height:normal;} form fieldset.compact div.formRow input{float:left;margin-right:10px;} * html form fieldset.compact div.formRow input{float:none;} form div.formRow span.info{display:block;margin-top:5px;} form div.formRow span.info span{color:#00a0e0;} /* 5.1 Forms - Customized Select Boxes */ form div.formRow div.selectbox_container{position:relative;float:left;z-index:1;} form div.formRow input.selectbox{padding:4px 0 0 2px;background:#fff url("/images/elements/el_selectbox.png") no-repeat right center;width:222px;height:17px;} form div.focus input.selectbox{background-color:#eff9fd;} form div.formRow div.selectbox_options{position:absolute;top:23px;left:0;padding:0 1px;background-color:#fff;border:1px solid #aeaeae;font-size:11px;text-align:left;overflow:auto;z-index:2;} * html #main div.wrapper form div.formRow div.selectbox_options{top:25px;} form div.formRow div.selectbox_options ul{display:block;z-index:3;margin:0 !important;padding:0 !important;list-style-type:none;} form div.formRow div.selectbox_options ul li {display:block;margin:1px 0 !important;padding:2px 4px !important;list-style-type:none;background:#fff !important;cursor:pointer;color:#666 !important;font:normal normal normal 11px/13px Arial, Helvetica, sans-serif !important;} form div.formRow div.selectbox_options ul li.current,form div.formRow div.selectbox_options ul li.selected{background-color:#00a0e0 !important;color:#fff !important;} form div.formRow input.disabled{border-color:#efefef;background-image:none;} form input.disabled_button,form input.disabled_button:hover{background-color:#ccc !important;cursor:default !important;} /* 5.2 Forms - Error and Notice Messages */ #error_page #main{float:none;margin:0 0 30px;width:auto;} #main div.wrapper div#message{margin:0 10px;color:#e50e47;} form .error, form div.formError, form div.formError label{color:#e60f46 !important;} form div.formRow label.error{clear:both;margin-left:125px;width:auto !important;color:#e60f46;font-weight:normal;} form div.formRow div.selectbox_container label.error{margin-left:0 !important;} form div.formRow input.error, form div.formRow textarea.error, form div.formRow select.error, form div.formError input.input, form div.formError textarea.input, form div.formError input.selectbox{border-color:#e60f46 !important;background-color:#fde7ed !important;color:#e60f46 !important;} form div.formRow input.checkbox{background:none !important;border:none !important;} #main div.error_container{margin:0 10px 20px;padding:10px;border:1px solid #e60f46;background-color:#fde7ed;color:#e60f46;} #main div.error_container h4{margin:0 0 10px;color:#e60f46 !important;font-size:15px;font-weight:bold;} #main div.error_container h5{margin:0 0 5px;color:#e60f46 !important;font-size:13px;font-weight:bold;} #main div.error_container h6{margin:0 0 5px;color:#e60f46 !important;font-size:11px;font-weight:bold;} #main div.error_container p{margin:0 0 5px;font-weight:bold;color:#e60f46 !important;} #main div.error_container div.copy{margin:0 0 0;} #main div.error_container a{padding-left:0;background-image:none;color:#e60f46;text-decoration:underline;} #main div.error_container ul {margin:0 0 10px;padding:0 0 0;} #main div.error_container ul li{margin:0 0 0;padding:0 0 5px 12px;background:transparent url("/images/elements/el_items.png") no-repeat -414px -358px;color:#e60f46 !important;line-height:13px;} #main div.error_container label.error{display:block;padding-left:15px;background:transparent url('/images/elements/el_items.png') no-repeat scroll -412px -358px;width:auto !important;line-height:normal;} #main div.notice_container{margin:0 10px 20px;padding:5px 10px;border:1px solid #519722;background-color:#edf4e8;color:#519722;} #main div.notice_container h5{margin:0 0 5px;color:#519722 !important;font-size:13px;font-weight:bold;} #main div.notice_container p{margin:0 0 5px;font-weight:bold;color:#519722 !important;} /* 5.3 Form 'Member gets Member (Kunden werben)' */ #main div.wrapper form#member_gets_member fieldset{width:366px;} #main div.wrapper form#member_gets_member label{margin-right:10px;width:120px;} #main div.wrapper form#member_gets_member input.input{float:none;} #main div.wrapper form#member_gets_member input.submit{margin-right:10px;} /* 5.4 Form 'Filter Job Vacancies (Aktuelle Stellenanzeigen)' */ #main div.wrapper form#search_jobs fieldset{position:relative;margin:0 10px;} #main div.wrapper form#search_jobs div.formCol{width:202px;} #main div.wrapper form#search_jobs div.submit{width:250px;} #main div.wrapper form#search_jobs div.submit input.button{position:absolute;left:405px;top:15px;} #main div.wrapper form#search_jobs div.formRow{height:35px;} #main div.wrapper form#search_jobs div.formRow div.selectbox_container{position:absolute;} #main div.wrapper form#search_jobs div.formRow select.selectbox, #main div.wrapper form#search_jobs div.formRow input.selectbox{width:185px;} /* 5.5 Custom Selectbox List */ div.selectbox_list_container div.selectbox_list{position:relative;float:left;margin:4px 0 0;padding:2px 0 2px 2px;border:1px solid #aeaeae;background:#fff url("/images/elements/el_selectbox.png") no-repeat right center;width:200px;height:17px;} div.focus div.selectbox_list{border-color:#00a0e0 !important;background-color:#eff9fd !important;} div.selectbox_list_container div.selectbox_list span.selected_item{padding-left:2px;} div.selectbox_list_container div.selectbox_list ul{position:absolute;left:-1px;top:22px;display:block;margin:0 0 0;border:1px solid #aeaeae;background-color:#fff;width:202px;} div.selectbox_list_container div.selectbox_list ul.hidden{display:none;} div.selectbox_list_container div.selectbox_list ul li{background-image:none;margin:1px;padding-left:0;} * html div.selectbox_list_container div.selectbox_list ul li{height:0;margin-bottom:-2px;} div.selectbox_list_container div.selectbox_list ul li a{display:block;padding:2px 4px;line-height:13px;} div.selectbox_list_container div.selectbox_list ul li.focus a, div.selectbox_list_container div.selectbox_list ul li a:hover{background-color:#00a0e0;color:#fff;text-decoration:none;} /* 5.6 Custom Selectbox List: 'Country Selector International TV' */ #main div.wrapper div#select_country{position:relative;margin:10px 10px 30px;z-index:10;} #main div.wrapper div#select_country div.select_country{margin:0 0 0;padding:2px 0 2px 0;background:#fff url("/images/elements/el_selectbox.png") no-repeat right center;width:180px;} #main div.wrapper div#select_country label{float:left;width:auto;margin-right:10px;color:#000142;font-size:13px;font-weight:bold;} #main div.wrapper div#select_country div.select_country span.turkey, #main div.wrapper div#select_country div.select_country span.portugal, #main div.wrapper div#select_country div.select_country span.greece, #main div.wrapper div#select_country div.select_country span.serbia, #main div.wrapper div#select_country div.select_country span.italy, #main div.wrapper div#select_country div.select_country span.russia, #main div.wrapper div#select_country div.select_country span.croatia, #main div.wrapper div#select_country div.select_country span.arabiccountries, #main div.wrapper div#select_country div.select_country span.spain, #main div.wrapper div#select_country div.select_country span.poland, #main div.wrapper div#select_country div.select_country span.bosnia, #main div.wrapper div#select_country div.select_country span.japan, #main div.wrapper div#select_country div.select_country span.us, #main div.wrapper div#select_country div.select_country span.greatbritain, #main div.wrapper div#select_country div.select_country span.french{display:block;float:left;padding-left:30px !important;height:17px;background-image:url("/images/icons/ic_countries_small.png");background-repeat:no-repeat;} #main div.wrapper div#select_country ul{position:absolute;left:-1px;top:22px;display:block;margin:0 0 0;border:1px solid #aeaeae;background-color:#fff;width:180px; z-index:10;} #main div.wrapper div#select_country ul.hidden{display:none;} #main div.wrapper div#select_country ul li{background:none;padding-left:0;} #main div.wrapper div#select_country ul li a{padding:2px 0 2px 30px;background-image:url("/images/icons/ic_countries_small.png");background-repeat:no-repeat;} #main div.wrapper div#select_country .turkey{background-position:3px -692px} #main div.wrapper div#select_country .portugal{background-position:3px -511px} #main div.wrapper div#select_country .greece{background-position:3px -179px} #main div.wrapper div#select_country .serbia{background-position:3px -390px} #main div.wrapper div#select_country .italy{background-position:3px -239px} #main div.wrapper div#select_country .russia{background-position:3px -541px} #main div.wrapper div#select_country .croatia{background-position:3px -329px} #main div.wrapper div#select_country .arabiccountries{background-position:3px -842px} #main div.wrapper div#select_country .spain{background-position:3px -661px} #main div.wrapper div#select_country .poland{background-position:3px -480px} #main div.wrapper div#select_country .bosnia{background-position:3px -812px} #main div.wrapper div#select_country .japan{background-position:3px -269px} #main div.wrapper div#select_country .us{background-position:3px -782px} #main div.wrapper div#select_country .greatbritain{background-position:3px -149px} #main div.wrapper div#select_country .french{background-position:3px -119px} /* 5.7 Form 'Check Campaign Availability (Pruefung der Laufzeit eines bestehenden Vertrages)' */ #main div.wrapper div.toggle_container div.campaign_availability label{width:135px;} #main div.wrapper div.toggle_container div.campaign_availability input.check_date_small{float:left;margin:2px 10px 2px 0!important;} #main div.wrapper div.toggle_container div.campaign_availability span.info{display:inline;line-height:2;} * html #main div.wrapper div.toggle_container div.campaign_availability span.info{float:left;margin-top:0;} #main div.wrapper div.toggle_container div.campaign_availability select.provider{margin-bottom:5px;width:225px;} #main div.wrapper div.toggle_container div.campaign_availability input.provider{clear:both;margin:0 0 0 135px;width:221px;} #main div.wrapper div.toggle_container div.campaign_availability input.expiration_date{width:65px;} #main div.wrapper div.toggle_container div.campaign_availability p{margin:0 0 5px;} #main div.wrapper div.toggle_container div.campaign_availability p span{color:#00a0e0;} #main div.wrapper div.toggle_container div.campaign_availability .hidden{display:none;} #main div.wrapper div.toggle_container div.campaign_availability div.notice_container{padding-top:5px;} * html #main div.wrapper div.toggle_container div.campaign_availability div.notice_container, * html #main div.wrapper div.toggle_container div.campaign_availability div.error_container{margin-top:30px;} #main div.wrapper div.toggle_container div.campaign_availability div.notice_container p{margin:0;font-weight:normal;} /* 6.0 Footer */ #footnotes{display:block !important;margin:20px 0;padding:5px 0;border:1px dotted #898989;border-width:1px 0;} #footnotes div.footnotes {padding:10px 10px 0 25px;} #footnotes.hidden div.footnotes {padding-top:0;} #footnotes.hidden div.footnotes div{display:none;} * html #footnotes {border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left top !important;}/*dotted line for IE6*/ * html div.footnotes {height:5px;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left bottom;}/*dotted line for IE6*/ #footnotes a{padding-left:25px;background:transparent url("/images/elements/el_arrowlink.png") no-repeat -10px -39px;font-size:11px;line-height:normal;} #footnotes.hidden a{background-position:0 -19px;} #footnotes div.footnotes a{padding-left:0;background:none;} #footnotes div.footnotes div.copy a{margin-left:0;} #footnotes div.footnotes div sup{float:left;margin-left:-15px;} #footer{clear:both;width:980px;height:116px;background:transparent url("/images/backgrounds/bg_footer.png") no-repeat left bottom; } #footer div#footernav{margin:0 auto;padding:12px 0 0 0;border-top:1px dotted #898989;width:910px;text-align:center;} * html #footer div#footernav{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left top;}/*dotted line for IE6*/ #footer #footernav ul{margin-bottom:3px;} *+html #footer #footernav ul{margin-bottom:7px;} #footer #footernav ul li{display:inline;margin:0 6px 0 0;background:transparent url("/images/icons/ic_footernav.png") no-repeat left bottom;font-size:10px;line-height:13px;} #footer #footernav ul li a{padding:0 0 0 13px;color:#666;} #footer #footernav ul li a:hover{color:#00a0e0;} #footer #footernav ul li.first{background:none;} #footer #footernav ul li.first a{padding-left:0;} #footer #footernav ul li.imprint{background-position:0 3px;} #footer #footernav ul li.terms{margin-right:20px;background-position:0 -76px;} #footer #footernav ul li.privacy{margin-right:20px;background-position:0 -12px;} #footer #footernav ul li.sitemap{margin-right:20px;background-position:0 -28px;} #footer #footernav ul li.sitemap a{padding-left:15px;} #footer #footernav ul li.shop{margin-right:20px;background-position:0 -116px;} #footer #footernav ul li.rss{margin-right:20px;background-position:0 -42px;} #footer #footernav ul li.newsletter{margin-right:20px;background-position:0 -57px;} #footer #footernav ul li.contact{margin-right:20px;background-position:0 -95px;} #footer #footernav ul li.copy{display:block;margin:9px 0 0 0;background:none;color:#b2b2b2;} *+html #footer #footernav ul li.copy{margin:14px 0 0 0;}/* 7.0 Popup */ body.popup{background-color:#fff;} body.popup #container{width:auto;margin:0 0 0;background-image:none;} body.popup #header{margin:0 0 0;height:80px;} body.popup #content{margin:0 0 0;width:625px;} body.popup #main{margin:0 0 0;width:625px;} body.popup #main div.wrapper{margin-bottom:10px;padding-bottom:20px;border-bottom:1px dotted #000142;background-image:none;} body.popup #main div.wrapper h4{margin:0 10px 5px;} body.popup #main div.wrapper h5{margin:0 10px 5px;color:#666;} body.popup #main div.wrapper div.copy p{color:#666;} body.popup #main ul.page_links{float:right;} body.popup #main ul.page_links li{display:inline;background-image:none;} body.resizable #header{margin:0 0 0;height:65px;background:#000142;} body.resizable #header img{margin:10px 15px 0;} body.resizable #content, body.resizable #main{width:98% !important;} .newsletter_popup { position: absolute; left: 500px; top: 300px; width: 463px; height: 339px; z-index: 10000; } /* 8.0 Flash */ div.flash_content{text-align:center;overflow:hidden;} div.flash_content h1{margin:0 0 25px;padding-top:150px;color:#000142;font-size:20px;line-height:normal;letter-spacing:-0.05em;} div.flash_content p{margin:0 0 25px;color:#666;font-size:13px;line-height:normal;} #main div.wrapper div.flash_content h1{padding-top:50px;} #main div.wrapper div.flash_container{margin:0 10px 10px;width:485px;overflow:hidden;} #main div.wrapper div.flash_container h4,#main div.wrapper div.flash_container h5,#main div.wrapper div.flash_container p{margin:0 0 5px;color:#000142;} #main div.wrapper div.flash_container div.copy{margin:0;} #main div.wrapper div.flash_container div.flash_content{float:left;margin:0 10px 16px 0;} #main div.wrapper div.no_float div.flash_content{float:none !important;margin-right:0;width:485px;overflow:hidden;} /* 8.1 Homepage with Flash Stage */ body.home div#container{position:relative;z-index:1;} body.home div#header{position:absolute;top:0;left:20px;z-index:4;margin:0;width:910px;height:30px;} body.home div#content{min-height:0;} body.home #stage{margin:0;z-index:3;} body.home div#stage_container{margin:0 20px;height:400px;z-index:2;text-align:center;background:#b5ceec url("/images/backgrounds/bg_home.jpg") no-repeat 0 0;} body.home div.seo_content{display:none;} body.home div#flash_fallback{display:none;} body.home div.flash_fallback{width:940px;height:400px;background:transparent url("/images/visuals/home_3play_16000.jpg") no-repeat 0 0;} body.home div.flash_fallback a{display:block;width:940px;height:400px;} body.home div.flash_fallback a span{display:none;} /* remove id version with updated fallback */ body.home div.flash_fallback ul.mainnav{position:absolute;left:321px;top:270px;z-index:4;} body.home div.flash_fallback ul.mainnav li{display:inline;} body.home div.flash_fallback ul.mainnav li a{float:left;display:block;margin-right:2px;background:transparent url("/images/backgrounds/bg_mainnav_flash_fallback.png") no-repeat 0 0;height:29px;width:121px;text-decoration:none;}/* background-image needed for hover effect Opera */ body.home div.flash_fallback ul.mainnav li.internet a{background-position:-123px 0;} body.home div.flash_fallback ul.mainnav li.phone a{background-position:-246px 0;} body.home div.flash_fallback ul.mainnav li.tv a{background-position:-369px 0;} body.home div.hidden{background:none !important;height:auto !important;} /* hide background when drawing up */ body.home #main{margin:0 0 15px;width:auto;} body.home div#footnotes{clear:both;margin-top:0;} body.home div.teaser{position:relative;float:left;margin:0 15px 15px 0;padding:0;background:transparent url("/images/backgrounds/bg_hometeaser.png") no-repeat 0 0;width:293px;height:172px;overflow:visible !important;} body.home div.teaser h4{margin:0;padding:12px 10px 5px;} body.home div.teaser h4 img{float:none;} body.home div.teaser h4 span{display:none;} body.home div.teaser p{margin:0 10px 8px;} body.home div.teaser a.arrowlink{position:absolute;left:10px;bottom:20px;z-index:1;background-position:0 -242px;line-height:normal !important;} * html body.home div.teaser a.arrowlink{background-position:0 -240px;} body.home div.teaser a.password{bottom:36px;} body.home div.left_aligned_img,body.home div.right_aligned_img{overflow:hidden !important;} body.home div.left_aligned_img img{float:left;} body.home div.right_aligned_img img{float:right;} * html body.home div.teaser ul li{display:inline-block;} body.home div.login{margin-right:0 !important;} body.home div.teaser fieldset{margin:0 5px 0 10px;} body.home div.teaser fieldset p{margin-left:0;} body.home div.teaser label{width:64px;} body.home div.teaser input.input{float:none;margin-right:0;width:200px;} body.home div.teaser div.hotline{margin-top:10px;padding:10px;border-top:1px dotted #a2a2a2;} * html body.home div.teaser div.hotline{border:none;background:transparent url("/images/elements/el_hline_grey.png") repeat-x left top;} body.home div.teaser div.hotline p{margin:0;padding:7px 0 0;font-size:9px;line-height:11px;} body.home div.teaser div.selectbox_list_container{margin:0 10px;} body.home div.teaser div.selectbox_list_container div.selectbox_list{position:relative;float:left;margin:4px 0 0;padding:2px 0 2px 2px;border:1px solid #aeaeae;background:#fff url("/images/elements/el_selectbox.png") no-repeat right center;width:200px;height:17px;} body.home div.teaser div.selectbox_list_container div.selectbox_list ul{margin:0 0 0 !important;z-index:2;} body.home div.teaser div.selectbox_list_container div.selectbox_list ul li{background-image:none !important;margin:1px !important;padding-left:0 !important;} * html body.home div.teaser div.selectbox_list_container div.selectbox_list ul li{height:0 !important;margin-bottom:-2px !important;} body.home #main #customer_login fieldset{float:none;width:272px;} body.home #main #customer_login fieldset label{width:72px;} body.home #main #customer_login fieldset input.input{width:195px;margin-right: 0;} * html body.home #main #customer_login{margin-left:10px;} *+html body.home #main #customer_login{margin-left:10px;} * html body.home #main #customer_login fieldset label{width:70px;} body.nhome .um_textbutton_frame {margin:5px 0 12px;} body.nhome #main { border-top: 1px dotted rgb(0, 2, 67); float: none; margin: 0pt; padding-top: 15px; width: auto; } body.nhome div.teaser { background: none repeat scroll 0% 0% rgb(243, 243, 242); border: 1px solid rgb(223, 223, 223); float: left; height: 182px; margin: 0pt 15px 15px 0; padding: 0 14px; width: 263px; } * html body.nhome div.teaser{ width: 260px;} body.nhome div.teaser h4 { margin: 0pt; padding: 14px 0px 7px; } body.nhome div.teaser h4 img { float: none; } body.nhome div.teaser span.headline { color: #051249; font-size: 15px; font-family: 'Helvetica Neue W01 67 Md Cn'; margin: 0pt; padding: 12px 0px 7px; display: block; } body.nhome div.teaser span.headline img { float: none; } body.nhome div.teaser p { margin: 0pt 10px 6px; } *+html body.nhome div.teaser p { margin-bottom: 5px; } body.nhome div.teaser a.arrowlink { background-position: 0pt -242px; bottom: 20px; left: 10px; line-height: normal ! important; margin-left: 5px; z-index: 1; } body.nhome div.teaser a.password { bottom: 36px; } body.nhome div.teaser fieldset { } body.nhome div.teaser fieldset p { margin-left: 0pt; } body.nhome div.teaser label { width: 64px; } body.nhome div.teaser input.input { float: none; margin-right: 0pt; width: 200px; } body.nhome div.teaser div.formRow { padding: 0 0 5px; } *+html body.nhome div.teaser div.formRow { padding-bottom: 3px; } body.nhome div.teaser div.formRow .customer_login_expanded { margin: 5px 0 6px; } *+html body.nhome div.teaser div.formRow .customer_login_expanded { margin: 6px 0 8px; } body.nhome div.teaser div.hotline { border-top: 1px dotted rgb(0, 2, 67); margin: 10px 0px 0pt; padding: 10px 0pt; } body.nhome div.teaser div.hotline p { font-size: 9px; line-height: 11px; margin: 0pt; padding: 7px 0pt 0pt; } body.nhome div.teaser div.teaser_box_kundenportal { display: none; margin: 0px; opacity: 0; overflow: hidden; position: absolute; width: 274px; } body.nhome div.teaser div.teaser_box_kundenportal div.teaser_box_kundenportal_pic { float: left; height: 80px; margin-top: 4px; margin-right: 15px; overflow:hidden;} body.nhome div.teaser div.teaser_box_kundenportal div.teaser_box_kundenportal_pic img.teaser_mask { left: 0pt; position: absolute; } body.nhome div.teaser div.teaser_box_kundenportal div.teaser_box_kundenportal_pic img.teaser_image { padding: 5px 5px 5px 4px; } body.nhome div.teaser div.teaserbox_kundenportal_anc { bottom: 10px; left: 10px; position: absolute; } *+html body.nhome div.teaser div.teaserbox_kundenportal_anc {bottom:9px} body.nhome div.teaser div.selectbox_list_container div.selectbox_list { background: url('/images/elements/el_selectbox.png') no-repeat scroll right center rgb(255, 255, 255); border: 1px solid rgb(174, 174, 174); float: left; height: 17px; margin: 6px 0pt 0pt; padding: 2px 0pt 2px 2px; position: relative; width: 200px; z-index: 2;} body.nhome div.teaser div.selectbox_list_container div.selectbox_list ul { margin: 0pt ! important; z-index: 2; } body.nhome div.teaser div.selectbox_list_container div.selectbox_list ul li { background-image: none ! important; margin: 1px ! important; padding-left: 0pt ! important; } body.nhome .breakingnews{border-top: 1px dotted #000142;} body.nhome .breakingnews p{color: #000142; font-size: 13px; font-family: 'Helvetica Neue W01 67 Md Cn'; line-height: 1; margin: 0; padding: 1px 0 8px; text-align: center;} body.nhome .breakingnews img{position: relative; top: 3px;} *+html body.nhome .um_advertise {padding-top: 15px;} body.nhome #main #customer_login fieldset { } body.nhome #main #customer_login fieldset label { width: 72px; } body.nhome #main #customer_login fieldset input.input { height: 16px; width: 187px; } body.nhome .float_lt { float: left; } body.nhome .dottedline { border-bottom: 1px dotted rgb(0, 2, 67); margin: 0px 0px 6px; } body.nhome #content { padding-bottom: 0px; } body.nhome #content #content-body { overflow: hidden; } body.nhome #content #content-body-right { width: 293px; } body.nhome #content #content-body-left { margin-right: 15px; width: 601px; } body.nhome #content .content-body-left-teaser-3-2, body.nhome .content-body-left-teaser-1-2 { clear: left; } body.nhome #content .content-body-left-teaser-3-2, body.nhome .content-body-left-teaser-1-2, body.nhome .content-body-left-teaser-1-1, body.nhome .content-body-right-teaser-1-1, body.nhome .content-body-right-teaser-2-1, body.nhome .content-body-right-teaser-3-1 { background: url('/images/backgrounds/startseiten_rahmen.gif') no-repeat scroll 0pt 0pt rgb(255, 255, 255); margin-bottom: 15px; padding: 5px; } body.nhome #content .content-body-left-teaser-3-2 { height: 407px; } body.nhome #content .content-body-left-teaser-1-2 { background-position: 0px -423px; height: 119px; } body.nhome #content .content-body-left-teaser-1-1{background-position: 0px -838px;float: left; height: 119px; width: 283px;} body.nhome #content .content-body-right-teaser-1-1 { background-position: 0px -838px; height: 119px; } body.nhome #content .content-body-right-teaser-2-1 { background-position: 0px -558px; height: 263px; } body.nhome #content .content-body-right-teaser-3-1{background-position: -308px -558px; height: 407px;} body.nhome #footnotes { border-color: rgb(0, 2, 67); border-style: dotted none none; border-width: 1px 0px 0px; margin: 0px; } *+html body.nhome #footnotes { margin-top: 15px; } body.nhome #footer #footernav { border-color: rgb(0, 2, 67); } body.nhome div.left_aligned_img, body.start div.right_aligned_img { overflow: hidden ! important; } body.nhome div.left_aligned_img img { float: left; } body.nhome div.login { margin-right: 0pt ! important; } /* 8.2 SIFR */ @media screen { .sIFR-flash {visibility:visible !important;margin:0;padding:0;} .sIFR-replaced, .sIFR-ignore {visibility: visible !important;} .sIFR-alternate {position: absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;} .sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;} .sIFR-active #main h1 span, .sIFR-active #main h3 span {visibility:hidden;} .sIFR-active #main h1 span.sIFR-replaced {display:block;} /* fix text with negative kerning for sIFR */ /* Should be removed after next full publication */ .sIFR-active #main h2 span, .sIFR-active #main h3 span {visibility:hidden;} .sIFR-active #main h2 span.sIFR-replaced {display:block;} /* fix text with negative kerning for sIFR */ /* ***** */ } /* 8.3 Vorteilspakete */ #offer_package{margin-bottom:30px;height:865px} /* 9.0 Sitemap */ body.sitemap #sidebar{display:none;} body.sitemap #main{width:900px;margin-left:0px;} body.sitemap #main .wrapper{background:none;padding:15px 0pt 0pt 10px;} body.sitemap #main ul{margin:0; padding:0; } body.sitemap #main li{list-style-type:none;float:left;width:98%;padding-bottom:5px;} body.sitemap #main li p{min-width:25px;float:left;} body.sitemap #main li p a{display:block;width:200px;margin:0 0 0 15px;color:#333;} body.sitemap #main ul.sitemap{float:left;min-height:300px;width:210px;background:transparent url('/images/backgrounds/bg_sitemap.png') repeat-x scroll left top;margin:0 10px 0 0;padding:0;} * html body.sitemap #main ul.sitemap{width:205px;margin:0 10px 0 0;height:300px;background:transparent url('/images/backgrounds/bg_sitemap.png') repeat-x scroll -10px top;overflow:hidden;} body.sitemap #main ul.sitemap li{float:left;width:210px;margin:0;padding:0 0 5px 0;background:none;} * html body.sitemap #main ul.sitemap li{width:205px;background:none;} body.sitemap #main ul.sitemap li ul{width:200px;padding:0;} body.sitemap #main ul.sitemap li ul li{padding:0 0 5px 10px;} body.sitemap #main ul.sitemap li ul li ul{margin:0;padding:0;} body.sitemap #main ul.sitemap li ul li ul li{width:180px;} body.sitemap #main ul.sitemap h2{margin:0 0 10px;padding:0 0 0 5px;border-top:none;background-color:#efefef;height:35px;color:#000142;font-size:14px;font-weight:bold;line-height:40px;} * html body.sitemap #main ul.sitemap h2{border-top:none;background:transparent url("/images/backgrounds/bg_headline.png") repeat-x 0 -206px;height:32px;overflow:hidden;white-space:normal;} body.sitemap #main ul.sitemap h3{font-weight:bold;margin:0px 10px 5px 0px;display:inline-block;} body.sitemap div#extra{display:none;} /* 10.0 Google Search Results */ body.search #sidebar{display:none;} body.search #main{margin-left:0;width:670px;} body.search #main div.wrapper{background:none;} body.search ul#breadcrumb{margin-left:0;} body.search #suchergebnis_wrapper{margin:0;width:900px;} body.www_search #sidebar{display:none;} body.www_search #main {width:900px;margin-left:0px;} body.www_search #main .wrapper{background:none;padding:15px 0pt 0pt 10px;} body.www_search ul#breadcrumb{margin-left:0;} body.www_search div#extra { display:none;} /* 11.0 Error Page */ body.error #main{margin-left:0;width:100%;} body.error #main div.wrapper{padding:0;background:none;} body.error ul#breadcrumb, body.error div#sidebar, body.error div#extra{display:none;} /* 12.0 Email */ /* klassen nur zur publizierung */ .emailHeader {background-image:url("/images/email/header.png");} .emailHeaderMgm {background-image:url("/images/email/unitymedia_head.gif");} .emailHlineBlack {background-image:url("/images/email/hline_black.gif");} .emailArrowBlueBig{background-image:url("/images/email/arrow_blue_big.gif");} .emailEmpfehlen{background-image:url("/images/email/img_empfehlen_50.jpg");} .emailTuv{background-image:url("/images/email/img_tuv_50.jpg");} .emailImpressum{background-image:url("/images/email/impressum.gif");} .emailVerlauf{background-image:url("/images/email/verlauf.jpg");} /* 13.0 Neutral Zweispaltige Darstellung */ body.twoColNoNavi #sidebar{display:none;} body.twoColNoNavi #main{margin-left:0;width:670px;} body.twoColNoNavi #main div.wrapperNoBg{background:none;} body.twoColNoNavi ul#breadcrumb{margin-left:0;} /* 14.0 swooosch */ #main #swooosch {position:relative;margin-left:-10px;background: url("/images/backgrounds/swooosch.jpg") no-repeat 0 0;width:670px;height:750px;} #main #swooosch.play16000 {position:relative;margin-left:-10px;background: url("/images/backgrounds/swoooosch_16000.jpg") no-repeat 0 0;width:670px;height:750px;} #main #swooosch h4,#main #swooosch .hidden{display:none;} #main #swooosch .col {float:left;margin-top:150px;padding-left:10px;} #main #swooosch .col ul {position:absolute;top:230px;} #main #swooosch .col ul.internet {left:10px;} #main #swooosch .col ul.telefon {left:230px;} #main #swooosch .col ul.tv {left:458px;} #main #swooosch .col ul.internet li { background-position:-383px -21px;} #main #swooosch .col ul.internet {margin-left:0;} #main #swooosch .col ul.telefon li {background-position:-355px -47px;} #main #swooosch .col ul.tv li {background-position:-327px -73px;} #main #swooosch .button {position:absolute;top:445px;left:308px;} #main #swooosch .hardware {position:absolute;top:340px;left:500px;color:#666666;left:470px;text-align:right;width:60px;line-height:14px;} #main #swooosch .computerBild {display:block; height:133px; width:145px; position:absolute; top:541px; left:0px; text-indent:-999em; background-image:none; z-index:4; } #main #swooosch .service {position:absolute;bottom:0;left:0;width:670px;} #main #swooosch .service p {margin:0 20px 0 170px;} #main #swooosch .service p strong{display:block;} #main #swooosch .service p.caption {background-color:#011853;color:#c1d7f0;margin:70px 0 0 0;padding:5px;} #main #swooosch span.trigger_info_layer{display:block;position:absolute;top:178px;z-index:5;background:url("/images/elements/el_arrowlink.png") no-repeat scroll 3px -199px transparent;height:15px;width:25px;cursor:pointer;} #main #swooosch span#trigger_info_layer_swooosch_telefon {left:377px;} #main #swooosch span#trigger_info_layer_swooosch_tv {left:572px;} #main #swooosch span#trigger_info_layer_swooosch_modem {top:326px;left:517px;} #main #swooosch div.info_layer{position:absolute;top:195px;z-index:30;width:270px;height:200px;color:#000142 !important;} * html #main #swooosch div.info_layer{top:198px;} *+html #main #swooosch div.info_layer{top:198px;} #main #swooosch div#info_layer_swooosch_telefon{left:170px;} #main #swooosch div#info_layer_swooosch_tv{left:365px;} #main #swooosch div#info_layer_swooosch_modem {top:340px;left:310px;} #main #swooosch div.info_layer_top{background:transparent url("/images/backgrounds/bg_info_layer_top.png") no-repeat 0 0;width:270px;height:11px;} #main #swooosch div.info_layer_wrapper{padding:10px 25px 20px 15px;background:transparent url("/images/backgrounds/bg_info_layer.png") no-repeat 0 100%;} * html #main #swooosch div.info_layer_wrapper{position:absolute;top:11px;left:0;padding-bottom:15px;background-image:url("/images/backgrounds/bg_info_layer_ie6.png");} #main #swooosch div.info_layer h5{margin:0;} #main #swooosch div.info_layer p{margin:0 0 5px;} /* 15.0 No Javascript */ .no_js{margin:0 0px;padding: 6px 10px;border:1px solid #e60f46;background:#fde7ed;color:#e60f46;font-size:12px;font-weight:bold;line-height:normal;} .no_js p{margin:0 auto;padding:0 0 0 20px;background:url("/images/elements/el_alert.png") no-repeat 0 0;width:900px;text-align:left;} /* 16.0 Twitter */ div.twitter{position:relative;} div#extra div.twitter{width:225px;} div.twitter a.twitter, body.nhome div.twitter a{display:block;position:absolute;right:0;top:-7px;margin:0;padding:0;background:transparent url("/images/icons/ic_twitter.png") no-repeat 0 0;width:12px;height:12px;} body.faqs div.twitter a.twitter,body.mgm div.twitter a.twitter,body.contact div.twitter a.twitter,body.home div.twitter a.twitter,body.news div.twitter a.twitter, body.movies div.twitter a.twitter{right:10px;top:-43px;background-position:-20px 0;width:61px;height:52px;} * html body.faqs div.twitter a.twitter{bottom:-39px;} *+html body.faqs div.twitter a.twitter{bottom:-39px;} * html body.mgm div.twitter a.twitter{bottom:-39px;} *+html body.mgm div.twitter a.twitter{bottom:-39px;} * html body.contact div.twitter a.twitter{bottom:-39px;} *+html body.contact div.twitter a.twitter{bottom:-39px;} body.home div.twitter a.twitter, body.nhome div.twitter a.twitter{right:9px;top:-107px;} * html body.home div.twitter a.twitter, body.nhome div.twitter { z-index: 1; } body.nhome div.twitter a.twitter { background-position: 0 -57px; height: 64px; right: -1px;top: -106px; width: 80px;} body.news div.twitter a.twitter, body.movies div.twitter a.twitter{right:53px;top:-27px;} div.twitter a.twitter span, div.twitterline a.twitter span {display:none;} div.twitterline { border-bottom: 1px dotted #898989; height: 1px; margin: 41px 0; position: relative; width: 225px;} body.twoColNoNaviEntertainment div.twitterline { width: 300px;} div.twitterline a.twitter {background: url('/images/icons/ic_twitter.png') no-repeat scroll 0pt -57px transparent; display: block; height: 63px; right:-1px; position: absolute; top: -26px;width: 80px; } div.twitterline a.twitter span { display: none; } div.addthis { margin-bottom: 20px; overflow:hidden; } div.addthis .addthis_button{ float:right; } .addthis_button_facebook_like{ position: absolute; right: -5px; top:20px;} .twoColNoNaviEntertainment .addthis_button_facebook_like { top: 15px;} .um-social-show-twitter-accounts{position:relative;height:20px;} .um-social-show-twitter-accounts:hover{cursor:pointer;} .um-social-show-twitter-accounts:hover div{display:block;} .um-social-show-twitter-accounts div{position:absolute;left:-48px;bottom:18px;padding:10px 10px 15px;background:url("/images/backgrounds/um-show-twitter-accounts.png") no-repeat left bottom;display:none;height:48px;width:93px;} .um-social-show-twitter-accounts ul{margin:0;padding:0;list-style:none;} .um-social-show-twitter-accounts li{line-height:15px;}/* 17.0 Special Pages & New Modules */ /* 17.1 HD Highlights */ #main #hd-player #mediaplayer { background: url('/images/backgrounds/bg-video-hd-highlights.png') no-repeat left top; width: 658px; height: 368px; overflow: hidden; padding: 6px; position: relative; } #main #hd-sender { margin: 10px 0 20px 0; overflow: hidden; } #main #hd-sender li { float: left; width: 122px; margin: 0; list-style: none; border-left: 1px dotted #000142; background: none; padding: 0 5px 0 6px; height: 307px; } #main #hd-sender li:first-child { border: none; padding: 0 6px 0 6px; } #main #hd-sender li > img { display: block } #main #hd-sender .video-preview-box { margin: 0 0 27px 0 } #main #hd-sender .video-preview { width: 122px; height: 72px; overflow: hidden; position: relative; margin: 0 0 3px 0; } #main #hd-sender .video-preview img { position: absolute; top: 4px; left: 4px; } #main #hd-sender .video-preview .mask { height: 100%; width: 100%; background: url('/images/backgrounds/hd-video-preview-sprite.png') no-repeat left top; position: absolute; } #main #hd-sender .video-preview-box:hover { cursor: pointer } #main #hd-sender .video-preview-box:hover .mask { background-position: left -72px } #main #hd-sender .video-preview-box:hover .arrowlink { text-decoration: underline } #main #hd-sender .video-preview-box:active .mask, #main #hd-sender .video-preview-box.active .mask { background-position: left -144px; cursor: pointer; } #main #hd-sender li .arrowlink { margin: 0 0 0 4px } #extra .highlights-teaser { background: #F3F3F3; border: 1px solid #D7D7D7; padding: 9px; } #extra .highlights-teaser a.hd-recorder { background: url('/images/backgrounds/button-zum-hd-recorder.png') no-repeat left top transparent; width: 138px; height: 22px; display: inline-block; text-indent: -10000px; float: right; margin: 15px 0 25px 0; } #extra .highlights-teaser a.einsteigen { background: url('/images/backgrounds/button-jetzt-einsteigen.png') no-repeat left top transparent; width: 138px; height: 22px; display: inline-block; text-indent: -10000px; float: right; margin: 0 0 15px 0; } #extra .highlights-teaser a.more { float: right; display: inline-block; } #extra .highlights-teaser .copy { clear: both } #extra .highlights-teaser .copy p:first-child { margin: 0 0 25px } #extra .highlights-teaser ul { margin: 0 0 30px 0 } #extra .highlights-teaser ul li { background: url('/images/backgrounds/icon-arrow-red.png') no-repeat left top transparent; padding: 3px 0 0 21px; margin: 0 0 15px 0; } #extra .highlights-teaser ul li strong { color: #DF0036 } /* 17.2 Galerie */ body div#unitymedia-gallery div.collection { margin-bottom: 40px; overflow: hidden; } body div#unitymedia-gallery div.collection .item { float:left; margin: 0px;} body div#unitymedia-gallery div.collection .item h5 { font-size: 12px !important; margin: 10px 0 5px !important;} body div#unitymedia-gallery div.collection .item p { color: #797979;} body div#unitymedia-gallery div.collection div.item-looks {clear: left!important; float: none !important; margin-bottom: 0 !important;} #main div.wrapper div#unitymedia-gallery div.collection .item-looks-gallery { height: 110px; margin-right: 13px; padding: 10px 0 20px; width: 175px;} #speedcup #main div.wrapper div#unitymedia-gallery div.collection .item-looks-gallery { margin-right: 14px; } body div#unitymedia-gallery div.collection div.item-looks-gallery div.preview { background: #fff url('/images/backgrounds/img_speedcup_sprite.png') no-repeat -688px -156px; height: 81px; position: relative;} body div#unitymedia-gallery div.collection div.item-looks-gallery div.preview img {margin: 0!important; padding: 5px; position: absolute; } body div#unitymedia-gallery div.collection div.item-looks-gallery div.copy {margin:12px 5px 5px; } /* 17.3 Icon Teaser */ body.twoColNoNavi #main div.wrapper ul.teasers .icon-teaser-list {margin: 20px 0 0 0;padding: 0;list-style: none;width: auto;} * html body.twoColNoNavi #main div.wrapper ul.teasers .icon-teaser-list, *+html body.twoColNoNavi #main div.wrapper ul.teasers .icon-teaser-list {margin: 20px 0 15px 0;} body.twoColNoNavi #main div.wrapper ul.teasers .icon-teaser-list li {margin: 0 0 15px 0;padding: 0;list-style: none;width: 100%;} body.twoColNoNavi #main div.wrapper ul.teasers .icon-teaser-list li img {float: left;margin:0;padding: 0 8px 0 0;} body.twoColNoNavi #main div.wrapper ul.teasers .icon-teaser-list li p {width: 246px;float: left;} /* 17.4 HD Modul */ #flashmodul { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 1000; display: none; } /* 17.5 PriceModule */ #main div.wrapper .price-mod { font-family: "Helvetica Neue W01 67 Md Cn"; color: #000142; font-size: 14px; position: relative; line-height: 1; text-align: center; } *+html #main div.wrapper .price-mod { top: -3px } #main div.wrapper .price-mod.left { text-align: left } #main div.wrapper .price-mod.right { text-align: right } #main div.wrapper .price-mod sup { font-size: 9px } #main div.wrapper .price-mod .euro { font-size: 48px; font-family: "Helvetica Neue W01 77 Bd Cn"; } #main div.wrapper .price-mod .comma { font-size: 36px; font-family: "Helvetica Neue W01 77 Bd Cn"; } #main div.wrapper .price-mod .cents { font-size: 22px; position: relative; top: -18px; } #main div.wrapper .price-mod .currency { position: relative; left: -24px; margin-right: -24px; display: inline-block; } *+html #main div.wrapper .price-mod .currency { top: -2px } #main div.wrapper .price-mod .sub { color: #666; font-size: 9px; font-family: Arial; text-align: center; width: 100px; margin: 0 auto; padding: 1px 0 0; } #main div.wrapper .price-mod .legaltext {color: #666; display:block; font-size: 10px;} #main div.wrapper .price-form input.order_price { background-position: -3817px 0px; width: 138px; height: 22px; margin: 14px auto 0; display: block; } #main div.wrapper .price-form { float: left; width: 138px; } #main div.wrapper .price-text { float: left; width: 327px; margin-right: 10px; } #main div.wrapper .tabcontent .price-text { width: 323px } #main div.wrapper div.copy .price-text h3 { font-family: "Helvetica Neue W01 67 Md Cn"; color: #001142; font-size: 20px; font-weight: normal; margin-bottom: 5px; } #main div.wrapper div.copy .price-hdl { float: left } #main div.wrapper div.copy .price-hdl h3 { font-family: "Helvetica Neue W01 67 Md Cn"; color: #001142; font-size: 20px; font-weight: normal; margin-bottom: 8px; line-height: 1; } #main div.wrapper div.copy .price-hdl h4 { font-family: "Helvetica Neue W01 67 Md Cn"; color: #001142; font-size: 16px; font-weight: normal; line-height: 1; } #main div.wrapper div.copy .price-row { margin-bottom: 10px } *+html #main div.wrapper div.copy .price-row { margin-bottom: 5px } #main div.wrapper div.copy .price-row .price-form { float: right; margin-left: 15px; margin-top: 17px; } #main div.wrapper div.copy .price-row .price-mod { float: right } /* 17.6 Social Media Bar */ #umSocialMediaBarWrapper { position: fixed; bottom: 0; left: 0; width: 100%; height: 34px; z-index: 700; } #umSocialMediaBar, #umSocialMediaBarMini { position: relative; bottom: 0px; z-index: 800; margin: 0 auto; } #umSocialMediaBarMini { margin: 0 auto; padding-left: 840px; } #umSocialMediaBar .umSocialMediaBar_left, #umSocialMediaBarMini .umSocialMediaBar_left { display: block; float: left; background: url('/img/smb_left.png') no-repeat bottom left; width: 14px; height: 34px; } #umSocialMediaBar .umSocialMediaBar_content, #umSocialMediaBarMini .umSocialMediaBar_content { background: url('/img/smb_bg.png') repeat-x bottom left; margin: 0px 14px; padding: 0; width: auto; height: 34px; z-index: 900; } #umSocialMediaBar .umSocialMediaBar_right, #umSocialMediaBarMini .umSocialMediaBar_right { display: block; float: right; background: url('/img/smb_right.png') no-repeat bottom right; width: 14px; height: 34px; } #umSocialMediaBar .umSocialMediaBar_content .element_separator { margin: 0 13px; border-left: 1px dotted #000; height: 20px; width: 1px; } #umSocialMediaBar .umSocialMediaBar_content .element_minimize, #umSocialMediaBarMini .umSocialMediaBar_content .element_maximize { background: url('/img/arrow_down.png') no-repeat center center; width: 40px; height: 20px; cursor: pointer; } #umSocialMediaBarMini .umSocialMediaBar_content .element_maximize { width: auto; background: url('/img/arrow_up.png') no-repeat center right; padding: 0 23px 0 13px; } #umSocialMediaBar .umSocialMediaBar_content .element_left, #umSocialMediaBarMini .umSocialMediaBar_content .element_left { float: left } #umSocialMediaBar .umSocialMediaBar_content .element_right, #umSocialMediaBarMini .umSocialMediaBar_content .element_right { float: right } #umSocialMediaBar .umSocialMediaBar_content .element, #umSocialMediaBarMini .umSocialMediaBar_content .element { line-height: 20px; text-align: left; margin-top: 12px; position: relative; } #umSocialMediaBar .umSocialMediaBar_content .element iframe { padding: 0; margin: 0; } #fb_container { min-width: 120px; padding-left: 6px; } /* 17.6.1 Dimensions */ #umSocialMediaBarWrapper { width: 100% } #umSocialMediaBar { width: 990px } #umSocialMediaBarMini { width: 150px } #umSocialMediaBar .umSocialMediaBar_right, #umSocialMediaBarMini .umSocialMediaBar_right { width: 14px } #umSocialMediaBar .umSocialMediaBar_right, #umSocialMediaBarMini .umSocialMediaBar_right { width: 14px } /* 17.6.2 Icons */ .umSocialMediaBar_icons { float: left } .umSocialMediaBar_icon { width: 16px; margin-left: 4px; text-decoration: none; display: block; float: left; } .umSocialMediaBar_facebook { background: url('/img/facebook.png') no-repeat center center } .umSocialMediaBar_twitter { background: url('/img/twitter.png') no-repeat center center } .umSocialMediaBar_youtube { background: url('/img/youtube.png') no-repeat center center; width: 39px; } .umSocialMediaBar_bookmark { display: block; background: url('/img/bookmark.png') no-repeat right center; padding-right: 19px; } .umSocialMediaBar_mail { display: block; background: url('/img/mail.png') no-repeat right center; padding-right: 30px; } .umSocialMediaBar_print { display: block; background: url('/img/print.png') no-repeat right center; padding-right: 20px; } .umSocialMediaBar_feedback { background: url('/img/feedback.png') no-repeat right center; display: block; padding-right: 67px; } #umSocialMediaBar .addthis_toolbox { margin-left: 5px } #umSocialMediaBar .addthis_button_twitter .at15t_twitter { background-image: url('/img/twitter.png'); background-position: 0 0; } #umSocialMediaBar .addthis_button_email { background: url('/img/mail.png') no-repeat right center; padding: 0 22px 0 0; } #umSocialMediaBar .addthis_button_email .at15t_email { background: none; display: none; } #at15s { top: auto !important; bottom: 23px !important; position: fixed !important; } /* 17.7 SPEED Gewinnspiel */ #speedcup_contest { background: url('/images/backgrounds/bg-contest.png') no-repeat top left; width: 744px; height: 372px; position: relative; font-family: "Helvetica Neue W01 67 Md Cn"; } #speedcup_contest .speedcup_contest_content { position: absolute; top: 6px; left: 5px; width: 734px; height: 360px; z-index: 1; } #speedcup_contest #speedcupContestQ1 { background: url('/images/backgrounds/speedcup_contest.png') no-repeat 0 -344px } #speedcup_contest #speedcupContestQ2 { background: url('/images/backgrounds/speedcup_contest.png') no-repeat -734px -344px } #speedcup_contest #speedcupContestQ3 { background: url('/images/backgrounds/speedcup_contest.png') no-repeat 0 -704px } #speedcup_contest #speedcupContestQ4 { background: url('/images/backgrounds/speedcup_contest.png') no-repeat -734px -704px } #speedcup_contest .button_forward, #speedcup_contest .button_again, #speedcup_contest .button_next, #speedcup_contest .button_formular { display: block; background: url('/images/backgrounds/speedcup_contest.png') no-repeat 0 -22px; width: 238px; height: 22px; position: absolute; left: 64px; top: 299px; cursor: pointer; } #speedcup_contest .button_forward { background-position: 0 -22px } #speedcup_contest .button_again { background-position: -238px -22px } #speedcup_contest .button_next { background-position: 0 0 } #speedcup_contest .button_formular { background-position: -376px 0 } #speedcup_contest_content { padding: 10px; position: relative; z-index: 10; } #speedcup_contest .question_title { position: absolute; left: 65px; top: 23px; font-weight: bold; color: #cfdfea; font-size: 40px; line-height: normal; } #speedcup_contest .question { position: absolute; left: 65px; top: 85px; font-weight: bold; color: #031041; font-size: 22px; line-height: 20px; } #speedcup_contest .answers { position: absolute; left: 69px; top: 162px; color: #031041; font-size: 16px; line-height: 20px; } #speedcup_contest .answers ul {margin: 0; padding: 0;} #speedcup_contest .answers li {background-image: none;font-size: 16px;height: 24px;line-height: 20px;margin: 0px;padding: 0px;} #speedcup_contest .answers .checkbox { padding: 4px 0 0 25px; background: url('/images/backgrounds/speedcup_contest.png') -69px -131px; cursor: pointer; height: 20px;} #speedcup_contest .answers .checkbox.checked { background-position: -69px -67px } #speedcup_contest .wrong { padding-left: 28px; background: url('/images/backgrounds/speedcup_contest.png') no-repeat -499px -74px; position: absolute; left: 66px; top: 176px; font-weight: bold; font-size: 22px; color: #fff; } #speedcup_contest .correct { padding-left: 35px; padding-top: 14px; padding-bottom: 5px; background: url('/images/backgrounds/speedcup_contest.png') no-repeat -496px -123px; position: absolute; left: 67px; top: 153px; font-weight: bold; font-size: 22px; color: #fff; } #speedcup_contest .answer_description { position: absolute; left: 68px; top: 197px; font-size: 16px; color: #031041; line-height: 18px; } #speedcup_contest small, #speedcup_contest sup { font-size: 10px } /* 17.8 Kontaktmodul für Landingpages */ div#extra div.teaser h5 { padding: 12px 0 5px 0; color: #051249; font-size: 14px; font-family: 'Helvetica Neue W01 67 Md Cn', Helvetica, Arial; border-bottom: 1px dotted #051249; } div#extra div.teaser .contact_buttons { overflow: hidden; margin: 0; padding: 0; } div#extra div.teaser .contact_buttons li { float: left; margin: 10px 0 0 3px; background-color: #00a0e3; padding: 1px; } div#extra div.teaser .contact_buttons li:hover, div#extra div.teaser .contact_buttons li.active { background-color: #000142 } div#extra div.teaser .contact_buttons li a { display: block; border: 1px solid #fff; background: url('/images/backgrounds/contact_buttons.png') no-repeat top left; width: 44px; height: 30px; padding: 0;} div#extra div.teaser a.contact_button.button_chat { background-position: 0 0 } div#extra div.teaser a.contact_button.button_phone { background-position: -50px 0 } div#extra div.teaser a.contact_button.button_mail { background-position: -100px 0 } div#extra div.teaser a.contact_button.button_shop { background-position: -150px 0 } div#extra div.teaser .contact_content { min-height: 110px; position: relative; } div#extra div.teaser .contact_content h6 { margin: 20px 0 5px; color: #051249; font-size: 14px; font-family: 'Helvetica Neue W01 67 Md Cn', Helvetica, Arial; line-height: 17px; } div#extra div.teaser .contact_content .contact_link { padding: 10px 0 0 } div#extra div.teaser .contact_content .contact_phone { padding: 14px 0 0 0 } div#extra div.teaser .contact_content .flex_combobox { margin-top: 5px } div#extra div.teaser .contact_content .contact_shop_form { padding: 10px 0 0 } div#extra div.teaser .contact_content label { padding: 0 10px 0 0; float: left; line-height: 20px; font-weight: bold; } div#extra div.teaser .contact_content input.contact_input { float: left; font-size: 11px; height: 17px; padding: 0 0 0 2px; width: 55px; height: 20px; border: 1px solid #aeaeae; } div#extra div.teaser .contact_content input.button_search { float: right; width: 92px; height: 22px; border: 0; background: url('/images/backgrounds/button_search.png') top left; text-indent: 200px; } /* 17.9 Contact Phone */ .contact_phone { color: #666; line-height: 15px; font-size: 18px; font-family: 'Helvetica Neue W01 67 Md Cn', Helvetica, Arial; } .contact_phone span { display: block; padding-top: 5px; font-size: 9px; line-height: 11px; font-family: Arial, Helvetica, sans-serif;} .contact_phone div {font-size: 14px;padding-bottom: 3px;} /* 17.10 New three collumn contact page */ /* Wrapper for the three columns */ .contact .contact_columns { width: 100%; background: url(/images/backgrounds/contact_border.png) repeat-y -670px 0; position: relative; overflow: hidden; } .contact .contact_columns .head { position: absolute; left: 0; top: 0; background: url(/images/backgrounds/contact_border.png) 0 0; width: 670px; height: 10px; } .contact .contact_columns .foot { position: absolute; left: 0; bottom: 0; background: url(/images/backgrounds/contact_border.png) 0 -20px; width: 670px; height: 10px; } .contact .contact_columns .contact_col_odd { margin: 0 15px; } .contact .contact_columns .col_left { float: left; width: 212px; } .contact .contact_columns .col_right { float: right; width: 212px; } .contact .contact_columns .content { padding: 15px; } /* Wrapper Contactinformation */ .contact .contact_query{background: url(/images/backgrounds/contact_border2.png) repeat-y scroll -670px 0 transparent;overflow: hidden;position: relative;width: 100%;margin-top:15px;} .contact .contact_query .head {background: url(/images/backgrounds/contact_border2.png) repeat scroll 0 0 transparent;height: 10px;left: 0;position: absolute;top: 0;width: 670px;} .contact .contact_query .foot {background: url(/images/backgrounds/contact_border2.png) repeat scroll 0 -20px transparent;bottom: 0;height: 10px;left: 0;position: absolute;width: 670px;} .contact .contact_query .col_big {float: left;width: 100%;} .contact .contact_query .content {padding: 15px;} .contact .contact_query .content .contact_section {border-bottom: 1px dotted #898989;padding: 0px 0;} .contact .contact_query .content .contact_sectionborder {border-left: 1px dotted #898989;float: left;height: 150px;margin-bottom: 15px;margin-top: 15px;width: 1%;} #main .contact .contact_query .content h3 {color: #000142;font-family: 'Helvetica Neue W01 67 Md Cn';font-size: 14px;line-height: 30px;margin: 0 0 10px;} .contact .contact_query .content .contact_icon2 {float: left;margin: 0 5px 0 0;} .contact .contact_query .col_left {float: left;width: 49%; padding: 8px 8px 0 0; } .contact .contact_query .col_right {float: left;width: 46%; padding: 08px 0 0; } .contact .contact_icon2 {background: url(/images/backgrounds/contact_border2.png) no-repeat scroll -1560px 0 transparent;display: block;height: 30px;width: 44px;float: left;} .contact .contact_query .content .contact_small {line-height: 12px; font-size: 9px; color: #999; } .contact .contact_query .content .contact_phone { padding: 0 0 2px 0; display: block; font-size: 12px; font-weight: bold; line-height: 14px; font-family: Arial, Helvetica, sans-serif; } #main div.wrapper .contact .contact_query p {color: #666666;} /* Icons */ .contact .contact_icon { display: block; width: 44px; height: 30px; background: url(/images/backgrounds/contact_border.png) no-repeat -1340px 0; } .contact .contact_icon_mail { background-position: -1340px 0; } .contact .contact_icon_twitter { background-position: -1384px 0; } .contact .contact_icon_hotline { background-position: -1428px 0; } .contact .contact_icon_chat { background-position: -1472px 0; } .contact .contact_icon_trader { background-position: -1516px 0; } /* Special content elements */ .contact .contact_columns .content .contact_section { padding: 15px 0; border-top: 1px dotted #898989; } #main .contact .contact_columns .content h2 { padding: 0 0 10px 0; font-size: 20px; line-height: 22px; color: #000142; font-family: 'Helvetica Neue W01 67 Md Cn'; border: 0px; margin: 0px; height: auto; white-space: normal; } #main .contact .contact_columns .content .contact_icon { margin: 0 5px 0 0; float: left; } #main .contact .contact_columns .content h3 { margin: 0 0 10px 0; font-size: 14px; line-height: 30px; color: #000142; font-family: 'Helvetica Neue W01 67 Md Cn'; } .contact .contact_columns .content .contact_phone { padding: 0 0 2px 0; display: block; font-size: 12px; font-weight: bold; line-height: 14px; font-family: Arial, Helvetica, sans-serif; } .contact .contact_columns .content .contact_small { line-height: 12px; font-size: 9px; color: #999; } .contact .contact_columns .content p { margin: 0 0 10px 0 } .contact .contact_columns .content form { display: inline } .contact .contact_columns .content label { padding: 0 10px 0 0; float: left; line-height: 20px; font-weight: bold; } .contact .contact_columns .content input.contact_input { float: left; padding: 0; width: 48px; height: 20px; border: 1px solid #aeaeae; } .contact .contact_columns .content input.button_search { float: right; width: 92px; height: 22px; border: 0; background: url('/images/backgrounds/button_search.png') top left; text-indent: 200px; } /* Headline with Button */ #main div.wrapper .button_headline { padding: 10px 0; overflow: hidden; } #main div.wrapper .button_headline h4 { font-family: 'Helvetica Neue W01 67 Md Cn'; font-size: 14px; color: #051249; line-height: 22px; float: left; letter-spacing: normal !important; } #main div.wrapper .button_headline .button { display: block; background: #00a2e8 url('/images/buttons/bt_sprite.png') -3965px -41px; width: 238px; height: 22px; border: none; text-indent: 1000px; font-size: 0; overflow: hidden; float: left; margin-left: 10px; } #main div.wrapper .button_headline .button:hover { background-color: #00b6ff } /* 18.0 New Modules from the Design Refresh */ /* 18.1 Flex Combobox */ .flex_combobox { position: relative; width: 148px; border: 1px solid #aeaeae; float: left; overflow: visible; z-index: 100; } .flex_combobox .selector { position: absolute; right: 0px; top: 0px; height: 19px; width: 19px; margin: 1px; background: url('/images/backgrounds/arrow_down_select.png') no-repeat left top; cursor: pointer; z-index: 20; } .flex_combobox .selected { position: relative; padding: 0 5px; background-color: #fff; height: 21px; line-height: 21px; overflow: hidden; font-size: 11px; color: #666666; cursor: pointer; } .flex_combobox input.selected { border: 0 } .flex_combobox ul { position: absolute; top: 25px; left: -1px; width: 148px; list-style-type: none; padding: 0; margin: 0; border: 1px solid #aeaeae; background-color: #fff; } .flex_combobox li { list-style-type: none; padding: 3px; border-bottom: 1px dotted #000243; cursor: pointer; } .flex_combobox li.last { border-bottom: 0 } .flex_combobox li span { display: block; background-color: #fff; font-size: 11px; overflow: hidden; padding: 5px 5px; line-height: 18px; height: 18px; } .flex_combobox li:hover span { background-color: #19a1e5; color: #fff !important; } /* Links in Comboboxes */ .flex_combobox li span a, .flex_combobox div.selected li span a { display: block; color: inherit; line-height: 18px !important; text-decoration: none; } .flex_combobox div.selected a { display: block; color: #666 !important; line-height: 21px !important; text-decoration: none; } /* 18.2 Floating Elements */ #main .floating_elements h3 { width: auto } #main .floating_elements .teaser h3 { margin: 0 0 10px 0!important; padding-left: 5px; padding-right: 5px; } #main .floating_elements .teaser h3.border_background { padding: 3px 0 } /*#main .floating_elements .teaser h3.border_background{ margin: 0 0 15px 0 !important; border: 1px dotted #031041; color: #031041; border-width: 1px 0; line-height: 32px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; } #main .floating_elements .teaser h3.border_background span{ display: block; background:#f3f3f3; margin: 3px 0; padding-left: 5px; visibility: visible !important; font-size: 16px; letter-spacing: normal; line-height:30px; }*/ /* Spaltenweises Layout Floating */ #main .floating_elements { overflow: hidden; width: 100%; margin-top: 20px; } #main .floating_elements .element_left, #main .floating_elements .element_right { margin: 0 0 10px 0; min-height: 141px; width: 325px; } #main .floating_elements .element_left { float: left } #main .floating_elements .element_right { float: right } /* Image Style */ #main .floating_elements .bordered_image { float: left; margin: 0 15px 0 0; position: relative; } #main .floating_elements .bordered_image.image_mask_w117_h90 { width: 117px } #main .floating_elements .bordered_image.image_mask_w117_h90 p { background-position: -606px 0; height: 90px; } #main .floating_elements .bordered_image.image_mask_w117_h90 img { height: 80px; width: 107px; } /* 18.3 Data Table */ .data_table {width:100%;background-color:#f3f3f3;border-collapse:collapse; border:0;} .data_table th,.data_table td {background:url('/images/backgrounds/table_border.png') repeat-x bottom left; border:0;} .data_table th {font-weight:700;padding:10px 10px 5px !important;} .data_table td {border-top:3px solid #fff;padding:2px 25px 5px;} .data_table tr.highlight td {background-color:#d5e2f3;font-weight:700;color:#000142;} .data_table tr.highlight td a {font-weight:400;} /* 18.3.1 Data Table Price */ #main div.wrapper .data_table_price th { font: 14px 'Helvetica Neue W01 67 Md Cn',Helvetica,sans-serif; width:244px; } #main div.wrapper .data_table_price td { vertical-align: middle; } #main div.wrapper .data_table_price tr.dt_placeholder td { background: #fff url('/images/backgrounds/bg_border_data_table_price_tr.png') repeat-x left center; line-height: 7px; margin: 0; padding: 0; } #main div.wrapper .data_table_price th.dt_placeholder, #main div.wrapper .data_table_price td.dt_placeholder { background: #f3f3f3 url('/images/backgrounds/bg_border_data_table_price.png') repeat-y top right; border: 0; margin: 2px; padding-right: 7px; } #main div.wrapper .data_table_price td.dt_placeholder { background-color: #fff; } #main div.wrapper .data_table_price .dt_highlights { background: #ecf3fa; color: #000142; margin: 2px; } #main div.wrapper .data_table_price .dt_price { width: 124px; } #main div.wrapper .data_table_price .price-mod { font-size: 13px; } #main div.wrapper .data_table_price .dt_placeholder .price-mod { color: #666; } #main div.wrapper .data_table_price .price-mod .euro, #main div.wrapper .data_table_price .price-mod .comma { font-size: 28px; } #main div.wrapper .data_table_price .price-mod .cents { font-size: 12px; top: -13px; } #main div.wrapper .data_table_price .price-mod .currency { left: -13px; } /* 18.3.2 Wettbewerbsvergleich */ .brand-comparison { background-color: white; border: 1px solid #dfdfdf; padding: 3px; width: 661px; } .um-lightbox .heading { background: #f3f3f3 url("/images/backgrounds/dots-heading.gif") repeat-x left bottom; padding: 3px 10px 7px; position: relative; } .um-lightbox .heading h1 { color: #00134b; font-family: "Helvetica Neue W01 67 Md Cn", sans-serif; font-size: 16px; line-height: 30px; } .um-lightbox .heading .close { background: url("/images/backgrounds/lightbox-close.gif") repeat left top; display: block; height: 12px; position: absolute; right: 10px; top: 10px; width: 12px; } .um-lightbox .inner { padding: 0 12px 10px; } .um-lightbox .teaser { padding: 1px 290px 20px 0; } .um-lightbox .teaser p { color: #000142 !important; margin: 16px 0 0; } .um-lightbox .teaser p > strong { margin-right: 10px; } .um-lightbox .table-top { background: url("/images/backgrounds/brand-comparison-table-header-bg.gif") no-repeat left top; height: 4px; } .um-lightbox .table-inner { border: 1px solid #aeaeae; border-bottom: none; border-top: none; padding: 0 3px; } .um-lightbox .table-bottom { background: url("/images/backgrounds/brand-comparison-table-footer-bg.gif") no-repeat left top; height: 4px; } .um-lightbox .comparison { border-bottom: none; border-top: none; width: 100%; } .um-lightbox .comparison th, .um-lightbox .comparison td { border: 1px solid #aeaeae; color: #000142; padding: 10px 5px; text-align: center; } .um-lightbox .comparison th { background-color: #f3f3f3; font-size: 14px; font-weight: bold; line-height: 16px; } .um-lightbox .comparison td sup {line-height:10px;} .um-lightbox .comparison td a {background: none; color: #000142; padding:0;} .um-lightbox .comparison td a.arrowlink { background: url('/images/backgrounds/img_brand_comparsion_arrowlink.png') no-repeat left center; font-weight: normal; padding-left: 15px; } .um-lightbox .comparison .first-row th, .um-lightbox .comparison .first-row td { border-top: none; } .um-lightbox .comparison .last-row td { border-bottom: none; } .um-lightbox .comparison .alpha { border-left: none; text-align: left; } .um-lightbox .comparison .omega { border-right: none; } .um-lightbox .comparison .strong{ font-weight: bold; } .um-lightbox .comparison .extra_padding{ padding: 15px 5px; } .um-lightbox .comparison .arrow-check{ background: url('/images/backgrounds/brand-comparison-check.png') no-repeat center center; text-indent: -1000px; } .um-lightbox .comparison .highlight { background-color: #ecf3fa; font-weight: bold; } .um-lightbox .comparison .highlight-merge { background-color: #b5ceec; } .um-lightbox #toggle-me { display: none; } .um-lightbox .expand-table { background-color: #f3f3f3; padding: 10px 5px; } .um-lightbox .expand-table a { background: url("/images/backgrounds/brand-comparison-toggle-show.gif") no-repeat left center; padding: 4px 0 4px 26px; } .um-lightbox .expand-table .hide { background: url("/images/backgrounds/brand-comparison-toggle-hide.gif") no-repeat left center; } .um-lightbox .status-comparison { border-bottom: 1px dotted #aeaeae; color:#aeaeae; margin-bottom:5px; padding: 5px; text-align: right; } /* 18.4 Image Masks */ .b10 { margin-bottom: 10px; } .t10 { margin-top: 10px; } .bordered_image { position:relative;display:block;overflow:hidden;padding:0; margin-bottom: 15px; } .bordered_image img { margin: 0 !important; } #extra .bordered_image { margin: 10px 0; } .item .bordered_image { margin: 0 10px 5px 0; } .teaser .bordered_image { margin-bottom:0; } .bordered_image img { display:block;position:absolute;top:5px;left:5px;z-index:50 } .bordered_image > span, .bordered_image > a > span { display:block;background:url('/images/backgrounds/bg_image_masks.png') no-repeat 0 0;position:relative;z-index:100;margin:0;padding:0 } .bordered_image.mask_w744 { width: 744px; } .bordered_image.mask_w744 > img { width: 734px; } .bordered_image.mask_w504 { width: 504px; } .bordered_image.mask_w504 > img { width: 494px; } .bordered_image.mask_w484 { width: 484px; } .bordered_image.mask_w484 > img { width: 474px; } .bordered_image.mask_w365{ width: 365px; } .bordered_image.mask_w365 > img { width: 355px; } .bordered_image.mask_w244 { width: 244px; } .bordered_image.mask_w244 > img { width: 234px; } .bordered_image.mask_w225 { width: 225px; } .bordered_image.mask_w225 > img { width: 215px; } .bordered_image.mask_w205 { width: 205px; } .bordered_image.mask_w205 > img { width: 195px; } .bordered_image.mask_w75 { width: 75px; } .bordered_image.mask_w75 > img { width: 65px; } .bordered_image.mask_h280 > img { height: 270px; } .bordered_image.mask_h280 span { height: 280px; } .bordered_image.mask_h250 > img { height: 240px; } .bordered_image.mask_h250 span { height: 250px; } .bordered_image.mask_w158 { width: 158px; } .bordered_image.mask_w158 > img { width: 148px; } .bordered_image.mask_h150 > img { height: 140px; } .bordered_image.mask_h150 span { height: 150px; } .bordered_image.mask_h80 > img { height: 70px; } .bordered_image.mask_h80 span { height: 80px; } .bordered_image.mask_h56 > img { height: 46px; } .bordered_image.mask_h56 span { height: 56px; } .bordered_image.mask_w744.mask_h280 span { background-position: 0 -686px; } .bordered_image.mask_w744.mask_h250 span { background-position: 0 -536px; } .bordered_image.mask_w504.mask_h250 span { background-position: 0 -286px; } .bordered_image.mask_w504.mask_h150 span { background-position: 0 -136px; } .bordered_image.mask_w504.mask_h80 span{ background-position: 0 -56px; } .bordered_image.mask_w504.mask_h56 span { background-position: 0 0; } .bordered_image.mask_w484.mask_h250 span { background-position: -504px -286px; } .bordered_image.mask_w484.mask_h150 span { background-position: -504px -136px; } .bordered_image.mask_w484.mask_h80 span { background-position: -504px -56px; } .bordered_image.mask_w484.mask_h56 span{ background-position: -504px 0; } .bordered_image.mask_w365.mask_h150 span { background-position: -744px -536px; } .bordered_image.mask_w244.mask_h250 span { background-position: -988px -286px; } .bordered_image.mask_w244.mask_h150 span { background-position: -988px -136px; } .bordered_image.mask_w244.mask_h80 span { background-position: -988px -56px; } .bordered_image.mask_w244.mask_h56 span { background-position: -988px 0; } .bordered_image.mask_w225.mask_h250 span { background-position: -1232px -286px; } .bordered_image.mask_w225.mask_h150 span { background-position: -1232px -136px; } .bordered_image.mask_w225.mask_h80 span { background-position: -1232px -56px; } .bordered_image.mask_w225.mask_h56 span { background-position: -1232px 0; } .bordered_image.mask_w205.mask_h250 span { background-position: -1457px -286px; } .bordered_image.mask_w205.mask_h150 span { background-position: -1457px -136px; } .bordered_image.mask_w205.mask_h80 span { background-position: -1457px -56px; } .bordered_image.mask_w205.mask_h56 span { background-position: -1457px 0; } .bordered_image.mask_w158.mask_h80 span { background-position: -1109px -536px; } .bordered_image.mask_w75.mask_h250 span { background-position: -1662px -286px; } .bordered_image.mask_w75.mask_h150 span { background-position: -1662px -136px; } .bordered_image.mask_w75.mask_h80 span { background-position: -1662px -56px; } .bordered_image.mask_w75.mask_h56 span { background-position: -1662px 0; } /* 18.5 Textbuttons */ .fr { float:right; } .fl { float:left; } .border { border-bottom: 1px dotted; } .um_textbutton{display:block;height:20px;width:136px;background-color:#17a1e5;line-height:18px;color:#fff;font-size:11px;font-family:Arial;text-decoration:none;text-align:center;font-weight:400;cursor:pointer;overflow:hidden;padding:1px} .um_textbutton:hover{background-color:#00b6ff} .um_textbutton > span{display:block;height:18px;width:134px;border:1px solid #fff} .um_textbutton > span > span{background:url('/images/backgrounds/arrow.gif') no-repeat 0 -4px;padding:0 3px 0 14px} a.um_textbutton{text-decoration:none} .um_textbutton.wide{width:236px} .um_textbutton.wide > span{width:234px} .um_textbutton.disabled{background-color:#999;cursor:default} .um_textbutton.disabled:hover{background-color:#999} input.um_textbutton{border:0;background-image:url('/images/backgrounds/buttons_bg.gif');background-repeat:no-repeat;background-position:0 0;width:138px;height:22px} input.um_textbutton.wide{background-position:-138px 0;width:238px} .um_textbutton.fr { float : right; } .um_textbutton.fl { float : left; } .um_textbutton.abl { bottom : 0; left : 0; position : absolute; } .um_textbutton.abr { bottom : 0; position : absolute; right : 0; } .um_textbutton_special { background: url('/images/buttons/dtv-jetzt-bestellen.png'); color:#fff; display:block;font-family:'Helvetica Neue W01 67 Md Cn',Helvetica,sans-serif; font-size:20px; height: 30px; text-indent: -1000px; padding:12px 0 0 25px; width: 135px;} .price-mod .um_textbutton { margin: 15px 0 10px; } .combiner-selected .price-mod .um_textbutton { margin: 0; } /* 18.6 Tracking Images Fix */ body #container > img, body #container > a { position: absolute; } /* 18.7 Error Page */ .maintenance h3 {color:#000142;font-family:'Helvetica Neue W01 67 Md Cn',Helvetica,sans-srif; font-size:16px; margin:0 0 10px 0;} .maintenance #breadcrumb {margin-left:0;} .maintenance #main { float: left; margin: 0 0 30px; width: 910px; } .maintenance.twoColNoNavi #main{margin: 0 15px 30px 0; } .maintenance .message { margin: 30px 0 15px;} .maintenance .info { padding: 0 10px 0 0; width:220px; } .maintenance .contactwrap { color:#000142; margin-left:5px; width: 675px; } .maintenance .contactteaser { background: #fff url('/images/backgrounds/um-contact-teaserbox-bg.jpg');height:226px; margin:0 15px 0 0; padding:20px 15px; width:185px;} .maintenance .contactteaser h3 { line-height: 30px; } .maintenance .contact_icon { margin-right:5px; } .maintenance .contactteaser.last {margin:0;} .maintenance .contact_small {color: #666; font-size:10px;}/* 19.0 Komkbipakete AB */ body.kombipakete_ab #main .copy{ margin:0 !important; } body.kombipakete_ab #main .tabcontent .copy{ margin: 0 10px !important; } body.kombipakete_ab #main{ width: 745px; } body.kombipakete_ab #content_wrapper #main { width: 505px; } .kombipakete_ab #main h1 img.logo{ right: 0; top: 7px; } #content_wrapper{ float: left; width: 760px; } #content_wrapper #footnotes { margin-left:15px; clear: both; } #contenthead{ float: left; width: 730px; margin: 0 15px 15px; } .kombipakete_ab #main h1, #wrapper_combi_box h1, #wrapper_combi_table h1{ font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; position:relative;margin:0 0 15px 0;padding:11px 10px 9px;border:1px dotted #000142;border-width:1px 0;height:30px;overflow:hidden;color:#000142;font-size:28px;line-height:30px;white-space:nowrap; } /* CHECK!!! wird der Kram ier drunter noch gebraucht? */ /* +++++++++++++++++++++++++++ * * Availability check box * +++++++++++++++++++++++++++ */ .kombipakete_ab .availability_check{ overflow: hidden; position: relative; width: 720px; height: 20px; margin: 0 auto; padding: 11px 13px; background: url('/images/backgrounds/bg_availability_main.png') no-repeat 0 0; } .kombipakete_ab .availability_check.open{ height: 76px; background-position:0 -60px; } .kombipakete_ab .availability_check .toggle{ display: block; position: absolute; top: 12px; right: 17px; width: 19px; height: 19px; font-style: normal; background: url('/images/elements/el_arrowblock.png') no-repeat 0 0; cursor: pointer; } .kombipakete_ab .availability_check.open .toggle{ background-position: 0 -30px } .kombipakete_ab .availability_check .bd,.kombipakete_ab .availability_check .bd_login{ padding-top: 5px; margin-top: 5px; border-top: 1px dotted #666; } * + html .kombipakete_ab .availability_check .bd{ padding-top: 10px; margin-top: 10px; } .kombipakete_ab .availability_check .input{ display: block; width: 175px; height: 15px;} * + html .kombipakete_ab .availability_check .input{ height: 14px;} .kombipakete_ab .availability_check .input.short{ display: block; width: 65px; } .kombipakete_ab .availability_check .input:focus{ border: 1px solid #00A0E0 !important; background-color: #EFF9FD; } .kombipakete_ab .availability_check .error .input, .kombipakete_ab .input.error{ border-color: #E60F46 !important; background-color: #FDE7ED !important; color: #E60F46 !important; } .kombipakete_ab .availability_check .selectbox_list{ display: block; width: 185px; } .kombipakete_ab .availability_check .selectbox_list.short{width: 72px; } .kombipakete_ab .availability_check label{ float: left; font-weight: bold;} * + html .kombipakete_ab .availability_check label{ margin-top:-5px;} .kombipakete_ab .availability_check .button{ display: none; position: absolute; right: 17px; bottom: 12px; background:url('/images/buttons/bt_availability.png') no-repeat 0 0; } .kombipakete_ab .availability_check .button.login { background-position: 0 -46px; width: 138px; height: 22px; } .kombipakete_ab .availability_check .button.check_address { background-position: 0 -23px; width: 138px; height: 22px; } .kombipakete_ab .availability_check form a.arrowlink{ position: absolute; right: 45px; top: 15px; } .kombipakete_ab .availability_check .available div span { display: block; float: right; margin-left: 2px; background: url('/images/icons/ic_available.png') no-repeat -46px 2px; height: 30px; width: 30px;} * + html .kombipakete_ab .availability_check .available div span { float: none; position: absolute; top: 0; right: 0; } .kombipakete_ab .availability_check .available .net span { background-position: 0 -69px; width: 85px;} * + html .kombipakete_ab .availability_check .available .net { padding-right:85px; } .kombipakete_ab .unavailable1 .availability_check .available .net { background-position: 0 -31px;} * + html .kombipakete_ab .unavailable1 .availability_check .available .net { padding-right: 50px;} .kombipakete_ab .unavailable3 .availability_check .available .net span { background-position: 0 -34px; width: 85px;} .kombipakete_ab .unavailable1 .availability_check .available .net span { background-position: 0 4px; width: 40px;} .kombipakete_ab .unavailable1 .availability_check .available .phone { background-position: 0 -100px;} .kombipakete_ab .unavailable1 .availability_check .available .phone span { background-position: 0 4px;} /* analog TV only */ .kombipakete_ab .availability_check .available .tv_analog { display: none; } .kombipakete_ab .analog .availability_check .available .tv_analog { display: block;} .kombipakete_ab .analog .availability_check .available .net { background-position: 0 -31px;} .kombipakete_ab .analog .availability_check .available .net span { background-position: 0 4px; width: 40px;} .kombipakete_ab .analog .availability_check .available .phone { background-position: 0 -100px; } .kombipakete_ab .analog .availability_check .available .phone span { background-position: 0 4px;} .kombipakete_ab .analog .availability_check .available .tv { display: none;} .kombipakete_ab .analog .availability_check .available .analog_only{ display: block; width:280px;} /* nothing available */ .kombipakete_ab .none .availability_check .available .net { background-position: 0 -31px;} .kombipakete_ab .none .availability_check .available .net span { background-position: 0 4px; width: 40px;} .kombipakete_ab .none .availability_check .available .phone { background-position: 0 -100px; } .kombipakete_ab .none .availability_check .available .phone span { background-position: 0 4px;} .kombipakete_ab .none .availability_check .available .tv { background-position: 0 -170px; } .kombipakete_ab .none .availability_check .available .tv span { background-position: 0 4px;} .kombipakete_ab .none .availability_check .available .none{ display: block; width:280px;} /* Availability descriptions */ .kombipakete_ab .availability_check .available{ display: none; } .kombipakete_ab .availability_check .available .descr {display: none; float: right; width: 250px;} .kombipakete_ab .availability_check .available a.arrowlink{ position: absolute; right: 50px; top: 15px; } .kombipakete_ab .availability_check .available div{ float: left; position: relative; color: #031041; font-size: 11px; line-height: 30px;font-weight: bold; padding-left: 33px; margin-top:5px; background: url('/images/icons/ic_catsmall.png') no-repeat 0 4px;} * + html .kombipakete_ab .availability_check .available div{ height: 30px; padding-right: 30px; } .kombipakete_ab .availability_check .available .all{ display: block; } .kombipakete_ab .availability_check .available .phone { background-position: 0 -66px;} .kombipakete_ab .availability_check .available .tv, .kombipakete_ab .availability_check .available .tv_analog { background-position: 0 -136px;} .kombipakete_ab .unavailable3 .availability_check .available .all, .kombipakete_ab .unavailable2 .availability_check .available .all, .kombipakete_ab .unavailable1 .availability_check .available .all, .kombipakete_ab .digital .availability_check .available .all, .kombipakete_ab .analog .availability_check .available .all, .kombipakete_ab .none .availability_check .available .all { display: none; } .kombipakete_ab .unavailable3 .availability_check .available .slow{ display: block; } .kombipakete_ab .none .availability_check .available .slow, .kombipakete_ab .analog .availability_check .available .slow, .kombipakete_ab .unavailable1 .availability_check .available .slow{ display: none; } .kombipakete_ab .unavailable1 .availability_check .available .digital{ display: block; width:280px;} .kombipakete_ab .none .availability_check .available .digital, .kombipakete_ab .analog .availability_check .available .digital{ display: none} .kombipakete_ab .availability_check .available .digital a, .kombipakete_ab .availability_check .available .analog_only a{ position: static; } .kombipakete_ab .availability_check .err_msg { display: none; } .kombipakete_ab .availability_check form .err_msg a.arrowlink { position:static; } .kombipakete_ab .availability_check .no_service, .availability_check .no_city { padding-top: 18px; } .kombipakete_ab .availability_check.invalid .valid{ display: none; } .kombipakete_ab .availability_check.invalid.no_service .no_service { display: inline-block; } .kombipakete_ab .availability_check.invalid.no_city .no_city { display: inline-block; color: #E60F46; } .kombipakete_ab .availability_check.invalid.no_ume .no_ume { display: inline-block; padding-top: 8px; } .kombipakete_ab #wrapper_combi_box .availability_check .available .all, .kombipakete_ab #wrapper_combi_box .availability_check .available .slow{width: 240px;} .kombipakete_ab .availability_check .h, .kombipakete_ab #main div.wrapper .availability_check h3.h{ margin: 0 15px 5px 0; padding-left: 50px; display: inline-block; background: url('/images/icons/ic_available.png') no-repeat 0 -111px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 21px; color:#001142; font-weight: normal !important; } .kombipakete_ab .availability_check.open .button{ display: block; } .kombipakete_ab .checked .availability_check form { display: none; } .kombipakete_ab .checked .availability_check .available { display: block; } .kombipakete_ab .availability_check .bd_login .links{ position: absolute; left: 390px; bottom: 11px; } .kombipakete_ab .availability_check .bd_login .links a{ position: static; display: block; } .kombipakete_ab .availability_check .bd_login{ display: none; } .kombipakete_ab .availability_check.login .bd{ display: none; } .kombipakete_ab .availability_check.login .bd_login{ display: block; } .kombipakete_ab .checked .availability_check.login .bd{ display: block; } .kombipakete_ab .checked .availability_check.login .bd_login{ display: none; } .kombipakete_ab .availability_check.login .h, #main div.wrapper .availability_check.login h3.h{ background-position: 0 -148px } .kombipakete_ab .availability_check.login.error .h, #main div.wrapper .availability_check.login.error h3.h{ visibility:hidden; } .kombipakete_ab .availability_check.login.error .bd_login .err_msg { display: block; position: absolute; top: 16px; left:13px; color:#E60F46; } /* +++++++++++++++++++++++++++ * * Bundle globals * +++++++++++++++++++++++++++ */ .kombipakete_ab #main ul.ticklist { margin: 0;} .kombipakete_ab #main ul.ticklist li { margin-bottom: 5px; background: url('/images/elements/el_tick.png') no-repeat -26px -22px; font-size: 12px; font-family:'Helvetica Neue W01 77 Bd Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; color:#001142; line-height: 14px; } .kombipakete_ab #main .package ul.ticklist li span { font-size: 10px; font-family:Arial, Helvetica, sans-serif; display: block; line-height: 12px;} .kombipakete_ab a.button{ overflow:hidden; text-indent: -2000px; } .kombipakete_ab #extra ul.ticklist li { margin: 0 0 5px 5px; background: url('/images/elements/el_tick.png') no-repeat -26px -25px; line-height: 14px; padding-left: 15px; } .kombipakete_ab #extra ul.ticklist li span { font-size: 10px; font-family:Arial, Helvetica, sans-serif; display: block; line-height: 12px;} .kombipakete_ab .v3play.bcs_required .txt_bcs_required, .kombipakete_ab .v3play.bcs_present .txt_bcs_present { display: block; } .kombipakete_ab .txt_bcs_required, .kombipakete_ab .txt_bcs_present, .kombipakete_ab .v3play.bcs_present .txt_bcs_required, .kombipakete_ab .v3play.bcs_present .txt_bcs_notchecked, .kombipakete_ab .v3play.bcs_required .txt_bcs_present, .kombipakete_ab .v3play.bcs_required .txt_bcs_notchecked { display: none; } .txt_bcs_required { padding-top: 7px !important; padding-bottom: 7px !important; } /* +++++++++++++++++++++++++++ * * Bundle detail * +++++++++++++++++++++++++++ */ .kombipakete_ab #product_nav{ height: 45px; width: 745px; } .kombipakete_ab #product_nav .backlink { float:left; width: 138px; height: 31px; padding-top: 14px; vertical-align: middle; text-align: center; background:url('/images/backgrounds/bg_navbar_blue.png') no-repeat 0 0;} .kombipakete_ab #product_nav .backlink a.arrowlink{ color:#ffffff; background-position:-57px -150px; } .kombipakete_ab #product_nav ul { float: left;} .kombipakete_ab #product_nav ul li{ cursor: pointer; float: left; width: 200px; height: 45px; line-height: 45px; background:url('/images/backgrounds/bg_navbar_blue.png') no-repeat -338px 0; text-align: center; font-family:'Helvetica Neue W01 77 Bd Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; color: #ffffff; font-size: 18px; } .kombipakete_ab #product_nav ul li.active{ background-position: -338px -56px; } .kombipakete_ab #product_nav ul li.first{ background-position: -138px 0; } .kombipakete_ab #product_nav ul li.first.active{ background-position: -138px -56px; } .kombipakete_ab #product_nav ul li.last{ background-position: -538px 0; width: 207px; } .kombipakete_ab #product_nav ul li.last.active{ background-position: -538px -56px; } .kombipakete_ab #product_nav ul li a{ color: #FFFFFF; text-decoration:none;} .kombipakete_ab #product_nav ul li.active a{ color: #031041; } .kombipakete_ab div#extra div#availability_box {display: none; color: #031041; padding-bottom:5px; } .kombipakete_ab div#extra div#availability_box .sidebar_wrapper{ padding-bottom:3px; } .kombipakete_ab .unavailable div#extra div#availability_box, .kombipakete_ab .available div#extra div#availability_box {display: block;} .kombipakete_ab #availability_box .txt_unavailable,.kombipakete_ab #availability_box .txt_available{ position: relative; display: block; width: 175px; margin:0 5px;} .kombipakete_ab #availability_box .txt_unavailable span, #availability_box .txt_available span{ position: absolute; right:-30px; top:0; background: url('/images/icons/ic_available.png') no-repeat -38px 5px; width: 40px; height: 30px;} .kombipakete_ab #availability_box .txt_unavailable{ display: none; } .kombipakete_ab #availability_box .txt_unavailable span{ background-position: 12px 5px; } .kombipakete_ab .unavailable #availability_box .txt_unavailable{ display: block;} .kombipakete_ab .unavailable #availability_box .txt_available { display: none; } .kombipakete_ab div#extra .teaser img { float: none; margin: 5px 0;} .kombipakete_ab div#extra .teaser .sidebar_wrapper{padding: 10px 10px 5px; display: inline-block; width: 205px;} .kombipakete_ab div#extra .teaser .h{ padding-bottom: 3px; margin: 0 5px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:14px; color:#031041; border-bottom: 1px dotted #031041; } .kombipakete_ab div#extra .teaser a.arrowlink { float: right; margin-right: 5px;} .kombipakete_ab div#extra .digest.teaser .h{ margin-bottom: 10px;} .kombipakete_ab .digest table{ width:195px; margin:0 5px 22px;} .kombipakete_ab .digest tr td {vertical-align: baseline; line-height: 10px; height:11px;} .kombipakete_ab .digest tr.hr td,.kombipakete_ab .digest tr.dblhr td{ padding: 10px 0; height:1px; } .kombipakete_ab .digest tr.hr div,.kombipakete_ab .digest tr.dblhr div{ height:1px; line-height: 1px; border-top: 1px dotted #031041; } .kombipakete_ab .digest tr.dblhr td{ padding-bottom: 5px; height:1px;} .kombipakete_ab .digest tr.dblhr div{ border-bottom: 1px dotted #031041; } .kombipakete_ab .digest tr.blh td {line-height: 13px;} .kombipakete_ab .digest tr.hl td {font-weight: bold;} .kombipakete_ab .digest tr td.amount{ text-align: right;} .kombipakete_ab div#extra .digest tr td.amount a{ margin-right: 0; } .kombipakete_ab .digest tr.em td { font-weight: bold; color: #031041; font-size: 14px; line-height: 14px;} .kombipakete_ab .digest tr td sup {font-size: 8px;} .kombipakete_ab .digest .order_large{ background: #00A1E5 url("/images/buttons/bt_availability.png") no-repeat 0 -69px; height: 22px;width: 138px; margin: 0 5px;} .kombipakete_ab .unavailable .digest .order_large{ background-color: #c8c8c8 !important; cursor:default; } .kombipakete_ab #main div.wrapper{ background: none; } .kombipakete_ab #main div.wrapper.product { border: 1px solid #CDCDCD; } .kombipakete_ab #main div.wrapper .product_info {display: inline-block; width: 503px; background: url('/images/backgrounds/bg_productdetail.png') repeat-x 0 100%; padding: 15px 0 10px; } .kombipakete_ab #main div.wrapper .product_info img{ float: left; margin: 0 15px 15px; } .kombipakete_ab #main div.wrapper .product_info h4 {font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 18px; letter-spacing: normal;} .kombipakete_ab #main div.wrapper .product_info .prodlist { float: left; margin-left: 0; width: 275px;} .kombipakete_ab #main div.wrapper .product_info .prodlist li{ background:url('/images/icons/ic_products.png') no-repeat -64px 3px; padding-left: 36px; min-height: 24px; margin-bottom: 18px; } .kombipakete_ab #main div.wrapper .product_info .prodlist li.phone{ background-position:-32px -35px; } .kombipakete_ab #main div.wrapper .product_info .prodlist li.tv{ background-position:0 -73px; } .kombipakete_ab #main div.infobox ul.tabnav {background: #ffffff; /*#f3f3f3*/} .kombipakete_ab #main div.infobox ul.tabnav li.net a{ color:#00a1e5; } .kombipakete_ab #main div.infobox ul.tabnav li.phone a{ color:#519722; } .kombipakete_ab #main div.infobox ul.tabnav li.tv a{ color:#e81046; } .kombipakete_ab #main div.infobox div.tabcontent{ background: none; background-repeat: no-repeat;} .kombipakete_ab #main div.infobox div.tabcontent h5{ margin-bottom: 22px; border: 1px dotted #031041; color: #031041; font-size: 16px; border-width: 1px 0; line-height: 32px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 18px; letter-spacing: normal;} .kombipakete_ab #main div.infobox div.tabcontent h5 span{ display: block; background:#f3f3f3; margin: 3px 0; padding-left: 5px;} .kombipakete_ab #main div.infobox div.tabcontent h6{ margin: 0 10px 22px 5px; font-weight: bold;} .kombipakete_ab #main div.infobox div.tabcontent ul { margin-left: 5px;} .kombipakete_ab #main div.infobox div.tabcontent ul li { margin-bottom: 0; } .kombipakete_ab #main div.infobox div.tabcontent.net ul li { margin-bottom: 0; background-position: -383px -21px; } .kombipakete_ab #main div.infobox div.tabcontent.phone ul li { margin-bottom: 0; background-position: -355px -47px; } .kombipakete_ab #main div.infobox div.tabcontent.tv ul li { margin-bottom: 0; background-position: -327px -73px; } .kombipakete_ab #main div.infobox div.tabcontent .item { margin-bottom: 22px; display: inline-block; width:488px; } .kombipakete_ab #main div.infobox div.tabcontent .item img { float: right; } /* +++++++++++++++++++++++++++ * * Sidebar Boxes * +++++++++++++++++++++++++++ */ .kombipakete_ab #sidebar #subnav { margin-bottom: 15px; } .kombipakete_ab #sidebar .box, .kombipakete_ab #sidebar .tabcontent{padding:9px; margin-bottom: 15px;border: 1px solid #bebebe; background:#f3f3f3; } .kombipakete_ab #sidebar .box h4, .kombipakete_ab #sidebar .tabcontent h4{ font-size:14px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; border-bottom: 1px dotted #031041; color:#031041; margin-bottom: 10px;} .kombipakete_ab #sidebar .box .linklist li { margin-bottom:3px; } .kombipakete_ab #sidebar .box .linklist a{ display: block; } .kombipakete_ab #sidebar .box.tuv { height: 130px; background: #f3f3f3 url('/images/visuals/vs_tuv_seal.png') no-repeat 5px 80px; } .kombipakete_ab #sidebar .box.challenge .image { margin-bottom: 5px; height: 73px; width: 127px; background: url("/images/visuals/challenge-box-teaser.jpg") no-repeat left top; } .kombipakete_ab #sidebar .box.challenge p { margin-bottom: 10px; } .kombipakete_ab #sidebar .box.challenge .um_textbutton { width: 128px; } .kombipakete_ab #sidebar .box.challenge .um_textbutton > span { width: 126px; } #sidebar div.infobox ul.tabnav { margin: 0; border-bottom: 1px solid #bebebe; width: 100%; height:17px;} #sidebar div.infobox ul.tabnav li { float:left; width: 47px; margin: 0 4px -1px 0; padding: 0; background: transparent url("/images/backgrounds/bg_tabnav_small.png") no-repeat 100% 0; } #sidebar div.infobox ul.tabnav li.last { margin-right: 0; width: 48px;} #sidebar div.infobox ul.tabnav li a { float: left; height: 14px; width: 34px; padding: 3px 6px 0 5px; border: 1px solid #bebebe; border-width: 0 0 1px 1px; color: #666; text-decoration: none; font-size: 11px; line-height: normal; background: none; } #sidebar div.infobox ul.tabnav li:hover{ background-position: 100% -43px;} #sidebar div.infobox ul.tabnav li.active { background-position: 100% -22px; } #sidebar div.infobox ul.tabnav li.active a{ border-bottom: none; height:15px; } .kombipakete_ab #sidebar .tabcontent{ display: none; position: relative; border-width: 0 1px 1px; height:124px; } .kombipakete_ab #sidebar .tabcontent.active{ display: block; } .kombipakete_ab #sidebar .tabcontent div{ background: url('/images/elements/el_contact_box.png') no-repeat 1px 0; height: 124px;} .kombipakete_ab #sidebar .tabcontent a { position: absolute; bottom: 10px; left: 12px; } .kombipakete_ab #sidebar .tabcontent .chat_inactive{display: none; background-position: -136px 0px; } .kombipakete_ab #sidebar .chat_inactive .tabcontent .chat_inactive { display: block;} .kombipakete_ab #sidebar .chat_inactive .tabcontent .chat { display: none;} .kombipakete_ab #sidebar .tabcontent .email{ background-position: -273px 0; } .kombipakete_ab #sidebar .tabcontent .phone{ background-position: -410px 0; } .kombipakete_ab #sidebar .tabcontent a.chat { background: #00A1E5 url('/images/buttons/bt_livechat.png') no-repeat 0 0; height: 22px; width: 123px;} /* +++++++++++++++++++++++++++ * * Teasers * +++++++++++++++++++++++++++ */ .kombipakete_ab #main .teasers { margin-left: -15px; float: left; } .kombipakete_ab #main .teasers .teaser { position: relative; float:left; width:365px; height: 175px; margin: 0 0 40px 15px;} .kombipakete_ab #main .teasers .teaser.with_image{ height: 245px; } .kombipakete_ab #main .teasers .teaser.with_image img{ margin-bottom: 15px;} .kombipakete_ab #main .teaser h3{ margin: 0 0 15px 0 !important; border: 1px dotted #031041; color: #031041; border-width: 1px 0; line-height: 32px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; } .kombipakete_ab #main .teaser h3 span{ display: block; background:#f3f3f3; margin: 3px 0; padding-left: 5px; visibility: visible !important; font-size: 16px; letter-spacing: normal; line-height:30px; } .kombipakete_ab #main .teasers .teaser h4 { margin:0; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; color:#031041; } .kombipakete_ab #main .teasers ul.ticklist, .kombipakete_ab #main .advantages ul.ticklist{ margin: 0;} .kombipakete_ab #main .teasers ul.ticklist li, .kombipakete_ab #main .advantages ul.ticklist li { margin-bottom: 3px; background: url('/images/elements/el_tick.png') no-repeat -26px -24px; font-size: 11px; font-family:'Helvetica Neue',Arial,Helvetica,sans-serif; color:#666666; line-height: 14px; } .kombipakete_ab #main .teasers ul.ticklist.twocol li{ width: 40%; float: left; } .kombipakete_ab #main .teasers ul.linklist { margin: 0;} .kombipakete_ab #main .teasers ul.linklist li { margin-bottom: 7px; padding-left:0; background:none; font-size: 11px; line-height: 16px; } .kombipakete_ab #main .teasers ul.linklist li a{ display: block; } .kombipakete_ab #main .teasers .teaser a.more { position: absolute; bottom:0; left: 0 } .kombipakete_ab #main .teasers .teaser img{ float: left; margin-right: 15px; } .kombipakete_ab #main .teasers .teaser .copy{ float: left; width: 215px; } .kombipakete_ab #main .teasers .teaser.with_image .copy { float: none; width: auto; } /* +++++++++++++++++++++++++++ * * Teasers Liste * +++++++++++++++++++++++++++ */ #main .teasers.list {margin-left: -15px; width:100%;} #main .teasers.list .teaser {position: relative; width:100%; margin: 0 0 40px 15px;} #main .teasers.list .teaser h3{margin: 0 0 15px 0 !important; border: 1px dotted #031041; color: #031041; border-width: 1px 0; line-height: 32px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;} #main .teasers.list .teaser h3 span{display: block; background:#f3f3f3; margin: 3px 0; padding-left: 5px; visibility: visible !important; font-size: 16px; letter-spacing: normal; line-height:30px;} #main .teasers.list .teaser h4 {margin:0; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; color:#031041;} #main .teasers.list ul.ticklist {margin: 0;} #main .teasers.list ul.ticklist li {margin-bottom: 3px; background: url('/images/elements/el_tick.png') no-repeat -26px -24px;font-size: 11px; font-family:'Helvetica Neue',Arial,Helvetica,sans-serif; color:#666666; line-height: 14px;} #main .teasers.list ul.linklist {margin: 0;} #main .teasers.list ul.linklist li {margin-bottom: 7px; padding-left:0; background:none; font-size: 11px; line-height: 16px;} #main .teasers.list ul.linklist li a {display: block;} #main .teasers.list .teaser .copy {float: left; width: 215px;} #main .teasers.list .teaser div.layer_opener {right:10px; bottom:10px;position: absolute; background: url('/images/elements/el_resize.png') no-repeat 0 0; height: 16px; width: 16px;cursor: pointer;} #main .teasers.list .teaser div.img_left {width: 150px; float:left; position: relative;} #main .teasers.list .teaser div.img_right {margin-left: 50%; width: 150px; position: relative; text-align: right;} #main .simcard_activation h3{font-size: 16px !important;} #main .simcard_activation div.layer_opener {right:10px; top:125px;position: absolute; background: url('/images/elements/el_resize.png') no-repeat 0 0; height: 16px; width: 16px;cursor: pointer;} #main .simcard_activation div.layer_opener div.image_layer, #main div.layer_opener div.image_layer {position: absolute; background-color: #fff;z-index: 10; border: 1px solid #ccc; display: none;} #main .simcard_activation div.layer_opener div.image_layer, #main .teasers.list .teaser div.img_right div.layer_opener div.image_layer, #main .teasers.list .teaser div.img_left div.layer_opener div.image_layer {bottom: 17px; left: 17px;} /* +++++++++++++++++++++++++++ * * Vorteile * +++++++++++++++++++++++++++ */ .kombipakete_ab #main .intro {margin:20px 0 30px;} .kombipakete_ab #main .alternating div { margin-bottom: 30px; overflow: hidden; } body.kombipakete_ab #main div.alternating h3{ margin:5px 0 15px 0; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 20px; line-height: 20px; color:#031041; float: left; } .kombipakete_ab #main .alternating p { width: 360px; float: left; } .kombipakete_ab #main .alternating img { float: left; margin:0 20px 0 0; } .kombipakete_ab #main .alternating .even {text-align: right;} .kombipakete_ab #main .alternating .even h3 {float: right;} .kombipakete_ab #main .alternating .even p {float: right;} .kombipakete_ab #main .alternating .even img { float: right; margin: 0 0 0 20px; } .kombipakete_ab.advantages #main .teaser { overflow: hidden; margin-bottom: 40px; } .kombipakete_ab.advantages #main .teaser h3 { margin-bottom: 20px; } .kombipakete_ab.advantages #main .teaser div { float: right; width: 350px; margin-left: 5px; } .kombipakete_ab.advantages #main .teaser h4 { margin: 0 0 5px 0; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; color:#031041; } .kombipakete_ab.advantages #main .teaser img { float: left; margin: 0 20px 0 0; } .kombipakete_ab.advantages #main .teaser.img_right img{ float: right; margin: 0 0 0 20px;} .kombipakete_ab.advantages #main .teaser .ts_link { float: left; margin: 0 20px 0 0;} .kombipakete_ab.advantages #main .teaser ul.ticklist { margin-bottom: 15px; } /* +++++++++++++++++++++++++++ * * Wechseln * +++++++++++++++++++++++++++ */ .kombipakete_ab.switch #main .switchsteps { width: 745; height: 360px; margin-bottom: 40px; background: url('/images/backgrounds/bg_switchsteps.png') no-repeat 0 0; } .kombipakete_ab.switch #main .switchsteps ol { margin:0 0 0 3px; } .kombipakete_ab.switch #main .switchsteps ol li { float: left; width: 223px; margin: 0 0 0 17px; padding: 33px 0 0;background: none; } .kombipakete_ab.switch #main .switchsteps ol li h3 { font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 14px; color:#031041; } .kombipakete_ab.switch #main .switchsteps ol li h3 span { visibility: visible; float: left; margin: 0 5px 0 0; font-size: 38px; line-height:25px; } .kombipakete_ab.switch #main .switchsteps ol li div { margin-top:140px; padding: 0 5px; } .kombipakete_ab.switch #main .switchsteps sup {line-height: 5px;} /* 20.0 Login Teaser WSC */ div#extra div.wsc_login{background:none} div#extra div.wsc_login .box{position:relative;background:#f3f3f3;border:1px solid #dfdfdf;margin:0 0 15px;padding:0 14px; width:auto;} div#extra div.wsc_login .box .h3.first{font-size:16px;line-height:16px;font-family:'Helvetica Neue W01 67 Md Cn', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#00004D} div#extra div.wsc_login .box h6{position:relative;border:1px dotted #898989;border-width:1px 0;margin:11px 0 6px;padding:10px 0 5px} div#extra div.wsc_login .box h6 .logout{position:absolute;top:0;right:0} div#extra div.wsc_login .box h6.first{margin-top:0;border-top:0} div#extra div.wsc_login .box p{color:#666;line-height:14px;margin:0 10px 6px 0;padding:0} div#extra div.wsc_login .box .nav{border-bottom:1px dotted #b0afaf;margin:0 0 13px} div#extra div.wsc_login .box .nav li{border-top:1px dotted #b0afaf;padding:0 0 0 2px} div#extra div.wsc_login .box .nav li a{display:block;margin:5px 0 7px} div#extra div.wsc_login .box .links{margin:0 0 13px} div#extra div.wsc_login .box .links li{padding:0 0 0 2px} div#extra div.wsc_login .box .flag{position:absolute;top:-1px;right:-69px;width:69px;height:56px;background:transparent url(/images/elements/el_loggedin.png) no-repeat 0 0} .twoColNoNaviEntertainment div#extra div.wsc_login .box .flag{right:-79px;width:79px;background:transparent url(/images/elements/el_loggedin_wide.png) no-repeat 0 0} div#extra div.wsc_login .box .flag.off{background-position:0 -67px} div#extra div.wsc_login .box h6.first{margin-bottom:10px;} div#extra div.wsc_login .box form .formrow, .formbox .formrow {margin:0 0 5px 0; clear:both;} div#extra div.wsc_login .box form .formrow{overflow:hidden;} div#extra div.wsc_login .box form .field {border: 1px solid #dfdfdf; float:right; width: 69%; margin: 0 0 5px;} /*div#extra div.wsc_login .box form label{display:inline-block;width:160px;font-weight:700;color:#333}*/ div#extra div.wsc_login .box form label{display:block;width:28%;float:left;font-weight:700;color:#333} div#extra div.wsc_login form .formrow.button{width: 100%; margin-top:8px;margin-right:10px;} div#extra div.wsc_login .formrow.button input{float:right;} div#extra div.wsc_login .h4{font-size:14px;line-height:14px;font-family:'Helvetica Neue W01 67 Md Cn', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#00004D;clear:both;margin:0} div#extra div.wsc_login a.close,span.close{position:absolute;right:15px;top:20px;background:#00A1E5;cursor:pointer} div#extra div.wsc_login a.close span,span.close span{overflow:hidden;display:block;width:8px;height:9px;border:1px solid #FFF;color:#FFF;font-size:12px;line-height:9px;margin:1px;padding:0 0 0 1px} div#extra div.wsc_login .box .info{ position: absolute; top: 10px; right: 15px; } div#extra div.wsc_login .box .info .js_infolayer{display:inline-block;position:relative} div#extra div.wsc_login .box .info .js_infolayer .spot{display:inline-block;cursor:pointer;background:transparent url(/images/elements/el_spot.png) no-repeat -1px -1px;width:10px;height:10px} div#extra div.wsc_login .box .info .js_infolayer .infolayer{left:-171px; top:17px;} div#extra div.wsc_login .box .infolayer{white-space:normal;display:none;position:absolute;background:#fff;width:306px;border:1px solid #c6c6c6;-webkit-box-shadow:0 0 16px rgba(85,85,85,0.3);-moz-box-shadow:0 0 16px rgba(85,85,85,0.3);-ms-box-shadow:0 0 16px rgba(85,85,85,0.3);-o-box-shadow:0 0 16px rgba(85,85,85,0.3);box-shadow:0 0 16px rgba(85,85,85,0.3);font-weight:400;font-size:11px;font-family:Arial, Helvetica, sans-serif;z-index:5;padding:15px 15px 11px} div#extra div.wsc_login .infolayer h2{border:1px dotted #898989;margin-bottom:11px;border-width:1px 0;padding:4px 0} div#extra div.wsc_login .box .infolayer.small{width:220px} div#extra div.wsc_login .box .infolayer ul li{margin:2px 0} div#extra div.wsc_login .box .infolayer .hint{background:#d3e2f4;line-height:16px;margin:0 0 7px;padding:5px 7px} div#extra div.wsc_login .box .infolayer .hint p{margin:0} div#extra div.wsc_login .box .infolayer:before,div#extra div.wsc_login .box .infolayer:after{content:"\00a0";display:block;height:0;width:0;position:absolute} .box .infolayer:before{top:-18px;left:166px;border:9px solid;border-color:transparent transparent #c6c6c6} .box .infolayer:after{top:-16px;left:167px;border:8px solid;border-color:transparent transparent #fff} div#extra div.wsc_login .box .infolayer dl.hint dd{color:#00004D;margin:0} div#extra div.wsc_login .box .spot{z-index:4} div#extra div.wsc_login #personal_panel a.button{background:none;float:none;display:inline-block;border:1px solid #00A1E5;margin-bottom:10px} div#extra div.wsc_login #personal_panel a.button.home span{display:inline-block!important;background:#00A1E5 url(/images/icons/ic_buttons.png) no-repeat 28px 2px;border:1px solid #FFF;color:#fff;width:97px;padding:2px 26px 4px 68px} div#extra div.wsc_login #personal_panel a.button.mail span{display:inline-block!important;background:#00A1E5 url(/images/icons/ic_buttons.png) no-repeat 28px -35px;border:1px solid #FFF;color:#fff;width:97px;padding:2px 26px 4px 68px} div#extra div.wsc_login #personal_panel a.go{display:inline-block;background:transparent url(/images/elements/el_arrowlink.png) no-repeat -71px -127px;-webkit-transition:opacity ease-out .3s;padding:4px 0 2px 14px} div#extra div.wsc_login #personal_panel a.logout{font-size:11px;font-family:Arial, helvetica, sans-serif} div#extra div.wsc_login #personal_panel a{line-height:14px} div#extra div.wsc_login ul,div#extra div.wsc_login .box .infolayer p,div#extra div.wsc_login .box .infolayer ul{margin-bottom:10px} div#extra div.wsc_login .box .links li a,div#extra div.wsc_login .box .infolayer.open{display:block} div#extra div.wsc_login .box .links li a span,div#extra div.wsc_login #personal_panel a.go span{font-weight:700} div#extra div.wsc_login .indicator{display: none; float: left; width: 16px; height: 16px; background: transparent url(/images/elements/el_spinner.gif) no-repeat 0 0;} div#extra div.wsc_login .loading .indicator{display: block;} #container div.flag{position: absolute; top: 38px; right:-53px; width: 53px; height:56px; background: transparent url(/images/elements/el_pp_flap.png) no-repeat 0 -67px} #container div.flag.logged_in{background: transparent url(/images/elements/el_pp_flap.png) no-repeat 0 0} #container div.flag a{display:block;height:100%} #container div.flag a:hover{text-decoration:none;} .teaser p { color: #666666!important; } /* Login Startseite */ div.wsc_login_start .info{position: absolute; top: 10px; right: 15px;} div.wsc_login_start .info .spot{z-index:4;position:absolute;left:-95px;} div.wsc_login_start .info .js_infolayer{display:inline-block;position:relative} div.wsc_login_start .info .js_infolayer .spot{display:inline-block;cursor:pointer;background:transparent url(/images/elements/el_spot.png) no-repeat -1px -1px;width:10px;height:10px} div.wsc_login_start .info .js_infolayer .infolayer{left:-171px; top:22px;display:none;} div.wsc_login_start .info .js_infolayer .infolayer a.close, div.wsc_login_start .info .js_infolayer .infolayer span.close{position:absolute;right:15px;top:20px;background:#00A1E5;cursor:pointer;z-index:20;} div.wsc_login_start .info .js_infolayer .infolayer a.close span, div.wsc_login_start .info .js_infolayer .infolayer span.close span{overflow:hidden;display:block;width:8px;height:9px;border:1px solid #FFF;color:#FFF;font-size:12px;line-height:9px;margin:1px;padding:0 0 0 1px;} div.wsc_login_start .info .js_infolayer .infolayer{white-space:normal;display:none;position:absolute;background:#fff;width:306px;border:1px solid #c6c6c6;-webkit-box-shadow:0 0 16px rgba(85,85,85,0.3);-moz-box-shadow:0 0 16px rgba(85,85,85,0.3);-ms-box-shadow:0 0 16px rgba(85,85,85,0.3);-o-box-shadow:0 0 16px rgba(85,85,85,0.3);box-shadow:0 0 16px rgba(85,85,85,0.3);font-weight:400;font-size:11px;font-family:Arial, Helvetica, sans-serif;z-index:5;padding:15px 15px 11px} div.wsc_login_start .info .js_infolayer .infolayer h2{border:1px dotted #898989;margin-bottom:11px;border-width:1px 0;padding:4px 0} div.wsc_login_start .info .js_infolayer .infolayer h2.h4{font-size:14px !important;line-height:21px !important;height:21px !important;padding-top:0 !important;padding-bottom:0 !important;font-family:'Helvetica Neue W01 67 Md Cn', HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#00004D;clear:both;margin:0} div.wsc_login_start .info .js_infolayer .infolayer.small{width:220px} div.wsc_login_start .info .js_infolayer .infolayer ul li{margin:2px 0} div.wsc_login_start .info .js_infolayer .infolayer .hint{background:#d3e2f4;line-height:16px;margin:0 0 7px;padding:5px 7px} div.wsc_login_start .info .js_infolayer .infolayer .hint p{margin:0} div.wsc_login_start .info .js_infolayer .infolayer:before, div.wsc_login_start .info .js_infolayer .infolayer:after{content:"\00a0";display:block;height:0;width:0;position:absolute} div.wsc_login_start .info .js_infolayer .infolayer:before{top:-18px;left:72px;border:9px solid;border-color:transparent transparent #c6c6c6} div.wsc_login_start .info .js_infolayer .infolayer:after{top:-16px;left:73px;border:8px solid;border-color:transparent transparent #fff} div.wsc_login_start .info .js_infolayer .infolayer dl.hint dd{color:#00004D;margin:0} div.wsc_login_start .info .js_infolayer .infolayer.open{display:block} /* +++++++++++++++++++++++++++++++++++++++ * * Availability check box in navigation * +++++++++++++++++++++++++++++++++++++++ */ body.kombipakete_ab .availability_check_navigation{width:127px;margin-left:2px} body.kombipakete_ab .availability_check_navigation #availability_result{width:127px;} body.kombipakete_ab .availability_check_navigation div.error_message{color: #E60F46;margin: -10px 0 10px 0;} body.kombipakete_ab .availability_check_navigation div.formRow div{padding-bottom:10px} body.kombipakete_ab .availability_check_navigation div.formRow label{width:22px !important} body.kombipakete_ab .availability_check_navigation div.formRow label.compact{width:22px !important;float:left;display:inline-block;margin-right:5px;margin-bottom:4px;font-weight:bold;line-height:22px} body.kombipakete_ab .availability_check_navigation input.input, body.kombipakete_ab .availability_check_navigation select{width:95px;margin:0;margin-bottom:6px} body.kombipakete_ab .availability_check_navigation select{width:99px} body.kombipakete_ab .availability_check_navigation div.formRow input.enable, body.kombipakete_ab .availability_check_navigation div.formRow input.enable{background-color:#efefef !important;cursor:default} body.kombipakete_ab .availability_check_navigation div.submitRow{margin:5px 0 5px 0} body.kombipakete_ab .availability_check_navigation div.formRow input.availability{margin-right:0;background:#00A1E5 url('/images/buttons/bt_sprite.png') no-repeat -80px 0;width:126px;height:19px} /* ++++++++++++++++++++++++++++++++++++++++++++++++++ * AKTUELLE KOMBIPAKETE !!! * ++++++++++++++++++++++++++++++++++++++++++++++++++ */ #main div.wrapper div.standard #wrapper_combi_table_followup h1{font-weight: normal;} #wrapper_combi_table_followup{position: relative;} #wrapper_combi_table_followup h1.logo{background: transparent url(/images/logos/el_freemonths.png) no-repeat 575px 8px;} #wrapper_combi_table_followup .bundle_table{margin:17px 0 0 -1px;position:relative;height:758px;width:751px;background:url('/images/backgrounds/bg_3play_tabelle.png') no-repeat 0 0} #wrapper_combi_table_followup .bundle_table.um_3play_bonus { background: url('/images/backgrounds/3play_tabelle_gutschein_2tage.png') no-repeat 0 0; } #wrapper_combi_table_followup .bundle_table sup{font-size:8px;padding-left:2px} #wrapper_combi_table_followup .bundle_table .hidden{display:none} #wrapper_combi_table_followup .bundle_table.v2play{margin:3px 0 0 -1px;position:relative;height:645px;width:751px;background:url('/images/backgrounds/2play_tabelle.png') no-repeat 0 0} #wrapper_combi_table_followup .bundle_table.v2play.infolinks { background: url('/images/backgrounds/bg_2play_tabelle.png') no-repeat 0 0; } #wrapper_combi_table_followup .bundle_table.v2play.bundle_table_haie{ background: url('/images/backgrounds/bg_2play_tabelle_haifish.png') no-repeat 0 0; } #wrapper_combi_table_followup .bundle_table.v2play.bundle_table_goldfish{background: url('/images/backgrounds/bg_2play_tabelle_haifish_o-gutsch.jpg') no-repeat 0 0;} #wrapper_combi_table_followup .bundle_table.v2play.bundle_table_bonus{background: url('/images/backgrounds/2play_tabelle_bonus.png') no-repeat 0 0;} #wrapper_combi_table_followup .bundle_table .button.order{display:block;margin:10px auto;background:url('/images/buttons/bt_order.png') no-repeat 1px 1px;width:150px;height:25px} #wrapper_combi_table_followup .bundle_table div.inner{margin-left:10px} #wrapper_combi_table_followup .bundle_table div.header_row{display:inline-block;width:576px;height:50px;margin-top:167px;margin-left:159px} #wrapper_combi_table_followup .bundle_table div.header_row div{width:191px;float:left;line-height:50px;color:#fff;text-align:center;font-size:18px;font-family:'Helvetica Neue W01 77 Bd Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif} #wrapper_combi_table_followup .bundle_table div.row{height:57px} #wrapper_combi_table_followup .bundle_table.v2play div.row.high{height:92px} #wrapper_combi_table_followup .bundle_table div.row.high{height:94px} #wrapper_combi_table_followup .bundle_table div.row div.first, #wrapper_combi_table_followup .bundle_table div.row div.red, #wrapper_combi_table_followup .bundle_table div.row div.cell, #wrapper_combi_table_followup .bundle_table div.row div.rowspan2, #wrapper_combi_table_followup .bundle_table div.row div.rowspan3{float:left;background:none} #wrapper_combi_table_followup .bundle_table div.row div.cell{width:192px;font-weight:700;text-align:center;font-size:11px;color:#000142} #wrapper_combi_table_followup .bundle_table div.row div.cell a{font-weight:normal;font-size:10px} #wrapper_combi_table_followup .bundle_table div.row div.rowspan2{width:280px} #wrapper_combi_table_followup .bundle_table div.row div.rowspan3{width:581px;text-align:center} #wrapper_combi_table_followup .bundle_table div.row ul.mobile_option{padding:0;margin:0 25px 0 0;height:28px;} #wrapper_combi_table_followup .bundle_table div.row ul.mobile_option li{display:inline-block;list-style:none;background:none;vertical-align:middle;height:28px;line-height:28px;padding:0;} * + html #wrapper_combi_table_followup .bundle_table div.row ul.mobile_option li{display:inline;} #wrapper_combi_table_followup .bundle_table div.row ul.mobile_option li strong{color: #000;} #wrapper_combi_table_followup .bundle_table div.row ul.mobile_option li input{margin-top:4px;} #wrapper_combi_table_followup .bundle_table div.row ul.mobile_option li img{margin: 0 10px 0 10px} #wrapper_combi_table_followup .bundle_table div.row div.cell span.number_big{font-size:16px} #wrapper_combi_table_followup .bundle_table div.row div.red{width:569px;text-align:center;color:#e70e43;font-size:16px;font-family:'Helvetica Neue W01 67 Bd Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif} #wrapper_combi_table_followup .bundle_table div.row div.red.small{padding-top:11px;width:193px} #wrapper_combi_table_followup .bundle_table div.row div.rowspan2 div.red{padding-top:11px;width:389px;text-align:center;color:#e70e43;font-size:16px;font-family:'Helvetica Neue W01 67 Bd Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif} #wrapper_combi_table_followup .bundle_table div.row div.first{width:145px;text-align:left;padding-left:12px;color:#666;font-weight:bold;position:relative} #wrapper_combi_table_followup .bundle_table div.row div.first span{font-weight:normal;font-size:10px;line-height:12px} #wrapper_combi_table_followup .bundle_table div.row.one div.cell{padding-top:7px;height:50px} #wrapper_combi_table_followup .bundle_table div.row.one div.first{padding-top:18px;height:35px} #wrapper_combi_table_followup .bundle_table div.row.one div.first .trigger_info_layer{top:13px;right:34px} #wrapper_combi_table_followup .bundle_table div.row.one div.first .trigger_info_layer .info_layer{width:300px} #wrapper_combi_table_followup .bundle_table div.row.two div.first{padding-top:12px;height:45px} #wrapper_combi_table_followup .bundle_table div.row.two div.first .trigger_info_layer{top:7px;right:36px;} #wrapper_combi_table_followup .bundle_table div.row.three div.first, #wrapper_combi_table_followup .bundle_table div.row.three div.cell, #wrapper_combi_table_followup .bundle_table div.row.four div.cell, #wrapper_combi_table_followup .bundle_table div.row.nine div.first{padding-top:13px;height:44px} #wrapper_combi_table_followup .bundle_table div.row.four div.cell{padding-top:9px;height:44px;line-height:27px} #wrapper_combi_table_followup .bundle_table div.row.four div.cell.text{line-height:16px} #wrapper_combi_table_followup .bundle_table div.row.four div.first .trigger_info_layer{top:4px;right:56px} #wrapper_combi_table_followup .bundle_table div.row.four div.first{padding-top:9px;height:44px} #wrapper_combi_table_followup .bundle_table div.row.five div.first, #wrapper_combi_table_followup .bundle_table div.row.five div.rowspan3{padding-top:22px;height:40px} #wrapper_combi_table_followup .bundle_table.v2play div.row.five div.first, #wrapper_combi_table_followup .bundle_table.v2play div.row.five div.rowspan3{padding-top:17px;height:40px} #wrapper_combi_table_followup .bundle_table div.row.nine div.rowspan3{padding-top:17px;height:40px} #wrapper_combi_table_followup .bundle_table div.row.five div.first .trigger_info_layer{top:17px;right:48px;} #wrapper_combi_table_followup .bundle_table.v2play div.row.five div.first .trigger_info_layer{top:12px;right:48px;} #wrapper_combi_table_followup .bundle_table div.row.six div.first, #wrapper_combi_table_followup .bundle_table div.row.six div.cell{padding-top:14px;height:44px} #wrapper_combi_table_followup .bundle_table div.row.seven{height: 40px;} #wrapper_combi_table_followup .bundle_table.v2play div.row.seven{ height: 24px; } #wrapper_combi_table_followup .bundle_table div.row.seven div.first{padding-top: 7px;} #wrapper_combi_table_followup .bundle_table.v2play div.row.seven div.first{ padding-top: 0; } #wrapper_combi_table_followup .bundle_table div.row.eight{margin-left:155px;width:auto;height:40px;} #wrapper_combi_table_followup .bundle_table div.row.eight div.cell{padding-top:0px;} #wrapper_combi_table_followup .bundle_table div.row.nine div.first .trigger_info_layer{top:24px;right:32px;} #wrapper_combi_table_followup .bundle_table div.row .prc{width:148px;height:50px;margin:2px 0 0 27px;background:url('/images/prices/pr_kombi_3play_table.png') no-repeat 0 0;text-indent:-3000px;vertical-align:middle} #wrapper_combi_table_followup .bundle_table.v2play div.row .prc{margin-top:5px;background-image:url('/images/prices/pr_kombi_2play_table.png')} #wrapper_combi_table_followup .bundle_table div.row .prc.price30, #wrapper_combi_table_followup .bundle_table.v2play div.row .prc.price30{background-position:-156px 0px} #wrapper_combi_table_followup .bundle_table div.row .prc.price40, #wrapper_combi_table_followup .bundle_table.v2play div.row .prc.price40{background-position:-310px 0px} #wrapper_combi_table_followup .bundle_table .trigger_info_layer .info_layer{position:absolute;z-index:100;height:auto;width:200px;background:#fff;border:1px solid #ababab; padding:15px 15px 10px; font-weight: normal} #wrapper_combi_table_followup .bundle_table .trigger_info_layer .info_layer .info_layer_arrow{position:absolute;left:-10px;top:23px;background:url("/images/elements/el_info_layer_sprite.png") no-repeat scroll 0 0 transparent;width:10px;height:19px; } #wrapper_combi_table_followup .bundle_table .trigger_info_layer .info_layer p.speed_overview{width:300px;height:120px;background:url('/images/visuals/vs_combi_internet_info.png') no-repeat 0 0;} #wrapper_combi_table_followup .bundle_table .trigger_info_layer{display:inline-block;position:absolute;background:url('/images/elements/el_arrowlink.png') no-repeat scroll 8px -194px transparent !important;height:25px !important;width:25px !important;cursor:pointer} #wrapper_combi_table_followup .bundle_table .info_layer ul li h5, #wrapper_combi_table_followup .bundle_table .info_layer ul li{text-align:left} #wrapper_combi_table_followup .bundle_table .info_layer.mobil_price_table{width: 310px} /* Werte von #container div.flag (s.o) überschreiben */ #container div.flag.ab_test{top: 2px; right:-68px;} #container div.flag.ab_test a{background: none;} /* für Sender #wrapper_combi_table_followup .bundle_table div.row */ #lightbox_overlay.ab_test{z-index:3;position:absolute;} div.ab_test.lightbox{display:none;z-index:30;background-color: #fff !important} div.ab_test.lightbox{background-color:#fff;width:500px;height:100%;padding-top:5px} div.ab_test.lightbox div.bg{height:35px;padding-top:0;margin:0 5px 0 5px;border-bottom:1px dotted #898989;width:98%} div.ab_test.lightbox h2{background-color:#eee;height:30px !important;border:none !important;margin:-5px 0 0 0 !important;border-width:1px !important;padding:0 !important} div.ab_test.lightbox .h4{padding:0 0 2px 5px !important;color:#00004D !important;clear:both !important;margin:0!important;font-size:16px!important;line-height:35px!important;text-align:left!important;font-family: HelveticaNeueLTCom67MediumCon, HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif} div.ab_test.lightbox span.close{right:15px;top:16px} div.ab_test.lightbox span.close span{padding:0 1px 0 0} div.ab_test.lightbox span.close span:hover{background-color: #67C0E6} div.ab_test.lightbox div.programs{background:none !important;background-color:#fff;width:auto;display:block;padding-top:0;height:auto;} div.ab_test.lightbox div.programs div.program_list{background-color: #fff !important;height:auto;width:auto;display:inline-block !important;overflow:visible !important;} div.ab_test.lightbox div.programs div.program_list ul li{position:relative;cursor:pointer;z-index:auto !important;overflow:visible !important;} div.ab_test.lightbox div.programs div.program_list ul li:hover, div.ab_test.lightbox div.programs div.program_list ul li.hover{z-index:100 !important;} div.ab_test.lightbox div.programs div.program_list ul li .info_layer{display:none;position:absolute;top:40px;left:3px;z-index:11 !important;padding:20px;width:200px;border:1px solid #ababab;background:#fff;-webkit-box-shadow:0 0 16px rgba(85,85,85,0.3);-moz-box-shadow:0 0 16px rgba(85,85,85,0.3);-ms-box-shadow:0 0 16px rgba(85,85,85,0.3);-o-box-shadow:0 0 16px rgba(85,85,85,0.3);box-shadow:0 0 16px rgba(85,85,85,0.3);} div.ab_test.lightbox div.programs div.program_list ul li .info_layer h3{color: #000142;padding-left:0;margin: 0 0 15px 0 !important;font-weight:bold;} div.ab_test.lightbox div.programs div.program_list ul li .info_layer .info_layer_arrow{z-index:12 !important;position:absolute;left:24px;top:-10px;background: url('/images/elements/el_info_layer_sprite.png') no-repeat scroll 0px 3px transparent;width:29px;height:10px} div.ab_test.lightbox div.programs div.program_list ul li:hover .info_layer{display:block !important;} /* Landingpage Angebote/Speed/Vorteil */ body.kombipakete_ab_landingpage_combi #main {width:670px;} body.kombipakete_ab_landingpage_combi #main div.infobox ul.tabnav { background: #fff;} body.kombipakete_ab_landingpage_combi #main div.infobox div.tabcontent { background: none; border: 1px solid #cdcdcd; border-top:0;} body.kombipakete_ab_landingpage_combi #main div.infobox div.tabcontent ul{ float: none; width: auto; } body.kombipakete_ab_landingpage_combi #main div.infobox div.tabcontent .item { width: 640px; } body.kombipakete_ab_landingpage_combi div#extra div.teaser div.tabcontent {display: none;} body.kombipakete_ab_landingpage_combi span.js_headline_from_hash object{height:34px;} body.cs-c div#extra .teaser .sidebar_wrapper {padding:2px 10px 5px;} body.cs-c div#extra div.teaser form fieldset {padding:0;width:204px;height:auto;} body.cs-c .availability_check {height:auto;background:none;} body.cs-c .availability_check .input {height:17px;} body.cs-c .availability_check form a.arrowlink {float:none !important;position:static;margin-right:0 !important;} body.cs-c .availability_check .button {display:block;position:static;} body.cs-c div.availability_check div#availability_result div.availability > p {overflow:hidden;} .um-combine-3play-mobile {margin:3px 0 20px;height:76px;position:relative;background:url("/images/kombinatoren/combine-3play-mobile.png") no-repeat left top;clear:both;} .um-combine-3play-mobile.self {background:url("/images/kombinatoren/combine-3play-mobile-self.png") no-repeat left top;} .um-combine-3play-mobile input[type="checkbox"] {position:absolute;top:20px;left:130px;} .um-combine-3play-mobile label {position:absolute;top:22px;left:155px;color:#031041;} .um-combine-3play-mobile label span {position:relative !important;top:0;left:3px;display:inline-block !important;margin:0 !important;} .um-combine-3play-mobile .price-mod {position:absolute !important;top:22px !important;right:40px;} .um-combine-3play-mobile.self .price-mod {right:80px;} .um-combine-3play-mobile .price-mod span.euro {font-size:32px !important;letter-spacing:-0.5px;} .um-combine-3play-mobile .price-mod span.currency {left:auto !important;margin-right:0 !important;font-size:12px !important;} #info_layer_sim {top:515px;left:285px;} .internet #info_layer_sim{top:565px;} .combi #info_layer_sim {top:455px;} .um-winner-box { margin: 20px 0 50px; } .um-winner-box .heading { border-bottom: 1px dotted #000142; border-top: 1px dotted #000142; color: #000142; margin: 0 0 15px; padding: 3px 0; } #main .um-winner-box .heading h3 { background-color: #f3f3f3; font-size: 16px; line-height: 16px; margin: 0; padding: 10px 5px; } .um-winner-box .image { float: left; margin-right: 20px; } .um-winner-box .image, .um-winner-box .image img, .um-winner-box .image .mask { height: 180px; position: relative; width: 327px; } .um-winner-box .image img, .um-winner-box .image .mask { left: 0; position: absolute; top: 0; } .um-winner-box .image .mask { background: transparent url('/images/backgrounds/um-gewinnspiel-mask.png') no-repeat; } .um-winner-box ol { list-style: none; margin: 0; padding: 5px 0 0; } .um-winner-box ol li { margin-bottom: 7px; } .um-winner-box ol strong { color: #000142; } .um-winner-box ol span { color: #666; display: block; } #main div.um-winner-box p { color: #666; margin: 14px 0 0; } /* 20.10 MOBIL */ body.mobil #main div.wrapper {background:none;} body.mobil #main div.wrapper h3 { margin: 0 10px 5px 0;} body.mobil #main div.wrapper div.copy {margin: 0 10px 0 0;} /* tariftabelle mobil */ #main div.infobox.mobil div.tabcontent {background:#fff;border:solid 1px #d4d4d4;border-width:0 1px 1px 1px;} #main div.wrapper div.infobox table.mobilTable {margin:0 0 10px 10px;border-collapse:collapse;} #main div.wrapper table.mobilTable caption {font-size: 11px;font-weight:bold;background-color:#f3f3f3;padding:9px 0 7px 0;border-bottom:9px solid #fff;} #main div.wrapper .mobilTable th {font-size: 11px;line-height:13px;vertical-align: middle;text-align:center;padding:3px 2px 10px;border-left:solid 3px #fff;background: url('/images/backgrounds/bg_mobil_tablehead.gif') repeat-x scroll bottom right #f3f3f3;} #main div.wrapper .mobilTable tr.th {border-bottom:none;} #main div.wrapper .mobilTable tr > th.wideBd {text-align:left; border-left:none;border-right:9px solid #fff;} #main div.wrapper .mobilTable tr > th:first-child {padding-left:8px;text-align:left;} #main div.wrapper .mobilTable tr > th:first-child.fullSpan {border-right:none;} #main div.wrapper .mobilTable tr > th.subhead {text-align:left;} #main div.wrapper .mobilTable tr > th span {font-weight:normal;} #main div.wrapper table.mobilTable td {text-align:center;vertical-align: middle;border:1px dotted #000142;border-width: 0 0 0 1px;background: url('/images/elements/el_hline.png') repeat-x scroll bottom left transparent;} #main div.wrapper table.mobilTable tr > td:first-child {text-align:left;border-left: medium none;} #main div.wrapper table.mobilTable tr > td.wideBd {border-right: solid 9px #fff;} #main div.wrapper table.mobilTable tr > td:first-child.firstBordered {border-right: 1px dotted #000142;} #main div.wrapper table.mobilTable td.noRightBd {border-right:none;} #main div.wrapper table.mobilTable td.noLeftBd {border-left:none;} #main div.wrapper table.overlayTable.mobilTable {margin-bottom:0;} #main div.wrapper table.overlayTable.mobilTable td, #main div.wrapper table.overlayTable.mobilTable td:first-child, #main div.wrapper table.overlayTable.mobilTable th:first-child {border-right:none} #main div.wrapper table.overlayTable.mobilTable td.noBottomBd {border-bottom:none;} body.mobil #main div.priceInfo {position:relative;text-align:center;} body.mobil #main .trigger_info_layer {position:static;width:15px;background:url("/images/elements/el_arrowlink.png") no-repeat scroll 0 -190px transparent;} body.mobil #main .trigger_info_layer .info_layer { width:280px;padding: 10px;top:30px;left:-41px;} body.mobil #main .trigger_info_layer .info_layer .info_layer_arrow{position:absolute;left:34px;top:-12px;background: url('/images/elements/el_info_layer_sprite.png') no-repeat scroll 0px 3px transparent;width:29px;height:12px} .mobileRatesOverview {margin-bottom:45px;} #main ul.mobileRates {margin: 0;} #main ul.mobileRates ul {margin:0;} #main ul.mobileRates > li { margin:0;padding:0 6px 0 0;width:164px;float:left;background: url('/images/elements/el_vline.png') repeat-y scroll top right transparent;} #main ul.mobileRates > li.last {background:none;padding-right:0;} #main ul.mobileRates > li h4 {font-size:13px;font-weight:bold;margin:0 0 0 5px;padding:8px 0 0 10px;height:50px;background: url('/images/backgrounds/bg_hl_mobilflat.gif') repeat-x scroll top left #f3f3f3;} #main ul.mobileRates > li:first-child h4 {margin-left:0;} #main ul.mobileRates .corpus {padding-left:5px;} #main ul.mobileRates .detailsBullets {height:200px;} #main ul.mobileRates li input.button {margin-top:5px;width:138px;height:22px;background-position: -3817px top;} * + html #main ul.mobileRates li input.button{text-indent:0} body.mobil #main ul li ul li, body.mobil #main ol li ul li{ margin:0 0 0 10px;background-position: -60px -66px;} #main ul.mobileRates .hidden{display:none;} #main ul.mobileRates .corpus .priceInfo{position:relative} #main ul.mobileRates .corpus .priceInfo .trigger_info_layer{position:absolute;top:15px;} /* MOBIL - für Überarbeitung / ohne Tabelle */ #main div.wrapper .mobileRatesOverview {position:relative;height:756px;width:508px;background:url('/images/backgrounds/bg_mobil_tarifuebersicht.png') no-repeat 0 0;margin:0 0 45px -4px;} #main div.wrapper .mobileRatesOverview div.row {height:62px;width:100%;position:absolute;} #main div.wrapper .mobileRatesOverview div.row div {height:auto;position:absolute;} #main div.wrapper .mobileRatesOverview div.row div div.content {margin:10px;width:auto;line-height:14px;} #main div.wrapper .mobileRatesOverview div.row div div.content strong{font-weight: bold;color:#000142} #main div.wrapper .mobileRatesOverview div.row div.cell_one {width:157px;} #main div.wrapper .mobileRatesOverview div.row div.cell_one div.content strong{font-weight: bold;color:#666} #main div.wrapper .mobileRatesOverview div.row div.cell_two {left:180px;top:10px;width:114px;} #main div.wrapper .mobileRatesOverview div.row div.cell_three {left:295px;top:10px;width:114px;} #main div.wrapper .mobileRatesOverview div.row div.cell_four {left:412px;top:10px;width:114px;} #main div.wrapper .mobileRatesOverview div.row.one {height:76px;width:100%;position:absolute;top:185px;} #main div.wrapper .mobileRatesOverview div.row.two {top:262px} #main div.wrapper .mobileRatesOverview div.row.three {top:325px;height:56px;} #main div.wrapper .mobileRatesOverview div.row.four {top:382px;height:57px;} #main div.wrapper .mobileRatesOverview div.row.five {top:440px;height:57px;} #main div.wrapper .mobileRatesOverview div.row.six {top:498px;height:57px;} #main div.wrapper .mobileRatesOverview div.row.seven {top:556px;height:93px;z-index:2;} #main div.wrapper .mobileRatesOverview div.row.seven .cell_one{z-index:100;} #main div.wrapper .mobileRatesOverview div.row.seven .cell_two{z-index:90;} #main div.wrapper .mobileRatesOverview div.row.seven .cell_three{z-index:80;} #main div.wrapper .mobileRatesOverview div.row.eight {height: 20px;top: 652px;} #main div.wrapper .mobileRatesOverview div.row.nine {height: 40px; top: 667px;} #main div.wrapper .mobileRatesOverview div.row.ten {height: 40px; top: 708px;} #main div.wrapper .mobileRatesOverview div.row.eight .content{margin: 0 10px;} #main div.wrapper .mobileRatesOverview div.row.eight div.cell_one .content strong{color: #000142;} #main div.wrapper .mobileRatesOverview div.row div.priceInfo {position:relative;text-align:center;width: 112px;left:-30px} #main div.wrapper .mobileRatesOverview div.row div.priceInfo .button {margin-top:5px;width:95px;height:22px;background-position: -4486px top;overflow:hidden;padding-top:20px;text-indent:0;} #main div.wrapper .mobileRatesOverview div.row div.priceInfo img{margin-bottom: 5px;} #main div.wrapper .mobileRatesOverview div.row div.priceInfo .trigger_info_layer .info_layer.hidden {display: none} #main div.wrapper .mobileRatesOverview div.row div.priceInfo .trigger_info_layer {position:absolute;width:15px;height:26px;background:url("/images/elements/el_arrowlink.png") no-repeat scroll 0 -190px transparent;top:-11px;right:3px;} #main div.wrapper .mobileRatesOverview div.row div.priceInfo .trigger_info_layer .info_layer { width:280px;padding: 10px;top:30px;left:-41px;} #main div.wrapper .mobileRatesOverview div.row div.priceInfo .trigger_info_layer .info_layer .info_layer_arrow{position:absolute;left:34px;top:-12px;background: url('/images/elements/el_info_layer_sprite.png') no-repeat scroll 0px 3px transparent;width:29px;height:12px} /* Mobil V2 Datenflat */ .mobileDataOverview { background: transparent url('/images/backgrounds/um-mobil-datentarif.png') no-repeat 0 0; padding: 185px 0 30px 10px; } .mobileDataOverview .hidden {display:none;} .mobileDataOverview .um_textbutton {margin: 0 auto; width: 116px; } .mobileDataOverview .um_textbutton > span {width: 114px;} .mobileDataOverview .um_textbutton > span > span{width: 114px;} .mobileDataOverview .row .cell > span {display:block;} .mobileDataOverview .row.one .cell {height: 52px;} .mobileDataOverview .row.one .cell.one span{padding-top:10px;} .mobileDataOverview .row.two .cell {height: 53px;} .mobileDataOverview .row.two .cell span{padding-top:4px;} .mobileDataOverview .row.two .cell.one span{padding-top:20px;} .mobileDataOverview .row.three .cell {height: 53px;} .mobileDataOverview .row.three .cell.one span{padding-top:20px;} .mobileDataOverview .row.four .cell {height: 92px; z-index:90;} .mobileDataOverview .row.four .cell.two {z-index: 100;} .mobileDataOverview .row.four .cell > span{ padding-top:20px; } .mobileDataOverview .row.four .cell > div {height: 40px; padding:10px 0 5px;} #main div.wrapper .mobileDataOverview .price-mod .euro {font-size: 38px;} #main div.wrapper .mobileDataOverview .price-mod .comma, #main div.wrapper .mobileDataOverview .price-mod .cents {font-size: 18px;} #main div.wrapper .mobileDataOverview .price-mod .cents {top: -14px;} #main div.wrapper .mobileDataOverview .price-mod .currency {font-size: 12px; left:-20px; line-height: 1.2;} #main div.wrapper .mobileDataOverview .price-mod sup{font-size: 10px;} #main div.wrapper .mobileDataOverview .trigger_info_layer {position: absolute; top:21px; left:110px;} #main div.wrapper .mobileDataOverview .three .trigger_info_layer{left:117px;} .mobileDataOverview .row.five .cell {height: 21px;} .mobileDataOverview .row.five .cell > span{ color: #000142; padding-top:2px; } .mobileDataOverview .row.six .cell{height: 52px;} .mobileDataOverview .row.six .cell > span{padding-top: 15px;} .mobileDataOverview .cell {position: relative; padding:0 5px;} .mobileDataOverview .cell.one{ width: 206px;} .mobileDataOverview .cell.two, .mobileDataOverview .cell.three{color: #000142; text-align: center; width: 129px;} .mobileDataOverview .cell .info_layer {color:#666;} /* Handys */ body.mobil_frame #main div.wrapper { padding: 0; } body.mobil #main div.infobox ul.tabnav li a { padding: 2px 12px 5px 10px;} /* 21.0 DTV Landingpages */ /* can be removed after redesign */ body.dtv #main_wrapper {padding-top:0!important; background: #fff !important;} .tab_visual { position : relative; } .tab_visual div { background : url('/images/backgrounds/dtv-pointer.png') no-repeat scroll 40px 100px; top: 204px; padding-bottom : 21px; position : absolute; } a.t_tab { display : block; height : 100px; width : 160px; } .teaserbox { padding : 0 5px 15px; } .teaserbox.bg { background: #ededed url('/images/backgrounds/um-dtv-bg-offers.gif') repeat-x; margin-bottom: 15px; } .teaserbox_item { color : #666; width : 50%; } #main div.teaserbox_item h3 { color:#051249; font-size : 22px; font-weight : bold; margin: 0px 0px 15px; } .teaserbox_item p { color : #666 !important; } .teaser_offers { border : 1px solid #7eaacd; margin : 0 5px; width : 48%; } .teaser_offers div { margin : 15px; } .teaser_offers .teaser_offers_head { background : #7eaacd; margin : 0; padding : 3px 10px; position : relative; } .teaser_offers .teaser_offers_head h3 { color: #051249;font-size : 16px; font-family:'Helvetica Neue W01 67 Md Cn',Helvetica,sans-serif; font-weight : bold; margin : 0 !important; } .teaser_offers .teaser_offers_head img { position : absolute; right : 10px; top : 10px; } .teaser_offers .teaser_offers_content { min-height : 110px; } /* can be removed after redesign */ #main div.teaser_offers .teaser_offers_content h4{ font-size:15px; font-family:'Helvetica Neue W01 67 Md Cn',Helvetica,sans-serif; margin: 3px 0 13px;} #main .teaser_offers_content ul { margin: 0; } #main .teaser_offers_content ul li{ background: url('/images/backgrounds/um-dtv-li-bg.gif') no-repeat 0 7px !important; padding-left: 10px; } .teaser_offers .price-mod { border-top : 1px solid #ccc; padding-top : 10px; text-align : left !important; } .teaser_offers .price-mod p { font-size : 15px; } *+html .teaser_offers .price-mod p {position:relative; top:-5px;} .teaser_offers .price-mod span.euro { font-size : 22px !important; } .teaser_offers .price-mod .um_textbutton { height : 19px; width : 72px; } .teaser_offers .price-mod .um_textbutton span { height : 17px; width : 70px; } /* 22.0 ServiceStartseite */ .category_groups { padding: 0 0 15px; } .category { background: url('/images/backgrounds/bg_serviceboxen.gif') no-repeat top; position: relative; width: 245px; } .category_inner { background: url('/images/backgrounds/bg_serviceboxen.gif') no-repeat bottom; margin-top: 5px; padding: 0 20px 10px; } .category_inner a { background: url('/images/elements/el_arrowlink.png') no-repeat scroll 0 -240px transparent; display: block; font-size: 11px; line-height: 1.5; padding-left: 15px; } .category_inner img.visual { left: 10px; position: absolute; top: 10px; } .category_inner div {padding-top:10px;} #main div.category div.category_inner h2 { border-top: 0; font-size: 20px; font-weight: normal; margin: 0 20px 20px 50px; padding: 11px 3px 0px; } .service_search { padding: 0 0 15px; } .service_search input.fl { border: 1px solid #aeaeae; color: #666; font-size:12px; height: 16px; padding: 2px 5px; width: 345px; } .popular_list { padding : 10px 0 15px; } .popular_list .popular_link { padding-right : 10px; width : 158px; } .popular_list .popular_link.last { padding-left : 0px; } #main div.wrapper .popular_list > h3 { font-size : 18px; margin : 0; } #main div.wrapper .popular_list .copy { margin-bottom: 10px; } #main div.wrapper .popular_list .copy p { color : #666; } #main div.wrapper .popular_list .popular_link h3 { border-bottom : 1px dotted; font-size : 14px; margin : 10px 5px; padding : 5px 0; } .um_box { background: #F3F3F3; border: 1px solid #BEBEBE; margin-top: 15px; padding:9px; } .um_box h4 { border-bottom: 1px dotted #000142; color: #000142; font-size:14px; font-family:'Helvetica Neue W01 67 Md Cn','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; margin-bottom: 10px; } .um_box p { margin-bottom: 10px; } /* Fernsehen NEU */ body.tv-start #main {width:745px;} .um-tv-triple-box {margin-bottom:20px;} .um-tv-triple-box > div {margin-left:10px;padding:15px;float:left;} .um-tv-triple-box .first {margin-left:0;} .um-tv-triple-box .image-top {margin:-10px -10px 10px;display:block;} .um-tv-triple-box .hide-logo .hdtv-logo {display:none;visibility:hidden;} .um-tv-triple-box .hdtv-logo {float:left;} .um-tv-triple-box h3 {border-bottom:1px dotted #051249;margin-bottom:0 !important;padding-bottom:7px;line-height:16px;font-size:16px;} .um-tv-triple-box .show-logo h3 {margin-left:50px !important;} .um-tv-triple-box ul, .um-tv-triple-box p {margin:0 !important;padding:10px 0 !important;} .um-tv-triple-box .textlink {margin-top:10px;text-align:center;} .um-tv-triple-box .button {margin-top:10px;} .um-tv-triple-box .button a {margin:0 auto;} .um-tv-triple-box .um_textbutton {width:116px;} .um-tv-triple-box .um_textbutton > span {width:114px;} .um-tv-triple-box sub, .um-tv-triple-box sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .um-tv-triple-box sup { top: -0.5em; } .um-tv-triple-box sub { bottom: -0.25em; } .um-tv-triple-start .um_textbutton {float:right;} .um-tv-triple-start > div {height:230px;} .um-tv-triple-start .first {width:280px;background:url("/images/backgrounds/um-tv-start-box-1.png") no-repeat left top;} .um-tv-triple-start .second {width:220px;background:url("/images/backgrounds/um-tv-start-box-2.png") no-repeat left top;} .um-tv-triple-start .third {width:135px;background:url("/images/backgrounds/um-tv-start-box-3.png") no-repeat left top;} .um-tv-triple-premium > div {height:241px;} .um-tv-triple-premium .first, .um-tv-triple-premium .second {width:148px;background:url("/images/backgrounds/um-tv-premium-box-1.png") no-repeat left top;} .um-tv-triple-premium .third {width:98px;background:url("/images/backgrounds/um-tv-premium-box-3.png") no-repeat left top;} .um-tv-triple-premium h3, .um-tv-triple-hdtv h3 {border-bottom:none;padding-bottom:0;} .um-tv-triple-hdtv > div {height:274px;} .um-tv-triple-hdtv .first {width:180px;background:url("/images/backgrounds/um-tv-hdtv-box-1.png") no-repeat left top;} .um-tv-triple-hdtv .second, .um-tv-triple-hdtv .third {width:107px;background:url("/images/backgrounds/um-tv-hdtv-box-2.png") no-repeat left top;} .um-tv-triple-hdtv .first .um_textbutton {width:178px;} .um-tv-triple-hdtv .first .um_textbutton > span {width:176px;} .um-tv-triple-hdtv .second .um_textbutton, .um-tv-triple-hdtv .third .um_textbutton {width:105px;} .um-tv-triple-hdtv .second .um_textbutton > span, .um-tv-triple-hdtv .third .um_textbutton > span {width:103px;} .um-tv-double-teaser .first {width:570px;float:left;} .um-tv-double-teaser .second {width:165px;float:right;} .um-tv-double-teaser h3 {border:dotted #000142;border-width:1px 0;margin:0 0 15px;padding:3px 0;} .um-tv-double-teaser h3 span {margin-top:0 !important;padding:0 5px;line-height:30px !important;font-size:16px !important;background-color:#f3f3f3;} .um-tv-double-teaser .inner {padding:10px;} .um-tv-double-teaser .inner p {margin-bottom:10px;color:#666 !important;} .um-tv-triple-price-box {margin-bottom:20px;padding:10px;} .um-tv-triple-price-box > div {float:left;} .um-tv-triple-price-box .first {margin-right:15px;width:156px;} .um-tv-triple-price-box .second {margin-right:15px;width:156px;} .um-tv-triple-price-box .price {width:140px;} .um-tv-triple-price-box .price .um_textbutton {width:140px;} .um-tv-triple-price-box .price .um_textbutton > span {width:138px;} .um-tv-triple-price-box p {margin-bottom:10px;} #main div.wrapper .tv_packet_info h3, #main div.wrapper .tv_packet_info h4 {color: #000142;} #main div.wrapper .tv_packet_info h3 {border-bottom: 1px dotted; font-size: 18px; margin: 5px 0 10px;} #main div.wrapper .tv_packet_info h4 {font-size: 14px; margin: 0 0 10px; } .umSocialMediaBar_blog{padding-right:20px;display:block;background:url("/images/backgrounds/um-social-blog-icon.png") no-repeat right center;} .fb-info-perm{position:absolute;right:10px;top:4px;} .fb-info-perm:hover .info{display:block;} .fb-info-perm .info{display:none;position:absolute;left:-50px;bottom:13px;padding:10px;height:120px;width:260px;background:url("/images/backgrounds/fb-info-perm.png") no-repeat 0 0;font-size:11px;line-height:14px;} .fb-info-perm .info .perm{color:#00a0e0;margin-top:10px;} .fb-info-perm.hidden{display:none;} .umSocialMediaBar_feedback.new{background:url("/images/backgrounds/feedback-new.png") no-repeat right center;display:block;padding-right:15px;} #umSocialMediaBar .umSocialMediaBar_content .element_separator{margin:12px 7px 0;} .social_share_privacy_area { clear: both; list-style-type: none; padding: 0 !important; width: auto; height: 20px; display: block; } .social_share_privacy_area li { margin: 0 !important; padding: 0 !important; height: 20px; float: left; } .social_share_privacy_area li .dummy_btn { float: left; margin: 0 0 0 5px; cursor: pointer; padding: 0; height: inherit; } .social_share_privacy_area li div iframe { overflow: hidden; height: inherit; width: inherit; } /* Facebook begin */ .social_share_privacy_area .facebook { width: 148px; display: inline-block; } .social_share_privacy_area .facebook .fb_like iframe { width: 145px; } /* Facebook end */ .social_share_privacy_area li.settings_info { position: relative; top: -2px; display: none; } /* Switch begin */ .social_share_privacy_area li .switch { display: inline-block; text-indent: -9999em; background: transparent url(/images/backgrounds/socialshareprivacy_on_off.png) no-repeat 0 0 scroll; width: 23px; height: 12px; overflow: hidden; float: left; margin: 4px 0 0; padding: 0; cursor: pointer; } .social_share_privacy_area li .switch.on { background-position: 0 -12px; } /* Switch end *//* AB_Test /images/buttons/bt_bundle3Play_ab1110.jpg /images/backgrounds/3play_tabelle_ab.png */ .ab_infolink{ display:none; } .ab_um_textbutton { display: none; } /* xx.0 CSS for JS Plugins */ /* xx.1 Fancybox */ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { cursor: pointer; display: none; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; overflow: hidden; position: fixed; top: 50%; width: 40px; z-index: 1104; } * html #fancybox-loading { margin-top: 0; position: absolute; } #fancybox-loading div { background-image: url('/img/fancybox.png'); height: 480px; left: 0; position: absolute; top: 0; width: 40px; } #fancybox-overlay { background: #000; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1100; } * html #fancybox-overlay { position: absolute; width: 100%; } #fancybox-tmp { border: 0; display: none; margin: 0; overflow: auto; padding: 0; } #fancybox-wrap { display: none; left: 0; margin: 0; padding: 20px; position: absolute; top: 0; z-index: 1101; } #fancybox-outer { background: #FFF; height: 100%; position: relative; width: 100%; } #fancybox-inner { height: 1px; left: 0; margin: 0; outline: none; overflow: hidden; padding: 0; position: absolute; top: 0; width: 1px; } #fancybox-hide-sel-frame { background: transparent; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #fancybox-close { background-image: url('/img/fancybox.png'); background-position: -40px 0px; cursor: pointer; display: none; height: 30px; position: absolute; right: -15px; top: -15px; width: 30px; z-index: 1103; } body.form_speedgarantie #fancybox-close { background-image: url('/img/fancybox_close_sg.gif'); background-position: 0px 0px; cursor: pointer; display: none; height: 15px; position: absolute; right: 15px; top: 37px; width: 15px; z-index: 1103; } #fancybox_error { color: #444; font: normal 12px/20px Arial; margin: 0; padding: 7px; } #fancybox-content { height: auto; margin: 0; padding: 0; width: auto; } #fancybox-img { border: none; height: 100%; line-height: 0; margin: 0; outline: none; padding: 0; vertical-align: top; width: 100%; } #fancybox-frame { border: none; display: block; height: 100%; position: relative; width: 100%; } #fancybox-title { bottom: 0; font-family: Arial; font-size: 12px; left: 0; position: absolute; z-index: 1102; } .fancybox-title-inside { color: #333; padding: 10px 0; text-align: center; } .fancybox-title-outside { color: #FFF; font-weight: bold; padding-top: 5px; text-align: center; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { background-image: url('/img/fancy_title_over.png'); display: block; padding: 10px; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { float: left; height: 32px; } #fancybox-title-left { background-image: url('/img/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; padding-left: 15px; } #fancybox-title-main { background-image: url('/img/fancybox-x.png'); background-position: 0px -40px; color: #FFF; font-weight: bold; line-height: 29px; } #fancybox-title-right { background-image: url('/img/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; padding-left: 15px; } #fancybox-left, #fancybox-right { background-image: url('/images/backgrounds/blank.gif'); bottom: 0px; cursor: pointer; display: none; height: 83%; outline: none; position: absolute; top: 0; width: 35%; z-index: 1102; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { cursor: pointer; display: block; height: 30px; left: -9999px; margin-top: -15px; position: absolute; top: 60%; width: 30px; z-index: 1102; } #fancybox-left-ico { background-image: url('/img/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/img/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { border: 0; height: 20px; margin: 0; padding: 0; position: absolute; width: 20px; z-index: 1001; } #fancy-bg-n { background-image: url('/img/fancybox-x.png'); left: 0; top: -20px; width: 100%; } #fancy-bg-ne { background-image: url('/img/fancybox.png'); background-position: -40px -162px; right: -20px; top: -20px; } #fancy-bg-e { background-image: url('/img/fancybox-y.png'); background-position: -20px 0px; height: 100%; right: -20px; top: 0; } #fancy-bg-se { background-image: url('/img/fancybox.png'); background-position: -40px -182px; bottom: -20px; right: -20px; } #fancy-bg-s { background-image: url('/img/fancybox-x.png'); background-position: 0px -20px; bottom: -20px; left: 0; width: 100%; } #fancy-bg-sw { background-image: url('/img/fancybox.png'); background-position: -40px -142px; bottom: -20px; left: -20px; } #fancy-bg-w { background-image: url('/img/fancybox-y.png'); height: 100%; left: -20px; top: 0; } #fancy-bg-nw { background-image: url('/img/fancybox.png'); background-position: -40px -122px; left: -20px; top: -20px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_close.png', sizingMethod='scale'); } body.form_speedgarantie .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox_close_sg.gif', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_nw.png', sizingMethod='scale'); }