html, body {margin: 0; padding: 0; border: 0;}

body {
margin: 0;
padding: 0px 0px 10px 0px;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-align: left;
}


.oldbrowsers { 	
	display : none; 
	font: 12px/17px verdana, helvetica, sans-serif; 
	color:#f00;	
}

p, b {
 font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
 color: #000;
 margin: 0;
 padding: 0;
}

.wrapper {
margin: 0;
width: 600px; /*o. 697px*/
text-align: left;
}
/* get rid of nasty borders on linked images */
img, img a {
	border:none;
}

/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html .wrapper {
width: 600px; /*700px*/
w\idth: 600px;  /*697px*/
}

.outer {
border-left: 0px solid #fff; /*150*/ 
border-right: 0px solid #fff; /*130*/
}
/*** These are the visible side col BG's. The image BG is needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla. The image substitutes 
for the thin black divider between the right green col and the center col. If the black divider
is not wanted, the BG image may be removed. The Tan hack below feeds a IE a different 
BG location, due to a BG placement variation. 
***/

.inner {
margin-left: 0px; /*** This fixes a small overlap problem in IE6. ***/
width: 600px; /* o. 548px ** This width is for non-IE browsers. Mozilla makes this necessary. ***/

}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/

* html .inner {
width: 600px;
}

.float-wrap {
float: left;
width: 600px; /*o. 567px*/
margin-left: 0px;       /* o. -150px ** Same length as left column width ***/
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

.left {
float: left;
text-align: left;
width: 0px; /*147px*/
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

.right {
float: right; 
width: 0px; /*130px*/
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

* html .right {
margin: 0 0px 0 0; /* o. 130px** IE gets this margin. ***/
}

.center {
float: right;
width: 600px; /*415px*/ 
}

.center table {
font-size: 12px;
}

.center h1 {
font-size: 18px;
display: block;
color: #036;
margin: 10px 0 0 0px;
}


.center h2 {
text-align: left;
padding: 8px 0 10px 0px;
}

.center h3 {
font-size: 12px;
background: #036;
color: #fff;
padding: 3px;
margin-left: 10px;
margin-right: 10px;
}

.center p {
margin: 0;
padding-left: 0;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
}

.center ul.uebersicht, .center ul.uebersicht ul  {
 padding: 0 0 0 5px;
 margin: 0 5px 0 0;
}

.center div.bildright {
float: right;
margin: 3px;
}

.einleitung {
padding: 6px 0 12px 0;
}

.einleitung h2, p {
text-align: left;
padding: 8px 0 0 10px;
}

.wide {
background-color: #ffc;    /* header and footer colours */
width: 100%; 
font-size: 1.4em;
font-weight: bold;
}


/* Mozilla bug fixes */
html>body .inner, html>body .float-wrap {
border-bottom: 1px solid transparent;
}

.centerlink {
 margin: 0;
 padding:0;
 text-align: center;
}

.centerlink p {
 margin: 0;
 padding: 10px 0 10px 0;
 text-align: center;
}

.centerlink a, .centerlink a:link, .centerlink a:visited, .centerlink a:active, .centerlink a:hover{
 text-align: center;
 margin: 0;
 padding: 0;
 font-weight: bold;
}

/* AKTIONEN -BEREICH */

/* MENU BEREICH*/
#menuebereich {
		float: left;
		position: absolute;
		top:165px;
		width:0px;
	  }

 /* hr element fuer alle boxen zum aufheben des floatens*/
hr, .center hr,.center div hr, .box1 hr, .box2 hr, .box3 hr, .box4 hr, .boxfunction hr, .boxproduct hr, .boxpromo hr, .boxpromo2 hr, .angebot hr, .topangebot hr{
	clear:both;
	visibility: hidden;
	margin:0;
	padding:0;
	font-size:9px;
	voice-family: "\"}\""; /* IE  WERTE */ 
	voice-family: inherit;
	margin: -5px 0 0 0;
  }
/* INHALTE */			   
.topangebot {
	position:relative; /* ie float bug */
	clear: both;
	border:6px solid #c00;
	padding: 5px;
	margin: 35px 0 0 15px;	
}

.topangebot h2{
	position:relative; /* ie float bug */
	top:-15px;
	left:-15px;
	display:block;
	width:60px;
	padding: 5px;
	clear: both;
	height:25px;
	background: #c99;
	 border:6px solid #c00;
	}

.topangebot p{
	line-height:1.2em;
	background: none;
	}
	
	.topangebot 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 15px 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: 70%   Arial Black, Arial, Verdana, Helvetica, sans-serif;
	float:left;
	padding: 5px 0 0 0;
}			   

html>body #content .angebot  /* MOZILLA + OPERA  WERTE */ 
{
	float:left;
	width:45%;
	padding:5px;
}
.angebot p {
	line-height:1.2em;
	margin: 0;
}
	.angebot div.image {
	  float:left;
	  margin: 2px 5px 5px 0; 
	}

.kontaktteaser h2 {
 color: #fff;
 background: #c00;
 text-align: center;
 font-size: 14px;
 padding: 3px;
 margin: 10px 10px 10px 0;
}

.kontaktteaser .kontaktbild {
 float: left;
 margin-right: 10px;
}

.kontaktteaser b {
 font-size: 12px;
 color: #000;
 font-family: verdana, arial, sans-serife;
 padding-bottom: 5px;
 display: block;
}

.kontaktteaser div {
 font-size: 12px;
 color: #000;
  font-family: verdana, arial, sans-serife;
 margin: 0;
 padding: 0;
}

.kontaktteaser b.telnummer {
 color: #000;
 font-family: verdana, arial, sans-serife;
 padding: 0 0 10px 0;
 display: block;
 font-weight: normal;
 font-size: 12px;
}

.kontaktteaser b.textzusatz {
 font-size: 10px;
 color: #000;
 display: block;
 font-family: verdana, arial, sans-serife;
 font-weight: normal;
}
/*Boxes in den Navigationsspalten*/

/*Die MENUE-BOX */
/* - eine 2. zwischenebene einf?gen, da anders als homepage */


	#boxmenu {
		background:#f9f9f9;
	   	font: 12px/20px  Arial, verdana, helvetica, sans-serif;
	  	margin:0;
	  	padding:0 0 5px 0;
	}
	
	html>body #boxmenu {
		background:#f9f9f9;
	   	font: 12px/20px  Arial, verdana, helvetica, sans-serif;
	  	margin:0;
	  	padding:0 0 20px 0;
	}
		/* ERSTE EBENE */
		#boxmenu ul {
		  	margin:0;
		  	padding:0;
			list-style-type: none;
		  }
		 #boxmenu li {
		 	margin:  2px 0 1px 0;
		 	padding: 0;
		  }
		#boxmenu a{
			color:#000;
			text-decoration: none;
			display: block;
			width: 100%;
			padding: 0 0 0 15px;
			font-weight:bold;
			background:#69c;
		}
		#boxmenu a:hover {
			background:#9be;
		  	margin:0;
			display:block;
		}
		html>body #boxmenu ul li a { width: auto; }

		/* ZWEITE EBENE */
		
		#boxmenu ul ul{
		  	margin:0 0 0 0;
			padding: 0;
			list-style-type: none;
		  }
		#boxmenu ul ul li{
		 	margin:  2px 0 1px 0;
			padding: 0;
		  }
		#boxmenu ul ul a, #boxmenu ul ul a:link,#boxmenu ul ul li a:visited, #boxmenu ul ul li a:hover, #boxmenu ul ul li a:active {
			display: block;
		  	color:#000;
		  	background: #ccc;
	  		margin:0 0 1px 0px;
			padding: 0 0 0 15px;
		 	background-image:url(/global/medien/bilder/rahmen/bullet_wg.gif);
			background-repeat:no-repeat;
			background-position: 2px 0px;	
			font-size:11px;
			line-height:14px;
			font-weight: normal;
		}
		
		#boxmenu ul ul a.active, #boxmenu ul ul a.active:link,#boxmenu ul ul li a.active:visited, #boxmenu ul ul li a.active:hover														    {
		 	background-image:url(/global/medien/bilder/rahmen/bullet_hwg_act.gif);
			background-repeat:no-repeat;
			background-position: 2px 0px;
			font-weight: bold;	
			color: #c00;
		}
		
		html>body #boxmenu ul ul li a { width: auto; }
		
		#boxmenu ul ul li a:hover {
			display: block;
		  	color: #000;
		  	background:#ddd;
		  	margin:0 0 1px 0px;
			padding: 0 0 0 15px;
		 	background-image:url(/global/medien/bilder/rahmen/bullet_wg.gif);
			background-repeat:no-repeat;
			background-position: 2px 0px;	
			font-size:11px;
			line-height:14px;
			font-weight: normal;
		}
		html>body #boxmenu ul ul li a:hover { width: auto; }

		/* DRITTE EBENE */
		
		#boxmenu ul ul ul{
		  	margin:0 0 0 5px;
			padding: 0;
			list-style-type: none;
		  }
		#boxmenu ul ul ul li{
		 	margin:  2px 0 1px 0;
			padding: 0;
		  }
		#boxmenu ul ul ul a, #boxmenu ul ul ul a:link,#boxmenu ul ul ul li a:visited, #boxmenu ul ul ul li a:hover {
			display: block;
		  	color:#000;
		  	background:#ddd;
		  	margin:0 0 1px 0px;
			padding: 0 0 0 15px;
		 	background-image:url(/global/medien/bilder/rahmen/bullet_wg.gif);
			background-repeat:no-repeat;
			background-position: 2px 0px;	
			font-size:11px;
			line-height:14px;
			font-weight:normal;

		}
		
		html>body #boxmenu ul ul ul li a { width: auto; }
		
		#boxmenu ul ul ul li a:hover {
		  	background-color:#ededed;
		}
		html>body #boxmenu ul ul ul li a:hover { width: auto; }
		
		/* VIERTE EBENE */
		
		#boxmenu ul ul ul ul ul{
		  	margin:0 0 0 10px;
			padding: 0;
			list-style-type: none;
		  }
		#boxmenu ul ul ul ul ul li{
		 	margin:  2px 0 1px 0;
			padding: 0;
		  }
		#boxmenu ul ul ul ul ul a, #boxmenu ul ul ul ul ul a:link,#boxmenu ul ul ul ul ul li a:visited, #boxmenu ul ul ul ul ul li a:hover {
			display: block;
		  	color:#000;
		  	background:#ddd;
		  	margin:0 0 1px 0px;
			padding: 0 0 0 18px;
		 	background-image:url(/global/medien/bilder/rahmen/bullet_art.gif);
			background-repeat:no-repeat;
			background-position: 2px 0px;	
			font-size:11px;
			line-height:14px;
			font-weight:normal;

		}
		
		html>body #boxmenu ul ul ul ul ul li a { width: auto; }
		
		#boxmenu ul ul ul ul ul li a:hover {
		  	background-color:#ededed;
		}
		html>body #boxmenu ul ul ul ul ul li a:hover { width: auto; }
		
		/*Aktiver Link auf der letzten Ebene*/
		
		#boxmenu ul ul ul ul ul a.on, #boxmenu ul ul ul ul ul a.on:link,#boxmenu ul ul ul ul ul li a.on:visited, #boxmenu ul ul ul ul ul li a.on:hover {
			display: block;
		  	color:#c00;
		  	background:#ededed;
		  	margin:0 0 1px 0px;
			padding: 0 0 0 18px;
		 	background-image:url(/global/medien/bilder/rahmen/bullet_art_act.gif);
			background-repeat:no-repeat;
			background-position: 2px 0px;	
			font-size:11px;
			line-height:14px;
			font-weight:bold;

		}
		
		html>body #boxmenu ul ul ul ul ul li a.on { width: auto; }
		
		#boxmenu ul ul ul ul ul li a.on:hover {
		  	background-color:#ededed;
		}
		html>body #boxmenu ul ul ul ul ul li a.on:hover { width: auto; }
		
