body {
  background: url(img/bg.gif);
  margin:0;
  padding-top: 8px;
  font-family:Trebuchet MS,Verdana,Arial,Sans-serif;
  font-size: 12px;
  color:#57524d;
}

h2, h3,h4, ul, li, form {
  margin: 0;
  padding: 0;
 color:#1b1d1e;

}

body a{

}

 
ul, li {
list-style:none;
  color:#57524d;
  /* color:#ddd; */
}


input{
border: 1px solid #57524d;
background: #f0f0f0;
font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
font-size:12px;
padding: 0px;
}

input[type=image] {
border: 0px solid #57524d;
}
td{vertical-align:top}

.log-in-email{
margin: 0px;
width: 150px;
height: 19px;
margin:0px;
}

.log-in-passwort{
margin: 0px;
width: 150px;
height: 19px;
margin:0px;
}


.button{
border: 0px solid red;

}

a {
  text-decoration: none;
  color: #02ABCA;
}

img {
  border: 0px;
  }
  

input a {
text-decoration: none;
color: #02ABCA;
}

h1, h2, h3, h4, h5 {font-weight: bold;} /* Fettdruck für h1-h3*/
h5   {
font-size: 12px;
color:#02ABCA;
margin: 0px;
padding: 0px;
display:inline;
height:20px;
padding-bottom: 10px;
font-weight:bold;
}



a{
text-decoration:none;
color: #02ABCA;
}


a:link,
a:active,
a:visited {
  text-decoration:none;
  color: #02ABCA;

}

a:hover {
  text-decoration:underline;
  color: ##FF9C08;
}


#navtrail {
padding-bottom: 15px;
padding-top: 5px;
}

/* --- Container --- */

#wrap {
  width: 970px;
  margin: 0 auto;
  background:#FFFFFF;
  border: 1px solid #f0f0f0;

  
}

/* --- Top --- */

#top {
  width: 959px;
  margin: 0 auto;
  height: 190px;
  position: relative;
  background: url(img/logo.gif) no-repeat;
}



#logo {
position: absolute;
top:0px;
width:959ppx;
height:124px;
overflow: hidden;
display: block;
}

#header-bottom {
position:absolute;
bottom: 0px;
}

/* ---Top Menu --- */

#topnavi {
position: absolute;
top: 124px;
}

.nav {
list-style: none;
margin:0px;
padding: 0px;
background:#fff;
width:959px;
height:37px;

}

.nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
height: 37px;
}

#cart {

}

.kaufen-button input{
border: 0px solid #aaa;
background-color: transparent;
}

/* --- Content Wrap --- */

#content_wrap {
  width: 959px;
  margin: 0 auto 0 auto;
  padding-bottom: 25px;
  background:  url(img/trenner.gif);
}

#spacer {
  float: left;
  

}

/* --- Left --- */

#left {
  width: 690px;
  float: left;  
}



/* --- Post Details --- */

#left h2,#left h1, #left h3 {

  font-weight: normal;
  font-size: 16px;
  color: #02ABCA;
  margin-bottom: 10px;
  font-weight:bold;


}

#left form {
  float: none !important;
}

#left h2 a, #left h1 a {
  color: #02ABCA;
  text-decoration: none;
  font-weight:bold;
}

#left h2 a:hover {
  text-decoration: underline;
  color:#02ABCA;
}

#left  a {
  color: #02ABCA;
  text-decoration: none;
}

#left  a:hover {
  color:#02ABCA;
  text-decoration: underline;
}


#left label {
  margin-left: 10px;
}

#left textarea {
  border: 1px solid #ebebeb;
  font-family:Trebuchet MS,Verdana,Arial,Sans-serif;
  font-size:11px;
}

#left textarea:hover {

}


#trenner2 {
  width: 100%
  margin: 0 auto 0 auto;
  background:  url(img/trenner2.gif);
  }

/* --- Footer --- */

#trenner {
  width: 959px;
  margin: 0 auto 0 auto;
  background:  url(img/trenner2.gif); 
  }
  
