/*
*
* @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 ]
_GoogleSteps                [ Definitionen fuer die Four-Steps-Praesentation ]
_AppsSteps                  [ Definitionen fuer die Four-Steps-Praesentation ]
====================================================================================================================== 
*/


/* _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: 20px;}

	#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: 20px;}

	#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 {
    margin-bottom: 5px;
    padding-left: 7px;
}


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

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

/* PopUp-Single-Tabelle - Begin */
table.offer.popup_single_tab .topfrst{width:285px;}
table.offer.popup_single_tab thead th.first, 
table.offer.popup_single_tab td.first {width:300px !important;}
table.offer.popup_single_tab .btn_pos{padding-left:107px;}
table.offer.popup_single_tab .topfrst .head_control_panel,
table.offer.popup_single_tab .topfrst .foot_control_panel{height:60px;}
table.offer.popup_single_tab .only_info{top: 25px; left: 0;}
/* PopUp-Single-Tabelle - End */

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

/* GoogleSteps  <Anchor>	[ Definitionen fuer Four-Steps-Praesentation ]
==================================================================================================================*/

ul#list_button.google_button li.empty {width: 151px;}
ul#list_button.google_button li.empty.first {width: 173px;}
ul#list_button.google_button li.empty.last {width: 133px;}
ul#list_content.google_content li .subcol.sb100{height: 420px;}
ul#list_content.google_content {height: 420px;}

ul#list_content.google_content li .subcol.sb100 #FlashGoogleZugang,
ul#list_content.google_content li .subcol.sb100 #FlashGoogleExtras,
ul#list_content.google_content li .subcol.sb100 #FlashGoogleVorteile{padding-top: 4px; padding-left: 4px;}
ul#list_content.google_content li .subcol.sb100 #FlashGoogleVideo{padding-top: 32px; padding-left: 47.5px;}

/* AppsSteps  <Anchor>	[ Definitionen fuer Four-Steps-Praesentation ]
==================================================================================================================*/

ul#list_button.apps_button li.empty {width: 151px;}
ul#list_button.apps_button li.empty div.button{text-align: center;}
ul#list_button.apps_button li.empty.first {width: 143px;}
ul#list_button.apps_button li.empty.last {width: 163px;}
ul#list_content.apps_content li .subcol.sb100 {height: 420px;}
ul#list_content.apps_content {height: 420px;}

ul#list_content.apps_content li .subcol.sb100 #FlashAppsLivepages,
ul#list_content.apps_content li .subcol.sb100 #FlashAppsMobilepages,
ul#list_content.apps_content li .subcol.sb100 #FlashAppsWeblog,
ul#list_content.apps_content li .subcol.sb100 #FlashAppsEasyvideo{padding-top: 4px; padding-left: 4px;}