body{
margin: 0px;
padding: 0px;
font-family: Verdana,Arial,Tahoma,Helvetica;
font-size: 11px;
background-image: url(/image/kopfzeile_wiederholung.jpg);
background-repeat: repeat-x;
}

/* HTML TAGS ALLGEMEIN */

a{
text-decoration: none;
color: #000000;
background-color: inherit;
}

img{
border: 0px;
}

table{
float: left;
width: 100%;
border-collapse: collapse;
}

table tr td{
padding: 0px 0px 0px 0px;
vertical-align: top;
}

 .tr1{
 border: 1px;
 border-style: solid;
 border-color: #DDDDDD;
 color: #000000;
 background-color: #FFFFFF;
 }

 .tr1 td{
 border-top: 1px;
 border-right: 1px;
 border-bottom: 1px;
 border-left: 1px;
 border-style: solid;
 border-color: #DDDDDD;  
 }

 .tr2{
 color: #000000;
 background-color: #F0F0F0;
 }

 .tr2 td{
 border-top: 1px;
 border-right: 1px;
 border-bottom: 1px;
 border-left: 1px;
 border-style: solid;
 border-color: #DDDDDD;  
 }

 td{
 vertical-align: top; 
 }

form{
float: left;
margin: 8px 0px 24px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}

form label{
margin: 0px 0px 0px 8px;
}

/* KOPFZEILE */
#kopfzeile{
margin: 0px;
width: 100%;
}


#kopfzeile .head1{
height: 150px;
background-image: url(/image/kopfzeile.jpg);
background-repeat: no-repeat;
background-position: left 0px;
}

#kopfzeile .head2{
}

#kopfzeile .navigation1{
height:24px;
}

#kopfzeile .navigation2{
text-align: right;
}

 #kopfzeile ul{
 height: 24px;
 list-style: none;
 margin: 0px 16px 0px 0px;
 }

 #kopfzeile ul li{
 display: inline; 
 line-height: 24px;
 vertical-align: middle;
 }

 #kopfzeile ul li a{
 color: #000F4A;
 background-color: inherit;
 }

/* LINKS */
#links{
padding: 1px 0px 0px 0px;
width: 200px;
}

#links table{
color: #747474;
background-color: #F2F2F2;
}

#links form{
margin: 0px;
padding: 8px 0px 8px 0px;
vertical-align: middle;
background-color: #F2F2F2;
}

#links form input{
font-size: 10px;
margin: 0px 0px 0px 8px;
}

#links table tr td img{
vertical-align: middle;
}

#links h1{
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 21px;
line-height: 21px;
vertical-align: middle;
font-size: 10px;
text-indent: 24px;
color: #FFFFFF;
background-color: inherit;
background-image: url(/image/links_h1.jpg);
background-repeat: repeat-x;
}

#links h1 a{
color: #FFFFFF;
background-color: inherit;
}

#links h2{
float: left;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 32px;
height: auto;
width: 75%;
line-height: 18px;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
border-top: 0px;
border-right: 0px;
border-bottom: 1px;
border-left: 0px;
border-style: solid;
border-color: #C4C4C4;
background-image: url(/image/links_h2.png);
background-repeat: no-repeat;
background-position: 8px 0px;
}

#links h2 a{
color: #747474;
background-color: inherit;
}

#links h2 a:hover{
text-decoration: underline;
color: #747474;
background-color: inherit;
}

#links h2 strong{
color: #747474;
background-color: inherit;
text-decoration: underline;
}

#links h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 24px;
height: 14px;
width: 83%;
line-height: 14px;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
}

#links h3 a{
text-decoration: none;
color: #747474;
background-color: inherit;
}

#links h3 a:hover{
text-decoration: underline;
color: #747474;
background-color: inherit;
}

#links h3 strong{
color: #747474;
background-color: inherit;
}

.myCMS{
clear: both;
width: 660px;
}

 #mycms{
clear: both;
width: 660px;
}

