/******************************** File Structure of simyo_20.css {{{ ********************************* - 1.0 Basics - 2.0 Container - 3.0 Header 3.1 Logo 3.2 Mainnav 3.3 Subnav 3.4 Searchbar 3.5 Logout - 4.0 Kartenoptik - 5.0 Content 5.1 Headlines 5.2 Text 5.3 Images 5.4 Buttons 5.5 Flash 5.6 IFrame 5.7 Links 5.8 Lists 5.9 Tables 5.10 Teaser im Content 5.11 Downloads 5.12 Suchergebnisse - 6.0 Teaser 6.1 Teaserheadlines 6.2 Teasercontent 6.3 Teaser 10 Tabs 6.4 Toolbox 6.5 Flashteaser 6.6 Kampagnen 6.7 Presenter - 7.0 Formulare - 8.0 Hilfe - 9.0 Bestellprozess - 10.0 Handyshop - 11.0 Freundschaftswerbung - 12.0 Mein simyo 12.1 Verbindunguebersicht 12.2 Online Aufladen 12.3 Guthaben Uebersicht 12.4 SIM-Chef 12.5 Zahlungsdaten 12.6 MNP-Statusanzeige - 13.0 Popups - 14.0 Footer 14.1 Footernav - 15.0 Specials 15.1 sIFR }}} *********************************/ /** Basics {{{ **/ body {margin:0;padding:10px 10px 26px 10px;font:normal normal normal 12px/17px Arial, sans-serif;text-align:center;color:#000;background:#fff;} a {text-decoration:underline;color:#000;} h1, h2, h3, h4, h5, h6, table {margin:0;padding:0;font-size:100%;font-weight:normal;line-height:normal;} form,p {margin:0;padding:0;} fieldset {border:none;margin:0;padding:0;} legend {display:none;} ul,ol,li {margin:0;padding:0;list-style:none;} img {display:block; border:none;} input, select, textarea {font:normal normal normal 12px Arial, sans-serif;margin:0;} acronym, abbr {border-bottom-width:0;cursor:help;font-style:normal;text-transform:none;} .hr {clear: both;height:10px;padding-top:10px;margin-bottom:5px;background:url(../pics/simyo/backgrounds/bg_hr.gif) repeat-x center;} .hr hr {display: none;} .print {display:none;} .debug {display:none;font-family:"Courier New";line-height:100%;} .debug.on {display:block;} .clickArea {cursor:pointer;} /* }}} */ /** Container {{{ **/ #container {position:relative;width:980px;margin:0 auto 0 auto;text-align:left;} #wrapper {background:#EBEBEB url('../pics/simyo/backgrounds/bg_contentwrapper.jpg') repeat-x 0 94px;} #extra {clear:both;width:980px;height:260px;overflow:hidden;background:transparent url('../pics/simyo/backgrounds/bg_content.gif') repeat-y top left;} /* }}} */ /** Header {{{ **/ #header {height:1%;background:transparent url('../pics/simyo/backgrounds/bg_header.jpg') no-repeat top left;} html>body #header {overflow:hidden;} /* Logo */ #header #logo {display:inline;float:left;margin:22px 0 0 22px;background:transparent url('../pics/simyo/logos/lg_simyo.gif') no-repeat top left;} #header #logo a {width:192px;height:54px;display:block;} #header #logo a span {display:none;} /* Mainnav */ #header ul#mainNav {float:left;width:421px;height:87px;margin:32px 0 0 68px;background:transparent url('../pics/simyo/backgrounds/bg_mainnav.png') no-repeat top left;} #header ul#mainNav li {float:left;} #header ul#mainNav li a {display:block;} #header ul#mainNav li a span {display:none;} #header ul#mainNav li.informieren a {width:149px;height:75px;background:transparent url('../pics/simyo/backgrounds/bg_mainnav.png') no-repeat 0px -348px;} #header ul#mainNav li.bestellen a {width:134px;height:80px;background:transparent url('../pics/simyo/backgrounds/bg_mainnav.png') no-repeat -149px -348px;} #header ul#mainNav li.meinSimyo a {width:138px;height:75px;background:transparent url('../pics/simyo/backgrounds/bg_mainnav.png') no-repeat -283px -348px;} /* Mainnav - hover */ #header ul#mainNav li.informieren a:hover {background-position:0px -435px;} #header ul#mainNav li.bestellen a:hover {background-position:-149px -435px;} #header ul#mainNav li.meinSimyo a:hover {background-position:-283px -435px;} /* Mainnav - active */ #header.informieren ul#mainNav {background-position:0px -87px;} #header.informieren ul#mainNav li.informieren a {background-position:0px -435px;} #header.bestellen ul#mainNav {background-position:0px -174px;} #header.bestellen ul#mainNav li.bestellen a {background-position:-149px -435px;} #header.meinSimyo ul#mainNav {background-position:0px -261px;} #header.meinSimyo ul#mainNav li.meinSimyo a {background-position:-283px -435px;} /* Subnav */ #header #subNav {display:none;clear:both;} #header #subNav ul {display:none;float:left;position:relative;margin:16px 0 0 14px;background:transparent url('../pics/simyo/backgrounds/bg_subnav_glossy.gif') repeat-x top left;} #header #subNav ul li {float:left;background:transparent url('../pics/simyo/backgrounds/bg_subnav_separator.gif') no-repeat top left;} #header #subNav ul li a {height:30px;padding:8px 15px 0 15px;font-size:13px;text-decoration:none;} html>body #header #subNav ul li a {display:block;height:22px;} #header #subNav ul li a:hover {color:#ff7f00;} #header #subNav ul li a.first {background:transparent url('../pics/simyo/backgrounds/bg_subnav_first.gif') no-repeat top left;} #header #subNav ul li a.last {background:transparent url('../pics/simyo/backgrounds/bg_subnav_last.gif') no-repeat 100% 0px;} /* Subnav 3. Ebene */ #header #subNav ul li ul {display:none;position:absolute;top:30px;left:0;width:710px;margin:0;padding:10px 0 0 0;background:#fff;} #header #subNav ul li:hover ul, #header #subNav ul li.hover ul {display:block;z-index:10000;} #header #subNav ul li ul li {background:none;height:20px;} #header #subNav ul li ul li a {height:16px;padding:0 10px;font-size:12px;background:transparent url('../pics/simyo/backgrounds/bg_subnav_separator.gif') no-repeat 100% 50%;} #header #subNav ul li ul li.last a {background:none;} /* Subnavigation einblenden */ #header.informieren #subNav, #header.bestellen #subNav, #header.meinSimyo #subNav, #header.unternehmen #subNav, #header.presse #subNav, #header.partner #subNav, #header.allyourbase #subNav {height:89px;} /* Platz fuer #subNav ohne Subnavigation */ #header.allyourbase #subNav {display:block;} /* Subnavigation: Informieren */ #header.informieren #subNav {display:block} #header.informieren #subNav ul#informieren {display:inline;} /* Subnavigation: Informieren > Tarif */ #header.informieren #subNav.tarif ul#informieren li#tarif ul {display:block;} #header.informieren #subNav.tarif ul#informieren li#tarif a.tarif {color:#ff7f00;} #header.informieren #subNav.tarif.tarifUebersicht ul#informieren li#tarif ul li.tarifUebersicht a {color:#ff7f00;} #header.informieren #subNav.tarif.tarifSimyo ul#informieren li#tarif ul li.tarifSimyo a {color:#ff7f00;} #header.informieren #subNav.tarif.tarifSimyoBasic ul#informieren li#tarif ul li.tarifSimyoBasic a {color:#ff7f00;} #header.informieren #subNav.tarif.tarifSimyoFlat ul#informieren li#tarif ul li.tarifSimyoFlat a {color:#ff7f00;} #header.informieren #subNav.tarif.ausland ul#informieren li#tarif ul li.ausland a {color:#ff7f00;} #header.informieren #subNav.tarif.daten ul#informieren li#tarif ul li.daten a {color:#ff7f00;} /* Subnavigation: Informieren > Testsiger */ #header.informieren #subNav.testsieger ul#informieren li#testsieger ul {display:block;} #header.informieren #subNav.testsieger ul#informieren li#testsieger a.testsieger {color:#ff7f00;} /* Subnavigation: Informieren > Von A-Z */ #header.informieren #subNav.vonAbisZ ul#informieren li#vonAbisZ ul {display:block;} #header.informieren #subNav.vonAbisZ ul#informieren li#vonAbisZ a.vonAbisZ {color:#ff7f00;} #header.informieren #subNav.vonAbisZ.simyoAbisZ ul#informieren li#vonAbisZ ul li.simyoAbisZ a {color:#ff7f00;} #header.informieren #subNav.vonAbisZ.themenliste ul#informieren li#vonAbisZ ul li.themenliste a {color:#ff7f00;} #header.informieren #subNav.vonAbisZ.suche ul#informieren li#vonAbisZ ul li.suche a {color:#ff7f00;} /* Subnavigation: Informieren > simyo Tour */ #header.informieren #subNav.simyoTour ul#informieren li#simyoTour ul {display:block;} #header.informieren #subNav.simyoTour ul#informieren li#simyoTour a.simyoTour {color:#ff7f00;} /* Subnavigation: Informieren > Mobiles Internet */ #header.informieren #subNav.mobilesInternet ul#informieren li#mobilesInternet ul {display:block;} #header.informieren #subNav.mobilesInternet ul#informieren li#mobilesInternet a.mobilesInternet {color:#ff7f00;} /* Subnavigation: Informieren > Aktuell */ #header.informieren #subNav.aktuell ul#informieren li#aktuell ul {display:block;} #header.informieren #subNav.aktuell ul#informieren li#aktuell a.aktuell {color:#ff7f00;} /* Subnavigation: Informieren > Tools */ #header.informieren #subNav.tools ul#informieren li#tools ul {display:block;} #header.informieren #subNav.tools ul#informieren li#tools a.tools {color:#ff7f00;} #header.informieren #subNav.tools.wechselwecker ul#informieren li#tools ul li.wechselwecker a {color:#ff7f00;} #header.informieren #subNav.tools.kuendigungshelfer ul#informieren li#tools ul li.kuendigungshelfer a {color:#ff7f00;} #header.informieren #subNav.tools.newsletter ul#informieren li#tools ul li.newsletter a {color:#ff7f00;} #header.informieren #subNav.tools.infoset ul#informieren li#tools ul li.infoset a {color:#ff7f00;} /* Subnavigation: Informieren > Partnerangebote */ #header.informieren #subNav.partnerangebote ul#informieren li#partnerangebote ul {display:block;} #header.informieren #subNav.partnerangebote ul#informieren li#partnerangebote a.partnerangebote {color:#ff7f00;} /* Subnavigation: Bestellen */ #header.bestellen #subNav ul#bestellen {display:inline;} #header.bestellen #subNav {display:block} /* Subnavigation: Bestellen > Starter Set */ #header.bestellen #subNav.simyoBasic ul#bestellen li#simyoBasic ul {display:block;} #header.bestellen #subNav.simyoBasic ul#bestellen li#simyoBasic a.simyoBasic {color:#ff7f00;} /* Subnavigation: Bestellen > Flatrate */ #header.bestellen #subNav.simyoFlat ul#bestellen li#simyoFlat ul {display:block;} #header.bestellen #subNav.simyoFlat ul#bestellen li#simyoFlat a.simyoFlat {color:#ff7f00;} /* Subnavigation: Bestellen > SIM-Chef */ #header.bestellen #subNav.bestellenSimChef ul#bestellen li#bestellenSimChef ul {display:block;} #header.bestellen #subNav.bestellenSimChef ul#bestellen li#bestellenSimChef a.bestellenSimChef {color:#ff7f00;} /* Subnavigation: Bestellen > Handys */ #header.bestellen #subNav.handys ul#bestellen li#handys ul {display:block;} #header.bestellen #subNav.handys ul#bestellen li#handys a.handys {color:#ff7f00;} #header.bestellen #subNav.handys.topangebote ul#bestellen li#handys ul li.topangebote a {color:#ff7f00;} #header.bestellen #subNav.handys.alleHandys ul#bestellen li#handys ul li.alleHandys a {color:#ff7f00;} #header.bestellen #subNav.handys.topConnect ul#bestellen li#handys ul li.topConnect a {color:#ff7f00;} #header.bestellen #subNav.handys.warenkorb ul#bestellen li#handys ul li.warenkorb a {color:#ff7f00;} #header.bestellen #subNav.handys.zubehoer ul#bestellen li#handys ul li.zubehoer a {color:#ff7f00;} #header.bestellen #subNav.handys.topnotebooks ul#bestellen li#handys ul li.topnotebooks a {color:#ff7f00;} #header.bestellen #subNav.handys.alleNotebooks ul#bestellen li#handys ul li.alleNotebooks a {color:#ff7f00;} #header.bestellen #subNav.handys.speichermedien ul#bestellen li#handys ul li.speichermedien a {color:#ff7f00;} /* Subnavigation: Bestellen > Handyzubehoer */ #header.bestellen #subNav.handyzubehoer ul#bestellen li#handyzubehoer ul {display:block;} #header.bestellen #subNav.handyzubehoer ul#bestellen li#handyzubehoer a.handyzubehoer {color:#ff7f00;} #header.bestellen #subNav.handyzubehoer.modelle ul#bestellen li#handyzubehoer ul li.modelle a {color:#ff7f00;} #header.bestellen #subNav.handyzubehoer.warenkorb ul#bestellen li#handyzubehoer ul li.warenkorb a {color:#ff7f00;} /* Subnavigation: Bestellen > Klingeltoene und Co */ #header.bestellen #subNav.klingeltoeneUndCo ul#bestellen li#klingeltoeneUndCo ul {display:block;} #header.bestellen #subNav.klingeltoeneUndCo ul#bestellen li#klingeltoeneUndCo a.klingeltoeneUndCo {color:#ff7f00;} #header.bestellen #subNav.klingeltoeneUndCo.ringtones ul#bestellen li#klingeltoeneUndCo ul li.ringtones a {color:#ff7f00;} #header.bestellen #subNav.klingeltoeneUndCo.games ul#bestellen li#klingeltoeneUndCo ul li.games a {color:#ff7f00;} #header.bestellen #subNav.klingeltoeneUndCo.handystyles ul#bestellen li#klingeltoeneUndCo ul li.handystyles a {color:#ff7f00;} #header.bestellen #subNav.klingeltoeneUndCo.wallpaper ul#bestellen li#klingeltoeneUndCo ul li.wallpaper a {color:#ff7f00;} #header.bestellen #subNav.klingeltoeneUndCo.animationen ul#bestellen li#klingeltoeneUndCo ul li.animationen a {color:#ff7f00;} #header.bestellen #subNav.klingeltoeneUndCo.wap ul#bestellen li#klingeltoeneUndCo ul li.wap a {color:#ff7f00;} /* Subnavigation: Mein simyo */ #header.meinSimyo #subNav ul#meinSimyo {display:inline;} #header.meinSimyo #subNav {display:block} /* Subnavigation: Mein simyo > Aufladen */ #header.meinSimyo #subNav.aufladen ul#meinSimyo li#aufladen ul {display:block;} #header.meinSimyo #subNav.aufladen ul#meinSimyo li#aufladen a.aufladen {color:#ff7f00;} #header.meinSimyo #subNav.aufladen.onlineAufladen ul#meinSimyo li#aufladen ul li.onlineAufladen a {color:#ff7f00;} #header.meinSimyo #subNav.aufladen.automatischesAufladen ul#meinSimyo li#aufladen ul li.automatischesAufladen a {color:#ff7f00;} #header.meinSimyo #subNav.aufladen.smsAufladen ul#meinSimyo li#aufladen ul li.smsAufladen a {color:#ff7f00;} #header.meinSimyo #subNav.aufladen.cashAufladen ul#meinSimyo li#aufladen ul li.cashAufladen a {color:#ff7f00;} #header.meinSimyo #subNav.aufladen.gutscheinEinloesen ul#meinSimyo li#aufladen ul li.gutscheinEinloesen a {color:#ff7f00;} /* Subnavigation: Mein simyo > Guthaben (SIM-Team) */ #header.meinSimyo #subNav.guthaben ul#meinSimyo li#guthaben ul {display:block;} #header.meinSimyo #subNav.guthaben ul#meinSimyo li#guthaben a.guthaben {color:#ff7f00;} #header.meinSimyo #subNav.guthaben.guthabenUebersicht ul#meinSimyo li#guthaben ul li.guthabenUebersicht a {color:#ff7f00;} #header.meinSimyo #subNav.guthaben.cashAufladen ul#meinSimyo li#guthaben ul li.cashAufladen a {color:#ff7f00;} #header.meinSimyo #subNav.guthaben.gutscheinEinloesen ul#meinSimyo li#guthaben ul li.gutscheinEinloesen a {color:#ff7f00;} /* Subnavigation: Mein simyo > Rechnung */ #header.meinSimyo #subNav.rechnung ul#meinSimyo li#rechnung ul {display:block;} #header.meinSimyo #subNav.rechnung ul#meinSimyo li#rechnung a.rechnung {color:#ff7f00;} #header.meinSimyo #subNav.rechnung.rechnungen ul#meinSimyo li#rechnung ul li.rechnungen a {color:#ff7f00;} #header.meinSimyo #subNav.rechnung.verbindungsuebersichtAuswaehlen ul#meinSimyo li#rechnung ul li.verbindungsuebersichtAuswaehlen a {color:#ff7f00;} #header.meinSimyo #subNav.rechnung.verbindungsuebersichtAnsehen ul#meinSimyo li#rechnung ul li.verbindungsuebersichtAnsehen a {color:#ff7f00;} /* Subnavigation: Mein simyo > Flatrate */ #header.meinSimyo #subNav.flatrate ul#meinSimyo li#flatrate ul {display:block;} #header.meinSimyo #subNav.flatrate ul#meinSimyo li#flatrate a.flatrate {color:#ff7f00;} /* Subnavigation: Mein simyo > Tarif einstellen */ #header.meinSimyo #subNav.tarife ul#meinSimyo li#tarife ul {display:block;} #header.meinSimyo #subNav.tarife ul#meinSimyo li#tarife a.tarife {color:#ff7f00;} /* Subnavigation: Mein simyo > Verbindungsuebersicht (SIM-Team) */ #header.meinSimyo #subNav.verbindungsUebersicht ul#meinSimyo li#verbindungsUebersicht ul {display:block;} #header.meinSimyo #subNav.verbindungsUebersicht ul#meinSimyo li#verbindungsUebersicht a.verbindungsUebersicht {color:#ff7f00;} /* Subnavigation: Mein simyo > SIM-Karten */ #header.meinSimyo #subNav.simKarten ul#meinSimyo li#simKarten ul {display:block;} #header.meinSimyo #subNav.simKarten ul#meinSimyo li#simKarten a.simKarten {color:#ff7f00;} #header.meinSimyo #subNav.simKarten.datenAendern ul#meinSimyo li#simKarten ul li.datenAendern a {color:#ff7f00;} #header.meinSimyo #subNav.simKarten.simKartenBestellen ul#meinSimyo li#simKarten ul li.simKartenBestellen a {color:#ff7f00;} /* Subnavigation: Mein simyo > SIM-Chef */ #header.meinSimyo #subNav.simChef ul#meinSimyo li#simChef ul {display:block;} #header.meinSimyo #subNav.simChef ul#meinSimyo li#simChef a.simChef {color:#ff7f00;} #header.meinSimyo #subNav.simChef.simChefUebersicht ul#meinSimyo li#simChef ul li.simChefUebersicht a {color:#ff7f00;} #header.meinSimyo #subNav.simChef.zuSimTeamWechseln ul#meinSimyo li#simChef ul li.zuSimTeamWechseln a {color:#ff7f00;} #header.meinSimyo #subNav.simChef.simChefWerden ul#meinSimyo li#simChef ul li.simChefWerden a {color:#ff7f00;} /* Subnavigation: Mein simyo > Meine Daten */ #header.meinSimyo #subNav.meineDaten ul#meinSimyo li#meineDaten ul {display:block;} #header.meinSimyo #subNav.meineDaten ul#meinSimyo li#meineDaten a.meineDaten {color:#ff7f00;} #header.meinSimyo #subNav.meineDaten.meineDatenUebersicht ul#meinSimyo li#meineDaten ul li.meineDatenUebersicht a {color:#ff7f00;} #header.meinSimyo #subNav.meineDaten.persoenlicheDaten ul#meinSimyo li#meineDaten ul li.persoenlicheDaten a {color:#ff7f00;} #header.meinSimyo #subNav.meineDaten.zahlungsart ul#meinSimyo li#meineDaten ul li.zahlungsart a {color:#ff7f00;} #header.meinSimyo #subNav.meineDaten.passwortAendern ul#meinSimyo li#meineDaten ul li.passwortAendern a {color:#ff7f00;} #header.meinSimyo #subNav.meineDaten.meinHandy ul#meinSimyo li#meineDaten ul li.meinHandy a {color:#ff7f00;} /* Subnavigation: Mein simyo > Freundschaftswerbung */ #header.meinSimyo #subNav.freundschaftswerbung ul#meinSimyo li#freundschaftswerbung ul {display:block;} #header.meinSimyo #subNav.freundschaftswerbung ul#meinSimyo li#freundschaftswerbung a.freundschaftswerbung {color:#ff7f00;} /* Subnavigation: Unternehmen */ #header.unternehmen #subNav {display:block} #header.unternehmen #subNav ul#unternehmen {display:inline;} #header.unternehmen #subNav.profil ul#unternehmen li#profil ul {display:block;} #header.unternehmen #subNav.profil ul#unternehmen li#profil a.profil {color:#ff7f00;} #header.unternehmen #subNav.gruender ul#unternehmen li#gruender ul {display:block;} #header.unternehmen #subNav.gruender ul#unternehmen li#gruender a.gruender {color:#ff7f00;} /* Subnavigation: Presse */ #header.presse #subNav {display:block} #header.presse #subNav ul#presse {display:inline;} #header.presse #subNav.presseAktuell ul#presse li#presseAktuell ul {display:block;} #header.presse #subNav.presseAktuell ul#presse li#presseAktuell a.presseAktuell {color:#ff7f00;} #header.presse #subNav.pressearchiv ul#presse li#pressearchiv ul {display:block;} #header.presse #subNav.pressearchiv ul#presse li#pressearchiv a.pressearchiv {color:#ff7f00;} #header.presse #subNav.downloads ul#presse li#downloads ul {display:block;} #header.presse #subNav.downloads ul#presse li#downloads a.downloads {color:#ff7f00;} #header.presse #subNav.pressekontakt ul#presse li#pressekontakt ul {display:block;} #header.presse #subNav.pressekontakt ul#presse li#pressekontakt a.pressekontakt {color:#ff7f00;} /* Subnavigation: Partner */ #header.partner #subNav {display:block} #header.partner #subNav ul#partner {display:inline;} #header.partner #subNav.partnerUebersicht ul#partner li#partnerUebersicht ul {display:block;} #header.partner #subNav.partnerUebersicht ul#partner li#partnerUebersicht a.partnerUebersicht {color:#ff7f00;} #header.partner #subNav.affiliates ul#partner li#affiliates ul {display:block;} #header.partner #subNav.affiliates ul#partner li#affiliates a.affiliates {color:#ff7f00;} #header.partner #subNav.haendler ul#partner li#haendler ul {display:block;} #header.partner #subNav.haendler ul#partner li#haendler a.haendler {color:#ff7f00;} #header.partner #subNav.kooperationen ul#partner li#kooperationen ul {display:block;} #header.partner #subNav.kooperationen ul#partner li#kooperationen a.kooperationen {color:#ff7f00;} /* Suche */ #header #searchBar {float:left;margin:60px 0 0 46px;} #header #searchBar form#search label {display:inline;float:left;width:34px;height:12px;margin:3px 10px 0 0;background: transparent url('../pics/simyo/headlines/hl_suche.gif') no-repeat top left;} #header #searchBar form#search label span {visibility:hidden;} #header #searchBar form#search input {display:inline;float:left;} #header #searchBar form#search input.input {width:126px;height:17px;margin:0 6px 0 0;padding:0 2px 0 2px;border-top:1px solid #8E8E8E;border-right:1px solid #CECECE;border-bottom:1px solid #E4E4E4;border-left:1px solid #CDCDCD;background: transparent url('../pics/simyo/backgrounds/bg_input_search.gif') repeat-x top left;} html>body #header #searchBar form#search input.input {width:122px;height:15px;} #header #searchBar form#search input.go {margin:3px 0 0 0;} /* Logout */ #header div#logout {position:absolute;top:106px;right:0;padding:0 21px 0 0;} #container div.sidebar div#logout {text-align:right;padding:0 0 0 176px;} #header div#logout a.logout, #container div.sidebar a.logout {display:block;width:46px;height:14px;background:transparent url('../pics/simyo/buttons/bt_logout.gif') no-repeat top left;} #header div#logout a.logout span, #container div.sidebar a.logout span {display:none;} /* }}} */ /** Kartenoptik {{{ **/ #container div.cartridgeWrapper {display:inline;float:left;margin:0 10px 10px 10px;padding:10px 0 0 0;} #container div.cartridgeBottom {padding:0 0 10px 0;} #container div.cartridgeBody {padding-bottom:10px;} #container div.cartridgeContent {overflow:hidden;} /* einspaltige Kartenoptik */ #container div.cartridgeWrapper.oneColumn {width:225px;background:transparent url('../pics/simyo/backgrounds/bg_cartridge_ie6.gif') no-repeat -225px 0px;} html>body #container div.cartridgeWrapper.oneColumn {background:transparent url('../pics/simyo/backgrounds/bg_cartridge.png') no-repeat -225px 0px;} #container div.cartridgeWrapper.oneColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_ie6.gif') no-repeat -450px 100%;} html>body #container div.cartridgeWrapper.oneColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge.png') no-repeat -450px 100%;} #container div.cartridgeWrapper.oneColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_ie6.gif') repeat-y top left;} html>body #container div.cartridgeWrapper.oneColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge.png') repeat-y top left;} #container div.cartridgeWrapper.oneColumn div.cartridgeContent.cartridgeContentBackground {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_content.gif') no-repeat top left;} /* zweispaltig Kartenoptik */ #container div.cartridgeWrapper.twoColumn {width:470px;background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') no-repeat -470px 0px;} html>body #container div.cartridgeWrapper.twoColumn {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') no-repeat -470px 0px;} #container div.cartridgeWrapper.twoColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') no-repeat -940px 100%;} html>body #container div.cartridgeWrapper.twoColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') no-repeat -940px 100%;} #container div.cartridgeWrapper.twoColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') repeat-y top left;} html>body #container div.cartridgeWrapper.twoColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') repeat-y top left;} #container div.cartridgeWrapper.twoColumn div.cartridgeContent.cartridgeContentBackground {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_content.gif') no-repeat top left;} /* dreipaltig Kartenoptik */ #container div.cartridgeWrapper.threeColumn {width:715px;background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_ie6.gif') no-repeat -715px 0px;} html>body #container div.cartridgeWrapper.threeColumn {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn.png') no-repeat -715px 0px;} #container div.cartridgeWrapper.threeColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_ie6.gif') no-repeat -1430px 100%;} html>body #container div.cartridgeWrapper.threeColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn.png') no-repeat -1430px 100%;} #container div.cartridgeWrapper.threeColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_ie6.gif') repeat-y top left;} html>body #container div.cartridgeWrapper.threeColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn.png') repeat-y top left;} #container div.cartridgeWrapper.threeColumn div.cartridgeContent.cartridgeContentBackground {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_content.gif') no-repeat top left;} /* }}} */ /** Content {{{ **/ #content {clear:both;width:100%;overflow:hidden;background:transparent url('../pics/simyo/backgrounds/bg_content.gif') repeat-y top left;} #content div.sidebar {display:inline;float:left;width:245px;overflow:hidden;} #content #mainContent {display:inline;float:left;overflow:hidden;} #content #mainContent #secondMain {display:inline;float:left;width:487px;overflow:hidden;} #content #mainContent #main {display:inline;float:left;height:1%;width:490px;padding:0 0 14px 0;overflow:hidden;} #content #mainContent #main.noTopPadding {padding-top:0;} #content #mainContent #main div.cartridgeWrapper {width:470px;margin:15px 10px 12px 10px;background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') no-repeat -470px 0px;} html>body #content #mainContent #main div.cartridgeWrapper {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') no-repeat -470px 0px;} #content #mainContent #main div.cartridgeWrapper div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') no-repeat -940px 100%;} html>body #content #mainContent #main div.cartridgeWrapper div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') no-repeat -940px 100%;} #content #mainContent #main div.cartridgeWrapper div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') repeat-y top left;} html>body #content #mainContent #main div.cartridgeWrapper div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') repeat-y top left;} #content #mainContent #main div.cartridgeContent {padding:5px 0 0 0;} #content #mainContent #main div.cartridgeWrapper div.cartridgeContent.cartridgeContentBackground {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_content.gif') no-repeat top left;} /* Content-Spalte ueber die gesamte Seitenbreite*/ #content #mainContent.fullWidth #main {width:980px;padding:0;} /* breite Content-Spalte */ #content #mainContent.mainWide #main {width:735px;/*margin:0 10px 0 0; */} #content #mainContent.mainWide #main div.cartridgeWrapper {width:715px;background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_ie6.gif') no-repeat -715px 0px;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn.png') no-repeat -715px 0px;} #content #mainContent.mainWide #main div.cartridgeWrapper div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_ie6.gif') no-repeat -1430px 100%;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn.png') no-repeat -1430px 100%;} #content #mainContent.mainWide #main div.cartridgeWrapper div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_ie6.gif') repeat-y top left;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn.png') repeat-y top left;} #content #mainContent.mainWide #main div.cartridgeWrapper div.cartridgeContent.cartridgeContentBackground {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_threecolumn_content.gif') no-repeat top left;} /* Headlines */ #content #mainContent #main h2 {clear:both;margin:14px 0 4px 0;padding:0 28px 0 28px;font-size:24px;font-weight:bold;} #content #mainContent #main div.cartridgeContent h2 {margin-top:0;padding:0 18px 0 18px;} #content #mainContent #main h3 {clear:both;margin:0 0 10px 0;padding:0 28px 0 28px;font-size:12px;font-weight:bold;} #content #mainContent #main div.cartridgeContent h3 {padding:0 18px 0 18px;} #content #mainContent #main h4 {clear:both;margin:0 0 10px 0;padding:0 28px 0 28px;font-size:12px;font-weight:bold;} #content #mainContent #main div.cartridgeContent h4 {padding:0 18px 0 18px;} /* Text */ #content #mainContent #main p {clear:both;margin:0 0 8px 0;padding:0 28px 0 28px;} #content #mainContent #main div.cartridgeContent p {padding:0 18px 0 18px;} #content #mainContent #main p.rufnummer, #content #mainContent #main p.passwort {font-size:18px;font-weight:bold;} #content #mainContent #main p.additionalText {font-size:11px;color:#4C4C4C;line-height:15px;} /* Images */ #content #mainContent #main p img.image {margin: 3px 0 8px 0} #content #mainContent #main p img.imageInline {float:left;margin:3px 20px 8px 0;} /* Buttons */ #container div.buttons {clear:both;height:23px;} #content #mainContent #main div.buttons {margin:0 0 18px 0;padding:0 29px 0 29px;} #content #mainContent #main div.cartridgeContent div.buttons {margin-bottom:8px;padding:0 19px 0 19px;} #container div.sidebar div.buttons, #content #mainContent #mainTeaserArea div.buttons, #container #extra div.buttons {margin:0 0 8px 0;} #container div.buttons span.button {display:inline;float:right;height:23px;margin:0;padding:0;text-align:right;background:transparent url('../pics/simyo/backgrounds/bg_button.gif') no-repeat 100% -46px;} #container div.buttons span.button a {display: block;margin:0 17px 0 0;padding:3px 5px 3px 9px;text-decoration: none;background:transparent url('../pics/simyo/backgrounds/bg_button.gif') no-repeat top left;} #container div.buttons span.button a:hover {color:#ff6600;} /* Button links ausgerichtet */ #container div.buttons span.left {float:left;} /* Zurueck-Button*/ #container div.buttons span.button.back {text-align:left;background-position:0 -230px;} #container div.buttons span.button.back a {margin:0 0 0 17px;padding:3px 9px 3px 5px;background-position:100% -184px;} /* einfacher Button */ #container div.buttons span.button.simple {background-position:100% -46px;} #container div.buttons span.button.simple a {margin-right:4px;} /* Buttons mit oranger Farbe */ #container div.buttons.spezial span.button {background-position:100% -138px;} #container div.buttons.spezial span.button a {color:#fff;background-position:0 -92px;} #container div.buttons.spezial span.button a:hover {color:#000;} #container div.buttons.spezial span.button.left.simple {background-position:100% -46px;} #container div.buttons.spezial span.button.left a {color:#000;background-position:top left;} #container div.buttons.spezial span.button.left a:hover {color:#ff6600;} #container div.buttons.spezial span.button.left.back {background-position:0 -230px;} #container div.buttons.spezial span.button.left.back a {background-position:100% -184px;} /* Flash */ #content #mainContent #main #flashContainer {margin:0 0 0 2px;} #content #mainContent #main #flashContainer img {margin:0 0 0 2px;} #content #mainContent #main div.flashContent {margin:0 28px 8px 28px;} #content #mainContent #main div.cartridgeContent div.flashContent {margin:0 19px 8px 19px;} #content #mainContent.mainWide #main div.flashContent {margin:0 0 8px 4px;} /* IFrame */ #content #mainContent #main div.iframe {margin:11px 19px 8px 19px;} #content #mainContent.fullWidth #main div.iframe {margin:10px 4px 0 4px;background-color: #fff;} /* Links */ #content #mainContent #main a.link {padding:0 21px 1px 0;text-decoration:none;background: transparent url('../pics/simyo/backgrounds/bg_link.gif') no-repeat 100% 1px;} #content div.sidebar a.info, #content #mainContent #main a.info {padding:0 19px 0 0;text-decoration:none;background:transparent url('../pics/simyo/icons/ic_info.gif') no-repeat 100% 0;} #content #mainContent #main a.infoi {padding:0 0 0 13px;background:transparent url('../pics/simyo/icons/ic_info_klein.gif') no-repeat 0 3px;} /* Lists */ #content #mainContent #main ul, #content #mainContent #main ol {margin:0 28px 18px 28px;} #content #mainContent #main ul li, #content #mainContent #main ol li {margin:0 0 6px 0;} #content #mainContent #main div.cartridgeContent ul, #content #mainContent #main div.cartridgeContent ol {margin:0 18px 18px 18px;} #content #mainContent #main ul li p, #content #mainContent #main ol li p, #content #mainContent #main div.cartridgeContent ul li p, #content #mainContent #main div.cartridgeContent ol li p {padding:0;} #content #mainContent #main ul.bulletList li {padding:0 0 0 13px;background:transparent url('../pics/simyo/backgrounds/bg_ul_li_grey.gif') no-repeat 2px 6px;} #content #mainContent #main ul.bulletList.vorteil li {margin:0 0 6px 0;padding:0 0 0 22px;background:transparent url('../pics/simyo/backgrounds/bg_ul_li_orange.gif') no-repeat 0px 2px;} #content #mainContent #main ul.linkList.simple li a, #content #mainContent #main ul.downloadList.simple li a {text-decoration:underline;background:none;} #content #mainContent #main ul.downloadList li {padding:0 0 0 24px;background:transparent url('../pics/simyo/backgrounds/bg_ul_li_pdf.gif') no-repeat 0px 3px;} #content #mainContent #main ol li {padding:0 0 0 22px;background-color:transparent;background-repeat:no-repeat;background-position:0px 2px;} #content #mainContent #main ol li.step1 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_01.gif');} #content #mainContent #main ol li.step2 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_02.gif');} #content #mainContent #main ol li.step3 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_03.gif');} #content #mainContent #main ol li.step4 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_04.gif');} #content #mainContent #main ol li.step5 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_05.gif');} #content #mainContent #main ol li.step6 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_06.gif');} #content #mainContent #main ol li.step7 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_07.gif');} #content #mainContent #main ol li.step8 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_08.gif');} #content #mainContent #main ol li.step9 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_09.gif');} #content #mainContent #main ol li.step10 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_10.gif');} #content #mainContent #main ol li.step11 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_11.gif');} #content #mainContent #main ol li.step12 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_12.gif');} #content #mainContent #main ol li.step13 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_13.gif');} #content #mainContent #main ol li.step14 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_14.gif');} #content #mainContent #main ol li.step15 {background-image:url('../pics/simyo/backgrounds/bg_ol_li_15.gif');} #content #mainContent #main ul.grid {clear:both;margin-top:14px;overflow:hidden;} #content #mainContent #main ul.grid li {float:left;width:217px;margin:0 0 16px 0;padding:0;} #content #mainContent #main ul.grid li.first {clear:both;} #content #mainContent #main ul.grid li img {float:left;margin:0 10px 10px 0;} #content #mainContent #main ul.grid li div {float:left;width:145px;padding:2px 0 0 0;} #content #mainContent #main ul.grid li div h4 {margin:0 0 8px 0;padding:0;} /* Tables */ #content #mainContent #main table {width:434px;margin:0 28px 20px 28px;padding:0;line-height:17px;border-width:1px 0 1px 1px;border-style:solid;border-color:#BFBFBF;} #content #mainContent #main div.cartridgeContent table {margin:0 18px 20px 18px;} #content #mainContent #main table th {padding:10px;vertical-align:top;text-align:left;border-right:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;} #content #mainContent #main table.fourCol th {width:25%;} #content #mainContent #main table tr {background-color:#FFFFFF;} #content #mainContent #main table tr.highlight {background-color:#F8F4F5;} #content #mainContent #main table td {padding:10px;vertical-align:top;border-right:1px solid #BFBFBF;} #content #mainContent #main table td.twoOfThree {width:60%;} /* Teaser im Contentbereich */ #content #mainContent #main div.cartridgeWrapper.teaser div.teaserImage {margin:0 18px 15px 18px;} #content #mainContent #main div.cartridgeWrapper.teaser.twoColumn div.teaserImage {float:left;width:187px;} #content #mainContent #main div.cartridgeWrapper.teaser.twoColumn div.teaserContent {float:left;} #content #mainContent #main div.cartridgeWrapper.teaser.twoColumn div.teaserContent h3 {padding-left:0;} #content #mainContent #main div.cartridgeWrapper.teaser.twoColumn div.teaserContent p {padding-left:0;width:210px;} /* Teaser im Contentbereich - einspaltig */ #content #mainContent #main div.cartridgeWrapper.oneColumn, #content #mainContent.mainWide #main div.cartridgeWrapper.oneColumn {width:225px;background:transparent url('../pics/simyo/backgrounds/bg_cartridge_ie6.gif') no-repeat -225px 0px;} html>body #content #mainContent #main div.cartridgeWrapper.oneColumn, html>body #content #mainContent.mainWide #main div.cartridgeWrapper.oneColumn {background:transparent url('../pics/simyo/backgrounds/bg_cartridge.png') no-repeat -225px 0px;} #content #mainContent #main div.cartridgeWrapper.oneColumn div.cartridgeBottom, #content #mainContent.mainWide #main div.cartridgeWrapper.oneColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_ie6.gif') no-repeat -450px 100%;} html>body #content #mainContent #main div.cartridgeWrapper.oneColumn div.cartridgeBottom, html>body #content #mainContent.mainWide #main div.cartridgeWrapper.oneColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge.png') no-repeat -450px 100%;} #content #mainContent #main div.cartridgeWrapper.oneColumn div.cartridgeBody, #content #mainContent.mainWide #main div.cartridgeWrapper.oneColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_ie6.gif') repeat-y top left;} html>body #content #mainContent #main div.cartridgeWrapper.oneColumn div.cartridgeBody, html>body #content #mainContent.mainWide #main div.cartridgeWrapper.oneColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge.png') repeat-y top left;} /* Teaser im Contentbereich - zweispaltig */ #content #mainContent.mainWide #main div.cartridgeWrapper.twoColumn {width:470px;background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') no-repeat -470px 0px;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper.twoColumn {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') no-repeat -470px 0px;} #content #mainContent.mainWide #main div.cartridgeWrapper.twoColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') no-repeat -940px 100%;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper.twoColumn div.cartridgeBottom {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') no-repeat -940px 100%;} #content #mainContent.mainWide #main div.cartridgeWrapper.twoColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn_ie6.gif') repeat-y top left;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper.twoColumn div.cartridgeBody {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_twocolumn.png') repeat-y top left;} /* Teaser im Contentbereich - ohne Hintergrund */ #content #mainContent #main div.cartridgeWrapper.teaser.noBackground, #content #mainContent.mainWide #main div.cartridgeWrapper.teaser.noBackground, #content #mainContent #main div.cartridgeWrapper.teaser.noBackground div.cartridgeBottom, #content #mainContent.mainWide #main div.cartridgeWrapper.teaser.noBackground div.cartridgeBottom, #content #mainContent #main div.cartridgeWrapper.teaser.noBackground div.cartridgeBody, #content #mainContent.mainWide #main div.cartridgeWrapper.teaser.noBackground div.cartridgeBody, #content #mainContent #main div.cartridgeWrapper.teaser.noBackground div.cartridgeContent {background:none;} #content #mainContent.mainWide #main div.cartridgeWrapper.teaser.noBackground div.cartridgeContent {background:none;} /* Teaser auf der Startseite Bestellen */ #content #mainContent #main div.cartridgeWrapper.introTeaser, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser {margin-top:0;margin-right:5px;margin-left:10px;} #content #mainContent #main div.cartridgeWrapper.introTeaser div.cartridgeContentBackground.simkarte, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser div.cartridgeContentBackground.simkarte {padding:20px 18px 0 18px;background:transparent url('../pics/simyo/backgrounds/bg_simyo_simkarte.jpg') no-repeat 11px 0;} #content #mainContent #main div.cartridgeWrapper.introTeaser div.cartridgeContentBackground.stoerer, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser div.cartridgeContentBackground.stoerer {padding:20px 18px 0 18px;background:transparent url('../pics/simyo/backgrounds/bg_simyo_stoerer.jpg') no-repeat 11px 0;} #content #mainContent #main div.cartridgeWrapper.introTeaser div.cartridgeContent div.productInfo, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser div.cartridgeContent div.productInfo {height:140px;margin:0 0 0 170px;} #content #mainContent #main div.cartridgeWrapper.introTeaser div.cartridgeContent h2, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser div.cartridgeContent h2 {font-size:24px;font-weight:bold;margin-bottom:20px;padding:0;} #content #mainContent #main div.cartridgeWrapper.introTeaser div.cartridgeContent p, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser div.cartridgeContent p {margin-bottom:8px;padding:0;} #content #mainContent #main div.cartridgeWrapper.introTeaser div.cartridgeContent p strong, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser div.cartridgeContent p strong {font-size:30px;} #content #mainContent #main div.cartridgeWrapper.introTeaser div.cartridgeContent div.buttons, #content #mainContent #secondMain div.cartridgeWrapper.introTeaser div.cartridgeContent div.buttons {margin-bottom:8px;padding:0;} /* Downloads */ #content #mainContent #main div.downloadRow {height:1%;margin:0 0 10px;} #content #mainContent #main div.downloadRow div.cartridgeWrapper.teaser {margin-top:0;margin-bottom:20px;} #content #mainContent #main div.downloadRow div.cartridgeWrapper.teaser div.cartridgeContent {height:270px;padding-top:8px;} /* Suchergebnisse */ #content #mainContent #main ol#pagerTop, #content #mainContent #main ol#pagerBottom, #content #mainContent #secondMain ol#pagerTop, #content #mainContent #secondMain ol#pagerBottom {padding:0;overflow:hidden;} #content #mainContent #main ol#pagerTop li, #content #mainContent #main ol#pagerBottom li, #content #mainContent #secondMain ol#pagerTop li, #content #mainContent #secondMain ol#pagerBottom li {display:inline;float:left;margin:0 5px 0 0;padding:0;} #content ol#pagerTop li#pT10, #content ol#pagerBottom li#pB10 {margin:0;} #content ol#pagerTop li span, #content ol#pagerBottom li span {display:none;} #content ol#pagerTop li a, #content ol#pagerBottom li a {display:block;width:14px;height:14px;background:transparent url('../pics/simyo/backgrounds/bg_pager.gif') no-repeat top left;} #content ol#pagerTop li#pT1 a, #content ol#pagerBottom li#pB1 a {background-position:0 0;} #content ol#pagerTop li#pT2 a, #content ol#pagerBottom li#pB2 a {background-position:-14px 0;} #content ol#pagerTop li#pT3 a, #content ol#pagerBottom li#pB3 a {background-position:-28px 0;} #content ol#pagerTop li#pT4 a, #content ol#pagerBottom li#pB4 a {background-position:-42px 0;} #content ol#pagerTop li#pT5 a, #content ol#pagerBottom li#pB5 a {background-position:-56px 0;} #content ol#pagerTop li#pT6 a, #content ol#pagerBottom li#pB6 a {background-position:-70px 0;} #content ol#pagerTop li#pT7 a, #content ol#pagerBottom li#pB7 a {background-position:-84px 0;} #content ol#pagerTop li#pT8 a, #content ol#pagerBottom li#pB8 a {background-position:-98px 0;} #content ol#pagerTop li#pT9 a, #content ol#pagerBottom li#pB9 a {background-position:-112px 0;} #content ol#pagerTop li#pT10 a, #content ol#pagerBottom li#pB10 a {background-position:-126px 0;} #content ol#pagerTop li#pT1 a:hover, #content ol#pagerBottom li#pB1 a:hover {background-position:0 -14px;} #content ol#pagerTop li#pT2 a:hover, #content ol#pagerBottom li#pB2 a:hover {background-position:-14px -14px;} #content ol#pagerTop li#pT3 a:hover, #content ol#pagerBottom li#pB3 a:hover {background-position:-28px -14px;} #content ol#pagerTop li#pT4 a:hover, #content ol#pagerBottom li#pB4 a:hover {background-position:-42px -14px;} #content ol#pagerTop li#pT5 a:hover, #content ol#pagerBottom li#pB5 a:hover {background-position:-56px -14px;} #content ol#pagerTop li#pT6 a:hover, #content ol#pagerBottom li#pB6 a:hover {background-position:-70px -14px;} #content ol#pagerTop li#pT7 a:hover, #content ol#pagerBottom li#pB7 a:hover {background-position:-84px -14px;} #content ol#pagerTop li#pT8 a:hover, #content ol#pagerBottom li#pB8 a:hover {background-position:-98px -14px;} #content ol#pagerTop li#pT9 a:hover, #content ol#pagerBottom li#pB9 a:hover {background-position:-112px -14px;} #content ol#pagerTop li#pT10 a:hover, #content ol#pagerBottom li#pB10 a:hover {background-position:-126px -14px;} #content ol#pagerTop li#pT1 a.active, #content ol#pagerBottom li#pB1 a.active {background-position:0 -14px;} #content ol#pagerTop li#pT2 a.active, #content ol#pagerBottom li#pB2 a.active {background-position:-14px -14px;} #content ol#pagerTop li#pT3 a.active, #content ol#pagerBottom li#pB3 a.active {background-position:-28px -14px;} #content ol#pagerTop li#pT4 a.active, #content ol#pagerBottom li#pB4 a.active {background-position:-42px -14px;} #content ol#pagerTop li#pT5 a.active, #content ol#pagerBottom li#pB5 a.active {background-position:-56px -14px;} #content ol#pagerTop li#pT6 a.active, #content ol#pagerBottom li#pB6 a.active {background-position:-70px -14px;} #content ol#pagerTop li#pT7 a.active, #content ol#pagerBottom li#pB7 a.active {background-position:-84px -14px;} #content ol#pagerTop li#pT8 a.active, #content ol#pagerBottom li#pB8 a.active {background-position:-98px -14px;} #content ol#pagerTop li#pT9 a.active, #content ol#pagerBottom li#pB9 a.active {background-position:-112px -14px;} #content ol#pagerTop li#pT10 a.active, #content ol#pagerBottom li#pB10 a.active {background-position:-126px -14px;} #content #mainContent ul.resultlist {clear:both;} #content #mainContent ul.resultlist a.resultLink {text-decoration:none;} #content #mainContent #main span.resulthighlight {background: #bfbfbf; padding:0 2px 0 2px;} #content #mainContent #secondMain span.resulthighlight {background: #eaeaea; padding:0 2px 0 2px;} #content #mainContent ul.resultlist a.intLink {padding-right:25px;background:transparent url('../pics/simyo/icons/ic_intlink.gif') no-repeat scroll 100% 1px;text-decoration:none;} #content #mainContent #main ul.resultlist a.pdfLink {padding-right:25px;background:transparent url('../pics/simyo/icons/ic_pdflink.gif') no-repeat scroll 100% 1px;text-decoration:none;} /* Tarifuebericht */ #content #mainContent #main div.tariff div.cartridgeContent {position:relative;} #content #mainContent #main div.tariff div.tariffImage {margin:0 18px 20px 18px;padding:0 0 3px 0;border-bottom:1px solid #BFBFBF;} #content #mainContent #main div.tariff h3 {margin-bottom:14px;height:21px;background-color:transparent;background-repeat:no-repeat;background-position:18px 0;} #content #mainContent #main div.tariff h3 span {display:none;} #content #mainContent #main div.tariff div.buttons {position:absolute;bottom:0;} /* }}} */ /** Teaser {{{ **/ #content #mainContent #mainTeaserArea {clear:both;height:260px;overflow:hidden;} #content #mainContent #mainTeaserArea div.cartridgeWrapper div.cartridgeContent, #container div.sidebar div.cartridgeWrapper div.cartridgeContent, #extra div.cartridgeWrapper div.cartridgeContent {padding:17px 19px 0 19px;} #content #mainContent #mainTeaserArea div.cartridgeWrapper.teaser.clickArea, #container div.sidebar div.cartridgeWrapper.teaser.clickArea, #extra div.cartridgeWrapper.teaser.clickArea {cursor:pointer;} /* Teaser ohne Hintergrund */ #container div.sidebar div.cartridgeWrapper.noBackground, #container #content #mainContent #mainTeaserArea div.cartridgeWrapper.noBackground, #container #extra div.cartridgeWrapper.noBackground, #container div.sidebar div.cartridgeWrapper.noBackground div.cartridgeBottom, #container #content #mainContent #mainTeaserArea div.cartridgeWrapper.noBackground div.cartridgeBottom, #container #extra div.cartridgeWrapper.noBackground div.cartridgeBottom, #container div.sidebar div.cartridgeWrapper.noBackground div.cartridgeBody, #container #content #mainContent #mainTeaserArea div.cartridgeWrapper.noBackground div.cartridgeBody, #container #extra div.cartridgeWrapper.noBackground div.cartridgeBody, #container div.cartridgeWrapper.noBackground div.cartridgeContent.cartridgeContentBackground {background:none;} /* Teaser mit fester Hoehe */ #content #mainContent #mainTeaserArea div.cartridgeWrapper, #extra div.cartridgeWrapper {margin-bottom:0;} #content #mainContent #mainTeaserArea div.cartridgeWrapper.teaser div.cartridgeContent, #extra div.cartridgeWrapper.teaser div.cartridgeContent {position:relative;height:215px;} html>body #container #content #mainContent #mainTeaserArea div.cartridgeWrapper.teaser div.cartridgeContent, html>body #container #extra div.cartridgeWrapper.teaser div.cartridgeContent {height:198px;} #content #mainContent #mainTeaserArea div.cartridgeWrapper.teaser div.cartridgeContent div.buttons, #extra div.cartridgeWrapper.teaser div.cartridgeContent div.buttons {position:absolute;bottom:0px;width:187px;padding:0;} /* Teaserheadlines */ #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3 {width:203px;height:30px;margin:0 0 5px 11px;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3 span {display:none;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3.gruende {background:transparent url('../pics/simyo/headlines/hl_gruende.gif') no-repeat top left;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3.traifrechner {background:transparent url('../pics/simyo/headlines/hl_tarifrechner.gif') no-repeat top left;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3.warenkorb {background:transparent url('../pics/simyo/headlines/hl_warenkorb.gif') no-repeat top left;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3.meineBestellung {background:transparent url('../pics/simyo/headlines/hl_meine_bestellung.gif') no-repeat top left;} /* Teasercontent */ #container div.cartridgeWrapper.teaser div.cartridgeContent div.teaserImage {display:inline;float:left;margin:0 7px 5px 0;} html>body #container div.cartridgeWrapper.teaser div.cartridgeContent div.teaserImage {margin-right:10px;} #container div.cartridgeWrapper.teaser div.cartridgeContent div.teaserImage.fullWidth {display:block;float:none;margin:0 0 10px 0;} #container div.cartridgeWrapper.teaser div.cartridgeContent h4 {margin:0 0 8px 0;font-weight:bold;} #container div.cartridgeWrapper.teaser div.cartridgeContent p, #container div.cartridgeWrapper.teaser div.cartridgeContent ul {margin:0 0 8px 0;} #container div.cartridgeWrapper.teaser div.cartridgeContent p b, #container div.cartridgeWrapper.teaser div.cartridgeContent p strong {font-size:19px;line-height:120%;} #container div.cartridgeWrapper.teaser div.cartridgeContent ul li {line-height:150%;} #container div.cartridgeWrapper.teaser div.cartridgeContent ul.bulletList li {padding:0 0 8px 13px;background:transparent url('../pics/simyo/backgrounds/bg_ul_li_grey.gif') no-repeat 2px 6px;} #container div.cartridgeWrapper.teaser div.cartridgeContent a.link {padding:0 21px 0 0;font-weight:bold;text-decoration:none;background: transparent url('../pics/simyo/backgrounds/bg_link.gif') no-repeat 100% 1px;} #container div.cartridgeWrapper.teaser div.cartridgeContent ul.downloadList li {padding:0 0 0 24px;background:transparent url('../pics/simyo/backgrounds/bg_ul_li_pdf.gif') no-repeat 0px 3px;} /* Teaser 10 Tabs */ #container #content #mainContent #mainTeaserArea div.cartridgeWrapper.teaser.sheets div.cartridgeContent, #container #extra div.cartridgeWrapper.teaser.sheets div.cartridgeContent {height:180px;} html>body #container #content #mainContent #mainTeaserArea div.cartridgeWrapper.teaser.sheets div.cartridgeContent, html>body #container #extra div.cartridgeWrapper.teaser.sheets div.cartridgeContent {height:163px;} #container div.cartridgeWrapper.teaser ol#sheets li {clear:both;display:none;} #container div.cartridgeWrapper.teaser ol#sheets.sheet1 li#sheet1, #container div.cartridgeWrapper.teaser ol#sheets.sheet2 li#sheet2, #container div.cartridgeWrapper.teaser ol#sheets.sheet3 li#sheet3, #container div.cartridgeWrapper.teaser ol#sheets.sheet4 li#sheet4, #container div.cartridgeWrapper.teaser ol#sheets.sheet5 li#sheet5, #container div.cartridgeWrapper.teaser ol#sheets.sheet6 li#sheet6, #container div.cartridgeWrapper.teaser ol#sheets.sheet7 li#sheet7, #container div.cartridgeWrapper.teaser ol#sheets.sheet8 li#sheet8, #container div.cartridgeWrapper.teaser ol#sheets.sheet9 li#sheet9, #container div.cartridgeWrapper.teaser ol#sheets.sheet10 li#sheet10 {display:block;} /* Toolbox */ #container div.cartridgeWrapper#toolbox div.cartridgeContent.meineDaten {padding-top:0;padding-right:11px;padding-left:11px;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline h3 a {float:left;width:100%;height:30px;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline h3.toolbox a.card1 {width:63px;margin:0 9px 0 0;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline h3.toolbox a.card2 {width:131px;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline.card1 h3.toolbox {background:transparent url('../pics/simyo/headlines/hl_toolbox_tools.gif') no-repeat left top;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline.card2 h3.toolbox {background:transparent url('../pics/simyo/headlines/hl_toolbox_tools.gif') no-repeat 0 -50px;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline h3.einstellungen a.card1 {width:131px;margin:0 9px 0 0;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline h3.einstellungen a.card2 {width:63px;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline.card1 h3.einstellungen {background:transparent url('../pics/simyo/headlines/hl_toolbox_einstellungen.gif') no-repeat left top;} #container div.cartridgeWrapper#toolbox div.cartridgeBody.teaserHeadline.card2 h3.einstellungen {background:transparent url('../pics/simyo/headlines/hl_toolbox_einstellungen.gif') no-repeat 0 -50px;} #container div.cartridgeWrapper#toolbox div.card1 ol#cards li#card1, #container div.cartridgeWrapper#toolbox div.card2 ol#cards li#card2 {display:block;} #container div.cartridgeWrapper#toolbox ol#cards {margin:0;padding:0;} #container div.cartridgeWrapper#toolbox ol#cards li#card1, #container div.cartridgeWrapper#toolbox ol#cards li#card2 {display:none;} #container div.cartridgeWrapper#toolbox div.cartridgeContent.meineDaten ol#cards li#card1, #container div.cartridgeWrapper#toolbox div.cartridgeContent.meineDaten ol#cards li#card2 {padding-right:8px;padding-left:8px;} #container div.cartridgeWrapper#toolbox ol#cards li#card1.special {padding:0 !important;} #content div.sidebar div.cartridgeWrapper#toolbox div.cartridgeContent ul#meineDatenToolbox li {margin:0 0 1px 0;line-height:17px;color:#fff;background:#C9C9C9;} #content div.sidebar div.cartridgeWrapper#toolbox div.cartridgeContent ul#meineDatenToolbox li a {display:block;padding:2px 9px 1px 9px;color:#fff;text-decoration:none;background:transparent url('../pics/simyo/backgrounds/bg_link_bestellung.gif') no-repeat 182px 4px;} #content div.sidebar div.cartridgeWrapper#toolbox div.cartridgeContent ul#meineDatenToolbox li span {display:block;padding:2px 9px 1px 9px;} #content div.sidebar div.cartridgeWrapper#toolbox div.cartridgeContent ul#meineDatenToolbox li b.deposit {font-size:18px;} #content div.sidebar div.cartridgeWrapper#toolbox div.cartridgeContent ul#meineDatenToolbox li div {padding:11px 0 3px 0;color:#000;background:#fff;} #content div.sidebar div.cartridgeWrapper#toolbox div.cartridgeContent ul#meineDatenToolbox li div p {padding:0 9px 0px 9px;} #content div.sidebar div.cartridgeWrapper#toolbox div.cartridgeContent ul#meineDatenToolbox li div p img {float:left;margin:0 10px 10px 0;background:#777;} /* Flashteaser */ #content #mainContent #mainTeaserArea div.cartridgeWrapper.flashTeaser div.cartridgeContent, #container div.sidebar div.cartridgeWrapper.flashTeaser div.cartridgeContent, #extra div.cartridgeWrapper.flashTeaser div.cartridgeContent {padding:0 11px 0 11px;} #container div.sidebar div.cartridgeWrapper.flashTeaser div.cartridgeContent div.buttons {margin-top:10px;margin-right:8px;} /* Kampagnen (kleiner Teaser) */ #header div.cartridgeWrapper.campaignSmall {position:absolute;top:118px;right:0;padding:10px 0 0 0;} #header div.cartridgeWrapper.campaignSmall div.cartridgeBody {padding-bottom:1px;} #header div.cartridgeWrapper.campaignSmall div.cartridgeContent, #container div.sidebar div.cartridgeWrapper.campaignSmall div.cartridgeContent {margin:0 11px 0 11px;padding:35px 10px 7px 0;text-align:right;} #header div.cartridgeWrapper.campaignSmall div.cartridgeContent a.link, #container div.sidebar div.cartridgeWrapper.campaignSmall div.cartridgeContent a.link {padding:0 21px 1px 0;text-decoration:none;background:transparent url('../pics/simyo/backgrounds/bg_link.gif') no-repeat 100% 1px;} /* Kampagnen (grosser Teaser) */ #container div.sidebar div.cartridgeWrapper.campaignLarge div.cartridgeContent p {text-align:right;} #container div.sidebar div.cartridgeWrapper.campaignLarge div.cartridgeContent p.starterSet strong {line-height:110%;font-size:30px;} /* Presenter - Dan */ #content div.presenter {width:225px;height:450px;margin:0 4px 0 4px;} /* TAF-Express */ #content #mainContent #main #tafExpress div.cartridgeWrapper div.cartridgeBody {padding-bottom:10px;} #content #mainContent #main #tafExpress div.flashContainer, #content #mainContent #main #tafExpress div.tafExpress {display:inline;float:left} #content #mainContent #main #tafExpress div.flashContainer {width:200px;height:125px;} #content #mainContent #main #tafExpress div.tafExpress {width:213px;margin:0 0 0 14px;padding-top:20px;} #content #mainContent #main #tafExpress div.tafExpress h4 {width:212px;height:20px;margin-bottom:5px;background:transparent url('../pics/simyo/headlines/hl_taf_express.gif') no-repeat top left;} #content #mainContent #main #tafExpress div.tafExpress h4 span {display:none;} #content #mainContent #main #tafExpress div.tafExpress div.formRow {margin-bottom:30px;} #content #mainContent #main #tafExpress div.tafExpress input.input {width:211px;background-image:url('../pics/simyo/backgrounds/bg_input_taf_express.gif');} html>body #content #mainContent #main #tafExpress div.tafExpress input.input {width:205px;} /* }}} */ /** Formulare {{{ **/ #container #mainContent #main form {margin-bottom:20px;} #container #mainContent #main div.cartridgeWrapper.form {margin-top:0;margin-bottom:12px;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeContent {padding-top:17px;} #container #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent fieldset {padding:0 19px 0 19px;} #container #mainContent #main form fieldset {padding:0 0 0 29px;} #container #mainContent #main div.cartridgeWrapper.form .displayNone {display:none;} #container #mainContent #main div.cartridgeWrapper.form .displayBlock {display:block;} /* Formulare - Headlines */ #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3 {width:454px;height:30px;margin:0 0 5px 11px;} #container #mainContent.mainWide #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3 {width:693px;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3 span {display:none;} /* Formulare - Content */ #content #mainContent #main form h4, #content #mainContent #main form div.cartridgeContent h4 {padding:0;} #content #mainContent #main form p, #content #mainContent #main form div.cartridgeContent p {padding:0;} #content #mainContent #main form div.cartridgeWrapper.twoColumn.searchBox p {padding:0px 18px;} #content #mainContent #main form p.original, #content #mainContent #main form div.cartridgeContent p.original {padding:0px 18px;} /* Formulare - FormGroup, FormRow */ #content form div.groupRow {clear:both;overflow:hidden;margin:0 0 17px 0;} #content form div.groupRow.highlight {background:#F8F4F5;} #content form div.formGroup {float:left;width:311px;margin:0;} #content form div.formGroup.left {margin-right:35px;} #content form div.formGroup p.formDescription {margin:25px;background-color:#F60;} /* Formulare - FormRow */ #content form div.formRow {clear:both;margin:0 0 6px 0;overflow:hidden;} #content form div.formRow div.left {display:inline;float:left;margin:0 2px 0 0;} html>body #content form div.formRow div.left {margin:0 5px 0 0;} #content form div.formRow div.left.space {margin:0 15px 0 0;} html>body #content form div.formRow div.left.space {margin:0 18px 0 0;} /* Formulare - Labels */ #content form div.formRow label {display:block;} #content form div.formRow label.chooserLabel {display:inline;float:left;padding:2px 0 0 2px;} html>/**/body #content form div.formRow label.chooserLabel {width:290px;padding-left:5px;} #content form div.formRow div.left label.chooserLabel {float:none;} /* Formulare - Inputfelder */ #content form .input {border:1px solid #DDD;} #content form input.input {width:310px;height:22px;padding:3px 3px 0 3px;background: transparent url('../pics/simyo/backgrounds/bg_input.gif') repeat-x top left;} html>body #content form input.input {width:302px;height:19px;} #content form input.input.normal12 {width:146px;background-image:url('../pics/simyo/backgrounds/bg_input12.gif');} html>body #content form input.input.normal12 {width:138px;} #content form input.input.normal14 {width:56px;background-image:url('../pics/simyo/backgrounds/bg_input14.gif');} html>body #content form input.input.normal14 {width:48px;} #content form input.input.normal34 {width:249px;background-image:url('../pics/simyo/backgrounds/bg_input34.gif');} html>body #content form input.input.normal34 {width:241px;} #content form textarea.input {width:430px;height:300px;padding:3px;background:transparent url('../pics/simyo/backgrounds/bg_textarea.gif') no-repeat top left;} html>body #content form textarea.input {width:424px;height:294px;padding:3px;} #content form select.input {width:310px;border:1px solid #DDD;} html>body #content form select.input {width:308px;} #content form select.input.normal12 {width:146px;} html>body #content form select.input.normal12 {width:144px;} #content form select.input.normal13 {width:92px;} html>body #content form select.input.normal13 {width:89px;} #content form input.chooser {float:left;} /* Formulare - readonly/disabled */ #content form div.disabled div.formRow label, #content form div.formRow.disabled label, #content form div.disabled div.formRow label a, #content form div.formRow.disabled label a {color:#999;} #content form input.input.disabled, #content form input.input.readonly {color:#797979;border:1px solid #F2F2F2;background:#F2F2F2;} /* Formulare - Buttons */ #container #mainContent #main div.cartridgeWrapper.form div.cartridgeContent div.buttons {width:auto;margin:0;padding:0;} #container #mainContent #main form div.buttons {margin-top:16px;margin-bottom:0;} * html #container #mainContent #main form div.buttons {width:490px;} * html #container #mainContent.mainWide #main form div.buttons {width:735px;} html>body #container #mainContent.mainWide #main form div.buttons {width:677px;} #content form div.buttons input.button {width:0;overflow:visible;} /* Hack for IE */ #content form div.buttons input.button {margin:0 17px 0 0;padding:3px 5px 7px 5px;cursor:pointer;font-family:Arial;border:0;background:transparent url('../pics/simyo/backgrounds/bg_button.gif') no-repeat top left;} html>body #content form div.buttons input.button {width:auto;} html>/**/body #content form div.buttons input.button {padding-left:5px;padding-right:2px;} /* alle Browser ohne IE */ #content form div.buttons input.button:hover {color:#ff7f00;} #content form div.buttons span.button.back input.button {margin:0 0 0 17px;background-position:100% -184px;} html>/**/body #content form div.buttons span.button.back input.button {padding-left:2px;padding-right:5px;} /* alle Browser ohne IE */ #content form div.buttons span.button.submit {background-position:100% -138px;} #content form div.buttons span.button.submit input.button {color:#fff;background-position:0 -92px;} #content form div.buttons span.button.submit input.button:hover {color:#000;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent div.formRow div.buttons, #content #mainContent #secondMain form div.cartridgeWrapper div.cartridgeContent div.formRow div.buttons {clear:none;float:left;padding:17px 0pt 0pt;} #content #mainContent #main form div.cartridgeWrapper.twoColumn.searchBox div.cartridgeContent div.formRow div.buttons {clear:none;float:left;padding:2px 0pt 0pt;} #content #mainContent #main form div.cartridgeWrapper.twoColumn.searchBox div.formRow {padding-top: 10px;padding-left: 20px;} #content #mainContent #main form div.cartridgeWrapper.twoColumn.searchBox div.formRow p {padding-left: 20px;} /* Formulare - Fehlermeldungen */ #content form div.errorRow {margin:0 0 7px 0;color:#f00;} #content form div.error label {color:#f00;} #content form div.error input.input, #content form div.error textarea.input {border:1px solid #f00;} /* Formulare - Hinweise */ #content #mainContent #main form div.formAlert {clear:both;display:none;margin:12px 0 11px 0;padding:7px 7px 7px 10px;border:1px solid #BFBFBF;} #content #mainContent #main form div.formAlert p {margin:0;padding:0 0 0 20px;background:transparent url('../pics/simyo/icons/ic_pfeil.gif') no-repeat 0 4px;} /* Formulare - Login */ #content form#login input.input {width:187px;background:transparent url('../pics/simyo/backgrounds/bg_input_login.gif') no-repeat top left;} html>body #content form#login input.input {width:179px;} /* }}} */ /** Hilfe {{{ **/ /* Visuals fuer die Hilfe (the dirty trick ;-)*/ div#visual {overflow:hidden;} * html div#visual {height:1%} #container div.cartridgeWrapper div.cartridgeBody {padding-bottom:2px;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3.themen {background:transparent url('../pics/simyo/headlines/hl_themen.gif') no-repeat top left;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3.details {background:transparent url('../pics/simyo/headlines/hl_details.gif') no-repeat top left;} #container div.cartridgeWrapper div.cartridgeBody.teaserHeadline h3.begriffe {background:transparent url('../pics/simyo/headlines/hl_begriffe.gif') no-repeat top left;} /* Hilfe - Navigation 1. Ebene */ #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent {padding:0 0 0 11px;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul {width:203px;padding:1px 0 0 0;background:transparent url('../pics/simyo/backgrounds/bg_helpnav_ul.gif') no-repeat top left;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li {background:transparent url('../pics/simyo/backgrounds/bg_helpnav_li.gif') no-repeat top left;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li a {display:block;height:30px;padding:7px 0 0 8px;text-decoration:none;background:transparent url('../pics/simyo/backgrounds/bg_helpnav_a.gif') no-repeat top left;} html>body #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li a {height:23px;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li a:hover {color:#ff7f00;/* background:transparent url('../pics/simyo/backgrounds/bg_helpnav_hover.gif') no-repeat top left; */} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li a.active {color:#ff7f00;/* background:transparent url('../pics/simyo/backgrounds/bg_helpnav_hover.gif') no-repeat top left; */} /* Hilfe - Navigation 2. Ebene */ #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li ul {display:none;padding:0 0 2px 0;background:transparent url('../pics/simyo/backgrounds/bg_helpsubnav_ul.gif') no-repeat 0 100%;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li.active ul {display:block;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li ul li {background:#FCFBFB url('../pics/simyo/backgrounds/bg_helpsubnav_li.gif') repeat-y top left;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li ul li a {height:25px;padding:4px 0 0 20px;background:transparent url('../pics/simyo/backgrounds/bg_helpsubnav_a.gif') no-repeat 100% 50%;} html>body #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li ul li a {height:21px;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li ul li a:hover {color:#ff7f00;background:transparent url('../pics/simyo/backgrounds/bg_helpsubnav_a.gif') no-repeat 100% 50%;} #content div.sidebar div.cartridgeWrapper.helpBox div.cartridgeContent ul li ul li a.active {color:#ff7f00;background:transparent url('../pics/simyo/backgrounds/bg_helpsubnav_a.gif') no-repeat 100% 50%;} /* Alphabetisch Hilfe */ #content div.sidebar div.cartridgeWrapper.indexBox div.cartridgeContent {width:214px;height:350px;margin:0;padding:0 0 0 19px;overflow:auto;background-attachment:fixed;} html>body #content div.sidebar div.cartridgeWrapper.indexBox div.cartridgeContent {width:195px;} #content div.sidebar div.cartridgeWrapper.indexBox div.cartridgeContent ul {margin:0 0 17px 0;} /* Suche */ #content #mainContent div.cartridgeWrapper.searchBox {margin-bottom:20px;} #content #mainContent div.cartridgeWrapper.searchBox div.cartridgeContent {margin:0;padding:10px 19px 0 19px;} #content #mainContent div.cartridgeWrapper.searchBox div.cartridgeContent h4 {margin:0 0 8px 0;font-size:12px;font-weight:bold;} #content #mainContent div.cartridgeWrapper.searchBox div.cartridgeContent p {margin:0 0 8px 0;} #content #mainContent a.linkReadMore {display:block;padding:0 21px 1px 0;text-align:right;text-decoration:none;background: transparent url('../pics/simyo/backgrounds/bg_link.gif') no-repeat 100% 1px;} #content #mainContent div.cartridgeWrapper.searchBox div.cartridgeContent ol#pagerTop, #content #mainContent div.cartridgeWrapper.searchBox div.cartridgeContent ol#pagerBottom {margin:10px 0 10px 0;} #content #mainContent div.cartridgeWrapper.searchBox div.cartridgeContent ol#pagerTop {margin-bottom:20px;} #content #mainContent div.cartridgeWrapper.searchBox div.cartridgeContent ul li {margin-bottom:10px;} /* }}} */ /** Bestellprozess {{{ **/ /* Bestellprozess - Headlines */ #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.bestellenStep1 {background:transparent url('../pics/simyo/headlines/hl_bestellen_1_rufnummer.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.bestellenStep1MNP {background:transparent url('../pics/simyo/headlines/hl_bestellen_1_mnp.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.bestellenStep2 {background:transparent url('../pics/simyo/headlines/hl_bestellen_2_kundendaten.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.bestellenStep3 {background:transparent url('../pics/simyo/headlines/hl_bestellen_3_zahlungsdaten.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.bestellenStep4 {background:transparent url('../pics/simyo/headlines/hl_bestellen_4_einstellungen.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.bestellenStep5 {background:transparent url('../pics/simyo/headlines/hl_bestellen_5_zusammenfassung.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.bestellenStep6 {background:transparent url('../pics/simyo/headlines/hl_bestellen_6_fertig.gif') no-repeat top left;} /* Bestellprozess - Warenkorb */ #content div.sidebar div.cartridgeWrapper.orderCoupon div.cartridgeContent {padding-top:0;padding-right:11px;padding-left:11px;} #content div.sidebar div.cartridgeWrapper.orderCoupon div.cartridgeContent div.ProduktImage {margin:0 0 10px 0;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li {margin:0 0 1px 0;color:#fff;background:#C9C9C9;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep1 li#orderProgressStep1, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep1MNP li#orderProgressStep1MNP, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep2 li#orderProgressStep2, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep3 li#orderProgressStep3, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep4 li#orderProgressStep4, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep5 li#orderProgressStep5, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep6 li#orderProgressStep6, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep7 li#orderProgressStep7, #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList.orderProgressStep8 li#orderProgressStep8 {background:#B2B2B2;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li a {display:block;height:1%;padding:2px 9px 1px 9px;color:#fff;text-decoration:none;background:transparent url('../pics/simyo/backgrounds/bg_link_bestellung.gif') no-repeat 182px 4px;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li span {display:block;height:1%;padding:2px 9px 1px 9px;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li span.mnp {padding-left:19px} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li b.deposit {font-size:18px;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li div {padding:11px 0 3px 0;color:#000;background:#fff;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li div p {padding:0 0 7px 9px;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent ul.orderList li div p img {float:left;margin:0 10px 10px 0;background:#777;} #content div.sidebar div.cartridgeWrapper div.cartridgeContent p.topNummer {background:transparent url('../pics/simyo/icons/ic_topnummer.gif') no-repeat 177px 2px;} /* Bestellprozess - Preise */ #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent table.priceOverview, #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent table.priceOverview {width:206px;border:0;margin:0;} #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent table.priceOverview td, #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent table.priceOverview td {padding:0 0 3px 0;vertical-align:top;border:0;} #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent table.priceOverview td.price, #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent table.priceOverview td.price {width:53px;text-align:right;}/*padding-bottom:11px;*/ #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent table.priceOverview tfoot td, #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent table.priceOverview tfoot td {padding:6px 0 0 0;border-top:1px solid #FF6600;} /* Bestellprozess - Bestellschritt 1: Nummernliste */ #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent div.numberColumn {display:inline;float:left;margin:14px 0 0 0;overflow:hidden;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn {width:206px;margin-right:20px;overflow:visible;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn {width:225px;margin-right:20px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn {width:206px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent ul.numberList {margin:6px 0 19px 0 ;padding:1px 0 0 0;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent ul.numberList li {margin:0;padding:0 0 0 1px;height:30px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent ul.numberList li a {display:block;height:29px;padding:6px 0 0 8px;text-decoration:none;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent ul.numberList li a {height:23px;} /* Bestellprozess - Bestellschritt 1: Nummersuche */ #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn ul.numberList {background:transparent url('../pics/simyo/backgrounds/bg_number_ul.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn ul.numberList li {height:30px;background:transparent url('../pics/simyo/backgrounds/bg_number_li.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn ul.numberList li a {width:204px;background:transparent url('../pics/simyo/backgrounds/bg_number_a.gif') no-repeat top left;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn ul.numberList li a {width:196px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn ul.numberList li a.topNumber {background-position:0 -30px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput {width:206px;height:57px;margin:6px 0 19px 0;padding:16px 0 0 12px;background:transparent url('../pics/simyo/backgrounds/bg_number_search.gif') no-repeat top left;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput {height:41px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput input {float:left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput input.search {width:117px;background:transparent url('../pics/simyo/backgrounds/bg_input_numbersearch.gif') no-repeat top left;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput input.search {width:109px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput input.searchNumber {margin:4px 0 0 6px;} /* Bestellprozess - Bestellschritt 1: Mobile Number Portability */ #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput input.mnp {width:164px;background:transparent url('../pics/simyo/backgrounds/bg_input_mnp.gif') no-repeat top left;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput input.mnp {width:156px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput input.mnpSubmit {margin:4px 0 0 6px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput.feature {position:relative;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #searchNumberColumn div.numberInput.feature img {position:absolute;top:-20px;left:171px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent div#mnpAlertBox {display:block;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent div#mnpAlertBox p {margin-top:10px;padding-bottom:10px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent div#mnpAlertBox ul {margin:0px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent div#mnpAlertBox ul li {padding-left:20px;} /* Bestellprozess - Bestellschritt 1: Mobile Number Portability (Hinweisbox) */ #dimmed {display:none;position:absolute;top:0;left:0;width:100%;height:1040px;background:transparent url('../pics/simyo/backgrounds/bg_opacity.gif') top left;} html>body #dimmed {background-image:url('../pics/simyo/backgrounds/bg_opacity.png');height:100%;} #mnpMessage {position:relative;top:155px;left:225px;width:530px;text-align:right;} #mnpMessage a.close {display:inline;padding:0 5px;color:#FFF;text-decoration:none;background:#000;} html>body #mnpMessage a.close {background:none;} /* Portierungsdatum */ #content #mainContent #main form#registrationProcessForm div#portDateInfo.portDateNone {display:none;} #content #mainContent #main form#registrationProcessForm div#portDateInfo.portDateTrue, #content #mainContent #main form#registrationProcessForm div#portDateInfo.portDateFalse {display:block;} #content #mainContent #main form#registrationProcessForm div#portDateInfo.portDateFalse p#portDateInfoMessage {color:#F00;} #content #mainContent #main form#registrationProcessForm div#portDateInfo.portDateFalse p#portDateHintText {display:none;} /* Laufzeitvertrag / Prepaid */ #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidTrue label#prepaidFalseLabel, #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidTrue p#prepaidFalseText, #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidTrue #displayCustomerNumber {display:none;} #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidTrue label#prepaidTrueLabel, #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidTrue p#prepaidTrueText {display:block;} #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidFalse label#prepaidFalseLabel, #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidFalse p#prepaidFalseText, #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidFalse #displayCustomerNumber {display:block;} #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidFalse label#prepaidTrueLabel, #content #mainContent #main form#registrationProcessForm div#mnpPrepaid.prepaidFalse p#prepaidTrueText {display:none;} /* Privatkunde / Firmenkunde */ #content #mainContent #main form#registrationProcessForm div#mnpCorporateClient.corporateClientTrue div#company, #content #mainContent #main form#registrationProcessForm div#mnpCorporateClient.corporateClientTrue p#corporateClientTrueText {display:block;} #content #mainContent #main form#registrationProcessForm div#mnpCorporateClient.corporateClientTrue p#corporateClientFalseText {display:none;} #content #mainContent #main form#registrationProcessForm div#mnpCorporateClient.corporateClientFalse div#company, #content #mainContent #main form#registrationProcessForm div#mnpCorporateClient.corporateClientFalse p#corporateClientTrueText {display:none;} #content #mainContent #main form#registrationProcessForm div#mnpCorporateClient.corporateClientFalse p#corporateClientFalseText {display:block;} /* Bestellprozess - Bestellschritt 1: Nummerauswahl (Treffer) */ #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList {margin-bottom:8px;background:transparent url('../pics/simyo/backgrounds/bg_number_select_ul.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li {height:30px;background:transparent url('../pics/simyo/backgrounds/bg_number_select_li.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li a {width:223px;background:transparent url('../pics/simyo/backgrounds/bg_number_select_a.gif') no-repeat top left;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li a {width:215px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li a.topNumber {background-position:0 -30px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers {margin:0;padding:0;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.previousNumbers {float:left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.nextNumbers {float:right;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li a {text-decoration:none;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.previousNumbers a {padding:0 0 0 20px;background: transparent url('../pics/simyo/backgrounds/bg_link_back.gif') no-repeat 0 1px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.nextNumbers a {padding:0 20px 0 0;background: transparent url('../pics/simyo/backgrounds/bg_link.gif') no-repeat 100% 1px;} /* Bestellprozess - Bestellschritt 1: Nummerauswahl (Treffer) */ #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList {margin-bottom:8px;background:transparent url('../pics/simyo/backgrounds/bg_number_select_ul.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li {height:30px;background:transparent url('../pics/simyo/backgrounds/bg_number_select_li.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li a {width:223px;background:transparent url('../pics/simyo/backgrounds/bg_number_select_a.gif') no-repeat top left;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li a {width:215px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.numberList li a.topNumber {background-position:0 -30px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers {margin:0;padding:0;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.previousNumbers {float:left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.nextNumbers {float:right;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li a {text-decoration:none;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.previousNumbers a {padding:0 0 0 20px;background: transparent url('../pics/simyo/backgrounds/bg_link_back.gif') no-repeat 0 1px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectNumberColumn ul.selectNumbers li.nextNumbers a {padding:0 20px 0 0;background: transparent url('../pics/simyo/backgrounds/bg_link.gif') no-repeat 100% 1px;} /* Bestellprozess - Bestellschritt 1: gewaehlte Nummern */ #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList {margin-bottom:16px;background:transparent url('../pics/simyo/backgrounds/bg_number_ul.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList li {height:30px;background:transparent url('../pics/simyo/backgrounds/bg_number_li.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList li a {width:204px;background:transparent url('../pics/simyo/backgrounds/bg_number_selected_a.gif') no-repeat top left;} html>body #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList li a {width:196px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList li a.topNumber {background-position:0 -30px;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList.simChef {margin-top:1px;background:transparent url('../pics/simyo/backgrounds/bg_number_simchef_ul.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList.simChef li {height:30px;background:transparent url('../pics/simyo/backgrounds/bg_number_simchef_li.gif') no-repeat top left;} #content #mainContent #main form div.cartridgeWrapper.form div.cartridgeContent #selectedNumberColumn ul.numberList.simTeam {margin-top:1px;} /* Bestellprozess - Bestellschritt 3 (simyo Flat) */ /* Zahlung per Kreditkarte */ #content #mainContent #main form#payment.paymentTypeCreditcardHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypeCreditcardHintBox {display:block} #content #mainContent #main form#payment.paymentTypeCreditcardHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypeDirectdebitHintBox, #content #mainContent #main form#payment.paymentTypeCreditcardHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypePrepaymentHintBox {display:none} /* Zahlung per Lastschrift */ #content #mainContent #main form#payment.paymentTypeDirectdebitHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypeDirectdebitHintBox {display:block} #content #mainContent #main form#payment.paymentTypeDirectdebitHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypeCreditcardHintBox, #content #mainContent #main form#payment.paymentTypeDirectdebitHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypePrepaymentHintBox {display:none} /* Zahlung per Ueberweisung */ #content #mainContent #main form#payment.paymentTypePrepaymentHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypePrepaymentHintBox {display:block} #content #mainContent #main form#payment.paymentTypePrepaymentHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypeCreditcardHintBox, #content #mainContent #main form#payment.paymentTypePrepaymentHintBox div.cartridgeWrapper.form div.cartridgeContent div.formAlert#paymentTypeDirectdebitHintBox {display:none} /* Bestellprozess - Bestellschritt 5 */ #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent div.summarySection {margin-bottom:19px;} /* Bestellprozess - Bestellschritt 6 */ #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent {padding-top:17px;padding-right:18px;padding-left:18px;} #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent table.priceOverview {width:188px;margin-bottom:19px;} #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent div.billSection {margin-bottom:16px;} #content div.sidebar div.cartridgeWrapper.bill div.cartridgeContent p.topNummer {background-position:170px 2px;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent ul.simyoBankDetails {margin:0 0 4px 0;padding:15px;line-height:17px;border:1px solid #BFBFBF;overflow:hidden;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent ul.simyoBankDetails li {clear:both;margin:0;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent ul.simyoBankDetails li span {display:inline;float:left;width:200px;padding:0 50px 0 0;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent ul.simyoBankDetails li strong {display:inline;float:left;} /* }}} */ /** Handyshop {{{ **/ /* Handyshop - Warenkorb in der Sidebar */ #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent {padding-top:10px} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart {margin:0;padding:0 0 5px 0;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart li.cartItem {clear:both;padding:10px 0 15px 0;border-bottom:1px solid #BFBFBF;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductImage {float:left;width:60px;margin:0;padding:0;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductImage img {margin-top:3px;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductDetail {float:right;width:120px;margin:0 0 5px 0;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductDetail h4.productName {font-weight:bold;margin:0 0 10px 0;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductDetail div.productPriceLabel, #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductDetail div.productQuantityLabel {float:left;text-align:right;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductDetail div.productPrice, #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.cartProductDetail div.productQuantity {float:right;text-align:right;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.addOrRemove {clear:both;padding:0 0 10px 0;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.addOrRemove div.addProduct {float:left;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.addOrRemove div.removeProduct {float:right;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent ul.shoppingCart div.addOrRemove a.link {padding:0 21px 1px 0;text-decoration:none;background:transparent url('../pics/simyo/backgrounds/bg_link.gif') no-repeat 100% 1px;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent div.totalPrice {clear:both;margin-bottom:8px;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent div.totalPrice div.totalPriceLabel {float:left;width:70px;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent div.totalPrice div.totalPriceValue {text-align:right;} #content div.sidebar div.cartridgeWrapper.basket div.cartridgeContent div.buttons {margin-top:10px;} /* Handyshop - Content Bereich */ /* #content #mainContent #main div.cartridgeWrapper.handyshop {margin-top:0;} */ #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent {padding-top:11px;} #content #mainContent #main div.cartridgeWrapper.handyshop.oneColumn div.cartridgeContent.cartridgeContentBackground {background:transparent url('../pics/simyo/backgrounds/bg_cartridge_content.gif') no-repeat top left;} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent {position:relative;height:365px;} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent h4 {margin:6px 0 11px 0;padding:0 19px 0 19px;font-weight:bold;} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.product {position:relative;width:100%;height:135px;margin:0 0 5px 0;} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.product img.productImage {float:left;padding:0 0 0 19px;margin:0 0 10px 0;} * html #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.product img.productImage {margin-left:10px;} /* handyprice new */ #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.product div.productPrice {position:absolute;top:94px;right:5px;width:138px;height:30px;padding:0 0 0 2px;background-color:#fff;} html>body #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.product div.productPrice {width:136px;background: url('../pics/simyo/backgrounds/bg_transparent_white_70.png');} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.product div.productPrice div.productPriceAmount {padding:5px 0 15px 15px;font-size:23px;font-weight:bold;} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent p.productAvailability {padding:0px 5px 0px 15px;margin: 0 15px;} /* verfuegbar */ #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent p.productAvailability.available {background:transparent url('../pics/simyo/backgrounds/bg_status_available.gif') no-repeat 4px 5px;} /* bestellt */ #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent p.productAvailability.appointed {background:transparent url('../pics/simyo/backgrounds/bg_status_appointed.gif') no-repeat 4px 5px;} /* lieferzeit */ #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent p.productAvailability.deliveryTime {background:transparent url('../pics/simyo/backgrounds/bg_status_delivery_time.gif') no-repeat 4px 5px;} /* nicht verfuegbar */ #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent p.productAvailability.notAvailable {background:transparent url('../pics/simyo/backgrounds/bg_status_not_available.gif') no-repeat 4px 5px;} /* /handyprice new */ #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent ul.productFeatures {clear:both;margin:0 0 19px 0;padding:8px 17px 0 17px;line-height:100%;} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent ul.productFeatures li {padding:0 0 0 13px;background:transparent url('../pics/simyo/backgrounds/bg_ul_li_grey.gif') no-repeat 2px 4px;} #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.buttons {position:absolute;bottom:0px;width:187px;} * html #content #mainContent #main div.cartridgeWrapper.handyshop div.cartridgeContent div.buttons {width:225px;margin:0 0 2px 0;} /* Handyshop - Detail */ #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent {height:auto;padding:0;} * html #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent {height:1%} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails, #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations {display:inline;float:left;width:220px;margin:0;padding:25px 19px 0 19px;/* background:#aaa; */} html>body #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails, html>body #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations {width:182px;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails img.productImage {margin:10px 0 25px 0;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails div.productPriceAmount {padding:0 0 7px 0;font-size:23px;line-height:27px;font-weight:bold;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails p.productAvailability {margin:0 0 12px 0;padding:0 0 0 12px;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails p.productAvailability.available {background:transparent url('../pics/simyo/backgrounds/bg_status_available.gif') no-repeat 0 5px;} /* verfuegbar */ #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails p.productAvailability.appointed {background:transparent url('../pics/simyo/backgrounds/bg_status_appointed.gif') no-repeat 0 5px;} /* bestellt */ #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails p.productAvailability.deliveryTime {background:transparent url('../pics/simyo/backgrounds/bg_status_delivery_time.gif') no-repeat 0 5px;} /* Lieferzeit */ #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productDetails p.productAvailability.notAvailable {background:transparent url('../pics/simyo/backgrounds/bg_status_not_available.gif') no-repeat 0 5px;} /* nicht verfuegbar */ #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.buttons {position:static;margin:0 0 8px 0;padding:0;} * html #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.buttons {width:100%;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations {width:250px;padding-left:0;} html>body #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations {width:231px;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations h4 {margin:0 0 8px 0;padding:0;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations p {margin:0 0 0 0;padding:0;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations ul {margin:0 0 10px 0;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail div.cartridgeContent div.productInformations ul li {padding:0 0 0 11px;line-height:110%;background:transparent url('../pics/simyo/backgrounds/bg_ul_li_grey.gif') no-repeat 0px 4px;} /* Handyshop - Zubehoer */ #content #mainContent #main div.cartridgeWrapper.handyshop.detail.accessories div.cartridgeContent {padding-top:12px;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail.accessories div.cartridgeContent div.productDetails {padding-top:0;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail.accessories div.cartridgeContent div.productDetails img.productImage {margin-top:0;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail.accessories div.cartridgeContent div.productInformations {padding-top:0;} #content #mainContent #main div.cartridgeWrapper.handyshop.detail.accessories div.cartridgeContent div.productInformations div.buttons {margin-top:7px;} /* Handyshop - Bestellprozess */ #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview {width:677px;margin:0 0 11px 0;border-width:0;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview th {padding:0 10px 11px 0;text-align:left;border-right:0px;border-bottom:1px solid #BFBFBF;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview th.numberOfProduct {padding-left:10px;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview th.price, #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview th.sum, #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview td.price, #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview td.sum {text-align:right;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview td {vertical-align:top;border-width:0 0 1px 0;border-style:solid;border-color:#BFBFBF;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview td.firstColumn {border-left:1px solid #BFBFBF;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview td.lastColumn {border-right:1px solid #BFBFBF;background:#F8F4F5;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview div.numberOfProduct {float:left;width:19px;margin-top:3px;padding:2px;text-align:right;border:1px solid #BFBFBF;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview div.addRemoveProduct {float:left;margin-top:3px;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview div.addRemoveProduct a {display:block;width:11px;height:9px;margin:0 0 5px 3px;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview div.addRemoveProduct a span {display:none;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview div.addRemoveProduct a.addProduct {background:transparent url('../pics/simyo/backgrounds/bg_handyshop_add.gif') no-repeat top left;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview div.addRemoveProduct a.removeProduct {background:transparent url('../pics/simyo/backgrounds/bg_handyshop_remove.gif') no-repeat top left;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview.small {width:311px;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent table.productOverview.small td.sum {vertical-align:bottom;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent div.buttons.clearShoppingCart {float:left;margin-top:9px;} #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent div.priceOverview {display:inline;float:right;margin-right:10px;} html>body #content #mainContent #main div.cartridgeWrapper.form div.cartridgeContent div.priceOverview {margin-bottom:23px;} #content #mainContent #main form#handyshopOrderProcessForm div.cartridgeWrapper.form div.cartridgeContent div.formGroup div.formRow div.buttons {margin-top:5px;margin-bottom:15px;} /* Handyshop - Bestellprozess: Headlines */ #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.handyShopStep1 {background:transparent url('../pics/simyo/headlines/hl_handyshop_1_warenkorb.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.handyShopStep2 {background:transparent url('../pics/simyo/headlines/hl_handyshop_2_kundendaten.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.handyShopStep3 {background:transparent url('../pics/simyo/headlines/hl_handyshop_3_zahlungsdaten.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.handyShopStep4 {background:transparent url('../pics/simyo/headlines/hl_handyshop_4_zusammenfassung.gif') no-repeat top left;} #container #mainContent #main div.cartridgeWrapper.form div.cartridgeBody.formHeadline h3.handyShopStep5 {background:transparent url('../pics/simyo/headlines/hl_handyshop_5_fertig.gif') no-repeat top left;} /* Handyshop - Footer */ #content #mainContent #main div.handyshopFooter {margin-top:32px;} div.handyshopFooter {margin-top:20px;} #content #mainContent #main div.handyshopFooter ul.handyshopNavi {clear:both;margin:0 0 10px 28px;overflow:hidden;} #content #mainContent #main div.handyshopFooter ul.handyshopNavi li {display:inline;float:none;padding:0 5px 0 5px;line-height:100%;border-right:1px solid #000;} #content #mainContent #main div.handyshopFooter ul.handyshopNavi li.first {padding-left:0;} #content #mainContent #main div.handyshopFooter ul.handyshopNavi li.last {padding-right:0;border:0px;} #content #mainContent #main div.handyshopFooter ul.handyshopNavi li a {text-decoration:none;} /* }}} */ /** Freundschaftswerbung {{{ **/ #content #mainContent #main form#friendship div.cartridgeContent {padding-top:5px;} #content #mainContent #main form#friendship div.cartridgeContent.cartridgeContentBackground {background:transparent url('../pics/simyo/backgrounds/bg_freundschafswerbung.gif') no-repeat 364px 6px;} #content #mainContent #main form#friendship div.noInput {padding-top:20px;} html>body #content #mainContent #main form#friendship div.space {margin-right:16px;} #content #mainContent #main form#friendship label.conditions {width:410px;} /* }}} */ /** Mein simyo {{{ **/ /* Verbindunguebersicht */ #content #mainContent #main div.callOverview table {width:650px;border:1px solid #BFBFBF;} html>body #content #mainContent #main div.callOverview table {width:652px;} #content #mainContent #main div.callOverview table thead tr th {border:none;padding-left:10px;text-align:left;} #content #mainContent #main div.callOverview table tbody tr td {border:none;} #content #mainContent #main div.callOverview table tfoot tr td {border:none;border-top:1px solid #000;} #content #mainContent #main div.callOverview table .amountconn, #content #mainContent #main div.callOverview table .duration {text-align:right;} #content #mainContent #main form#itemizedBillFormBean {border:1px solid #BFBFBF;width:650px;margin:0 0 20px 18px;overflow:hidden;} #content #mainContent #main form#itemizedBillFormBean fieldset {padding:10px;} #content #mainContent #main form#itemizedBillFormBean div.formGroup.left {margin-right:5px;} #content #mainContent #main form#itemizedBillFormBean div.buttons {margin-top:15px;} /* Online Aufladen */ #content #mainContent #main .loadupOnline .loadupBox {height:180px;margin:0 0 0 19px;background:transparent url("../pics/simyo/elements/el_plus.gif") no-repeat 178px 80px;} #content #mainContent #main .loadupOnline .loadupBox p {padding:0;} #content #mainContent #main .loadupOnline .loadupBox .box {float:left;width:157px;padding:62px 0;text-align:center;font-size:30px;font-weight:bold;border:1px solid #BFBFBF;} html>body #content #mainContent #main .loadupOnline .loadupBox .box {width:155px;} #content #mainContent #main .loadupOnline .loadupBox .bonusminutes {float:left;width:210px;margin:0 0 0 70px;} #content #mainContent #main .loadupOnline .loadupBox .bonusminutes a {margin:0 0 14px 0;padding:10px 0 11px 0;display:block;text-decoration:none;background:transparent url("../pics/simyo/buttons/bt_onlineaufladen.gif") no-repeat left top;width:206px;} /* html>body #content #mainContent #main .loadupOnline .loadupBox .bonusminutes a {padding:10px 0 9px 0;} */ #content #mainContent #main .loadupOnline .loadupBox .bonusminutes a span.euro {padding:0 0 0 15px;font-weight:bold;font-size:18px;} #content #mainContent #main .loadupOnline .loadupBox .bonusminutes a span.plus {padding:0 7px;font-weight:bold;color:#FF6F00;} .setRight {float:right;} /* Guthaben Uebersicht */ #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent {height:1%;padding:4px 19px 8px 19px;} #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox {float:left;} #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox p {padding:0;} #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox div.balance, #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox div.topUpStatus {border-style:solid;border-color:#BFBFBF;} #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox div.balance {width:157px;padding:61px 0;text-align:center;font-size:30px;font-weight:bold;border-width:1px;} html>body #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox div.balance {width:155px;padding:62px 0;} #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox div.topUpStatus {width:157px;height:141px;padding:10px;border-width:1px 1px 1px 0;} html>body #content #mainContent #main div.cartridgeWrapper.balanceOverview div.cartridgeContent div.balanceBox div.topUpStatus {width:135px;height:121px;} /* SIM-Chef - Online aufladen */ #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup #onlineTopupChefNumber, #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup #onlineTopupTeamNumbers {margin:0 19px 10px 19px;border:1px solid #BFBFBF;} #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup #onlineTopupChefNumber {margin-bottom:7px;} #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup #onlineTopupTeamNumbers {height:300px;overflow:auto;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup #onlineTopupTeamNumbers {height:auto;max-height:300px;} #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup ul {clear:both;height:4em;margin:0;padding:0.5em 0;overflow:hidden;} html>body #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup ul {height:3em;} #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup ul.highlight {background:#F8F4F5;} #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup ul li {display:inline;float:left;margin:0 0 0 10px;} #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup ul li.onlineTopupCustomer {width:310px;} #content #mainContent.mainWide #main div.cartridgeWrapper.simChefOnlineTopup ul li.onlineTopupAmount {width:200px;} /* SIM-Chef - Tarife verwalten */ #content #mainContent #main div.cartridgeWrapper div.formFrame {margin:0 0 15px 0;border:1px solid #BFBFBF;} #content #mainContent #main div.cartridgeWrapper div.formFrame.simTeamData {height:300px;overflow:auto;} html>body #content #mainContent #main div.cartridgeWrapper div.formFrame.simTeamData {height:auto;max-height:300px;} #content #mainContent #main form#simChefFlatrate p.status {margin:0;padding:5px 15px;background-color:#C9C9C9;} #content #mainContent #main form#simChefFlatrate div.formRow label.chooserLabel {width:auto;} #content #mainContent #main form#simChefFlatrate ul, #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul {clear:both;height:70px;margin:0;padding:10px 0px 0 15px;overflow:hidden;} html>body #content #mainContent #main form#simChefFlatrate ul, #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul {height:auto;} #content #mainContent #main div.cartridgeWrapper ul.highlight {background:#F8F4F5;} #content #mainContent #main form#simChefFlatrate ul.headlines {height:auto;} #content #mainContent #main form#simChefFlatrate ul li {float:left;padding:0 0 0 15px;white-space:nowrap;} #content #mainContent #main form#simChefFlatrate ul li.customerData {width:160px;padding:0;} #content #mainContent #main form#simChefFlatrate ul li.simyoFlat {width:220px;} html>body #content #mainContent #main form#simChefFlatrate ul li.simyoFlat {width:205px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview div.formFrame {margin:0 18px 10px 18px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul {height:45px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li {float:left;padding:5px 0 0 25px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul.headlines {height:auto;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul.headlines li {font-weight:bold;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul.headlines li.costsSimyoFlat {text-align:left;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.simTeamDetails {width:160px;padding-left:0;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.tarif {width:135px;} html>body #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.tarif {width:110px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.costs {width:120px;text-align:right;} html>body #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.costs {width:95px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.costsSimyoFlat {width:102px;text-align:right;} html>body #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.costsSimyoFlat {width:77px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.balance {width:110px;text-align:right;} html>body #content #mainContent #main div.cartridgeWrapper#simChefCostOverview ul li.balance {width:85px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview div.formFrame.simTeamAmount {height:45px;} #content #mainContent #main div.cartridgeWrapper#simChefCostOverview div.formFrame.simTeamAmount ul {padding-top:0;} /* SIM-Chef - SIM-Karten - Daten aendern */ #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent {padding-bottom:8px;} #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent div.groupRow {height:1%;margin-bottom:0;padding:10px 10px 5px 10px;} #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent div.groupRow.simChef {border:1px solid #BFBFBF;} #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent div.groupRow.simTeam {border-width:0 1px 1px 1px;border-style:solid;border-color:#BFBFBF;} #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent div.formGroup.left {margin-right:25px;} #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent ul#simChefData {margin:0;padding:0;} #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent ul#simChefData li {clear:both;margin:0;padding:0;} #content #mainContent #main form#smsAufladen div.cartridgeWrapper.form div.cartridgeContent ul#simChefData li span {display:inline;float:left;width:100px;font-weight:bold;} /* SIM-Chef - Automatisch Aufladen */ #content #mainContent #main #simChefAutoTopUp div.cartridgeContent {padding:0 18px;} #content #mainContent #main #simChefAutoTopUp fieldset {margin:0;padding:0;} #content #mainContent #main #simChefAutoTopUp table {margin:0;border:none;} #content #mainContent #main #simChefAutoTopUp tr.headlines th {font-weight:bold;border-bottom:1px solid #BEBEBE;} #content #mainContent #main #simChefAutoTopUp th {padding:7px 5px;font-weight:normal;vertical-align:bottom;border:none;} #content #mainContent #main #simChefAutoTopUp th.clientData {border-left:1px solid #BEBEBE;} #content #mainContent #main #simChefAutoTopUp th.byDate {width:70px;} #content #mainContent #main #simChefAutoTopUp th.byLimit {width:61px;} #content #mainContent #main #simChefAutoTopUp th.byLimitAmount {width:52px;} #content #mainContent #main #simChefAutoTopUp th.noAutoTopUp {width:48px;border-right:1px solid #BEBEBE;} #content #mainContent #main #simChefAutoTopUp td {padding:7px 5px;vertical-align:middle;border:none;} #content #mainContent #main #simChefAutoTopUp td.clientData {width:151px;} #content #mainContent #main #simChefAutoTopUp td.byDate {width:70px;} #content #mainContent #main #simChefAutoTopUp td.byLimit {width:61px;} #content #mainContent #main #simChefAutoTopUp td.byLimitAmount {width:52px;} #content #mainContent #main #simChefAutoTopUp td.noAutoTopUp {width:48px;} #content #mainContent #main #simChefAutoTopUp tr.overAllClients td {color:#FFF;border-bottom:1px solid #BEBEBE;background-color:#BEBEBE;} #content #mainContent #main #simChefAutoTopUp tr.overAllClients td.clientData {border-left:1px solid #BEBEBE;} #content #mainContent #main #simChefAutoTopUp tr.overAllClients td.noAutoTopUp {border-right:1px solid #BEBEBE;} /* Modification for IE6 \*/ * html #content #mainContent #main #simChefAutoTopUp td.clientData {width:154px;} * html #content #mainContent #main #simChefAutoTopUp td.byDate {width:72px;} * html #content #mainContent #main #simChefAutoTopUp td.byLimit {width:66px;} * html #content #mainContent #main #simChefAutoTopUp td.byLimitAmount {width:54px;} * html #content #mainContent #main #simChefAutoTopUp td.noAutoTopUp {width:47px;} /* End modifications */ /* Modification for IE7 \*/ *+html #content #mainContent #main #simChefAutoTopUp td.clientData {width:159px;} *+html #content #mainContent #main #simChefAutoTopUp td.byDate {width:73px;} *+html #content #mainContent #main #simChefAutoTopUp td.byLimit {width:68px;} *+html #content #mainContent #main #simChefAutoTopUp td.byLimitAmount {width:54px;} *+html #content #mainContent #main #simChefAutoTopUp td.noAutoTopUp {width:35px;} /* End modifications */ #content #mainContent #main #simChefAutoTopUp div.simChefAutoTopUpClients {height:300px;margin:10px 0;border:1px solid #BEBEBE;overflow:auto;} #content #mainContent #main #simChefAutoTopUp div.simChefAutoTopUpClients table {width:415px;} #content #mainContent #main #simChefAutoTopUp div.simChefAutoTopUpClients td.clientData {width:152px;} #content #mainContent #main #simChefAutoTopUp div.simChefAutoTopUpClients td.noAutoTopUp {width:30px;} /* Modification for IE6 \*/ * html #content #mainContent #main #simChefAutoTopUp div.simChefAutoTopUpClients table td.clientData {width:150px;} * html #content #mainContent #main #simChefAutoTopUp div.simChefAutoTopUpClients table td.noAutoTopUp {width:32px;} /* End modifications */ /* Zahlungsdaten */ /* Zahlung per Kreditkarte */ #content #mainContent #main form#payment.paymentTypeCreditCard div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypeCreditCard {display:block} #content #mainContent #main form#payment.paymentTypeCreditCard div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypeDirectDebit, #content #mainContent #main form#payment.paymentTypeCreditCard div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypePrePayment {display:none} /* Zahlung per Lastschrift */ #content #mainContent #main form#payment.paymentTypeDirectDebit div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypeDirectDebit {display:block} #content #mainContent #main form#payment.paymentTypeDirectDebit div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypeCreditCard, #content #mainContent #main form#payment.paymentTypeDirectDebit div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypePrePayment {display:none} /* Zahlung per Ueberweisung */ #content #mainContent #main form#payment.paymentTypePrePayment div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypePrePayment {display:block} #content #mainContent #main form#payment.paymentTypePrePayment div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypeCreditCard, #content #mainContent #main form#payment.paymentTypePrePayment div.cartridgeWrapper.form div.cartridgeContent div.groupRow#paymentTypeDirectDebit {display:none} /* MNP-Statusanzeige */ #content #mainContent #main ul#myMnpStatus {padding-top:20px;} #content #mainContent #main ul#myMnpStatus li {display:block;margin-bottom:16px;padding-left:30px;background-repeat:no-repeat;background-position:0px 2px;} #content #mainContent #main ul#myMnpStatus li.successful {background-image:url('../pics/simyo/backgrounds/bg_li_mnp_successful.gif');} #content #mainContent #main ul#myMnpStatus li.error {background-image:url('../pics/simyo/backgrounds/bg_li_mnp_error.gif');} #content #mainContent #main ul#myMnpStatus li.error div {margin-bottom:10px;padding-bottom:5px;background:transparent url('../pics/simyo/backgrounds/bg_mnp_error_bottom.gif') no-repeat bottom left;} #content #mainContent #main ul#myMnpStatus li.error div p {margin:0;padding:5px 13px 0 33px;font-size:11px;line-height:15px;background:transparent url('../pics/simyo/backgrounds/bg_mnp_error_top.gif') no-repeat top left;} #content #mainContent #main ul#myMnpStatus li.nextstep {background-image:url('../pics/simyo/backgrounds/bg_li_mnp_nextstep.gif');} #content #mainContent #main ul#myMnpStatus li h4 {padding:0;} /* }}} */ /** Popups {{{ **/ body.popup #container {width:490px;} body.popup #wrapper {background:#EBEBEB url('../pics/simyo/backgrounds/bg_popup_wrapper.jpg') repeat-x 0 58px;} body.popup #header {height:58px;margin:0;padding:0;background:transparent url('../pics/simyo/backgrounds/bg_popup_header.gif') no-repeat top left;} body.popup #header h1#logo {width:91px;height:29px;margin:19px 0 0 24px;padding:0;background:transparent url('../pics/simyo/logos/lg_simyo_popup.gif') no-repeat top left;} body.popup #header h1#logo span {display:none;} body.popup #content {background:transparent url('../pics/simyo/backgrounds/bg_popup.gif') repeat-y top left;} body.popup #content #mainContent #main {width:490px;padding-top:20px;} body.popup #content #mainContent #main h2 {font-size:12px;} body.popup #footer {height:10px;margin:0;padding:0;background:transparent url('../pics/simyo/backgrounds/bg_popup_footer.gif') no-repeat top left;} /* }}} */ /** Footer {{{ **/ #footer {clear:both;padding:10px 0 0 0;color:#B0B0B0;background:transparent url('../pics/simyo/backgrounds/bg_footer.gif') no-repeat top left;} #footer ul#footerNav {padding:0 15px;overflow:hidden;} #footer ul#footerNav li.footerNavSimyo {float:left;} #footer ul#footerNav li.footerNavKonzern {float:right;} #footer ul#footerNav li ul {display:inline;} #footer ul#footerNav li ul li {display:inline;float:left;margin:0 5px 0 0;background:transparent url('../pics/simyo/backgrounds/bg_footer_nav.gif') no-repeat 100% 50%;} #footer ul#footerNav li ul li.last {margin:0;background: none;} #footer ul#footerNav li ul li.last a {margin:0;} #footer ul#footerNav li ul li a {color:#B0B0B0; margin:0 5px 0 0;text-decoration:none;} #footer p.footerText {clear:both;padding:5px 15px 0 15px;font-size:11px;line-height:15px;} /* }}} */ /** Specials {{{ **/ /* These are standard sIFR styles... do not modify */ .sIFR-flash {visibility:visible !important;margin: 0;} .sIFR-replaced {visibility:visible !important;} span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] {display: none !important;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h2 {visibility: hidden;} /* }}} */