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

/*== INDEX: ========================================================================================================== 
_Buehnen                        [ Definitionen fuer die Buehnen ]
_Providerwechsel-Seiten         [ Definitionen fuer die Sub-Seite Providerwechsel]
_Produkt_Bereich_Dynamix        [ Definitionen fuer den Dynamix-Bereich ]
_Produkt_Tabelle_Dynamix        [ Definitionen fuer die Produkt-Tabelle-Dynamix ]
_Produkt_Tabelle_Allg           [ Definitionen fuer die Produkt-Tabellen ]	
_fourSteps                      [ Definitionen fuer die Four-Steps-Praesentation ]	
_Content-Box Software           [ Definitionen Content-Box fuer Software-Seite - innen ]
_Popup_SoftwareUeberblick       [ Definitionen fuer das Popup Software Ueberblick ]	
_Software_Slider                [ Definitionen fuer den SoftwareSlider ]	
_Vorteile_Elemente              [ Definitionen fuer die Vorteilsseiten ]
_Popup_UmlautDomains            [ Definitionen fuer das Popup Umlautdomains ]	

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


/* _Buehnen <Anchor>  [ Definitionen fuer die Buehnen]	
====================================================================================================================== */
#scene_lv_1 .hosting.start { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_index.jpg");}
#scene_lv_1 .hosting.providerwechsel { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_providerwechsel.jpg");}
#scene_lv_1 .hosting.providerwechsel_wechsel { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_providerwechsel_wechsel.jpg");}
#scene_lv_1 .hosting.providerwechsel_software { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_providerwechsel_software.jpg");height:150px}

#scene_lv_2 .hosting.vorteile { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_vorteile.jpg");height:150px}
#scene_lv_2 .hosting.basicweb { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_basicweb.jpg");height:150px}
#scene_lv_2 .hosting.dynamix { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_dynamix.jpg");height:150px}
#scene_lv_2 .hosting.powerplus { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_powerplus.jpg");height:150px}
#scene_lv_2 .hosting.faq { background-image: url("/imperia/md/images/strato_de/header/hosting/hd_faq.jpg"); margin-bottom:10px }

#scene_lv_1 .hosting.start ul#highlights{top: 100px;left: 220px;}
#scene_lv_1 .hosting.providerwechsel ul#highlights{top: 100px;left: 302px;}
#scene_lv_1 .hosting.providerwechsel_wechsel ul#highlights{top: 100px;left: 309px;}
#scene_lv_1 .hosting.providerwechsel_software ul#highlights{top: 100px; left: 17px;}

#scene_lv_2 .hosting.powerplus ul#highlights{top: 70px; left: 190px;}
#scene_lv_2 .hosting.dynamix ul#highlights{top: 95px; left: 188px;}
#scene_lv_2 .hosting.basicweb ul#highlights{top: 70px; left: 307px;}
#scene_lv_2 .hosting.vorteile ul#highlights{top: 95px; left: 257px;}
#scene_lv_2 .hosting.faq ul#highlights{top: 100px; left: 260px;}


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

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

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

.package.pw_koffer { background:url("/imperia/md/images/strato_de/rubrik/hosting/providerwechsel/bg_koffer.gif") no-repeat; margin-bottom:0px;}

.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_Bereich_Dynamix <Anchor>  [ Definitionen fuer den Dynamix-Bereich ]	
=====================================================================================================================*/

.dynamix_out {position: relative;}
.modul_plus {
   position: absolute;
	top: 104px;
	z-index: 99;
   height: 62px;
	width: 73px;
   background: transparent url("/imperia/md/images/strato_de/rubrik/hosting/dynamix_modul_plus.gif") top left no-repeat;
}
#modul_plus_1 {left: 61px;}
#modul_plus_2 {left: 268px;}
#modul_plus_3 {left: 475px;}

.dynamix_top { 
   position:relative;
   width: 611px;
   background: #fefcff url("/imperia/md/images/strato_de/rubrik/hosting/bg_dynamix_box_top.gif") bottom left repeat-x;
	margin-bottom: 13px;
}

.subcol_dynamix { 
   padding: 0px 5px;
	border: 1px solid #d2dfe7;
}

.dynamix_top .dynamix_l,
.dynamix_top .dynamix_r {height: 133px; float:left; margin:0; padding-top: 10px;}
.dynamix_top .dynamix_l {width:370px;}
.dynamix_top .dynamix_r {width:209px; padding-left:20px;}