/* Mitte */
#mitte{
padding: 0px 32px 0px 8px;
height: auto;
}

 #mitte h1{
 float: left;
 margin: 16px 0px 16px 0px;
 padding: 0px 0px 0px 0px;
 height: 24px;
 width: 100%;
 line-height: 24px;
 vertical-align: middle; 
 font-size: 18px;
 font-weight: bold;
 color: #565656;
 background-color: inherit;
 }

 #mitte h2{
 float: left;
 margin: 16px 0px 16px 0px;
 padding: 0px 0px 0px 0px;
 height: 20px;
 width: 100%;
 line-height: 20px;
 vertical-align: middle; 
 font-size: 14px;
 font-weight: bold;
 }

 #mitte h3{
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 100%;
 font-size: 12px;
 font-weight: bold;
 }

 #mitte .navigation{
 float: left;
 margin: 8px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 100%;
 font-size: 10px;
 color: #565656;
 background-color: inherit;
 }

 #mitte .navigation a{
 color: #565656;
 background-color: inherit; 
 }

 #mitte .startseite{
 clear: both;
 width: 660px;
 }

 #mitte .az_nav{
 clear: both;
 margin: 16px 4px 16px 0px;
 padding: 0px 0px 0px 0px;
 height: auto;
 width: 660px;
 text-align: right;
 }

 #mitte .az_nav table{
 background-color: #FFFFFF;
 }

  #mitte .kategorien{
  clear: both;
  width: 660px;
  }

  #mitte .kategorien h3{
  margin: 0px 0px 6px 0px;
  font-size: 14px;
  color: #000000;
  background-color: #FFFFFF;
  }

  #mitte .kategorien h3 a{
  color: #000000;
  background-color: inherit;
  }


  #mitte .kategorien hr{
  margin-top: 16px;
  height: 0px;
  width: 500px;
  text-align: center;
  border-top: 1px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-style: solid;
  border-color: #888888;
  }

  /* kategoriebox */
  #mitte .rahmen_kategoriebox{
  vertical-align: top;
  border: 4px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  width: 25%;
  }

  #mitte .kategoriebox{
  height: 100%;
  margin: 0px 0px 4px 0px;
  }

  #mitte .kategoriebox td{
  padding: 0px 0px 0px 8px;
  }

  #mitte .kategoriebox tr td h4{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  color: #0052B2;
  background-color: inherit;
  }

  #mitte .kategoriebox tr td h4 a{
  color: #0052B2;
  background-color: inherit;
  }

  #mitte .kategoriebox tr td a{
  color: #000000;
  background-color: inherit;
  }

  #mitte .seitenzahlen{
  clear: both;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
  width: 660px; 
  text-align: right;
  }

  #mitte .liste1{
  clear: both;
  width: 660px;  
  }

  #mitte .liste1 td{
  padding: 4px;
  width: 25%;
  font-weight: bold;
  }

  #mitte .liste2{
  clear: both;
  width: 660px;  
  }

  #mitte .liste2 thead{
  color: #000000;
  background-color: #E6E8ED;  
  }

  #mitte .liste2 td{
  padding: 4px;
  width: auto;  
  border: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  }

  #mitte .liste2 .spalte2{
  width: 25%;
  }

  #mitte .liste2 .spname{
  line-height: 16px;
  vertical-align: top;
  }

  #mitte .liste2 .spname h3 a{
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  color: #000000;
  background-color: inherit;
  font-weight: bold;
  }

  #mitte .liste2 .sspname h3 a{
  color: #000000;
  background-color: inherit;
  font-weight: bold;
  }

  #mitte .liste2 .spname a{
  margin: 0px 0px 0px 16px;
  text-decoration: underline;
  color: #0052B2;
  background-color: inherit;
  } 

  #mitte .liste2 .sspname a{
  text-decoration: none;
  color: #0052B2;
  background-color: inherit;
  } 

  #mitte .liste2 .spname a:hover{
  text-decoration: underline;
  } 

  #mitte .liste2 .spdetails{
  line-height: 16px;
  vertical-align: bottom;
  }

  #mitte .liste2 .spdetails a{
  text-decoration: underline;
  } 

  #mitte .liste2 .sppreis{
  font-size: 12px;
  color: #0052B2;
  background-color: inherit;
  line-height: 16px;
  vertical-align: bottom;
  }

  #mitte .liste2 .sppreis a{
  color: #0052B2;
  background-color: inherit;
  text-decoration: underline;
  font-size: 10px;
  }

  #mitte .liste2 .ssppreis{
  width: 70px;
  }

  #mitte .liste2 .sppreis strong{
  display: block;
  }

  #mitte .artikeldetails{
  clear: both;
  margin: 32px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: auto;
  width: 660px;
  border: 1px;
  border-style: solid;
  border-color:#A5A5A5;
  }
  
  #mitte .artikeldetails h1{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 22px;
  vertical-align: middle;
  width: 80%;
  }

  #mitte .artikeldetails thead td{
  padding-top: 4px;
  padding-bottom: 4px;
  text-indent: 4px;
  border: 0px;
  border-style: solid;
  border-color: #DDDDDD;
  color: #000000;
  background-color: #E6E8ED;
  }

  #mitte .artikeldetails td{
  padding: 4px;
  border: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  line-height: 16px;
  vertical-align: top;
  }

  #mitte .imgcontainer{
  float: right;
  }

  #mitte .artikeldetails label{
  float: left;
  width: 65px;
  }

  #mitte .artikeldetails span{
  display: block;
  }

  #mitte .warenkorb{
  clear: both;
  margin: 0px 0px 16px 0px;
  padding: 0px 0px 0px 0px;
  height: auto;
  width: 660px;
  border-collapse: collapse;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px;
  border-left: 0px;
  border-style: solid;
  border-color: #F0F0F0;
  }

  #mitte .warenkorb thead{
  color: #000000;
  background-color: #E6E8ED;
  }

  #mitte .warenkorb tr td{
  padding: 4px;
  vertical-align: top;
  text-align: right;
  }

 #mitte .warenkorb .tr1{
 border: 2px;
 border-style: solid;
 border-color: #FFFFFF;
 color: #000000;
 background-color: #FFFFFF;
 }

 #mitte .warenkorb .tr1 td{
 border-top: 2px;
 border-right: 2px;
 border-bottom: 2px;
 border-left: 2px;
 border-style: solid;
 border-color: #F0F0F0;  
 }

 #mitte .warenkorb .tr2{
 color: #000000;
 background-color: #F0F0F0;
 }

 #mitte .warenkorb .tr2 td{
 border-top: 2px;
 border-right: 2px;
 border-bottom: 2px;
 border-left: 2px;
 border-style: solid;
 border-color: #FFFFFF;  
 }

  #mitte .warenkorb .artikelinfo{
  text-align: left;
  width: 40%;
  }

  #mitte .warenkorb input{
  float: left;
  font-size: 11px;
  }

  #mitte .warenkorb .abschicken{
  margin: 0px 0px 0px 4px;  
  }

  #mitte .fuss{
  clear: both;
  margin: 16px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: auto;
  width: 660px;
  }

  #mitte .fuss td{
  width: 50%;
  }

   #mitte .rechts{
   text-align: right;
   }

  #mitte .bestellformular{
  width: 660px;
  border: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  color: #000000;
  background-color: #EEEEEE;
  }

  #mitte .bestellformular td{
  padding: 4px;  
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  color: #000000;
  background-color: #EEEEEE;
  }

  #mitte .bestellformular .ueberschrift td{
  color: #000000;
  background-color: #E6E8ED;
  }

 #mitte .bestellformular td h2{
 margin: 0px;
 }

 
 #mitte .bestellformular sup{
 color: #CC0000;
 background-color: inherit; 
 }

 #mitte .fehlerausgabe{
 clear: both;
 width: 660px; 
 }

 #mitte .versandkostenformular{
 clear: both;
 width: 660px;
 }
 
 #mitte .versandkosten{
 clear: both;
 width: 660px;
 margin: 16px 0px 0px 0px;
 border: 1px;
 border-style: solid;
 border-color: #CCCCCC;
 }

 #mitte .versandkosten td{
 padding: 4px; 
 }

 #mitte .suchformular{
 clear: both;
 width: 660px;
 color: #000000;
 background-color: #E6E8ED;
 }

 #mitte .suchformular td{
 padding: 4px; 
 font-weight: bold;
 }

 #mitte .suchformular form{
 font-size: 10px;
 }

 #mitte .suchformular input{
 font-weight: bold;
 font-size: 10px;
 border: 1px;
 border-style: solid;
 border-color: #000000;
 color: #000000;
 background-color: #FFFFEE; 
 }

 #mitte .suchformular select{
 font-weight: bold;
 font-size: 10px;
 border: 1px;
 border-style: solid;
 border-color: #000000;
 color: #000000;
 background-color: #FFFFEE; 
 }

