/* ----------------- KRÄUTERGARTEN ------------------------- */

*   { padding:0;
      margin: 0;
      }

body {background-color:#F2FAEF;
      font-family: "Verdana";
      color:#62160A;
      margin:5px 0px 10px 0px;

      }

#box {width:961px;
      margin: 0px auto;
      background-color: #D8E0D5;
      padding:0px;
      text-align:left;
      border: 1px solid #CCD4C9;

      }

#kopf {height: 160px;


       color: #7F827E;
       font-size: 70%;
       text-align:left;
       }

#inhalt {width:797px;
         float:left;
         background-image: url(img/muskateller/bodybackoben_muskateller.jpg);
         background-position: top left;
         background-repeat:no-repeat;
         background-color:white;
         padding:0px 5px 10px 0px;
         overflow: auto;

         }

#inhalt a {color: #5D5E71;
           font-weight:bold;}

#inhalt a:hover {color: #D2913D;
                 font-weight:bold;}

#footer {clear: both;
         margin: 0px;
         background-color: #D8E0D5;
         border-top: 1px solid #688246
         }

#footer p {font-size: 60%;
           color:#515350;
           padding-top:10px;}


/* --------------------------- Navi (oben)----------------------------------------- */
#navi  {text-align: right;
        background-color:#D8E0D5;
        padding: 20px 0px 7px 0px;
        height: 24px;
        width: 945px;
        margin: auto;
        }

/*  navilinks */
#navi a { color: #515350;
          font-size: 70%;
          background-color: #D8E0D5;
          padding: 7px 7px 12px 7px;
          font-weight: bold;

           }

#navi a:hover { color: black;
                background-color: #FFFFFF; }

#navi a:focus { color: black;
               background-color: #FFFFFF; }

#startseite #navi01 a {  color: #4A4D45;
                         background-color: #FFFFFF; }

#angebotseite #navi02 a { color: #4A4D45;
                          background-color: #FFFFFF;}

#termineseite #navi03 a { color: #4A4D45;
                          background-color: #FFFFFF;}

#herbariumseite #navi04 a { color: #4A4D45;
                         background-color: #FFFFFF;}

#seifenseite #navi05 a { color: #4A4D45;
                         background-color: #FFFFFF;}

#rezeptseite #navi06 a { color: #4A4D45;
                         background-color: #FFFFFF;}

#extraseite #navi07 a { color: #4A4D45;
                 background-color: #FFFFFF;}

#kontaktseite #navi08 a { color: #4A4D45;
                  background-color: #FFFFFF;}

#hydrolatseite #navi09 a { color: #4A4D45;
                  background-color: #FFFFFF;}

#navi li {display: inline;
          list-style-type: none;
          margin: 0;
           }

#navi ul {margin-bottom:0;}

#navih  {background-image: url(img/muskateller/bodybackoben_muskateller.jpg);
         background-position: top left;
         background-repeat:no-repeat;
         text-align: left;

         background-color:#FFFFFF;
         padding: 20px 0px 0px 20px;
         height: 25px;
         margin: auto;
         border-bottom: 1px solid #688246
        }

#navihe {
         text-align: left;

         background-color:#FFFFFF;
         padding: 0px 0px 0px 20px;
         height: 25px;
         margin: auto;

        }

#navih li { display: inline;
            list-style-type: none;
            margin: 0;
           }

#navih ul {margin-bottom:0;}

#navih a { color: #688246;
          font-size: 70%;
          padding: 8px 7px 8px 7px;
          font-weight: bold;
           }

#navihe li { display: inline;
            list-style-type: none;
            margin: 0;
           }

#navihe ul {margin-bottom:0;}

#navihe a { color: #688246;
          font-size: 70%;
          padding: 8px 7px 8px 7px;
          font-weight: bold;
           }

/*  Links (links)                                                                    */



#links a:link {color:#515350;

              }
#links a:visited {color:#515350;

               }
#links a:hover {color:#969A95;
                }
#links a:focus  {color:#515350;

               }

#links {width:159px;
        font-size: 70%;
        line-height: 23px;
        padding: 59px 0px 400px 0px;
        float:left;
        overflow: hidden;
        background-color:#D8E0D5;


        }




