*{ margin: 0; padding: 0; }* 
html button { cursor: pointer; }
*html button { cursor /**/: hand; }*
body { font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.64em; background: #bbc5ca; color: #444; margin:0; padding:0}

table {border-collapse: collapse; background: #f5f6f6}

table.warenkorbgross {width:100%}

table.warenkorbmini {width:100%}
.warenkorbmini td { font: 10px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; border-bottom: 1px solid #e9e9ea; padding: 5px;}
.warenkorbmini th { font: 10px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; border-bottom: 1px solid #e9e9ea; padding:5px }
th.gesamtpreis { font: 10px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; border-bottom: 0px solid grey; color: #000000; padding: 5px; background: #ffffff }

.warenkorbgross td { font: 12px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; border-bottom: 1px solid #ffffff; padding: 5px;}
.warenkorbgross th { font: 12px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; border-bottom: 1px solid #ffffff; padding:5px }
th.gesamtpreisgross { font: 12px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; border-bottom: 0px solid grey; color: #000000; padding: 5px; background: #e9e9ea }
td.gesamtpreisgross { font: 12px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; font-weight: bold; border-bottom: 0px solid grey; color: #000000; padding: 5px; background: #e9e9ea }

td.shoppingCartNumber {text-align: right}
th.tableBorder shoppingCartNumber {width:150px; background-color: green}

a { color: #000; text-decoration: underline; }
a:hover { color: #636c70;  }

.rot, .rot:link , .rot:visited { background: url(/shop/images/link-rot.gif) repeat-x top; margin-top: 10px; margin-bottom: 10px; padding:3px; border: 1px solid grey; color: #ffffff; font-size: 11px; font-weight: bold; width: 150px; text-align:center; text-decoration: none; float: right; clear: both}
.rot:hover {background: url(/shop/images/link-rot.gif) repeat-x bottom; color: black}
.grau, .grau:link , .grau:visited { background: url(/shop/images/link-grau.gif) repeat-x top; margin-top: 10px; padding:3px; border: 1px solid grey; color: #000000; font-size: 11px; font-weight: bold; width: 150px; text-align:center; text-decoration: none; float: right; clear: right}
.grau:hover {background: url(/shop/images/link-grau.gif) repeat-x bottom; color: #636c70}
.graugross, .graugross:link , .graugross:visited { background: url(/shop/images/link-grau.gif) repeat-x top; margin-top: 10px; padding:3px; border: 1px solid grey; color: #000000; font-size: 11px; font-weight: bold; width: 200px; text-align:center; text-decoration: none; float: right; clear: right}
.graugross:hover {background: url(/shop/images/link-grau.gif) repeat-x bottom; color: #636c70}

#restbetrag {padding:5px; margin: 5px; background: #220019; font: 1.2em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; color: #ffffff} 
#mindestbestellwert {padding:5px; margin: 5px; background: #e20019; font: 1.2em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; color: #ffffff} 

#bestellbestaetigung {background: url(/shop/images/bestellbestaetigung-ecke.gif) repeat-x top right #f5f6f6; padding: 10px; color: #000000; width:85%}
#bestellbestaetigung h1 {color: #000000}
#bestellbestaetigung h2 {color: #000000}
#preis {width: 150px; height:80px; background: url(/shop/images/preisschild.gif) no-repeat; float:right; margin-bottom:10px}
#preis h1 {padding-top:25px; padding-left: 15px; text-align: center; margin: 0px; font-weight: bold; font-size: 1.9em; color: #000000}

.blue { color: #4b9a2c; }
.white { color: #fff; }
li { list-style: none}
p { margin: 0 0 15px 0; }
h1 { font: 2.2em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 20px 0 15px 0px; color: #e20019; font-weight: normal}
h1 a:hover { color: #000000  }
h2 { font: 1.4em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 12px; color: #cacfd2; font-weight: normal}
h3 { font: 1.2em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 12px; color: #e20019; font-weight: bold}
h4 { font: 1.1em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;  margin-top:12px; color: #454b4f; font-weight: normal}

#content { width: 980px; margin: 0 auto; background: #fff url(/shop/images/hintergrund.gif) no-repeat; margin-bottom:25px;}

#kaufbereich {width: 330px; padding: 15px; background: #e8e9ea; border: 1px solid #ccc;}
#kaufbereich .anzahl {width: 50px; background: #ffffff; padding:5px; border: solid 1px grey; font: 1.2em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; color: #e20019; font-weight: bold; text-align:center}

/* BENUTZERDATEN */
table#summaryCustomer {
  width: 100%;
  margin: 15px 0 10px 0;
  padding: 0;
  font-size: 10pt;
}
table#summaryCustomer th {
  vertical-align: top;
  text-align: right;
  margin: 0;
  width: 150px;
  font-weight: bold;
  padding-right: 10px;
  padding:3;
  border-bottom: 1px solid #dcdcdc;
}
table#summaryCustomer td {
  border-bottom: 1px solid #dcdcdc;
  padding-left: 10px;
}

.neustoerer {background:#000; color:#fff; margin:2px 0 0 8px;font-weight:normal; padding:0px 4px; text-transform:uppercase;}

#stoerer {
 margin-top: 100px;
 width: 270px;
 height: 230px;
 background: url(/shop/images/stoerer/stoerer-qualitaet.gif) no-repeat top;
 display: block;
 }
#stoererlink {
 padding-top: 130px;
 }

#stoererlink img {
 border:0px
 }

#intro { position: relative; clear: both; background: url(/shop/images/hintergrund.gif) no-repeat; color: #333; height: 140px; padding: 0}
	#login { font-size: .9em; padding: 15px 40px; }
	#login a { color: #ffffff; padding: 4px 6px 6px; }
	#login a:hover { color: #000000; }
	#logo { position:absolute; right:50px; top: 12px }
	#logo a { border:0px }
	#logo img { border:0px }

#main { position:relative; float: left; width: 370px; margin: 20px; }
	#main img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#main an { border: 1px solid grey }
	#main h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	#main .articleimage {margin-right:10px}
	#main .rahmenlos {margin:10px; border:0}

#right {margin: 10px 20px 10px 10px; padding: 5px; width: 220px; float:left}
	#right h2 { border-bottom: 1px solid #9ba3a7; padding: 15px 0 0px 0; color: #000000}


#header img{
 float:left;
 margin:0;
 padding: 0;
 border: 0px;
 }

#header {
 margin-left:20px;
 }

label {
	font-weight: normal;
	width: 80px;
	display: block; 
	text-align: left;
	margin-right: 3%;
	margin-left: 3%;
	float: left;
	font-size: 12px;
	color: #636c70;
}


#left { position: relative; float: left; width: 270px; font-size: .9em; margin: 0px; margin-left: 15px; display:inline }

#newsblock {padding-left:60px; padding-top: 50px; padding-right:45px; list-style: none; position:absolute; top: 335px}

#footer { clear: both; margin: 0; font-size: 1em; color: #000; background: url(/shop/images/hintergrund.gif) no-repeat; background-position:0px bottom; height: 80px; width:100%}
	#footer.adresse { postion: absolute; bottom: 5px; right: 60px; font-weight: bold; }
	#footer a { color: #f2f3f4; font-weight: bold; }
	.right{ text-align:center; padding: 50px 0px 0px 0px; color: #ffffff}

ul#liste li{
 list-style-image: none;
 list-style: none;
 border-bottom:solid 1px #d8dcde;
 width: 350px;
 position: relative;
 line-height: 1.3em;
 padding: 5px;
 background: #e5e4e4
 }
ul#liste .produktfoto {
 paddingnn: 14px 20px 14px 0px;
 padding: 2px;
 float: left;
 margin: 20 10 20 5;
 }
ul#liste .produktbeschreibung{
 padding: 0px;
 padding-left: 15px;
 float:left;
 width: 180px
 }
ul#liste .detail:link, ul#liste .detail:visited {
 position: absolute;
 right: 10px;
 bottom: 10 px;
 padding:3px;
 background: #fbba00;
 border: 1px solid #fbba00;
 text-decoration: none;
 font-weight: bold
 }
ul#liste .detail:hover {
 border: 1px solid #000000;
 color: #ffffff;
 }
#galerie { width: 550px }

#bilder {
width:160px; 
heights:220px; 
padding:0px; 
margin:10px; 
float:left;
text-align:center;
position: relative}

#bildermini {
width:50px; 
height:50px; 
padding:0px; 
margin:10px; 
float:left;
text-align:center;
position: relative}

#bilder img {text-align:center}


div.element p, div.element h4 {
	margin:0px;
	padding:0px;
}

ul#menue {
 float:left;
 margin: 0;
 padding: 0;
 }
ul#menue li a{
 color: #000000;
 list-style-image: none;
 list-style: none;
 text-decoration: none;

  }
#menue a:hover{
 color: #b70718;
 }
ul#menue li{
 list-style-image: none;
 list-style: none;
 font: 14px Helvetica, Arial, Verdana, sans-serif;
 margin: 0;
 padding: 0;
 margin-top: 15px;
 margin-left:40px
 }
ul#menue li.expandet a{
 color: #000000;
 font-weight: bold;
 display: block;

  }
ul#menue li.leaf a{
 display: block;
 color: #000000;
 font-weight: normal;
 display: block;
  }

 }
ul#menue ul li {
 font: 15px Helvetica, Arial, Verdana, sans-serif;
 margin-bottom: 10px;
 }

ul#menue li.passiv a{
 color: #000000;
 font-weight: normal;
 display: block;
  }
ul#menue li.aktiv a{
 color: #000000;
 font-weight: bold;
 display: block;
  }

#produktuebersicht td{
  border-bottom: 1px solid #dcdcdc;
  padding: 7px;
  font-size: 10pt;
}
#produktuebersicht table{
  width: 100%;
  font-size: 10pt;
}
#produktuebersicht h2{
  font-size: 11pt;
  color: black;
  border: 0px
}

/* clearfix 
------------------------------*/
.clearfix {
	clear: both;
}