/* Newsbox */
#mitte .newsbox{
float: left;
margin: 16px 0px 0px 0px;
padding: 0px 0px 16px 0px;
width: 100%;
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

#mitte .newsbox h2{
float: left;
margin: 0px 0px 0px 0px;
background-color: #DDDDDD;
text-indent: 8px;
}

#mitte .newsbox h3{
line-height: 20px;
vertical-align: middle;
text-decoration: underline;
}

#mitte .newsbox img{
float: left;
margin: 0px 12px 8px 8px;
}

#mitte .text{
float: left;
padding: 8px 0px 0px 8px;
margin: 0px;
}

/* RECHTS */
#rechts{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 4px 4px 4px;
height: auto;
width: 175px;
}

#rechts table{
color: #747474;
background-color: #F2F2F2;
}

 #rechts ul{
 list-style: none;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 margin: 1px 0px 0px 0px;
 width: 100%;
 font-size: 10px;
 color: #747474;
 background-color: #F2F2F2;
 background-position: -2px 0px;
 }

 #rechts li{
 padding: 4px;
 }

 #rechts h1{
float: left;
width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 21px;
 line-height: 21px;
 vertical-align: middle;
 font-size: 10px;
 text-indent: 24px;
 color: #FFFFFF;
 background-color: inherit;
 background-image: url(/image/links_h1.jpg);
 background-repeat: no-repeat;
 background-position: -2px 0px;
 }

 #rechts h1 a{
 color: #FFFFFF;
 background-color: inherit;
 }

#rechts h2{
float: left;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 32px;
height: auto;
width: 75%;
line-height: 18px;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
border-top: 0px;
border-right: 0px;
border-bottom: 1px;
border-left: 0px;
border-style: solid;
border-color: #C4C4C4;
background-image: url(/image/links_h2.png);
background-repeat: no-repeat;
background-position: 8px 0px;
}

#rechts h2 a{
color: #747474;
background-color: inherit;
}

#rechts h2 a:hover{
text-decoration: underline;
color: #747474;
background-color: inherit;
}


 #rechts a{
 color: #747474;
 background-color: inherit;
 }

/* FUSSZEILE */

#fusszeile{
margin: 16px 0px 32px 0px;
padding: 0px 0px 0px 0px;
font-size: 90%;
}

#fusszeile tr td{
line-height: 20px;
vertical-align: middle;
text-align: center;
}