/* ******************************* FileStructure of simyo.css (v1.0) ******************************** - 1.0 Basics - 2.0 Grid / Structure 2.1 Structure 2.2 Flexible Grid 2.3 columnTeaserGrid - 3.0 Basic Elements 3.1 Errors 3.2 Buttons 3.3 Icons 3.4 Forms 3.5 Box 3.6 Teaser 3.7 Pager 3.8 Reiter Modul 3.99 Störer - 4.0 Header 4.1 Main Navigation 4.2 Suche (header + content) 4.3 Welcome & Logout - 5.0 Content 5.1 Breadcrumb 5.2 Text Formatting 5.3 Infobubble 5.4 Datentabellen 5.5 Flash 5.6 Rufnummernwahl 5.7 Rufnummernsuche 5.8 SIM-Chef 5.9 Listen 5.10 Bestellen - password 5.11 Tarifanzeige 5.12 Aufladen 5.13 Slideshow 5.14 Product Stage 5.15 Mein Simyo - Tarif einstellen 5.16 Tarifoption 1GB Verbrauchsanzeige 5.16.1 Tarifoption jahresflat Verbrauchsanzeige 5.17 Kostenstopp-aktivieren-box 5.18 Kostenstopp-Statusbox 5.19 Kostenstopp - Datenpaket nachbestellen 5.20 Kostenstopp - Tarifübersicht 5.21 Kostenstopp - Verbindungsübersicht 5.22 Verbindungsübersicht 5.23 Teaser Kostenstopp-Erinnerung 5.24 NBO/NBA Teaser 5.25 Social bar 5.26 #tagCloud 5.27 Kostenstopp - Charts - 6.0 Valuable Spalte 6.1 Cart 6.2 FAQ Box - 7.0 Footer - 8.0 Popup - 9.0 Interstitials - 10.0 JavaScript Spezialitäten - 11.0 Preloader - 12.0 ToggleGroup - 50.0 Print Styles colors: simyo orange: #f60 box grey: #e6e6e6 box border grey: #ddd even lighter grey #F9F9F9 // table softed very light grey #F2F2F2 // table even row light grey #ccc // form line light middle dark #b2b2b2 // breadcrumb, tablefoot border, smallprint dark grey #6a6a6a // form line dark, breadcrumb error red ##D50000 filter used: *+html div {} // ie7 *padding:2px 28px 4px 5px; //ie7 ohne spezifitätserhöhung html>body div {}, x:-moz-any-link, x:default {} // ff3 only (see buttons for example) */ /* 1.0 Basics */ /* iPad-Darstellung ohne schärfen (Landscape => 1px = 1px, Portrait => kein Springen des Zooms) */ /*@media only screen and (device-width: 768px) { body { min-width: 1024px; } }*/ body, div, p, h1, h2, h3, h4, h5, h6, a, fieldset, input, select, textarea, table { margin:0; padding:0; font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#000;} body {background:#ffffff url('/extensions/images/backgrounds/bg_body.png;vbcdjcea') repeat-y top left;line-height:1.2;} p {padding-top:1.3em;} fieldset {border:none;} table {border-collapse:collapse;} a {color:#000;} .seoLink, .textlink {color:#000;text-decoration:none;} /* TODO: remove .seoLink, if not used */ a img, img, map, area {border:none;} ul, ol { margin-bottom:0;padding-bottom:0;margin-left:0;padding-left:25px;} li {} h1.sifr { font-family:"Futura Extra Bold Condensed", Arial, Helvetica, sans-serif; font-size:22px;line-height:1.0;font-weight:bold;} h2.sifr {font-family:"Futura Extra Bold Condensed", Arial, Helvetica, sans-serif;font-size:18px;line-height:1.0;font-weight:bold; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom: 0.3em;font-weight:bold;text-rendering:optimizeLegibility;} h1, .h1 {font-size:22px;font-weight:bold;} h2, .h2 {font-size:14px;font-weight:bold;} h3, .h3 { font-size:12px;line-height:1.0;} h4, .h4 { font-size:12px;line-height:1.0;/*margin-bottom:4px;*/} h5, .h5 { font-size:12px;line-height:1.0;} h6, .h6 { font-size:12px;line-height:1.0;} h5.singleHeadline, .singleHeadline {margin-bottom:15px;} hr {margin:0;height:1px;border:0;clear:both;font-size:1px;background-color:#ccc;color:#ccc;} div.hr {margin:0;height:1px;border:0;clear:both;font-size:1px;background-color:#ccc;color:#ccc;} div.hr hr {display:none;} hr.divider {margin: 10px 0;} /*all p elements immediately preceded by an hn element */ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, img + p, div.introText + p {padding-top:0;} p + ul, p + ol { margin-top:1.3em;} .bd h1:first-child, .bd h2:first-child, .bd h3:first-child, .bd h4:first-child, .bd h5:first-child, .bd h6:first-child { padding-top:0;} .bd h1, .bd h2, .bd h3, .bd h4, .bd h5, .bd h6 { padding-top:15px;} .bd > :first-child, .mediaBd > :first-child {padding-top:0;margin-top:0;} ::-webkit-input-placeholder {color:#afafaf;} :-moz-placeholder {color:#afafaf;} fieldset p {padding-top:0;padding-bottom:15px;} p.label {padding:0;} p.labelBold {font-weight:bold;} p.data {font-weight:bold;padding:0;} .righted {text-align:right;} .center {text-align:center;} sup {font-size:85%;position:relative;left:0;top:-0.9ex;vertical-align:baseline;} .faded{color: #888888;} .simyotic {color:#f60 !important;font-weight:bold !important;font-size:18px !important;} .megasimyotic {color:#f60 !important;font-weight:bold !important;font-size:25px !important;} .simColor, .simColor .button {color:#f60 !important;} .simColorBold, .simColorBold .button {color:#f60 !important;font-weight:bold !important;} strong.alarm, p.alarm{color:#D50000;} .odd{background-color: #F7F7F7;} .simPrice {font-weight:bold;} .simPrice .value {font-size:20px;} .simPrice .currency {font-size:12px;} .clearBoth {clear:both;} .cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;} *+html .cl{display:inline-block;} .positionWrapper {position:relative;} .positionHiddenWrapper {position:relative;overflow:hidden;} .noFloat {float:none !important;} .hidden {display:none !important;} .js .hiddenIfJs {display:none !important;} .invisible {visibility:hidden !important;} label.invisible {white-space:nowrap !important;} .printonly{display:none !important;} .jsPrepared .js_hidden, .js .js_hidden {display:none;} .jsPrepared .js_visible, .js .js_visible {display:block} .showExpanded, .buttonWrapper.showExpanded {display:none;} .showCollapsed {display:block;} span.showCollapsed {display:inline;} .open .hideExpanded {display:none;} .open .showExpanded {display:block;} .open span.showExpanded {display:inline;} .open tr.showExpanded {display:table-row;} .open .showCollapsed {display:none;} /* 2. Grid / Structure */ /* 2.1 Structure */ .wrapper {width:990px;} #header{position:relative;z-index:100;} .shadowWrapper {width:730px;float:left;margin-bottom:40px; background:transparent url('/extensions/images/backgrounds/bg_content_shadow.png;vbcdjcea') 100% 0 no-repeat;} .innerShadowWrapper { float:left; padding:0 0 18px 0; margin-bottom:15px;background:transparent url('/extensions/images/backgrounds/bg_content_bottom.png;vbcdjcea') 0 100% no-repeat;} #contentArea { float:left; width:685px; min-height:400px; padding:10px 11px 20px 20px; background-color:#ffffff;} #contentArea.smallHeight {min-height:200px;} .valuableCol { float:left; width:238px;padding:0 0 0 20px;} /* fix ie7 layer stacking */ .shadowWrapper {*position:relative;*z-index:2;} .showOverlay .shadowWrapper {*z-index:200;} .valuableCol {*position:relative;*z-index:1;} /* sonderfall rahmen mehrkartenteaser bestellabschluss, entfernen wenn funktion geändert wird, - zu contenKlasse */ .orderProcess .subContentArea {} /* sructure fullSize */ .shadowWrapper.shadowWrapperFullSize {width:990px;} .shadowWrapperFullSize .innerShadowWrapper {background-position: 100% 100%;} .shadowWrapperFullSize #contentArea { width:957px;} .shadowWrapperFullSize .footnotesLine {width:730px;} .valuableCol.shadowWrapperFullSize {display:none;} .line, .fullLine {clear:both;width:100%;float:left;} #contentArea > .line, #contentArea > .updateDiv > .line, #contentArea > #headOrderFinish .line {margin-left:34px;width:594px;} #contentArea > .fullLine, #contentArea > .updateDiv > .fullLine {margin-left:0;width:100%;} .shadowWrapperFullSize #contentArea > .line , .shadowWrapperFullSize #contentArea > .updateDiv > .line{width:860px;} .shadowWrapperFullSize #contentArea > .fullLine, .shadowWrapperFullSize #contentArea > .updateDiv > .fullLine {width:954px;} .line > .lineInner, .line > .updateDiv > .lineInner {margin-right:20px;} /* there can be more than 1 contentArea */ .contentArea { float:left; width:685px; position: relative; padding:10px 11px 20px 20px; background-color:#ffffff;} .contentArea.smallHeight {min-height:150px;} .shadowWrapperFullSize .contentArea { width:957px;} .contentArea > .line, .contentArea > .updateDiv > .line {margin-left:34px;width:594px;} .contentArea > .fullLine, .contentArea > .updateDiv > .fullLine {margin-left:0;width:100%;} .shadowWrapperFullSize .contentArea > .line , .shadowWrapperFullSize .contentArea > .updateDiv > .line{width:860px;} .shadowWrapperFullSize .contentArea > .fullLine, .shadowWrapperFullSize .contentArea > .updateDiv > .fullLine {width:954px;} /*.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1;}*/ .formLine{margin-bottom:10px;} /* TODO ersetzen durch boxline */ .standardLine {margin-bottom:20px;} .spaceLine {margin-bottom:40px;} .boxLine {margin-bottom:10px;} .topStandardLine {margin-top:20px;} .footnotesLine > .lineInner {margin: 0 80px 10px 20px;} .unit {float:left;} .unitEnd {float:right;} .lastUnit {float:none;width:auto;} .unitRight {text-align:right;} /* 2.2 Flexible Grid */ .flexSize1of1{width:100%;} .flexSize1of2{width:50%;} .flexSize1of3{width:33.33333%;} .flexSize2of3{width:66.66666%;} .flexSize1of4{width:25%;} .flexSize3of4{width:75%;} .flexSize1of5{width:20%;} .flexSize2of5{width:40%;} .flexSize3of5{width:60%;} .flexSize4of5{width:80%;} .flexSize1of7{width:14%;} .flexSize2of7{width:28%;} .flexSize3of7{width:43%;} .flexSize4of7{width:57%;} .flexSize5of7{width:71%;} .flexSize6of7{width:86%;} *+html .flexSize1of2{width:49.9%;} *+html .flexSize1of3{width:33.29%;} *+html .flexSize1of4{width:24.9%;} /* 2.3 columnTeaserGrid */ .tsSize1of4 {width:128px;margin-right:15px;} .tsSize1of3 {width:178px;} .tsSize1of2 {width:277px;} .tsSize2of3 {width:376px;} .shadowWrapperFullSize .tsSize1of4 {width:195px;margin-right: 20px;} .shadowWrapperFullSize .tsSize1of3 {width:266px;margin-right: 20px;} .shadowWrapperFullSize .tsSize1of2 {width:410px;margin-right: 20px;} .shadowWrapperFullSize .tsSize2of3 {width:532px;margin-right: 20px;} /* 3.0 Basic Elements */ /* 3.1 Errors */ .error{color:#d50000 !important;} .error p {color:#d50000 !important;} .highlight {border: 1px solid #fff;outline: 1px dashed #d50000;background-color: #fbe5e5; padding:5px; overflow:hidden;} *+html .highlight {border:1px dashed #d50000;} /* IE7 ignores outline */ .errorMessages p {padding:0 0 0.8em 0;} .errorMessages ul {margin:0;padding-left:18px;} .errorMessages .typeInfo {} .errorMessages .typeError {} .errorMessages .typeFatal {} .errorMessages .typeWarning {} .errorpage_error {margin-top:20px;min-height:100px;padding: 25px 0 0 105px;background: url('/extensions/images/backgrounds/bg_error_x.png;vbcdjcea') 0 0 no-repeat;} .errorpage_error h2 {margin-bottom:10px;} .errorpage_error .copy {} .errorpage_error p {padding-top:0.3em;} .error_iconX {background-image: url('/extensions/images/backgrounds/bg_error_x.png;vbcdjcea');} /* 3.2 Buttons */ .buttonLine {} .buttonLine .lineInner {} .buttonLine .lineInner .buttonWrapper {margin-right:20px;} .buttonLine hr.formDivider {margin:25px 0 20px 0;padding:0;background-color:#6a6a6a;color:#6a6a6a;} .boxButtonLine{margin:0;padding: 20px 0 0 0;border:none;} .boxButtonLine .inner {} .boxButtonLine p {padding:0;} .iconBox .boxButtonLine .buttonAlignText {padding-left:50px;} .shadowLine {background: url('/extensions/images/backgrounds/bg_shadowline.png;vbcdjcea') no-repeat 0 0;padding:15px 0 10px 0;text-align:right;line-height:1.1;} .shadowLine .lineInner .buttonWrapper {margin-right:13px;} body div.noShadow {background: transparent; background-image:none;} /* allgemein / small button */ .buttonWrapper {float:right;padding:0 0 0 6px;cursor:pointer;background: url('/extensions/images/backgrounds/bg_buttons.png;vbcdjcea') 0 0 no-repeat;outline:none;text-decoration:none;} .buttonWrapperLeft {float:left;} .buttonWrapperNoFloat {float:none;} .buttonWrapperPosition {position:absolute;left:0;top:0;} .buttonWrapperPositionRight {position:absolute;right:0;top:0;} .unit > .inner > .buttonWrapperPositionRight {position:absolute;right:20px;top:0;} .buttonWrapperPositionRightBottom {position:absolute;right:0;bottom:0;} .unit > .inner > .buttonWrapperPositionRightBottom {position:absolute;right:20px;bottom:0;} .buttonWrapper .button {border-radius:0;height:27px;padding:4px 25px 4px 5px;font-size:14px;line-height:1.2;font-weight:bold;color:#fff;border:none;overflow:visible;cursor:pointer;background: url('/extensions/images/backgrounds/bg_buttons.png;vbcdjcea') 0 0 no-repeat;outline:none;} html>/**/body .buttonWrapper .button, x:-moz-any-link, x:default {height:auto;} /* target ff3 only */ a.buttonWrapper .button, span.buttonWrapper .button {display:block;height:auto;padding:4px 28px 6px 5px;} span.buttonWrapper .button {*padding:2px 28px 4px 5px;} a.textButtonWrapper .button, span.textButtonWrapper .button {display: inline; padding: 0;} /* big button */ .fatButtonWrapper {/* extends buttonWrapper */ padding:0 0 0 10px;} .fatButtonWrapper .button,span.fatButtonWrapper .button {padding:4px 30px 6px 0px;font-size:24px;height:43px;} a.fatButtonWrapper .button {padding:6px 33px 8px 0px;height:auto;} /* text button */ .textButtonWrapper {/* extends buttonWrapper */ padding:2px 15px 3px 0;font-size:12px;font-weight:normal;text-decoration:underline;white-space:nowrap;} .textButtonWrapper .button {display:inline;height:15px;padding:0;font-size:12px;font-weight:normal;background:none;text-decoration:underline} .textButtonWrapper .button::-moz-focus-inner {border: 0;padding: 0;}/* firefox input paddings */ a.textButtonWrapper {padding:3px 15px 2px 0;} a.textButtonWrapper .button {display:inline;height:auto;padding:0;/*text-decoration:none;*/} .textButtonWrapper.buttonBack {/* extends textButtonWrapper */ float:left;padding:2px 5px 3px 15px;font-size:12px;font-weight:normal;text-decoration:underline} html>/**/body .textButtonWrapper.buttonBack {padding-right:2px;} .textButtonWrapper.buttonBack .button {display:inline;padding:0;font-size:12px;font-weight:normal;background:none;text-decoration:underline} a.textButtonWrapper.buttonBack {padding:3px 5px 4px 15px;} html>/**/body a.textButtonWrapper.buttonBack {padding-right:5px;} a.textButtonWrapper.buttonBack .button {display:inline;padding:0;} .textButtonWrapper.buttonDelete {/* extends textButtonWrapper */ float:left;padding:2px 5px 3px 15px;font-size:12px;font-weight:normal;color:#000;text-decoration:underline} html>/**/body .textButtonWrapper.buttonDelete {padding-right:2px;} .textButtonWrapper.buttonDelete .button {display:inline;padding:0;font-size:12px;font-weight:normal;background:none;text-decoration:underline} a.textButtonWrapper.buttonDelete {padding:3px 5px 4px 15px;} html>/**/body a.textButtonWrapper.buttonDelete {padding-right:5px;} a.textButtonWrapper.buttonDelete .button {display:inline;padding:0;color:#000;} .textButtonWrapper.leftIcon {/* extends textButtonWrapper */ padding:2px 5px 3px 20px;font-size:12px;font-weight:normal;color:#000;text-decoration:underline} html>/**/body .textButtonWrapper.leftIcon {padding-right:2px;} .textButtonWrapper.leftIcon .button {display:inline;padding:0;font-size:12px;font-weight:normal;background:none;text-decoration:underline} a.textButtonWrapper.leftIcon {padding:3px 5px 4px 15px;} html>/**/body a.textButtonWrapper.leftIcon {padding-right:5px;} a.textButtonWrapper.leftIcon .button {display:inline;padding:0;color:#000;} a.arrowLink {padding: 3px 15px 4px 0; text-decoration:underline;font-size:12px;background:url('/extensions/images/backgrounds/bg_buttons.png;vbcdjcea') 100% -1564px no-repeat;} .valuableTeaser a.arrowLink {background-position:100% -1805px;} .toggleButtonPosition { position:absolute; bottom:22px; right:20px;} .toggleButtonPosition.closed { bottom:0;} .inlineButton {display:inline;float:none !important;} .inlineCopyButton {margin-left:0 !important;} .followingButton {margin-left:10px;} .boxFtTextButton {margin-top:5px;} .overviewButtonPosition {margin-top:12px;} .noImgPlainTextButton {background:none;padding-right:0;padding-left:0;text-decoration:none;} .noImgPlainTextButton .button {text-decoration:none;} .noImgTextButton {background:none;padding-right:0;padding-left:0;text-decoration:underline;} .boldButton, .boldButton .button {font-weight:bold;} /* buttontypes */ /* orange / Action */ .buttonTypActionWrapper {background-position: 0 -564px;} .buttonTypActionWrapper .button { background-position: 100% -595px;} .buttonTypActionWrapper:hover {background-position: 0 -626px;} .buttonTypActionWrapper:hover .button {background-position: 100% -657px;} .fatButtonWrapper.buttonTypActionWrapper {background-position: 0 0;} .fatButtonWrapper.buttonTypActionWrapper .button {background-position: 100% -47px;} .fatButtonWrapper.buttonTypActionWrapper:hover {background-position: 0 -94px;} .fatButtonWrapper.buttonTypActionWrapper:hover .button {background-position: 100% -141px;} .textButtonWrapper.buttonTypActionWrapper {color:#ff6600;background-position: 100% -1435px;} .textButtonWrapper.buttonTypActionWrapper.buttonBack {background-position: 0 -1505px;} .textButtonWrapper.buttonTypActionWrapper .button {color:#ff6600;} /* dark grey / Standard */ .buttonTypStandardWrapper {background-position: 0 -688px;} .buttonTypStandardWrapper .button {background-position: 100% -719px;} .buttonTypStandardWrapper:hover {background-position: 0 -812px;} .buttonTypStandardWrapper:hover .button {background-position: 100% -843px;} /* light grey / disabled */ .buttonTypDisabledWrapper {background-position: 0 -1060px;cursor:default;} .buttonTypDisabledWrapper .button {color:#929292;background-position: 100% -1091px;cursor:default;} .buttonTypDisabledWrapper:hover {background-position: 0 -1060px;cursor:default;} .buttonTypDisabledWrapper:hover .button {color:#929292;background-position: 100% -1091px;} /* green */ .fatButtonWrapper.buttonTypAttentionWrapper {background-position: 0 -2535px;} .fatButtonWrapper.buttonTypAttentionWrapper .button {background-position: 100% -2582px;} .fatButtonWrapper.buttonTypAttentionWrapper:hover {background-position: 0 -2629px;} .fatButtonWrapper.buttonTypAttentionWrapper:hover .button {background-position: 100% -2676px;} /* down + up + back */ .buttonTypStandardWrapper.buttonUp .button {background-position: 100% -781px;} .buttonTypStandardWrapper.buttonUp:hover .button {background-position: 100% -905px;} .buttonTypStandardWrapper.buttonDown .button {background-position: 100% -750px;} .buttonTypStandardWrapper.buttonDown:hover .button {background-position: 100% -874px;} .buttonButtonWrapper.buttonBack {background-position: 100% -899px; background-image: url('/extensions/images/backgrounds/bg_buttons_flipped.png;vbcdjcea');} .buttonButtonWrapper.buttonBack .button {background-position: 0 -936px; background-image: url('/extensions/images/backgrounds/bg_buttons_flipped.png;vbcdjcea');} .buttonButtonWrapper.buttonBack:hover {background-position: 100% -1047px;} .buttonButtonWrapper.buttonBack:hover .button {background-position: 0 -1084px;} .buttonButtonWrapper.buttonBack{padding-right: 6px; padding-left: 0;} .buttonButtonWrapper.buttonBack .button {padding-right: 5px; padding-left: 28px;} .fatButtonWrapper.buttonTypStandardWrapper {background-position: 0 -188px;} .fatButtonWrapper.buttonTypStandardWrapper .button {background-position: 100% -235px;} .fatButtonWrapper.buttonTypStandardWrapper:hover {background-position: 0 -282px;} .fatButtonWrapper.buttonTypStandardWrapper:hover .button {background-position: 100% -329px;} .textButtonWrapper.buttonTypStandardWrapper {color:#000;background-position: 100% -1564px;} .textButtonWrapper.buttonTypStandardWrapper.buttonBack {background-position: 0 -1625px;} .textButtonWrapper.buttonTypStandardWrapper.buttonDelete {background-position: 0 -2045px;} .textButtonWrapper.buttonTypStandardWrapper.buttonUp {background-position: 100% -1744px;} .textButtonWrapper.buttonTypStandardWrapper.buttonDown {background-position: 100% -1684px;} .textButtonWrapper.buttonTypStandardWrapper.buttonAlarm {background-position:100% -2163px; color: #D50000;} .textButtonWrapper.buttonTypStandardWrapper .button {color:#000;} .textButtonWrapper.buttonTypStandardWrapper.buttonAlarm .button{color: #D50000;} .textButtonWrapper.buttonTypStandardWrapper.buttonPositive {background-position: 0 -2402px;} .textButtonWrapper.buttonTypStandardWrapper.buttonNegative {background-position: 0 -2332px;} .textButtonWrapper.buttonTypStandardWrapper.buttonQuestion {background-position: 0 -2469px;} /* light grey / Valuable */ .buttonTypValuableWrapper {background-position: 0 -936px;} .buttonTypValuableWrapper .button {color:#595959;background-position: 100% -967px;} .buttonTypValuableWrapper:hover {background-position: 0 -998px;} .buttonTypValuableWrapper:hover .button {color:#595959;background-position: 100% -1029px;} .fatButtonWrapper.buttonTypValuableWrapper {background-position: 0 -376px;} .fatButtonWrapper.buttonTypValuableWrapper .button {color:#595959;background-position: 100% -423px;} .fatButtonWrapper.buttonTypValuableWrapper:hover {background-position: 0 -470px;} .fatButtonWrapper.buttonTypValuableWrapper:hover .button {color:#595959;background-position: 100% -517px;} .textButtonWrapper.buttonTypValuableWrapper {color:#fff;/*background-color:#ff6600;*/background-position: 100% -1805px;} a.textButtonWrapper.buttonTypValuableWrapper {padding-bottom:4px;} .textButtonWrapper.buttonTypValuableWrapper.buttonBack {background-position: 0 -1865px;} .textButtonWrapper.buttonTypValuableWrapper .button {color:#fff;/*background-color:#ff6600;*/} /* special textButton Types*/ .textButtonWrapper.buttonTypAddWrapper {color:#000;background-position: 100% -1924px;} .textButtonWrapper.buttonTypAddWrapper .button {color:#000;} .textButtonWrapper.buttonTypRemoveWrapper {color:#000;background-position: 100% -1981px;} .textButtonWrapper.buttonTypRemoveWrapper .button {color:#000;} .textButtonWrapper.buttonTypCloseWrapper {background-position: 59px -2044px;} .textButtonWrapper.buttonTypCloseWrapper .button {color: #000;} /* no image */ .buttonTypStandardWrapper.buttonNoImg .button {background-position: 100% -1184px;padding-right:10px;} .buttonTypStandardWrapper.buttonNoImg:hover .button {background-position: 100% -1215px;} .buttonTypActionWrapper.buttonNoImg .button {background-position: 100% -1246px;padding-right:10px;} .buttonTypActionWrapper.buttonNoImg:hover .button {background-position: 100% -1277px;} /* special Button logoutLink */ .logoutLink {color:#fff; font-size:10px;text-decoration:none;border:none;background:none;cursor:pointer;} /* 3.3 Icons */ .icon {position: relative;} .iconHeight {min-height:57px;} .iconHeight h2 {padding-top:4px;} .iconAGB, .iconAGBfix {background:transparent url('/extensions/images/icons/sprite_icons.png;vbcdjcea') 20px 20px no-repeat;background-position: -60px 23px;} .iconAGBfix{position: absolute; left: 0; top: 0; width: 40px; height: 40px;} .simpleIconAGB {background-position: -48px 16px;} .simpleIconAGBfix {left: -48px;top: -20px;} a.popup, a.popupWide {display:inline-block;text-decoration: underline;padding-right:13px;background:transparent url('/extensions/images/icons/ic_popuplink.gif;vbcdjcea') 100% 100% no-repeat;} .ic_neu {float:left;padding:1px 4px;width:23px;text-transform:uppercase;font-weight:bold;font-size:12px;text-indent:-1000px;background:url('/extensions/images/icons/ic_neu.png;vbcdjcea') 0 0 no-repeat;} /* 3.4 Forms */ fieldset {clear:both;border:none;} fieldset.orderModule{margin:0;padding: 0;} fieldset.icon {padding-left:50px;} legend{display:none;} label {font-size:12px;font-weight:normal;} h2.label, h3.label, h4.label, h5.label, h6.label {display:inline-block;} label .note {color:#666;} hr.formDivider {background-color:#ccc;color:#ccc;margin: 10px 20px 10px 0;} .formLine{/*extends line */ } .formLine .inner {padding: 0 22px 0 0;} .formUnitRight .inner {/*padding: 0 2px 0 11px;*/} .inner .formUnitLeft .inner {padding: 0 6px 0 0;} .inner .formUnitRight .inner {padding: 0 0 0 6px;} .inner .formUnitMiddle .inner {padding: 0 6px 0 6px;} *+html .inner .formUnitRight .inner {padding: 0 0 0 7px;} .formItem {float:left;width:100%;}/*clear floats*/ .formItem input, .formItem textarea, .formItem select {width:100%;margin-top:2px;font-size: 12px;} .formItem textarea {height:80px;} .formItem input.button {margin-top:0;} .formItem.inline input,.formItem.inline select {width:auto;margin-left: 5px;} .formItem input.typeText,.formItem textarea.typeText {padding: 2px 0;border:1px solid #b3b3b3;} .formItem input.typeFile {padding: 2px 0;} .formItem input.mega {float:left;padding:2px 0 0 0;margin:0;width:320px;height:38px;font-size:30px;line-height:40px;text-align:center;border:solid 1px #dddddd;} .formItem input.megaFull {width:490px;padding:0 20px;text-align:left;font-size:17px;} .formItem input.bigger {font-size:16px;padding:6px 4px;width:98%;}/*nur aktivierung start - todo: flexibler machen*/ .bdIconSpace .formItem input.megaFull {width:440px;} .formItem input.preview {color:#b3b3b3;} .formItem select {border:1px solid #b3b3b3;} .formItem input.typeCheckbox,.formItem input.typeRadio {width:auto;float:left;margin:1px 8px 0 0;padding:0;border:none;background-color:transparent;} .righted .formItem input.typeCheckbox,.righted .formItem input.typeRadio{float:none;} .formItem.radioGroup{padding-top:7px;} .formItem.radioGroup input{clear:left;} .formItem.radioGroup label{float:left;max-width:95%;} .formItem.inlineRadio {padding: 7px 0;float:none;overflow:hidden;clear:both;display:block;} *+html .formItem.radioGroup label{padding-top:3px;} .formItem.radioGroup label.selectNone {font-weight:normal;color:#595959;} .radioAlign {padding-left:20px;clear:both;} .radioGroup.radioAlign {padding: 20px 0 0 50px;} *+html .radioAlign {padding-left:28px;display:inline-block;} *+html .radioGroup.radioAlign {padding-left:58px;} .optionalContent {padding-top:10px;} .formLine .formIndent {padding-left:20px;*padding-left:26px;} .mega {padding:0;margin:0;width:320px;height:40px;font-size:30px;line-height:40px;text-align:center;} .adressvorschlag .buttonWrapper {margin-top:10px;margin-left:5px;} .error input.typeText, .error textarea, .error select,.error input.mega {border: 1px solid #fff;outline: 1px dashed #d50000;color:#000;background-color:#fbe5e5;} *+html .error input.typeText, *+html .error textarea, *+html .error select,*+html .error input.mega {border: 1px dashed #d50000;} .error input.typeCheckbox,.error input.typeRadio {border: 1px solid #fff;outline: 2px dotted #d50000;color:#000;background-color:#fbe5e5;} *+html .error input.typeCheckbox,*+html .error input.typeRadio {border: 2px dotted #d50000;} .error label, label.error, .error .label {color:#000;padding-right:15px;background: url('/extensions/images/icons/ic_error.gif;vbcdjcea') 100% 5px no-repeat;} .error label.invisible {padding-right:0;} .radioGroup.error label {padding-left:15px;padding-right:0;background-position: 0 5px;width:90%;} .muted, .js_muted, .muted label, .js_muted label,.muted h3, .js_muted h3 {color:#6a6a6a;} .formItem textarea.smspreview {padding:10px;height:auto;min-height:50px;width:440px;background:#f3f3f3;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} /* 3.5 Box */ .box {float:left;width:100%;margin:0;padding:0;font-size:12px;clear:both;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .box .hd {position:relative; padding:0 20px 22px 20px; background-color:#e6e6e6;border:solid 1px #dddddd;border-width: 1px 1px 0 1px;-moz-border-radius: 5px 5px 0 0;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;border-radius: 5px 5px 0 0;} *+html .box .hd {margin-bottom:-1px;} .box .hd h2 {padding-top: 24px;} .toggleBox.box .hd h2 {padding-right: 130px;} .box .hd h2 a.moduleAnchor{ font-size:14px;} .box .subline {clear:both;max-height:45px;}/* max 3 zeilen text */ .box .subline .buttonWrapper {position:relative;z-index:1;margin: -24px 0 5px 10px;} .box .hd .subline p {padding-top:0;} .box .bd {display:block;padding:0;background-color:#fff;border:solid 1px #dddddd;border-width: 0 1px;} .box .bdSpace {padding:20px;} .box .bdSideSpace {padding:0 20px;} .box .bdSideSpacePlus {padding-left:20px;padding-right:20px;} .box .bdVerticalSpace {padding:20px 0;} .box .bdVerticalSpacePlus {padding-top:20px;padding-bottom:20px;} .box .bdTopSpace {padding-top:20px;} .box .bdBottomSpace {padding-bottom:20px;} .box .bdIconSpace {padding-left:50px;} .box .bdFormSpace {padding-left:30px;} .box .bdStageSpace {padding-left:35px;} .box .bdStageTopSpace {padding-top:35px;} .box .bdAlternate {background-color:#E6E6E6;} .box .ft {clear:both;padding: 0 20px 20px 20px; background-color:#e6e6e6;overflow:hidden;border:solid 1px #dddddd;border-width: 0 1px 1px 1px;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;} *+html .box .ft {font-size:1px;}/* text in footer nur innerhalb weiterer elemente */ .boxBdDivider {background-color: #e6e6e6;padding: 7px 20px;min-height:12px;} .boxBdDivider h3,.boxBdDivider h4,.boxBdDivider h5,.boxBdDivider h6 {margin-bottom:0;} .iconBox .boxBdDivider {padding-left:70px;} .iconBox {/*extends box*/} .iconBox .hd, .box .bdIconSpace {padding-left:70px;} .iconBox .hd img.boxIcon {position:absolute;left:20px;top:20px;} .toggleBox {/*extends box*/} .toggleBox .hd{border-color:#ffffff; background-color:#fff;} .toggleBox .bd {display:none;} .toggleBox .boxBdDivider {display:none;} .toggleBox .ft {padding-bottom:5px;border-radius: 0;-moz-border-radius:0;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0; border-color:#ffffff; border-bottom-color:#dddddd; background-color:#fff;} .toggleBox .ft .boxButtonLine {display:none;} .toggleBox:hover .hd {border-color:#dddddd;background-color:#e6e6e6;} .toggleBox:hover .ft {border-color:#dddddd;background-color:#e6e6e6;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;} .wrapper .toggleBox.open .hd { border-color:#dddddd;background-color:#e6e6e6;} .wrapper .toggleBox.open .bd {display:block;} .wrapper .toggleBox.open .boxBdDivider {display:block;} .wrapper .toggleBox.open .ft {padding-bottom:20px; border-color:#dddddd;background-color:#e6e6e6;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;} .wrapper .toggleBox.open .ft .boxButtonLine {display:block;} .quadWrapper, .tripleWrapper, .doubleWrapper {margin-top:10px;position:relative;overflow:visible;float:left;} .tabContent .quadWrapper, .tabContent .tripleWrapper, .tabContent .doubleWrapper {margin-top:0;} .tripleWrapper .optionBox {width:176px;margin-right:22px;} .doubleWrapper .optionBox {width:275px;margin-right:22px;} .quadWrapper .optionBox {width:133px;margin-right:14px;} .quadWrapper .optionBox.last {margin-right:0;} .optionBoxOverWrapper {border: 1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .optionBox {position:relative;float:left;margin-bottom:5px;clear:none;} .optionBox .hd {border:none;} .optionBox .bd {border:none;} .optionBox .ft {border:none;min-height:30px;} .optionBox .description {display:none;padding-bottom:10px;padding-top:2px;margin-top:-9px;border-top:none;} .optionBox .description p {padding:10px 0 0 0;border-top:1px solid #ccc;} .optionBox.active .optionBoxOverWrapper {border-color:#f60;} .optionBox.active .hd {color:#e6e6e6;background-color:#ff761a;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .optionBox.active .bd {border-color:#f60;} .optionBox.active .ft {border-color:#ddd #f60 #f60 #f60;} .optionBox.booked .hd,.optionBox.disabled .hd {background-color:#f6f6f6;cursor:default;} .optionBox.booked .bd,.optionBox.disabled .bd {color:#666;} .optionBox.booked .ft,.optionBox.disabled .ft {color:#666;background-color:#fff;} .optionBox.active .hd a,.optionBox.active .hd p, .optionBox.active .hd h3 {color:#e6e6e6;} .optionBox.booked a,.optionBox.booked p {color:#666;} /* dashboard */ .quadWrapper.dashboardContainer {border-bottom:1px solid #ddd;} .quadWrapper .dashboardBox {width:147px;margin: 0 0 -1px 0;} .dashboardBox {/* extends optionBox*/height:146px;} .dashboardBox .optionBoxOverWrapper {background:#fff;height:144px;padding:0 6px;border:1px solid #ddd;border-width:1px 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .dashboardBox .hd {background:none;padding:20px 5px 8px 5px;overflow:hidden;text-align:center;} .dashboardBox .hd .db_icon {display:block;text-align:center;padding:0 10px 5px 10px;min-height:84px;} .dashboardBox .hd .db_icon a {outline:none;} .dashboardBox .hd .db_icon img {display:block;margin: 0 auto;} .dashboardBox .hd .db_icon img.icon_active {display:none;} .dashboardBox .hd p {padding-top:0.3em;font-size:11px;} .dashboardBox .bd {margin-top:0;padding:0 10px 20px 10px;} .dashboardBox .bd p {padding-top:0.5em;border-top:none;font-size:11px;} .dashboardBox.over {height:146px;width:147px;z-index:999;} .dashboardBox.over .optionBoxOverWrapper {position:absolute;z-index:999;width:143px;height:auto;left:-4px;top:-3px;-moz-box-shadow: 0 0 14px #999;-webkit-box-shadow: 0 0 14px #999;box-shadow: 0 0 14px #999;} .no-boxshadow .dashboardBox.over .optionBoxOverWrapper {outline: 3px solid #ccc;} *+html .no-boxshadow .dashboardBox.over .optionBoxOverWrapper {border:3px solid #ccc;} /* IE7 ignores outline */ .dashboardBox.over .hd {min-height:121px;padding:23px 9px 3px 9px;margin-bottom:15px;border-bottom:1px solid #ddd;} .dashboardBox.over .hd .icon_std {display:none;} .dashboardBox.over .hd .db_icon img.icon_active {display:block;} .dashboardBox.over .description {display:block;} .dashboardBox .textButtonWrapper {float:none;white-space:normal;} *+html .dashboardBox .textButtonWrapper {background: none; padding-right: 0;} .dashboardBox .textButtonWrapper .button {font-size:11px;} /* handyoption */ .handyBox {/* extends optionBox */margin-bottom:30px;height:253px;} .handyBox .hd{ background:none;padding:8px 5px 0 5px;} .handyBox .hd .handy_thumb {display:block;text-align:center;padding:0 10px 10px;border-bottom:1px solid #CCCCCC;min-height:95px;} .handyBox .bd {background: #F5F5F5 url('/extensions/images/backgrounds/bg_handybox.gif;vbcdjcea') repeat-x 0 0; padding:10px 10px 0;} .handyBox .bd h4 {font-size:14px;height:29px;} .handyBox .bd p {text-align:right;padding:10px 0 25px;} .handyBox .bd p strong {font-size:20px;color:#FF6600;} .handyBox .ft {background-color:#F5F5F5;padding: 0 10px 5px 10px;} .handyBox.over {height:253px;z-index:999;} .handyBox.over .hd {padding:11px 9px 0 9px;} .handyBox.over .bd {background:none;padding:10px 14px 0 14px;} .handyBox.over .ft {background-color: #ffffff;padding: 0 14px 5px 14px;} .handyBox.over .description {display:block;} .handyBox.over .description p {border-top:none;} .handyBox.over .optionBoxOverWrapper {position:absolute;width:182px;left:-4px;top:-3px;-moz-box-shadow: 0 0 14px #999;-webkit-box-shadow: 0 0 14px #999;box-shadow: 0 0 14px #999;} .elogo {position:relative;} .elogo .logo_etronixx {position:absolute;top:11px;right:22px;} .gradientBox {background: url('/extensions/images/backgrounds/bg_gradientbox.png;vbcdjcea') no-repeat 0 0;/*extends box*/} .gradientBox .hd,.gradientBox .bd, .gradientBox .ft {border:none;background:none;} .gradientBox .bd {padding-bottom:20px;} .gradientAltBox {background: url('/extensions/images/backgrounds/bg_gradientaltbox.png;vbcdjcea') no-repeat 0 0;padding:28px 20px;width:504px;} .gradientAltBox .hd {padding:10px 0 0 0;background:none;border:none;font-weight:bold;margin-bottom:22px;} .gradientAltBox h3 {font-size:16px;font-weight:bold;margin-bottom:30px;} .simpleBox {/*extends box*/} .simpleBox .hd {background:none;} .simpleBox .hdMinSpace {padding: 10px 20px;} .simpleBox .hdMinSpace h2 {padding-top: 4px;} .simpleBox .hdAlternate {background-color:#E6E6E6;} .simpleBox .bd {border-width:1px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .simpleBox .bdNoTop {border-top:none;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;} .simpleBox .bdNoBottom {border-bottom:none;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;} .simpleBox .bdSpace .fullDivider, .simpleBox .bdSideSpace .fullDivider {margin:10px -20px 10px -20px;} .simpleBox .bdFormSpace .fullDivider {margin:10px -20px 10px -30px;} /*socialbox*/ .simpleBox .bdSocialbar {padding: 12px 12px 0 12px; background-color:#f7f7f7;} .simpleBox .bdSocialbar .fullDivider {margin:10px -12px 0 -12px;} .boxPositive {} .boxPositive .hd {background-color:#fff;border-color:#2eb033;} .boxPositive .bd {border-color:#2eb033;} .boxPositive .ft {background-color:#fff;border-color:#2eb033;} .boxError {} .boxError .hd, .boxError .bd, .boxError .ft {background-color:#fbe5e5;border-color:#d50000;} .boxError h2 {color:#d50000;} .boxNeutral .hd,.boxNeutral .bd,.boxNeutral .ft{background-color:#f8f8f8;border-color:#d7d7d7;} .messageBox {/*extends box, wird ersetzt durch simpleBox */} .messageBox .hd {background-color:#fff;border-color:#2eb033;} .messageBox .bd {padding-top:0;border-color:#2eb033;} .messageBox .ft {padding-bottom:5px;background-color:#fff;border-color:#2eb033;} .messageBoxNeutral {/*extends messageBox*/} .messageBoxNeutral .hd, .messageBoxNeutral .bd, .messageBoxNeutral .ft {border-color:#ddd;} .messageBoxError {/*extends messageBox*/} .messageBoxError .hd, .messageBoxError .bd, .messageBoxError .ft {border-color:#d50000;background-color:#fbe5e5;} .messageBoxError h2 {color:#d50000;} .footnotesBox {} .footnotesBox .hd {padding:10px 20px;background:none;overflow:hidden;border-color:transparent;} .footnotesBox .bd {display:none;padding: 0 20px;background:none;clear:both;border-color:#fff;} .footnotesBox .ft {display:none;padding-bottom:10px;background:none;border-color:#fff;} .footnotesBox .bd, .footnotesBox .bd p, .footnotesBox .bd a {color: #888888;font-size:10px;} .footnotestoggle, .footnotestoggle a.textButtonWrapper.buttonTypStandardWrapper, .footnotestoggle .textButtonWrapper.buttonTypStandardWrapper .button {font-size:11px;color:#595959;text-decoration:none;} .footnotesBox.open .hd {border-color:#fff;} .footnotesBox.open .bd {display:block;} .footnotesBox.open .ft {display:block;} .boxStage {border-radius:0;background: #dbdbda;background:-moz-linear-gradient(left bottom, #cccccb,#eeefee);background: -webkit-gradient(linear,left bottom, right top,from(#cccccb),to(#eeefee));background:linear-gradient(left bottom, #cccccb,#eeefee);} .boxStage .bd {border:none;border-radius:0;background:none;} .boxStage h1 {font-size:28px;margin-bottom:0.6em;} .simCardBox {} .simCardBox .bdSpace {padding-bottom:10px;} .valuableBox {/*extends box*/margin: 0 0 10px 0; border:none;} .valuableBox .hd h3 {font-size:14px;padding:0;margin:0;} .valuableBox .bd {padding: 0;border:none;} .valuableBox .bd.valuableTAFBd {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .valuableBox .ft {background-color:#fff;border:none;padding-bottom:5px;font-size:2px;} .valuableBox .ftAlternate {background-color:#F3F3F3;} .cartBox {/*extends valuableBox*/} .cartBox .hd {position:relative; padding:12px 0 10px 12px; font-size:18px; border:none;border-bottom:solid 1px #cccccc;} .cartBox .hd h3 {font-size:18px;font-weight:normal;} .cartBox .hd h3 .mynumber {display:block;font-size:12px;padding-bottom:3px;} .cartBox .fullImgHd {padding:0;overflow:hidden;border: 1px solid #ddd;border-bottom-color:#ccc;} .cartBox .fullImgHd img {display:block;} .cartBox .cartSection {background-color:#f3f3f3;} .cartBox .cartSection.active {background-color:#fff;} .cartBox .cartSection.done .checked:after {content:'';float:right;width:14px;height:14px;background:url('/extensions/images/icons/sprite_icons.png;vbcdjcea') 0 -400px no-repeat;} .cartBox .cartSection.done td {color:#666;font-weight:bold;} .cartBox .cartSection.todo td {color:#999;font-weight:bold;} .cartBox .cartSection .hint {font-size:10px;} .cartBox .ft {background-color: #fff;} .multipleSIM .ft {background-color: #f3f3f3;} .multipleSIM .cartSection {border-bottom:solid 1px #ccc;} .multipleSIM .cartSection.last {border-bottom:none;} .orangeBox {/*extends valuableBox*/} .orangeBox .hd {padding:10px;background-color:#d50;color:#fff;border-color:#d50;border-bottom:1px solid #f60;} .orangeBox .bd {padding:7px 10px;background-color:#d50;color:#fff;} .orangeBox .ft {background-color:#d50;color:#fff;} .orangeBox h3,.orangeBox h4,.orangeBox p,.orangeBox label {color:#fff;} .orangeBox h3 {font-size:14px;} .orangeBox h4 {font-size:12px;} .orangeBox .hd h3,.orangeBox .hd h4 {padding-bottom:5px;} .sociallikeBox {min-height:48px;} .sociallikeBox.valuableTeaser h3 {margin-bottom: 10px;} .sociallikeBox .fb-like {min-height:22px;} .fb_facepilebox_background {position:relative;margin-top: 10px;display:block;min-height:145px;padding: 0 0 0 0;border:1px solid #cb4a00; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background: url('/extensions/images/backgrounds/bg_likebox.png;vbcdjcea') 0 0 no-repeat;} .fb_facepilebox {position:relative;z-index:2;} .fb_facepilebox.loggedin { min-height:143px;padding:4px 0 4px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius: 3px; background: #ffb770; /* Old browsers */ background: -moz-linear-gradient(top, #ffb770 0%, #ffa851 50%, #ff9934 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #ffb770 0%,#ffa851 50%,#ff9934 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb770 0%,#ffa851 50%,#ff9934 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb770 0%,#ffa851 50%,#ff9934 100%); /* IE10+ */ background: linear-gradient(top, #ffb770 0%,#ffa851 50%,#ff9934 100%); /* W3C */} .fb_nofriends {display:none;padding:16px 6px 0 6px;text-align:center;position:absolute; top:0;left:0;z-index:1;} .teasershowBox {/*extends orangeBox*/} .teasershowBox .bd {padding:0;position:relative;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .teasershowBox .bd .teaserText{ color:#fff;} .valuableBox.teasershowBox .teasershowText{left:10px;} /* chat teaser optimize-it*/ .valuableBox.chatBox {margin-bottom:0;} .chatBox img {display:block;margin-bottom:10px;} /* 3.6 Teaser */ .teaserWrapper {position:relative;} .teaserBackgroundImage {display:block;} .teaserButton {float:left;display:block;margin-top:17px;} .teaserButtonRight {float:right;display:block;margin-top:17px;} .teaserButtonBoxAlign {margin-right:41px;} .teaserButtonPosition {position:absolute;left:20px;bottom:10px;} .teaserButtonPositionRight {position:absolute;right:20px;bottom:10px;} .valuableCol .teaserButtonPosition {position:absolute;left:10px;bottom:10px;} .visualTeaserButtonPosition {bottom:20px;} /* content teaser */ .contentTeaser {} .contentTeaser h2 {font-size:14px;margin-bottom:4px;} .contentTeaser .textButtonWrapper {float:none;} /* columnteaser 1-3spalt */ .columnTeaser {margin-right:20px;} .columnTeaser.last {margin-right:0px;} .fullLine .columnTeaser {margin-right:0;} .columnTeaser img {margin-bottom:5px;display:block;} .columnTeaser a.visual {overflow:hidden;display:block;max-width:100%;} .columnTeaser a.visual img, .columnTeaser img.visual {margin-bottom:0;} .columnTeaser h2 {font-size:14px;margin-bottom:4px;} .columnTeaser p {/* padding-bottom:15px;height:35px;*/overflow:hidden;} .columnTeaser .teaserText {margin-top: 5px;} .columnTeaser .teaserText p, .columnTeaser .teaserText h2 {margin-top:0;padding-top:0;} .columnTeaser.hero {position:relative;z-index:1;} .columnTeaser.hero:after {content:'';z-index:-1;display:block;position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;-webkit-box-shadow: 0 0 6px 0 #bbb;-moz-box-shadow: 0 0 6px 0 #bbb;box-shadow: 0 0 6px 0 #bbb;} .no-boxshadow .columnTeaser.hero:after {border:1px solid #bbb;} .columnTeaserStoerer .infoIcon.infoIconStoererDataflat {right:-34px;top:-32px;} .columnTeaserStoerer .infoIcon.infoIconStoererDataflat:hover .infoBubble,.columnTeaserStoerer .infoIcon.touched.infoIconStoererDataflat .infoBubble {bottom:55px;left:-140px;width: 280px;} /* flexibler Teaser */ .teaser {} .teaserInner {} .teaser img.visual {display: block;margin-bottom: 5px;} .teaser h2 {font-size: 14px; margin-bottom: 4px;} .teaser p {} /* groupedteaser - ausland */ .groupedTeaserLine {padding: 20px 0 0 0;} .groupedTeaserLine .teaserInner {padding:14px 10px;} .groupedTeaserLine .last .teaserInner {border-left:1px solid #d9d9d9;} /* visualteaser */ .visualTeaser {} .visualTeaser .teaserInner {} .visualTeaser .teaserText {position:absolute;top:20px;left:15px;} .visualTeaser .teaserText h1 {font-size:28px;} .visualTeaser .teaserText h2 {font-size:24px;} .visualTeaser .teaserText h3 {font-size:20px} .visualTeaser .teaserText h4 {font-size:18px} .visualTeaser .teaserText p {font-size:14px;} .visualTeaser .lighterText {color:#595959;} .visualTeaserFullSize .teaserText {top:30px;left:35px;} .visualTeaserHalfSize .teaserInner {margin:0 5px 0 0;} .visualTeaserHalfSize.last .teaserInner {margin: 0 0 0 5px;} .visualTeaserHalfSize video, .contentTeaser.flexSize1of1 .flexSize1of2 video, .visualTeaserHalfSize .videoContainer, .contentTeaser.flexSize1of1 .flexSize1of2 .videoContainer {width:276px;height:160px;} /* productteaser */ .currentTariffBox {} .currentTariffBox .mediaBd {/*width:346px;*/margin-right:20px;overflow:hidden;} .currentTariffBox h2 {margin-top:20px;} .currentTariffHeadline {margin-top:22px;padding: 0 0 8px 0;border-bottom:1px solid #e6e6e6;} .currentTariffSubline {border-bottom:1px solid #E6E6E6;display:block;padding-bottom:5px;font-size:16px;} .currentTariffSubline strong {color:#FF6600;font-size:20px;font-weight:bold;} .currentTariffInfo {font-size:16px;padding-top:10px;margin-bottom:10px;} .changeTariff {padding-top:0.3em;} .changeTariff,.changeTariff .buttonWrapper, .changeTariff .buttonWrapper .button {text-align:right;} /* Valuable Teaser */ .valuableTeaser {margin-bottom:10px;float:left; width:218px;padding:13px 10px 10px 10px;color:#fff; background-color:#d50;background-position: 0 0;background-repeat:no-repeat;border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;} .valuableTeaser h3,.valuableTeaser h4 {font-size:14px;color:#fff;} .valuableTeaser div,.valuableTeaser p,.valuableTeaser a {font-size:12px;color:#fff;} .valuableTeaser h3 {padding: 0 0 4px 0;margin:0;} .valuableTeaser .teaserText p {padding:0;} .valuableTeaser ul {margin-top:5px;padding-left:0;} .valuableTeaser ul li {padding:1px 0 4px 0;list-style:none;} .valuableTeaser.flashTeaser {padding:0;width:238px;} .teaserType1 {/*extends valuableTeaser*/height:37px;} .teaserType1 h3 {padding-bottom:1px;} .teaserType1 .teaserText {padding:4px 50px 0 0;} .teaserTypeHotline {/*extends valuableTeaser */height:37px;} .teaserTypeHotline h3 {padding-bottom:1px;font-size:18px; font-weight:normal;} .teaserTypeHotline .teaserText {padding:0px 50px 0 0;} .teaserTypeHotline .teaserText p {font-size:10px;} .teaserTypeHotlineText {/*extends valuableTeaser */height:44px;padding-top:6px;} .teaserTypeHotlineText .hdSmall {font-size:10px;} .teaserTypeHotlineText h3 {padding-bottom:0px;font-size:18px; font-weight:normal;} .teaserTypeHotlineText .teaserText p {font-size:10px;line-height:10px;color:#f5cbb3;} .teaserType2 {/*extends valuableTeaser*/height:162px;} .flashTeaser.teaserType2 {height:182px;} .teaserType3 {/*extends valuableTeaser*/height:357px;} .teaserTypeKampagne {/*extends valuableTeaser, orangeBox*/padding:0;width:100%;} .teaserTypeKampagne .hd {border-bottom-color:#b14000;background-color:transparent;} .teaserTypeKampagne .bd {height:90px;padding:12px 10px 35px 10px;background-color:transparent;overflow:hidden;} .teaserTypeKampagne .ft {background-color:transparent;} .teaserTypeKampagne .hd h3 {font-size:18px;font-weight:normal;padding:0;} .teaserTypeKampagne .bd h4 {font-size:14px;font-weight:bold;} .teaserTypeProductStage {margin-top: 53px;height: 294px;} /* nummernwahlteaser */ .teaserTypeMsisdn { position: relative; z-index: 10; background-image: url('/extensions/images/icons/tsr_msisdn.png;vbcdjcea'); background-position: 10px 10px; } .teaserTypeMsisdn .hd { padding-bottom: 10px; padding-left: 50px; } .teaserTypeMsisdn .hd p { font-size: 11px; } html.js .teaserTypeMsisdn .bd.jsDisabled, .teaserTypeMsisdn .bd.jsEnabled { display:none; } html.js .teaserTypeMsisdn .bd.jsEnabled { display:block; } .teaserTypeMsisdn .childrenContainer { padding: 10px 0 0; } .teaserTypeMsisdn p.or { font-size: 11px; text-align: center; } .teaserTypeMsisdn .sim-tenrandommsisdnwidget .number, .teaserTypeMsisdn input.fragment { margin: 4px 0; padding: 4px 0; width: 215px; height: 20px; border: 1px solid #b3b3b3; border-width: 1px 0 0 1px; text-align: center; font-weight: bold; font-size: 16px; line-height: 20px; background-color: #fff; color: #b3b3b3; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; cursor: pointer; } .teaserTypeMsisdn .sim-tenrandommsisdnwidget { position: relative; } .teaserTypeMsisdn .sim-tenrandommsisdnwidget .number { display: block; } .teaserTypeMsisdn .sim-tenrandommsisdnwidget .previousMsisdn, .teaserTypeMsisdn .sim-tenrandommsisdnwidget .nextMsisdn { top: 0; padding: 14px; width: 1px; height: 1px; text-indent: -9999em; background-color: transparent; cursor: pointer; outline: none; } .teaserTypeMsisdn .sim-tenrandommsisdnwidget .previousMsisdn { left: -2px; } .teaserTypeMsisdn .sim-tenrandommsisdnwidget-selected .previousMsisdn { background-image: url('/extensions/images/icons/ic_backwards_orange.gif;vbcdjcea'); } .teaserTypeMsisdn .sim-tenrandommsisdnwidget-selected .nextMsisdn { background-image: url('/extensions/images/icons/ic_forward_orange.gif;vbcdjcea'); } .teaserTypeMsisdn .sim-tenrandommsisdnwidget-selected .number, .teaserTypeMsisdn .sim-msisdnwidget-selected input.fragment { color: #000; cursor: text; } .teaserTypeMsisdn .sim-msisdnwidget input.preview, .teaserTypeMsisdn .sim-msisdnwidget-selected input.preview { color: #b3b3b3; font-weight: normal; } .teaserTypeMsisdn input.fragment { padding-right: 15px; width: 200px; background: #fff url('/extensions/images/icons/sprite_siteicons.png;vbcdjcea') 100% -39px no-repeat; } .teaserTypeMsisdn .sim-msisdnwidget-selected input.fragment { background-position: 100% -4px; } .teaserTypeMsisdn .sim-aclist { position: absolute; margin: 0; } .teaserTypeMsisdn .sim-aclist li {margin: 0; padding: 0;} .teaserTypeMsisdn .sim-aclist-list{ position: relative; top: -1px; margin-top: 0; border: 1px solid #b3b3b3; } .teaserTypeMsisdn .sim-aclist-list span { display: block; padding: 0.3em 0.3em 0.3em 10px; font-weight: bold; color: #000; letter-spacing: 1px; background-color: #F2F2F2; } .teaserTypeMsisdn .sim-aclist-list .sim-aclist-item-hover span, .teaserTypeMsisdn .sim-aclist-list .sim-aclist-item-hover span.oddClass, .teaserTypeMsisdn .sim-aclist-list .sim-aclist-item-active span, .teaserTypeMsisdn .sim-aclist-list .sim-aclist-item-active span.oddClass{ background-color: #ddd; } .teaserTypeMsisdn .sim-aclist-list span.oddClass { background-color: #fff; } .teaserTypeMsisdn .sim-aclist-list span b { color: #f60; } .teaserTypeMsisdn .sim-aclist-list span.topNumber { background-image: url('/extensions/images/icons/ic_topnumber_tsr.png;vbcdjcea'); background-position: 135px 50%; background-repeat: no-repeat; } .teaserTypeMsisdn .sim-messagewidget { display: block; /*min-height: 26px;*/ padding: 4px 6px; margin: 2px 2px 6px 0; font-size: 11px; background-color: #fff; color: #d50000; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; visibility: hidden; overflow: hidden; *min-height: 26px; /* IE7 behaves strange when showing/fading/hiding, because it triggers hasLayout after animation which causes flickering. So force reserved height and hasLayout from beginning */ } /* Homepage Teaser */ .fullContentTeaser .teaserInner {padding:0;} .fullContentTeaser.homepageTeaserFix .teaserInner {height:196px;} .homepageTeaser {height:181px;padding: 15px 10px 0 18px; background:transparent none 0 0 no-repeat;} .homepageTeaserRight {background-position: 100% 0;padding-left:23px;} .flexSize1of2.homepageTeaserRight {background:none;padding:0;} .homepageTeaser .teaserButtonPosition {bottom:10px;} .homepageTeaserFix {width:338px;margin-right:10px;} .homepageTeaserFix.homepageTeaserRight, .homepageTeaserFix.last {width:258px;overflow:hidden;padding:0;margin:0;} .homepageTeaserFix video, .homepageTeaserFix .videoContainer {width:338px;height:196px;} .homepageTeaser.flashTeaser {padding:0;height:196px;} .homepageTeaserRight.flashTeaser {text-align:right;} .teasershowText {position:absolute;top:15px;left:23px;z-index:10;} /* Heroteaser */ .heroTeaser {position:relative;width:544px;float:left;padding:24px 17px 0;background: #fff url('/extensions/images/backgrounds/bg_heroTeaser.png;vbcdjcea') 0 0 no-repeat;} .heroTeaser p {font-size:14px;padding-top:9px;} .heroTeaser h2 {margin-bottom:20px;} .heroTeaser img, .heroTeaser .teaserContent {float:left;} .heroTeaser strong {font-size:20px;} .heroTeaser .teaserLineBorder {border-bottom: 1px solid #e6e6e6;padding-bottom:5px;} .heroTeaser .plus {position:absolute;top:77px;left:292px;font-size:30px;font-weight:bold;} .heroTeaser .heroImg {margin-left:17px;} .heroTeaser .teaserContent {margin-top:7px;} .heroTeaser .handyInfo {width:159px;margin-top:17px;} .heroTeaser .heroLink {margin-top:30px;} /* 3.7 Pager */ .pager {display:block;margin:0 auto 0 auto;padding:0;padding-top:3px;height:17px;width:170px;text-align:center;} .pager li {float:left;list-style:none;margin:0;padding:0;display:inline;} .pager li a, .pager li input {float:left;width:17px;height:17px;margin:0;padding:0;background: url('/extensions/images/backgrounds/bg_pageIndicator.png;vbcdjcea') 100% 0 no-repeat;} .pager li input {border:none;} .pager li.active a, .pager li a:hover, .pager li.active input, .pager li input:hover{background-position: 0 0;} /* pager on white background */ .pagerWhiteBG li a, .pagerWhiteBG li input {background-position: 100% -118px;} .pagerWhiteBG li.active a, .pagerWhiteBG li a:hover, .pagerWhiteBG li.active input, .pagerWhiteBG li input:hover{background-position: 0 -118px;} /**/ .pagerNumbered {/* extends pager */width:220px;} .pagerNumbered li {padding: 0 2px 0 1px;} .pagerNumbered li input {width:19px;height:19px;padding:0 0 0px 0px;color:#595959;font-size:10px;text-align:center;background: url('/extensions/images/backgrounds/bg_pageIndicator.png;vbcdjcea') 100% -61px no-repeat;cursor:pointer;} html>/**/body .pagerNumbered li input, x:-moz-any-link, x:default {padding: 0 0 1px 0;} /* ff3 */ .pagerNumbered li.active input, .pagerNumbered li input:hover {color:#fff;background-position: 0 -61px;} .pagerNumbered li a {float:left;width:19px;height:19px;color:#595959;font-size:10px;line-height:19px;text-align:center;text-decoration:none;background: url('/extensions/images/backgrounds/bg_pageIndicator.png;vbcdjcea') 100% -61px no-repeat;} .pagerNumbered li.active a, .pagerNumbered li a:hover {color:#fff;background-position: 0 -61px;text-decoration:none;} .ioslt4 .pagerNumbered {width:230px;} .ioslt4 .pagerNumbered li input {text-indent:-5px;} /* 3.8 Reiter Modul */ .tabModule {list-style-type:none;margin-right:20px;} .tabNav {border-bottom: 1px solid #ddd;padding:0 5px 0 4px;} .tabNav .tab {list-style-type:none;outline:none;float:left;position:relative;overflow:hidden;padding: 0 4px 0 5px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .tabNav .tab.active {overflow:visible;} *+html .tabNav .tab {width:auto;} .tabNav .tab .counter { width: 15px; height: 15px; text-align: center; line-height: 15px; position: absolute; right: 14px; top: 13px; font-size: 13px; -webkit-border-radius: 8px; border-radius: 8px; background: #f60; color: white; cursor: pointer; border: 1px solid #E05302; background: #f60; /* Old browsers */ background: -moz-linear-gradient(top, #ff761a 0%, #ff6600 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff761a), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff761a 0%,#ff6600 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff761a 0%,#ff6600 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff761a 0%,#ff6600 100%); /* IE10+ */ background: linear-gradient(top, #ff761a 0%,#ff6600 100%); /* W3C */ } .tabNav input.tabTitle, .tabNav a.tabTitle {display:block;cursor:pointer;position:relative;*position:static;bottom:-2px;margin:0;text-align:center;font-size:13px;line-height:14px;padding:10px 25px;font-size:14px;color:#555;font-weight:normal;text-transform:none;text-decoration:none;border: 1px solid #e9e9e9;border-width: 1px 1px 0 1px;background-color:#f7f7f7;background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);background:-moz-linear-gradient(top, #ffffff 0%,#efefef 100%);background:-ms-linear-gradient(top, #ffffff 0%,#efefef 100%);background:linear-gradient(top, #ffffff 0%,#efefef 100%);-webkit-tap-highlight-color: rgba(0,0,0,0);} .tabNav input.tabTitle {width:100%;outline:none;height:39px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;} *+html .tabNav input.tabTitle {width:auto;} .tabNav .active .tabTitle {background:#fff;color:#f60;border-color:#d6d6d6;font-size:16px;padding-bottom:9px;-webkit-box-shadow: 0 0 4px 0 #dcdcdc;-moz-box-shadow: 0 0 4px 0 #dcdcdc;box-shadow: 0 0 4px 0 #dcdcdc;} .tabContainer {position:relative;margin:0 0 5px 0;background: #fff;} .tabContainer:after {content:'';position:absolute;width:100%;height:6px;bottom:-5px;background:#ccc;background:-moz-linear-gradient(top, #e7e7e7 0%, #ffffff 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top, #e7e7e7 0%,#ffffff 100%);background:-o-linear-gradient(top, #e7e7e7 0%,#ffffff 100%);background:-ms-linear-gradient(top, #e7e7e7 0%,#ffffff 100%); background:linear-gradient(top, #e7e7e7 0%,#ffffff 100%);} .no-cssgradients .tabContainer {border-bottom:3px solid #f1f1f1;} .tabContainer.noBottomShadow:after {display:none;} .no-cssgradients .tabContainer.noBottomShadow {border-bottom:none;} .tabContainer .tabContent {padding:25px 0 20px 0;display:none;} .tabContainer .tabContent.active {display:block;} .tabModule.tabCount_2 .tab {width: 50%;} .tabModule.tabCount_3 .tab {width:33.333333%;} .tabModule.tabCount_4 .tab {width:25%;} *+html .tabModule.tabCount_2 .tab {width:auto;} *+html .tabModule.tabCount_3 .tab {width:auto;} *+html .tabModule.tabCount_4 .tab {width:auto;} /* 3.99 Störer */ .stoerer {position:absolute;top:0px;right:0px;padding:10px;width:70px;height:72px;color:#fff;font-weight:bold;font-size:14px;line-height:1.1;text-align:center;background:url('/extensions/images/backgrounds/bg_stoerer_std.png;vbcdjcea') 0 0 no-repeat;-webkit-transform: rotate(9deg);-moz-transform: rotate(9deg); -o-transform: rotate(9deg); -ms-transform: rotate(9deg);transform: rotate(9deg);} .stoerer .size1 {font-size:28px;} .stoerer .size2 {font-size:26px;} .stoerer .size3 {font-size:24px;} .stoerer .size4 {font-size:22px;} .stoererWrapper {position:relative;display:inline-block;} .stoererWrapper .stoerer {top:-10px;right:-10px;} /* 4.0 Header */ #header{width:968px; float:left; padding:38px 2px 29px 20px;clear:both;} .logo {float:left;margin-right:50px;background:url('/assets/images/logos/simyo-logo-slogan.png;vbcdjcea') 0 39px no-repeat;} /* 4.1 Main Navigation */ /* software: aktueller punkt bekommt class active js: aufgeklappter punkt bekommt class open */ ul.mainNavigation {position:relative;float:left;margin:6px 0 0 0; padding:0;background:url('/extensions/images/backgrounds/bg_mainnavigation.png;vbcdjcea') 0 36px no-repeat;} ul.mainNavigation li{list-style-type:none;margin:0;padding:0;} ul.mainNavigation > li {padding: 0 0 17px 0;/*height:37px*/;float:left;margin-left:-5px;} ul.mainNavigation > li.last {padding:0;} ul.mainNavigation > li > a {display:block;width:100%;height:29px;padding:0 0 7px 0;font-size:18px;line-height:1.2;text-align:center;text-decoration:none;font-weight:bold;background: url('/extensions/images/backgrounds/bg_navitems.png;vbcdjcea') 0 0 no-repeat;} ul.mainNavigation > li > a span {display:none;line-height:2.0;} ul.mainNavigation > li > a.login {padding:2px 15px 2px 46px !important;height:auto;width:auto !important;font-size:10px;text-align:left;} ul.mainNavigation > li > .zipfel {height:16px;width:80px;background: url('/extensions/images/backgrounds/bg_mainnavigation.png;vbcdjcea') -559px 0 no-repeat !important;} ul.mainNavigation > li.open {padding-bottom:0;position:relative;z-index:1;} ul.mainNavigation > li.active > a, ul.mainNavigation > li.open > a, ul.mainNavigation > li > a:hover {color:#ff6600;} ul.mainNavigation > li.open > a {padding-bottom:8px;position:relative;z-index:1;} ul.mainNavigation > li.open > a.login, ul.mainNavigation > li.open > .zipfel {display:none;} ul.mainNavigation > li.active > a.login {color:#000;} ul.mainNavigation > li.tarife {width:92px;} ul.mainNavigation > li.tarife > a {background-position: 0 2px;} ul.mainNavigation > li.tarife > a:hover, ul.mainNavigation > li.tarife.active > a {background-position: 0 -64px;} ul.mainNavigation > li.tarife.open > a {background-position: 0 -130px;} ul.mainNavigation > li.bestellen {width:121px;} ul.mainNavigation > li.bestellen > a {background-position: 0 -200px;} ul.mainNavigation > li.bestellen > a:hover, ul.mainNavigation > li.bestellen.active > a {background-position: 0 -266px;} ul.mainNavigation > li.bestellen.open > a {background-position: 0 -332px;} ul.mainNavigation > li.mobil {width:144px;} ul.mainNavigation > li.mobil > a {background-position: 0 -402px;} ul.mainNavigation > li.mobil > a:hover, ul.mainNavigation > li.mobil.active > a {background-position: 0 -468px;} ul.mainNavigation > li.mobil.open > a {background-position: 0 -534px;} ul.mainNavigation > li.meinsimyo {width:141px;} ul.mainNavigation > li.meinsimyo > a {background-position: 0 -604px;} ul.mainNavigation > li.meinsimyo > a:hover, ul.mainNavigation > li.meinsimyo.active > a{background-position: 0 -670px;} ul.mainNavigation > li.meinsimyo.open > a {background-position: 0 -736px;} ul.mainNavigation > li.meinsimyo.disabled.open > a {background-position: 0 -670px;padding-bottom:7px;} /* Second Navigation */ .secondNavigationWrapper {display:none;position:static;margin-top:-3px;margin-left:-23px;;width:772px;} .jsPrepared .secondNavigationWrapper, .jsPrepared li.active .secondNavigationWrapper {display:none;position:absolute;margin-top:-3px;} li.bestellen .secondNavigationWrapper {margin-left:-110px} li.mobil .secondNavigationWrapper {margin-left:-226px} li.meinsimyo .secondNavigationWrapper {margin-left:-365px} li.open .secondNavigationWrapper,.jsPrepared li.open .secondNavigationWrapper {display:block;} .secondNavigationWrapper .hd {height:3px;background: transparent url('/extensions/images/backgrounds/bg_sprite_secondnavi.png;vbcdjcea') 0 -414px no-repeat;} .secondNavigationWrapper .bd {background: transparent url('/extensions/images/backgrounds/bg_sprite_secondnavi.png;vbcdjcea') -792px 100% no-repeat;} .secondNavigationWrapper .bd .inner{margin:0 4px;min-height:100px;background:-moz-linear-gradient(top,#FFFFFF 0%,#EBEBEB 50%,#E6E6E6 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(50%,#EBEBEB),color-stop(100%,#E6E6E6));background:-webkit-linear-gradient(top,#FFFFFF 0%,#EBEBEB 50%,#E6E6E6 100%);background:-o-linear-gradient(top,#FFFFFF 0%,#EBEBEB 50%,#E6E6E6 100%);background:linear-gradient(top,#FFFFFF 0%,#EBEBEB 50%,#E6E6E6 100%);} .no-cssgradients .secondNavigationWrapper .bd .inner {background:#fff url('/extensions/images/backgrounds/bg_secondnavigation_content.png;vbcdjcea') 0 100% repeat-x;} .secondNavigationWrapper .ft {height:15px;background: transparent url('/extensions/images/backgrounds/bg_sprite_secondnavi.png;vbcdjcea') 0 100% no-repeat;} ul.secondNavi {margin:0;padding: 15px 10px 0 10px;background: transparent url('/extensions/images/backgrounds/bg_sprite_secondnavi.png;vbcdjcea') 20px 71px no-repeat;} ul.secondNavi > li {width:210px;margin:0 19px;float:left;min-height:110px;} ul.secondNavi > li h5 {margin:0 0 10px 5px;padding:0; font-size:18px;font-weight:normal;color:#333;min-height:55px;line-height:1.2;} ul.secondNavi > li h5 span {font-size:12px;display:inline-block;} ul.secondNavi > li ul {margin:0;padding:5px 0 0 0;} ul.secondNavi > li ul li.login {margin:5px 8px 0 6px;} ul.secondNavi > li ul li.navItem {margin:4px 1px 0 1px;border-bottom:1px solid #ddd;border-top:1px solid #fff;} ul.secondNavi > li ul li.navItem:hover {margin:4px 0 0 0;background-color:#e6e6e6;border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} ul.secondNavi > li ul li.navItem.secondLevel {} ul.secondNavi > li ul li.navItem a {display:block;padding:6px 5px 7px 5px;color:#333;font-size:12px;font-weight:normal;text-decoration:none;background:transparent url('/extensions/images/icons/ic_navi_arrow.gif;vbcdjcea') 100% 0 no-repeat;} ul.secondNavi > li ul li.navItem.secondLevel a {padding:14px 5px 13px 4px;font-size:14px;font-weight:bold;background-position: 100% 5px;} ul.secondNavi > li ul li.navItem.twoLine a {background-position: 100% 5px;} ul.secondNavi > li ul li.navItem.twoLine a span {font-weight:bold;} ul.secondNavi .teaserText {margin: 30px 15px 20px 0;} ul.secondNavi .teaserText p {padding:0;} .secondNaviBottom {padding-bottom:15px;margin-bottom:10px;background: transparent url('/extensions/images/backgrounds/bg_sprite_secondnavi.png;vbcdjcea') -1570px 100% no-repeat;} .navi2of3 ul.secondNavi {background-position: -758px 71px;} .navi2of3 ul.secondNavi > li {width:458px;} .navi2of3 .secondNaviBottom {background-position: -2329px 100%;} .extraNavi {padding: 0 0 9px 0;margin: 0 4px;overflow:hidden;background-color: #e6e6e6;} .extraNavi ul {margin:0 14px 0 34px;padding:0;float:left;width:auto;} .extraNavi ul.fixedWidth {width:200px;} .extraNavi ul li {float:left;width:100%;} .extraNavi ul li a {float:left;} /* 4.2 Suche */ fieldset.mainSearch {float:right;clear:none;margin-top:6px;border:1px solid #b2b2b2;border-width:1px 0 0 1px;} .mainSearch input.typeText {float:left;width:184px;height:15px;padding:10px 4px 10px 14px;font-size:12px;font-weight:bold;color:#58575c;background-color:#FFFFFF;border:none;} .mainSearch input.typeSearchbutton {vertical-align:top;width:35px;height:35px;border:none;background:url('/extensions/images/icons/sprite_siteicons.png;vbcdjcea') -32px 0 no-repeat;} fieldset.contentSearch {} .contentSearch input.typeText {float:left;width:400px;padding:4px;font-size:17px;} .contentSearch .contentSearchButton {margin-top:5px;} fieldset.faqSelect {padding-bottom:10px;} fieldset.faqSelect h4 {padding-top:0;} fieldset.faqSelect select {float:left;width:auto;min-width:160px;} ul.faqCategoryList {margin:0;padding:0;list-style:none;} ul.faqCategoryList li {display:block;list-style:none;margin: 0 0 4px 0;padding:0 0 0 20px;background: url('/extensions/images/icons/sprite_icons.png;vbcdjcea') -87px -319px no-repeat;} ul.faqCategoryList li.active {font-weight:bold;} ul.searchResultList {margin:0;padding:0;list-style:none;} ul.searchResultList > li {margin:0;padding:15px 20px 0 20px;list-style:none;/*border-bottom:1px solid #ccc;*/overflow:hidden;} ul.searchResultList > li.first {} ul.searchResultList > li.last {padding-bottom:20px;} ul.searchResultList > li hr.formDivider {margin:15px 0 0 0;width:100%;float:left;} ul.searchResultList > li.last hr.formDivider {display:none;} ul.searchResultList > li .resultTitle {padding:0;margin-top:0;margin-bottom:0.4em;} *+html ul.searchResultList > li .resultTitle {display:inline-block;} ul.searchResultList > li .resultTitleLink {padding:1px 0 1px 20px;text-decoration:none;background: url('/extensions/images/icons/sprite_icons.png;vbcdjcea') -87px -4px no-repeat;} ul.searchResultList > li .resultTitle_pdf .resultTitleLink {background-position: 1px -69px;} ul.searchResultList > li p.faqRating {padding-top:0.6em;} ul.searchResultList > li .faqRating strong {padding-right:10px;} ul.searchResultList > li .resultContent {margin: 0 100px 0 0;position:relative;} ul.searchResultList > li.loading .resultContent img.preloader {display:block;margin-top:4px;} ul.searchResultList > li .resultContentFull {margin: 10px 100px 0 0;padding: 10px 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc;} ul.searchResultList > li .resultContentFull > :first-child {padding-top:0;} ul.searchResultList > li .resultContentRating { border:none;padding:0;} ul.searchResultList > li.open {margin-top:-1px;padding-bottom:20px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;background-color:#f2f2f2;} ul.searchResultListCompact > li hr.formDivider {margin-top:10px;} ul.searchResultListCompact > li.last.open {border-bottom:none;} ul.searchResultListCompact .resultTitleLink {font-weight:normal;} /* 4.3 Welcome & Logout*/ .personalWelcome {position:absolute;top:10px;right:65px;font-size:14px;font-weight:bold;color:#fff;background-color: #f60;} .personalWelcome a {color:#fff;font-weight:normal;padding-left:10px;text-decoration:underline;} .personalWelcome input {color:#fff;font-weight:normal;margin-left:10px;text-decoration:underline;cursor:pointer;} .personalWelcome input:hover {color:#000;} /* 5.0 Content */ /* 5.1 Breadcrumb*/ .breadcrumb {margin:0 0 28px 34px;padding:0;} .breadcrumb li {list-style: none; float:left;display:inline-block;margin:0;padding: 0 1px 0 1px;font-weight:normal; color:#595959;} .breadcrumb li img {vertical-align:top;} .breadcrumb li a {font-weight:bold;color:#595959;text-decoration:none;} .breadcrumb li a:hover {text-decoration:underline;} .breadcrumb li.active {} .breadcrumb li.active a {} .printbar{position:absolute;top:10px;right:10px;margin:0;} .printbar li {list-style: none; float:left;margin:0;padding:0;font-weight:normal; color:#595959;} .printbar li a {font-weight:normal; color:#595959;text-decoration:none; padding-left: 20px; margin-left: 15px; background: url('/extensions/images/icons/sprite_siteicons.png;vbcdjcea') 0 -148px no-repeat;} .printbar li a.htmlPrint{background-position: 0 -173px;} .printbar li a:hover {text-decoration:underline;} .stepnavi {/*extends breadcrumb*/} .stepnavi li {padding: 0 6px 0 0px;color:#b2b2b2;font-weight:bold;} .stepnavi li a {color:#58575c;text-decoration:none;} .stepnavi li a:hover {text-decoration:underline;} .stepnavi li.active {color:#f60;} .stepnavi li.active a {color:#f60;text-decoration:underline;} .stepnavi li .breadcrumbButtonItem {padding-top:0px;color:#595959;font-weight:bold;text-decoration:underline;} .stepnavi li .breadcrumbButtonItem input {border:none;color:#595959;background:none;font-weight:bold;cursor:pointer;text-decoration:underline;} .stepnavi li.active span.breadcrumbButtonItem {color:#FF6600;} .stepnavi li.active span.breadcrumbButtonItem input {color:#FF6600;} .stepnavi li span.breadcrumbButtonItem input::-moz-focus-inner { border: 0; padding: 0;} *+html .stepnavi li span.breadcrumbButtonItem input {width:1%;overflow:visible;} /* 5.2 Text Formatting */ .introText { font-size:14px;padding-top:0;padding-bottom:0;} .introText p,.introText a, .introText a span { font-size:14px;} .introText > p:first-child {padding-top:0;} .addressMainParts {font-weight:bold;} .copy {margin: 0 20px 0 0; line-height:1.3;} .bd .copy {margin: 0;} .bd .copy > p:first-child {padding-top:0;} /*.copy > p {padding-top:1.3em;}*/ /*div.copy :first-child {padding-top:0;}*/ .copy .visualLeftAlign { float:left; margin-right:20px; margin-bottom:20px;} .copy .visualRightAlign {float:right; margin-left:20px;margin-bottom:20px;} .copy .visualNoAlign {float:none;margin-bottom:20px;} .copy h1 {font-size:22px;font-weight:bold;} .copy h2 {font-size:18px;font-weight:bold;} .copy h3 { font-size:16px;} .copy h4 { font-size:14px;} .copy h5 { font-size:12px;} .copy h6 { font-size:12px;} .copy h2,.copy h3,.copy h4,.copy h5,.copy h6 { margin: 1em 0 0.3em 0;padding:0;} /*.copy ul, .copy ol {margin-left:0;padding-left:25px;}*/ .copy > ul li {list-style-type:disc;} .copy > ol li {list-style-type:decimal;} .copy ul.noBullets li,.copy ol.noBullets li {list-style:none;} .copy > ul:first-child,.copy > ol:first-child {padding-top:0;margin-top:0;} .copy > p:first-child {padding-top:0;} /* 5.3 Infobubble */ .infoBubbleWrapper {position:relative;} .infoIcon {display:inline-block;top:-1px; margin-left:5px; width:15px;line-height:15px;cursor:pointer;background:transparent url('/extensions/images/icons/sprite_siteicons.png;vbcdjcea') no-repeat 0 -197px;text-decoration:none;text-align:left;} *+html .infoIcon {display:inline;} .infoIcon span.icontext {visibility:hidden;} .infoIcon.infoIconStoerer {/*extends infoIcon*/position:absolute;width:67px;height:93px;background: url('/extensions/images/visuals/st_datenflats.png;vbcdjcea') no-repeat top left;z-index:10;} .infoIconGeneral {display:inline-block;cursor:pointer;text-decoration:none;text-align:left;} /* deprecated, use infoBubble2 */ .infoBubble {/*display:none;*/opacity:0;position:absolute;left:-4000px;bottom:0;width:480px;padding:0 0 46px 0;background:url('/extensions/images/backgrounds/bg_infobubble.png;vbcdjcea') 0 100% no-repeat;z-index:99;text-decoration:none;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;} .iconBox .infoBubble {z-index:1;} .radioGroup .infoBubble {bottom:-20px;} .infoBubble .infoHd {display:block;margin-top:-10px;height:10px;background: url('/extensions/images/backgrounds/bg_infobubble.png;vbcdjcea') 0 0 no-repeat;color:#000;} .infoBubble .infoBd{display:block;padding: 13px 20px 10px 24px;font-size:12px;font-weight:normal;color:#000;text-decoration:none;} .infoBubble .infoBd > :first-child {padding-top:0;margin-top:0;} .infoIcon:hover .infoBubble, .infoIcon.touched .infoBubble, .infoIconGeneral:hover .infoBubble, .infoIconGeneral.touched .infoBubble {left:25px;opacity:1.0;} .iconBox .infoIcon:hover .infoBubble, .iconBox .infoIcon.touched .infoBubble, .iconBox .infoIconGeneral:hover .infoBubble, .iconBox .infoIconGeneral.touched .infoBubble{left:-25px;} .infoBubbleLink {text-decoration:none;cursor:pointer;} .infoBubbleLink:hover .infoBubble, .infoBubbleLink.touched .infoBubble {left:-20px;bottom:0;opacity:1.0;} .infoBubbleLabel {text-decoration:underline;} .infoBubbleReverse {/* extends infoBubble */background:url('/extensions/images/backgrounds/bg_infobubble-reverse.png;vbcdjcea') 0 100% no-repeat;} .infoIcon:hover .infoBubbleReverse,.infoIcon.touched .infoBubbleReverse {left:-400px;opacity:1.0;} .infoBubble2 {padding-bottom:28px;background:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .infoBubble2 .infoHd {background:none;} .infoBubble2 .infoBd {padding:13px 15px 10px 15px; background-color:#fff;border:1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -moz-box-shadow:0px 0px 8px #888;-webkit-box-shadow:0px 0px 8px #888;box-shadow:0px 0px 8px #888;} .no-boxshadow .infoBubble2 .infoBd {border:4px solid #ddd;} .infoZipfel {position:absolute;left:25px;margin-top:-1px;} .infoZipfelLeft {position:absolute;left:-15px;top:16px;} .no-boxshadow .infoZipfel {margin-top:-4px;} .no-boxshadow .infoZipfelLeft {left:-12px;} img.topNumber {vertical-align:text-bottom;} /* Standardlisten */ ul.linkList {margin:0;padding:0;list-style:none;} ul.linkList li {margin:0 0 2px 0;padding:0;list-style:none;} ul.linkListBullets {margin:1.3em 0 0 0;padding:0 0 0 15px;list-style:disc;} ul.linkListBullets li {margin:0 0 2px 0;padding:0;list-style:disc;} /* 5.4 Datentabellen */ .dataTable {width:100%;} .dataTable td, .dataTable th {padding:10px;vertical-align:top;text-align:left;border-right:1px solid #e6e6e6;} .dataTable thead td, .dataTable thead th {background-color: #F2F2F2;padding:10px;border-bottom:1px solid #B2B2B2;} .dataTable tfoot td, .dataTable tfoot th {font-size:14px;color:#f60;font-weight:bold;border-top: 4px double #b2b2b2;} .dataTable tfoot td.amount {color:#ff6600;} .dataTable tbody.alternate {background-color:#f2f2f2;} .dataTable .first {padding-left:20px;} .dataTable .last {border-right:none;padding-right:28px;} .dataTable .tableColumnHeader {padding-top:0;padding-bottom:0;} .dataTable .iconFirstCol { padding-left:70px;} .bdSpace .dataTable .iconFirstCol { padding-left:50px;} td.softed {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background-color:#fff;} td.amount, td.amount p {color:#ff6600;font-weight:bold;} td.alignRight, th.alignRight {text-align:right;} .dataTable .addon {font-size:12px;font-weight:normal;} .dataTable .infoIcon.infoBubbleWrapper {margin-right:10px;} .dataTable .infoIcon.infoBubbleWrapper .infoBubbleReverse {bottom:-10px;} .dataTable .cellWrapper {position:relative;} .dataTable .bottom {vertical-align:bottom;} .dataTable .middle {vertical-align:middle;} .date {width:56px;} .time {width:52px;} .duration {width:95px;} .category {width:120px;} .costs {width:84px;} .download {width: 25px;} .invoice {width: 100px;} .units {width:40px;} .hotline {width:90px;} .overviewlabel {width:215px;} .dataTable td p {padding:0;} .dataTable td h5 {padding:0;} .dataTable tr.coststopBreak td {color: #FF6600;font-weight: bold;text-align: center; border: 1px solid #FF6600;} .dataTableFootnote {padding:17px 20px 0 0;color:#595959;} .iconBox .dataTableFootnote {padding-left:50px;} .dataTableFootnote p {padding-top:0;color:#595959;} .dataTableFootnote a {text-decoration:underline;color:#595959;} /* leichterer tfoot */ .tableCleanFoot tfoot td,.tableCleanFoot tfoot th {color:#000;border:none;} .tableCleanFoot tfoot .amount {font-size:12px;} .tableCleanFoot tfoot .sum {font-size:20px;} /* tabelle zebralook */ .tableZebra {/*extends dataTable*/} .tableZebra tr.even td {background-color:#f2f2f2;} .tableZebra tr.even td.softed { border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background-color:#f9f9f9; } /* plain table */ .plainTable {/*extends dataTable*/} .plainTable td, .plainTable th {padding:2px 0;text-align:left;font-weight:normal;border:none;vertical-align:top;background-color:transparent;} .plainTable .addressdata {line-height:1.5} .technicalTable {/*extends plainTable */margin-top:10px;} .technicalTable td, .technicalTable th {padding:3px 5px;} .technicalTable th {font-weight:bold;background-color:#e6e6e6;} /* tabelle modul 6 */ .table2col {/*extends dataTable*/} .table2col td { padding-top:12px;padding-bottom:12px;vertical-align:middle;} .table2col .iconFirstCol {padding-right:60px;} .table2col td.softed { padding-left:38px; padding-right:10px; width:120px; } .table2col td.last, .table2col th.last {width:18px;padding:0;} /* tabelle modul 18 - Uebersicht bestelldaten */ .tableOrderData {/*extends dataTable, plainTable */} .tableOrderData th, .tableOrderData td {height:20px;/*padding-top:0;padding-bottom:0;text-align:left;font-weight:normal;border:none;*/} .tableOrderData td {font-weight:bold;} .tableOrderData .iconFirstCol {width:144px;} .tableOrderData .changeData {width:70px;} .tableOrderData .changeData a {margin-top:-3px;} .tableOrderData td.amount {color:#000;text-align:right;width:60px;} .tableOrderData .last {padding:0;} .tableOrderData tfoot td, .tableOrderData tfoot th {padding-top:2px;border-top: 1px solid #bfbfbf;} .tableOrderData .inkl {padding:0 0 2px 0;} .tableOrderData .nestedTable {width:70%;} .tableOrderData .nestedTable td {font-weight:normal;padding: 0;} .tableOrderData table.tableOrderSub {width:100%;} .tableOrderData table.tableOrderSub td {height:auto;color:#666;font-weight:normal;} /* tabelle verbindungsdaten übersicht */ /* todo: class over per js setzen*/ .overviewTable tr.over td {background-color:#ccc;cursor:pointer;} /* paymentDataTable - Bestellbestätigung */ .paymentDataTable {/*extends dataTable, plainTable */} .paymentDataTable tr.amount td,.paymentDataTable tr.amount th {padding:14px 0 1px 0;text-align:left;vertical-align:top;} .paymentDataTable th {width:125px;font-weight:normal;} /* activationTable - Zusammenfassung Aktivierungsprozess */ .activationTable {/*extends dataTable, plainTable */} .activationTable .changeData.last {padding: 0; text-align: right;} .activationTable .changeData.last .buttonWrapperPositionRight {float: none; position: relative;} .activationTable .nestedTable {margin-top: 2px;} .activationTable .nestedTable th, .activationTable .nestedTable td {padding-right: 6px;} /* transitionDataTable - Kuendigungshelfer */ .transitionDataTable {/*extends dataTable, plainTable */} .transitionDataTable th {width:140px;font-weight:normal;} .transitionDataTable .action {width:100px;} /* expandbleTable */ .expandableTable {} .expandedTableAlternate, .bd.open.expandedTableAlternate {background-color:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .expandableTable .action {width:180px;vertical-align:bottom;text-align:right;} .expandableTable .last {padding-right:20px;} .expandableTable .iconFirstCol {padding-left:52px;} .expandableTable .firstRow td,.expandableTable .firstRow th {padding-top:15px;} .expandableTable td p {padding-bottom:0.8em;} /* simCardTable - SIM-Karten Uebersicht*/ .simCardTable {/*extends dataTable, plainTable, expandableTable */width:536px;margin: 0 18px 10px 18px;border-top:1px solid #ddd;} .open .simCardTable {border-top:none;} .simCardTable th {width:75px;font-weight:normal;} .simCardTable tr.accountSection td {border-top:1px solid #ddd;padding-top:8px;} /* Tarif einstellen*/ .tariffTable {/*extends dataTable, plainTable, expandableTable */width:536px;margin: 0 18px 10px 18px;border-top:1px solid #ddd;} .tariffTable tbody {width:100%;} .open .tariffTable {} /* voucherTable */ .voucherTable td.voucherCode {width:160px;} .voucherTable td.amount {width:80px;font-weight:bold;} /* internetflat */ .intflatTable { } .intflatTable th { text-align:center; } .intflatTable td { text-align:center; } .intflatTable .nope { border:none; background:none;border-right: 1px solid #E6E6E6; } .intflatTable th.topline {border-top:1px solid #ddd;border-bottom:none;font-size:14px;} .intflatTable tr.subhead th {background-color:#fff;} .intflatTable td.labels { text-align:left; border-left:1px solid #ddd; } .intflatTable td.topline {border-top:1px solid #B2B2B2;} .intflatTable td.bottomline {border-bottom:1px solid #ddd;} /* pakete */ .packageTable { width:100%; color: #666; } .packageTable th { width: 33.333%; font-size: 18px; line-height: 60px; -webkit-font-smoothing: antialiased; } .packageTable th.hero { width: 66.666%; border: 1px solid #ccc; color: #f60; font-size: 24px; } .packageTable th.hero:after{content:'';width:14px;height:9px;position:absolute;left:33.333%;top:63px;margin-left:-7px;background:url('/extensions/images/icons/sprite_icons.png;vbcdjcea') 0 -441px no-repeat;} .packageTable td { padding: 25px 0 25px 25px; border-top: 1px solid #eee; } .packageTable tr.extras td { padding: 20px 0 20px 25px; } .packageTable tr.extras td.hero { padding: 20px 40px; } .packageTable td.hero { padding: 25px 40px; background-color: #f3f3f3; box-shadow: inset 0 1px 0 0 white; } .packageTable th.hero, .packageTable td.hero { border: 1px solid #ddd; } .packageTable col.hero { border-right: 2px solid #ccc; } .packageTable p {padding: 0; margin: 0; line-height: 100%;} .packageTable .feature { float: left; width: 5.5em; vertical-align: top; } .packageTable .hero .feature { width: 7em; } .packageTable .feature .value { color: #777; font-size: 24px; font-weight: bold; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .packageTable .feature .type { color: #777; } .packageTable .visualization { float: left; margin-left: 0.4em; } .packageTable .visualization .detailinfo { margin-top: 0.4em; } .packageTable .hero .visualization { margin-left: 1.8em; } .packageTable .detailinfo { color: #999; font-size: 11px; } .packageTable .feature .detailinfo { margin-top: 0.3em; } .packageTable .hero .feature .value { color: #f60; font-size: 46px; line-height: 40px; } .packageTable .hero .feature .type { color: #666; font-size: 22px; } .packageTable .sms .PACKAGE_100 .feature .value { font-size: 36px; } .packageTable .internet .PACKAGE_200 .feature .value { font-size: 42px; } .packageTable .internet .PACKAGE_100 .feature .value { font-size: 34px; } .packageTable .minutes .PACKAGE_100 .feature .type { font-size: 11px; } .packageTable .sms .PACKAGE_200 .feature .type { font-size: 35px; line-height: 32px; } .packageTable .sms .PACKAGE_100 .feature .type { font-size: 28px; } .packageTable .internet .PACKAGE_100 .feature .type { font-size: 17px; } .packageTable .extras td { vertical-align: top; } .packageTable .extras ul { margin: 0; padding: 0; } .packageTable .extras ul li { padding: 4px 0 1em 34px; font-size: 10px; color: #777; list-style: none; position: relative; } .packageTable .extras ul li p { font-size: 10px; color: #777; } /* Original: ../images/icons/ic_bigplus_gray.png */ .packageTable .extras ul li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFiIiI/////kFs7wAAAAJ0Uk5T/wDltzBKAAAAGklEQVR42mJghAEGMEBwh4vE4ATDPdgBAgwAfhcBRYPJRDgAAAAASUVORK5CYII=) no-repeat left top; } /* Original: ../images/icons/ic_bigplus.png */ .packageTable .extras .hero ul li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJQTFRF/2kA/2oA/2wA/2kA/20A////TllciwAAAAZ0Uk5T//////8As7+kvwAAACtJREFUeNpiYIUBJhBggXMZ4CxmEGAcWhLMCAlmHGBgJXA6d0gHO0ICIMAAuX0JJxsTPQkAAAAASUVORK5CYII=) no-repeat left top; } .packageTable .extras .hero ul li, .packageTable .extras .hero ul li p { font-size: 14px; color: #666; font-weight: bold; -webkit-font-smoothing: antialiased; } .packageTable tr.price { text-align: center; } .packageTable tr.price td { vertical-align: top; } .packageTable tr.price .hero { padding: 15px 40px;} .packageTable tr.price p { font-size: 16px; color: #666; } .packageTable tr.price p.price { font-size: 34px; font-weight: bold; color: #f60; -webkit-font-smoothing: antialiased; } .packageTable tr.price p.duration { text-align: center; font-size: 12px; color: #666; width: auto; margin: 0.5em 0 1.5em 0;} .packageTable tr.price .buttonWrapper { display: inline-block; float: none; margin: 0; } /* 5.5 Flash */ .embedded {text-align:center;} img.flashAlternate {border:none;visibility:hidden;} img.flashAlternate.show {visibility:visible;} /* 5.6 Rufnummernwahl */ .chooseMsisdn {margin-left:20px;width:330px;height:40px;padding-left:60px;position:relative;} .pagerMsisdn { margin-left:20px;padding-left:60px;width:330px; clear:left;} .chooseMsisdnButton {margin: 7px 20px 0 0;} .previousMsisdn, .nextMsisdn {overflow:hidden; padding:16px 10px;width:6px; height:11px; background-position:center center; background-repeat: no-repeat; border: none; position:absolute} .previousMsisdn {display:block; left:60px; background-image:url('/extensions/images/icons/ic_backwards.gif;vbcdjcea'); z-index:1;} .nextMsisdn { display:block; right:0px; background-image:url('/extensions/images/icons/ic_forward.gif;vbcdjcea'); z-index:1;} .msisdnSelectButtons .chooseMsisdnButton {display:none;} .msisdnSelectButtons .chooseMsisdnButton.active {display:block;} ul.msisdnList {width:330px; border: 1px solid #fff;background:#fff;list-style:none;padding:0;margin:0;} .msisdnList li {display:none;position:relative;text-align:center;padding:0;margin:0;} .msisdnList .topNumber {position:absolute;z-index:1;left:-60px;top:6px;} .msisdnList .infoBubble2,.msisdnSearchResultTable .infoBubble2 {width:320px;} .msisdnList .infoIconGeneral:hover .infoBubble2,.msisdnList .infoIconGeneral.touched .infoBubble2 {left:-90px;bottom:20px;} ul.msisdnList span.number {font-size:30px;line-height:40px;} ul.currentIndex_1 li.number_1, ul.currentIndex_2 li.number_2, ul.currentIndex_3 li.number_3, ul.currentIndex_4 li.number_4, ul.currentIndex_5 li.number_5, ul.currentIndex_6 li.number_6, ul.currentIndex_7 li.number_7, ul.currentIndex_8 li.number_8, ul.currentIndex_9 li.number_9, ul.currentIndex_10 li.number_10 {display:block;} /* 5.7 Rufnummernsuche */ .msisdnSearch { padding-bottom:9px;} .msisdnSearchButtonPosition { margin-top:8px;margin-right:20px;} #msisdnSearchNumberResultMessage { padding-top: 5px; padding-bottom: 10px; } .msisdnSearchNumberResults { font-weight:bold; font-size:14px;} /* Rufnummernsuche Tabelle */ .msisdnSearchResultTable { width:100%; background-color:transparent;} .msisdnSearchResultTable tr.even { background-color:#f2f2f2;} .msisdnSearchResultTable tr.odd {background-color:#fff;} .msisdnSearchResultTable td{ padding:10px 0;} .msisdnSearchResultTable em{ font-style:normal;color:#ff6600;} .msisdnSearchResultTable td.msisdn { padding-left:70px; width:40%; font-size:18px;font-weight:bold;} .msisdnSearchResultTable input{margin-right:20px;} .msisdnSearchResultTable .top {padding-left:35px;background: left center no-repeat url('/extensions/images/icons/ic_top.gif;vbcdjcea');} /* 5.8 SIM-Chef */ .box .bdSimChefInfo {position:relative;font-size:14px;} .simChefInfoButtonPosition {position:absolute;right:20px;top:4px;} /* 5.9 Listen */ /* downloadliste */ .downloadList {margin:8px 0 0 0;padding:0;} .downloadList li {padding:0 0 6px 22px;font-size:12px; list-style-type:none;} .downloadList li a {position:relative;text-decoration:underline;} .downloadList li img.downloadTypeIcon {position:absolute;left:-22px;top:0;vertical-align:top;} .acrobatDownload {vertical-align:top;margin-right:4px;} /* checkliste */ .checkList {padding-left:0;} .checkList li {padding:2px 0 3px 27px;margin-bottom:9px;font-size:12px; list-style-type:none;background:url('/extensions/images/icons/ic_checklist_negative.png;vbcdjcea') no-repeat 0 0;} .checkList li.checked {background:url('/extensions/images/icons/ic_checklist_positive.png;vbcdjcea') 0 0 no-repeat;} .checkList li.checked strong {color:#f60;} .checkList li.last {margin-bottom:0;} .checkItem {padding: 2px 0 2px 27px !important;} .checkItem.checked {background:url('/extensions/images/icons/ic_checklist_positive.png;vbcdjcea') 0 0 no-repeat;} .checkItem.unchecked {background:url('/extensions/images/icons/ic_checklist_negative.png;vbcdjcea') 0 0 no-repeat;} /* 5.10 Bestellen - password */ span.yourPassword {color:#ff6600;padding-left:35px;} .passwordsecurity {display:block;width:80px;margin-bottom:5px;overflow:hidden;text-indent:-2000px;background-color:#999;} .passwordsecurity_mask {display:block;background: url('/extensions/images/backgrounds/bg_passwordsecurity_mask.png;vbcdjcea') no-repeat 0 -6px;} .pwstate_1 {background-color:#f00;background-position: -68px -6px;} .pwstate_2 {background-color:#f00;background-position: -51px -6px;} .pwstate_3 {background-color:#f60;background-position: -34px -6px;} .pwstate_4 {background-color:#4dbc51;background-position: -17px -6px;} .pwstate_5 {background-color:#4dbc51;background-position: 0px -6px;} /* 5.11 Tarifanzeige */ /* alte teasertogglebox, refactoren */ ul.teaserToggleBox {list-style:none;margin:0;padding:0;width:100%;position:relative;} ul.teaserToggleBox li {list-style:none;margin:0;padding:0;overflow:hidden;} ul.teaserToggleBox h2 {position:relative;margin:0;padding:0;color: #fff;font-size:18px;font-weight:normal;background: #f60 url('/extensions/images/backgrounds/bg_teaserToggleBox.png;vbcdjcea') 0 0 repeat-x;} ul.teaserToggleBox h2 span.arrow {position:absolute;display:block;width:34px;height:16px;left:50%;top:38px;margin-left:-17px; background: url('/extensions/images/backgrounds/bg_teaserToggleBox.png;vbcdjcea') -280px -38px no-repeat;} ul.teaserToggleBox li.inactive h2 {background: #9d9d9d url('/extensions/images/backgrounds/bg_teaserToggleBox.png;vbcdjcea') 100% 0 repeat-x;} ul.teaserToggleBox li.inactive h2 span.arrow {background-position:-906px -38px;} ul.teaserToggleBox .typeRadio {margin: 0 6px 0 0;vertical-align:middle;} ul.teaserToggleBox label {display:block;padding: 9px 10px 9px 14px;height:22px;line-height:22px; color:#fff;font-size:18px;font-weight:normal;} .teaserTogglecontent {float:left;width:100%;min-height:125px;background: #fff url('/extensions/images/backgrounds/bg_teaserToggleBox.png;vbcdjcea') 0 -70px repeat-x;} .variant2.teaserTogglecontent {background-image: none; background-color: #F6F6F6;} *+html .teaserTogglecontent {float:left;width:100%;} .teaserTogglecontent img {float:left;} .teaserTogglecontent .teaserText {float:left;width:367px;padding: 30px 55px 40px 10px;position:relative;} .teaserTogglecontent .teaserText.teaserText2Rows {width:347px;padding-top: 40px;padding-right: 25px;font-size:16px;font-weight:normal;} .variant2.teaserTogglecontent .teaserText.teaserText2Rows {padding-top: 15px;} .teaserTogglecontent .teaserText .teaserLine {display:block;padding: 5px 0;} .teaserTogglecontent .teaserText .teaserLineBorder {border-bottom: 1px solid #e6e6e6;} .teaserTogglecontent .teaserText .teaserLine strong {color: #f60;font-size:20px;font-weight:bold;} .tariffteaser img.visual {float:left;} .tariffteaser .teaserText {float:left;width:367px;padding: 20px 0 20px 10px;position:relative;font-size:16px;font-weight:normal;} .tariffteaser .teaserText .teaserLine {display:block;padding: 5px 0;font-size:16px;} .tariffteaser .teaserText .teaserLineBorder {border-bottom: 1px solid #e6e6e6;} .tariffteaser .teaserText .teaserLine strong {color: #f60;font-size:18px;font-weight:bold;} .tariffteaser p {font-size:16px;padding-top:0px;} ul.teaserToggleBox.jsPrepared li {clear:both;float:left;width:100%;} ul.teaserToggleBox.jsPrepared li.active {} ul.teaserToggleBox.jsPrepared li h2 {position:absolute;left:0;top:0;background-color:#9d9d9d;background-image:none;} ul.teaserToggleBox.jsPrepared li.active h2 {background: #f60 url('/extensions/images/backgrounds/bg_teaserToggleBox.png;vbcdjcea') 0 0 repeat-x;} ul.teaserToggleBox.jsPrepared li + li h2 {left:auto;margin:0;right:0;} ul.teaserToggleBox.jsPrepared li h2 span.arrow {display:none;} ul.teaserToggleBox.jsPrepared li.active h2 span.arrow {display:block;} ul.teaserToggleBox.jsPrepared li label {width:206px;font-size:14px;} ul.teaserToggleBox.jsPrepared li.active label {width:320px;font-size:18px;} ul.teaserToggleBox.jsPrepared li label span {line-height:23px;} ul.teaserToggleBox.jsPrepared li.active label span {line-height:22px;} ul.teaserToggleBox.jsPrepared li .teaserTogglecontent {display:none; margin-top:40px;} ul.teaserToggleBox.jsPrepared li.active .teaserTogglecontent {display:block;} ul.teaserToggleBox sub, ul.teaserToggleBox span.sub{display: block; line-height: 120%; font-size:14px;} #order_noOption {width:200px;position:relative;left:15px;top:20px;margin-bottom:-30px;clear:both;} div.rateOrderTeaser p {font-size:16px;padding-top:0px;} .multipleSimSelector {float:right;width:105px;height:32px;overflow:hidden;position:relative;left:-10px;top:-15px;margin:-20px 5px 0 0;padding:4px 20px 4px 8px;vertical-align:middle;line-height:30px;background: url('/extensions/images/backgrounds/buttons.svg;vbcdjcea') 100% 0 no-repeat;border-left:1px solid #eee;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;transition:width 0.3s;} .multipleSimSelector:hover, .touch .multipleSimSelector {width:157px;} .no-svg .multipleSimSelector {background:#f9f9f9;border:1px solid #eee;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;} .multipleSimSelector .simCardLabel {float:right;margin-top: 1px;min-width:62px;} .multipleSimSelector .simCardAmount {float:right;width:36px;margin: 0 5px 0 0;border:1px solid #eee;background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;display:inline-block;text-align:center;} .multipleSimSelector .controls { float:right;position:relative;min-width:41px;height:21px;margin-top: 5px;margin-right:8px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:19px;position: relative;box-shadow: #fff 0 1px; background: #f2f2f2;background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 50%, #ececec 100%);background: -webkit-linear-gradient(top, #f9f9f9 0%,#f2f2f2 50%,#ececec 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#f2f2f2 50%,#ececec 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#f2f2f2 50%,#ececec 100%);background: linear-gradient(top, #f9f9f9 0%,#f2f2f2 50%,#ececec 100%); } .multipleSimSelector .controls .btn {position:absolute;top:0;left:0;padding: 0 5px;min-width:10px;height:100%;text-align:center;display:inline-block;font-size:20px;color:#f60;text-decoration:none;text-shadow:#fff 1px 1px;text-rendering: optimizelegibility;-webkit-tap-highlight-color: rgba(0,0,0,0);} .multipleSimSelector .controls .btn:active {box-shadow: 0 1px 4px rgba(155, 155, 155, 0.3) inset, 0 1px 0 white;border-bottom: 1px solid #DDD;} .multipleSimSelector .controls .increase {left:auto;right:0;border-left:1px solid #ddd;font-size:17px;line-height:21px;} .multipleSimSelector .controls .btn.disabled,.multipleSimSelector .controls .btn.disabled:active {color:#999;box-shadow:none;} /* Bestellbestätigung: Multiple SIM Progress */ .multipleSimProgress {position:relative;width:100%;height:99px;background:url('/extensions/images/backgrounds/bg_multiplesimprogress.png;vbcdjcea') 0 0 no-repeat;} .multipleSimProgressStatus {float:left;height:100%;width:66px;background:url('/extensions/images/backgrounds/bg_multiplesimprogress.png;vbcdjcea') 0 -112px no-repeat;} .simsOverall2,.simCurrent2 {width:132px;} .simsOverall3,.simCurrent3 {width:198px;} .simsOverall4,.simCurrent4 {width:264px;} .simsOverall5,.simCurrent5 {width:330px;} .simsOverall6,.simCurrent6 {width:396px;} .simsOverall7,.simCurrent7 {width:462px;} .simsOverall8,.simCurrent8 {width:528px;} .simsOverall9,.simCurrent9 {width:594px;} /* 5.12 Aufladen */ .topupValue {text-align:right;font-weight:bold;font-size:80px;color:#ff6600;padding: 20px 20px 20px 0;border-color:#DDDDDD;border-style:solid;border-width:0 1px 0 0;} .topupPlus {color:#595955;} .topupValue .currency {font-size:40px;margin-left:-20px;} .topupError {color:red;font-weight:bold;float:left;} .topup .topupSelect {display:none !important;} .topup div.even {background-color:#f2f2f2;clear:both;height:45px;} .topup.topupModeSelect .topupSelect {display:block !important;} .topup.topupModeSelect .topupInput {display:none !important;} .topupSelect .buttonWrapperLeft {margin: 8px 0 8px 45px;} .topupInput label {margin: 14px 0 15px 15px;display:block;} .topupInput .topupChargeValue {margin: 10px 0 11px 20px;border:#DDDDDD solid 1px;font-weight:bold;padding:4px;} .topupSelect .button {width: 100px;text-align: left;float:none;} .topupInput .buttonWrapperLeft {margin: 8px 0 8px 20px;} /* 5.13 Slideshow */ ul.slideshowList {list-style:none;margin:0;padding:0;width:100%;position:relative;} ul.slideshowList li {text-align:center;display:none;padding:15px 15px;} ul.slideshowList li.active {display:block;} ul.slideshowList li img {margin-left:auto;margin-right:auto;} .slideshow .disabled {/*display:none;*/visibility:hidden;} /* New Slideshow for Homepage */ .carousel{position:relative;overflow:hidden;} .carousel .carouselContent > ul, .carousel .carouselContent > ul > li, .carousel .carouselNav > ul, .carousel .carouselNav > ul > li{margin:0;padding:0;list-style:none;} .carousel .carouselContent{overflow:hidden;width:100%;position:relative;} .carousel .carouselContent > ul{position:relative;width:10000%;} .carousel .carouselContent > ul > li{float:left;width:1%;} .carousel .carouselNav ul.nav{position:absolute;top:0;left:0;right:0;height:0;z-index:1;} .carousel .carouselNav ul.nav > li{width:50px;float:left;} .carousel .carouselNav ul.nav > li.next{float:right;} .carousel .carouselNav ul.nav > li a{display:block;height:100%;outline:none;} .carousel .carouselNav ul.nav > li a b{opacity:0;*display:none;display:none\9;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;overflow:hidden;text-indent:-9999px;float:left;position:relative;top:50%;margin:-22px 0 0;width:36px;height:41px;background:transparent url('/extensions/images/backgrounds/bg_carousel_arrows.png;vbcdjcea') 0 0 no-repeat;} .carousel .carouselNav ul.nav > li.next a b{float:right;background-position:100% 0;} .carousel:hover .carouselNav ul.nav > li a b{opacity:1;display:block;} .carousel .carouselNav ul.nav > li a:hover b{background-position:0 100%;} .carousel .carouselNav ul.nav > li.next a:hover b{background-position:100% 100%;} .carousel .carouselNav ul.pager{position:absolute;bottom:0;left:50%;width:auto;height:35px;z-index:1;text-align:left;} .carousel .carouselNav ul.pager > li{position:relative;left:-50%;float:left;height:35px;margin-right:-13px} .carousel .carouselNav ul.pager > li > a{display:block;width:40px;height:35px;overflow:hidden;text-indent:-9999px;background:transparent url('/extensions/images/backgrounds/bg_carousel_indicators.png;vbcdjcea') -13px 0 no-repeat;position:relative;z-index:1;outline:none;} .carousel .carouselNav ul.pager > li > a:hover, .carousel .carouselNav ul.pager > li.active > a{background-position:-13px -40px;} .carousel .carouselNav ul.pager > li:first-child > a{width:53px;background-position:0 0;} .carousel .carouselNav ul.pager > li:first-child > a:hover, .carousel .carouselNav ul.pager > li.active:first-child > a{background-position:0 -40px;} .carousel .carouselNav ul.pager > li .info{position:absolute;bottom:-500px;left:-30px;padding:5px;width:238px;padding:0 0 52px 16px;opacity:0;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;background: transparent url('/extensions/images/backgrounds/bg_infobubble.png;vbcdjcea') 0 100% no-repeat;*display:none;display:none\9;} .carousel .carouselNav ul.pager > li:first-child .info{left:-17px;} .carousel .carouselNav ul.pager > li .info .tl, .carousel .carouselNav ul.pager > li .info .tr, .carousel .carouselNav ul.pager > li .info .br{display:block;position:absolute;height:16px;top:-16px;right:0;left:0;background: transparent url('/extensions/images/backgrounds/bg_infobubble.png;vbcdjcea') 0 0 no-repeat;} .carousel .carouselNav ul.pager > li .info .tr{top:-16px;right:-20px;left:250px;background-position:100% 0;} .carousel .carouselNav ul.pager > li .info .br{top:0;right:-20px;bottom:0;left:250px;height:auto;background-position:100% 100%;} /*.carousel .carouselNav ul.pager > li > a:hover + .info{opacity:1;display:block;bottom:15px;} .carousel .carouselNav ul.pager > li.active > a:hover + .info{opacity:0;*display:none;display:none\9;}*/ .carousel .carouselNav ul.pager > li > a:hover + .info.hover{opacity:1;display:block;bottom:15px;} .carousel .carouselNav ul.pager > li.active > a:hover + .info.hover{opacity:0;*display:none;display:none\9;} /*.carousel .carouselNav ul.pager > li:first-child .info{opacity:1;display:block;}*/ .carousel .carouselNav ul.pager > li .info img{float:left;margin-right:10px;} .carousel .carouselNav ul.pager > li .info .text{overflow:hidden;padding-left:6px;} .carousel .carouselNav ul.pager > li .info h2{font-size:17px;color:#595959;} .carousel .carouselNav ul.pager > li .info p{font-size:13px;line-height:17px;color:#595959;} .carousel .carouselNav{display:none;} html.js .carousel .carouselNav{display:block;} .carousel .preloader{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent url('/extensions/images/preloader.gif;vbcdjcea') 50% 50% no-repeat;background-color:rgba(255,255,255,.33);overflow:hidden;text-indent:-9999px;} .carsouel.waiting .preloader{display:block;} .stageCarousel .carouselContent > ul > li {height:368px;width: 954px;} .stageCarousel .carouselNav ul.nav > li{height:368px;} .carouselTeaser {position: absolute;width: 954px;height: 370px;overflow: hidden;} a .carouselTeaser {cursor:pointer;} .carouselTeaser .carouselButton {right: 55px;left: auto;bottom: 20px;} .carouselTeaser .carouselButtonMitte {left: 215px;bottom: 62px;} /* Homepage Slideshow - Animations */ /* MainText module */ .carouselTeaserMainText {position:absolute;left:-700px;top:0px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .carouselTeaserMainTextIn {position:absolute;left:0px;top:0px;} /* DaysCounter module */ .carouselTeaserDaysCounter, .selfContainedDaysCounter { position: absolute; left: 850px; top: -200px; display: block; width: 101px; height: 100px; overflow: hidden; background:url('/extensions/images/carousel/daysCounterBackground.png;vbcdjcea'); -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); -o-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .selfContainedDaysCounter { top: 20px; left: 850px; display: none; } .carouselTeaserDaysCounterIn { position: absolute; left: 850px; top: 5px; display: block; width: 101px; height: 100px; overflow: hidden; background:url('/extensions/images/carousel/daysCounterBackground.png;vbcdjcea'); } .carouselTeaserDaysCounter .leftdigits, .selfContainedDaysCounter .leftdigits { position: absolute; top: 36px; left: 16px; padding-top: 4px; } .carouselTeaserDaysCounter .rightdigits, .selfContainedDaysCounter .rightdigits { position: absolute; top: 36px; left: 55px; padding-top: 4px; } .carouselTeaserDaysCounter .digit, .selfContainedDaysCounter .digit { display:block; width: 15px; height: 15px; float: left; text-align: center; color: #FFF; padding-right: 1px; font-family: "Futura Extra Bold Condensed", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 1.0; font-weight: bold; } /* variante jubiläum*/ .carouselTeaserDaysCounterMitte {position: absolute;left: 345px;top: -200px;display: block;width: 101px;height: 100px;overflow: hidden; background:url('/extensions/images/carousel/daysCounterBackground.png;vbcdjcea'); -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); -o-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .carouselTeaserDaysCounterMitteIn {position: absolute;left: 345px;top: 230px;display: block;width: 101px;height: 100px;overflow: hidden; background:url('/extensions/images/carousel/daysCounterBackground.png;vbcdjcea'); } .carouselTeaserDaysCounterMitte .leftdigits {position: absolute;top: 36px;left: 16px;padding-top: 4px;} .carouselTeaserDaysCounterMitte .rightdigits {position: absolute;top: 36px;left: 55px;padding-top: 4px;} .carouselTeaserDaysCounterMitte .digit {display:block;width: 15px;height: 15px;float: left;text-align: center;color: #FFF;padding-right: 1px;font-family: "Futura Extra Bold Condensed", Arial, Helvetica, sans-serif;font-size: 21px;line-height: 1.0;font-weight: bold;} /* Stoerer module */ .carouselTeaserStoerer {position: absolute;left: 830px;top: -200px;display: block;width: 96px;height: 97px;overflow: hidden; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .carouselTeaserStoererIn {position: absolute;left: 830px;top: -5px;display: block;width: 96px;height: 97px;overflow: hidden;} /* variante jubiläum*/ /*.carouselTeaserStoererJubilaeum {left: 405px;top: -200px;width: 107px;height: 107px;position: absolute;display: block;overflow: hidden; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .carouselTeaserStoererJubilaeumIn {left: 405px;top: 72px;width: 107px;height: 107px;overflow: hidden;position: absolute;display: block;} */ /* variante Mitte*/ .carouselTeaserStoererMitte {left: 345px;top: -200px;width: 107px;height: 107px;position: absolute;display: block;overflow: hidden; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .carouselTeaserStoererMitteIn {left: 345px;top: 230px;width: 107px;height: 107px;overflow: hidden;position: absolute;display: block;} /* 5.14 Product Stage */ .stage {float:left;width:615px;height:293px;padding: 24px 35px 0 35px;margin-bottom:10px;clear:both;background:#d9d4ce url('/extensions/images/backgrounds/bg_productstage.png;vbcdjcea') 0 0 no-repeat;position:relative;} .stageReverse {height:184px;padding-top:10px;background-position: 0 100%;} .stage h1 {font-size:32px; font-weight:bold;margin:0;} .stage h2 {padding:0 0 5px 0;margin:0;font-size:22px; font-weight:bold;border-bottom:1px solid #6b6966;} .stage .introText {padding-top:5px;} .stage .extraText {position:absolute;left:35px;bottom:30px;} .stage .extraText p {padding: 0 0 10px 0;font-weight:bold;font-size:12px;line-height:18px;} .stage .shortinfo {overflow:hidden;list-style:none;margin:0;padding:0;border-bottom:1px solid #ebe9e5;} .stage .shortinfo li {float:left;width:225px;list-style:none;margin:0;padding: 5px 0;font-weight:300;border-top:1px solid #ebe9e5;border-bottom:1px solid #6b6966;} .stage .shortinfo li.narrow {width:165px;} .stage .shortinfo strong {font-size:16px;font-weight:bold;color: #f60;} .stage .shortinfo li p {padding:0;display:inline;}/* Todo: im cms ohne p rausrendern */ .stage .shortinfoText {padding:14px 0;font-size:14px;text-align:center;} .stage .shortinfoText p {padding:0;font-size:14px;} /* onsite teaser stagestyle */ .teaserStage {/* basiert auf .stage */ margin-bottom:35px;} /* 5.15 Mein Simyo - Tarif einstellen alt*/ /*.tarifWechselHd {padding-left:50px;position:relative;} .tarifWechselHd.optionBooked {background: url('/extensions/images/icons/ic_checklist_gebucht.png;vbcdjcea') 0 0 no-repeat;min-height:46px;} .tarifWechselHd h3 {float:left;padding-top:0;} .tarifWechselHd .subline {clear:both;} .tarifWechselHd .subline strong {padding-right:10px;} */ /* 5.16 Tarifoption 1GB Verbrauchsanzeige alt */ /*.dataFlatUsagePosition {float:left;margin-left:10px;padding:0;text-decoration:none;} .dataFlatUsageTeaser {display:block;text-decoration:none;} .dataFlatUsage {float:left;width:138px;height:13px;margin:5px 0 5px 0;background: transparent url('/extensions/images/backgrounds/bg_datausage.png;vbcdjcea') no-repeat 0 -150px;overflow:hidden;text-indent:-300px;} .dataFlatUsagePosition .dataFlatUsage {text-align:left;} .dataFlatUsageLabel {padding-top:4px;margin-right:10px;float:left;} .dataFlatUsage_lvl2 {background-position: 0 -200px;} .dataFlatUsage_lvl3 {background-position: 0 -250px;} */ /* 5.16 Neue Tarifoptionen Verbrauchsanzeige */ .dataFlatUsagePosition {float:left;margin-left:10px;margin-top:-13px;padding:0;text-decoration:none;width:217px;outline:none;} .dataUsageWrap {} .dataFlatUsageLabel {padding-top:4px;margin-right:10px;float:left;font-size:10px;} .dataUsage {float:left;margin-top:-11px;padding-top:12px;width:89%;background:none;position:relative;color:#c6cad2;border-right:1px solid #c6cad2;text-align:right;} .dataUsagePlus {width:9%;border:none;} .dataUsage .legend {position:absolute;right:2px;top:0;font-size:10px;color:#353838;font-weight:normal;margin-right:0.5%;display:block;} .dataUsagePlus .legend {text-align:left;right:auto;left:2px;} .dataUsage > span {height:13px;float:left;/*display:inline-block;border-right:1px solid #c6cad2;*/} .dataUsagePlus > span {width:100%;} .dataUsage > span:last-of-type {border:none;} .dataUsage span.barElement {display:block;height:11px;margin: 0 1px;border:1px solid #C6CAD2;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background: none;} .dataUsage > span:first-of-type .barElement {margin-right:1px;} .dataUsage > span:last-of-type .barElement {margin-left:1px;} .dataUsage > span.full .barElement {background: #7BC766;} .dataUsage > span.current .barElement {background:-webkit-gradient(linear, 0 0, 100% 0, from(#7BC766), to(#fff));background: -o-linear-gradient(left, #7BC766 0%,#FFFFFF 100%);background: -moz-linear-gradient(left, #7BC766 0%, #FFFFFF 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7BC766', endColorstr='#FFFFFF',GradientType=1 );} /* 5.16.1 Tarifoption jahresflat Verbrauchsanzeige */ .annualFlatUsagePosition {float:left;margin-left:10px;margin-top:-13px;padding:0;text-decoration:none;width:217px;outline:none;} .annualFlatUsagePosition .dataUsage span.barElement {display:block;height:11px;margin: 0;border:1px solid #C6CAD2;border-width:1px 0;background:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background: none;border-right:1px solid #eee;} .annualFlatUsagePosition .dataUsage > span:first-of-type .barElement {margin-left:1px;border-width:1px 0 1px 1px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-left-radius:5px;} .annualFlatUsagePosition .dataUsage > span.firstOf .barElement{margin-left:1px;border-left:solid 1px #C6CAD2;} .annualFlatUsagePosition .dataUsage > span:last-of-type .barElement {border-right:1px solid #C6CAD2;margin-right:1px;-webkit-border-top-right-radius:5px;-moz-border-top-right-radius:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-right-radius:5px;} .annualFlatUsagePosition .dataUsage > span.lastOf .barElement {margin-right:1px;border-right:1px solid #C6CAD2;} .annualFlatUsagePosition .dataUsage > span.full .barElement, .annualFlatUsagePosition .dataUsage > span.current .barElement {background:-webkit-gradient(linear, left top, left bottom, from(#7BC766), to(#fff));background: -o-linear-gradient(top, #7BC766 0%,#FFFFFF 100%);background: -moz-linear-gradient(top, #7BC766 0%, #FFFFFF 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7BC766', endColorstr='#FFFFFF',GradientType=0 );} /* 5.17 Kostenstopp-aktivieren-box */ #activateCoststopTeaser h3{font-size: 14px; padding-top: 15px;} #activateCoststopTeaser .mediaBd{margin-right: 0;} #activateCoststopTeaser .inbetween{border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; margin-top: 5px; padding-bottom: 15px;} #activateCoststopTeaser .boxDividerContent{padding: 0 0 20px 0; margin: 0 0 0 0; border: none; min-height: none;} #activateCoststopTeaser a.buttonUp{margin-top:12px;} /* 5.18 Kostenstopp-Statusbox */ #statusCoststopTeaser .mediaBd{margin-right: 0;} #statusCoststopTeaser .mediaBd h3{margin-right: 40px;} #statusCoststopTeaser .mediaBd h3, #statusCoststopTeaser .mediaBd h4{padding-top: 15px;} #statusCoststopTeaser .mediaBd .unit p{margin-right: 40px; padding-top: 0;} #statusCoststopTeaser .mediaBd div.unit p{margin-right: 0px;} #statusCoststopTeaser .open a.showExpanded {display:inline;} #statusCoststopTeaser .open.inbetween{display: block; top: 20px;} #statusCoststopTeaser .inbetween{float: none; position: relative; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; clear: both; margin-top: 15px; padding-bottom: 15px;} #statusCoststopTeaser .currentOption{padding-top: 10px;} #statusCoststopTeaser .statusbar{padding-top: 15px;} #statusCoststopTeaser a.tosLink{margin-left: 20px;} /* 5.19 Kostenstopp - Datenpaket nachbestellen */ #reorderCoststopTeaser{/* height: 240px; */ background: url('/extensions/images/visuals/vs_daten_reorder.png;vbcdjcea') 0 0 no-repeat;} #reorderCoststopTeaser.box .hd, #reorderCoststopTeaser.box .bd, #reorderCoststopTeaser.box .ft{background: transparent;} #reorderCoststopTeaser.box .hd{padding-bottom: 0;} #reorderCoststopTeaser.box .bd{padding-top: 5px;} #reorderCoststopTeaser .hd h2 {font-size:18px} #reorderCoststopTeaser.box ul {padding-left:16px;} #reorderCoststopTeaser.box ul li{color: #FF6601;font-size:20px;line-height:14px; width:450px; padding-bottom: 6px;} #reorderCoststopTeaser.box ul li span{color: #000000;font-size:12px;} /* 5.20 Kostenstopp - Tarifübersicht */ #tariffviewCoststop table{border-bottom: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2;} #tariffviewCoststop table#fullsum{border-bottom: none; border-top: none;} #tariffviewCoststop table tfoot td.first{border-right: none;} #tariffviewCoststop table tfoot .first span{color: #000; font-weight: normal;} #tariffviewCoststop .hd fieldset p {padding-top: 5px;} #tariffviewCoststop #fullsum td{border: none;} #tariffviewCoststop #fullsum tfoot .last{font-size:18px;} #tariffviewCoststop .bd h2{padding-top:24px; padding-left: 20px; padding-bottom: 10px;} /* 5.21 Kostenstopp - Verbindungsübersicht */ #koststopp_monthview.box .hd{padding-bottom: 0px;} #koststopp_monthview.box .hd h2{padding-top: 22px;} .orderModule .unit{position: relative;} .orderModule .unit .abs .preloader{position: absolute; top: 3px; left: -17px;} .orderModule .unit .abs .faded{float: left;} .coststopSavings {border: 1px solid #f60;text-align:center;padding: 20px !important;} /* 5.22 Verbindungsübersicht */ #monthview .abs{padding-top: 5px;} #stopimg{margin-left: 10px;} /* 5.23 Teaser Kostenstopp-Erinnerung */ #tsr_cosstopreminder{position: relative; background: #F3F3F3 url('/extensions/images/visuals/coststopreminder_teaser.png;vbcdjcea') top left no-repeat;} #tsr_cosstopreminder label{display: block; padding: 5px 0 0 0;width:170px;} #tsr_cosstopreminder label.error {background:none;} #tsr_cosstopreminder label span{display: block; font-size:10px; color: #666;} #tsr_cosstopreminder .typeText{width: 170px;} #tsr_cosstopreminder .typeSelect{width: 174px;} /* 5.23 Teaser Kostenstopp-Erinnerung */ .contentArea .tsr_cosstopreminder{position: relative;} .contentArea .tsr_cosstopreminder label{position: relative; float: left; padding: 5px 20px 0 0;} .contentArea .tsr_cosstopreminder label span{display: block; font-size:10px; color: #666;} .contentArea .tsr_cosstopreminder .typeText{width: 170px;} .contentArea .tsr_cosstopreminder .typeSelect{width: 174px;} .contentArea .tsr_cosstopreminder fieldset{clear: both; display: block;} .valuableCol .tsr_cosstopreminder.teaserTypeKampagne .bd{height: auto;} .valuableCol .tsr_cosstopreminder{position: relative; background-position: 160px 50px;} .valuableCol .tsr_cosstopreminder p {padding-right: 50px;} .valuableCol .tsr_cosstopreminder label{display: block; padding: 10px 0 0 0;} .valuableCol .tsr_cosstopreminder label span{display: block; color: #fff;} .valuableCol .tsr_cosstopreminder .typeText{width: 214px;} .valuableCol .tsr_cosstopreminder .typeSelect{width: 218px;} .valuableCol .tsr_cosstopreminder fieldset{clear: both; display: block; margin-bottom: 20px;} .tsr_cosstopreminder .error {background-image: none;} /* 5.24 NBO/NBA Teaer */ .nbobox {position: relative; /* top: 20px; margin-bottom: 20px; */ min-height: 150px; overflow: visible; padding: 0px 25px 0px 25px;} .nbobox.anim {min-height: 0px; overflow: hidden;} .nbobox h3{position: relative; top: 15px; margin-bottom: 25px; min-height: 24px; font-size: 21px;} .nbobox h3 span{display: block; padding-bottom: 4px;} .nbobox p{padding-right: 185px;} .nbobox .sub{font-size: 10px; line-height: 100%;} .nbobox ul{padding-left: 15px; padding-right: 185px;} .nbobox .line{min-height: 26px; padding-top: 1.3em; padding-bottom: 14px; float: none;} .nbobox .buttonWrapperLeft{position: absolute; bottom: 15px; left: 25px;} .nbobox .textButtonWrapper.buttonTypCloseWrapper{position: absolute; bottom: 12px; right: 22px;} .valuableCol .nboTeaser {color:#fff;} .valuableCol .nboTeaser h3, 1.valuableCol .nboTeaser h4 {font-size:14px;color:#fff;} /* 5.25 Social bar */ /* redesign social bar */ .socBar {} .socBar > .unit > .bd {padding:5px 0;} .socBar > .unit:first-child > .bd:first-child {border-right:solid 1px #ddd;} .socBar h3{ margin-bottom:8px;} .socBar a.linkUnit {display:inline-block;color:#666;line-height:20px;text-decoration:none;padding:0 0 0 25px;margin-right:10px;background: url('/extensions/images/icons/sprite_siteicons.png;vbcdjcea') 0 0 no-repeat;} .socBar .linkUnit.fcbLink{background-position:0 -70px;} .socBar .linkUnit.gplusLink {background-position:0 -222px;} .socBar .linkUnit.twitterLink {background-position:0 -96px;} .socBar .linkUnit.mailLink {background-position:0 -252px;} .socBar .linkUnit.codeLink {background-position:0 -282px;} .socBar .likeBox {margin-left:14px;} .socBar .gpBox {padding-left:3px;overflow:hidden;width:82px;} /* live socialbar */ .socialbar {} .socialbar .single a{width: auto !important; padding-left: 25px; padding-top: 4px;} .socialbar a span{display: none;} .socialbar .single a span{display: inline;} .socialbar .social{float: left; margin-right: 10px;} .socialbar .social.tweet iframe{margin-right: -5px;} .socialbar .twitter-share-button{display: block; width: 55px; height: 20px; background: url('/extensions/images/backgrounds/bg_twitter-sprite.png;vbcdjcea') 0 0 no-repeat;} .socialbar .twitter-share-button:hover{background-position: 0 -21px;} .socialbar .socialmail a{display: block; width: 22px; height: 22px; background: url('/extensions/images/icons/ic_send_recommend.gif;vbcdjcea') 0 0 no-repeat; overflow: hidden;} .socialbar .pdf a{display: block; width: 22px; height: 22px; background: url('/extensions/images/icons/ic_pdf_22px.gif;vbcdjcea') 0 0 no-repeat; overflow: hidden;} *+html .recommendPage sub{display: block;} .socialbox {margin-bottom:8px; } .socialbox .unitLeft > .inner {padding:4px 6px 4px 0;border-right:1px solid #d9d9d9;} .socialbox .unitRight > .inner {padding:4px 0 4px 6px;} .socialbox .buttonWrapper {margin-top:5px;text-decoration:none;} .socialbox .buttonWrapper .button {text-decoration:none;} .socialbox .socialIcon {cursor:pointer;} /* 5.26 #tagCloud */ #tagCloud{display: block; clear: both;} #tagCloud ul {margin: 0; padding: 0; line-height: 140%; position: relative; top: -15px; text-align: center;} *+ html #tagCloud ul {padding-top: 0.6em;} #tagCloud li{position: relative; list-style: none; display: inline; padding: 0; margin: 0; /* background: green; */} *+ html #tagCloud li {line-height: 200%;} #tagCloud a{position: relative; text-decoration: none; font-weight: bold; color: #CAC0B6; padding: 0 0.25em 0 0.25em;} #tagCloud a:hover{color: #FF6600;} #tagCloud .sizeXXS a{font-size: 0.8em;} #tagCloud .sizeXS a{font-size: 1em;} #tagCloud .sizeS a{font-size: 1.2em;} #tagCloud .sizeM a{font-size: 1.5em;} #tagCloud .sizeL a{font-size: 2.0em;} #tagCloud .sizeXL a{font-size: 2.5em;} #tagCloud .sizeXXL a{font-size: 3.2em;} #tagCloud .sizeXXXL a{font-size: 5em; padding: 0;} #tagCloud .top1{top: 0.2em;} #tagCloud .top2{top: 0.4em;} *+ html #tagCloud .top2{line-height: 100%;} #tagCloud .top3{top: 0.6em;} #tagCloud .top4{top: 0.8em;} #tagCloud .top5{top: 1.0em;} #tagCloud .top6{top: 1.2em;} #tagCloud .top7{top: 1.4em;} #tagCloud .top8{top: 1.6em;} #tagCloud .top-1{top: -0.2em;} *+ html #tagCloud .top-1{line-height: 290%;} #tagCloud .top-2{top: -0.4em;} #tagCloud .top-3{top: -0.6em;} #tagCloud .top-4{top: -0.8em;} #tagCloud .top-5{top: -1.0em;} #tagCloud .top-6{top: -1.2em;} #tagCloud .top-7{top: -1.4em;} #tagCloud .top-8{top: -1.6em;} /* 5.27 Kostenstopp - Charts */ .costStopChart .costTable { width: 480px; height: 290px; float: left; margin-left: 33px; } .costStopChart .costTable > div { margin-bottom: 2px; } .costStopChart .costTable div { font-size: 14px; color: #333333; overflow: auto; } .costStopChart .costTable .color { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; border: solid #EEE 1px; float: left; width: 40px; padding: 10px 0 10px 0px; } .costStopChart .costTable .caption { border-top: solid #EEE 1px; border-bottom: solid #EEE 1px; padding: 10px 0 10px 15px; } .costStopChart .costTable .value { border-top: solid #EEE 1px; border-bottom: solid #EEE 1px; float: right; padding: 10px 10px 10px 0px; } .costStopChart .costTable .info { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border: solid #ddd 1px; float: right; padding: 0; width: 40px; text-align: center; } .costStopChart .costTable .total .info { border: solid #EE5500 1px; } .costStopChart .costTable .info.empty { border: solid #ddd 1px; padding: 10px 0px 10px 0px; margin-right: 40px; width: auto; margin-left: -4px; border-left: none; } .costStopChart .costTable .info .infoIcon { background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); padding: 10px 0 10px 0; margin: 0; width: 40px; line-height: 15px; *line-height: 17px\9; /* IE7 and below */ text-align: center; } .costStopChart .costTable .total .info .infoIcon { background: #EE5500; background: -moz-linear-gradient(top, #EE5500 0%, #FF6600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EE5500), color-stop(100%,#FF6600)); background: -webkit-linear-gradient(top, #EE5500 0%,#FF6600 100%); background: -o-linear-gradient(top, #EE5500 0%,#FF6600 100%); background: -ms-linear-gradient(top, #EE5500 0%,#FF6600 100%); background: linear-gradient(top, #EE5500 0%,#FF6600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE5500', endColorstr='#FF6600',GradientType=0 ); } .costStopChart .costTable .info .infoIcon .icontext { visibility: visible; font-size: 18px; font-weight: bold; color: #AAA; text-shadow: 0.5px 0.5px 1px #FFF; } .costStopChart .costTable .total .info .infoIcon .icontext { color: #FFF; text-shadow: none; } .costStopChart .costTable .info .infoIcon:hover .infoBubble { left: 0px; top: 0px; bottom: auto; float: left; } .costStopChart .costTable .total { font-size: 16px; font-weight: bold; margin-left: 41px; } .costStopChart .costTable .total .caption { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; border-top: solid #DDD 1px; border-left: solid #DDD 1px; border-bottom: solid #DDD 1px; background-color: #EEE; } .costStopChart .costTable .total .value { border-top: solid #DDD 1px; border-bottom: solid #DDD 1px; padding-right: 4px; background-color: #EEE; } .costStopChart .chartHolder { width: 375px; height: 242px; float: right; margin-right: 25px; position: relative; } .costStopChart .chartInfo { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: solid #EEE 1px; position: absolute; top: 10px; right: 0px; width: 112px; visibility: hidden; } .costStopChart .chartInfo .row { padding: 5px 9px 5px 5px; } .costStopChart .chartInfo .row div { font-size: 10px; color: #333; } .costStopChart .chartInfo .row:first-child { border-bottom: solid #EEE 1px; } .costStopChart .chartInfo .row .value { font-size: 12px; color: #ff6600; font-weight: bold; } .costStopChart .chartInfo .row:first-child .value { font-size: 14px; } .costStopChart .chartInfo .row .period { font-weight: bold; } .costStopChart .chartInfo .infoIcon { position: absolute; top: 6px; right: 8px; } .costStopChart .chartInfo .infoIcon:hover .infoBubble { left: -350px; top: -110px; bottom: auto; } /* RBO Tarifübersicht*/ ul.boxDivider {list-style:none;margin:0;padding:0;} .boxDividerContent {position:relative;overflow:hidden;min-height:40px;padding: 14px 10px;margin:0 10px;border-bottom:1px solid #ddd;} .boxDividerContent.currentOption {padding-left:70px;} li.currentOptionItem.open {background-color:#f7f7f7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} li.currentOptionItem .optionTitle {float:left;padding:3px 0 0 0;font-size:14px;} li.currentOptionItem .tariffOptionStatus {padding-top:0;} .option_ACTIVE,.option_PRE_DEACTIVE,.option_IN_RENEWAL {background: url('/extensions/images/icons/ic_checklist_aktiv.png;vbcdjcea') no-repeat 20px 10px;} .option_PRE_ACTIVE {background: url('/extensions/images/icons/ic_checklist_gebucht.png;vbcdjcea') no-repeat 16px 10px;} .option_SUSPENDED_PRE_DEACTIVE {background: url('/extensions/images/icons/ic_checklist_predeactive.png;vbcdjcea') no-repeat 16px 10px;} .option_SUSPENDED {background: url('/extensions/images/icons/ic_checklist_pause.png;vbcdjcea') no-repeat 16px 10px;} .option_DEACTIVE {} .option_COSTSTOPP{background: url('/extensions/images/icons/ic_coststopp.gif;vbcdjcea') no-repeat 5px 10px;} .option_PRE_ACTIVE .buttonWrapper{display:none;} .optionDetailInfo, .optionDetailInfo.copy {padding: 0 10px 10px 70px;margin:0 10px;clear:both} .open .boxDividerContent {padding-bottom:5px;border:none;} .open .optionDetailInfo {border-bottom:1px solid #ddd;} .last .boxDividerContent,.last .optionDetailInfo {border:none;} /* RBO Tarifoptionswähler */ .tariffOptionBox {/* extends optionBox */ } .no-touch .tariffOptionBox { cursor: pointer; } .touch .tariffOptionBox { -webkit-tap-highlight-color: rgba(0,0,0,0); } .tariffOptionBox .hd {padding:9px 0 30px 0;min-height:28px;background:url('/extensions/images/backgrounds/bg_optionbox.png;vbcdjcea') no-repeat -10px -120px #eee;} .js_editable.tariffOptionBox .hd{cursor:pointer;} .tariffOptionBox .ft {padding: 9px 10px 5px 10px;background-color:#eee;border-top:1px solid #ddd;} .tariffOptionBox.active .hd {background-position:-10px 0;} .tariffOptionBox.booked .hd,.tariffOptionBox.disabled .hd {background-position:-10px -241px;} .tariffOptionBox .infoIcon {position:absolute;top:6px;right:6px;} .tariffOptionBox .infoIcon.infoIconStoererDataflat {top:-15px;right:-28px;} .tariffOptionBox .infoIcon:hover .infoBubble,.tariffOptionBox .hd .infoIcon.touched .infoBubble {left:-145px;width:260px;} .tariffOptionBox .infoIcon.infoIconStoererDataflat:hover .infoBubble,.tariffOptionBox .hd .infoIcon.touched.infoIconStoererDataflat .infoBubble {bottom:57px;left:-120px;} .optionName {padding:5px 0 6px 50px;background:url('/extensions/images/backgrounds/bg_optionbox_hd.png;vbcdjcea') no-repeat 5px 0 ;font-weight:bold;font-size:12px;color:#5e5e5e;text-transform:uppercase;} .optionName label {font-weight:bold;} .optionNamePart {display:block;color:#f60;margin-left:-1px;} .optionBox.disabled p,.optionBox.disabled label {color:#666;} .optionBox .ic_neu {position:absolute;right:5px;top:58px;z-index:1;} *+html .optionBox.option_DATAFLAT .bd{display:inline-block;}/* ie7 */ .option_DATAFLAT .optionName {background-position:5px -100px;} .option_sms .optionName {background-position:5px -200px;} .option_PACKAGE_100 .optionName {background-position: 5px -300px;} .option_PACKAGE_200 .optionName {background-position: 5px -400px;} .optionBox.active .optionName {background-position: -395px 0;} .optionBox.active .optionNamePart {color:#e6e6e6;} .option_DATAFLAT.optionBox.active .optionName {background-position: -395px -100px;} .option_sms.optionBox.active .optionName {background-position: -395px -200px;} .option_PACKAGE_100.active .optionName {background-position: -395px -300px;} .option_PACKAGE_200.active .optionName {background-position: -395px -400px;} .optionBox.booked .optionName,.optionBox.disabled .optionName {background-position: -195px 0;color:#aaa;} .optionBox.booked .optionNamePart,.optionBox.disabled .optionNamePart {color:#f9ac79;} .option_DATAFLAT.booked .optionName,.option_DATAFLAT.disabled .optionName {background-position: -195px -100px;} .option_sms.booked .optionName,.option_sms.disabled .optionName {background-position: -195px -200px;} .option_PACKAGE_100.booked .optionName,.option_PACKAGE_100.disabled .optionName {background-position: -195px -300px;} .option_PACKAGE_200.booked .optionName,.option_PACKAGE_200.disabled .optionName {background-position: -195px -400px;} .optionBox.booked .button,.optionBox.disabled .button {color:#aaa;} .optionBox .optionCondition {padding:15px 10px 39px 40px; white-space:nowrap;} .optionCondition .price{font-weight:bold;font-size:18px;margin-right:3px;} .optionBox.active .optionCondition {background: url('/extensions/images/icons/ic_checklist_positive.png;vbcdjcea') no-repeat 12px 14px;} .optionStatus {padding:0;text-align:right;} .optionStatus .statusOneline {line-height:1.8;} .optionBoxSum {padding:0;} .optionBoxSum .sum {padding: 0 20px 0 20px;font-size: 28px; font-weight:bold;} .optionBox .selectable {} .optionBox .notselectable {color:#f60 !important;display:none;} .optionBox.disabledInfo .selectable {display:none;} .optionBox.disabledInfo .notselectable {display:block;} .internetflatOpts{margin:0 3px;height:24px;} .internetflatOpts label{font-weight:bold;position:relative;cursor:pointer;padding:5px;display:block;white-space: nowrap;} .internetflatOpts label *{white-space: normal;} .internetflatOpts input[type="radio"]{margin-right:3px;} *+html .internetflatOpts input[type="radio"]{width:13px;height:13px;margin-bottom:3px;} .ios .internetflatOpts input[type="radio"]{margin-right:0;} .optionBox.active .internetflatOpts.checked{background-color:#FF8433;color:white; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.5);box-shadow:inset 0 0 4px rgba(0,0,0,0.5);} .internetflatOpts .flatlimit{font-weight:normal;} .internetflatOpts label:hover .infoBubble{left:130px;top:-27px;width:260px;opacity:1.0;padding-bottom:15px;} .internetflatOpts label:hover .infoBubble .infoZipfel{} .internetflatOpts label:hover .infoBubble.infoBubbleOpt2{} .option_optiongroup .optionCondition{padding-top:1px;padding-bottom:3px;background-position:12px 3px;} .suboptionVisible .optionBox.option_optiongroup .optionCondition{padding:0 24px 4px 26px;} .suboptionVisible .tariffOptionBox .hd{padding-bottom:21px;} .suboptionVisible .subOptionContainer{margin-top: 3px;} .suboptionVisible.suboptions_1 .subOptionContainer {/*height:47px;*/} .suboptionVisible.suboptions_1 .subOptionContainer input[type="radio"] {display:none;} .suboptionVisible.suboptions_1 .subOptionContainer label {color:#FF6600;font-size:14px;font-weight: bold;margin-left: 17px;} .suboptionVisible.suboptions_1 .optionBox.option_optiongroup .optionCondition {padding-bottom: 27px;} .suboptionVisible.suboptions_2 .subOptionContainer{height:48px;} .suboptionVisible.suboptions_3 .subOptionContainer{height:72px;} .suboptionVisible.suboptions_2 .optionBox .optionCondition{margin-top:8px;} .suboptionVisible.suboptions_3 .optionBox .optionCondition{margin:22px 0 10px 0;} .suboptionVisible.suboptions_3 .option_optiongroup .optionCondition, .suboptionVisible.suboptions_2 .option_optiongroup .optionCondition{background-position:96px 8px;margin-bottom:0;margin-top:7px;} .optionBox.option_optiongroup .optionCondition {padding-top:0;padding-bottom:38px;} .optionBox.active.option_optiongroup .optionConditionBooked {padding-top:0;padding-bottom:38px; background-position: 12px 18px;} .optionBox .option_childlabel {font-weight: bold;color: #f60;font-size: 14px;} .optionBox.booked .option_childlabel,.optionBox.disabled .option_childlabel{color:#F9AC79;} .optionBox .showActive {display:none;} .optionBox .hideActive {display:block;} .optionBox .showDisabled {display:none;} .optionBox .showBooked {display:none;} .optionBox.active .showActive {display:block;} .optionBox.active .hideActive {display:none;} .optionBox.disabled .showDisabled {display:block;} .optionBox.disabled .hideDisabled{display:none;} .optionBox.notremovable .hideDisabled {display:none;} .optionBox.booked .showBooked {display:block;} .optionBox.booked .hideBooked {display:none;} .optionBox.active .buttonWrapper.showActive {margin-top:4px;} /* TO Pakete */ .optionBoxPackage {width:100%;} .optionBoxPackageHd {margin-bottom:15px;} .optionBoxPackageHd .optionName {float:left;width:100px;line-height:1.2;} .optionNameText {padding-top:4px;background:#fff;text-transform:none;font-weight:normal;color:black;font-size:13px;height:100%;line-height:1.2;} .tariffOptionPackageBox {border-radius:0;width:228px;border:1px solid transparent;} .tariffOptionPackageBox.last {float:right;margin-right:100px;-webkit-box-shadow: 0 0 6px 0 #bbb;-moz-box-shadow: 0 0 6px 0 #bbb;box-shadow: 0 0 6px 0 #bbb;} .no-boxshadow .tariffOptionPackageBox.last {border:1px solid #bbb;} .tariffOptionPackageBox.active, .no-boxshadow .tariffOptionPackageBox.last.active {border:1px solid #f60;} .tariffOptionPackageBox .optionCondition {padding: 15px 36px 15px 10px;float:left;} .tariffOptionPackageBox.active .optionCondition {background-position:100% 16px;} .tariffOptionPackageBox .optionCondition .price {color:#f60;font-size:24px;} .tariffOptionPackageBox.disabled .optionCondition .price {color:#666;} .tariffOptionPackageBox .infoIcon {top:16px;right: 10px;} .tariffOptionPackageBox .ft {border:none;border-radius:0;padding:5px 10px 1px 10px;position:relative;overflow:visible;} .tariffOptionPackageBox .ft:after {content:'';position:absolute;left:15px;top:-5px;width:10px;height:5px;background:url('/extensions/images/icons/sprite_icons.png;vbcdjcea') 0 -432px;} .tariffOptionPackageBox.booked .ft, .tariffOptionPackageBox.disabled .ft {color: #666;background-color:#F7F7F7;} .tariffOptionPackageBox.booked .ft:after,.tariffOptionPackageBox.disabled .ft:after {background-position:-40px -432px;} .tariffOptionPackageBox .optionDuration {float:left;padding-top:0.6em;color:#444;font-weight:bold;} .booked.tariffOptionPackageBox .optionStatus,.disabled.tariffOptionPackageBox .optionStatus {clear:both;padding: 2px 0;text-align:left;} .loyalAddition {position:absolute;right:-100px;top:50%;margin-top:-45px;width:90px;height:90px;background:url('/extensions/images/backgrounds/bg_paketstoerer.png;vbcdjcea') 0 0 no-repeat;} .disabled .loyalAddition {background-position:-90px 0;} .option_PACKAGE_200_COMMITMENT .loyalAddition {background-position: 0 -90px;} .disabled.option_PACKAGE_200_COMMITMENT .loyalAddition {background-position: -90px -90px;} /* Tarifwähler als Liste */ .optionlist {margin:0;padding:0;list-style:none;} .optionlist li {position:relative;border-top: 1px solid #ddd; padding: 10px 0 10px 0;cursor:pointer;} .optionlist li.first {border-top:none;} .optionlist li:hover,.optionlist li.over {background-color:#f7f7f7;} .optionlist input.typeCheckbox {margin:11px 10px 0 15px;} .optionlist .optionName {float:left;margin-bottom:0;} .optionlist .optionCondition {float:right;text-align:right;padding:5px 42px 0 0;} .optionlist .optionCondition .price {padding:0 0 0 20px;font-size:24px;} .optionlist .infoIcon {float:right;margin-top:13px;} .optionlist .infoIcon:hover .infoBubble, .optionlist .infoIcon.touched .infoBubble {left:auto;right:-125px;bottom:25px;width:260px;} .optionlist .infoIcon:hover .infoBubble .infoZipfel, .optionlist .infoIcon.touched .infoBubble .infoZipfel {margin-left:105px;} .optionlist li.active {} .optionlist li.active .optionCondition {background:none;color:#f60;} .optionlist .ic_neu {position:absolute;left:160px;top:17px;} /* RBO Zusammenfassung */ .tableSumAlign {float:right;margin:-20px 8px 0 0;} /* 6.0 Valuable Spalte */ /* 6.1 cart*/ .cartHeaderIcon {position:absolute; top:-23px;right:0px;} .cartHeaderIconCustomer {top:-27px;right:15px;} .cartBox .campaignteaser img {display:block;} .cartBodyTable { margin: 0; width:238px;font-size:12px;font-weight:bold;} .cartBodyTable.persdata {font-weight:normal;} .cartBodyTable.meinsimyo {font-weight:normal;} .cartBodyTable .changed {background-color:#ffeedd;} .cartBodyTable th {padding-top:10px;text-align:left; vertical-align:bottom;} .cartBodyTable td {padding:7px 0; vertical-align:top;border-top:solid 1px #ccc;} .cartBodyTable td.empty {width: 10px;border:none;} .cartBodyTable tr.hasSubrow td {padding-bottom:0;/*border-bottom-color:#e3e3e3; wechseln wenn simcard rabatt im cart angezeigt wird */} .cartBodyTable tr.isSubrow td {border:none;padding-top:3px;} .cartBodyTable .cartBodyAmount td {padding:12px 12px 5px 12px;font-weight:bold; font-size:14px;color:#ff6600;border-top:2px solid #ccc;} .cartBodyTable .cartBodyAmount td.cartBodyPrice {padding-left:0;width:38px;text-align:right;} .cartBodyTable .last > td {border-bottom:none;} .cartBodyTable .first > td {border-top:none;} .cartBodyTable h4 {font-size:12px;padding:0 0 2px 0;margin:0;} .cartBodyTable .removeFromCart {float:right;width:15px;height:15px;text-decoration:none;background: url('/extensions/images/icons/sprite_icons.png;vbcdjcea') 0 -370px no-repeat;} .cartBodyTable tr.yourBalance td {padding-bottom:10px;} .cartBodyTable .balance {padding:2px 0;color:#f60;font-size:28px;font-weight:bold;} .cartBodyTable .innerTeaser td {padding:0;border:2px solid #f60;border-width: 2px 0;vertical-align:top;} .cartBodyTable .innerTeaser .teaserWrapper {height:171px; padding:7px 10px;} .cartBodyTable .innerTeaser h4 {padding:6px 0 4px 0;} .cartBodyTable #telephoneNumber{position:relative;} .cartBodyTable #telephoneNumber p{padding-top:1px;} .cartBodyTable .infoIconGeneral .infoBubble2 {width:280px;} .cartBodyTable .infoIconGeneral:hover .infoBubble2 {left:-30px;bottom:10px;} .cartBodyTable table.tableOrderSub {width:100%;} .cartBodyTable table.tableOrderSub td {margin-top:5px;padding:0;height:auto;color:#666;font-weight:normal;border:none;} .cartBodyTable table.tableOrderSub .amount {text-align:right;} .cartBodyTableData {width:100%;font-weight:normal;border-top:none;margin-top:5px;} .multipleSIM .cartBodyTableData {border-top:2px solid #ccc;} .cartBodyTableData td {padding-left:12px;} .multipleSIM .cartBodyTableData td {border:none;} .cartBodyTableData td.cartBodyPrice {padding-left: 0;padding-right:12px;text-align: right;} .cartExtraTable {width:100%;margin-top:5px;font-weight:normal;} .cartExtraTable td, .cartExtraTable td.empty {border-top:1px solid #CCCCCC;} /* 6.2 FAQ Box */ .faqBox .hd h4 {color:#fff;font-size:14px;font-weight:bold;} .faqBox ul {list-style-type:none;margin:0;padding:0;} .faqBox li {margin:0 0 20px 0;padding:0;overflow:hidden;list-style-type:none;} .faqBox li.last {margin-bottom:0;} .faqBox h4 {padding: 0 0 4px 0;} ol.linkList.top10 li {margin:0 0 8px 0;padding:0 0 0 5px;font-weight:bold;list-style-type:decimal;} /* 7.0 Footer */ #footer {clear:both;} .ftContent {float:left;width:730px;} .ftValuable {float:left;width:238px;padding:0 0 0 20px;} ul.footer {float:left;width:723px;margin:0 0 15px 14px;padding:0;} ul.footer li {list-style:none;float:left;padding: 2px 0 2px 0;color:#595959;font-size:11px;} ul.footer li.first {color:#595959;font-size:11px;} ul.footer li a {color:#595959;font-size:11px;text-decoration:none;margin:0 6px;} ul.valuableFooter {/*extends footer */float:right;width:auto;margin-right:0;} ul.valuableFooter li {padding: 2px 5px;color:#fff;line-height:16px;} ul.valuableFooter li a {color:#fff;text-decoration:underline;margin:0;} ul.valuableFooter li a.valuableFooterIcon {display:block;width:20px;height:20px;background-image:url('/extensions/images/icons/sprite_siteicons.png;vbcdjcea');} ul.valuableFooter li a.valuableFooterIcon.iconFacebook {background-position:0 -70px;} ul.valuableFooter li a.valuableFooterIcon.iconTwitter {background-position:0 -96px;} ul.valuableFooter li a.valuableFooterIcon.iconBlog {background-position:0 -342px;width:31px;} ul.firstFooter {/*extends footer */margin-bottom:5px;} ul.firstFooter li {font-size:10px;color:#888888;} ul.firstFooter li a {font-size:10px;color:#888888;} /* 8.0 Popup */ body.popupbody {background-position: -281px 0;background-color:#f60;} body.popupbody .personalWelcome {right:15px;} .popupWrapper {float:left;margin-right:14px;position:relative;} .popupHeader {padding:10px 10px 10px 20px;overflow:hidden;} .popupWrapper #contentArea {width:auto;padding:20px 10px 20px 20px;margin-right:0;min-height:250px;} .popupWrapper #contentArea > .line {margin-left:0;width:100%;} /* temp */ .popupWrapper .contentArea {width:auto;padding:20px 10px 20px 20px;margin-right:0;min-height:250px;} .popupWrapper .contentArea > .line {margin-left:0;width:100%;} /* end temp */ /* 9.0 Layer */ #dimmer {display:none;position:fixed;z-index:1001;bottom:0;right:0;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;} /*#dimmer {filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);}*/ .no-opacity #dimmer {background: url('/extensions/images/backgrounds/trans_black_60.png;vbcdjcea') 0 0 repeat;} #dimmerIframe {display:none;position:absolute;z-index:1000;top:0;left:0;width:0;height:0;} .overlayWrapper {display:none;visibility:hidden;position:absolute;z-index:1002;top:0;left:0;margin:0px; width:100%;height: 0;text-align:left;overflow:visible;} .overlayWrapper.fixed {position:fixed;left:50%;margin-left:-300px;width:600px;} .overlay {display:none;visibility:hidden;position:relative;z-index:1002;top:180px;left:60px;margin:0px; width:600px;text-align:left;overflow:visible;} .fixed .overlay {margin:0 auto;top:0;left:0;position:relative;} .overlayWrapper .overlay {display:block;visibility:visible;} /*.overlay {display:none;margin:230px 0 20px 250px;width:600px;text-align:left;}*/ .overlayContent {position:relative;background-color:#fff;background-position:0 0; background-repeat:no-repeat;border:1px solid #919191;-webkit-border-radius: 10px;-moz-border-radius: 10px ;border-radius: 10px;} .overlayHead {height:20px;position: relative;} .overlayBody {padding:0px 20px 20px 20px;} .overlayBody.plainBody {padding-left:0;padding-right:0;} .iconHeading + .overlayBody {padding-top: 10px;} .overlayTitle {padding: 0;font-size:20px;font-weight:bold;} .overlayTitle.single {padding-bottom:10px;} .overlayHead .overlayTitle {padding: 12px 110px 4px 15px;} .closeOverlay {position:absolute;top:1px;right:9px;} .overlaySection {border-top:1px solid #c9c9c9;padding-top:20px;} .overlaySectionTitle {padding: 0 0 4px 0;font-size:17px;font-weight:bold;} .overlayButtons {/*position:absolute;*/left:0px;bottom:0;width:100%;border-top:1px solid #e6e6e6;} .overlayButtons .lineInner {margin:15px 20px;overflow:hidden;} .subline p {margin:0;} /*.overlay .overlayTitle {padding:12px 15px 10px 15px;font-size:17px;background-color:#f60;color:#fff;}*/ .overlay .legalText {position: relative; clear:both;margin:4px 0 0 0; padding: 0 12px 12px 21px;font-size:11px;color:#b2b2b2;background-color:#fff;border:1px solid #919191;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} .overlay .legalText p {font-size:11px;color:#b2b2b2;padding-top:1.0em;} .showOverlay #dimmer {display:block;} .showOverlay #overlayWrapper {display:block;} /*.showOverlay .overlay {display:block;visibility:visible;}*/ .overlayAjaxContainer {display:none;} /* 9.1 Layer Handybundle */ ul.handydescription {margin:0;padding:0;list-style:none;} ul.handydescription > li {margin:0;padding:0 10px 0 10px;list-style:none;overflow:hidden;border-top: 1px solid #ccc;} ul.handydescription > li.open {padding-bottom:20px;} ul.handydescription > li:last-child {border-bottom: 1px solid #ccc;} ul.handydescription .resultContent {padding:20px 0;cursor:pointer;} ul.handydescription h3 {padding-top:4px;} ul.handydescription li ul {margin-top:1.3em;} img.handydetail {display:block;margin: 0 auto;} .handydetail_desc {padding:30px 100px 0 0;text-align:right;} /* 9.2 Interstitials */ .interstitial {/* extends overlay */width:532px;left:75px;} .interstitial .overlayHead {background:none;/*url('/extensions/images/backgrounds/bg_interstitial_head.png;vbcdjcea') no-repeat 0 0 transparent;*/} .interstitial .overlayContent {height:343px;} /* 9.3 Layer Video */ .videoOverlay {/* extends overlay */width: 664px;height:392px;} .videoOverlay.modeTemplateWide {left:220px;} .videoOverlay .closeOverlay {top:0;background-position: 60px -2044px;} .videoOverlay .closeOverlay .button{color:#888;} .videoOverlay .overlayContent {-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;} .videoOverlay .overlayBody {padding: 20px;min-height:352px;} .videoThumbnail {display: none;} /* 9.4 Social Layer */ .overlay.sociallayer {width:500px;} .sociallayer .overlayTitle{margin-bottom:0.6em;margin-top:0.6em;} .sociallayer .overlayContent {min-height: 200px;} .layer_FACEBOOK_GATE, .layer_FACEBOOK_SUCCESS {background: #fff url('/extensions/images/backgrounds/bg_layerfacebook.png;vbcdjcea') 0 100% no-repeat;} .layer_TWITTER_GATE, .layer_TWEET_SUCCESS{background: #fff url('/extensions/images/backgrounds/bg_layertwitter.png;vbcdjcea') 0 100% no-repeat;} .layer_GATE {background: #fff url('/extensions/images/backgrounds/bg_layermail.png;vbcdjcea') 0 100% no-repeat;} /*.layergoogleplus {background: #fff url('/extensions/images/backgrounds/bg_layergoogleplus.png;vbcdjcea') 0 100% no-repeat;}*/ .layer_CODE_GATE {background: #fff url('/extensions/images/backgrounds/bg_layercode.png;vbcdjcea') 0 100% no-repeat;} .tweetbird {background:url('/extensions/images/backgrounds/bg_tweetbird.png;vbcdjcea') 50% 100% no-repeat;} /*.btn_twitter {display:block;width:67px;height:20px;margin:15px 0;background: url('/extensions/images/icons/sprite_siteicons.png;vbcdjcea') 0 -312px no-repeat;}*/ .btn_twitter {} .codeshareArea {display:block;border:2px solid #f60;padding:8px;width:50%;margin:16px auto 0 auto;background-color: #f7f7f7;font-weight:bold;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;} .codeshareArea::selection,.codeshareArea::-moz-selection {background-color:#f60;} /* 9.5 Abbruchlayer Mehrkartenbestellung */ .overlay.multipleSimLayer .columnTeaser {margin-right:10px;} .overlay.multipleSimLayer .columnTeaser.last {margin-right:0;} /* 10.0 JavaScript Spezialitäten */ .jsHidden {display:none;} .hiddenIfJs {display:none !important;} /* 11.0 Preloader */ .jsPreloader img.preloader {display:none;} .jsPreloader .preloader_data {display:block;} .jsPreloader.jsPreloading img.preloader {display:block;} .jsPreloader.jsPreloading .preloader_data {display:none;} .jsPreloader.preloaderSelectAlign {margin-top:18px;} .jsPreloader .preloaderSelectAlignCentered {text-align:center} .jsPreloader.jsPreloading .preloaderSelectAlignCentered .preloader {display:inline;} .jsPreloader.preloaderTableAlign {position:absolute;top:4px;left:-30px;} .jsPreloader.preloaderButtonAlignLeft {float:right;margin: 6px 15px 0 0;} .jsPreloader.jsPreloading .js_preloadDisabled {display:none;} .jsPreloader.preloaderOverlay {position:absolute;right:87px;top:5px;} .jsPreloader.preloaderRightOfText{position:absolute;right:-20px;top:0;} .jsPreloader.preloaderLeftOfText{position:absolute;left:-20px;top:0;} /* 12.0 ToggleGroup */ .jsPrepared.js_toggleGroup .js_toggleGroupElement {display:none;} .jsPrepared.js_toggleGroup.toggleGroupOpen .js_toggleGroupElement {display:block;} #boxChooseSim { padding: 12px 10px 12px 10px; } #boxChooseSim .formItem { display: block; float: nofloat; } #boxChooseSim .formItem input { margin-left: 10px; } #boxChooseSim h2 { padding-left: 10px; font-size: 12px; } #bigOrderButton{ margin-top: -20px; position: relative; top: -15px; left: -10px; } /* yui widget, automcomplete, widget-stack */ /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ .sim-widget-hidden { display: none; } .sim-widget-content { overflow: hidden; } .sim-widget-content-expanded { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100% } .sim-widget-tmp-forcesize { overflow: hidden !important; } /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ .sim-widget-stacked .sim-widget-shim { opacity: 0; filter: alpha(opacity = 0); position: absolute; border: none; top: 0; left: 0; padding: 0; margin: 0; z-index: -1; width: 100%; height: 100%; _width: 0; _height: 0; } /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ .sim-aclist { position: absolute; } .sim-aclist-hidden { visibility: hidden; } .sim-aclist-aria { left: -9999px; position: absolute; } .sim-aclist-list { list-style: none; margin: 0; overflow: hidden; padding: 0 } .sim-aclist-item { cursor: pointer; list-style: none; padding: 2px 5px; } .sim-aclist-item-active { outline: #afafaf dotted thin; } .sim-skin-sam .sim-aclist-content { -moz-box-shadow: 1px 1px 4px #888; -webkit-box-shadow: 1px 1px 4px #888; background: #fff; border: 1px solid #afafaf; box-shadow: 1px 1px 4px #888; } .sim-skin-sam .sim-aclist-item-hover { background: #bfdaff; } .sim-skin-sam .sim-aclist-item-active { background: #2647a0; color: #fff; outline: 0; } /* File upload */ .contactUpload .uploadFormItem {padding:2px 0 3px 0;} .contactUpload .empty .buttonDelete .remove{display:none;} .contactUpload .sim-contactfileuploadwidget.empty .buttonDelete{display:none;} .contactUpload .empty .buttonDelete .delete{display:block;} .contactUpload .buttonDelete .delete{display:none;} .contactUpload .uploading .typeFile{display:none;} .contactUpload .uploading img.preloader {display:block;margin-top:3px;} .contactUpload .uploaded .typeFile{display:none;} .contactUpload .dropzone {border:2px dashed #bbb;padding:20px;margin:0 20px 0 0;color:#bbb;text-align:center;clear:both;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;transition:background-color 0.2s;} .contactUpload .dropzone.dnd-file {background-color:#e6e6e6;border-color:#7b7b7b;color:#7b7b7b;} .contactUpload .dropzone.full {display:none;} .contactUpload .fileName {max-width:100%;float:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .filereader .contactUpload .fileName, .contactUpload .uploaded .fileName {max-width:81%;} /*.filereader .sim-contactfileuploadwidget-error .fileName {max-width:100%;}*/ .contactUpload .fileSize {float:left;max-width:17%;padding-left:6px;white-space: nowrap;} .contactUpload .fileMessage {display:block;} .contactUpload .childrenContainer {padding:10px 0;} /* @media only screen and (max-width: 700px) { ul.mainNavigation {clear:left;} }*/ /* iOS: ipad, ipod, iphone */ .ios fieldset.mainSearch {border:none;} /* 40 Bausteine*/ /* Media Block*/ /*.mediaClear, .mediaImg {overflow:hidden; _overflow:visible;}*//* change clearing from overflow:hidden! */ .mediaBlock {} .mediaImg {float:left; margin-right: 10px;} .mediaBd {} .mediaBdIconSpace {padding-left:50px;} .mediaBdBoxHead {padding-bottom:17px;} /* icon headline + icon content */ .iconHeading {padding-left:20px;padding-right:20px;font-size:18px;} .iconHeading h2,.iconHeading h3,.iconHeading h4,.iconHeading h5 {font-size:18px;margin:0;padding:0;display:inline;} img.headingIcon {display:inline;margin-right: 10px;vertical-align:middle;} .iconPadding {padding-left: 70px;} /* 50.0 Print Styles */ @media print{ .noprint {display:none !important;} .printonly{display:block !important;} .cl {display:block;} .cl:after{content:"";display:none;height:0;clear:both;visibility:hidden;} .icon {background:none;} .showCollapsed {display:none;} .showExpanded {display:block;} span.showExpanded {display:inline;} tr.showExpanded {display:table-row;} .hideExpanded {display:none;} /* structure print*/ .logo{float: right;position: relative; left: 0.5cm;} .wrapper {width:100%;padding:0;float:none;} #contentArea{padding-top: 1cm !important;} body{background: none !important;} .shadowWrapper,.shadowWrapper.shadowWrapperFullSize {width:auto;background:none;float:none;} .innerShadowWrapper,.shadowWrapperFullSize .innerShadowWrapper {background:none;float:none;} .shadowWrapperFullSize .footnotesLine {width:auto;} #contentArea,.shadowWrapperFullSize #contentArea {float:none;clear:both;width:100%;padding:0;margin:0; min-height:10px;} #contentArea.smallHeight {min-height:10px;} .valuableCol {display:none; /*clear:both;width:100%;padding:0;*/} .valuableTeaser {display:none;} #footer {display:none;} .line, .fullLine {width:100%;float:none;} #contentArea .line,.shadowWrapperFullSize #contentArea .line {margin-right:0;margin-left:0;width:100%;} .footnotesLine .lineInner {} .line .lineInner,.line .inner {margin:0;float:none;} .stage {padding-right:0;padding-left:0;} .orderProcess.wrapper .contentArea div, .contentArea {float: none;} .contentArea,.shadowWrapperFullSize .contentArea {float:none;clear:both;width:100%;padding:0;margin:0; min-height:10px;} .contentArea.smallHeight {min-height:10px;} .contentArea .line,.shadowWrapperFullSize .contentArea .line {margin-right:0;margin-left:0;width:100%;} .buttonWrapper{visibility: hidden;} /* header print*/ #header {padding: 0 0 10px 0;width:100%;} .logo {margin-right:20px;} .breadcrumb {float:left;width:100%;margin-left:0;margin-bottom:40px;} .breadcrumb li.iconHome {padding:0;background:none;} /* box print */ .box {float:none; position: relative;} /* .box .hd {padding-bottom:10px;} .box .hd h2 {padding-top: 10px;} */ .box .hd .subline {min-height:1px;} .box .hd .buttonWrapper {display:none;} .box .bd {} .box .bdSpace {padding: 5px 20px;} .box .bdSideSpace {} .box .bdVerticalSpace {} .box .boxBdDivider {border: 1px solid #ddd;border-top-width:0;min-height:1px;} .box .ft {padding-bottom:10px !important;} .iconHeight {min-height:10px;} .iconBox img.boxIcon {top:8px;} .toggleBox .hd { border-color:#dddddd;background-color:#e6e6e6;} .toggleBox .bd {display:block;} .toggleBox .boxBdDivider {display:block;} .toggleBox .ft {padding-bottom:20px; border-color:#dddddd;background-color:#e6e6e6;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;} .toggleBox .ft .boxButtonLine {display:block;} .optionBox {float:left;} .optionBox .hd {cursor:default;} .optionBox .description {position:static;opacity:1;} .optionBox.disabled .notselectable {display:block;} .optionBoxSum {display:none;} /* main navigation print */ ul.mainNavigation {display: none; /* background-image:none;background-color:#fff;float:right; */} ul.mainNavigation > li {padding-bottom:0;width:auto !important;margin:0 8px;} ul.mainNavigation > li > a {background:none;} ul.mainNavigation > li > a span {display:inline;} ul.mainNavigation > li > a.login {display:none;} li.open .secondNavigationWrapper {display:none;} .personalWelcome, .personalWelcome input, fieldset.mainSearch {display:none;} /* info bubble print */ .infoIcon {display:none;} *+html .infoIcon {display:none;} /* layer print */ .showOverlay #dimmer,.overlayHead {display:none;} .overlay,.overlayContent {position:static;margin:0 !important;clear:both;} /* footnotes print*/ .footnotesBox .hd a {display:none;} .footnotesBox .bd {display:block;} /* Flash print */ object {display:none;} /* Tarifanzeige print*/ ul.teaserToggleBox {} ul.teaserToggleBox li h2, ul.teaserToggleBox h2 {position:static !important;background:none !important;color:#000 !important;} ul.teaserToggleBox li label {color:#000 !important;} ul.teaserToggleBox li .teaserTogglecontent {display:block !important; margin-top:0 !important;} ul.teaserToggleBox h2 span.arrow {display:none !important;} .boxDividerContent {border:none;} .optionDetailInfo {border-bottom:1px solid #ccc;} /* order overview print */ .tableOrderData .changeData a {display:none;} /* order confirmation print */ #contentArea > #headOrderFinish .line{margin-left: 0 !important;} .orderProcess .contentTeaser {display:none;} .orderProcess.wrapper #contentArea div, #contentArea {float: none;} .orderProcess *{background: auto !important;} .orderProcess .logo {background: none !important;} .multipleSimProgress,.multipleSimProgressStatus {height:auto; width:auto;background:none;} /* valuable col print (orderprocess) */ .orderProcess .valuableCol {page-break-before:always;display:block;float:none;clear:both;width:100%;padding:10px 0 0 0;} .orderProcess .valuableCol .cartHeaderIcon {display:none;} .orderProcess .valuableCol .box {width:240px;} .orderProcess .valuableCol .box .hd {border:1px solid #ddd;} .orderProcess .valuableCol .box .bd {border:1px solid #ddd;border-width: 0 1px;} .orderProcess .valuableCol .box .ft {border:1px solid #ddd;border-width: 0 1px 1px 1px;} .orderProcess div.cartBox { float:none !important; clear:both !important; width: auto !important; margin: 0; } /*.orderProcess .introText{margin-bottom: 20cm !important; page-break-after:always;}*/ .finishOrder #headOrderFinish {/*margin-bottom: 20cm !important; page-break-after:always;*/} .cartBox .hd {padding:5px 0 5px 7px;} .cartBox .hd h3 {font-size: 14px;font-weight: bold; padding-top: 19px} .cartBox img{display: none !important; position: absolute;} .orderProcess #cart{margin-bottom:20px !important;} /*.orderProcess #yourData{position: absolute !important; top: 5cm; background-color: #fff !important;}*/ /* .orderProcess #cart .bd{height: 8cm !important;} .orderProcess #yourData .bd{height: 9cm !important;}*/ /* #marketingDescriptition{display: block !important; visibility: visible !important;} */ #marketingDescriptition img{ display: none; } #cart .description, #yourData .description{ display: none !important; } .orderProcess #cart .hd, .orderProcess #yourData .hd { padding: 0 20px 22px; } #cart .bd, #yourData .bd { padding-left: 10px; } .orderProcess .cartBodyTable h4 { font-weight:bold;font-size:13px;} #cart .cartBodyTable .alternate{background-color: #fff !important;} .orderProcess .cartBodyTable .cartBodyPrice {width:50px;} .finishOrder .iconBox {/* position:absolute;top:0;*/} .finishOrder .iconBox .hd {padding-bottom: 14px;background-color: #e6e6e6;border-bottom: solid 1px #ddd; padding: 0 20px 22px;} .finishOrder .iconBox .hd .boxIcon { display:none;} .finishOrder .iconBox .bd.bdSpace {padding:20px;} .finishOrder .iconBox .boxBdDivider {padding-left:20px;font-size:13px;} .finishOrder #main-password-passwordBlock { } /* handybundle print */ ul.handydescription > li {overflow:visible;} /* social media bar/ printbar print */ .socBar, .printbar {display: none;} .finishOrder .breadcrumb{display: none !important;} #tagCloud {display:none;} #reorderCoststopTeaser{display: none; position: absolute; visibility: hidden;} .tabNav {float:left;width:90%;} .tabContainer {position:static;} #javax_faces_developmentstage_messages{display:none;} h1.sifr{height: auto !important;} h1.sifr span{display: block; padding-bottom: 0.25cm;} label span, label select, label input{display: none; visibility: hidden;} /* Print-Steuerungsklassen */ .print_pagebreak_before{page-break-before:always;} .print_pagebreak_after{page-break-after:always;} .social{page-break-after:avoid; page-break-before:avoid;} .print_pageend{page-break-after:avoid; page-break-before:avoid; margin-bottom: 0 !important; padding-bottom: 0 !important;} .print_hide{display: none;} .hidden.printshow{display: block !important;} } /* end Print styles */