#footer {
  width:959px;
  height: 25px;
  margin: 0 auto;
  text-align: center;
  background: #2d2d2d;
  position: relative;
  font-size: 9px;
  
}

.powered {
  color: #8a8a8a;
  margin: 0 auto;
  text-align: center;
  padding-top: 12px;
}

.powered  a {
color: #8a8a8a;
}

#footer a {
  color: #8a8a8a;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer ul {
  list-style: none;
  font-size: 9px;
  font-weight: bold;
  padding-top: 3px;
  color: #8a8a8a;
}

#footer ul li, #footer .navlist ul li{
  display: inline;

}

#footer ul li a {

  padding: 0 5px;
  color: #8a8a8a;
}

#footer ul li.current_page_item a, #footer ul li a:hover {
  
  color:#02ABCA;
  text-decoration: underline;
}

/* --- Fix --- */

#content_wrap:after {
    content: "."; 
    display: block; 
    height: 1px; 
    clear: both; 
    visibility: hidden;
}


.clear {
  clear:both;
}

img {
border: 0px;
}

.copyright{
visibility:hidden;
}


/* --- Sidebar --- */
#spacer {
float:left;
}



#sidebar {
  width: 248px;
  float: left;

}



#sidebar  a {
  color: #02abca;
  text-decoration: none;
  font-weight:bold;
}

#sidebar  a:hover {
  text-decoration: underline;
  
}
#sidebar h3, #sidebar h3 a {
  font-size: 12px;
  padding-top: 9px;
  color: #1b1d1e;
  text-decoration: none;
  background:  transparent;
  height: 26px;
  padding-left: 10px;
  text-transform: uppercase;
  
}

#sidebar h4 {
  font-size: 8px;
  font-weight: normal;
}



#sidebar  input {
  border: #191919 1px solid;

}



#sidebar p {
border: 1px solid #2d2d2d;
padding: 5px;
margin-bottom: 5px;
  }
  
#sidebar .button {
  width:auto;
  border: 0px;
  background: none;
  }
    
#footer  h3 {display: none;}

.hr {
  padding-top:1px; 
  height:0; 
  overflow:hidden; 
  line-height:0px; 
  background-color:#E3C8A4;
  margin: 5px 0px;
  }
  
.center {
  text-align: center;
  }
  
.center2 {
  text-align: center;

  }
.right {
  padding: 0px;
  margin: 0px;
  text-align: right;
  }
  
  
.navibox {


border-left: 0px solid #2d2d2d;
border-right: 0px solid #2d2d2d;
border-top: 0px solid #2d2d2d;
margin-bottom: 0px;
}

/* login-box: Felder und Textfarbe */
.log-in{
float:left; 
padding:4px 0px 0px 4px; 
color:#36302b;}


* html .contentrahmen4{ height:1px; } 

.contentrahmen3 {
  height: auto;
  overflow:auto;
  }
  

hr {
  border:solid  #d2cdcd 1px;
  height: 1px;
  } 

/* kleine Schrift für MwSt und Versandkosten Link */

.klein,
.klein a:link,
.klein a:visited,
.klein a:active {
letter-spacing: 0px;
font-size: 10px;
color: #bbb;
font-weight:normal;
vertical-align:top
}

.shipping_red{
letter-spacing: 0px;
font-size: 12px;
color: #f00;
font-weight:bold;
vertical-align:top
}
.shipping_orange{
letter-spacing: 0px;
font-size: 12px;
color: #990;
font-weight:bold;
vertical-align:center;
}
.shipping_green{
letter-spacing: 0px;
font-size: 12px;
color: #090;
font-weight:bold;
vertical-align:top
}

.klein a:hover{
text-decoration:underline;
color: #FF9C08;
}

.clear { clear: both; }

/* Thumbnail Begrenzung für das Listing */


.max {
border:0px solid #6d6d6d;
}

a.artikeltitel:link{
color: #02abca;

}

a.artikeltitel:hover{
color:#ff9c08;  
}

.produktlisting_bild {
  float: left;
    padding: 4px 10px 4px 4px;
  width: 90px; 
  height: 90px;
  }
  
.shortdescription {
  color: #888;
  font-weight:normal;
  line-height:14px;
  width: 410px;
  height:70px;
  float:left;
  }

.produktlisting_preis {

color: #02abca;
font-size: 16px;
letter-spacing: -1px;
font-weight:bold;
text-align: left;
float:right;

}

.produktbuttons {
float:right;
}

.bildhoehe { 
margin-top: 7px;

} 

#produktlisting ul  { 
margin:0; 
padding:0; 
list-style:none; 
width: 100%;
} 

