/*
* @file: /imperia/md/content/strato_de/css/rubrik/easyweb.css
*
* Bereichsstyle - EasyWeb
*
*/

/*== INDEX: ========================================================================================================== 
_Buehnen                 [ Definitionen fuer die Buehnen]
_Produkt_Tabelle         [ Definitionen fuer die Produkttabelle ]
_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 ]
_Website erstellenSteps  [ Definitionen fuer Four-Steps-Praesentation ]
_SitebuilderSteps        [ Definitionen fuer Four-Steps-Praesentation ]
_MediacenterSteps        [ Definitionen fuer Four-Steps-Praesentation ]
_FlashScreenKarussell    [ Definitionen fuer FlashScreenKarussell ]
====================================================================================================================== 
*/


/* _Buehnen <Anchor>  [ Definitionen fuer die Buehnen]	
====================================================================================================================== */

    /* /easyweb/index.html */
	#scene_lv_1 .easyweb.start { 
	background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_index.jpg");height:220px;margin-bottom:0px;}
	#scene_lv_1 .easyweb.start ul#highlights{
	top: 79px;
	left: 161px;
}
	#ProdPage.cntbox .subcol.sb75l.fallback{ background:transparent url("/imperia/md/images/strato_de/header/easyweb/hd_index_top.jpg") top left no-repeat;}
	
	/* /easyweb/vorteile/index.html */
	#scene_lv_2 .easyweb.vorteile { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_vorteile.jpg");height:170px;margin-bottom:15px}
	#scene_lv_2 .easyweb.vorteile ul#highlights{ top:85px;left: 157px; width: 250px; }
	
	/* /easyweb/siteweb/index.html */
	#scene_lv_1 .easyweb.siteweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_siteweb.jpg");height:190px;margin-bottom:15px}
	#scene_lv_1 .easyweb.siteweb .pack_body_prod { padding:0 0 0 273px; }
	#scene_lv_2 .easyweb.siteweb ul#highlights{top: 15px; left: 320px;}
	.package.siteweb { background:url("/imperia/md/images/strato_de/rubrik/easyweb/bg_cntbox_siteweb.jpg") repeat-x scroll left top #E0E9ED; border-top:1px solid #D2DFE7;padding:10px 0 5px 10px;position:relative;}
	 
    /* /easyweb/mailblog/index.html */
	#scene_lv_2 .easyweb.mailblog { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_mailblog.jpg"); height:220px;margin-bottom:15px}
	#scene_lv_2 .mailblogscreen { height:160px;left:39px;position:absolute;top:59px;width:236px;display:block !important;}
	#scene_lv_2 .easyweb.mailblog ul#highlights{top: 70px; left: 20px;}
	.package.mailblog {background:url("/imperia/md/images/strato_de/elements/bg/pack_box_bg.png") repeat-x scroll left top #E0E9ED; border-top:1px solid #D2DFE7;padding:10px 0 5px 10px;position:relative;}
	
	/* /easyweb/fotovideoweb/index.html */
	#scene_lv_2 .easyweb.fotovideoweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_fotovideoweb.jpg"); height:220px;margin-bottom:15px}
	#scene_lv_2 .fotovideowebscreen {
	height:155px;
	left:34px;
	position:absolute;
	top:64px;
	width:272px;
	display:block !important;
}
	#scene_lv_2 .easyweb.fotovideoweb ul#highlights {
	top: 202px;
	left: 10px;
	width: 130px;
	height:20px
}
	.package.fotovideoweb {background:url("/imperia/md/images/strato_de/elements/bg/pack_box_bg.png") repeat-x scroll left top #E0E9ED;border-top:1px solid #D2DFE7;padding:10px 0 5px 10px;position:relative;}
	
	/* /easyweb/multiweb/index.html */
	#scene_lv_2 .easyweb.multiweb { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_multiweb.jpg"); height:220px;margin-bottom:15px}
	#scene_lv_2 .multiwebscreen { height:160px;left:39px;position:absolute;top:59px;width:236px;display:block !important;}
	#scene_lv_2 .easyweb.multiweb ul#highlights {top: 202px;
	left: 10px;
	width: 130px;
	height:20px}
	.package.multiweb { background:url("/imperia/md/images/strato_de/elements/bg/pack_box_bg.png") repeat-x scroll left top #E0E9ED; border-top:1px solid #D2DFE7;padding:10px 0 5px 10px;position:relative;}

    /* /easyweb/so_funktionierts/index.html */
	#scene_lv_1 .easyweb.sofunktionierts { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_so_funktionierts.jpg");width:815px;height:400px;}
	#scene_lv_1 .easyweb.sofunktionierts ul#highlights{top: 80px;left: 16px; width: 480px;}
	#scene_lv_1 .easyweb.sofunktionierts ul#highlights li {line-height: 15px}
	#scene_lv_1 .easyweb.sofunktionierts ul#highlights li.titel {margin: 0 0 5px 0}
	#scene_lv_1 .linkLivePages {height:197px;left:73px;position:absolute;top:159px;width:298px;display:block !important;}
    #scene_lv_1 .linkMedienCenter {height:197px;left:443px;position:absolute;top:159px;width:298px;display:block !important;}
	#scene_lv_1 .buttonLivePages { height:30px;left:250px;position:absolute;top:362px;width:126px;display:block !important;}
    #scene_lv_1 .buttonMedienCenter {
	height:34px;
	left:583px;
	position:absolute;
	top:360px;
	width:165px;
	display:block !important;
}
	
     /* /easyweb/faq/index.html */
	#scene_lv_2 .easyweb.faq { background-image: url("/imperia/md/images/strato_de/header/easyweb/hd_faq.jpg"); margin-bottom:15px}
	#scene_lv_2 .easyweb.faq ul#highlights{top: 90px;left: 36px;}
	
	
