/*
*
* @file: /imperia/md/content/strato_es/css/rubrik/hosting.css
*
* Bereichsstyle - Hosting
*
*/

/*== INDEX: ========================================================================================================== 
_Buehnen                    [ Definitionen fuer die Buehnen ]
_Providerwechsel-Seiten     [ Definitionen fuer die Sub-Seite Providerwechsel]
_Produkt_Tabelle            [ Definitionen fuer die Produkt-Tabellen ]
_fourSteps                  [ Definitionen fuer die Four-Steps-Praesentation ]
_Content-Box Software       [ Definitionen Content-Box fuer Software-Seite - innen ]
====================================================================================================================== 
*/


/* _Buehnen <Anchor>  [ Definitionen fuer die Buehnen]	
====================================================================================================================== */
	#scene_lv_1 .hosting.start { background-image: url("/imperia/md/images/strato_es/header/hosting/hd_index.jpg");}
	#scene_lv_1 .hosting.start ul#highlights{top: 95px;left: 280px;}

	#scene_lv_2 .hosting.vorteile { background-image: url("/imperia/md/images/strato_es/header/hosting/hd_vorteile.jpg");}
	#scene_lv_2 .hosting.vorteile ul#highlights{top: 85px; left: 280px;}
	
	#scene_lv_2 .hosting.packages { background-image: url("/imperia/md/images/strato_es/header/hosting/hd_pakete.jpg");}
   #scene_lv_2 .hosting.packages ul#highlights{top: 85px;left: 280px;}

	#scene_lv_2 .hosting.providerwechsel { background-image: url("/imperia/md/images/strato_es/header/hosting/hd_providerwechsel.jpg");}
	#scene_lv_2 .hosting.providerwechsel ul#highlights{top: 85px; left: 20px;}
	
   #scene_lv_2 .hosting.faq { background-image: url("/imperia/md/images/strato_es/header/hosting/hd_faq.jpg"); margin-bottom:10px }
	#scene_lv_2 .hosting.faq ul#highlights{top: 85px; left: 280px;}


   /* _Providerwechsel-Seiten  <Anchor> [ Definitionen fuer die Sub-Seite Providerwechsel]	
====================================================================================================================== */

/* Kofferbox anpassungen */
   .pack_providerwechsel { background:url("/imperia/md/images/strato_es/elements/icon/pack_providerwechsel.gif") no-repeat; }
   
	.pack_box.pw2 { background:url("/imperia/md/images/strato_es/rubrik/hosting/providerwechsel/bg_koffer.gif") no-repeat; margin-bottom:0px;}

/* Listen Variation*/
   .listen ul { list-style-type:none; padding-left:1.0em;}
   .listen ul li {padding-bottom: 1.0em; padding-left:1.2em; background:url("/imperia/md/images/strato_es/elements/arrow/list_arrow_scene.gif") no-repeat;}

/*cntbox Anpassung*/
   .cntbox.pw {margin-bottom:5px;}
   
.b_checker .inputDS {
border-color:#B4C9D4;
border-style:solid;
border-width:0 1px 1px 0;
height:16px;
margin:0 8px 0 0;
padding:3px 0 0 4px;
width:9.5em;
}

.b_checker .selectDS {
border-color:#B4C9D4;
border-style:solid;
border-width:0 1px 1px 0;
height:18px;
margin:0;
padding:1px 0 0 0;
width:5em;
}

.b_checker .inputImage {
position:relative; 
top:5px;
left:3px; 
}


/* _Produkt_Tabelle <Anchor>  [ Definitionen fuer die Produkt-Tabellen ]	
====================================================================================================================== */	
    
/* -- 15px kleiner wegen dem vereinbartem Padding --*/
table.offer.packages .topfrst {
width:150px;
}

table.offer.packages thead th.first, table.offer.packages td.first {
width:165px !important;
}

/* Positionierung des Bestell-Buttons */
table.offer.packages .btn_pos {
padding-left: 5px;
}

table.offer .pos_btn_3c{padding-left: 176px;}

table.offer .pos_btn_2c{padding-left: 105px;}


/* fourSteps  <Anchor>	[ 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 {height:420px; position:relative;}

/* _Content-Box Software <Anchor>  [ Definitionen Content-Box fuer Software-Seite - innen ]	
==================================================================================================================*/
.cntbox.bg_tb_sw_ovfl {
	width: 611px; 
}