#produktlisting ul li {
list-style: none;
}

/*Artikelbezeichnung Listenansicht*/

#produktlisting h1 {
margin: 0px;
padding:0px;
font-size: 13px;
display:block;
/*text-transform: uppercase;*/
color: #1b1d1e;
padding-top: 0px;
font-size:12px;
}

#produktlisting h1 a {
color: #333;
}

#produktlisting h1 a:hover {
color: #FF9C08;
text-decoration:underline;

}

#produktlisting li.links{ 
margin:0; 
padding:0;
list-style:none; 
float:left;
min-height: 140px;
width: 338px;
background: #fff;
margin-bottom:10px;
border: 1px solid #888;
} 

#produktlisting li.rechts{ 
margin:0; 
padding:0;
list-style:none; 
float:right;
min-height: 140px;
width: 338px;
background: #fff;
margin-bottom:10px;
border: 1px solid #888;
} 

/* Listenansicht */

.produkttabelle{ 
margin:0; 
padding:0;
display: block;
list-style:none; 
float:left;
min-height: 100px;
width: 690px;
background: #fff;
margin-bottom:10px;
border-bottom: 1px solid black;
} 


* html .produktlisting{overflow:visible;height: 1px;}

.categorie_listing {
padding:5px;
/*border: 2px solid #2d2d2d;
background: #4d4d4d; */
overflow:auto;
}

.categorie_listing h1#listing {
font-size: 14px;
margin: 0;
padding: 0;
padding-right: 10px;
float:left;
color: #02abca;
}
.CatLevel1
{
   font-size: 14px;
   font-weight:bold;
}
.CatLevel2, .CatLevel3, .CatLevel4
{
font-size: 12px;


}

.categorie_listing h1#listing a{
color: #02abca;}


.contentsTopics h1 {
font-size: 16px; display: inline;
color: #1b1d1e;}

.rahmen {

     vertical-align: top;
     width: 255px;
     border: 1px solid #d2cdcd;
     background-color: #f5eac1;
     padding: 10px;
     }
     
.produktinforahmen {
     vertical-align: top;
     padding: 5px;
     float:right; 
     text-align: left;
     width: 55%;
     border: 1px solid #1b1d1e;
     }
.produktinforahmen p {
background: #fff;
padding: 5px;
margin-bottom: 10px;}

.navigator {
padding: 2px;
}

.smallHeading,.smallHeading2, #left h4 {
  font-weight: bold;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}



.linke_seite {
     vertical-align: top;
     width: 235px;
     border: 1px solid #d2cdcd;
     float: left;
     background-color: #dfe0e0;
     padding-bottom: 10px;
      padding-right: 10px;
      }
      
.rechte_seite {
     vertical-align: top;
     width: 235px;
     border: 1px solid #d2cdcd;
     float: right;
     background-color: #dfe0e0;
     padding: 10px;

      }

.linke_seite2 {
     vertical-align: top;
     width: 310px;
     border: 1px solid #d2cdcd;
     float: left;
     background-color: #f4f3cf;
     padding: 10px;
      }
      
.rechte_seite2 {
     vertical-align: top;
     width: 310px;
     border: 1px solid #d2cdcd;
     float: right;
     background-color: #f4f3cf;
     padding: 10px; 
     margin-right: 10px;
 }
      
.linke_spalte {
     vertical-align: top;
     width: 150px;
      float: left;
      padding-bottom: 5px;
      }