/* AKtionsboxen  allgemeine Attribute*/



.box2,  .box4, .boxfunction, .boxpromo, .boxpromo2{
	 background:#eee;
	 padding:2px;
	 margin-bottom:20px;
	text-align:left;
	}
hr.ruler {
	border-top: 1px dotted #000;
	clear:both;
	visibility: visible;
	margin: 5px auto 5px auto;
	padding:0;
	width:95%;
	text-align: center;
}
			/* mozilla mag die bilder ohne containerdiv nicht floaten :-( */
			.box1 div.image, .boxpromo2 div.image, .boxproduct div.image {
					float:left; 
          padding: 4px 4px;
		}
			.box3 div.image {
				float:right; padding: 4px 4px;
			}


/* AKtionsboxen  spezielle Attribute*/

.box3,  .boxmenu {
	 	background:#dff;
		 padding:2px;
		 margin:0px;
		 text-align:left;
	}

.box1  {
	text-align:left;
	 background:#fec;
	 padding:2px;
	text-align:left;
	line-height: 1.2em;
	 margin-bottom:30px;
}
.box1 p {
	text-align:left;
	 background:#fec;
	 margin: 0 0 2px 5px;
	 padding: 0 0 0px 25px;
	text-align:left;
	line-height: 1.2em;
 	background-image:url(/global/medien/bilder/rahmen/boxmenubullet.gif);
	background-repeat:no-repeat;
	background-position: 5px 0px;	
}
.box1, .box1 a,  .box1 ul, .box1 li, .box1 p a, .box1 p a:link, .box1 p a:visited, .box1 p a:hover, .box1 p a:active,  .box1 p a:hover, .box1 p, .box1 h2 {
	color:#036;
	text-decoration:none;
	line-height:1.1em;
}
.box1 p a:hover,.box1 p a:active, .box1 p a:hover, .box1 p a:active {
	text-decoration:underline;
}

.box1 a.mwst, .box1 a.mwst:link, .box1 a.mwst:visited, .box1 a.mwst:hover {
			display: block;
			font-weight:bold;
			padding: 0px 0px 0px 5px;
			color:#036;
                        background: #ffd685;
                        margin-right: 5px;
                        padding
}
		
