/* css fuer die Warengruppen-Startseiten mit Aktionsboxen */

.hwgbox2 {
	margin: 0 auto;
	float:left;
	width:304px;
}

.hwgbox2 hr {
	margin: 10px auto 2px auto; 
	clear: both;
	border: 1px solid #d00;
}

.hwgboxbody hr {
	clear: both;
}


.hwgboxwrap {
  	clear: both;
  	width:610px;
	margin: 0;
	padding: 0;
	line-height:1.0em;
}

.hwgboxhead {
	margin: 0;
	padding: 0;
 	height:23px;
}

.hwgboxhead h2 {
	margin: 0;
	padding: 0 15px 0 0;
	color: #fff;
        height:100%;
	
}
.hwgboxbody h2 {
  font-size: 14px;
  border:1px solid #fff;
}

.hwgboxbody h3 {
  font-size: 14px;;
  margin: 4px 0 8px 0;
  color: #000;
  background: none;
}
.hwgboxbody h4, .hwgboxbody h4 a {
  font-size: 14px;
}
.hwgboxbody {
	margin: 0 15px 20px 0;
	padding: 5px 15px 0px 15px;	
  	border: 2px solid #036;
	background: #fff;
	line-height: 1.2em;	
}

* html .hwgboxbody { 
	/* \*/
	height: 100%;
}
/* */

.hwgboxbody p.bodyt {
	margin: 0 0 4px 0;
	padding: 0;
	line-height:1.0em;
	background: #fff;
}


.hwgboxbody a:link, .hwgboxbody a:visited, .hwgboxbody a:hover, .hwgboxbody a:hover  {
	font-weight:bold;
  color:#333;
  background: #fff;
}

.hwgbox2 .hwgboxhead h2 {
	display: block;
	height:24px;
        background: #036;
	color: #fff;
	font-weight: bold; 
	text-decoration:none;
	font-size: 1em; 
	margin: 4px 15 1px 0;
        padding-top: 5px;
        padding-left: 5px;
	font-family: Arial;
	font-size: 13px;
}

.hwgbox2 .hwgboxhead h2 a, .hwgbox2 .hwgboxhead h2 a:visited, .hwgbox2 .hwgboxhead h2 a:hover, .hwgbox2 .hwgboxhead h2 a:active {
	color: #fff;
	font-weight: bold; 
	text-decoration:none;
	font-size: 1em; 
}

.hwgboxmore  {
	text-align:right;
}

.center h1.home {
 font-size: 25px;
 margin: 0;
 padding: 10px 0 0 0;
 color: #c00;
}

.center h1.topprodukt {
 font-size: 25px;
 margin: 0;
 padding: 10px 0 0 0;
 color: #036;
}

.knaller {
	position:relative; /* ie float bug */
	clear: both;
	background: #fff;	
	margin-bottom: 5px;
	border: solid #f00 1px;
}

* html .knaller { 
	/* \*/
	height: 100%;
}
/* */

.knaller p{
	line-height:1.2em;
	}
	.knaller div.image {
	  float:left;
	  margin: 5px 15px 5px 0; 
	}
	span.icon {
	  float:right;
	  margin: 0 0  5px 5px; 
	}

.stoerer {
 	display:block;
	background: #c66;
	color: #fff;
	font: 18px   Arial Black, Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	padding: 5px;
	margin: 5px 0px 0px 0px;
	clear: both;
}			   
.stoerer a, .stoerer a:link, .stoerer a:link, .stoerer a:visited, .stoerer a:hover, .stoerer a:active  {
	color: #fff;
	font-size: 140%;
	text-decoration: underline;
}			   

.stoerer span {
	color: #fff;
	font: 25px   Arial Black, Arial, Verdana, Helvetica, sans-serif;
	float:left;
	padding: 5px 0 0 0;
}	

