body,html {background-image: url(images/background.jpg);
    font-family: "Lucida Sans Unicode","Lucida Grande", Arial, sans-serif;
    font-size:10pt;
    color:#00923f;
    width: 100%; height:100%;
    margin:0; padding:0;}

h1 {font-size:12pt;
   font-weight: bold;
   text-align: center;
   color: #F37021;}

h2 {font-size: 11pt;
   color: #F37021;}

h3 {font-size: 10pt;
    color: #009540;}


#navioben    {position:relative;
             margin:0;
             margin-top:20px;
             z-index:3;
             padding:0;
             width:850px;
             }

#naviunten   {position:relative;
             height:20px;
             margin-top:0px;
             margin-right:0px;
             z-index:3;
             width:100%;
             }

#schalt2   {position:relative;
           margin-top:10px;
           margin-left:30px;
           z-index:3;
           width:700px;
           }

.balken      {font-size:13pt;
             text-align:center;
             }

.balken2     {font-size:12pt;
             text-align:center;
             }

#blume       {position: absolute;
             bottom:0px; left:0px;
             z-index:1;
             }

#container   {position:relative;
             z-index:2;
             min-height: 100%;
             margin-top:30px;
             }

#text        {position:relative;
             margin-top:20px;
             margin-left:30px;
             width:780px;
             z-index:40;
             padding-bottom:30px;}

#logo        {position: absolute;
             top:20px; right:20px;
             z-index:1;
             }

a:link       {color:#f37021;
             text-decoration: none;
             }

a:visited,a:active     {color:#009540;
                       text-decoration: none;
                       }

a:hover      {color:#009540; background-color:#FFFFFF;
              text-decoration: none;
              }

ul#navi, .navili, ul#navi2 {
    position:relative;
    z-index:50;
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
     }

ul#navi a{
    float: left; width:160px;
    margin:0; margin-right:2px; padding: 2px;
    text-decoration: none;
    border: 1px solid #F8A472;
    border-left-color: white; border-top-color: white;
    color: #F37021; background-color: #FFFBF9;
    }

ul#navi2 a{
    float: left;
    margin-top:5px; margin-right:2px; padding: 2px 10px;
    text-decoration: none;
    border: 1px solid #F8A472;
    border-left-color: white; border-top-color: white;
    color: #F37021; background-color: #FFFBF9;
      }

ul#navi3 a{
    float: right; width:160px;
    margin:0; margin-right:2px; padding: 2px;
    text-decoration: none;
    border: 1px solid #F8A472;
    border-left-color: white; border-top-color: white;
    color: #F37021; background-color: #FFFBF9;
      }

ul#navi a:hover, ul#navi2 a:hover, ul#navi3 a:hover{
    border-color: white;
    border: 1px solid #F8A472;
    border-left-color: white; border-top-color: white;
    color: #009540; background-color: #FBD3BB;
    }

ul#navi a:visited, ul#navi2 a:active, ul#navi3 a:visited{
    border-color: white;
    border: 1px solid #F8A472;
    border-left-color: white; border-top-color: white;
    color: #009540; background-color: #FFFBF9;
    }

.galerie{
        margin-left:0px;
        width:850px;
        margin-top:20px;
        padding:0px;
        border: 15px;
        position:relative; top:0px; right:0px;
        float:left;
     }

.pic-navi{
        padding:7px 0 0px 0;
        width:350px;
        float:left;
     }

.pic-navi a img{
       width:100px; height:75px;
       padding:0px;
       margin:1px 1px 2px 1px;
       border:1px solid #4089AC;
       float:left;
       background:#EFEFEF;

     }

.pic-navi a:hover img{
       border:1px solid #000000;
    }

div.pic-navi a{
       padding:0;
       margin:0;
    }

div.pic-navi a span {
       display: none;
       color:#AF00FF;
       background:#efefef;
    }

div.pic-navi a:hover{
       color: #FF7F7F;
       background: #ffffff;
       padding:0;
       margin:0;
    }

div.pic-navi a:hover span {
       display: block;
       position: absolute; top:4px; right:0px;
       width: 500px;
       margin: 0px;
       z-index: 100;
       padding: 380px 0px 10px 0px;

       /* aussehen der box mit bildtext*/
       color: #009540;
       font: 11px verdana, sans-serif;
       text-align: center;
       border:4px solid #DFDFDF;


       /* position des hintergrund */
       background-color:#EFEFEF;
       background-position: 0px 0px;
       background-repeat: no-repeat;
   }