#wrapper {font-size: 1.000em; font-family: arial; color: #000; width: 1200px; line-height: normal;}

#header {height: 150px;}
#header .logo {}
#header .headerbild {margin-left: 150px;}


#navi {height: 80px; background: #585858;}
#navi ul {list-style: none; margin: 0; padding: 0; line-height: 40px;}
#navi ul li {float: left; position: relative;}
#navi ul li a:link, #navi ul li a:visited {font-size: 0.875em; color: #EDEDED !important; padding: 15px 15px 11px 15px; color: #000; text-decoration: none;}
#navi ul li a:hover {background-color: #EDEDED; color: #01AEF0 !important;}

#navi ul li ul{display: none; position: absolute; top: 38px; left; 0px; z-index: 1; line-height: 1; background-color: #585858;}

#navi ul li:hover ul {display: block;}
#navi ul li ul li {float: none;}
#navi ul li ul li a:link, #navi ul li ul li a:visited {display: block; color: #EDEDED !important; white-space: nowrap;}
#navi ul li ul li a:hover {color: #01AEF0 !important;}

#content {padding: 15px 0px 50px 0px;}

#bilderContainer {position: relative; float: left; width: 325px; height: 100%; margin-right: 20px;}
#bilderContainer ul {padding: 0; margin: 15px 0 0 0px; list-style-type: none; width: 325px;  border: 1px solid #C3C3C3; overflow: auto;}
#bilderContainer a.gallery span {position: absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}
#bilderContainer a.gallery, #bilderContainer a.gallery:visited {display:block; color:#000; text-decoration:none; text-align:left; cursor:default; text-align: center; line-height: 110px;}
#bilderContainer li {float: left;}

#bilderContainer a.gallery:hover {  }
#bilderContainer a.gallery:hover span {position:absolute; width: 325px; height: 390px; line-height: 390px; top:0px; left:0px; color:#000; background:#fff; overflow: hidden; text-align: center; border: 1px solid #C3C3C3;}
#bilderContainer a.gallery:hover img {cursor: pointer; max-height: 100%; vertical-align: middle;}

.bild1 {width: 325px; height: 390px; line-height: 390px; overflow: hidden; text-align: center; border: 1px solid #C3C3C3;}
.bild1 img {max-width: 100%; max-height: 100%; vertical-align: middle;}
.bilder {width: 105px; height: 110px; margin: 0 0 10px 0; overflow: hidden;}
.bilder img {max-width: 100%; max-height: 110px; vertical-align: middle;}
.bilder img.kl {max-width: 100%; max-height: 110px !important;}

#bilderContainer a.gallery .klein {position: absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}
#bilderContainer a.gallery .gross {position:absolute; width:100%; height: 390px; line-height: 390px; top:0px; left:0px; color:#000; background:#fff; border: 1px solid #C3C3C3; overflow: hidden;}

.daten {float: left; width: 570px; padding: 20px; border: 1px solid #C3C3C3; text-align: right;}
h1 {font-size: 1.125em; margin: 0 0 20px 0; display: block; color: #01AEF0;}
.kurztext {margin-bottom: 20px;}
p {margin: 0 0 20px 0;}

.datenPreis {}
.uvp {margin-bottom: 0px; text-decoration: line-through;}
.preis {color: #8F2496; margin: 0 0 0 0; font-size: 2.000em; font-weight: bold;}
.preisZusatz {font-size: 0.714em;}
.lieferzeit {color: #8DC643; margin-top: 10px;}

.beschreibung {float: left; width: 570px; padding: 20px; margin-top: 60px; border: 1px solid #C3C3C3;}
.beschreibung h2 {width: 100px; font-size: 1.000em; font-weight: normal; border: 1px solid #C3C3C3; border-bottom: 1px solid #fff; margin: -62px 0 0 -21px; padding: 10px;}
.beschreibung .text {padding-top: 20px;}
.beschreibung .text img {max-width: 100%;}
.variantentext {font-size: 0.7em;}

.clear {clear: both;}

#footer {}