.box2, .box2 a,  .box2 ul,  .box2 li, .box2 p a, .box2 p a:link,.box2 p a:visited,.box2 p a:hover,.box2 p a:active, .box2 p a:hover, .box2 p,.box2 h2 {
}
.box3{
	  background:#dff;
	 padding: 5px 0 0 0;
	 border: 1px solid #dff;
}

.box3 h2{
	margin:1px;
	padding: 0 0 0 20px;
 	background-image:url(/global/medien/bilder/rahmen/boxmenubullet.gif);
	background-repeat:no-repeat;
	background-position: 5px 0px;	
}
.box3 p {
	line-height:1.1em;;
}

.box3, .box3 a,  .box3 ul,  .box3 li, .box3 p a, .box3 p a:link,.box3 p a:visited,.box3 p a:hover,.box3 p a:active, .box3 p a:hover, .box3 p,.box3 h2 {
	color:#069;
	text-decoration:none;
	line-height:1.1em;;
}
.box3 p a:hover{
	text-decoration:underline;
	line-height:1.1em;;
}

.box4 p{
	margin:1px;
}

.boxfunction{
		padding: 2px 4px 2px 10px;
}

.boxfunction,  .boxfunction ul,  .boxfunction li, .boxfunction p, .boxfunction h2{
	 background:#036;
	 color:#fff;
	 font-weight:bold;
	 text-align:left;
}

.boxfunction a#suche:link , a#suche:visited  {color: #fff; text-decoration: none;}
.boxfunction a#suche :hover 		   		 {color: #fff;}
.boxfunction a#suche:active    	  			 {color: #fff;}

.boxfunction p{
	 padding: 0 0 5px ;
	 margin: 0;
}


/* Angebote rechte spalte */
.boxproduct{
	background:#e9e9ee;
	color:#000;
	text-align:left;
	padding:4px;
	font-size:85%;
}

* html .boxproduct { 
	/* \*/
	height: 0;
	z-index: 10;
	voice-family: "\"}\""; /* IE  WERTE */ 
	voice-family: inherit;
	height: 100%;
  }
/* */
		.boxproduct h2{
	 		font-weight:bold;
			text-align:left;
			font-size: 14px;
			padding: 2px 0 2px 2px;
			background: #fc0;
		}
		
		.boxproduct h3{
			border-top: dotted #000 2px;
		}
		.boxproduct h3 a, .boxproduct h3 a:link,.boxproduct h3 a:visited,.boxproduct h3 a:hover,.boxproduct h3 a:active {
			color:#000;
			font-weight: bold;
			text-align:left;
			font-size:95%;
			text-decoration:none;
			margin: 0 ;
			display:block;
			padding:10px 2px 2px 2px;
		}
		.boxproduct h3 a:hover,.boxproduct h3 a:active {
			 color:#000;
			text-decoration:underline;
		}
		
		.boxproduct p {
			margin:2px 0 2px 0;
	 		font-weight:bold;
			line-height: 1.3em;
		}
		
		.boxproduct a,  
		.boxproduct p a, 
		.boxproduct p a:link, 
		.boxproduct p a:visited,
		.boxproduct p a:hover, 
		.boxproduct p a:active
			{
			 color:#000;
			font-weight:normal;
			text-align:left;
			text-decoration:none;
			line-height: 1.2em;
		}
		
		.boxproduct p a:hover,.boxproduct p a:active {
			 color:#000;
			text-decoration:underline;
		}
		
		.boxproduct .image {
		 width: 83px;
		 height: 83px;
		}
		
		div.preis {
		text-align: center;
		width: 70px;
		}

		div.preis s {
		font-family: arial;
		text-decoration: none;
		background: url(/global/medien/bilder/streichpreis_strich.gif) repeat;		
		}

		html>body div.preis s {	
		font-family: arial;
		text-decoration: line-through;
		background: none;
		}
		
		div.rabattbild {
		margin-top: 10px;
		}

		.alterpreis {
		 text-decoration: none;
		 font-weight:bold;
		font-family: Arial;
		padding: 0 0 3px 0;
		background: url(/global/medien/bilder/streichpreis_strich_home.gif) repeat;
		}
		
		html>body s.alterpreis {
		 text-decoration: line-through;
		 font-weight:bold;
		font-family: Arial;
		display: block;
		padding: 0 0 3px 0;
		}
		
		div.boxproduct span.alterpreis {
		 text-decoration: none;
		 font-weight:bold;
		font-family: Arial;
		padding: 0 0 3px 0;
		background: none;
		background: url(/global/medien/bilder/streichpreis_strich_preishits.gif) repeat;
		}
		
		html>body div.boxproduct span.alterpreis {
		 text-decoration: line-through;
		 font-weight:bold;
		font-family: Arial;
		display: block;
		background: none;
		padding: 0 0 3px 0;
		}
		
		.boxproduct a.sonderpreis, .boxproduct a.sonderpreis:link, .boxproduct a.sonderpreis:visited, .boxproduct a.sonderpreis:hover {
			font-weight:bold;
			background:#fc0;
			padding:1px;
			margin:1px;
		}
		
/* Diverse Boxenlayouts */
/* Diverse Boxenlayouts */

.boxpromo{
	 background:#036;
	 padding: 2px 0 2px 0;
	 
}
.sofortbestell {
	 background:#eee;
	 border: 1px solid #fff;
	 padding: 0px;
	 margin: 0 10px 1px 10px;
	 width: 160px;
	 border: 5px solid #eee;
}

.sofortbestell input {
	 padding: 0;
	 margin: 0px 0 0 0;
}

.sofortbestell input.submit {
	 padding: 0;
	 margin: 3px 0 8px 0;
	 width: 145px;
	 display: block;
}

.sofortbestell b {
	font-size: 10px;
}

.sofortbestell b.oder {
	font-size: 11px;
}

.boxpromo p.katalog{
	 padding: 2px 10px 0 0;	
}

.boxpromo p.katalog img{
 margin-right: -10px;	
}


.boxpromo2 b{
font-weight: bold;
font-size: 1.2em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}

html>body .boxpromo2 b{
font-weight: bold;
font-size: 1.3em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}

.boxpromo2 b.at{
font-weight: bold;
font-size: 1.2em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}

html>body .boxpromo2 b.at{
font-weight: bold;
font-size: 1.3em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}

.boxpromo2 b.uk{
font-weight: bold;
font-size: 15px;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}

html>body .boxpromo2 b.uk{
font-weight: bold;
font-size: 1.7em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}

.boxpromo2 b.ch{
font-weight: bold;
font-size: 1.5em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}

html>body .boxpromo2 b.ch{
font-weight: bold;
font-size: 1.6em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}

.boxpromo2 b.textzusatz{
font-weight: normal;
font-size: 0.9em;
display: block;
padding-top: 0px;
font-family: Arial, Verdana;
}

.boxpromo .sofortbestell a.direkt {
 color: #000;
 text-decoration: underline;
 margin: 0;
 padding: 0 0 0 10px;
 font-size: 10px;
 display: block;
 background: url(/global/medien/bilder/rahmen/boxmenupfeil.gif) no-repeat left top;
}

.boxpromo, .boxpromo a,  .boxpromo ul,  .boxpromo li, .boxpromo p a, .boxpromo p a:link,.boxpromo p a:visited, .boxpromo p a:hover, .boxpromo p a:active, .boxpromo p a:hover, .boxpromo p,.boxpromo h2 {
	color:#fff;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	line-height: 1.2em;
	background: #036;
}	