/*Top Angebote Teaser Kasten*/		   
.topangebotebox .topangebote {
	clear: both;
	border: 1px solid #c00;
	margin: 0 0 10px 0;
	width: 600px;
}

.topangebotebox .topangebote h2 {
 font-size: 15px;
 margin: 0;
 padding: 5px;
 color: #fff;
 background: #c00;
}

.angebot {
	float:left;
	width:47%;
	padding:5px;
}

html>body .angebot  /* MOZILLA + OPERA  WERTE */ 
{
	float:left;
	width: 284px;
	margin: 3px;
	height: 90px;
}

.angebot span.startpreis {
    font-weight: bold;
	display: block;
	padding: 3px 0 3px 0;
}

html>body #content .angebot  /* MOZILLA + OPERA  WERTE */ 
{
	float:left;
	width:20%;
}

.angebot p {
	line-height:1.2em;
	margin: 0;
}

.angebot a:link,.angebot a:visited,.angebot a:hover,.angebot a:active {
			font-weight : normal;
			text-decoration: underline;
			font-size: 13px;
			font-weight: bold;
			color: #c00;
	} 

	.angebot div.image {
	  float:left;
	  margin: 2px 5px 5px 0; 
	}
	
	/*IE5 Mac Hac- 1. Angaben sind fuer den Mac 2. Angaben sind fuer WIN*/
	.angebot div.angebottext {
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
	  width: 183px;
	  float: right;
	}
	
	/* \*/
	.angebot div.angebottext {
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
	  width: 196px;
	  float: right;
	}

	
html>body .angebot div.angebottext {
	padding: 0;
	margin: 0;
	float: left;
}
	
/**/
span.neuerpreis {
 background: #fc0;
}
/*Topseller  Kasten bzw. K?sten*/		   
.topsellers{
	clear: both;
	margin-bottom: 10px;
	width: 600px;	
}


.topseller {
	float:left;
	padding:5px;
	width: 293px;	
	height: 125px;
	background: #f3f3f3;
	margin: 1px;	
}

.topangebote .topseller {
	float:left;
	padding:5px;
	width: 293px;	
	height: 125px;
	background: #fff;
	margin: 1px;	
}

html>body .topseller  /* MOZILLA + OPERA  WERTE */ 
{
	float:left;
	padding:5px;
	width: 286px;	
}

html>body .topangebote .topseller  /* MOZILLA + OPERA  WERTE */ 
{
	float:left;
	padding: 5px;
	width: 286px;	
}

.topseller span.startpreis {
    font-weight: bold;
	display: block;
	padding: 3px 0 3px 0;
}

html>body #content topseller  /* MOZILLA + OPERA  WERTE */ 
{
	float:left;
	width:20%;
	border: 1px solid #0f0;
}

.topseller p {
	line-height:1.2em;
	margin: 0;
}

.topseller a:link,.topseller a:visited,.topseller a:hover,.topseller a:active {
			font-weight : normal;
			text-decoration: underline;
			font-size: 11px;
			font-weight: bold;
	} 

 .topseller a:link {
			color: #036;
	} 
 .topseller a:visited { 
			color: #036;
	 } 
 .topseller a:hover { 
			color: #036;
	 } 
 .topseller a:active { 
			
			color: #036;
	}


	.topseller div.image {
	  float:left;
	  margin: 2px 5px 5px 0;
	  width: 70px; 
	  text-align: center;
	}
	
	.topseller div.angebottext {
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
	  width: 158px;
	  float: left;
	}
	
		html>body .topseller div.angebottext  /* MOZILLA + OPERA  WERTE */ 
	{
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
	  width: 155px;
	  float: left;
	}

		html>body .topangebote .topseller div.angebottext  /* MOZILLA + OPERA  WERTE */ 
	{
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
	  width: 151px;
	  float: left;
	}
	
	.topseller div.angebottextv {
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
	  width: 210px;
	  float: left;
	}
	
	html>body .topseller div.angebottextv  /* MOZILLA + OPERA  WERTE */ 
	{
	padding: 0;
	  margin: 0;
	  font-size: 12px;
	  width: 200px;
	  float: left;
	}
	
	.topseller div.imageright {
	  float:left;
	  width: 50px; 
	  text-align: center;
	  vertical-align: top;
	}

