@charset "ISO-8859-1";



/* G e s a m t k ö r p e r  */

 body {
    background-color: white;
    margin: 0; padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
    }





/*   S E I T E    */

  div#Seite {
    font-family: Verdana,Arial; font-size:10pt;
    color: #AA5500;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 985px;
    margin: 10px auto;      /* standardkonforme horizontale Zentrierung */
    padding: 0;
    background: white;
    border: solid 1px silver
   }



/* - M e n ü  - o b e n */

#menuoben {
  background: #DDDDDD;
  line-height:20px;
  height:20px;
  padding: 0; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
  margin: 0;
  text-align: right;
  color:#ffffff;text-decoration:none;font-family:verdana, arial; font-size: 10pt;


}
#menuoben a {
  color:#ffffff;text-decoration:none;font-family:verdana, arial; font-size: 10pt;
  border-left:solid 1px white;
  line-height:20px;
  height:20px;
  width:120px;
  background-color: #888888; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
  text-decoration: none;
}


#menuoben a:visited {
  background-color: #888888;
  line-height:20px;
  border-left:solid 1px white;
  height:20px;
  width:120px;
  color:#ffffff;text-decoration:none;font-family:verdana, arial; font-size: 10pt; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
  text-decoration: none;
}


#menuoben a:active {
  background-color: #888888;
  line-height:20px;
  border-left:solid 1px white;
  height:20px;
  width:120px;
  color:#ffffff;text-decoration:none;font-family:verdana, arial; font-size: 10pt; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
  text-decoration: none;
}


#menuoben a:hover {
  background-color: orange;
  border-left:solid 1px white;
  width:120px;
  line-height:20px;
  height:20px;
  color:#ffffff;text-decoration:none;font-family:verdana, arial; font-size: 10pt; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
  text-decoration: none;
}


/*   ############# L O G O ############ */


div#logo { text-align: center;
    margin: 0;      /* standardkonforme horizontale Zentrierung */

    padding: 0;
    border: 0; 
}

div#logo {
background-color:#FFFFFF; 
border-bottom:solid 1px #DDDDDD;
color:#FFE359;  
text-decoration:none ;
font-family: verdana, arial; 
font-size: 18pt;
height:78px;
background-image:url(http://www.mediterrangarten.de/nordbiene/back.jpg);
background-repeat:no-repeat;

}


#logo h1 { font-family: verdana,arial;
    text-align: center;
    font-size: 1.3em;
    color:#AA5500;
    margin: 0; padding: 0;
    }

#logo h2 { font-family: verdana,arial;
    text-align: center;
    font-style: italic;
    font-size: 0.7em;
    margin: 0; padding: 0;
    color:#AA5500;
  }

#logo h3 { font-family: verdana,arial;
    text-align: center;
    font-weight: normal;
    font-size: 0.5em;
    margin: 0; padding: 0;
    color:#AA5500;
  }

.logo {

      float:right;
      margin-top:10px;

      }

/* ##### Z e i l e  u n t e r  d e m  L o g o ### */

#unterdemlogo {
  background: #DDDDDD;
  line-height:20px;
  height:20px;
  color:maroon;text-decoration:none;font-family:verdana, arial; font-size: 10pt;
  padding: 0; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
  margin: 0;
  
  }

.menu {
     margin-left: 9px;
      }

.rubrik {
     margin-left: 95px;
      }

/* ############# M E N Ü  L I N K S  ############### */

  ul#Navigation {
    background-color: #DDDDDD;
    font-size: 8pt;
    float: left; width: 120px;
    margin: 0; 
    padding: 0;
    min-height:2000px;

  }
  ul#Navigation li {
    background-color: #DDDDDD;
    color:maroon;text-decoration:none;font-family:verdana, arial; font-size: 8pt;
    list-style: none;

    margin: 0; padding: 0;
   

    }

  ul#Navigation span {
    padding: 9px;

    color:maroon;text-decoration:none;font-family:verdana, arial; font-size: 10pt;
    
  }


  ul#Navigation a {
    display: block;
    color:black;text-decoration:none;font-family:verdana, arial; font-size: 8pt;
    padding: 5px;

  }
  ul#Navigation a:link {
    color:black;text-decoration:none;font-family:verdana, arial; font-size: 8pt; 
    background-color: #DDDDDD;
  }
  ul#Navigation a:visited {
    color:black;text-decoration:none;font-family:verdana, arial; font-size: 8pt; 
    background-color: #DDDDDD;
  }
  ul#Navigation a:hover {
    color:black;text-decoration:none;font-family:verdana, arial; font-size: 8pt; 
    background-color: orange;
  }
  ul#Navigation a:active {
    color:black;text-decoration:none;font-family:verdana, arial; font-size: 8pt; 
    background-color: #DDDDDD;
  }


/* ######  H A U P T I N H A L T S S E I T E  #### */


  div#Inhalt {
    font-size: 10pt;
    line-height:20px;    
    margin-top: 20px;
    padding-left: 140px;
    padding-right: 20px;
    background-color: white;
    

  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;

  }

    .foto {
          margin: 10px;
          border: solid 1px #aaa;
          padding: 1px;
          max-width: 95%;

          }

    div#Inhalt h1 {
    font-size: 18pt;
    line-height:35px;
    margin: 0;
    color: silver;
    }

  div#Inhalt h2 {
    font-size: 12pt;
    line-height:25px;
    margin: 0;
    color: #888888;
  }
  div#Inhalt p {

    
    color: #AA5500;
    text-align: justify;

  }


   div#Inhalt table {
       color:#AA5500;
       margin: 10px;
        }

   .Auflistung {
            color: #AA5500;
            line-height:20px;

               }
    .bold {
          font-weight:bold;

          }
    
    .klein {
          font-size:6pt;
          line-height:10px;
           }
/*  ################  F u ß z e i l e  #################  */


  p#footer {
    clear: both;
    font-size: 8pt;
    color: white;
    margin: 0; padding: 0;
    text-align: center;
    background-color: #888888;
    border-top: 1px solid silver;
  }



/* ############# allgemeine links im text ############### */

a:link{ color: #AA5500; text-decoration:underline;font-family: verdana; font-size: 10pt;}

a:visited{color:#AA5500;text-decoration:underline;font-family: verdana; font-size: 10pt;}

a:active{ color:#AA5500;text-decoration:underline;font-family: verdana; font-size: 10pt; }

a:hover{ color:orange;  text-decoration:underline;font-family: verdana; font-size: 10pt; }


/* ##### Infobox rechts ### */

.infobox {
  border-style: dashed;
  border-width: 1px;
  margin: 10px;
  padding: 3px;
  background-color: #dddddd;
  float: right;
  font-family: verdana,arial;
  font-size: 8pt;
  line-height: 16px;
  color: #aa5500;
  width: 250px;
}
.infoheader {
  font-weight: bold;
  font-family: verdana,arial;
  font-size: 10pt;
  line-height: 0px;
  color: #aa5500;
}