/* * * @file: /imperia/md/content/strato_es/css/rubrik/easyweb.css * * Bereichsstyle - EasyWeb * */ /*== INDEX: ========================================================================================================== _3-Steps-Modul [ Definitionen fuer 3-Steps-Modul] _Buehnen [ Definitionen fuer die Buehnen] _Produkt_Tabelle [ Definitionen fuer die Produkttabelle ] _FourSteps [ Definitionen fuer die FourSteps-Ansichten ] _Website erstellenSteps [ Definitionen fuer Four-Steps-Praesentation ] _SitebuilderSteps [ Definitionen fuer Four-Steps-Praesentation ] _MediacenterSteps [ Definitionen fuer Four-Steps-Praesentation ] ====================================================================================================================== */ /* _3-Steps-Modul [ Definitionen fuer die FourSteps-Ansichten ] ====================================================================================================================== */ .cntbox .set.bg_tb.dreiSteps { position:relative; border-top: 1px solid #d2dfe7; padding-top: 1.3em; background: transparent url("/imperia/md/images/strato_es/rubrik/easyweb/bg_3steps_modul.jpg") top left no-repeat; } .cntbox .set.bg_tb.dreiSteps img.posAni.p{ position: absolute; right: 5px; top: 40px; } .cntbox .set.bg_tb.dreiSteps img.posAni.hdl{ position: absolute; right: 5px; top: 35px; } .cntbox .set.bg_tb.dreiSteps h1 { font-size:1.1em; padding: 0 0 8px 8px; } .cntbox .set.bg_tb.dreiSteps p { margin: 0 0 0 8px; } /* Liste in Details Popup */ #c_content_inner .head ul { list-style-type:none; padding:0 0 10px; } #c_content_inner .head ul li { background:transparent url("/imperia/md/images/strato_es/elements/arrow/list_square.gif") no-repeat scroll 0 5px; padding-left:12px;font-size:11px; font-weight:normal } /* _Buehnen [ Definitionen fuer die Buehnen] ====================================================================================================================== */ #scene_lv_1 .easyweb.start { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_index.jpg");} #scene_lv_1 .easyweb.start ul#highlights{top: 95px; left: 20px;} #scene_lv_2 .easyweb.mail { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_pack_mail.jpg");} #scene_lv_2 .easyweb.blogweb { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_pack_blogweb.jpg");} #scene_lv_2 .easyweb.siteweb { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_pack_siteweb.jpg");} #scene_lv_2 .easyweb.fotovideoweb { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_pack_fotovideoweb.jpg");} #scene_lv_2 .easyweb.multiweb { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_pack_multiweb.jpg");} #scene_lv_2 .easyweb.vorteile { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_vorteile.jpg");} #scene_lv_2 .easyweb.vorteil { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_vorteile.jpg");} #scene_lv_2 .easyweb.beispiele { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_beispiele.jpg");} #scene_lv_2 .easyweb.mail ul#highlights{top: 70px; left: 20px;} #scene_lv_2 .easyweb.blogweb ul#highlights{top: 70px; left: 20px;} #scene_lv_2 .easyweb.siteweb ul#highlights{top: 70px; left: 20px;} #scene_lv_2 .easyweb.fotovideoweb ul#highlights{top: 90px; left: 20px;} #scene_lv_2 .easyweb.multiweb ul#highlights{top: 15px; left: 279px;} #scene_lv_2 .easyweb.vorteile ul#highlights{top: 95px; left: 20px;} #scene_lv_2 .easyweb.vorteil ul#highlights{top: 95px; left: 20px;} #scene_lv_2 .easyweb.beispiele ul#highlights{top: 95px; left: 315px;} #scene_lv_2 .easyweb.faq { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_faq.jpg"); margin-bottom:10px} #scene_lv_2 .easyweb.faq ul#highlights{ top: 95px; left: 17px; } /* _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: 55px;} .pos_btn_tbl_2c{padding-left: 55px;} .pos_btn_tbl_3c{padding-left: 21px;} /* _FourSteps [ Definitionen fuer die FourSteps-Ansichten ] ====================================================================================================================== */ .Cnt.mediencenter #Cnt_fallback_1, .Cnt.mediencenter #Cnt_fallback_2, .Cnt.mediencenter #Cnt_fallback_3, .Cnt.mediencenter #Cnt_fallback_4 { margin-left:4px; } #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.mediencenter { width:611px; height:374px; } #fourSteps .Cnt.online_gehen { height:266px; } #fourSteps .Cnt .Cnt_inner h3 { margin-bottom: 1.2em; } #fourSteps .Cnt .Cnt_inner .ImgBox { float: left; width: 50%; } #fourSteps .Cnt .Cnt_inner .TXTBox {float: left; width: 49%;} /* _Special Actie [ 2GB SD-Card ] ====================================================================================================================== */ .special_actie_sdcard { position: absolute; width: 108px; height: 91px; z-index: 10; background: url("/imperia/md/images/strato_es/rubrik/easyweb/special_2gb_sd_card.gif") no-repeat top left; } .special_actie_sdcard.fotoweb { top: 200px; left: 186px; } .special_actie_sdcard.multiweb_a { top: 230px; left: 185px; } .special_actie_sdcard.multiweb_b { top: 230px; left: 186px; } /* _Website erstellen [ Definitionen fuer Four-Steps-Praesentation ] ==================================================================================================================*/ ul#list_button.ws_erstellen_button li.empty {width: 151px;} ul#list_button.ws_erstellen_button li.empty.first {width: 153px;} ul#list_button.ws_erstellen_button li.empty.last {width: 153px;} ul#list_content.ws_erstellen_content li .subcol.sb100, ul#list_content.ws_erstellen_content {height: 280px;} ul#list_content.ws_erstellen_content .set {padding:2em 1em 1em 1em;} ul#list_content.ws_erstellen_content .set .step01{padding:1.5em 0 0 25em; background: transparent url("/imperia/md/images/strato_es/rubrik/easyweb/4steps_cnt1_img.jpg") no-repeat 0 1em;} ul#list_content.ws_erstellen_content .set .step02{padding:1.5em 0 5em 25em; background: transparent url("/imperia/md/images/strato_es/rubrik/easyweb/4steps_cnt2_img.jpg") no-repeat 0 1em;} ul#list_content.ws_erstellen_content .set .step03{padding:1.5em 0 5em 25em; background: transparent url("/imperia/md/images/strato_es/rubrik/easyweb/4steps_cnt3_img.jpg") no-repeat 0 1em;} ul#list_content.ws_erstellen_content .set .step04{padding:1.5em 0 11em 25em; background: transparent url("/imperia/md/images/strato_es/rubrik/easyweb/4steps_cnt4_img.jpg") no-repeat 0 1em;} /* _SitebuilderSteps [ Definitionen fuer Four-Steps-Praesentation ] ==================================================================================================================*/ ul#list_button.sitebuilder_button li.empty {width: 161px;} ul#list_button.sitebuilder_button li.empty div.button{text-align: center;} ul#list_button.sitebuilder_button li.empty.first {width: 143px;} ul#list_button.sitebuilder_button li.empty.last {width: 143px;} ul#list_content.sitebuilder_content li .subcol.sb100, ul#list_content.sitebuilder_content {height: 420px;} ul#list_content.sitebuilder_content li .subcol.sb100 #FlashSitebuilderSteps, ul#list_content.sitebuilder_content li .subcol.sb100 #FlashSitebuilderDesign, ul#list_content.sitebuilder_content li .subcol.sb100 #FlashSitebuilderContent, ul#list_content.sitebuilder_content li .subcol.sb100 #FlashSitebuilderOnline{padding-top: 4px; padding-left: 4px;} /* _MediacenterSteps [ Definitionen fuer Four-Steps-Praesentation ] ==================================================================================================================*/ ul#list_button.mediacenter_button li.empty {width: 161px;} ul#list_button.mediacenter_button li.empty div.button{text-align: center;} ul#list_button.mediacenter_button li.empty.first {width: 143px;} ul#list_button.mediacenter_button li.empty.last {width: 143px;} ul#list_content.mediacenter_content li .subcol.sb100, ul#list_content.mediacenter_content {height: 378px;} ul#list_content.mediacenter_content li .subcol.sb100 #FlashMediacenterAlbum, ul#list_content.mediacenter_content li .subcol.sb100 #FlashMediacenterErstellen, ul#list_content.mediacenter_content li .subcol.sb100 #FlashMediacenterDesign, ul#list_content.mediacenter_content li .subcol.sb100 #FlashMediacenterOnline{padding-top: 4px; padding-left: 4px;}