.boxpromo2{
		background:#8ac;
		padding: 2px 8px 2px 2px;
		margin: 0 0 5px 0;
}

.boxpromo2 h2 a{
		color: #fff;
		text-decoration: none;
}

.boxpromo2 h2{
   		background-image:url(/global/medien/bilder/rahmen/keil.gif);
		background-repeat:no-repeat;
		background-position: 0px 0px;	
		padding-left:21px;
		border-bottom: solid 1px #f9f9f9;
}

.boxpromo2, .boxpromo2 a,  .boxpromo2 ul,  .boxpromo2 li, .boxpromo2 p a, .boxpromo2 p a:link,.boxpromo2 p a:visited,.boxpromo2 p a:hover,.boxpromo2 p a:active, .boxpromo2 p  .boxpromo2 p a:hover, .boxpromo2 p,.boxpromo2 h2 {
	color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:10px;
	text-decoration:none;
	line-height: 1.2em;
}

	 /*PLATZ F?R SEITENTITEL ODER LOGOGRAFIK*/

#headerkopf {
		padding: 15px 0 0 0;
		width:600px;
		height:100px;
		text-align:center;

		

	   voice-family: "\"}\"";
	   voice-family: inherit;
	  }
	  html>body #headerkopf {
	   padding: 15px 0 20px 0;
		height: 140px;
		text-align:center;
		
	}


	  p,h1,pre {
			margin:0px 10px 10px 10px;
			}

	h1, h2, h3, h4, h5, h6 {
		margin:0; 
		padding:0 0 2px 0;
	}

/*  header menu */
#navcontainer {
  clear:both;
  width:980px;
  padding: 0px;
  line-height:normal;
  display:block;
  height:20px;
  text-align: right;
  }

html>body #navcontainer {
 	margin: 0px 1px  0px auto;
  }

#navcontainer span {
  font-size: 11px;
  border-right: 1px solid #fff;
  margin: 0;
  }
  
#navcontainer a {
  white-space:nowrap;
  font-size: 12px;
  text-decoration:none;
  font-weight:bold;
  color:#900;
  background: #f6f6f6;
  border-left: 1px solid #900;
  padding: 0 0 0 5px;
  margin:  0;
  }
#navcontainer a:hover {
  color:#900;
  }

/* Commented Backslash Hack 
   fixes sliding door problem with Opera 7.11 
   hides rule from IE5-Mac \*/
#navcontainer a {float:none;}
/* End IE5-Mac hack */
#navcontainer a:hover {
  color:#000;
  background: #eee;
  }
 
  

/* Karteireiter */

#tabs {
	font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
    width:980px;
    line-height:normal;
   	margin: 5px auto 0 auto;
	text-align:center;
	display:block;
	height:25px;
    font-size:14px;
    clear:both;
}
  
  html>body #tabs {
  height:29px; 
}
  
#tabs ul {
  margin:0;
  padding:0 1px 0 2px ;
  list-style:none;
  }
#tabs li {
  float:left;
  margin:0;
  padding:0 0px 0 2px;
  
  }
#tabs a {
  float:left;
  display:block;
  /*background:url("/global/medien/bilder/navigation/tab_right.gif") no-repeat right top;*/
  padding:2px 7px 2px 3px;
  margin:0 3px 0 3px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-size:14px;
  }
  
  html>body #tabs a {
  padding:2px 7px 2px 3px;
  margin:0 3px 0 3px;  
  }
/* Die aktive Kategorie wird in den Tabs untestrichen */

 
 /* Commented Backslash Hack 
   fixes sliding door problem with Opera 7.11 
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
  
 #werkzeug{
  background:url("/global/medien/bilder/navigation/tab_left_werkzeug_now1.gif") no-repeat left top;
}

#tabs a.werkzeug {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_werkzeug_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.werkzeug {
  color:#9999CC;
  }
 
 /*Start aktiver Modus des Werkzeug Reiters*/
  #werkzeugaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_werkzeug_now.gif") no-repeat left top;
  }
#tabs a.werkzeugaktiv {
  color:#000066;
  background:url("/global/medien/bilder/navigation/tab_right_werkzeug_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.werkzeugaktiv {
  color:#000066;
  }
/*Ende aktiver Modus des Werkzeug Reiters*/
  
#technica{
  background:url("/global/medien/bilder/navigation/tab_left_technica_now1.gif") no-repeat left top;
  }
#tabs a.technica {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_technica_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.technica {
  color:#FF9999;
  }
/*Start aktiver Modus des Technica Reiters*/
  #technicaaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_technica_now.gif") no-repeat left top;
  }
#tabs a.technicaaktiv {
  color:#cc0000;
  background:url("/global/medien/bilder/navigation/tab_right_technica_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.technicaaktiv {
  color:#cc0000;
  }
/*Ende aktiver Modus des Technica Reiters*/  
 
   
#technik{
  background:url("/global/medien/bilder/navigation/tab_left_technik_now1.gif") no-repeat left top;
  }
#tabs a.technik {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_technik_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.technik {
  color:#FF9999;
  }
/*Start aktiver Modus des Technik Reiters*/
  #technikaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_technik_now.gif") no-repeat left top;
  }
#tabs a.technikaktiv {
  color:#cc0000;
  background:url("/global/medien/bilder/navigation/tab_right_technik_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.technikaktiv {
  color:#cc0000;
  }
/*Ende aktiver Modus des Technik Reiters*/  
  
#haushalt{
  background:url("/global/medien/bilder/navigation/tab_left_haushalt_now1.gif") no-repeat left top;
  }
#tabs a.haushalt {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_haushalt_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.haushalt {
  color:#FFCC99;
  }  
   /*Start aktiver Modus des Haushalt Reiters*/
  #haushaltaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_haushalt_now.gif") no-repeat left top;
  }
#tabs a.haushaltaktiv {
  color:#f60;
  background:url("/global/medien/bilder/navigation/tab_right_haushalt_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.haushaltaktiv {
  color: #f60;
  }
/*Ende aktiver Modus des Haushalt Reiters*/

  
#aktivitalis{
  background:url("/global/medien/bilder/navigation/tab_left_aktivitalis_now1.gif") no-repeat left top;
  }
#tabs a.aktivitalis {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_aktivitalis_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.aktivitalis {
  color:#3cc;
  }
/*Start aktiver Modus des Aktivitalis Reiters*/
  #aktivitalisaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_aktivitalis_now.gif") no-repeat left top;
  }
#tabs a.aktivitalisaktiv {
  color:#099;
  background:url("/global/medien/bilder/navigation/tab_right_aktivitalis_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.aktivitalisaktiv {
  color: #099;
  }
/*Ende aktiver Modus des Aktivitalis Reiters*/

#gesundheit{
  background:url("/global/medien/bilder/navigation/tab_left_gesundheit_now1.gif") no-repeat left top;
  }
#tabs a.gesundheit {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_gesundheit_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.gesundheit {
  color:#3cc;
  }
/*Start aktiver Modus des gesundheit Reiters*/
  #gesundheitaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_gesundheit_now.gif") no-repeat left top;
  }
