/*
*
* @file: /imperia/md/content/strato_de/css/rubrik/shops.css 
*
* Bereichsstyle - Shops
*
*/

/*== INDEX: ========================================================================================================== 
_Buehnen                   	[ Definitionen fuer die Buehnen ]
_Content_Tabelle          	[ Definitionen fuer die Content-Tabellen ]	
_Produkt_Tabelle 			[ Definitionen fuer die Produkttabellen ]
_fourSteps                 	[ Definitionen fuer die Four-Steps-Praesentation ]	
_Content-Box Software      [ Definitionen Content-Box fuer Shop-Seite - innen ]	
_Software_Slider           [ Definitionen fuer den SoftwareSlider ]	
_shops so funktioniert's   	[ cntbox Anpassung]
_shops_referenzen      	[ Definitionen fuer die Referenzenseite ]
_ProduktTeaser           	[ Definitionen fuer Teaser ] 
_shops_design & verw.      [ Definitionen fuer die Designseite ]
_GoogleSteps             	[ Definitionen fuer die Four-Steps-Praesentation ]
_Popups							[ Diverse Popups Settings ]

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

/* _Buehnen <Anchor>  [ Definitionen fuer die Buehnen ]	
=====================================================================================================================*/
	#scene_lv_1 .shops.start { background-image: url("/imperia/md/images/strato_de/header/shops/hd_index.jpg");}
	#scene_lv_2 .shops.vorteile { background-image: url("/imperia/md/images/strato_de/header/shops/hd_vorteile.jpg");}
	#scene_lv_2 .shops.online_shops { background-image: url("/imperia/md/images/strato_de/header/shops/hd_online_shops.jpg");}
	#scene_lv_2 .shops.basic_shops { background-image: url("/imperia/md/images/strato_de/header/shops/hd_basic_shops.jpg");}
	#scene_lv_2 .shops.pro_shops { background-image: url("/imperia/md/images/strato_de/header/shops/hd_pro_shops.jpg");}
	#scene_lv_2 .shops.funktion { background-image: url("/imperia/md/images/strato_de/header/shops/hd_funktion.jpg");}
	#scene_lv_2 .shops.referenzen { background-image: url("/imperia/md/images/strato_de/header/shops/hd_referenzen.jpg");}
	#scene_lv_2 .shops.faq { background-image: url("/imperia/md/images/strato_de/header/shops/hd_shops_faq.jpg"); margin-bottom:10px}
	#scene_lv_2 .shops.test_shops { background-image: url("/imperia/md/images/strato_de/header/shops/hd_shops_test_shops.jpg"); margin-bottom:10px}
	
	#scene_lv_1 .shops.start ul#highlights{ 		top: 100px; left: 20px }
	#scene_lv_2 .shops.faq ul#highlights{ 			top:  95px; left:  20px }
	#scene_lv_2 .shops.vorteile ul#highlights { 	top: 85px; left: 230px }
	#scene_lv_2 .shops.online_shops ul#highlights { top: 100px; left: 230px }
	#scene_lv_2 .shops.basic_shops ul#highlights {top: 70px; left: 307px;}
	#scene_lv_2 .shops.pro_shops ul#highlights {top: 70px; left: 307px;}
	#scene_lv_2 .shops.funktion ul#highlights {		top: 90px; left:  20px }
	#scene_lv_2 .shops.referenzen ul#highlights {	top: 90px; left:  20px }
	#scene_lv_2 .shops.test_shops ul#highlights {	top: 90px; left: 230px }

/* _Content_Tabelle <Anchor>  [ Definitionen fuer die Content-Tabellen ]	
=====================================================================================================================*/
	table.cnttab.shp_paynova th.hd, table.cnttab.shp_paynova td.shd, table.cnttab.shp_paynova td {
	text-align: center;
	}
	

