/*
*
* @file: /imperia/md/content/strato_uk/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 ]
_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_uk/header/hosting/hd_index.jpg");}
#scene_lv_1 .hosting.start ul#highlights{top: 100px;left: 306px;}

#scene_lv_2 .hosting.vorteile { background-image: url("/imperia/md/images/strato_uk/header/hosting/hd_vorteile.jpg");height:150px}
#scene_lv_2 .hosting.vorteile ul#highlights{top: 95px; left: 212px;}

#scene_lv_2 .hosting.packages { background-image: url("/imperia/md/images/strato_uk/header/hosting/hd_pakete.jpg");height:150px}
#scene_lv_2 .hosting.packages ul#highlights{top: 95px;left: 260px;}
		
#scene_lv_1 .hosting.providerwechsel { background-image: url("/imperia/md/images/strato_uk/header/hosting/hd_providerwechsel.jpg");height:150px}
#scene_lv_1 .hosting.providerwechsel ul#highlights{top: 100px; left: 20px;}

#scene_lv_2 .hosting.faq { background-image: url("/imperia/md/images/strato_uk/header/hosting/hd_faq.jpg"); margin-bottom:10px }
#scene_lv_2 .hosting.faq ul#highlights{top: 95px; left: 233px;}

#scene_lv_1 .hosting.entry { background-image: url("/imperia/md/images/strato_uk/header/hosting/hd_entry.jpg");}
#scene_lv_1 .hosting.entry ul#highlights{top: 80px;left: 304px;}


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

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

/*cntbox Anpassung*/
.cntbox.pw {margin-bottom:5px;}


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

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

/* Positionierung des Bestell-Buttons */
table.offer.packages .btn_pos{padding-left: 9px;}
table.offer.packages a.btn{padding-right: 18px;}


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

/* 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 #FlashAppsLivepages1,
ul#list_content.apps_content li .subcol.sb100 #FlashAppsLivepages2,
ul#list_content.apps_content li .subcol.sb100 #FlashAppsLivepages3,
ul#list_content.apps_content li .subcol.sb100 #FlashAppsLivepages4{padding-top: 4px; padding-left: 4px;}