/* * * @file: /imperia/md/content/strato_de/css/rubrik/partner.css * * Bereichsstyle - Partnerprogramm * */ /*== INDEX: ========================================================================================================== _Buehnen [ Definitionen fuer die Buehnen ] _Liste mit Flaggen [ Definitionen fuer Liste mit Flaggen als li-Grafiken ] _Partner_Registrierung [ Definitionen der Registrierungs-Button-Boxen ] _Werbemittel [ Anpassungen fuer die Werbemittel-Seite ] _EMPFEHLEN [ Anpassungen fuer die Empfehlen-Seite ] _index [ Anpassungen fuer die Index-Seite ] _4steps [ Anpassungen des 4-steps Moduls ] _Liste_mit_Button [ Anpassungen des Buttons in der Liste ] ====================================================================================================================== */ /* _Buehnen [ Definitionen fuer die Buehnen] ====================================================================================================================== */ #scene_lv_1 .partnerprogramm.index { background-image: url("/imperia/md/images/strato_de/header/partner/hd_index.jpg")} #scene_lv_1 .partnerprogramm.index ul#highlights {top: 97px;left: 21px} #scene_lv_2 .partnerprogramm_praemie.start { background-image: url("/imperia/md/images/strato_de/header/partner/hd_partner_werden.jpg")} #scene_lv_2 .partnerprogramm_praemie.start ul#highlights {top: 40px; left: 286px } #scene_lv_2 .partnerprogramm.werbemittel { background-image: url("/imperia/md/images/strato_de/header/partner/hd_partner_werden.jpg")} #scene_lv_2 .partnerprogramm.werbemittel ul#highlights {top: 72px; left: 21px } #scene_lv_2 .partnerprogramm.agb { background-image: url("/imperia/md/images/strato_de/header/partner/hd_partner_werden.jpg")} #scene_lv_2 .partnerprogramm.agb ul#highlights {top: 72px; left: 21px } #scene_lv_2 .partnerprogramm.faq { background-image: url("/imperia/md/images/strato_de/header/partner/hd_partner_werden.jpg")} #scene_lv_2 .partnerprogramm.faq ul#highlights { top: 72px; left: 21px } #scene_lv_2 .partnerprogramm.partner_werden { background-image: url("/imperia/md/images/strato_de/header/partner/hd_partner_werden.jpg")} #scene_lv_2 .partnerprogramm.partner_werden ul#highlights {top: 72px; left: 21px } #scene_lv_3 .partnerprogramm.grosskunden { background-image: url("/imperia/md/images/strato_de/header/partner/hd_grosskunden.jpg")} #scene_lv_3 .partnerprogramm.grosskunden ul#highlights {top: 40px; left: 286px } #scene_lv_3 .partnerprogramm.empfehlen { background-image: url("/imperia/md/images/strato_de/header/partner/hd_empfehlen.jpg")} #scene_lv_3 .partnerprogramm.empfehlen ul#highlights {top: 100px; left: 332px } /* Neue Definitionen für die überarbeitete Empfehlen Seite mit Telekom #scene_lv_2 div { height:150px; margin-bottom:20px } #scene_lv_2 .partnerprogramm.empfehlen { background-image: url("/imperia/md/images/strato_de/header/partner/hd_empfehlen.jpg")} #scene_lv_2 .partnerprogramm.empfehlen ul#highlights {top: 72px;left: 18px } #scene_lv_2 .partnerprogramm.empfehlen ul#highlights li { line-height:15px} #scene_lv_2 .partnerprogramm.empfehlen ul#highlights li.button { margin: 0px 0 0 210px;} */ #scene_lv_1 .partnerprogramm_nur_button_ohne_bild.start { height:20px } #scene_lv_1 .partnerprogramm_nur_button_ohne_bild.start ul#highlights {top: -16px; left: -15px } /* _Liste mit Flaggen [ Definitionen fuer Liste mit Flaggen als li-Grafiken ] ====================================================================================================================== */ ul.flags { margin: 0; padding: 0; list-style:none; } ul.flags li { padding: 3px 0 5px 35px; background-color: transparent; background-position: 0px 4px; background-repeat: no-repeat; } ul.flags li.uk {background-image: url("/imperia/md/images/strato_de/elements/flags/uk.gif");} ul.flags li.fr {background-image: url("/imperia/md/images/strato_de/elements/flags/fr.gif");} ul.flags li.es {background-image: url("/imperia/md/images/strato_de/elements/flags/spain.gif");} ul.flags li.nl {background-image: url("/imperia/md/images/strato_de/elements/flags/nl.gif");} /* _Tabellen [ Definitionen fuer Tabellen ] ====================================================================================================================== */ table { border:none !important; } .tr { background:#E0E9EE; font-weight:bold; padding:4px; } .tr td { border-left: solid #fff 2px; background: #E1E6EC url("/imperia/md/images/strato_de/elements/prod_table/strato_tabelle_head_cnt.jpg") top left repeat-x; } table td { background:#fff url("/imperia/md/images/strato_de/elements/prod_table/dotted_line.gif") top left repeat-x; vertical-align:top; border: solid #fff; border-width: 0px 0px 0px 2px; padding:4px; } .tbl_space { height:20px; } /* _Werbemittel [ Anpassungen fuer die Werbemittel-Seite ] ====================================================================================================================== */ .vielfalt { list-style-type:none; padding:5px; width:600px; margin-left:10px } .vielfalt li { float:left; padding: 0 80px 10px 0; } /* _EMPFEHLEN [ Anpassungen fuer die Empfehlen-Seite ] ====================================================================================================================== */ #sonderangebot.cntbox .sb100 { /* ContentBox - Sonderangebot */ background-image:url("/imperia/md/images/strato_de/rubrik/partnerprogramm/img_aktion.jpg"); height:148px; width:611px; background-color:#D2EAF7; background-position:left top; background-repeat:no-repeat } #sonderangebot.cntbox .sb100 p { width:320px } #sonderangebot.cntbox .sb100 .set { padding:1em 0 0 280px } #sonderangebot.cntbox .sb100 .set h1 { margin-bottom:1em } .cntbox .set.bg_tb.dreiSteps { /* ContentBox - In 3 Schritten */ background:url("/imperia/md/images/strato_de/rubrik/partnerprogramm/bg_3steps_modul.jpg") no-repeat scroll left top transparent; border-top:1px solid #D2DFE7; padding-top:1.3em; position:relative } .cntbox .set.bg_tb.dreiSteps.one { background:url("/imperia/md/images/strato_de/rubrik/partnerprogramm/bg_3steps_01.jpg") no-repeat scroll left top transparent } .cntbox .set.bg_tb.dreiSteps.two { background:url("/imperia/md/images/strato_de/rubrik/partnerprogramm/bg_3steps_02.jpg") no-repeat scroll left top transparent } .cntbox .set.bg_tb.dreiSteps.three { background:url("/imperia/md/images/strato_de/rubrik/partnerprogramm/bg_3steps_03.jpg") no-repeat scroll left top transparent } .cntbox .set.bg_tb.dreiSteps h1 { font-size:127.27%; padding:0 0 8px 12px } .cntbox .set.bg_tb.dreiSteps p { margin:0 0 0 12px; width:170px } #praaemienTabelle table td { /* ContentBox - Prämien im Überblick */ background:transparent url("/imperia/md/images/strato_de/elements/prod_table/dotted_line.gif") top left repeat-x; vertical-align:top; border: none; padding:4px 4px 4px 0 } #loginTeaser {display:block} /* Teaser - Login */ #getPasswortTeaser {display:none} /* Teaser - Passwort anfordern */ /* _index [ Anpassungen fuer die Index-Seite ] ====================================================================================================================== */ .flags li { float:left; margin-right: 60px; } .fr { margin-left: 55px; } /* _Partner_Registrierung [ Definitionen der Registrierungs-Button-Boxen ] ====================================================================================================================== */ #partner_regist.cntbox{margin-top: 15px;} #partner_regist.cntbox .subcol{text-align: center;} #partner_regist .btn_regist{padding: 10px 0 0 120px;} /* _4steps [ Anpassungen des 4-steps Moduls ] ====================================================================================================================== */ #fourSteps .Cnt.partner_werden_2 { height:265px; } #fourSteps ul.StepNav.partner_werden_1 a.lnk1, #fourSteps ul.StepNav.partner_werden_1 a.lnk3 { width:203px; } #fourSteps ul.StepNav.partner_werden_1 a.lnk2 { width:202px; } /* _Liste_mit_Button [ Anpassungen des Buttons in der Liste ] ====================================================================================================================== */ #scene_lv_0 .partnerprogramm.index ul#highlights li.button, #scene_lv_1 .partnerprogramm.index ul#highlights li.button, #scene_lv_2 .partnerprogramm.index ul#highlights li.button { margin-top: 0.5em;}