/* SC24.com 2007 PRINT CSS-MaSch */

* {overflow: visible !important; }/*PRINT*/

 svg {
  display: block;
  max-width: 100%;
}



/* PRINTHEADER */
#printheader {display: block; left: 30%; position: relative; top: 26px; margin-top: -65px; padding-bottom:100px;}/*PRINT*/
*+html #printheader {display: block; left: 30%; position: relative; top: 62px; margin-top: -65px;}/*PRINT*/

#printheader img{display: block;}

.logosc24 {margin: 0 0 0 -0.3em; padding-right: 7cm;}
*+html .logosc24 {padding-right: 8.4cm; margin-top: 0;}
* html .logosc24 {margin-left: 5px; padding-right: 8.4cm;}

/* HIDDEN ELEMENTS*/
button, #hide_on_print, #subcontainer_footer, #bestellabwicklung_navigation_top, #header_zahlungsart, #promolinks img, #header_bs, header, #subcontainer_subnavigation, #logo, #subcontainer_startbanner, #promorechts, #lesestoff, #subcontainer_sub_navigation, #subcontainer_sub_navigation a, #subcontainer_mainbanner, #subcontainer_topbanner img, #subcontainer_artikelpfad {width:0px; height:0px; display: none; !important}

#subcontainer_bestellabwicklung { margin-top: -100px; }

/* CONTAINER DER SEITE DONE*/
html{font: 11px "Verdana","Helvetica","sans-serif"; margin: 0; padding: 0;}
body {margin: 0; padding: 0;}
#holder {bottom: -30px; height: auto; left: 50%; margin-left: -622px; margin-top: 50px; position: relative; top: 0;  width: 824px;}/*PRINT*/
*+html #holder {bottom: -30px; height: auto; left: 50%; margin-left: -602px; margin-top: 50px; position: relative; top: 0; width: 824px;}/*PRINT*/
* html #holder {bottom: -30px; height: auto; left: 50%; margin-left: -562px; margin-top: 50px; position: relative; top: 0; width: 824px;}/*PRINT*/


/*  BGBILD: FÜR ZUSÄTZLICHE HINTERGRUNDBILDER // PROMO: FÜR ZUSÄTZLICHE ANKÜNDIGUNGEN, GEWINNSPIELE ODER WERBUNG*/
#bgbild {height: 100%; position: fixed; width: 100%;}

#shop_position_center {color: #000; height: auto; padding-bottom: 15px; margin-top: 50px; }
/*IE6*/		/*\*/ * html #shop_position_center {padd\ing-bottom: 16px; }
/*IE7*/ 	*+html #shop_position_center {padding-bottom: 16px;}

/* HAUPTCONTAINER */
#main_selector {height: auto; width: 208px; margin-left: -395px; top: -17px; left: 50%; position: relative; z-index: 100 !important;}/*PRINT*/
#main_selector img {display: none;}
#container_left {display: none;}
#container_main {width: 567px; height: auto; left: 153px; float: right; padding-right:17px; }
* html #container_main {margin-left: 0;}
#subcontainer_footer {margin-left: 5cm; height: 100%; top: 25cm; padding:17px; color: #454545; z-index: 50;}
*+html #subcontainer_footer {margin-left: 222px; height: 100%; top: 25cm; padding:17px; color: #454545; z-index: 50;}
* html #subcontainer_footer {margin-left: 222px; height: 100%; top: 25cm; padding:17px; color: #454545; z-index: 50;}

#subcontainer_brand_filter {float:right; margin: -26px 0 -10px 0; padding: 0;}

#subcontainer_topseller {width: auto; height: auto; padding: 5px 0;}