/* _Produkt_Tabelle <Anchor>  [ Definitionen fuer die Produkttabellen ]	
=====================================================================================================================*/
	table.offer .topfrst .head_control_panel,
	table.offer .topfrst .foot_control_panel {position: relative;}
	table.offer .topfrst .head_control_panel .only_info,
	table.offer .topfrst .foot_control_panel .only_info {position: absolute;}
		
	table.offer.shp_basic_shops .btn_pos,
	table.offer.shp_pro_shops .btn_pos {padding-left:47px;}
			
	table.offer.shp_basic_shops .head_control_panel .only_info { top: 100px; left: 0;}
	table.offer.shp_basic_shops .foot_control_panel .only_info{ top: 100px; left: 0;}
	table.offer.shp_basic_shops .topfrst{width:185px;}
	table.offer.shp_basic_shops thead th.first, 
	table.offer.shp_basic_shops td.first {width:200px !important;}
	
	table.offer.shp_pro_shops .head_control_panel .only_info { top: 111px; left: 0;}
	table.offer.shp_pro_shops .foot_control_panel .only_info{ top: 70px; left: 0;}
	table.offer.shp_pro_shops .topfrst{width:185px;}
	table.offer.shp_pro_shops thead th.first, 
	table.offer.shp_pro_shops td.first {width:200px !important;}
	

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


/* so funktioniert's <select>	
=====================================================================================================================*/
	
	#link_auswahl .input_link { 
	vertical-align:middle; 
	margin-top:4px; margin: 3px 0px 6px 10px; float: left;}
	
	#link_auswahl .select_link { 
	float:left;
	margin:5px 0px 6px 0px;
	border-color:#B4C9D4;
	border-style:solid;
	border-width:0 1px 1px 0;
	height:18px; width:8em;
	} 


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


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

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

#scroller table table td div.prodTeaser {
position:relative;
}

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

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

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

#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 {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/buhl_kaufmann_2010.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 ;}


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

#scrollcontainer_fix table table td.item_01{background: url("/imperia/md/images/strato_de/rubrik/vorteile/software/magix_xtreme.gif") 0px 12px no-repeat ;}
#scrollcontainer_fix table table td.item_02{background: url("/imperia/md/images/strato_de/rubrik/vorteile/software/photoshop_elements_6.gif") 0px 12px no-repeat ;}
#scrollcontainer_fix table table td.item_03{background: url("/imperia/md/images/strato_de/rubrik/vorteile/software/adobe_golive_9.gif") 0px 12px no-repeat ;}
#scrollcontainer_fix table table td.item_04{background: url("/imperia/md/images/strato_de/rubrik/vorteile/software/ultraedit.gif") 0px 12px no-repeat ;}
#scrollcontainer_fix table table td.item_05{background: url("/imperia/md/images/strato_de/rubrik/shops/hostingpaket/wiso_kaufmann.gif") 0px 12px no-repeat ;}


/* _FlashKarussell   <Anchor>    [ Definitionen fuer das Flash-Karussell ]	
====================================================================================================================== */

/* /shops/index.html */
.cntbox.flash_index h3 { margin-top:5px }

/* /shops/advantages/marketing/index.html */
.cntbox.flash_marketing h3 { margin-top:5px }
.cntbox.flash_marketing { margin-bottom:0px}
.cntbox.marketing_partner { height: 145px; DISPLAY: none;}
.cntbox.marketing_partner.first {DISPLAY: block }

/* /shops/advantages/payment_shipping/index.html */
.cntbox.flash_payment h3 { margin-top:5px }
.cntbox.flash_payment { margin-bottom:0px}
.cntbox.payment_partner { height: 170px; DISPLAY: none }
.cntbox.payment_partner.first { DISPLAY: block }

/* /shops/referenzen/index.html */
.cntbox.flash_references h3 { margin-top:5px }
.cntbox.flash_references { margin-bottom:0px}
.cntbox.references { height: 150px; DISPLAY: none }
.cntbox.references.first {DISPLAY: block }

/* /shops/vorteile/hostingpaket/index.html */
.cntbox.flash_hostingpaket h3 { margin-top:5px }
.cntbox.flash_hostingpaket { margin-bottom:0px}
.cntbox.hostingpaket { height: 260px; DISPLAY: none;}
.cntbox.hostingpaket.first {DISPLAY: block }

