/*  Standard-Farben */

.grau           { color: #505050 }
.grau1          { color: #b2b2b2 }
.grau2          { color: #e0e0e0 }

.weiss          { color: #ffffff }
.schwarz        { color: #000000 }

.gruen          { color: #407F5E }
.gruen1         { color: #8CC8AA }
.gruen2         { color: #D7EADE }
.gruen3         { color: #F3F9F6 }


/*  BG-Farben */

.bgweiss          { background-color: #ffffff }
.bggruen3         { background-color: #F3F9F6 }




/* Gerüst */
body { background: #ffffff ; margin: 0; padding: 0; }

#container    
{
position: absolute;
background-color: white;
top: 48%;
margin-top:-193px;
height: 386px;
margin-left: -400px;
left: 50%;
width: 800px;
visibility: visible;
text-align: left;
overflow:hidden;
padding:0px;	
}

/* IE Mac Hack (top:50% funktioniert nicht) */
 /*\*//*/
#container {margin-top:100px;}
/* end IE Mac Hack */


/* Hauptblöcke */
#sidebar-left                { position:absolute; left:0px; top:224px; display: block; padding: 0; margin:  0; width: 210px; height: 160px; }

#content                     { position:absolute; left:210px; top:0px; width: 384px; height: 384px; display: block; padding: 0; margin: 0; display:block; background: #ffffff; border: solid 1px white; }
#content .contenttext        { padding: 8px 10px 8px 10px; margin: 0; }
#content .contenttext .oben  { height:211px; margin:0; padding:0; }
#content .contenttext .unten { height:153px; margin:0; padding:0; }


#pfeilenav                   { position:absolute; left:596px; top:365px; display: block; padding: 0; margin:  0; width: 80px; height: 19px;  }


#sidebar-right               { position:absolute; left:596px; top:0p; float: left; display: block; padding: 0; margin:  0; width: 204px; }

#footer                      { position:absolute; left:596px; top:224px; float: left; display: block; padding: 0; margin:  0; width: 204px; height: 160px; }
#footer                      { display:none }



/* -----   Allgemeine Formatierungen--------*/
/* Abst 0nde aller Elemente auf Null setzen + weitere Formatierungen */
html,  body,  div,  p,  h1,  h2,  h3,  h4, h5, h6,  ul,  ol,  span,  a,  table,  td,  form,  img,  li { font-family: Verdana, Trebuchet, Tahoma, Arial, Helvetica, sans-serif, Geneva; margin: 0; padding: 0; line-height: 1.4em; }



/* Allgemeine Formatierungen */
html,  body { font-size: 15px  }
h1 { font-size: 18px; font-weight: normal; color: #000000; display:inline; }
h2 { font-size: 18px; font-weight: normal; color: #505050; }
h3 { font-size: 15px; font-weight: bold;   color: #000000; }
h4 { font-size: 15px; font-weight: bold;   color: #505050; }
h5 { font-size: 11px; font-weight: normal; color: #505050; }
p, th, td, li { font-size:15px; color: #505050; }

/* h6 = Abstand 6px */ 
h6 { height: 5px; line-height: 0; font-size: 6; margin-bottom: -1px; overflow: hidden; }


a:link { color: #8CC8AA; text-decoration: none  }
a:visited { color: #8CC8AA; text-decoration: none  }
a:hover { color: #b2b2b2; text-decoration: underline  }
a:active { color: #8CC8AA; text-decoration: none  }

a:focus { outline: none; }

.sidebar a:hover {text-decoration: none  }



em { color: #000000; font-style: normal; }

.c { text-align: center }
.l { text-align: left }
.r { text-align: right }
.j { text-align: justify }

.clearing { display: block; clear: both; height: 1px; line-height: 0; font-size: 0; margin-bottom: -1px; overflow: hidden; }



/* Linien */
.rahmen { border:solid 10px #ff0000  }
.rahmengruen { border:solid 1px #8CC8AA  }
.rahmengrau { border:solid 1px #b2b2b2  }



/* Content Listen */
.contenttext li { margin-top:0.2em; }
.contenttext ul { list-style-type: disc; border: none; margin-top: 0.7em; margin-left:0; padding-left:1.3em; }
.contenttext ol { border: none; margin-top: 0.7em; margin-left:1em; padding-left:1.5em; }

.contenttext ul ul { list-style-type: circle; margin-top: 0em}


/* Tabellen neutral */
.contenttext table          { border-collapse: collapse; }
.contenttext table tr       { border: none; }
.contenttext table th       { padding: 0.1em 0.5em 0.1em 0; vertical-align:top; color: #e0e0e0; text-align:left; border-bottom: 1px solid #505050  }
.contenttext table td       { padding: 0.3em 0.5em 0 0; vertical-align:top; }
.contenttext table table    { border-collapse: collapse; }
.contenttext table table td { padding: 0; vertical-align:top; }



/*  pfeilenav */
#pfeilenav ul   { list-style-type: none; margin: 0; padding:0; }
#pfeilenav li   { float:left; margin: 0; padding: 0; display: block; }
#pfeilenav li a { width: 14px; height:19px; margin:0; padding: 0; text-decoration: none; display: block}

#pfeilenav li a#zurueck:link,  #pfeilenav li a#zurueck:visited { background: url(img/l.gif) no-repeat; }
#pfeilenav li a#zurueck:hover, #pfeilenav li a#zurueck:active  { background: url(img/l_o.gif) no-repeat; }

#pfeilenav li a#vor:link,  #pfeilenav li a#vor:visited { background: url(img/r.gif) no-repeat;  }
#pfeilenav li a#vor:hover, #pfeilenav li a#vor:active  { background: url(img/r_o.gif) no-repeat; }

#pfeilenav li#blaettern { background: url(img/blaettern.gif) no-repeat; }
#pfeilenav li#blaettern { width: 52px; height:19px; margin:0; padding: 0; text-decoration: none; display: block }


.ein { visibility: visible; }
.aus { visibility: hidden; }




/* Sidebar UL (Nav) */
#sidebar-left ul { list-style-type: none; margin: 0; padding:0; }
#sidebar-left li { float:left; margin: 0; padding: 0; display: block; }
#sidebar-left li a { width: 36px; height: 160px; margin: 0; padding: 0; text-decoration: none; display: block;  }
#sidebar-left li a:hover, #sidebar-left li a:active   {  background-position: -50px 0 ! important }

#sidebar-left li a.edouard-h  { background: url(nav/edouard-h.gif) no-repeat }

#sidebar-left li a.macher     { background: url(nav/macher.gif) no-repeat }

#sidebar-left li a.geschichte { background: url(nav/geschichte.gif) no-repeat }

#sidebar-left li a.kontakt    { background: url(nav/kontakt.gif) no-repeat }

#sidebar-left li a.bestellung { background: url(nav/bestellung.gif) no-repeat }



/* Sidebar Right: Logo */

#logoextern a.h            { background: url(logos/h.gif) no-repeat 0px 1px; margin: 0; width: 207px; height:120px; display:block; }
#logoextern a.lavalote     { background: url(logos/lavalote.gif) no-repeat 0px 1px; margin: 0; width: 207px; height:120px; display:block; }
#logoextern a.dd           { background: url(logos/dd.gif) no-repeat 0px 1px; margin: 0; width: 207px; height:120px; display:block; }
#logoextern a.diegruenefee { background: url(logos/diegruenefee.gif) no-repeat 0px 1px; margin: 0; width: 207px; height:120px; display:block; }
#logoextern a.edouard-h    { background: url(logos/edouard-h.gif) no-repeat 0px 1px; margin: 0; width: 207px; height:120px; display:block; }

#logoextern a:hover        { background-position: 1px 0px; }



/* Kategorie body#edouard-h */
body#edouard-h #sidebar-left li a.edouard-h       { background-position: -50px 0  }

/* Kategorie body#macher */
body#macher #sidebar-left li a.macher          { background-position: -50px 0  }

/* Kategorie body#geschichte */
body#geschichte #sidebar-left li a.geschichte      { background-position: -50px 0  }

/* Kategorie body#kontakt */
body#kontakt #sidebar-left li a.kontakt         { background-position: -50px 0 }




/* Kategorie body#bestellung */
body#bestellung #sidebar-left li a.bestellung      { background-position: -50px 0  }

body#bestellung #content                     { width: 591px; background: transparent; }
body#bestellung #content .contenttext        { position:absolute; left:0px; top:0px; padding: 10px; margin: 0; width:364px; height:384px; background: #ffffff; }
body#bestellung #content .contenttext .oben  { height:214px; margin:0; padding:0; }
body#bestellung #content .contenttext .unten { height:150px; margin:0; padding:0; }
body#bestellung #content .contenttext2       { position:absolute; left:394px; bottom:0px; width: 196px; height: 160px; display: block; padding: 0; margin: 0; background: transparent; }

body#bestellung textarea, body#bestellung input      { border: 1px solid #505050; font-weight: bold; color: #505050; vertical-align:top; background-color: #ffffff; margin:0; padding:0; }
body#bestellung input.input          { height:18px; width:214px; font-size: 12px; }
body#bestellung input.checkbox       { border:none; }
body#bestellung textarea             { height:126px; width:214px; vertical-align: top; }
body#bestellung .submit              { background: url(submit_ausgetrunken.gif) no-repeat 0px 1px; width: 148px; height:74px; border: 0; }
body#bestellung .submit:hover        { background-position: 1px 0px; }

body#bestellung .contenttext td { margin: 0; padding: 0;  vertical-align:top; height:25px; }
body#bestellung .contenttext td p  {  }
body#bestellung .contenttext td td { padding: 0; border: 0; }