HTML, BODY {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #010101 url(img/hg-body.jpg) repeat-x;
font-family:"Lucida Sans", "Lucida Grande", "Verdana" , sans-serif;
}
.clear {
clear: both;
font-size: 0;
margin: 0;
padding: 0;
}
/*
# # # # # # # # CONTAINER
*/
#container {
width: 997px;
margin: auto;
border-left: 3px solid #666666;
border-right: 2px solid #666666;
background: url(img/hg-container.jpg) repeat-y;
min-height: 100%;
_height: 100%;
position: relative;
}
/*
# # # # # # # # KOPF
*/
#container #kopf {
background: url(img/hg-kopf.jpg) no-repeat;
padding-top: 130px;
position: relative;
border-bottom: 5px solid #BD413F;
}
#container #kopf #nav-top {
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
background: url(img/hg-nav-top.jpg) repeat-x;
height: 37px;
}
/*
# # # # # # # # SUCHE
*/
#container #kopf #nav-top .suche {
float: left;
width: 178px;
}
#container #kopf #nav-top .suche FORM {
margin: 0;
padding: 0;
position: relative;
}
#container #kopf #nav-top .suche FORM INPUT {
font-family:"Lucida Sans", "Lucida Grande", "Verdana" , sans-serif;
}
#container #kopf #nav-top .suche FORM INPUT.suchfeld {
position: absolute;
left: 10px;
top: 8px; _top: 140px;
width: 134px;
}
#container #kopf #nav-top .suche FORM INPUT.button {
position: absolute;
left: 155px;
top: 6px; _top: 136px;
}
/*
# # # # # # # # NAVIGATION OBEN
*/
#container #kopf #nav-top .navigation1 {
float: right;
margin-right: 195px; _margin-right: 97px;
}
#container #kopf #nav-top .navigation1 UL {
margin: 0;
padding: 0;
list-style: none;
}
#container #kopf #nav-top .navigation1 UL LI {
float: left;
}
#container #kopf #nav-top .navigation1 UL LI A {
display: block;
padding: 11px 4px 7px 30px;
text-decoration: none;
color: #5A1317;
background-repeat: no-repeat;
font-size: 0.9em;
text-transform: uppercase;
}
#container #kopf #nav-top .navigation1 UL LI A.home {
background: url(img/icon-home.jpg) no-repeat 0 6px;
}
#container #kopf #nav-top .navigation1 UL LI A.warenkorb {
background: url(img/icon-warenkorb.jpg) no-repeat 0 6px;
}
#container #kopf #nav-top .navigation1 UL LI A.kasse {
background: url(img/icon-kasse.jpg) no-repeat 0 6px;
}
#container #kopf #nav-top .navigation1 UL LI A.kontakt {
background: url(img/icon-kontakt.jpg) no-repeat 0 6px;
}
#container #kopf #nav-top .navigation1 UL LI A.agb {
background: url(img/icon-agb.jpg) no-repeat 0 6px;
}
/*
# # # # # # # # INFO OBEN RECHTS
*/
#container #kopf #infobereich {
position: absolute;
right: -2px;
_right: -3px;
top: 33px;
width: 180px;
height: 138px;
background:url(img/hg-infobereich-oben.jpg) no-repeat;
}
#container #kopf #infobereich .anmeldung {
}
/*
# # # # # # # # LINKS; MENUES UND BUTTONS
*/
#container #links {
width: 178px;
float: left;
border-top: 5px solid #561617;
}
#container #links A.angebote-sparpakete,
#container #rechts A.ernaehrungsradgeber {
background: url(img/hg-button-angebote-sparpakete.jpg) no-repeat;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
width: 171px;
display: block;
font-weight: bold;
font-size: 0.9em;
padding: 10px 0 10px 7px;
margin-bottom: 1px;
}
#container #rechts A.ernaehrungsradgeber {
background: url(img/hg-button-ernaehrungsradgeber.jpg) no-repeat;
}
#container #links UL {
margin: 0;
padding: 0;
}
#container #links UL LI,
#container #rechts H4 {
list-style: none;
background: url(img/hg-button-menue.jpg) no-repeat;
color: #ffffff;
padding: 3px 0 10px 7px;
}
#container #links UL UL {
margin-top: 10px;
padding: 0;
margin: 10px 0 0 -7px;
width: 178px;
}
#container #links UL UL LI {
list-style: none;
background: url(img/hg-button-menue2-inaktiv.png) no-repeat;
padding: 0;
margin: 0;
height: 20px;
}
#container #links UL UL LI A {
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
color: #32332E;
display: block;
padding-left: 20px;
height: 20px;
}
#container #links UL UL LI A:HOVER {
background: url(img/hg-button-menue2-aktiv.png) no-repeat;
color: #ffffff;
}
#container #links .bewertung A {padding: 0 20px;font-size: 0.7em; display: block;color: #32332E;}
#container #links .bewertung A IMG {border: 0;}
#container #links .bewertung {}
#container #links UL.ratgeber {margin-top: 10px;}
#container #links UL.ratgeber UL LI A {background: none; padding: 2px 0 0 17px;}
#container #links UL.ratgeber UL LI A:HOVER {color: #32332E;}
/*
# # # # # # # # HERSTELLER
*/
#container #links FORM#manufacturers SELECT {
font-size: 0.8em;
font-family:"Lucida Sans", "Lucida Grande", "Verdana" , sans-serif;
margin: 10px 0 10px 6px;
}
/*
# # # # # # # # MITTE
*/
#container #mitte {
width: 627px;
float: left;
border-top: 5px solid #561617;
padding: 0 7px;
font-size: 0.7em;
padding-bottom: 100px;
}
#container #mitte A {
color: #000000;
}
#container #mitte .navtrail {
margin: 5px 0;
}
#container #mitte .navtrail A {
color: #000000;
text-decoration: none;
}
#container #mitte .flashcontainer {
width: 627px;
height: 151px;
background:url(img/hg-flash.jpg) no-repeat;
}
#container #mitte H1 {
font-size: 1.1em;
}
#container #mitte H2 {
font-size: 1.0em;
clear: left;
}
#container #mitte IMG {
border: 0;
}
/*
# # # # # # # # PRODUKTBOX
*/
#container #mitte .produktbox {
width: 207px;
min-height: 130px;
background: #A09E9F;
float: left;
margin: 0 3px 3px 0;
overflow: inherit;
padding-bottom: 10px;
}
#container #mitte .last {
margin-right: 0;
}
#container #mitte .produktbox H3 {
background: url(img/hg-produktbox.jpg) repeat-y;
border-bottom: 1px solid #ffffff;
font-size: 1em;
color: #ffffff;
margin: 0;
padding: 10px;
height: 20px;
}
#container #mitte .produktbox H3 A {
color: #ffffff;
}
#container #mitte .produktbox P {
margin: 7px 5px 7px 10px;
}
#container #mitte .produktbox P IMG {
float: right;
}
#container #mitte .produktbox A {
text-decoration: none;
color: #000000;
display: block;
}
/*
# # # # # # # # RECHTS
*/
#container #rechts {
width: 178px;
float: left;
border-top: 5px solid #561617;
}
#container #rechts .zahlungsarten {
border-bottom: 1px solid #ffffff;
}
#container #rechts H4 {
margin: 0;
}
#container #rechts .versandkosten {
width: 161px;
height: 74px;
background: url(img/hg-versandkosten.jpg) no-repeat;
padding: 0 7px;
font-size: 0.75em;
line-height: 23px;
border-bottom: 1px solid #ffffff;
}
#container #rechts .rueckrufservice {
width: 161px;
height: 102px;
background: url(img/hg-rueckrufservice.jpg) no-repeat;
padding: 0 7px;
font-size: 0.75em;
line-height: 16px;
border-bottom: 1px solid #ffffff;
}
#container #rechts .rueckrufservice A {
color: #34332F;
text-decoration: none;
}
#container #rechts UL {
margin: 0;
padding: 0;
font-size: 0.7em;
color: #34332F;
list-style: none;
}
#container #rechts UL LI {
border-bottom: 1px solid #A19FA0;
}
#container #rechts UL LI A {
text-decoration: none;
color: #34332F;
display: block;
padding: 6px 0 8px 8px;
}
#container #rechts .newsletter-wrap {
height: 100px;
}
#container #rechts FORM {
position: relative;
width: 180px;
height: 98px;
background: url(img/hg-newsletter.jpg) no-repeat;
position: absolute;
}
#container #rechts FORM .eins {
position: absolute;
top: 33px;
left: 73px;
width: 87px;
font-size: 0.7em;
}
#container #rechts FORM .zwei {
position: absolute;
top: 55px;
left: 73px;
}
#container #rechts .trusted {
margin: 57px 0 57px 57px;
}
#container #rechts .boxText {
padding: 10px;
font-size: 0.8em;
}
#container #rechts .boxText IMG {
border: 0;
margin-top: 5px;
}
/*
# # # # # # # # PRODUKTDETAILSEITE
*/
#container #mitte FORM#cart_quantity,
#products-options SELECT,
#products-options INPUT {font-family: "Lucida Sans", "Lucida Grande", "Verdana" , sans-serif; }
#products-options SELECT,
#products-options INPUT {background: #F0EEEF;}
#product-top-box {min-height: 180px; _height: 180px; }
#product-top-box P.produkthinweis { font-style: italic; padding: 5px;}
.product-name {background: url(img/hg-product-name.jpg) repeat-y; border-left: 1px solid #571517; border-bottom: 1px solid #571517; height: auto;}
.product-name H1 {border-left: 1px solid #B92E33; border-bottom: 1px solid #B92E33; color: #ffffff; padding: 5px; margin: 0;}
#product-image { float: left; width: 160px; width: 110px;}
#product-image {padding: 7px;}
#products-short-description {padding: 0 15px; float: left; width: 214px; width: 160px; width: 210px; font-size: 1.1em; margin-top: 15px;}
#products-short-description UL {margin: 0 0 0 5px; padding: 0 0 0 5px;}
#products-short-description SPAN {color: #5C1819; font-size: 1.1em; margin}
#products-short-description P {margin-top: 0;}
#products-options {margin: 10px 0; float: left; padding: 0px 15px 0 15px; width: 225px; text-align: right; border-left: 1px solid #A5A1A0;}
#products-options .product-price {font-size: 1.3em; font-weight: bold; color: #5C1819;}
#products-options .price-info {font-style: italic;}
#products-options .add-cart {margin-top: 10px;}
#products-options .zweitespalte {text-align: right;}
#products-options .options1 {text-align: right; float: right; margin-bottom: 10px;}
#products-options .rabatt {font-weight: bold; margin-top: 0;}
#products-options .rabatttable { clear: both;}
#products-options .rabatttable TABLE { /*background: #9F9D9E; background: #D4D0C8;*/ background: url(img/hg-rabattstaffel-aussen.jpg) repeat-x;}
#products-options .rabatttable TABLE TR TD { border: 1px solid #fff; padding: 2px; background: url(img/hg-rabattstaffel.jpg) repeat-x; color: #fff}
#products-options .rabatttable TABLE TR TD STRONG {color: #fff;}
#products-options SELECT {font-size: 1.0em;}
#products-options .add-cart {position: relative; height: 30px;}
#products-options .number {position: absolute; left: 50px; top: 1px;}
#products-options .number {}
#products-options .in-cart {position: absolute; left: 95px;}
#products-options .rabatttable STRONG {color: #336600}
#tab-bewertung HR {height: 1px; background: #B6B5BA;color: #B6B5BA; font-size: 1px; border: 0; margin: 5px 0;}
#tab-bewertung {clear: both;}
#tab-inhaltsstoffe TABLE TR TD P {padding: 0; margin: 0;}
#tab-inhaltsstoffe TABLE TR TD {border: 1px solid #B6B5BA; padding: 0 5px; border-collapse: collapse;}
#tab-inhaltsstoffe TABLE {border-collapse: collapse;}
/*
# # # # # # # # Tabs
*/
#tabs .ui-corner-all {display: none;}
#tabs {font-size: 1.1em; line-height: 20px;}
#tabs H2,
#products-also-purchased H2,
H2.newsbox2010 {background: url(img/hg-product-name.jpg) repeat-y; color: #fff; height: auto; padding: 5px;}
#container #mitte #products-also-purchased .productlisting_name {background: none; color: #000;}
/*
# # # # # # # # LISTENANSICHT
*/
#container #mitte A.productlisting_name {background: url(img/hg-product-name.jpg) repeat-y; min-height: 50px;
color: #fff; text-decoration: none; width: 181px; display: block; font-size: 1.1em; padding: 5px;}
#container #mitte TABLE.productinfo TBODY TR TD.productlisting_name A {font-size: 1.1em; display: block; border-left: 1px solid #B92E33; border-bottom: 1px solid #B92E33; color: #ffffff; padding: 5px; margin: 0; text-decoration: none; border-right: 1px solid #571519}
.productinfo {position: relative;}
.productinfo .productinfo_pictures {/*background: #E2E0E1;*/ width: 100px; padding: 0; padding-bottom: 5px;}
.productinfo .productinfo_pictures IMG {border: 0;}
.productinfo .productinfo_text {background: #E2E0E1; position: relative; padding-bottom: 5px; font-size: 0.9em;}
.productinfo .productinfo_text IMG {border: 0; margin-right: 5px;}
.productinfo .productinfo_text STRONG {color: #5C1819; font-size: 1.4em;}
.productinfo .productinfo_text UL {font-size: 1.1em;}
.price {margin: 10px 0 0px 0;}
.productlisting_start FORM#filter SELECT {font-size: 1em; font-family: "Lucida Sans", "Lucida Grande", "Verdana" , sans-serif; }
.description {display: none;}
.product-name-list {font-weight: bold; text-decoration: none; min-height: 30px; display: block;}
.buynow {display: none;}
.manufacturer {text-align: right; margin-bottom: 10px;}
.products_name2 {color: #8C2327; font-weight: bold; background: #F2D877; padding: 3px; margin: 3px 0 0 0;}
/*
# # # # # # # # ANMELDUNG
*/
.box_Heading_left {margin: 7px 0 0 47px;}
.boxText {position: relative; }
#container #kopf #infobereich .login .boxText FORM INPUT {font-size: 0.6em;font-family:"Lucida Sans", "Lucida Grande", "Verdana" , sans-serif;}
.boxText .mail-text,
.boxText .mail-feld,
.boxText .passwd-text,
.boxText .passwd-feld,
.boxText .lost-passwd,
.boxText .absenden {position: absolute;}
.boxText .mail-text {left: 35px; top: 7px;}
.boxText .mail-feld {left: 80px; top: 5px;}
#container #kopf #infobereich .login .boxText .mail-feld INPUT { }
.boxText .passwd-text {left: 13px; top: 30px;}
.boxText .passwd-feld {left: 67px; top: 0px;}
.boxText .lost-passwd {width: 200px; top: 60px; left: 20px;}
.boxText .lost-passwd A {color: #561616; font-size: 0.7em;}
.boxText .absenden {top: 30px; left: 63px;}
.welcome A {color: #561616; font-size: 0.9em;}
.muster {background: #E2E0E1;}
/*
# # # # # # # # Warenkorb
*/
.cart,
.gutschein {width: 100%;}
.text-upselling-header,
.gutschein-titel,
.cart_header H1 { color: #ffffff; padding: 5px; background: url(img/hg-product-name.jpg) repeat-y; border-left: 1px solid #571517; border-bottom: 1px solid #571517; height: auto;}
#container #mitte .cart .cart_text #cart_quantity .main INPUT,
#container #mitte .cart .bestellung-anmerkungen TEXTAREA {font-size: 1em; font-family:"Lucida Sans", "Lucida Grande", "Verdana" , sans-serif;}
.upselling TD.first {border-bottom: 1px solid #CCCCCC; }
.upselling TD {padding: 5px 0;}
.text-upselling {font-size: 1.1em; color: red; padding: 5px;}
.cart_text IMG {border: 0;}
.checkoutBarTo {color: green;}
.checkoutBarCurrent {color: red;}
.onepxwidth {width: 10px;}
.zahlungsweise {width: 100px;}
.copyright {display: none;}
.main B {margin: 0 0 5px 5px; display: block; text-decoration: underline;}
/*
# # # # # # # # Content
*/
.productinfo_header {font-size: 1.2em; margin-bottom: 15px; font-weight: bold; display: block; }
.content {padding: 0 10px; font-size: 1.1em;}
#stammkundenhinweis {position: absolute; left: 300px; top: 250px;;}
.achtung {background: #B54F39; color: #fff; padding: 10px; }
#container #mitte .achtung A {color: #fff;}
#container #mitte A IMG {text-decoration: none; border: 0;}