#tabs a.gesundheitaktiv {
  color:#099;
  background:url("/global/medien/bilder/navigation/tab_right_gesundheit_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.gesundheitaktiv {
  color: #099;
  }
/*Ende aktiver Modus des Gesundheit Reiters*/
  
#textil{
  background:url("/global/medien/bilder/navigation/tab_left_textil_now1.gif") no-repeat left top;
  }
#tabs a.textil {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_textil_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.textil {
  color:#CC99FF;
  }
/*Start aktiver Modus des Textil Reiters*/
  #textilaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_textil_now.gif") no-repeat left top;
  }
#tabs a.textilaktiv {
  color:#909;
  background:url("/global/medien/bilder/navigation/tab_right_textil_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.textilaktiv {
  color: #909;
  }
/*Ende aktiver Modus des Textil Reiters*/

#agrishop{
  background:url("/global/medien/bilder/navigation/tab_left_agrishop_now1.gif") no-repeat left top;
  }
#tabs a.agrishop {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_agrishop_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.agrishop {
  color:#c90;
  }
/*Start aktiver Modus des Agrishop Reiters*/
  #agrishopaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_agrishop_now.gif") no-repeat left top;
  }
#tabs a.agrishopaktiv {
  color:#960;
  background:url("/global/medien/bilder/navigation/tab_right_agrishop_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.agrishopaktiv {
  color:#960;
  }
/*Ende aktiver Modus des Agrishop Reiters*/
  
#garten{
  background:url("/global/medien/bilder/navigation/tab_left_garten_now1.gif") no-repeat left top;
  }
#tabs a.garten {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_garten_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.garten {
  color:#99CC99;
  }
/*Start aktiver Modus des Garten Reiters*/
  #gartenaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_garten_now.gif") no-repeat left top;
  }
#tabs a.gartenaktiv {
  color:#316300;
  background:url("/global/medien/bilder/navigation/tab_right_garten_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.gartenaktiv {
  color:#316300;
  }
/*Ende aktiver Modus des Garten Reiters*/

#akkubatterien{
  background:url("/global/medien/bilder/navigation/tab_left_akkubatterien_now1.gif") no-repeat left top;
  }
#tabs a.akkubatterien {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_akkubatterien_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.akkubatterien {
  color:#6699FF;
  }
/*Start aktiver Modus des Akku Reiters*/
  #akkubatterienaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_akkubatterien_now.gif") no-repeat left top;
  }
#tabs a.akkubatterienaktiv {
  color:#039;
  background:url("/global/medien/bilder/navigation/tab_right_akkubatterien_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.akkubatterienaktiv {
  color:#039;
  }
/*Ende aktiver Modus des Akku Reiters*/
  
#autozubehoer{
  background:url("/global/medien/bilder/navigation/tab_left_autozubehoer_now1.gif") no-repeat left top;
  }
#tabs a.autozubehoer {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_autozubehoer_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.autozubehoer {
  color:#CC7FCC;
  }
/*Start aktiver Modus des Autozubehoer Reiters*/
  #autozubehoeraktiv{
  background:url("/global/medien/bilder/navigation/tab_left_autozubehoer_now.gif") no-repeat left top;
  }
#tabs a.autozubehoeraktiv {
  color:#606;
  background:url("/global/medien/bilder/navigation/tab_right_autozubehoer_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.autozubehoeraktiv {
  color:#606;
  }
/*Ende aktiver Modus des Autozubehoer Reiters*/
  
#fundgrube{
  background:url("/global/medien/bilder/navigation/tab_left_fundgrube_now1.gif") no-repeat left top;
  }
#tabs a.fundgrube {
  color:#fff;
  background:url("/global/medien/bilder/navigation/tab_right_fundgrube_now1.gif") no-repeat right top;
  margin-top: 5px;
  }
  #tabs a:hover.fundgrube {
  color:#FF9999;
  }
/*Start aktiver Modus des Autozubehoer Reiters*/
  #fundgrubeaktiv{
  background:url("/global/medien/bilder/navigation/tab_left_fundgrube_now.gif") no-repeat left top;
  }
#tabs a.fundgrubeaktiv {
  color:#f00;
  background:url("/global/medien/bilder/navigation/tab_right_fundgrube_now.gif") no-repeat right top; 
  padding-top: 7px; 
  padding-bottom: 2px;
  }  
  #tabs a:hover.fundgrubeaktiv {
  color:#f00;
  }
  
/*Ende aktiver Modus des Autozubehoer Reiters*/
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color:#fff;
  }
 

#tabs #current {
  /*background-image:url("left_on.gif");*/
  }
#tabs #current a {
  /*background-image:url("right_on.gif");*/
  color:#333;
  padding-bottom:5px;
  }
  
#breadcrumb {
 background: #036;
 margin-bottom: 10px;
 text-align: right;
 padding-right: 10px;
 color: #fff;
}

html>body #breadcrumb {
 padding-bottom: 2px;
 height: 17px;
}


#breadcrumb ul {
	margin-left: 0;
	padding: 0;
	display: inline;
	color: #fff;
} 

#breadcrumb ul li{
	margin-left: 0;
	padding-left: 0;
	border: none;
	list-style: none;
	display: inline;
	color: #fff;
}
 #breadcrumb ul li a{
	text-decoration:none;
	padding: 0 5px 0 0;
	list-style: none;
	display: inline;
	font-size:10px;
	font-weight:normal;
	color: #fff;
	font-family: arial;
}
 #breadcrumb ul li a:hover{
 	text-decoration: underline;
}
/*?berschrift*/
h2 {
	   font: 12px  Verdana, Arial, sans-serif;
	   font-weight: bold;
	   color: #000000;
	   }

h3 {
	   font: 12px  Verdana, Arial, sans-serif;
	   font-weight: bold;
	   color: #000000;
	   }


/*stinknormaler Textabsatz*/
p,pre {
  font: 11px/20px Tahoma, Arial, verdana, helvetica, sans-serif;
  color:#3F3F3F;
  margin-top:5px;
  letter-spacing: 1px;
  	line-height:1.3em;

  }

li {
  font: 11px/20px Tahoma, Arial, verdana, helvetica, sans-serif;
  color:#3F3F3F;
  margin: 1px 0 0 14px;
  letter-spacing: 1px;
  }
ul {
  font: 11px/20px Tahoma, Arial, verdana, helvetica, sans-serif;
  color:#3F3F3F;
  margin:1px;
  letter-spacing: 1px;
  }

/*kleiner Text*/
.small {font: 10px/14px verdana, arial, helvetica, sans-serif;
	 color:#404040;}


a:link	{text-decoration:underline; color:#339; }
a:visited {text-decoration:underline; color:#339; }
a:hover   {color:#c06;}
a:active   {color:#339;}





#footer{
clear: left;
margin:0 auto 20px auto;
padding: 2px 15px;
background: #036;
color:#fff;
text-align: left;
border-bottom: 1px solid transparent;
}

html>body #footer { /* MOZILLA + OPERA  WERTE */ 
width:950px;
}

*>html #footer {
    width:1000px;
}   

#footer a, #footer a:link, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active  {
	  color: #fff;
	  font-size: 11px;
	  /*letter-spacing: 2px;*/
  	  text-decoration: none;
	  font-weight:bold;
	  padding: 0 3px 0 3px;
	  margin: 0;
	  border-right:1px solid #fff;
	   }

#footer table {
	width: 950px;
}