/**/

/* Start Topprodukt Kasten */
.topprodukte {
	clear: both;
	border: 1px solid #036;
	margin-bottom: 10px;
	width: 600px;
}

.topprodukte h2 {
 font-size: 15px;
 margin: 0;
 padding: 0;
 color: #fff;
 background: #036;
 padding: 5px;
}

.topprodukt {
	float:left;
	padding:5px;
	margin: 0;
}

.topprodukte span.startpreis {
    font-weight: bold;
	display: block;
	padding: 5px 0 5px 0;
}

html>body #content .topprodukt  /* MOZILLA + OPERA  WERTE */ 
{
	float:left;
	width:20%;
}

.topprodukt p {
	line-height:1.2em;
	margin: 0;
}

.topprodukt a:link,.topprodukt a:visited,.topprodukt a:hover,.topprodukt a:active {
			font-weight : normal;
			text-decoration: underline;
			font-size: 13px;
			font-weight: bold;
	} 

 .topprodukt a:link {
			color: #036;
	} 
 .topprodukt a:visited { 
			color: #036;
	 } 
 .topprodukt a:hover { 
			color: #036;
	 } 
 .topprodukt a:active { 
			
			color: #036;
	}


	.topprodukt div.image {
	  float:left;
	  margin: 2px 5px 5px 5px; 
	  width: 150px;
	  text-align:center;
	}
	
	.topprodukt div.text {
	  padding: 0;
	  margin: 0;
	  font-size: 12px;
	  float: left;
	  width: 400px;
	}
	
	.topprodukt div.teaserbilder {
	padding-top: 10px;
	}

.topprodukte .imageset {
	margin: 10px 0 0 10px;
	padding: 0;
	float:left;
  	text-align:center;
 	width: 104px;
	background: #fff;
	height: 130px;
}
.topprodukte  .imageset .pix {
  height: 80px;
  background: #fff;

}
.topprodukte  .imageset p {
  font-weight:bold;
  background: #fff;
  text-align:center;
  margin: 0;
  padding: 0;
}
	
/**/

.aktionskasten {
	clear:both;
	background: #ffc;
	padding:5px;
	text-align:center;
	width: 600px;
	height: 80px;
}

/* \*/
.aktionskasten {
	clear:both;
	background: #ffc;
	padding:5px;
	text-align:center;
	width: 600px;
}
/**/

html>body .aktionskasten {
	width: 590px;
}

.serviceangebot {
	float:left;
	width:193px;
	padding:2px;
	margin: 0 auto;
	text-align:left;
}

.aktionskasten > div.serviceangebot {
	float:left;
	width:190px;
	padding:2px;
	margin: 0 auto;
	text-align:left;
}

	.serviceangebot p {
		line-height:1.2em;
		margin: 0;
	}
	.serviceangebot div.image {
	  float:left;
	  margin: 2px 5px 5px 0; 
	}
	
.gratisartikel {
	float:left;
	margin: 0  0 10px 0;
	text-align:left;
	padding: 0  0 10px 0;
	background: #fc0;
	width: 600px;
}

.gratisartikel h1 {
 font-size: 18px;
 margin: 0;
 padding: 8px 5px 5px 5px;
 color: #036;
}

.gratisartikel table.imgtext-nowrap  {
	background: #fff;
	width: 105px;
	float: left;
	text-align: center;
	margin: 5px 5px 5px 0;
	padding: 0;
	border: 1px solid #000;
}

.gratisartikel P {
  padding: 0;
}

.gratisartikel strong {
  color: #036;
  font-size: 12px;
}