#subcontainer_artikeluebersicht {width: auto; height: auto; padding: 5px 0 5px 0; margin: 5px 0; background-color:#f3f3f3;}
/*IE6*/	/*\*/ * html #subcontainer_artikeluebersicht {padding: 5px 0 5px 0; margin: 5px 0;}
/*IE7*/	*+html #subcontainer_artikeluebersicht {padding: 5px 0 5px 0; margin: 5px 0;}
		.container_artikeluebersicht {margin: 10px 0 0 10px; width:120px; float:left; padding-left: 8px;}
		* html .container_artikeluebersicht {margin: 10px 0 0 2px; padding-left: 15px; position: static; z-index: auto;}
		.artikeluebersicht_bild {border: 1px solid #999; float:right;}
		#subcontainer_artikeluebersicht a {color: #555; /*background-color:#FFF;*/}
		#subcontainer_artikeluebersicht a:hover {text-decoration:none; }
		/*#subcontainer_artikeluebersicht .preis {background-color:#FFF;} */
		.neu_fahne {display: none;}
		* html .neu_fahne {display: none;}

		/*ARTIKELÜBERSICHT-GESAMTHÖHE (GILT AUCH FÜR ALLE AKTIONEN*/
		.hoehe {height: 150px;}
		/*IE6*/	/*\*/ * html .hoehe {height: 45px;}
		/*IE7*/				*+html .hoehe {height: 45px;} 
		.jetztnur_happyhour {color: #2671b4;}
		.jetztnur_brandheiss {color: #ee2706;}
		.jetztnur_sonderpreis {color: #c000ff;}
		
		.titel {font-weight: normal;}		
		.preis {font-weight: bold; color: #404040;}

#subcontainer_artikelbrowser {width: auto; height: auto; padding: 7px; margin: 5px 0 20px 0; background: #FCFCFC;}
		#subcontainer_artikelbrowser .seitenzahl {display: inline; white-space: nowrap; background: #FFF; color: #999; text-decoration:none; height:14px; width:auto; min-width: 10px; text-align:center; vertical-align:middle; margin-right: 3px; padding:3px 6px; }
		* html #subcontainer_artikelbrowser .seitenzahl {width: 10px;}
		#subcontainer_artikelbrowser .seitenzahl:hover { background-color:#545454; color:#FFF; text-decoration:none;}
		.seitenzahl_selected {display: inline; white-space: nowrap; text-decoration:none; height:14px; width:auto; min-width: 10px; text-align:center; vertical-align:middle; margin-right: 3px; padding:3px 6px; background-color:#545454; color:#FFF; font-weight: bold;}
		.seitenzahl_normal {display: inline; white-space: nowrap; text-decoration:none; height:14px; width:auto; min-width: 10px; text-align:center; vertical-align:middle; margin-right: 3px; padding:3px 6px; color:#999;}

#subcontainer_bottombanner img{display: none;}

#subcontainer_brandfooter {display: none;}
		
#subcontainer_brandneu_banner {display: none;}
		
#subcontainer_brandneu {width: auto; height: auto; background: url(../images/bg_brandneu_pattern.jpg) no-repeat #f3f3f3; padding-bottom: 5px; margin-top:10px; color: #555;}		
		.beschreibungbn {padding: 0 7px 7px 7px; margin:  7px; background: #c1d593; border: 1px solid #e6ebdb;}
			
#subcontainer_brandheiss_banner {display: none;}
		
#subcontainer_brandheiss {width: auto; height: auto; background-color: #f3f3f3; padding-bottom: 5px; margin-top:10px;}
		#navi_brandheiss {height: 150px; background: #e92809;/*url(../images/bg_brandheiss_01.jpg) no-repeat*/ ;}
		#navi_brandheiss img {margin-top:17px; display: inline;}
		#brandheiss_header img {margin: 0;}
		*+html #brandheiss_header {margin-top: -2px;}
		.container_brandheiss {margin: 10px 0 0 10px; width:100px; float:left; }
		.brandheiss_bild {border: 1px solid #999;}
		#subcontainer_brandheiss_banner a {color: #555;}
		#subcontainer_brandheiss_banner a:hover {text-decoration:none;}
		.beschreibungbh {padding: 0 7px 7px 7px; margin: 7px 7px 0 7px; background: #f38f81; border: 1px solid #e6ebdb;}


#subcontainer_happyhour {width: auto; height: auto; background-color: #f3f3f3; padding-bottom: 5px; margin-top:10px;}
		#navi_happyhour {height: 160px; background: #2671b4;/*url(../images/bg_happyhour_01.jpg) no-repeat*/ ;}
		#navi_happyhour img {margin-top:17px; display: inline;}
		#happyhour_header img {margin: 0;}
		*+html #happyhour_header {margin-top: -2px;}
		.container_happyhour {margin: 10px 0 0 10px; width:100px; float:left;}
		.happyhour_bild {border: 1px solid #999;}
		#subcontainer_happyhour_banner a {color: #555;}
		#subcontainer_happyhour_banner a:hover {text-decoration:none;}
		.beschreibunghh {padding: 0 7px 7px 7px; margin: 7px 7px 0 7px; background: #8eb5d7; border: 1px solid #e6ebdb;}

		#timer_hh {float: right; background: url(../images/bg_timer_happyhour.gif) no-repeat; width: 124px; height: 32px; margin: -43px 10px 0 0; padding-top: 7px; text-align: center; font: 10px "Verdana","Helvetica","sans-serif" bold; color: #4c4c4c;}
		#timer_happy_uebersicht {font-weight: bold; font-size: 11px;}
		
#subcontainer_jobs {width: auto; height: auto; padding: 20px 0 10px 0; }
		.jobsdiv {border-top: 1px solid white; line-height:40px; background-color:#f3f3f3; display:block; width:100%;}
		.jobsdiv:hover{background-color: #FFF;}
		.jobsdiv a{text-indent: 15px;} 
		.jobsdiv a:hover{background-color: white; margin: 0;}
		.jobslink {width:440px; float:left; }
		.jobslink:hover {text-decoration:none;}
#subcontainer_jobs h1 {font-weight: bold; font-size: 16px; font-family: "Verdana","Helvetica","sans-serif" ;}

#subcontainer_impressum {width: auto; height: auto; padding: 20px 0 10px 0; }

#subcontainer_agbs {width: auto; height: auto; padding: 20px 0 10px 0; }

#subcontainer_kontakt {width: auto; height: auto; padding: 20px 0 10px 0; }

#subcontainer_kontakt label {float:left; text-align: left; width: 105px; margin-top:3px; display:block; font-size: 10px;}
#subcontainer_kontakt input {font-size: inherit; height:inherit; margin-bottom:2px;}
.kundendaten_adresse {text-align: left; width: 567px; font-size:10px; float:left; background: #EEE;}
.kundendaten_adresse input {font-size:10px; height: inherit;}
	/* INPUT FORMATIERUNGEN */	.hausnummer {width:26px; margin-left: 2px;}
																* html .hausnummer {width:24px; margin-left: 2px;}
																*+html .hausnummer {width:24px; margin-left: 2px;}	
															.ort {width: 104px; margin-left: 2px;}
																* html .ort {width: 102px; margin-left: 2px;}
																*+html .ort {width: 102px; margin-left: 2px;}	
															#land1 {width: 154px;}					#land2 {width: 154px;}				#land3 {width: 154px;}
																* html #land1 {width: 156px}	* html #land2 {width: 156px}	* html #land3 {width: 156px}
																*+html #land1 {width: 156px}	*+html #land2 {width: 156px}	*+html #land3 {width: 156px}
.kontaktformular_btn {margin: 0; border: 0; background: none; cursor: pointer; display: block;}


#subcontainer_erweitertesuche {width: auto; height: auto; padding: 20px 0 10px 0; }
#subcontainer_erweitertesuche label {float:left; text-align: left; width: 180px; font-size: 11px; margin: 3px 0;}
.button_erweiterte_suche {display: block; float: right; margin: -7px 5px 0 0; border: 0; background: none; cursor:pointer;}
* html .button_erweiterte_suche {margin: -21px 35px 0 0;}


/* ARTIKELANSICHT*/
#subcontainer_artikelansicht {width: auto; height: auto; margin-top: 6px;}

		#subcontainer_artikelansicht #artikelbild{width: 245px; height: auto; float:left; margin-bottom:10px; }
			.artikelansicht_gross {border: 1px solid #e3e3e3;}
			.artikelansicht_klein {border: 1px solid #e3e3e3; float:left; margin:5px 5px 0 0; }
		#subcontainer_artikelansicht #artikelbeschreibung{width: 312px; height: auto; float:right; margin-bottom:10px; background:url(../images/h_trennstrich.gif) repeat-x;}
		#subcontainer_artikelansicht #artikelbeschreibung p { page-break-after:always;}
			.reiter{margin: 1px 25px 0 0; display: block; text-align:right; height: 28px;}
			.artikelansicht_sonderpreis {float:right; width:150px; margin-bottom: 6px; color: red; color:#404040; font-size: 10px;}
			.artikelansicht_preis {float:right; width:150px; margin-bottom: 15px;}
			.artikelbeschreibung {color: #333; font-size: 10px; font-family: Verdana, Helvetica, sans-serif !important; margin-top: 15px; padding-top: 15px; }
			.artikelbeschreibung ul {margin: 5px 0 5px 1.5em; padding: 0; list-style-image: url(../images/li_image.gif);}
				.art_titel {display:block; width:240px; line-height:18px; white-space:normal !important; margin: 6px 0 13px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom: 1px;}

				#subcontainer_artikelansicht label {float:left; text-align: left; width: 50px; font-size:10px; margin: 5px 0;}
				#subcontainer_artikelansicht select {width: auto; min-width: 45px; max-width: 100%; margin: 3px 0;}
				#subcontainer_artikelansicht option {font-size:10px; font-family:Arial, Helvetica, sans-serif;}
				
				.auswahl_name {font-size:10px; width:50px; position:absolute;}
				.artikelansicht_indenwarenkorb {margin:0 0 10px 0; float: right; border: 0; background: none; cursor:pointer;}
				.onlineberater {margin: 25px 0 0 0;}
				.topic {margin: 10px 0;}
		.zoom_lupe {position: absolute; z-index: 101; margin: 215px 0 0 215px;}
		* html .zoom_lupe {position: absolute; margin: 215px 0 0 215px;}							

		#subcontainer_artikelansicht #crossartikel {width:240px; height: auto; background-color:#f3f3f3; padding-bottom: 6px;}
				.crossartikel {width: 98px; height: 98px;  float: left;  border: 1px solid #bfbfbf; margin: 6px 6px 5px 11px;}
				* html .crossartikel {width: 98px; height: 98px;  float: left; border: 1px solid #bfbfbf; margin: 6px 6px 7px 7px;}

/* DETAILANSICHT ARTIKELBILD*/
body#detailansicht {background-image: url(../images/detailansicht_background.png); position: absolute; left: 50%;  margin-left: -250px;}
.detailansicht_gross {border:1px solid #e3e3e3;}
.detailansicht_klein {border: 1px solid #e3e3e3; float:left; margin: 7px 7px 0 0; }
.detailansicht_holder {width: 510px;}
.detailansicht_fusszeile {position: absolute; left: 50%;  margin: 58px 0 0 -253px; width:500px; display:block; text-align:right;}
/*IE6*/	/*\*/ 	* html	.detailansicht_fusszeile {margin: 8px 0 0 -253px;}
/*IE7*/			*+html  .detailansicht_fusszeile {margin: 8px 0 0 -253px;}
.detailbeschreibung {display:none;}
.detailansicht_titel {display:block; width:500px; line-height:18px; white-space:normal !important; margin: 6px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top: 30px;}
.link_detailbild {cursor: pointer;}



/* KLASSEN-FORMATIERUNG */
.men {background-color: #c2e1eb;}
.women {background-color: #f9e8ee;}
.kids {background-color: #e4f5c2;}

.fontsize9px {font-size:9px;}
.fontsize10px {font-size:10px;}
.fontsize11px {font-size:11px;}
.fontsize12px {font-size:12px;}
.fontsize13px {font-size:13px;}
.fontsize14px {font-size:14px;}
.fontsize15px {font-size:15px;}
.fontsize16px {font-size:16px;}
.fontsize18px {font-size:18px;}
.fontsize22px {font-size:22px;}
.fontsize24px {font-size:24px;}

.fontweightbold {font-weight: bold;}
.floatright {float:right; margin-left: 10px;}
.floatleft {float:left;}
.clearfloat {clear: both; }

.italic {font-style:italic;}

.weiss {color: white;}
.grau1 {color: #939393;}
.grau2 {color: #404040;}
.red1 {color:#C00;}

.lh20 {line-height: 20px;}
.lh30 {line-height: 30px;}
.lh40 {line-height: 40px;}
.lh60 {line-height: 60px;}
.lh100 {line-height: 100px;}

.liniedotted {background: url(../images/linie_dotted.png) repeat-x; height:1px; display:block;}
.liniesolid {background: url(../images/linie_solid.png) repeat-x; height:1px; padding: 0; margin: 0;}

/*IE6*/ * html .liniedotted {margin: 1px 0 -12px 0; }

/* HTML-FORMATIERUNG */
form   {margin: 0; padding: 0;}
a {text-decoration:none; color: #555;}
a:hover {text-decoration: underline;}
select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; margin: 0;}

img {border:none; }

h1 {font-size: 18px;}
h2 {font-size: 17px; line-height:normal; margin: 8px 0;}
h3 {border: none; font-size: 23px; white-space:nowrap; margin: 0; padding: 0;}
h5 {font-size: 12px;}
h6 {font-size: 7px; letter-spacing: -0.1em;}