@charset "utf-8";
/**
    $Id: stylesheet.css 460 2010-04-14 20:02:02Z stefan $
----------------------------------------------------------------------------- */
body{ font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; background : #fff; font-size : .9em; }
div#aussenhaut{ width : 1000px; margin: auto; padding-bottom: 200px; }
div#kopfzeile{ width: 100%; height: 134px; background: #DEEFEB url(img/kopfgrafik.jpg) 0 100% no-repeat; }
div#kopfzeile h1 a{ border-bottom: none; padding-bottom: none; }
div#kopfzeile div.suche{  -moz-border-radius-bottomleft : 10px; border-bottom-left-radius: 10px; margin-top: 35px; float: right; position: relative;  padding: 10px; padding-right: 10px; width: 350px; }
div#kopfzeile div.suche h4{ font-size: 1.4em; font-weight:normal; margin-bottom: 5px; }
div#kopfzeile div.suche input.eingabe
{ 
    padding             : 5px;
    padding-left        : 25px;
    font-size           : 1.2em;
    border              : 1px solid #f93;
    font-weight         : normal;
    width               : 318px;
    background-color    : #fff;
    background-image    : url(img/icons/lupe.png);
    background-repeat   : no-repeat;
    background-position : 2% 50%;
    -moz-border-radius  : 10px;
    border-radius       : 10px;
}
div#kopfzeile div.suche a.erweiterte_suche:link,
div#kopfzeile div.suche a.erweiterte_suche:visited
{ 
    background-image    : url(img/icons/lupe.png);
    background-repeat   : no-repeat; 
    background-position : 0 50%;
    border-bottom       : 1px dotted #222;
    padding             : 0;
    padding-bottom      : 0px;
    padding-left        : 20px; 
    color               : #222;
    text-decoration     : none;
    font-size           : 1.2em;
}

/* Suchergebnisse */
div#ergebnisse
{
    -moz-border-radius  : 10px;
    display  : none;
    position : absolute;
    margin-top: -1px;
    right    : 10px;
    width    : 400px;  
    z-index  : 100;
    background-color : #DEEFEB; 
    background-color : #fff; 
    padding: 5px;
    padding-top: 20px;
    border:1px solid #F93;

}

div#ergebnisse ul{ list-style-type:none; margin-left: 0; margin-bottom:0}
div#ergebnisse li{ line-height: 1em; margin-bottom: 0; border-bottom: 1px solid #222; }
div#ergebnisse li a
{
    color               : #333;
    text-decoration     : none;
    padding             : 3px; 
    display             : block;
    font-size           : 1em;
    background-image    : url( img/hg_nav_level2.gif );
    background-repeat   : no-repeat;
    background-position : 0px 5px;
    padding-left        : 10px;
    border-bottom       : none;
}
/* div#ergebnisse li a:hover{ color: #fff; background-color: #84C2A1; } */
div#ergebnisse li.focus a{ color: #fff; background-color: #84C2A1; }
div#ergebnisse p.ergebnis{ margin-bottom: 8px; }

p#ergebnisse-schliessen{ text-align: right; cursor: pointer; padding:3px; /*border-top: 1px solid #222; */ margin-top:8px; -moz-border-radius:10px; }
p#ergebnisse-schliessen:hover{ color: #fff; background-color: #84C2A1; }
p#ergebnisse-schliessen img{ vertical-align: middle; }

div#shopnavigation
{
    padding             : 0px 0px; 
    width               : 100%;
    background-image    : url(img/hg_box_ueberschrift.gif);
    border-bottom       : 2px solid #f93;
}

/* Login / Status */
div#shopnavigation div.status{ width: 620px; float:left; padding: 8px 0px }
/* Status */
div#shopnavigation div.status h3{ font-size: 1.5em; margin-left: 10px; }
div#shopnavigation div.status h3,
div#shopnavigation div.status p.status{ display:inline; }
div#shopnavigation div.status p.status{ padding: 2px 2px 2px 20px; }

/* Login */
div#shopnavigation form#loginbox{ width: 100%; }
div#shopnavigation form#loginbox fieldset{ margin: -3px 0px; }
div#shopnavigation form#loginbox{ margin:0; padding: 0; padding-top: 0px; }
div#shopnavigation form#loginbox label{ padding:4px 0px; margin-left:10px; }
div#shopnavigation form#loginbox input.schalter{ padding:3px; padding-left: 20px; }

/* shopnavigation: Ihr Konto, etc */
div#shopnavigation div.navigation{ width: 350px; float:right; }
div#shopnavigation div.navigation p{ text-align:right; margin-right: 10px; padding: 10px 0px 10px 0px; margin-bottom:0;}
div#shopnavigation div.navigation p a:link,
div#shopnavigation div.navigation p a:visited{ text-decoration: none; color: #000; padding:2px; padding-bottom:0;}
div#shopnavigation div.navigation p a:hover,
div#shopnavigation div.navigation p a.aktiv{ background-color: #f93; color:#000; }
div#shopnavigation div.navigation p span.trenner{ margin: 0 2px; }


/* Spalten */
div#wrapper-spalten{ background-color: #fff }
div#spalte-links{ float: left; width: 220px; }
div#spalte-links div.spalte{ padding: 10px 0px; }
div#spalte-inhalt{ float: right; width: 780px; }
div#spalte-inhalt div.spalte{ padding: 10px 0px 20px 10px; }

/* Subspalten  */
div.subspalten{ width:100%; overflow:hidden; }

div.subspalten div.s13_1{ width: 34.99% }
div.subspalten div.s13_2{ width: 64.99% }
div.subspalten div.s2{ width: 49.99%; float:left; }
div.subspalten div.s2l{ width: 49.99%; float:left; }
div.subspalten div.s2l div.spalte{ }
div.subspalten div.s2r{ width: 49.99%; float:right; }
div.subspalten div.s2r div.spalte{}

div.subspalten div.s3{ width: 33.3%; float:left; }
div.subspalten div.s3l{ width: 33.3%; float:left; }
div.subspalten div.s3r{ width: 33.3%; float:right; }
div.subspalten div.s4l{ width: 24.99%; float:left; }
div.subspalten div.s4l div.spalte{}
div.subspalten div.s4r{ width: 24.99%; float:right; }
div.subspalten div.s4r div.spalte{}

div.subspalten div.s5l div.spalte{}
div.subspalten div.s5l{ width: 19.99%; float:left; }
div.subspalten div.s5r{ width: 19.99%; float:right; }
div.subspalten div.s5r div.spalte{}

div.subspalten div.s25r{ width: 24.99%; float:right;}
div.subspalten div.s25l{ width: 24.99%; float:left;}
div.subspalten div.s75l{ width: 74.99%;float:left; }
div.subspalten div.s75r{ width: 74.99%;float:right;}
div.subspalten div.s65r{ width: 64.99%;float:right; overflow:hidden; }
div.subspalten div.s65l{ width: 64.99%;float:left; }
div.subspalten div.s35l{ width: 34.99%;float:left;}
div.subspalten div.s35r{ width: 34.99%;float:right;}
div.subspalten div.sl{ float:left; }
div.subspalten div.sr{ float:right; }

div.subspalten div.s2l div.innen, div.subspalten div.s35l div.innen, div.subspalten div.s3l div.innen
{
    margin: 0 12px 0 0;
}

div.subspalten div.s2r div.innen, div.subspalten div.s65r div.innen, div.subspalten div.s3r div.innen
{
    margin: 0 0 0 12px;
}



/* zweispalter mit Text-Teaser und Warenkorb */
div#teaser-kopf{ margin-bottom: 5px; padding-bottom: 10px; background:url(img/hg_verlauf_teaser.gif) }
div#teaser-kopf div.links,
div#teaser-kopf div.rechts{ width:49.99%; position:relative; height:65px; overflow:hidden }
div#teaser-kopf div.links{ float:left;}
div#teaser-kopf div.rechts{ float:right;}

div#teaser-kopf div.links div.spalte,
div#teaser-kopf div.rechts div.spalte{ width: 95%; padding:10px; padding-bottom: 25px; }
div#teaser-kopf div.rechts div.spalte{ border-left: 1px dotted #333; padding-left:9px; }
div#teaser-kopf div.spalte h3.ueberschrift{ margin-bottom: .3em; padding-left: 20px; }

div#teaser-kopf div.links:hover,
div#teaser-kopf div.rechts:hover{ overflow:visible; }
div#teaser-kopf div.links:hover div.spalte,
div#teaser-kopf div.rechts:hover div.spalte{ background: #fff url(img/hg_verlauf_teaser_unten.gif) bottom center repeat-x;  border:1px solid #ccc; padding:9px; position: absolute; z-index:5; }

div#teaser-kopf div.links div.spalte h3.ueberschrift{ background:url(img/icons/information.png) left center no-repeat; }
div#teaser-kopf div.links div.spalte h2{ margin-bottom: 0.3em; }

div#teaser-kopf div.rechts div.spalte h3.ueberschrift{ background:url(img/icons/warenkorb.gif) left center no-repeat; }
div#teaser-kopf div.rechts div.spalte>h3.ueberschrift{ background:url(img/icons/warenkorb.png) left center no-repeat; }
div#teaser-kopf div.rechts div.spalte p.zum_warenkorb{ float:right; text-align:right; margin-bottom:0; margin-top:-3px; }
div#teaser-kopf div.rechts div.spalte p.zum_warenkorb a{ background:url(img/icons/zum_warenkorb.gif) left center no-repeat; padding-left: 20px; }
div#teaser-kopf div.rechts div.spalte > p.zum_warenkorb a{ background:url(img/icons/zum_warenkorb.png) left center no-repeat; }

/**
    @import  'css/boxen.css';
    Boxen in linker Spalte
----------------------------------------------------------------------------- */
div#spalte-links a:link,
div#spalte-links a:visited
{
    text-decoration : none;
    color           : #333;
}
div#spalte-links div.box{ width: 100%; margin-bottom: 10px; border-bottom : 1px solid #f93; }
div#spalte-links div.box div.innen
{ 
    background-color : #DEEFEB;
    border           : 1px solid #D5EFD1;
}

div#spalte-links div.box h4
{
    background-image    : url(img/hg_box_ueberschrift.gif);
    font-weight         : bold;
    color               : #333;
    background-color    : #B0D7C2;
    padding             : 5px;
    padding-left        : 10px;
    border-bottom       : 2px solid #f93;
    margin-bottom       : 0px;
}
div#spalte-links div.box h5
{
    font-weight         : bold;
    color               : #333;
    background-color    : #B0D7C2;
    padding             : 5px;
    font-weight : normal;
    text-align: center;
    margin-bottom       : 0px;    
}

div#spalte-links div.box p{ line-height : 1.3em;}
div#spalte-links div.box p.bild{ text-align:center; background-color: #fff; margin-bottom:0; }
div#spalte-links div.box p.preis{ text-align:right; font-weight: bold; font-size:1.2em; margin-bottom:2px; }
div#spalte-links div.box p.hinweis{ font-size: .7em; text-align:right; }

/**
    Inhalte
----------------------------------------------------------------------------- */

h1{ font-size: 1.8em; font-weight: bold; margin-bottom: 1em }
h2{ font-size: 1.8em;  margin-bottom: 1em;line-height:1.1em; }
h2 span{ color : #3a3a3a; }
h3{ font-size: 1.2em;   margin-bottom: 0.8em }
h3 span{ margin-left: 8px; }
/* h3 span{ margin-left: 8px; font-size: .9em; } */
div#startseite h2{ margin-bottom: 0.4em }
div#startseite h3 span{ display:block; font-weight:normal; font-size: .85em; margin-left:0; margin-top:.2em;}
h4{ font-size: 1em; font-weight: bold; margin-bottom: 0.8em }
h4.klein{ font-weight: normal; }
h5{ font-size: 1em; font-weight: bold; margin-bottom: 0.6em }

h4.hinweis
{
    padding             : 5px;
    padding-left        : 20px;
    background-image    : url(img/icons/hinweis.gif);
    background-repeat   : no-repeat;
    background-position : 0 50%;
}

/* Überschriften in normaler Seite / Textseite */
h3.text{border-bottom:1px solid #87C4A5; padding-bottom: 3px; margin-bottom: .9em; }

/* Adressblöcke */
address{ font-size: 1.2em; font-style:italic; padding: 0px; margin-bottom:1.1em; }

/*
div#inhalt p
{
    line-height   : 1.3em;
    color         : #333;
    margin-bottom : 1em;
}
*/
p
{
    line-height   : 1.3em;
    color         : #333;
    margin-bottom : 1em;
}
p.mail_versendet{ background: url(img/icons/tick.png) no-repeat left center; padding-left: 25px; color: #3C9F27; }
p.mail_fehler{ background: url(img/icons/ausrufezeichen.png) no-repeat left center; padding-left: 25px; color: #DF260D; }
p.kommentar{ border:1px solid #87C4A5; background: #DEEFEB; padding: 8px; }
strong{ font-weight: bold; }

div#inhalt p#breadcrumb{  background:url(img/hg_box_ueberschrift.gif) top center; padding: 5px; padding-left: 8px; color:#000 }
div#inhalt p#breadcrumb span{ }

div#inhalt p#breadcrumb a:link,
div#inhalt p#breadcrumb a:visited{ color:#000; text-decoration: none; border-bottom: 1px dotted #000; padding:2px; }
div#inhalt p#breadcrumb a:hover{ padding-bottom: 1px; background-color: #f93;}
/* Bilder */

img.links, img.left{ float:left; margin-right:15px; }
img.rechts, img.right{ float:right; margin-left:15px; }
a.links{ margin-right:15px; float:left; }
img.klein{ width: 70px; }
.inline{ display:inline; }
.hidden{ display:none;}
dl{}
dl dt{}
dl dd{ margin-bottom: 15px; border-bottom: 1px dotted #555; }
ul, ol { margin-left:25px; margin-bottom: 1.5em }
ul{ list-style-type: circle; }
ol{ list-style-type: decimal; }
ul li, ol li{ margin-bottom: 8px; line-height:1.3em; }

em{ font-style: italic;}
blockquote{ margin-left: 25px; }

/* Monatasangebot */
div.monatsangebot{ position:relative; background:url(img/hg_verlauf_teaser_unten.gif) 0 100% repeat-x; padding:10px;}
div.monatsangebot h2{ margin-left: 100px; font-size: 1.9em; margin-bottom: .3em;}
div.monatsangebot h2 span{ display:block; font-size: .7em;}
div.monatsangebot a.produkt{ text-align:right; }
div.monatsangebot p.bild{ clear:both;}
div.monatsangebot img.produkt{ display:block; margin:0; padding:0; width:80%; }
div.monatsangebot img.label{ position:absolute; top:0; left:0 }
div.monatsangebot p.preis{ margin-top:-20px; position:absolute; right:0;}
div.monatsangebot span.productOldPrice{ display:block; font-size: 1.5em; margin-bottom: -.3em; }
div.monatsangebot span.PriceNewSpecial2{ font-size: 2.3em; }

div.bestseller{ position:relative; }
div.bestseller img.daumen{ position:absolute; left:-30px; top:-4px }

span.info_packstation{ background-color:#EFDD68/*#F1DF11*/; color: #FF0F19; font-weight:bold; padding:2px; }
span.info_packstation strong{ color: #000}


/**
    Formulare 
----------------------------------------------------------------------------- */
input, textarea, select{ border: 1px solid #7ABD9B; padding: 5px; font-size:1em; }
textarea{ width: 99% }
input.radio,
input[type=radio]{border: none; padding:0px; }

input.checkbox,
input[type=checkbox]{ padding: 2px; }

label{ cursor: pointer }
input.schalter{ cursor:pointer }

/* Links */
a:link,
a:visited{ color: #333; text-decoration:none; border-bottom: 1px dotted #333; padding-bottom: 1px;}
a:link img,
a:visited img{ border:none; border-bottom:none; text-align:center; margin:0; padding:0 }
.gesehene{ float:left; margin: 0 15px 15px 0 }
.gesehene a{ border:none; border-bottom:none; }
.gesehene a img{ border:1px solid #888; width:100px; }

a.schalter{ border-bottom: none; padding-bottom: none; }
a.schalter, input.schalter
{
    background-color    : #D4D0C8;
    background-repeat   : no-repeat;
    background-position : 4px 50%;
    border              : 1px solid #7ABD9B;
    padding             : 4px 8px;
    padding-left        : 25px;
}

a.pdf{ background: url(img/icons/pdf.png) no-repeat; padding-left: 20px; }
a.ansehen{ background: url(img/icons/ansehen.png) no-repeat; padding-left: 20px; }
input.aktualisieren,
input.senden{ background-image: url(img/icons/update.png) }
input.login{ background-image: url(img/icons/login.png) }
input.gutschein{ background-image: url(img/icons/gutschein.png) }
input.newsletter_anmelden{ background-image: url(img/icons/newsletter.png) }
input.zu_zahlungsweise{ background-image: url(img/icons/euro.png) }
input.zur_bestaetigung{ background-image: url(img/icons/zur_bestaetigung.png) }
input.in_warenkorb{ background-image: url(img/icons/in_warenkorb.png) }
a.warenkorb_aendern{ background-image: url(img/icons/warenkorb_aendern.png) }
.dokument_ansehen{ background-image: url(img/icons/dokument_ansehen.png) }
input.passwort_neu{ background-image: url(img/icons/passwort_setzen.png) }
a.zu_versandart,
input.zu_versandart{ background-image: url(img/icons/zum_versand.png) }
input.suche{ background-image: url(img/icons/lupe.png) }
input.bestellen{ background-image: url(img/icons/bestellen_gross.png); font-size: 1.9em; padding-left: 30px; }

a.adresse{ background-image: url(img/icons/adresse_aendern.png) }
.zurueck{ background-image: url(img/icons/zurueck.png) }
.druckansicht{ background-image: url(img/icons/druckansicht.png) }
a.adresse{ background-image: url(img/icons/adresse.png) }
a.adresse_neu, input.adresse_neu{ background-image: url(img/icons/adresse_neu.png) }
a.adresse_aendern, input.adresse_aendern{ background-image: url(img/icons/adresse_aendern.png) }
a.adresse_loeschen{ background-image: url(img/icons/adresse_loeschen.png) }
a.versandart_aendern{ background-image: url(img/icons/versandart_aendern.png) }
a.zahlungsweise_aendern{ background-image: url(img/icons/zahlungsweise_aendern.png) }
a.kommentar_aendern{ background-image: url(img/icons/kommentar_aendern.png) }
a.zur_startseite,
input.zur_startseite{ background-image: url(img/icons/zur_startseite.png) }
a.konto{ background-image: url(img/icons/konto.png) }
a.konto_neu,
a.konto_erstellen,
input.konto_erstellen{ background-image: url(img/icons/konto_neu.png) }

div#spalte-links div.box a:link,
div#spalte-links div.box a:visited{ border-bottom: none; }


/*
div#inhalt ul, div#inhalt ol { margin-left: 25px; margin-bottom: 1.5em }
div#inhalt ul{ list-style-type: circle; }
div#inhalt ol{ list-style-type: decimal; }
div#inhalt ul li, div#inhalt ol li{ margin-bottom: 8px; line-height:1.3em; }
*/

/* grüne Haken */
ul.gruen, ol.gruen{ margin-left:0; list-style-type:none;  }
ul.gruen li, ol.gruen li{ background:url(img/icons/ok.png) no-repeat left top; padding-left: 20px; }
ul.zweispaltig li{ float:left; width: 45% }

/* Schalter links rechts */
ul.schalter_link_rechts,
ul.schalter_links_rechts{ list-style-type: none; margin-left:0; padding-left:0; }
ul.schalter_link_rechts li.links,
ul.schalter_links_rechts li.links{ list-style-type:none; float:left;  width: 49%; text-align:left;}
ul.schalter_link_rechts li.rechts,
ul.schalter_links_rechts li.rechts{ list-style-type:none; float:right; width: 49%; text-align:right;}

/* bestssellers */
ul.top5_bestsellers{ list-style-type:none; margin-left:0; }
ul.top5_bestsellers li{ padding-left: 0;}
ul.top5_bestsellers li span.rang{ font-size: .5em; }
li.rang1 a{ font-size: 1.2em; }
li.rang2 a{ font-size: 1.1em; }
li.rang3 a{ font-size: 1em; }
li.rang4 a{ font-size: .9em; }
li.rang5 a{ font-size: .8em; }


hr.trenner_margin{ margin: 15px 0px; visibility:hidden; }

hr.trenner{ clear:both; }
hr.invisible{ visibility:hidden; }

hr.linie{ border:none; height:1px; background-color: #f90}
hr.margin{ margin: 15px 0px }

/* Kontaktformular */
form#kontaktformular fieldset{ margin-bottom: 15px; }
form#kontaktformular fieldset legend{ font-size:1.2em; }
form#kontaktformular ol{ list-style-type:none; padding-left:0; width: 100%; }
form#kontaktformular ol li{ width:100%; clear:both; }
form#kontaktformular ol li label{ float:left; display:block; width:19%;}
form#kontaktformular ol li div.element{ width:80%; float:left;  margin:2px 0;}


/**/
table{ width: 100%; margin-bottom: 1.3em }
table td{ padding: 3px; vertical-align: top;}
table thead th{ border-bottom: 1px solid #000; padding-bottom: 3px;}
table th{ padding: 2px; text-align:left; font-weight:bold;}

table td.erste{ width: 300px;}
/* table td.letzte{ text-align:right; } */

table.versandkosten{ border-right: 1px solid #ddd; }
table.versandkosten td,
table.versandkosten th{ border-left: 1px solid #ddd; border-bottom: 1px solid #ccc; }
table.versandkosten thead th{ border-left:0; }


table.preisstaffel thead th{ border-bottom: 1px solid #333 }
table.preisstaffel tbody th{ border-right: 1px solid #333; border-bottom: 1px dotted #888 }
table.preisstaffel tbody td{ padding-left: 4px; border-bottom: 1px dotted #888 }

/* Preis */
span.productOldPrice{ text-decoration: line-through; font-size: .8em}; 
div.hinweis
{
    padding             : 10px 10px 0px 30px;
    border              : 1px solid #DEEFEB;
    background-image    : url(img/icons/hinweis.gif);
    background-repeat   : no-repeat;
    background-position : 10px 10px;
    margin-bottom       : 1.3em; 
}
div#inhalt p.hinweis
{
    padding             : 10px 10px 10px 30px;
    border              : 1px solid #DEEFEB;
    background-image    : url(img/icons/hinweis.gif);
    background-repeat   : no-repeat;
    background-position : 10px 10px;
    margin-bottom       : 1.3em; 
}

body>div#inhalt>div.hinweis,
body>div#inhalt>p.hinweis{background-image: url(img/icons/hinweis.png);}

div.fehlermeldung
{
    padding             : 10px;
    border              : 2px solid #F38366;
    margin-bottom       : 1.3em; 
}
div.fehlermeldung h3{
    padding             : 3px 20px;
    background-image    : url(img/icons/achtung.gif);
    background-repeat   : no-repeat;
    background-position : 0 50%;
    margin-bottom       : .5em; 
}

p.achtung
{
    padding             : 5px 20px;
    background-image    : url(img/icons/achtung.gif);
    background-repeat   : no-repeat;
    background-position : 2px 6px;
    margin-bottom       : 1.3em;    
}

div#spalte-links div#noch-fragen h4{ padding:0; padding-left: 0px;  }
div#spalte-links div#noch-fragen h4 span{ font-size: 1.1em; display:block; padding: 6px 0px;  background: url(img/icons/fragezeichen_25.png) left center no-repeat; padding-left: 30px; }
div#spalte-links div#noch-fragen div.innen{ padding: 3px 8px }
div#spalte-links div#noch-fragen div.innen ul{ margin-left: 0px; padding-left:0; margin-bottom: 0em; list-style-type:none; }
div#spalte-links div#noch-fragen div.innen ul li{ margin-bottom :2px; line-height:1.2em; padding-left: 20px;}
div#spalte-links div#noch-fragen div.innen ul li a{ border-bottom: 1px dotted #333; padding-bottom :0px; }
div#spalte-links div#noch-fragen div.innen ul li.wichtig,
div#spalte-links div#noch-fragen div.innen ul li.wichtig a{ font-weight:bold; }
div#spalte-links div#noch-fragen div.innen ul li.kontakt{ background:url(img/icons/kontaktformular.png) no-repeat left center; }
div#spalte-links div#noch-fragen div.innen ul li.hilfe{ background:url(img/icons/gluebirne.png) no-repeat left center; }
div#spalte-links div#noch-fragen div.innen ul li.telefon{ background:url(img/icons/telefon.png) no-repeat left center; }
div#spalte-links div#noch-fragen div.innen ul li.email{ background:url(img/icons/briefumschlag.png) no-repeat left center; }



/**
    Hauptnavigation Kategorien
----------------------------------------------------------------------------- */
div#hauptnavigation ul{ margin-left: 0px; padding-left:0; margin-bottom: 0em; list-style-type:none; }
div#hauptnavigation ul li{ margin-bottom:0px; line-height: 1em; }
div#hauptnavigation ul span{ background-repeat: no-repeat; background-position: left center; }
div#hauptnavigation ul span,
div#hauptnavigation ul a{ display:block; border-bottom: none; padding-bottom: none; }
div#hauptnavigation ul li a:hover, 
div#hauptnavigation ul li a.current,
div#hauptnavigation ul li a.current_parent{ font-weight: bold; color: #fff; }
div#hauptnavigation ul li ul li a:hover,
div#hauptnavigation ul li ul li a.current,
div#hauptnavigation ul li ul li a.current_parent{ color: #222;}
div#hauptnavigation ul span:hover{ background-color: #DEEFEB; }
div#hauptnavigation ul li.level1 span{ padding:6px; padding-left: 20px; background-image : url(img/hg_nav_level1.gif); background-position : left center; }
div#hauptnavigation ul li.level2 span{ border-bottom:1px solid #f93; padding:4px; padding-left:20px; background-color:#EFFFFB; background-image : url(img/hg_nav_level2.gif); background-position : 10px center;  }
div#hauptnavigation ul li.level3 span{ border-bottom:1px solid #000; padding:3px; padding-left:28px; background-color:#D1EFD2; background-image : url(img/hg_nav_level3.gif); background-position : 18px center;  }

/**
    @import  'css/produkt_listung.css';
    Produktlistungen
----------------------------------------------------------------------------- */
div#wrapper-produkt-listung{}

/* Kategorie Überschrift */

div#wrapper-produkt-listung div#kategorie-beschreibung{ margin-bottom: 25px; }
div#wrapper-produkt-listung div#kategorie-beschreibung img.kategorie_bild{ float:left; margin-right: 25px; }


/* Zeile mit Filter für Hersteller oder Sortierung/ Anzahl der Produkte pro Seite */
div#wrapper-produkt-listung div#wrapper-filter{ margin-bottom: 15px; border-bottom: 1px dotted #F27F2C; padding-bottom: 5px;}
div#wrapper-produkt-listung div#wrapper-filter div.filter{display:inline;}
div#wrapper-produkt-listung div#wrapper-filter div.filter p{display:inline;}
div#wrapper-produkt-listung div#wrapper-filter div.filter form{display:inline;}


/* Produktseiten Navigation  */
div#wrapper-produkt-listung p.seitennavigation{ margin:10px 0px; text-align:center; }
div#wrapper-produkt-listung p.seitennavigation span.links{ float:left; text-align:left; }
div#wrapper-produkt-listung p.seitennavigation span.mitte{ float:none; }
div#wrapper-produkt-listung p.seitennavigation span.rechts{ float:right; text-align:right; }

/* Spalten mit den Produkten  */
div#wrapper-produkt-listung div#wrapper-spalten{}
/* Mouseenter tricks 
div#wrapper-produkt-listung div#wrapper-spalten div.produkt{ height: 130px; overflow:hidden;}
div#wrapper-produkt-listung div#wrapper-spalten div.produkt:hover div.spalte{ width:175px; z-index:2;position:absolute;}
*/

/* Produkte */
div#inhalt div.produkt_liste div.produkt{ margin-bottom:15px; }
div#inhalt div.produkt_liste div.produkt a{ border-bottom: none; }
div#inhalt div.produkt_liste div.produkt div.spalte
{ 
    border           : 1px solid #ddd;
    padding          : 0; 
    margin           : 0; 
    text-align       : left;
}
div#inhalt div.produkt_liste div.s4l div.spalte{margin-right:6px;}
div#inhalt div.produkt_liste div.s4 div.spalte{ margin:0px 5px }
div#inhalt div.produkt_liste div.s4r div.spalte{margin-left:0px;}

/* Überschrift */
div#inhalt div.produkt_liste div.produkt h4{ background: #7CBE9C url(img/hg_box_ueberschrift.gif) repeat-x; font-size:1.1em; line-height:1.1em; font-weight:bold; padding:4px; text-align: center; margin-bottom: 4px;}
/* preis */
div#inhalt div.produkt_liste div.produkt p.preis{font-size: 1em; text-align:right; padding-right:5px; font-weight:bold; }
div#inhalt div.produkt_liste div.produkt p.preis span.vpe{ margin-left:3px; font-size: .75em; font-weight:normal; }
/* Absatz */
div#inhalt div.produkt_liste div.produkt p{line-height:1.1em; margin-bottom:3px;}

/* Bild */
div#inhalt div.produkt_liste div.produkt div.bild{ text-align: center;}
div#inhalt div.produkt_liste div.produkt div.bild{ padding: 3px 0 5px 0;}

/* Tabelle mit Zusatzinfo */

div#inhalt div.produkt_liste div.produkt table.adinfo
{
    width            : 100%; 
    font-size        : 0.9em;
    background-color : #eee;
    border-top       : 1px solid #888;
    border-bottom    : 1px solid #888;
    margin-bottom    : 0px;
}
div#inhalt div.produkt_liste div.produkt table.adinfo th,
div#inhalt div.produkt_liste div.produkt table.adinfo td{ padding: 2px;}
div#inhalt div.produkt_liste div.produkt table.adinfo th{ width: auto; text-align: right; color: #888;}

div#inhalt div.produkt_liste div.produkt table.adinfo th.odd,
div#inhalt div.produkt_liste div.produkt table.adinfo td.odd{ background-color: #D1EFD2; }
div#inhalt div.produkt_liste div.produkt table.adinfo th.even,
div#inhalt div.produkt_liste div.produkt table.adinfo td.even{ background-color: #EFFFFB; }

/* detais und kaufen */
div#inhalt div.produkt_liste div.produkt div.aktionen{ margin-top: 2px; }
div#inhalt div.produkt_liste div.produkt div.aktionen p.schalter{ width: 49.99%; }
div#inhalt div.produkt_liste div.produkt div.aktionen p.schalter_lang{ width: 100%; }
div#inhalt div.produkt_liste div.produkt div.aktionen p span{padding:3px; display:block; margin:2px; border:1px solid #222; background-color: #f93}
div#inhalt div.produkt_liste div.produkt div.aktionen p span img{ vertical-align:middle}
div#inhalt div.produkt_liste div.produkt div.aktionen p span a{ text-decoration:none; color: #fff; display:block; }
div#inhalt div.produkt_liste div.produkt div.aktionen p span:hover a{ color: #333; }
div#inhalt div.produkt_liste div.produkt div.aktionen p.kaufen{float:left;}
div#inhalt div.produkt_liste div.produkt div.aktionen p.details{float:right;}
div#inhalt div.produkt_liste div.produkt div.aktionen p.kaufen span,
div#inhalt div.produkt_liste div.produkt div.aktionen p.details span{ background-repeat: no-repeat; background-position: 2px center; padding-left: 20px; }
div#inhalt div.produkt_liste div.produkt div.aktionen p.kaufen span{ background-image: url(img/icons/in_warenkorb.gif); }
div#inhalt div.produkt_liste div.produkt div.aktionen p.kaufen > span{ background-image: url(img/icons/in_warenkorb.png);}
div#inhalt div.produkt_liste div.produkt div.aktionen p.details span{ background-image: url(img/icons/details.gif); }
div#inhalt div.produkt_liste div.produkt div.aktionen p.details > span{ background-image: url(img/icons/details.png); }
div#inhalt div.produkt_liste div.produkt div.aktionen p.kaufen span:hover,
div#inhalt div.produkt_liste div.produkt div.aktionen p.details span:hover{ background-color: #fff; }


/* Zeilentrenner */
div#inhalt div.produkt_liste hr.trenner{ clear:both; background-color: #79BC9A; height: 1px; border:none; margin: 15px 0; }

/* Tooltips */
div.thumbtip div.tip-top{}
div.thumbtip div.tip{ z-index: 10; background: #fff url(img/ajax-loader.gif) no-repeat center center;}
div.thumbtip div.tip-text{ padding:3px; border: 1px solid #000; text-align:center; }
div.thumbtip div.tip-bottom{}
div.thumbtip div.tip-title{ background: url(img/hg_box_ueberschrift.gif) #DEEFEB; color : #333; font-weight : bold; padding : 5px; border:1px solid #333 }

/**
    @import  'css/produkt_detail.css';
    Produkt Detailansicht
----------------------------------------------------------------------------- */
div#wrapper-produkt-detail{}
div#wrapper-produkt-detail h1{ line-height:.8em; }
div#wrapper-produkt-detail h1 span.modell{ font-size: 0.5em; display:block; }
div#wrapper-produkt-detail h1 span.lieferzeit{ font-size: 0.5em; display:block; }

/* Preis */
div#wrapper-produkt-detail div.wrapper_preis{ float:right; padding: 8px; border:1px solid #f93; background: #f93 url(img/hg_preis.gif) top center; }
div#wrapper-produkt-detail div.wrapper_preis p.preis{ color: #000; text-align:right; font-size:2em; margin-bottom:2px; line-height:.8em; }
div#wrapper-produkt-detail div.wrapper_preis p.preis span.vpe{ font-size:.4em; display:block; }
div#wrapper-produkt-detail div.wrapper_preis p.versand{ font-size:.7em; margin:0; text-align:right;}

/* preisstaffel */

div#wrapper-produkt-detail div.wrapper_preis div.preisstaffel p.infotip{ margin-top: 8px; margin-bottom:0; border:1px solid #333; padding:6px; padding-left:20px; background-color:#fff; background-position: 2% 50%;}
div#wrapper-produkt-detail div.wrapper_preis div.preisstaffel p.infotip{ font-size: 1em; font-weight: bold; }





div#wrapper-produkt-detail div.wrapper_bilder{ width: 250px; float: left; margin-right: 35px; }

/* Bildspalte */
div#wrapper-produkt-detail p.hauptbild{ margin-bottom:0; }
div#wrapper-produkt-detail p.hauptbild img{ width: 100%; }
div#wrapper-produkt-detail p.bildunterschrift,
div#wrapper-produkt-detail span.bildunterschrift{ font-size: .7em; font-style:italic; display:block; color: #888; margin-bottom: 0px; }
/*
div#wrapper-produkt-detail div.text{ padding-left:8px;  }
div#wrapper-produkt-detail div.text h2{ font-size: 1.2em;  }
div#wrapper-produkt-detail div.bilder h4{ margin-bottom: 4px; }
div#wrapper-produkt-detail div.bilder img{ width: 200px; }
*/


/* Wird per Javascript gesetzt */
div#produktbilder{ position:absolute; width: 250px; }

div#produktbilder p.anzeigen img{ vertical-align:middle;}
div#produktbilder p.anzeigen { margin-bottom:0;}
div#produktbilder p.anzeigen span img{ margin-right:5px;}
div#produktbilder p.anzeigen span{ padding:5px; display:block; border:1px solid #ddd; }
div#produktbilder p.anzeigen span.aktiv{ width: 238px; border-bottom:none; background-color:#eee; }
div#produktbilder p.anzeigen a{ text-decoration:underline; cursor:pointer; background: url(img/icons/plus.png) no-repeat left center;padding-left: 20px; }
div#produktbilder p.anzeigen a.minus{ background: url(img/icons/minus.png) no-repeat left center; }

div#produktbilder div.produktbilder{display:none; background-color: #eee; border:1px solid #ddd; border-top:none; padding: 20px 5px 0px 5px; margin-top:0px; }

div#produktbilder div.produktbilder div.bild{ float: left; width: 27%; padding: 0 3%; background-color:#fff; }
div#produktbilder div.produktbilder div.bild p.bild{ height:90px; background-position:center center; background-repeat:no-repeat; margin-bottom: 0; }
div#produktbilder div.produktbilder div.bild p.bild img{ width: 100%; height:100%}
div#produktbilder div.produktbilder hr.trenner{ clear:both; background-color: #79BC9A; height: 1px; border:none; margin: 15px 0; }

div#produktbilder div.produktbilder p.schliessen{ margin:5px 0; text-align:right; }
div#produktbilder div.produktbilder p.schliessen a{ cursor:pointer; text-decoration:underline; background:url(img/icons/minus.png) no-repeat left center; padding-left: 20px; }
div#produktbilder a{ border-bottom:none; }

/* Text */
/*
div#wrapper-produkt-detail div.produkt_beschreibung ul{ list-style-type:none;}
*/
div#wrapper-produkt-detail div.produkt_beschreibung ul li{ margin-left: 25px; }

div#wrapper-produkt-detail table.adinfo{ width: 100%; margin: 35px 0 20px 0; border:1px solid #aaa;}
div#wrapper-produkt-detail table.adinfo th,
div#wrapper-produkt-detail table.adinfo td{ padding: 2px;}
div#wrapper-produkt-detail table.adinfo td{}
div#wrapper-produkt-detail table.adinfo td{ font-weight: bold;}
div#wrapper-produkt-detail table.adinfo th{ width:auto; text-align: right;}

div#wrapper-produkt-detail table.adinfo th.odd,
div#wrapper-produkt-detail table.adinfo td.odd{ background-color: #DEEFEB; }
div#wrapper-produkt-detail table.adinfo th.even,
div#wrapper-produkt-detail table.adinfo td.even{ background-color: #fff; }

/* Produkt Optionen Brillengläser und Brillen */
div#wrapper-produkt-detail div.optionen{ float:right; width: 440px; padding:10px; border: 1px solid #ddd; }
/* div#wrapper-produkt-detail div.optionen table.produkt_optionen{ background-color: #DEEFEB; } */



div#optionen-brillen-glaeser
{
	background     : url(img/hg_optionen_brillen_500.jpg) no-repeat center center;
	margin-bottom  : 15px; 
	border         : 1px solid #ddd;
}
/* Änderung Formulare */
table.optionen_brillen{ margin: 15px auto; width:100%; margin-top: 10px; }
table.optionen_brillen th.bezeichnung{ width: 120px; font-size: .8em;}
table.optionen_brillen th,
table.optionen_brillen td{ padding: 2px; text-align:center; }
table.optionen_brillen thead th{ border-bottom: none; padding-bottom: 8px; font-size: 1em;}
table.optionen_brillen td{ width: 90px; }
table.optionen_brillen td select{ padding: 2px; width:140px; }
table.optionen_brillen tbody>tr:hover th,
table.optionen_brillen tbody>tr:hover td{background-color:#fff; }
div.optionen select.glasvariante{ width: 100%; }
/* radios */
div#wrapper-produkt-detail ul.produkt_option_radio{ list-style-type:none; margin-left:0; padding-left:0; }
div#wrapper-produkt-detail ul.produkt_option_radio li{ margin-left:0; font-size: 0.9em; margin-bottom: 3px; line-height: 1.5em }
div#wrapper-produkt-detail ul.produkt_option_radio li:hover{ background-color: #f93; }
div#wrapper-produkt-detail ul.produkt_option_radio li input{float:left; }
div#wrapper-produkt-detail ul.produkt_option_radio li label{ float:left; margin-left: 50px; display:block; padding:0; margin:0; }
div#wrapper-produkt-detail ul.produkt_option_radio li label span.text{ font-weight: bold; cursor:pointer}
div#wrapper-produkt-detail ul.produkt_option_radio li label span.preise{ font-size: 0.9em; }

p.optionen_fehler{ font-size: 1.2em; color: #f00; background: url(img/icons/fehler.png) no-repeat left center; padding-left: 20px; }


/**
    Sitemap
----------------------------------------------------------------------------- */

ul#sitemap li a { color: #333; text-decoration: none; border-bottom: 1px dotted #333; padding-bottom: 2px; }
ul#sitemap li ul { margin-top:10px; margin-bottom:10px; }
ul#sitemap li.level3{ display:inline; padding-right: 10px; }

/**
    @import 'css/layout.css';
    Suchergebnisse Ajax
----------------------------------------------------------------------------- */
div.loading
{
    background: #ccc url(img/ajax-loader.gif) no-repeat top center;
    padding: 10px; 
   /*  opacity: 0.6; */
}

/* Checkout
----------------------------------------------------------------------------- */

div#bestellverlauf
{
    width:100%; 
    margin-bottom: 10px; 
}
div#bestellverlauf p
{
    width: 24.5%; 
    display:block;
    float: left; 
    text-align: center;
    border: 1px solid #eee;
    padding: 6px 0;
    background-color: #F1F8F6;
}
div#bestellverlauf p.Current
{
	font-size : 1.5em;
    background-color: #F93;
    font-weight: bold; 
}

/* Tabelle Warenkorb */
table.warenkorb{ width: 100%; }
table.warenkorb thead th{ background-color: #DEEFEB; border-bottom: 1px solid #f93; padding: 5px 0px }
table.warenkorb th.bild{ width:156px; }
table.warenkorb th.summe, td.summe, th.preis, td.preis, th.menge, td.menge{ text-align:right; }
table.warenkorb th.artikel{ width: 260px; }
table.warenkorb th.aktion{ width: 75px; text-align:right; }
table.warenkorb td{ /* border-bottom: 1px solid #f93; */ padding: 5px }
table.warenkorb td.daten{ border-bottom: 1px solid #f93; }
table.warenkorb td.aktion{ text-align:right; }
table.warenkorb td.aktion a{
    display       : block;
    padding-bottom: 0; 
    padding       : 3px;
    background    : url(img/icons/loeschen.png) no-repeat 0 50%;
    padding-left  : 18px;
}

table.warenkorb div.bild{ padding:2px; border: 1px solid #ddd; background-color:#fff; width:180px; float:left; text-align:center; }
table.warenkorb td.bild{ width: 184px; }
table.warenkorb td.bild a:link,
table.warenkorb td.bild a:visited{ border-bottom:none; padding-bottom: 0;}
table.warenkorb tr.odd td.bild div{ border: 1px solid #aaa; }
table.warenkorb td.bild a img{ display:block; border-bottom:none; margin:auto; }

/* Aktionen */
table.warenkorb td.preis,
table.warenkorb td.menge,
table.warenkorb td.summe,
table.warenkorb td.aktion{ vertical-align:middle; text-align:right; }

table.warenkorb td.preis{ width: 75px;}
table.warenkorb td.menge{ width: 10px;}
table.warenkorb td.summe{ width: 100px;}
table.warenkorb td.aktion{ width: 75px;}

table.warenkorb h3{ margin-bottom: 5px; }
table.warenkorb td.artikel{ border-top:1px solid #999; padding-top: 3px; }
table.warenkorb td.artikel h3{ margin-bottom: 6px; }
table.warenkorb td.artikel a{ display:block; line-height: 1.2em; padding-bottom:0px; }
table.warenkorb td.artikel table{ width:auto; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-bottom:0px;}
table.warenkorb td.artikel table.metadaten{ width: auto; border-top: 1px solid #ddd; color: #999; float:right; }
table.warenkorb td.artikel table caption{ font-weight:bold; border-bottom:1px solid #aaa; padding-bottom:3px;margin-top:10px; }
table.warenkorb td.artikel table th,
table.warenkorb td.artikel table td{ border-bottom: 1px solid #aaa; padding:2px 5px; font-size: .9em; }
table.warenkorb td.artikel table td{ text-align:right; }
table.warenkorb td.artikel table.attribute{width: 99%}
table.warenkorb td.artikel table.attribute tr:hover th,
table.warenkorb td.artikel table.attribute tr:hover td{ font-weight:normal; background-color: #DEEFEB; font-size:1.3em; }
table.warenkorb td.aktion a:hover{ color: #fff; }
table.warenkorb tr.odd td{ background-color: #fafafa; padding: 5px }
table.warenkorb tr.loeschen td{ background-color: #DF3737; color: #fff;}
table.warenkorb tfoot td{ text-align: right; border-bottom: none; padding: 3px 0px; }
table.warenkorb tfoot tr.erste td{ padding-top: 10px; }
table.warenkorb tfoot tr.rabatt td{ background-color: #008F21; color: #fff; font-size: 1.2em; padding: 3px 0px; }
table.warenkorb tfoot tr.total td{ font-size: 1.6em; border-top: 1px solid #333; padding:8px 0 8px 8px; background-color: #f93 }
table.warenkorb tfoot tr.letzte td{ padding: 0px 2px; border-bottom: 1px solid #aaa; }
table.warenkorb tfoot tr.letzte td a{ padding-bottom: 0px; font-size: .8em; }
/* Warenkorb-teaser */
table#warenkorb{ border-top: 1px solid #f90 }
table#warenkorb-teaser tbody a{ border-bottom:none; padding-bottom:0 }
table#warenkorb-teaser td.versandkosten{ font-size: .8em; }
table#warenkorb-teaser tbody tr.odd td{ background-color: #efefef; }
table#warenkorb-teaser tbody tr:hover td{ background-color: #C0DFCE; }
table#warenkorb-teaser tbody td{ border-bottom: 1px solid #ccc; }
table#warenkorb-teaser tfoot td.zwischensumme_text,
table#warenkorb-teaser tfoot td.zwischensumme{ border-top: 1px solid #000; font-weight:bold; }
table#warenkorb-teaser tfoot td.mwst{ font-size: .8em  }
/* Warenkorb Bestätigung */
table#warenkorb-bestaetigung tfoot td.summe span.priceSymbolLeft{ margin-right: 5px; }


/* checkout shipping */

table.checkboxen{ width:100% }
table.checkboxen th{ padding: 8px 0px; }
table.checkboxen td{ padding: 8px 0px; }
table.checkboxen tr:hover td{ background-color: #DEEFEB;  }
table.checkboxen td{ background-color: #efefef;  }
table.checkboxen td.checkbox input.auswahl_zeile{ border: none; }
/*
table.checkboxen tr td.preis{ text-align:right; width:70px; background-image:url(img/icons/tick_grau.png); background-repeat: no-repeat; background-position: 0 50%; }
table.checkboxen tr.checked td.preis{ background-image:url(img/icons/tick.png); }
*/
table.checkboxen td.preis{ text-align:right; padding-right: 4px; }
table.checkboxen label{ display:block; }

/* checkout payment */

div.block{ margin-bottom: 1.3em; border: 1px solid #7ABD9B; }
div.block h3{ background:url(img/hg_block_ueberschrift.gif); margin-bottom: .8em; padding: 5px 10px; }
div.block h4{ background:url(img/hg_block_ueberschrift.gif); padding: 4px; }
div.block div.innen{ padding: 0px 15px;}


div.checkout_auswahl div.block h3{ margin-bottom:0; padding-bottom:0 }
div.checkout_auswahl div.checked h3{ background:url(img/hg_block_ueberschrift_aktiv.gif) }
div.checkout_auswahl div.block label{ display:block; padding: 4px 6px; background-repeat: no-repeat; background-position: 99% 50%; }
div.checkout_auswahl div.checked label{ background-image:url(img/icons/tick.png); }
div.checkout_auswahl div.beschreibung{ padding: 15px; }
/* div.checkout_auswahl div.innen table{ margin-bottom:1.3em; } */

div.checkout_block label.zeile_check_checkbox{}
div.checkout_block label{ margin-bottom: 10px; display:block; padding: 6px 8px; padding-left: 2px; background-repeat: no-repeat; background-position: 99% 50%; }
div.checkout_block label.checked{ background-image:url(img/icons/tick.png); background-color:#ACD8A4}


/* checkout confirmation produkte */

table#bestaetigung-produkte thead th{ border-bottom:1px solid #555; padding-top: 15px;  }
table#bestaetigung-produkte thead th.menge{ width: 30px; text-align:left; }
table#bestaetigung-produkte thead th.preis{ text-align:right; }
table#bestaetigung-produkte td.produkt{ border-bottom:1px dotted #ddd;  }
table#bestaetigung-produkte td.produkt p{ margin-bottom:0; font-size: .8em; }
table#bestaetigung-produkte td.produkt p.steuer{ float:right; }
table#bestaetigung-produkte td.produkt p.lieferzeit{ margin-bottom: .5em; }


/* Formualare in Tabellen */
table.formular{ margin-bottom: 1.3em; }
table.formular tbody th{ vertical-align:middle; }
table.formular tbody th{ vertical-align:middle; width: 150px; }


/* Tooltips Text für Ajax Suche */

div.logtip{ z-index: 10000; } 
div.logtip  div.tip-top{}
div.logtip  div.tip{}
div.logtip  div.tip-bottom{}
div.logtip  div.tip-title
{ 
    color       : #F29400;
    font-weight : bold;
    margin-bottom : 5px;
}
div.logtip  div.tip-text
{ 
    color       : #F29400;
    font-weight : bold;
    margin-bottom : 5px;
}

/**
    Tooltips Hilfe
----------------------------------------------------------------------------- */
.hilfetip{ cursor: help;}
.hilfeicon{ background: url(img/icons/hilfe.png) no-repeat 0 2px; padding-left: 20px;  }
div.hilfetext{ display:none; }
div.tooltip_hilfe{ z-index: 10000; background-color: #fff; width: 300px; border:1px solid #DEEFEB; } 
div.tooltip_hilfe div.tip-top{}
div.tooltip_hilfe div.tip{ color: #333}
div.tooltip_hilfe div.tip div.tip-title
{
    background    : url(img/icons/gluebirne.png) no-repeat 5px center;
    font-weight   : bold;
    padding       : 8px;
    padding-left  : 25px;
}
div.tooltip_hilfe div.tip div.tip-text{ padding: 10px; background: #fff url(img/hg_verlauf_teaser_unten.gif) bottom center repeat-x }
div.tooltip_hilfe div.tip div.tip-text p{ line-height:1.3em; margin-bottom: 1.3em; }
div.tooltip_hilfe div.tip-bottom{}

/**
    Tooltips Information
----------------------------------------------------------------------------- */
.infotip{ cursor: help; /* text-decoration: underline; */ }
.infoicon{ background: url(img/icons/information.png) no-repeat 0 2px; padding-left: 20px;  }
div.infotext{ display:none; }
div.tooltip_info div.infotext{ display:block; }
div.tooltip_info{ z-index: 10000; background-color: #fff; width: 300px; border:1px solid #DEEFEB; } 
div.tooltip_info div.tip-top{}
div.tooltip_info div.tip{ color: #333}
div.tooltip_info div.tip div.tip-title
{
    background    : url(img/icons/information.png) no-repeat 5px center;
    font-weight   : bold;
    padding       : 8px;
    padding-left  : 25px;
}
div.tooltip_info div.tip div.tip-text{ padding: 10px; background: #fff url(img/hg_verlauf_teaser_unten.gif) bottom center repeat-x }
div.tooltip_info div.tip div.tip-text p{ line-height:1.3em; margin-bottom: 1.3em; }
div.tooltip_info div.tip-bottom{}



/*
@import  'css/fusszeilen.css';
*/

div#fusszeile2{ border-top: 2px solid #f93; padding: 10px; padding-top: 15px;  }
div#fusszeile2 div.s4l{ width: 215px;  }

div#fusszeile2 h3{margin-bottom: 8px; font-size: 1.3em}
div#fusszeile2 ul.navigation{ list-style-type:circle; margin-left: 20px; margin-bottom: 20px; }
div#fusszeile2 ul.navigation li{ margin-bottom: 5px;}
div#fusszeile2 a{ color: #000; text-decoration:none; border-bottom: 1px dotted #000}
div#fusszeile2 a img{ border:none; }
/* @import  'css/_tabellen.css'; */

div#best-sellers  h4
{
    background-image    : url(img/hg_box_ueberschrift.gif);
    font-weight         : bold;
    color               : #333;
    background-color    : #B0D7C2;
    padding             : 5px;
    padding-left        : 10px;
    border-bottom       : 2px solid #f93;
    margin-bottom       : 2px;
}
div#best-sellers h3
{
   /*  background-image    : url(img/hg_box_ueberschrift.gif); */
    font-weight         : bold;
    color               : #333;
    background-color    : #B0D7C2;
    padding             : 2px;
    padding-left        : 10px;
    border-top          : 1px solid #f93;
    margin-bottom       : 2px;
}
div#fusszeile2 div#best-sellers div.box div.spalte{ border-right:1px solid #ddd; padding-right: 3px }
div#fusszeile2 div#best-sellers div.s5l div.spalte{ margin-right: 3px; }
div#fusszeile2 div#best-sellers div.box h3 a,
div#fusszeile2 div#best-sellers div.box p.bild a img{ border-bottom: none; border:none; display:block; margin:auto; margin: 5px auto;  }
div#fusszeile2 div#best-sellers div.box p.bild{ background-color: #fff; }
div#fusszeile2 div#best-sellers div.box p{ line-height : 1.3em; }
div#fusszeile2 div#best-sellers div.box h3{ font-size: 1em;  }
div#fusszeile2 div#best-sellers div.box p.preis{ text-align:right; font-weight: bold; font-size:1em; }
div#fusszeile2 div#best-sellers div.box p.hinweis{ font-size: .7em; text-align:right; }

div#fusszeile{ margin-top: 50px; }


/**
    Startseite
----------------------------------------------------------------------------- */

ul.inline li{ display: inline; }