/* ------------------------------------------------------------------------------------------------------------------ */

.pack_testshop_1 {
background:transparent url("/imperia/md/images/strato_de/elements/icon/pack_box_testshop_1.jpg") no-repeat scroll 0 0;
}
.pack_testshop_2 {
background:transparent url("/imperia/md/images/strato_de/elements/icon/pack_box_testshop_2.jpg") no-repeat scroll 0 0;
}
.pack_testshop_3 {
background:transparent url("/imperia/md/images/strato_de/elements/icon/pack_box_testshop_3.jpg") no-repeat scroll 0 0;
}

/* _shops startseite video  <Anchor>    [ Definitionen fuer das Flash-Karussell ]	
====================================================================================================================== */
.package a.pos_lnk_abs.shops_index {
background:transparent url("/imperia/md/images/strato_de/rubrik/shops/epages_video_screen.jpg") no-repeat scroll left top;
height:120px;
left:5px;
top:150px;
width:180px;
}


/* _shops software image slider  <Anchor> 
====================================================================================================================== */
.cntbox.bg_tb_sw_ovfl {
width:1000px;
}

/* _shops referenzen hintergrundbild  <Anchor> 
====================================================================================================================== */
.award {
background-image:url(/imperia/md/images/strato_de/rubrik/shops/young.gif); 
background-repeat:no-repeat;
background-position:270px 17px;
}

/* _shops so funktioniert's cntbox Anpassung <Anchor> 
====================================================================================================================== */
cntbox .subcol.sb50l.function {
float:left;
width:280px;
}
.cntbox .subcol.sb50r.function {
float:left;
padding-left:0px;
width:290px;
}

/* _shops_referenzen  <Anchor>    [ Definitionen fuer die Referenzenseite ] 
====================================================================================================================== */
.ref_body {height: 15em;}

/* _ProduktTeaser  <Anchor>    [ Definitionen fuer Teaser ] 
====================================================================================================================== */
#TsrStarterShop.tsr_body_offer .box_top {height:17.4em; padding:0 0 0 10px;}
#TsrStarterShop.tsr_body_offer .box_top h1 {margin-left:-10px;text-align:center;}
#TsrStarterShop.tsr_body_offer h5{margin:0 0 1.2em 0;}
#TsrStarterShop.tsr_body_offer .box_bottom .sub_box_btn {margin-bottom: 0;}
#TsrStarterShop.tsr_body_offer .box_bottom .sub_box_btn .btn_clear{margin-bottom: 0.2em;}
#TsrStarterShop.tsr_body_offer .box_bottom .sub_box_txt {margin-bottom: 0;}

/* _shops_design & verw.  <Anchor>    [ Definitionen fuer die Designseite ]
====================================================================================================================== */
.designImg {
margin-left:15px;
margin-bottom:15px;
}

/* 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: 153px;}
ul#list_button.google_button li.empty.last {width: 153px;}
ul#list_content.google_content li .subcol.sb100,
ul#list_content.google_content {height: 420px;}

ul#list_content.google_content li .subcol.sb100 #FlashGoogleAdwords,
ul#list_content.google_content li .subcol.sb100 #FlashGoogleAnalyse,
ul#list_content.google_content li .subcol.sb100 #FlashGoogleMaps,
ul#list_content.google_content li .subcol.sb100 #FlashGoogleExtras{padding-top: 4px; padding-left: 4px;}



	/* Popups  <Anchor>	[ Diverse Popups Settings ]
==================================================================================================================*/
	.pp_fotolia.gutschein {
	display:block;
	height:85px;
	width:120px;
	left:442px;
	position:absolute;
	top:95px;
	z-index:10;
	border: 0px solid #c00; /* nur zu Positionskontrolle */
	}	
	.pp_klarna.einfachefunktion {
	display:block;
	height:106px;
	width:150px;
	left:430px;
	position:absolute;
	top:185px;
	z-index:10;
	border: 0px solid #c00; /* nur zu Positionskontrolle */
	}