/*
*
* @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 ]	

====================================================================================================================== 
*/

/* _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_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 <Anchor>  [ 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.fotoweb { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_pack_fotoweb.jpg");}
	#scene_lv_2 .easyweb.videoweb { background-image: url("/imperia/md/images/strato_es/header/easyweb/hd_pack_videoweb.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.fotoweb ul#highlights{top: 70px; left: 20px;}
	#scene_lv_2 .easyweb.videoweb ul#highlights{top: 15px; left: 279px;}
	#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 <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: 55px;}
	
.pos_btn_tbl_2c{padding-left: 55px;}
.pos_btn_tbl_3c{padding-left: 21px;}


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