.dynamix_top .dynamix_r p.price{padding-top:3px; height: 56px; position:relative; margin: 0;}
/* Korrektur fuer IE6 - BoxModel-Bug */
* html .dynamix_top .dynamix_r p.price{height: 59px;}
.dynamix_top .dynamix_r p.price .btn_lnk{position: absolute; left: 91px; bottom: 0px;}
/* Korrektur fuer IE6 */
* html .dynamix_top .dynamix_r p.price .btn_lnk{bottom: 3px;}

.modul_dynamix {
	float: left;
	position: relative;
	background: #fcfafb url("/imperia/md/images/strato_de/rubrik/hosting/bg_dynamix_box_modul.gif") bottom left repeat-x;
	width: 197px;
}

.modul_space {
	margin-right: 10px;
}
.modul_inner {
	padding: 10px 0px 10px 7px;
	border: 1px solid #d2dfe7;
	position: relative;
}
.modul_inner h1 {
	color: #003874;
	padding: 5px 0 10px 0px;
	font-weight: bold;
	font-size: 1.1em;
}



/* _Produkt_Tabelle_Dynamix <Anchor>  [ Definitionen fuer die Produkt-Tabelle-Dynamix ]	
=====================================================================================================================*/
    
/* -- 15px kleiner wegen dem vereinbartem Padding -- */
table.offer.hst_dynamix .topfrst {
width:290px;
}

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


/* _Produkt_Tabelle_Allg <Anchor>  [ Definitionen fuer die Produkt-Tabellen ]	
=====================================================================================================================*/
table.offer .pos_btn_3c{padding-left: 19px;}



/* 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 {position:relative;}


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

/* _Popup_SoftwareUeberblick <Anchor>  [ Definitionen fuer das Popup Software Ueberblick ]	
=====================================================================================================================*/

table.offer.tbl_software { width:821px;	}


/* _Software_Slider <Anchor>	[ Definitionen fuer den SoftwareSlider ]
=====================================================================================================================*/

#scrollcontainer .arrleft .arrow,
#scrollcontainer .arrright .arrow{
	top:72px;
}

#scrollcontainer .arrleft a,
#scrollcontainer .arrright a{
	height:169px;
}


div.prodTeaser{
width:80px;
padding: 145px 40px 10px 5px;
}

#scroller table table td div.prodTeaser{position: relative;}
#scroller table table td.item_01 div.prodTeaser a.lnk_img,
#scroller table table td.item_02 div.prodTeaser a.lnk_img,
#scroller table table td.item_03 div.prodTeaser a.lnk_img,
#scroller table table td.item_04 div.prodTeaser a.lnk_img,
#scroller table table td.item_05 div.prodTeaser a.lnk_img,
#scroller table table td.item_06 div.prodTeaser a.lnk_img{position:absolute; top:13px; left:0px; display:block; width:90px; height:118px; cursor:pointer;}

#scroller table table td.item_01{background: url("/imperia/md/images/strato_de/elements/software/kaspersky_anti_virus.gif") 0px 12px no-repeat ;}
#scroller table table td.item_02{background: url("/imperia/md/images/strato_de/elements/software/kaspersky_internet_security.gif") 0px 12px no-repeat ;}
#scroller table table td.item_03{background: url("/imperia/md/images/strato_de/elements/software/adobe_ps_elements_8.gif") 0px 12px no-repeat ;}
#scroller table table td.item_04{background: url("/imperia/md/images/strato_de/elements/software/namo_webeditor_8.gif") 0px 12px no-repeat ;}
#scroller table table td.item_05{background: url("/imperia/md/images/strato_de/elements/software/ultra_edit.gif") 0px 12px no-repeat ;}


/* _Vorteile_Elemente <Anchor>	[ Definitionen fuer die Vorteilsseiten ]
=====================================================================================================================*/

.bg_comm_world {background:url("/imperia/md/images/strato_de/rubrik/hosting/vorteile/bg_communicator.jpg") 0px 70px no-repeat;}
.bg_comm_world .comm_symbols{margin-bottom: 150px;}

.icon_margin {margin: 5px 0 0 30px} /* Margin fuer die Icons in den Content-Boxen */

/* _Popup_UmlautDomains   <Anchor>     [ Definitionen fuer das Popup Umlautdomains ]	
=====================================================================================================================*/

.cnttab.popup_umlautdomains td.first{font-weight: bold;}

/* /hosting/vorteile/software/index.html */
.cntbox.softwaregpaket { height: 260px; DISPLAY: none;}
.cntbox.flash_softwaregpaket h3 { margin-top:5px; }
.cntbox.flash_softwaregpaket { margin-bottom:0px;}
.cntbox.softwaregpaket.first {DISPLAY: block; }