*>html #footer table {
    width:1000px;
} 

#footer table td.textleft {
	text-align: left;
	width: 25%;
}

#footer table td.textcenter {
	text-align: center;
	padding: 0 0 1px 0;
	margin: 0;
	width: 420px;
	vertical-align: bottom;
}

#footer table td.textright {
	text-align: right;
}

#footer a#footermadeby:link, #footer a#footermadeby:visited, #footer a#footermadeby:hover, #footer a#footermadeby:active {
		 font-size: 11px;
		  /*letter-spacing: 2px;*/
		 border-left: 1px solid #fff; 
		 border-right: none;
		 }
		 

#footer a#footertsystems:link, #footer a#footertsystems:visited, #footer a#footertsystems:hover, #footer a#footertsystems:active {
		 font-size: 11px;
		  /*letter-spacing: 2px;*/
		 border-left: none; 
		 border-right: none;
		 padding: 0;
		 margin: 0;
		 }
		 
#footer a.mehrwertsteuer:link, #footer a.mehrwertsteuer:visited, #footer a.mehrwertsteuer:hover, #footer a.mehrwertsteuer:active {
		
		 font-size: 11px;
		  /*letter-spacing: 2px;*/
		 border: none;
}

/* 
 general form styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	form, form p {
		margin: 0;
		padding: 0;
	}
	input, select, textarea {
		color: #000;
		background: #fff;
		font-size:10px;
		border : 2px dotted #999;
		border: outset 1px #999;
		font-family: Arial;
		font-size: 12px;
	}
	
	input:focus, textarea:focus { 
		background-color: #ffe9e9;
	}

	input.submit {
		font : bold 10px/10px  verdana, arial, geneva, arial,helvetica, sans-serif;
		color: #ff0;
		background: #c00;
	 	background-image: none;	
		padding: 0 4px;
		border: solid 1px #c00;
	}
	.selected {
		background-color: #ffe9e9;
	}
 input p {
 margin:0;
 padding:0;
 }

image {
  border:none;
  }

.clearer {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

.clear { clear: both; }

/*Schn?ppchen Kasten auf der Warenkorbseite*/

#schnaeppchen {
width: 600px;
margin: 20px 0 20px 0;
background: #FFEECC;
}

#schnaeppchen h2 {
padding: 5px;
font-size: 11px;
}

#schnaeppchen div.schnaeppchenangebot {
width: 195px;
float: left;
padding: 5px;
margin: 2px 2px 10px 2px;
background: #fff;
border: none;
color: #036;
}

div>#schnaeppchen div.schnaeppchenangebot {
width: 186px;
  }

			
#schnaeppchen div.schnaeppchenangebot  div.schnaeppchenbild {
float: left;
}

#schnaeppchen div.schnaeppchenangebot div.schnaeppchenpreis {
padding: 20px 0 20px 0;
}

#schnaeppchen div.schnaeppchenangebot  div.schnaeppchenartikel {
padding: 0 0 8px 0;
color: #036;
}

#schnaeppchen div.schnaeppchenangebot div.schnaeppchenartikel a {
color: #036;
}

#schnaeppchen div.schnaeppchenangebot  a {
color: #00f;
}

#schnaeppchen div.produkt a.warenkorb {
background: url(/global/medien/bilder/rahmen/einkaufswagen_klein.gif) no-repeat left;
padding: 0 0 0 25px;
color: #036;
}

.text {
width: 600px;
padding-bottom: 10px;
}
/*Login auf der Bestellseite*/
.login {
width: 600px;
margin: 20px 0 20px 0;
background: #FFEECC;
padding: 0 0 0 0;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-weight: normal;
}

.login h2{
border-bottom: 1px solid #000;
margin: 0 0 10px 0; 
font-size: 11px;
padding: 2px 0 2px 0;
}

.login table {
margin: 10px 0 10px 0;
font-size: 11px;
vertical-align: top;
padding: 10px;
}

.login p {
font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
letter-spacing: 0;
}

.login table td.hell {
background: #FFF9EE;
}

/*Newsletter Styles Start*/
#formular {
width: 400px;
background: #000;
}

table #formularkatalog {
width: 600px;
margin-top: 10px;
margin-bottom: 10px;
font-family: arial, verdana;
}

#formular td{
background: #FFEECC;
padding: 3px;
vertical-align: top;
}

table #formularkatalog td.farbe {
background: #eee;
padding: 3px;
vertical-align: top;
}
table #formularkatalog td.farbe {
background: #eee;
padding: 3px;
vertical-align: top;
}

.newsletter {
width: 600px;
margin: 10px 0 10px 0;
background: #FFEECC;
padding: 5px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-weight: normal;
}

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

.newsletter input {
 margin: 0 5px 0 0;
}

.newsletter p {
font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
letter-spacing: 0;
color: #000;
margin: 5px 0 5px 0;
font-size: 12px;
}

.newsletterbestaetigung  {
font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
letter-spacing: 0;
color: #000;
margin: 5px 0 5px 0;
font-size: 12px;
border: 1px solid #036;
width: 590px;
}

.newsletter ul, ul li  {
font-family :  Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
color: #000;
padding: 5px 0 5px 0; 
}

/*Newsletter Styles Ende*/

/*Katalog Styles Start*/
.stern {
 color: #c00;
}
.gratiskatalog td {
 vertical-align: top;
}

.katalog {
 background:  #eee;
 vertical-align: top;
}

.katalogauflistung, .katalogauflistung td  {
 background:  #fec;
 vertical-align: top;
}

b.gratisrot  {
 font-size: 18px;
 font-weight: normal;
 color: #c00;
}

.katalog_ungerade {
 background: #fec;
}

.katalog_gerade {
 background: #fff;
}

.achtung {
 border: 1px solid #c00;
 margin-top: 10px; 
 padding: 10px;
 width: 600px;
 color: #c00;
 font-weight: normal;
 font-size: 12px;
}

html>body .achtung{
 width: 580px;
}

.achtung h1 {
 color: #c00;
 font-size: 14px;
 margin: 0;
 padding: 0;
}

.achtung b {
 color: #000;
}

.achtung a, .achtung a:link, .achtung a:visited, .achtung a:hover {
 color: #000;
}

/*Katalog Styles Ende*/

/* Start Kundenkonto*/
.gratiskonto {
width: 400px;
margin-top: 10px;
}

.gratiskonto td {
background: #eee;
padding: 3px;
vertical-align: top;
}

.gratiskonto b{
 color: #000;
 padding: 10px;
 display: block;
}

.gratiskonto b.rot{
 color: #c00;
 padding-left: 10px;
 display: block;
}

.kundenkontomeldung{
 border: 1px solid #c00;
 margin: 10px 0 10px 0;
 padding: 5px;
 color: #c00;
 font-size: 12px;
}
/* Ende Kundenkonto*/

/*Suche Styles Start*/
.suche {
 background: #eee;
 width: 450px;
}

