/*
* @file: /imperia/md/content/strato_nl/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 ]
_Favorites               [ Definitionen fuer die Favorites-Icons ]
_ACTIE		          [ EasyWeb Index Stoerer ]
_Website erstellenSteps  [ Definitionen fuer Four-Steps-Praesentation ]
_SitebuilderSteps        [ Definitionen fuer Four-Steps-Praesentation ]
_MediacenterSteps        [ Definitionen fuer Four-Steps-Praesentation ]
====================================================================================================================== 
*/

/* _3-Steps-Modul <Anchor>  [ 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_nl/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_nl/elements/arrow/list_square.gif") no-repeat scroll 0 5px;
padding-left:12px;font-size:11px; font-weight:normal
}

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

	#scene_lv_1 .easyweb.start { background-image: url("/imperia/md/images/strato_nl/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_nl/header/easyweb/hd_pack_mail.jpg")}
	#scene_lv_2 .easyweb.blogweb { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_pack_blogweb.jpg");}
	#scene_lv_2 .easyweb.siteweb { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_pack_siteweb.jpg");}
	#scene_lv_2 .easyweb.fotoweb { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_pack_fotoweb.jpg");}
	#scene_lv_2 .easyweb.videoweb { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_pack_videoweb.jpg");}
	#scene_lv_2 .easyweb.fotovideoweb { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_pack_fotovideoweb.jpg");}
	#scene_lv_2 .easyweb.multiweb { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_pack_multiweb.jpg");}

	#scene_lv_2 .easyweb.vorteile { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_vorteile.jpg");}
	#scene_lv_2 .easyweb.vorteile_livepages { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_vorteile_livepages.jpg");}
	#scene_lv_2 .easyweb.vorteil { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_vorteile.jpg");}
    #scene_lv_2 .easyweb.beispiele { background-image: url("/imperia/md/images/strato_nl/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: 95px; left: 20px;}
	#scene_lv_2 .easyweb.videoweb ul#highlights{top: 15px; left: 299px;}
	#scene_lv_2 .easyweb.multiweb ul#highlights{top: 15px; left: 299px;}
	
	#scene_lv_2 .easyweb.vorteile ul#highlights{top: 95px; left: 20px;}
	#scene_lv_2 .easyweb.vorteile_livepages 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.vorteile.mediencenter ul#highlights{top:105px;left: 20px;}
	
	#scene_lv_2 .easyweb.faq { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_faq.jpg"); margin-bottom:10px}

	#scene_lv_2 .easyweb.faq ul#highlights{top: 95px;	left: 19px;}
	
   /* _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;
	}

.pos_btn_tbl_2c{padding-left: 52px;}
.pos_btn_tbl_3c{padding-left: 19px;}

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

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

/* _ACTIE  <Anchor>  [ Box Stoerer ]	
====================================================================================================================== */
	.special_actie_sdcard {
	position: absolute;
	width: 108px;
	height: 91px;
	z-index: 10;
	background: url("/imperia/md/images/strato_nl/rubrik/easyweb/special_2gb_sd_card.gif") no-repeat top left;
	}
	
	.special_actie_sdcard.fotoweb 	{ top: 207px; left: 186px; }	
	.special_actie_sdcard.multiweb_a 	{ top: 214px; left: 185px; }
	.special_actie_sdcard.multiweb_b 	{ top: 214px; left: 186px; }

	.pack_box_inner .stoe_zomeractie {
		background:url("/imperia/md/images/strato_nl/elements/pack_box/zomeractie.gif") no-repeat scroll left top transparent;
		height:25px;
		position:absolute;
		right:0;
		top:0;
		width:86px;
		z-index:10;
	}

	.pack_box_inner .stoe_actie {
		background:url("/imperia/md/images/strato_nl/elements/pack_box/actie.gif") no-repeat scroll left top transparent;
		height:25px;
		position:absolute;
		right:0;
		top:0;
		width:86px;
		z-index:10;
	}
	
	.stoe_nieuw_design {
		background:url("/imperia/md/images/strato_nl/elements/pack_box/nieuw_design.gif") no-repeat scroll left top transparent;
		height:25px;
		width:101px;
	}



/* _Website erstellen  <Anchor>	[ 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_nl/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_nl/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_nl/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_nl/rubrik/easyweb/4steps_cnt4_img.jpg") no-repeat 0 1em;}

/* _SitebuilderSteps  <Anchor>	[ 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  <Anchor>	[ 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;}