/* * @file: /imperia/md/content/strato_de/css/rubrik/easyweb.css * * Bereichsstyle - EasyWeb * */ /*== INDEX: ========================================================================================================== _Buehnen [ Definitionen fuer die Buehnen] _Produkt_Tabelle [ Definitionen fuer die Produkttabelle ] _fourSteps [ Definitionen fuer die Four-Steps-Praesentation ] _Favorites [ Definitionen fuer die Favorites-Icons ] _EmpfehlungsPopUp [ Definitionen fuer die Lightbox-Empfehlungen ] _ProductPage [ Definitionen fuer die Produktseite z. B. von SiteWeb ] _ProductPageStart [ Definitionen fuer die Startseite von EasyWeb ] _Produkt_Slider [ Definitionen fuer den ProduktSlider ] _NEU-Stoerer [ Positionierung des NEU-Stoerers in der Content-Box ] ====================================================================================================================== */ /* _Buehnen [ Definitionen fuer die Buehnen] ====================================================================================================================== */ #scene_lv_1 .easyweb.start { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_index.jpg");} #scene_lv_2 .easyweb.mail { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_pack_mail.jpg")} #scene_lv_2 .easyweb.blogweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_pack_blogweb.jpg");margin-bottom:0px} #scene_lv_2 .easyweb.siteweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_pack_siteweb.jpg");margin-bottom:0px} #scene_lv_2 .easyweb.fotoweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_pack_fotoweb.jpg");margin-bottom:0px} #scene_lv_2 .easyweb.videoweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_pack_videoweb.jpg");margin-bottom:0px} #scene_lv_2 .easyweb.multiweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_pack_multiweb.jpg");margin-bottom:0px} #scene_lv_2 .easyweb.vorteile { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_vorteile.jpg");} #scene_lv_2 .easyweb.vorteile.mediencenter { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_vort_mediencenter.jpg");} #scene_lv_2 .easyweb.vorteile.livepages { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_vort_livepages.jpg");} #scene_lv_2 .easyweb.beispiele { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_beispiele.jpg");} #scene_lv_2 .easyweb.faq { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_faq.jpg"); margin-bottom:10px} #scene_lv_1 .easyweb.start ul#highlights{top: 95px; left: 20px;} #scene_lv_2 .easyweb.mail ul#highlights{top: 70px; left: 20px;} #scene_lv_2 .easyweb.blogweb ul#highlights{top: 70px; left: 180px;} #scene_lv_2 .easyweb.siteweb ul#highlights{top: 15px; left: 320px;} #scene_lv_2 .easyweb.fotoweb ul#highlights{top: 70px; left: 20px;} #scene_lv_2 .easyweb.videoweb ul#highlights{top: 15px; left: 305px;} #scene_lv_2 .easyweb.multiweb ul#highlights{top: 70px; left: 20px;} #scene_lv_2 .easyweb.vorteile ul#highlights{top:105px;left: 37px;} #scene_lv_2 .easyweb.beispiele ul#highlights{top:89px;left: 37px;} #scene_lv_2 .easyweb.faq ul#highlights{top: 90px;left: 36px;} #scene_lv_2 .easyweb.vorteile.mediencenter ul#highlights{top:105px;left: 37px;} #scene_lv_2 .easyweb.vorteile.mediencenter ul#highlights{top:105px;left: 37px;} /* _Produkt_Tabelle [ Definitionen fuer die Produkttabelle ] ====================================================================================================================== */ table.offer .topfrst { font-size:1.1em; font-weight:bold; padding:10px 0 0 15px; text-align:left; width:185px; } thead th.first, td.first { width:200px !important; text-align:left; } table.offer .btn_pos{padding-left: 48px;} table.offer .pos_btn_3c{padding-left: 19px;} /* fourSteps [ Definitionen fuer Four-Steps-Praesentation ] ====================================================================================================================== */ #fourSteps .cnt_inner {padding:4px; background-color:#e7ecef;} #fourSteps .cnt_inner .google_video {padding:30px 30px 26px 30px;} #fourSteps .cnt_inner h2 {margin: 10px 0 0 10px} #fourSteps .cnt_inner p {margin: 10px 0 0 10px} #fourSteps .cnt_inner .noflash {margin: 30px 10px 0 10px; padding:10px;} #fourSteps .cnt_out {position:relative;} #fourSteps .cnt_inner .cnt_box {margin-top: 15px; padding:0px 10px; height: 220px;} #fourSteps .cnt_inner .cnt_box .box_left { float: left; width: 50%; } #fourSteps .cnt_inner .cnt_box .box_right { float: left; width: 49%; color:#002665; line-height:1.4em; } /* _Favorites [ Definitionen fuer die Favorites-Icons ] ====================================================================================================================== */ .cntbox .subcol .set img.favicon {margin:0 10px;} /* _EmpfehlungsPopUp [ Definitionen fuer die Lightbox-Empfehlungen ] ====================================================================================================================== */ /* Grossbildansicht der Buehnenscreens in einem Lightbox-Popup */ #EasyWebAdvice .cntbox { margin-bottom: 0; height: 450px; background-position: top left; background-repeat: no-repeat; } #EasyWebAdvice .cntbox .set.pad_advice { padding: 80px 370px 15px 15px; } #EasyWebAdvice .cntbox .set.pad_advice.videowebmovie { width:600px; height:472px; padding:0px; margin:0px; } #EasyWebAdvice .cntbox .set.pad_advice.multiwebslider { padding:0px!important; } #EasyWebAdvice .cntbox.bg_mailblog { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/advice/screens_mailblog.jpg"); } #EasyWebAdvice .cntbox.bg_siteweb { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/advice/screens_siteweb.jpg"); } #EasyWebAdvice .cntbox.bg_fotoweb { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/advice/screens_fotoweb.jpg"); } #EasyWebAdvice .cntbox.bg_videoweb { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/advice/screens_videoweb.jpg"); } #EasyWebAdvice .cntbox.bg_multiweb { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/advice/screens_multiweb.jpg"); } /* TAG-Clouds Design Vorschau Popups */ #EasyWebExample .cntbox { margin-bottom: 0; height: 375px; background-position: top left; background-repeat: no-repeat; } #EasyWebExample .cntbox .set.pad_example { padding: 90px 340px 15px 15px; } #EasyWebExample .cntbox.bg_baby { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_baby.jpg"); } #EasyWebExample .cntbox.bg_bewerbung { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_bewerbung.jpg"); } #EasyWebExample .cntbox.bg_familie { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_familie.jpg"); } #EasyWebExample .cntbox.bg_feierlichkeiten { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_feierlichkeiten.jpg"); } #EasyWebExample .cntbox.bg_fotografie { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_fotografie.jpg"); } #EasyWebExample .cntbox.bg_hobby { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_hobby.jpg"); } #EasyWebExample .cntbox.bg_hochzeit { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_hochzeit.jpg"); } #EasyWebExample .cntbox.bg_karneval { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_karneval.jpg"); } #EasyWebExample .cntbox.bg_kunst { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_kunst.jpg"); } #EasyWebExample .cntbox.bg_mail { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_mail.jpg"); } #EasyWebExample .cntbox.bg_natur { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_natur.jpg"); } #EasyWebExample .cntbox.bg_rezepte { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_rezepte.jpg"); } #EasyWebExample .cntbox.bg_tagebuch { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_tagebuch.jpg"); } #EasyWebExample .cntbox.bg_tiere { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_tiere.jpg"); } #EasyWebExample .cntbox.bg_urlaub { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_urlaub.jpg"); } #EasyWebExample .cntbox.bg_vereine { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_vereine.jpg"); } #EasyWebExample .cntbox.bg_videoproduktion { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/example/bg_videoproduktion.jpg"); } /* _EasyWeb Index Seite (Flash Fallback) [ Definitionen fuer die EasyWeb Index-Seite ] ====================================================================================================================== */ #ProdPage.cntbox .subcol.sb75l.fallback{ background:transparent url("/imperia/md/images/strato_de/header/easyweb/hd_index_fallback.jpg") top left no-repeat; } /* _ProductPage [ Definitionen fuer die Produktseite z. B. von SiteWeb ] ====================================================================================================================== */ /* Buehnen-Hintergrund Produktseiten */ #ProdPage.cntbox .subcol.sb75l, #ProdPage.cntbox .subcol.sb100{ height: 400px; } #ProdPage.cntbox .subcol.sb75l.prod_mailblog{ background:transparent url("/imperia/md/images/strato_de/header/easyweb/hd_prod_mailblog.jpg") top left no-repeat; } #ProdPage.cntbox .subcol.sb75l.prod_siteweb{ background:transparent url("/imperia/md/images/strato_de/header/easyweb/hd_prod_siteweb.jpg") top left no-repeat; } #ProdPage.cntbox .subcol.sb75l.prod_fotoweb{ background:transparent url("/imperia/md/images/strato_de/header/easyweb/hd_prod_fotoweb.jpg") top left no-repeat; } #ProdPage.cntbox .subcol.sb75l.prod_videoweb{ background:transparent url("/imperia/md/images/strato_de/header/easyweb/hd_prod_videoweb.jpg") top left no-repeat; } #ProdPage.cntbox .subcol.sb100.prod_multiweb{ background:transparent url("/imperia/md/images/strato_de/header/easyweb/hd_prod_multiweb.jpg") top left no-repeat; } /* ------------------------------------------------------------------------------------------------------------------ */ /* Angaben zur Positionierung und Gestaltung der Buehnen-Elemente fuer die Produktseiten */ #ProdPage.cntbox .subcol.sb75l .pack_body_prod {padding: 215px 0px 0 256px;} #ProdPage.cntbox .subcol.sb100 .pack_body_prod {padding: 76px 267px 0 256px;} /*{padding: 90px 267px 0 256px;}*/ #ProdPage.cntbox .subcol.sb75l a.lnk_design_example_other, #ProdPage.cntbox .subcol.sb100 a.lnk_design_example_multiweb { position:absolute; display: block; height: 155px; width: 219px; text-decoration: none; margin-bottom: 15px; } #ProdPage.cntbox .subcol.sb75l span.aktion_text, #ProdPage.cntbox .subcol.sb100 span.aktion_text{position:absolute;} #ProdPage.cntbox .subcol.sb75l span.aktion_text{left: 0px; top: 63px;}/*left: 205px; top: 30px;*/ #ProdPage.cntbox .subcol.sb100 span.aktion_text{left: 0px; top: 62px;} #ProdPage.cntbox .subcol.sb75l a.lnk_design_example_other{ left: 255px; top: 67px; } #ProdPage.cntbox .subcol.sb100 a.lnk_design_example_multiweb{ left: 555px; top: 232px; } #ProdPage.cntbox .subcol.sb75l ul.cntlist, #ProdPage.cntbox .subcol.sb100 ul.cntlist{margin: 0;} #ProdPage.cntbox .subcol.sb75l ul.cntlist li, #ProdPage.cntbox .subcol.sb100 ul.cntlist li{ background: transparent url("/imperia/md/images/strato_de/elements/arrow/list_square.gif") no-repeat 0 4px; line-height: 1.35em; } #ProdPage.cntbox .subcol.sb75l .pack_price_prod{height: 56px; margin: 10px 0 0 0; position: relative;} #ProdPage.cntbox .subcol.sb100 .pack_price_prod{height: 56px; margin: 15px 0 0 0; position: relative;} #ProdPage.cntbox .subcol.sb75l .pack_price_prod img, #ProdPage.cntbox .subcol.sb100 .pack_price_prod img { margin:0 5px 0 0; } #ProdPage.cntbox .subcol.sb75l .pack_price_prod .lnk.int, #ProdPage.cntbox .subcol.sb100 .pack_price_prod .lnk.int {position: absolute; left: 98px;} #ProdPage.cntbox .subcol.sb75l .pack_price_prod .lnk_spacer, #ProdPage.cntbox .subcol.sb100 .pack_price_prod .lnk_spacer {line-height: 1.4em;} #ProdPage.cntbox .subcol.sb75l .pack_price_prod .btn_lnk, #ProdPage.cntbox .subcol.sb100 .pack_price_prod .btn_lnk { position: absolute; bottom: 0; left: 91px; } #ProdPage.cntbox .subcol.sb100 .list_box, #ProdPage.cntbox .subcol.sb100 .price_box { width: 275px; float:left; } /* ------------------------------------------------------------------------------------------------------------------ */ /* Angaben zu den Teaser-Elementen der Produktseiten */ #ProdPage.cntbox .subcol.sb25r{ margin-top: 26px; height: 374px; } #ProdPage.cntbox .subcol.sb25r.tsr_start{ background:transparent url("/imperia/md/images/strato_de/elements/teaser_box/tsr_easyweb_bg_start.jpg") top right no-repeat; } #ProdPage.cntbox .subcol.sb25r.tsr_multiweb{ background:transparent url("/imperia/md/images/strato_de/elements/teaser_box/tsr_easyweb_bg_multiweb.jpg") top right no-repeat; } #ProdPage.cntbox .subcol.sb25r .tsr_body_prod{padding: 15px 10px 0 10px;} .tsr_easyweb img.tsr_img_r_inline{float: right; margin: 0 5px 10px 0;} .tsr_easyweb img.tsr_img_inline{margin: 0 0 5px 0;} .tsr_easyweb div.tsr_txt p{margin-bottom: 0;} .tsr_easyweb div.tsr_txt.txt_box_start{height: 10em;} .tsr_easyweb div.tsr_txt.txt_box_mailblog{height: 10em;} .tsr_easyweb div.tsr_txt.txt_box_siteweb{height: 10em;} .tsr_easyweb div.tsr_txt.txt_box_fotoweb{height: 10em;} .tsr_easyweb div.tsr_txt.txt_box_videoweb{height: 10em;} .tsr_easyweb div.tsr_txt.txt_box_multiweb{height: 10em;} /* _ProductPageStart [ Definitionen fuer die Startseite von EasyWeb ] ====================================================================================================================== */ /* Verlinkungen auf dem Fallback-Bild */ #ProdPage .subcol.sb75l a.pos_lnk_prod{position:absolute; display: block;} #ProdPage .subcol.sb75l a.pos_lnk_prod.mailblog{top: 100px; left: 203px; height: 65px; width: 188px;} #ProdPage .subcol.sb75l a.pos_lnk_prod.siteweb{top: 200px; left: 410px; height: 65px; width: 180px;} #ProdPage .subcol.sb75l a.pos_lnk_prod.fotoweb{top: 100px; left: 410px; height: 65px; width: 180px;} #ProdPage .subcol.sb75l a.pos_lnk_prod.videoweb{top: 200px; left: 203px; height: 65px; width: 188px;} #ProdPage .subcol.sb75l a.pos_lnk_prod.multiweb{top: 300px; left: 220px; height: 90px; width: 370px;} /* _Produkt_Slider [ Definitionen fuer den ProduktSlider ] ====================================================================================================================== */ #scrollcontainer .arrleft .arrow, #scrollcontainer .arrright .arrow{ top:23px; } #scrollcontainer .arrleft a, #scrollcontainer .arrright a{ height:76px; } div.prodTeaser{ width:150px; height: 71px; padding-top: 5px; padding-right:30px; padding-left:68px; } #scroller table table td.item_01{background: url("/imperia/md/images/strato_de/elements/dhtml_slider/icon_mailblog.gif") 0px 12px no-repeat ;} #scroller table table td.item_02{background: url("/imperia/md/images/strato_de/elements/dhtml_slider/icon_siteweb.gif") 0px 12px no-repeat ;} #scroller table table td.item_03{background: url("/imperia/md/images/strato_de/elements/dhtml_slider/icon_fotoweb.gif") 0px 12px no-repeat ;} #scroller table table td.item_04{background: url("/imperia/md/images/strato_de/elements/dhtml_slider/icon_videoweb.gif") 0px 12px no-repeat ;} #scroller table table td.item_05{background: url("/imperia/md/images/strato_de/elements/dhtml_slider/icon_multiweb.gif") 0px 12px no-repeat ;} /* _JavaScript-Icon [ Positionierung des JavaScript-Icons ] ====================================================================================================================== */ div.img_no_js.pos_abs.js_icon_start{bottom:10px;} /* ------------------------------------------------------------------------------------------------------------------ */ /* _NEU-Stoerer Content-Box [ Positionierung des NEU-Stoerers in der Content-Box ] ====================================================================================================================== */ .new_topright { left:344px; position:absolute; top:0px; } /* ------------------------------------------------------------------------------------------------------------------ */ /* _TOP-Stoerer Content-Box [ Positionierung des TOP-Stoerers in der Content-Box ] ====================================================================================================================== */ .top_topright { left:551px; position:absolute; top:0px; } /* ------------------------------------------------------------------------------------------------------------------ */ /* Stoerer subcol-Content-Box [ Positionierung des NEU-Stoerers in der Content-Box ] ====================================================================================================================== */ .box1_topright { left:140px; position:absolute; top:0px; } .box2_topright { left:344px; position:absolute; top:0px; } .box3_topright { left:550px; position:absolute; top:0px; } .box4_topright { left:760px; position:absolute; top:0px; } /* ------------------------------------------------------------------------------------------------------------------ */