#links p {font-size:70%;
          line-height: 20px;
          color:#212349;
          padding: 0px 10px 5px 10px;
          text-align:left;
          }

.aktiv  {font-weight:bold;
        background-color: white;
        padding: 2px 0px 2px 7px;
        color:#000000;
        border-bottom: 1px solid #F1F3F0
        }

a:link {color:#86AEB0; text-decoration:none; font-weight:bold; }
a:visited {color:#86AEB0;text-decoration:none; font-weight:bold;}
a:hover {color:#CACAD6;text-decoration:none; font-weight:bold;}
a:focus  {color:#CACAD6;text-decoration:none; font-weight:none;}
/*  Gästebuch etc.    */



/* ÜBERSCHRIFTEN                                                              */

h1 {font-size:120%;
    font-weight:bold;
    letter-spacing:1px;
    text-align:left;
    color:#DFD7E6;
    border-bottom: 1px solid #C0C5BA;
    margin-bottom: 15px;
    padding: 20px 0px 5px 45px;
    }

/* Ü zu: links,  */
h2 {font-size:80%;
    font-weight:bold;
    letter-spacing:2px;
    text-align:left;
    color:#242D18;
    background-color: #F0ECF4;
    border-top: 1px dotted #688246;
    padding:7px 0px 5px 15px;
    margin-bottom: 5px;
    }

/*  tinkturen, seifen, herbarium  */
h3 {font-size:80%;
    font-weight:bolder;
    letter-spacing:2px;
    text-align:left;
    color:#4F6335;
    padding:4px 0px 0px 33px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-top: 1px solid #E0E4DD

    }

    /* Ü zu: angebote, rezepte */
h4 {font-size:80%;
    font-weight:bold;
    letter-spacing:1px;
    text-align:left;
    color:#2E3A20;
    padding:7px 0px 3px 33px;
    margin: 15px 0px 3px 0px;
    background-color:#F9FAF7;
    border-top: 1px dotted #4B5E33;
    }

h5 {font-size:70%;
    font-weight:normal;
    font-style: italic;
    letter-spacing:1px;
    text-align:left;
    color:#808080;
    padding:0px 0px 3px 45px;
    }

  /* Ü zu: news */
h6 {font-size:80%;
    font-weight:bold;
    letter-spacing:2px;
    text-align:left;
    color:#242D18;

    background-color: #F7F9F6;
    padding:4px 15px 4px 15px;
    margin: 0px 205px 10px 0px;
    }






/* TEXT                                                                       */

p  {font-size:70%;
    line-height: 16px;
    color:#676767;
    padding: 0px 25px 5px 25px;
    text-align:justify}

span  {color:#BDC3B9;
       padding: 0px 0px 5px 15px;
       text-align:justify}

b {color:#6E7E65}

cite  {color:#23271D}

.herbariumliste {font-size:110%;
    line-height: 18px;
    color:#D4CDF7;
    font-weight: bold;
    padding: 0px 25px 5px 5px;

    text-align:justify}



/* BOXEN                                                                      */

       /* seifen ,  */
.box {overflow:hidden;
      width: 260px;
      padding: 5px 5px 5px 0px;
      margin: 10px 10px 10px 35px;
      background-color: #F2F7E9;}



       /* navileiste  */
.box1 {font-size: 95%;
       line-height: 16px;
       color:#7F827E;
       text-align:justify;
       padding: 8px;
       margin: 0px 8px 0px 8px;}

       /* index  */
.box2 {overflow:hidden;
       width: 548px;
       padding: 10px 5px 5px 0px;
       margin: 0px 0px 10px 0px;
       background-color: #F1F3F0;
       border-bottom: 1px solid #D1D9C6;}

       /*  herbarium kurzbeschreibung unten*/
.box3 {overflow:hidden;
      width: 400px;
      padding: 5px 5px 10px 0px;
      margin: 10px 10px 10px 25px;
      background-color: #F2F7E9;
      font-size:70%;
      line-height: 15px;
      color:#737373;
      padding: 10px ;
      text-align:left}

       /*  rezepte zutaten */
.box4 {overflow:hidden;
      width: 500px;
      margin: 10px 10px 10px 25px;
      background-color: #F9FAF7;
      font-size:75%;
      line-height: 18px;
      color:#7D7D7D;
      padding: 5px ;
      text-align:left;
      border: 1px solid #E8E9E6}


       /*  herbarium-beschreibung-oben  */
.box5 {overflow:hidden;
      width: 400px;
      margin: 0px 10px 25px 25px;
      background-color: #FBFDF6;
      border-top: 1px solid #D5D9CF;
      border-bottom: 1px solid #D5D9CF;
      font-size:70%;
      line-height: 15px;
      color:#737373;
      padding: 10px ;
      text-align:left}

      /*  herbarium  - Artenliste */
.box6 {overflow:hidden;
      width: 400px;
      padding: 5px 5px 10px 0px;
      margin: 10px 10px 10px 25px;
      background-color: #F2F7E9;
      font-size:70%;
      line-height: 19px;
      color:#737373;
      padding: 10px ;
      text-align:left}

      /*  news */
.box7 {overflow:hidden;
      width:755px;
      padding: 20px 25px 10px 15px;
      margin: 10px 10px 10px 0px;
      background-color: #F1F3F0;
      border: 1px solid #D1D9C6;
      line-height: 25px;
      }

      /*  Quelle */
.box8 {overflow:hidden;
      width: 730px;
      padding: 5px 5px 10px 0px;
      margin: 10px 10px 10px 25px;
      background-color: #F2FAEF;
      font-size:56%;
      line-height: 19px;
      color:#A0A0A0;
      padding: 10px ;
      text-align:left;
      border: 1px solid #E7ECDE}

       /* angebot */

.box10 {overflow:hidden;
       width: 785px;
       padding: 10px 5px 5px 0px;
       margin: 0px 0px 10px 0px;
       background-color: #FAFCF9;
       border-bottom: 1px solid #D1D9C6;
       border-top: 1px solid #D1D9C6;}


/*  linksmenü*/
.box9 {overflow:hidden;
      width:147px;
      padding: 10px 5px 10px 5px;
      margin: 5px 10px 10px 0px;
      background-color: #F1F3F0;
      border: 1px solid #D1D9C6;

      }

/*  linksmenü - unteres*/
.box11 {overflow:hidden;
      width:147px;
      padding: 10px 5px 10px 7px;
      margin: 5px 10px 10px 0px;
      }

/*  hervorheben*/
.box12 {overflow:hidden;
      width:755px;
      padding: 10px 25px 0px 0px;
      margin: 10px 10px 0px 0px;
      background-color: #F1F3F0;
      border: 1px solid #D1D9C6
      }

img  {border-color:#C0C0C0;
      }






/* FOTOS                                                                      */



.fotoli  {text-align: justify;
          float:left;
          margin:0px 10px 10px 15px;
          padding: -15px 0px 0px 15px;
          border: solid #C0C0C0 1px;
          }


.fotore  {font-size: 55%;
          text-align: justify;
          float:right;
          border: solid #C0C0C0 1px;
          margin:0px 5px 5px 15px;
          padding:2px;
          font-style: italic;
          color: #676767;
          text-align: right;
          }

.fotorene  {font-size: 55%;
          text-align: justify;
          float:right;
          border: solid #C0C0C0 1px;
          margin:0px 30px 5px 45px;
          padding:2px;
          font-style: italic;
          color: #676767;
          text-align: right;
          }

.fotoreherb  {font-size: 55%;
          text-align: justify;
          float:right;
          border: solid #C0C0C0 1px;
          margin:0px 10px 5px 10px;
          padding:3px;
          }



/*                                                            GÄSTEBUCH */

.eintrag { background-color:white;
           color: #666366;
           font-size: 70%;
           border:1px solid #DDDDE9;
           padding: 0px;
           margin: 0px 0px 0px 0px;}

.innen {padding:15px;
        border-top: 1px solid #EDEDFA;
        background-color: #F5F8F1;

         }

td {padding: 15px 5px 15px 15px;
    line-height: 15px;
   color: #6C6C6C;
   font-size: 70%;
   text-align:left;
   vertical-align:top;
   border-bottom: 1px solid #E7ECDE;
    }

thead {background-color:#EAF4DE;
       font-size: 120%;
       font-weight: bold;
       color: #2B2C2B;

    }