.rechte_spalte {
     vertical-align: top;
     width: 350px;
      float: right;
      padding-bottom: 5px;
      }
      
.cartbg1 {

     padding-bottom: 10px;
     padding-top:10px;

     overflow: auto;
     }
     
.cartbg2 {

    padding-top:10px;
    padding-bottom: 10px;
  overflow: auto;
     }

.warenkorb-header th {
 background: #fff;
 height: 30px;
 border: 0px solid #2d2d2d;
 color: #02abca;
 background: #eee;
 }
 
   
.error {
border: 1px solid; 
border-color: #ff0000; 
background-color:#FFCCCC;
}

.sitemap_links {
     vertical-align: top;
     width: 49%;
      float: left;

}
.sitemap_rechts {
     vertical-align: top;
     width: 49;
      float:left;
}

.inputRequirement {
  font-size: 10px;
  color: #ff0000;
  }
  
.contentrahmen ul 
{margin: 0px ;padding: 0px ; list-style-type: none; 
}

.contentrahmen li {
margin: 0px;
}


.bild_produktinfo {padding:0px 5px 5px 0px; float:left;}



/*Formulare
-----------------------------------------*/

ul.zahlen {list-style: none; margin: 0 0 20px 0; padding: 0; width:99%}
ul.zahlen li {margin: auto; text-align: center; width: 25%; float: left;}

ul.formular {list-style: none; margin: 0; padding: 0; width:99%}
ul.formular li {vertical-align: top;margin: 2px; }
/*ul.formular li p {float: left;}*/
label, .spalte2 p{ margin: 0; padding: 0; 
        float:left;width: 25%
      }
      
.preis {
font-size: 20px;
 color: #1b1d1e;
}

.productOldPrice {
font-size: 12px;
text-decoration: line-through;

}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {margin: 0; padding: 0;padding-top: 15px; width: 690px;}
ul#checkoutnavigation li {background-image: none; height: 55px; list-style-type:none; float:left; width:144px; margin-right:10px; border: solid 1px #888; padding:8px;}
ul#checkoutnavigation li.active {background-color: #02abca; color:#FFF;}
ul#checkoutnavigation li.active .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #f8f8f8;}
ul#checkoutnavigation li.inactive .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}



.bild_klein {
margin-bottom: 10px;
border:0px solid #6d6d6d;
margin-right: 10px;
float: left;
}

.bild_klein img {
width: 60px;
height: 60px;
}






#sidebar  ul li {
  
}



#sidebar  ul li a {
  height: 18px;
  padding-top: 1px;
  display:block;
  color:#1b1d1e;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
  padding-left: 10px;
}

#sidebar  ul li a:hover {
  color: #333;
  background: #f0f0f0;
  text-decoration:none;
  
}

#sidebar  ul ul li a {
padding-left: 25px;
background: #fff url(img/subnavi.gif) no-repeat;
background-position:10px 7px;
font-weight:normal;
}

#sidebar ul ul ul li a {
padding-left: 50px;
background: #fff;}

#sidebar ul ul ul ul li a {
padding-left: 75px;
background: #fff;
}

#sidebar ul li .activeCat a {
color: #02abca;
}

.dbl1{
background: #888;
}

.dbl2{
background: #999;
}
.dbl3{
background: #aaa;
}
.dbl4{
background: #bbb;
}
.dbl5{
background: #ccc;
}