.suchebg {
 background: #eee;
 padding: 10px;
 margin: 10px 0 10px 0;
 width: 460px;
}

.suchetopangebot div{
float: left;
width: 600px;
}


.suchetopangebot h2 {
margin-top: 20px;
padding-left: 10px;
color: #fff;
background: #c00;
width: 600px;
}

html>body .suchetopangebot h2 {
margin-top: 20px;
padding-left: 10px;
color: #fff;
background: #c00;
width: 590px;
}

.suchetopangebot .wrap {
color: #000;
margin-top: 2px;
margin-bottom: 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px 0 5px 0;
background: #FFEECC;
}

.suchetopangebot .suchetext b {
color: #000;
display: block;
padding: 5px 0 5px 0;
font-weight: normal;

}

.suchetopangebot div.suchebild {
width: 80px;
text-align:center;
padding-left: 5px;
}

.suchetopangebot  div.suchetext {
margin: 0 10px 0 10px; 
width: 320px;
color: #000;
}

.suchetopangebot  div.suchetext a {
	font-weight: bold;
}

.suchetopangebot  div.suchetext a.neuerpreis {
	font-weight: normal;
	background: #fc0;
	color: #000;
	text-decoration: none;
}



.suchetopangebot div.navi {
width: 150px;
text-align: left;
padding:5px 10px 5px 0;
background: #fc0;
border: none;
vertical-align: top;
}

.suchetopangebot div.navi a {
color: #000;
padding: 0 0 0 5px;
}

div.direktbestellung {
 background: #FFC;
 border: 1px solid #fc0;
 margin-top: 15px; 
 padding:10px;
 text-align: center;
}

div.direktbestellung a{
 display: block;
 font-weight: bold;
 padding-bottom: 5px;
 color: #000; 
}

/**/
div.suchenomatch {
 background: #FFF;
 color: #C00;
 font-size: 12px;
 padding: 10px;
 margin: 10px 0 10px 0; 
}

.factfindergruppe {
 background: #FFEECC;
 border: 1px solid #036;
 padding: 10px;
 margin: 10px 0 10px 0; 
 width: 600px;
}

html>body .factfindergruppe {
 width: 580px;
}

.factfindergruppe div {
 float: left;
 width: 150px;
 margin-top: 5px;
}

.factfindergruppe div.pfad {
 margin: 0;
 padding:0;
 width: 580px;
}

.factfindergruppe ul {
 margin: 0;
 padding: 0;
}

.factfindergruppe ul li {
 background: url(/medien/bilder/pfeile_sw.gif) no-repeat left;
 padding-left: 13px;
 margin: 0;
 display: block;
 list-style: none;
 float: left;
}


.auflistung {
 background: #eee;
 border: 1px solid #ccc;
 padding: 10px;
 margin: 10px 0 10px 0; 
 width: 600px;
}

html>body .auflistung {
 width: 580px;
}

.auflistung div {
 margin-top: 5px;
}

.auflistung ul {
 margin: 0;
 padding: 2px 0 0 0;
}

.auflistung ul li {
 background: url(/medien/bilder/pfeile_sw.gif) no-repeat left;
 padding: 0 0 0 13px;
 margin: 0 0 0 5px;
 display: block;
 list-style: none;
 float: left;
}

.ungerade {
 background: #fff;
 width: 600px;
 padding: 5px;
 margin-bottom: 5px;
 margin-top: 5px;
}

.gerade {
 background: #eee;
 width: 600px;
 padding: 5px;
}

.gerade  a, .gerade a:link, .gerade a:visited, .gerade a:hover, .ungerade  a, .ungerade a:link, .ungerade a:visited, .ungerade a:hover {
 color: #000;
}

.ungerade table {
 padding: 0;
 vertical-align:top;
}

.ungerade table.expertentipp, .gerade table.expertentipp {
 border-top: 2px solid #c00;
 border-bottom: 2px solid #c00;
}

.ungerade td, .gerade td  {
 vertical-align:top;
}

.ungerade td.suchestern, .gerade td.suchestern {
 width: 10px;
 text-align: center;
}

.ungerade table.ergebnislinks, table.ergebnislinks {
 margin-top: 10px;
 border: none;
}

.ungerade td.suchebild, .gerade td.suchebild {
 width: 100px;
 text-align: center;
}

.ungerade td.suchetext, .gerade td.suchetext {
 width: 440px;
}

.ungerade td.suchepreis, .gerade td.suchepreis {
 width: 50px;
 text-align: center;
}

.gerade table.suche {
 border-top: 1px solid #ff0;
 border-bottom: 1px solid #ff0;
 background: #00f;
 width: 600px;
 padding: 5px;
}

.warenkorbueberschrift {
 background: #036;
 width: 600px;
 color: #036;
 padding-left: 5px;
}

.warenkorbueberschrift h2, .warenkorbueberschrift1 h2, .loginueberschrift h2  {
 color: #fff;
}

a.speichern, a.speichern:link, a.speichern:visited, a.speichern:hover {
 margin: 0 0 0 280px;
 font-size: 11px;
 color: #fff;
 font-weight: normal;
}

.warenkorb3 {
font: 11px  verdana, Arial, helvetica, sans-serif;
width: 600px; 
margin-top: 10px;
border: 1px solid #036;
}

.warenkorb td, .warenkorb1 td {
vertical-align: top;
padding: 0px;
border: 1px solid #036;
margin: 0;
}

.warenkorb thead th, .warenkorb1 thead th {
font-weight: bold;
background: #eee;
text-align: left;
border: 1px solid #000;
}

.warenkorb th, .warenkorb1 th {
padding: 5px 0 5px 2px;
}

.warenkorb div.wunschtext legend, .warenkorb1 div.wunschtext legend{
 text-align:left;
 color: #000;}
 
 /* Start Styles Gratisartikel*/

#gratisartikel {
margin: 0 10px 10px 0;
width: 588px;
}

#gratisartikel h1 {
color: #c00;
font-size: 13px;
padding-left: 10px;
}

#gratisartikel h2 {
background: #fff;
margin: 0;
padding: 5px 0 5px 10px;
color: #000;
font-size: 11px;
}

#gratisartikel div.geschenk {
 padding: 10px;
 margin: 5px;
 background: #ddd;
 float: left;
 height: 140px;
}

html>body #gratisartikel div.geschenk {
width: 110px;
}

#gratisartikel div.geschenkbild {
height: 70px; 
}

#gratisartikel div.geschenktext {
text-align: left; 
font-size: 10px;
}
/* Ende Styles Gratisartikel*/
/*Suche Styles Ende*/

b.rot {
color: #c00;
}

.logout{
 background: #c00;
 padding: 5px;
 text-align: center;
}

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

.impressum {
  float:left;
  width:295px;
}
.impressum a, .impressum a:link{
 text-decoration:none;
 color:#000;
}

.formular {
 width: 600px;
 padding: 0;
 margin: 0;
 background: #ccc;
 font-size: 10px;
}

.formular td {
 width: 600px;
 padding: 5px;
 background: #fff;
}

.formular sup {
 padding-right: 10px;
}

.formular sup a{
 font-size: 15px;
}