/* _Produkt_Tabelle <Anchor>  [ 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;}

/* _Favorites  <Anchor>   [ Definitionen fuer die Favorites-Icons ]
====================================================================================================================== */

	.cntbox .subcol .set img.favicon {margin:0 10px;}


/* _EmpfehlungsPopUp  <Anchor>   [ 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: 450px;
	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"); }

	#EasyWebExample .cntbox.bg_websiteFamilie { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/website/bg_familie.jpg"); }
	#EasyWebExample .cntbox.bg_websiteFotografie { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/website/bg_fotografie.jpg"); }
	#EasyWebExample .cntbox.bg_websiteGalerien { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/website/bg_galerien.jpg"); }
	#EasyWebExample .cntbox.bg_websiteVereine { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/website/bg_vereine.jpg"); }
	#EasyWebExample .cntbox.bg_websiteTiere { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/website/bg_tiere.jpg"); }
	#EasyWebExample .cntbox.bg_websiteWellness { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/website/bg_wellnessoase.jpg"); }
	#EasyWebExample .cntbox.bg_websiteImmobilien { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/popup/website/bg_immobilien.jpg"); }

/* _ProductPage  <Anchor>   [ Definitionen fuer die Produktseite z. B. von SiteWeb ]
====================================================================================================================== */
       
/* Buehnen-Hintergrund Produktseiten */
.cntbox .subcol {
float:left;
margin:0;
width:611px;
}

.package .price {
height:56px;
margin:0 0 5px 0;
position:relative;
}


	
/* Angaben zu den Teaser-Elementen der Produktseiten */
	
	#ProdPage.cntbox .subcol.sb25r{
	margin-top: 0px;
	height: 380px;
	}
	
	
	#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_computerbild{height: 5em;}
	.tsr_easyweb div.tsr_txt.txt_box_homepage{height: 5em;}
	.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;}


/* _JavaScript-Icon <Anchor>	[ Positionierung des JavaScript-Icons ]
====================================================================================================================== */

	div.img_no_js.pos_abs.js_icon_start{bottom:10px;}


/* VORTEILE / EINFACH & SCHNELL FOUR STEPS <Anchor>	[ Definitionen fuer Four-Steps-Praesentation ]
==================================================================================================================*/

/* Website erstellen */  
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 2em 2em 2em;}
ul#list_content.ws_erstellen_content .set .step01{padding:1.5em 0 0 25em; background: transparent url("/imperia/md/images/strato_de/rubrik/easyweb/4steps_cnt1_img.jpg") no-repeat 0 1em;height:250px;}
ul#list_content.ws_erstellen_content .set .step02{padding:1.5em 0 5em 25em; background: transparent url("/imperia/md/images/strato_de/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_de/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_de/rubrik/easyweb/4steps_cnt4_img.jpg") no-repeat 0 1em;}

/* SitebuilderSteps */
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 */
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;}


/* _FlashScreenKarussell - Übersichtsseite Index <Anchor>	[ Definitionen fuer FlashScreenKarussell ]
==================================================================================================================*/
#FlashScreenKarussell {margin-bottom:15px;}

/* _FlashScreenKarussell  - SiteWeb Seite <Anchor>	[ Definitionen fuer FlashScreenKarussell ]
==================================================================================================================*/
#SiteWebScreenKarussell {margin-bottom:15px;}


/* _SONSTIGES  -  <Anchor>	[ Definitionen fuer FlashScreenKarussell ]
==================================================================================================================*/
#SiteWebScreenKarussell {margin-bottom:15px;}
#ProdPage.cntbox .subcol.sb100 .pack_price_prod.multi{ height:56px;margin:15px 0 0;position:relative;width: 300px;}

.cntbox.content_set.einfach { background-image: url("/imperia/md/images/strato_de/rubrik/easyweb/vorteile/einfach/bg_einfach_und_schnell.jpg") no-repeat top left;}
.pack_box {background:url("/imperia/md/images/strato_de/elements/bg/pack_box_bg.png") repeat-x scroll left bottom transparent;float:left;position:relative;}