/*
*
* @file: /imperia/md/content/strato_nl/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 ]	
_Software                   [ Definitionen fuer Software-Praesentation ]
_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_nl/header/hosting/hd_index.jpg");}
#scene_lv_1 .hosting.start ul#highlights{top: 96px;left: 280px;}

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

#scene_lv_2 .hosting.packages { background-image: url("/imperia/md/images/strato_nl/header/hosting/hd_pakete.jpg"); height:150px;}
#scene_lv_2 .hosting.packages ul#highlights{top: 96px;left: 280px;}
		
#scene_lv_2 .hosting.beispiele { background-image: url("/imperia/md/images/strato_nl/header/easyweb/hd_beispiele.jpg");}
#scene_lv_2 .hosting.beispiele ul#highlights{top: 96px; left: 315px;}

#scene_lv_2 .hosting.providerwechsel { background-image: url("/imperia/md/images/strato_nl/header/hosting/hd_providerwechsel.jpg");}
#scene_lv_2 .hosting.providerwechsel ul#highlights{top: 96px; left:20px;}

#scene_lv_1 .hosting.providerwechsel_software { background-image: url("/imperia/md/images/strato_nl/header/hosting/hd_providerwechsel_software.jpg"); height:150px;}
#scene_lv_1 .hosting.providerwechsel_software ul#highlights{top: 96px; left: 17px;}

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


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

/* Kofferbox anpassungen */
.pack_providerwechsel { background:url("/imperia/md/images/strato_nl/elements/icon/pack_providerwechsel.gif") no-repeat; }

.pack_providerwechsel_1 { background:url("/imperia/md/images/strato_nl/elements/icon/pack_box_providerwechsel_1.jpg") no-repeat; }
.pack_providerwechsel_2 { background:url("/imperia/md/images/strato_nl/elements/icon/pack_box_providerwechsel_2.jpg") no-repeat; }

.pack_box.pw2 { background:url("/imperia/md/images/strato_nl/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: 12px;
}

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


/* _Software <Anchor>  [ Definitionen fuer Software-Praesentation ]	
==================================================================================================================*/

.cntbox.software_tsr {padding-top: 0;}
.cntbox.software_tsr .subcol .set {padding: 0 0.5em 0 0;}
.cntbox.software_tsr .subcol .set ul#list_button li.empty div.sw_box{padding: 1.2em 0.5em 0 1em;}
.cntbox.software_tsr .subcol .set ul#list_button li.empty div.sw_box.activ{background:url('/imperia/md/images/strato_nl/elements/arrow/arrow_top_down.gif') no-repeat top center; cursor: default;}
.cntbox.software_tsr .subcol .set ul#list_button li.empty div.sw_box.hover{background:url('/imperia/md/images/strato_nl/elements/arrow/arrow_top_down_hover.gif') no-repeat top center;;}

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

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