.schatten  { color: #000; } 
.schattiert { position: relative;  left: -3px; top: -35px; }






.BundleBox {
  background: #b6b7cb;
}
.BundleBoxSum {
  background: #b6b7cb;
}
.BundleBoxSave {
  background: #b6b7cb;
  font-size: 12px;
  color: red;
}

.BundleBoxContent {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.BundleTopicContent_1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.BundleTopicContent_2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
   color: red;
}

td.pn {
    color: #000000; 
    padding-left: 8px;
    font-size: 12px; 
    font-weight: bold; 
    }

td.copy, td.copy a:hover, td.copy a {
    color: #000000; 
    background-color:#E7EBEE;
    padding-left: 7px;
    font-size: 11px; 
    }

td.copy a:hover {text-decoration : underline;}
td.copy a {text-decoration : none;}

td.pn1 {
    color: #000000;
    padding-left: 8px;
    font-size: 12px; 
    font-weight: bold; 
    }

td.pn2 {
    color: #000000;
    padding-left:  8px;
    padding-right: 8px;
    font-size: 12px; 
    font-weight: bold; 
    }

img.pic {
    border: 1px solid #D6D6D6;
}

td.pic {
    padding-left: 8px;
}

td.h {
    color: #000000;
    background-color:#b1bcc9;
    padding: 2px 2px 2px 8px;
    border-bottom: 1px solid #FFFFFF;
    vertical-align: top;
    }

td.b {
    color: #000000;
    padding: 2px 2px 2px 8px;
    vertical-align: top;
    }

td.t {
    color: #000000;
    padding-left: 8px;
    font-size: 12px; 
    font-weight: bold; 
    }

td.r {
    color: #000000;
    background-color: #b1bcc9; 
    }

  .reiter-aktiv
  
  {
  margin: 4px;
  text-align:center; 
  float: left; 
  width: 164px; 
  color: #000; 
  background:#fff; 
  border: 1px solid black; 
  }
  
  .reiter-inaktiv
  {
  margin: 4px;
  text-align:center;
  float: left;
  width: 164px; 
  color: #666;
  background:#ddd;
  border: 1px solid black;
  }
  
  .reiter-aktiv-links
  
  {
  margin: 4px 4px 4px 0px;
  text-align:center; 
  float: left; 
  width: 164px; 
  color: #000; 
  background:#fff; 
  border: 1px solid black;
  }
  
  .reiter-inaktiv-links
  {
  margin: 4px 4px 4px 0px;
  text-align:center;
  float: left;
  width: 164px;
  color: #666;
  background:#ddd;
  border: 1px solid black;
  
  }
  
  .reiter-aktiv-rechts
  
  {
  margin: 4px 0px 4px 4px;
  text-align:center; 
  float: left; 
  width: 164px; 
  color: #000; 
  background:#fff; 
  border: 1px solid black;
  overflow:hidden;

  }
  
  .reiter-inaktiv-rechts
  {
  margin: 4px 0px 4px 4px;
  text-align:center;
  float: left;
  width: 164px; 
  color: #666;
  background:#ddd;
  border-left: 0px; 
  border:1px solid black;
  overflow:hidden;
  }
   
label{
color:#000000;
}

.schnellversand{ 
margin-top: -10px;
font-size:9px;
line-height:11px;
width: 550px;
color:#000;
}

.imgzoom{
border: 2px solid black;
}
.imgzoom a{
 line-height:0px;
 visibility:hidden;
 overflow:hidden;
}

.previewbox{
 border: 1px solid #57524d;
 margin: 3px 3px 3px 3px;
 padding: 2px 2px 2px 2px;
 width: 160px;
 height: 160px;
 overflow: hidden;
}

.previewbox_img{
 text-align: center;
 width: 100px;
 height: 100px;
 margin: 3px 3px 3px 3px;
}

.lefty{
 margin: 4px 0px 4px 4px;
 float: left;
}

.clear_left{
 clear: left;
}

.infotext li{
list-style:disc;
padding:0 6px;
margin:6px 12px 6px 30px;
background:#f8f8f8;
/* border: 1px solid #eee; */
}

.checkout-fieldset{
	border: 1px solid #888888;
}

.checkout-fieldset legend{
	font-size: 14px;
	color:#02ABCA;
	font-weight:bold;
}

.checkout-fieldset legend a{
	font-weight:normal;
	font-size: 12px;	
}

.checkout-fieldset textarea{
	width: 100%;
}

.checkout-box{
	margin:10px 10px 10px 0px;
}

.strong{
	font-weight: bold;
}

.warranty-info{
  background:#DEDEDE;
  padding:5px 5px 5px 5px;
  border: 1px solid #aaa;
}