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

.hoverlink{
        position: relative;
        top: 0px;
        left: 0px;
        display: inline;
    color: #000055;
}

.hoverlink a span{
display: none;
}

.hoverlink a:hover span{
display: block;
padding: 5px 5px 5px 5px;
margin: 0px;
width: 325px;
color: #000000;
background: #FFFFFF;
border: 1px;
border-style: solid;
border-color: #A0A0A0;
font-weight: normal;
text-decoration: none;
}

.hoverlink a:hover {
color: #000000;
border: 0px;
text-decoration: none;
}

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

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


/* 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;  
 }

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

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

/* KOPFZEILE */

#container{
float: left;
width: 100%;
background-image: url(/image/kopfzeile_gespiegelt2.jpg);
background-repeat: repeat-x;
background-position: 1024px 0px;
}

#rahmen{
float: left;
width: 100%;
background-image: url(/image/kopfzeile.jpg);
background-repeat: no-repeat;
}

#kopfzeile{
float: left;
height: 103px;
width: 100%;
color: #003373;
background-color: inherit;
}

#kopfzeile table{
height: 103px;
width: 100%;
border-collapse: collapse;
}

#kopfzeile tr td{
vertical-align: top;
}

#kopfzeile .s1{
}

#kopfzeile .s1 img{
border: 0px;
}


#kopfzeile .s2{
padding: 8px 16px 0px 0px;
width: 145px;
text-align: right;
/*
background-image: url(/image/kopfzeile_rechts2.jpg);
background-repeat: no-repeat;
background-position: top right;
*/
}


#kopfzeile .s2 img{
vertical-align: middle;
}

#navigation{
float: left;
width: 100%;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color: #003373;
background-color: inherit;
}

#navigation table{
height: 28px;
width: 100%;
border-collapse: collapse;
}

#navigation table tr td{
border: 0px;
border-style: solid;
border-color: #DDDDDD;
text-align: center;
line-height: 28px;
vertical-align: middle;
background-image: url(/image/trennlinie.jpg);
background-repeat: no-repeat;
text-indent: 16px;
}

#navigation .m9{
width: 175px;
}

#navigation form{
margin: 0px 8px 0px 8px;
float: right;
width: 175px;
}

#navigation form input{
float: left;
font-size: 10px;
}

#navigation .submit{
float: left;
margin: 0px 0px 0px 4px;
width: 20px;
}

/* LEER NEWS ANGEBOTE FEEDBACK UNTERNEHMEN SERVICE KONTAKT IMPRESSUM SUCHE*/
 #navigation .m1{background-image: none;}

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

#navigation a:hover{
color: #FFFFFF;
background-color: inherit;
}


/* LINKS */

#links{
margin: 0px 0px 0px 4px;
height: auto;
width: 200px;
}

#links table{
float: left;
margin: 0px 0px 0px 0px;
padding: 8px 0px 0px 0px;
width: 200px;
height: auto;
background-image: url(/image/ltable.jpg);
background-repeat: repeat-y;
}

#links table tr td{
padding: 0px 0px 0px 0px;
}

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

#links h1{
float: left;
margin: 16px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 28px;
width: 200px;
line-height: 22px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-indent: 8px;
color: #D1FFFF;
background-color: inherit;
background-image: url(/image/lh1.jpg);
background-repeat: no-repeat;
}

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

#links h2{
float: left;
margin: 2px 0px 0px 8px;
padding: 0px 0px 0px 0px;
height: auto;
width: 75%;
line-height: 16px;
vertical-align: middle;
font-size: 10px;
font-weight: normal;
}

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

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

#links h2 strong{
color: #000000;
border: 0px;
}

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

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

#links h3 a:hover{
text-decoration: underline;
}

#links h3 strong{}

#links .abschluss{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 10px;
width: 200px;
line-height: 10px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-indent: 16px;
color: #D1FFFF;
background-color: inherit;
background-image: url(/image/ltableabschluss.jpg);
background-repeat: no-repeat;
}

/* Mitte */
#mitte{
padding: 0px 8px 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: 14px;
 font-weight: bold;
 color: #000000;
 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: #000000;
 background-color: inherit;
 }

 #mitte .navigation a{
 color: #000000;
 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: #A73D30;
  background-color: inherit;
  }

  #mitte .kategoriebox tr td h4 a{
  color: #000000;
  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 a{
  color: #000000;
  background-color: inherit; 
  }
 
  #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: #000000;
  background-color: inherit;
  } 

  #mitte .liste2 .sspname a{
  text-decoration: none;
  color: #000000;
  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: #000000;
  background-color: inherit;
  line-height: 16px;
  vertical-align: bottom;
  }

  #mitte .liste2 .sppreis a{
  margin: 4px 0px 0px 0px;
  float: left;
  width: 100px;
  height: 19px;
  color: #000000;
  background-color: inherit;
  text-decoration: none;
  font-size: 10px;
  text-align: center;
  line-height: 19px;
  vertical-align: middle;
  background-image: url(/image/button_buy_now.jpg);
  }

  #mitte .liste2 .ssppreis{
  display: block;
  }

  #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: 1px;
  border-style: solid;
  border-color: #888888;
  font-size: 10px;
  }

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

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

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

  #mitte .warenkorb .abschicken{
  font-size: 9px;
  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; 
 }

/* BOX RECHTS */

#rechts{
padding: 12px 1px 0px 0px;
height: auto;
text-align: right;
}

#rechts .rahmen_rechts{
float: right;
width: 145px;
}

#rechts a{
display: inline;
}

#rechts .textbox{
float: right;
margin: 0px 0px 8px 0px;
padding: 8px 0px 0px 0px;
width: 100%;
height: 24px;
vertical-align: bottom;
text-align: left;
}

#rechts .textbox img{
vertical-align: middle;
}

#rechts h1{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 28px;
width: 145px;
line-height: 22px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-indent: 16px;
color: #D1FFFF;
background-color: inherit;
background-image: url(/image/lh1.jpg);
background-repeat: no-repeat;
text-align: left;
}

#rechts .nh1{
float: right;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
height: 28px;
width: 145px;
line-height: 28px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-indent: 34px;
color: #D1FFFF;
background-color: inherit;
background-image: url(/image/lnh1.jpg);
background-repeat: no-repeat;
text-align: left;
}

#rechts .nh1 a{
color: #D1FFFF;
}

#rechts table{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 145px;
height: auto;
color: #0473BB;
background-color: #D3EEFF;
background-image: url(/image/ltable.jpg);
background-repeat: repeat;
}

#rechts table tr td{
padding: 0px 0px 0px 16px;
}

#rechts .bildcontainer td{
padding: 0px 0px 0px 0px;
text-align: center;
}

#rechts .bildcontainer td img{
margin: 8px 0px 0px 0px;
}

#rechts .abschluss{
float: right;
margin: 0px 0px 12px 0px;
padding: 0px 0px 0px 0px;
height: 10px;
width: 145px;
line-height: 10px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-indent: 16px;
color: #D1FFFF;
background-color: inherit;
background-image: url(/image/ltableabschluss.jpg);
background-repeat: no-repeat;
}

#rechts form{
float: left;
}

#rechts form input{
float: left;
font-size: 10px;
width: 80px;
}

#rechts .submit{
float: left;
margin: 0px 0px 0px 4px;
width: 20px;
}

/**/

/* FUSSZEILE */
#fusszeile tr td{
padding: 32px 0px 32px 0px;
text-align: center;
}