.postkarte {
 width: 600px;
 padding: 0;
 margin: 0;
 background: url(/global/medien/bilder/postkarte/postkarte_rueckseite.gif) no-repeat;
 height: 380px;
}

.postkarte .rechts{
 padding: 0;
 width: 200px;
 float: right;
}

.postkarte .briefmarke{
 padding: 30px 0 0px 155px;
 width: 100px;
}

html>body .postkarte .briefmarke {
 padding: 30px 0 0px 60px;
 width: 100px;
}


.postkarte .text{
 float: left;
 width: 250px;
 margin-left: 10px;
 margin-right: 50px;
 margin-top: 20px;
 font-size: 12px;
 height: 150px;
}

.postkarte .adresse{
  float: left;
  margin-top: 20px;
  width: 260px;
}

/*spezielle Styles */
.artikelnummer {
margin: 5px 0 10px 0;
font-weight: normal;
}


/* 3. Tabellenlayout bei Produktuebersicht*/
.produktvorschau {
margin-top: 10px; 
font: 11px  verdana, Arial, helvetica, sans-serif;
margin-bottom: 10px;
padding-bottom: 10px;
width: 600px;
}

.produktvorschau td {
padding: 3px;
vertical-align: top;
}

.produktvorschau a, .produktvorschau a:visited, .produktvorschau a:hover, .produktvorschau a:active { 
color: #000;
text-decoration: none;
}

.produktvorschau div {
margin: 15px 2px 0 0;
background: transparent;
}

.produktvorschau div.link {
float: left;
margin-right: 5px;
border: 1px solid #c00;
padding: 2px; 
background: #fff;
width: 156px;
text-align: center;
margin-top: 5px;
font-weight: bold;
}

* .produktvorschau div.link {
 width: 152px;
 }
 /* LINK FUER 'ALLE PREISE INKL. MWST....' IN RECHTER SPALTE */
a.mini:link, a.mini:visited, a.mini:hover, a.mini:active,
a.mini3:link, a.mini3:visited, a.mini3:hover, a.mini3:active,
a.mini4:link, a.mini4:visited, a.mini4:hover, a.mini4:active,
a.mini5:link, a.mini5:visited, a.mini5:hover, a.mini5:active
a.mini6:link, a.mini6:visited, a.mini6:hover, a.mini6:active
	{ 	
	font-size: 9px;
	color: #666;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	border: 0px solid #c00;
	}


html>body a.mini3:link, a.mini3:visited, a.mini3:hover, a.mini3:active	
	{
	font-weight: normal;
	}
	
a.mini4:link, a.mini4:visited, a.mini4:hover, a.mini4:active
	{ 	
	padding-left: 90px;
	font-weight: normal;
	}

html>body a.mini4:link, a.mini4:visited, a.mini4:hover, a.mini4:active	
	{
	font-weight: normal;
	padding-left: 95px;
	}
	
a.mini5:link, a.mini5:visited, a.mini5:hover, a.mini5:active
	{ 	
	padding: 35px;
	}

html>body a.mini5:link, a.mini5:visited, a.mini5:hover, a.mini5:active	
	{
	font-weight: normal;
	}
a.mini6:link, a.mini6:visited, a.mini6:hover, a.mini6:active
	{ 	
font-size: 9px;
	}

 
  /* MWST Satz wg. Preisangabevorordnung */
.mwstbox {
  font-size: 9px;
  text-align:center;
  margin: 0;
  letter-spacing: 0px;
}
.mwstbox a,.mwstbox a:link, .mwstbox a:visited,.mwstbox a:hover,.mwstbox a:active    {
  font-weight: normal;
}

/*Styledefinition fuer die Dankeseite der Katalogbestellung*/
.katalog_angebot h2 {
 color: #c00;
}

.katalog_angebot .startpreis {
    font-weight: normal;
	display: block;
	padding: 3px 0 3px 0;
}

.katalog_angebot .neuerpreis {
 background: #fc0;
 font-weight: bold;
}

.katalog_angebot .alterpreis {
 font-weight: normal;
 background: none;
}

.katalog_angebot .einangebot {
 background: #FFFFCC;
 padding: 5px;
 margin-bottom: 5px;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
}

.katalog_angebot .beschreibung {
 padding: 0px 5px 0 5px;
}

.katalog_angebot .beschreibung a {
 color: #000;
 font-weight: bold;
}

.katalog_angebot .beschreibung .text {
 padding-top: 5px;
 padding-bottom: 0;
 font-weight: normal;
}

.katalog_angebot .navigation {
 width: 120px;
}

.katalog_angebot .navigation table {
 /*background: #FFCC00;*/
 vertical-align: top;
}


#logo div h2 .icon {
  width:18px;
  height:18px;
  float:right;
  margin-top:25px;
  margin-right:10px;
}


#logo div h2 a.text {
  float:none;
  color:#006;
  font-size:14px;
  display:inline;
  height:none;
  border:none;
  margin:0;
  padding:0;
  width:auto;
  
}

/*  layer mit den top-warengruppen*/
.wrapper{
   position:relative;
   }
.wrapper div#toppwarengruppen{
   background:#eee; 
   position:absolute; 
   top: 51px;
   right: 0px; 
   z-index:99;  
   visibility:hidden;
   display: block;  
   width:500px;
   font-size:12px;
   border:3px solid #006;
   padding:1em;
   }
.wrapper div#toppwarengruppen h4 {
   padding:0 20px;
   }
.wrapper div#toppwarengruppen p {
   padding:0 10px;
   }
.box1 {
 z-index:5;
}   

/* markenshops */

#markenshopscontent {
	padding				:0 0 0 15px;
}
#markenshopscontent ul {
	margin				:8 8 8 0px;
	padding				:0 0 0 0px;
	list-style-type		:none;
}
#markenshopscontent ul li {
	margin				: 10 5 3 0px;
	padding				: 5 5 5 15px;
	background-color	:#f9f9f9;
	border-style		:solid;
	border-color		:#C9C9C9;
	border-width		:1px;
}
#markenshopscontent ul li a{
	color				:#093F6E;
	font-family			:sans-serif;
	font-size			:12px;
	font-weight			:bold;
	text-decoration		:none;
}
#markenshopscontent .logo {
  float: right;
  width: 100px;
  margin-right:5px;
  text-align: right;
}
#markenshopscontent table {
	margin				: 15px 15px 15px 0;
}
#markenshopscontent table th{
	margin				: 15px 15px 15px 0;
	background-color	:#f9f9f9;
	border-style		:solid;
	border-color		:#C9C9C9;
	border-width		:1px;
}
#markenshopscontent table td{
	margin				: 15px;
	padding				: 3px 15px  3px 15px;
  vertical-align: top;
}
#markenshopscontent  h3{
	background-color	:#999;
	margin				: 0 ;
  color:          : #000;
	border-style		:solid;
	border-color		:#C9C9C9;
	border-width		:1px;
}
#markenshopscontent td a.produktlink{
  font-weight: bold;
}


html>body #logo div, #logo, #logo div {
 width:600px;
}
#logo div h1{
 width:600px;
 font-size:12px;
}


#logo h2, 
#headernavi, 
#navcontainer,  
#tabs, 
#footer, 
.right, 
.left {
 display: none;
}