* {
    margin: 0;
    padding: 0;
    }
    
    html, body {
    height: 100%;
    }
    
    body {
    font-family: Arial, sans-serif, Trebuchet MS;
    font-size: 85%;
    line-height: 140%;
    margin: 0;
    padding: 0;
    background: #619044;
    overflow-y: scroll;
    }
    
    #wrapper {
    position: relative;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0 auto -30px;
    }
    
    p, h1 {
    padding-bottom: 15px;
    line-height: 150%;
    }
    
    h1 {
    font-size: 120%;
    }
    
    #header {
    float: left;
    width: 100%;
    height: 120px;
    margin: auto;
    background: white;
    }
    
    #menu {
    width: 800px;
    margin: auto;
    }
    
    #logo { 
    margin-top: 1.5em; 
    float: left;
    width: 279px;
    height: 90px; 
    }
    
    #navi { 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 95%;
    margin-top: 2.6em; 
    float: right;
    width: 500px;
    height: 100px;
    list-style-type: none;
    }
    
    #navi li {
    display: inline;
    }

    #navi li a {
    color: #619044;
    margin: 0 0.1em;
    padding: 0.5em;
    text-decoration: none;
    }  
    
        #navi li a:hover { 
        color: white;
        text-decoration: none;
        background-color: #619044;
        }
        
        #navi li .aktiv { 
        color: white;
        text-decoration: none;
        background-color: #619044;
        }
    
    #mitte {  
    float: left;
    width: 100%;
    height: 250px;
    margin: auto;
    background-image: url(../zz_systemdaten/mitte-hg.jpg);
    background-repeat: x-repeat;
    }
    
    #hgbild { 
    background-image: url(../zz_systemdaten/monitorbild.png);
    background-repeat: no-repeat;
    width: 900px;
    height: 250px;
    margin: auto;
    }
    
    #slideshow { 
    float: left;
    margin-left: 55px;
    margin-top: -3px;
    }
    
    #monitorbild { 
    width: 370px;
    height: 259px;
    float: left;
    margin-left: 70px;
    padding-top: 5px; 
    }
    
    .aktuellesbild {
    margin-bottom: 25px;
    float: left;
    clear: left;
    }
    
      .aktuellesbild img {
      border: 1px solid #FFFF99;
      }
    
    .aktuellestext {
    float: left;
    padding: 0 0 15px 0;
    } 

    #container_aussen { 
    width: 100%;
    margin: auto;
    height: 250px;
    background-image: url(../zz_systemdaten/container_aussen-hg.jpg);
    background-repeat: x-repeat;
    background-position: center;
    }
    
    #container {
    width: 800px;
    margin: auto; 
    }
    
    #content { 
    width: 730px;
    padding: 3em;
    padding-bottom: 4em;
    float: left;
    border-left: 1px solid #FFFF99;
    border-right: 1px solid #FFFF99;
    color: #FFFF99;
    }
    
    .text {
    max-width: 500px;
    }
    
    .text a {
    color: #FFFF99;
    text-decoration: none;
    }
    
    .text a:hover {
    color: #61380B;
    text-decoration: underline;
    }
    
    #minheight {
    height: 45px;
    margin-top: 20px;
    clear: both;
    }
    
    #footer {
    font-size: 80%;
    color: white;
    padding-top: 15px;
    text-align: center;
    position: absolute;
    bottom: 0 !important;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    background-image: url(../zz_systemdaten/footer-hg.jpg);
    }
    
    .maschbildfirst {
    margin-bottom: 25px;
    float: left;
    clear: left;
    }
    
        .maschbildfirst img {
        border: 1px solid #FFFF99;
        }

    .maschbild {
    margin: 25px 0;
    float: left;
    clear: left;
    }
    
        .maschbild img {
        border: 1px solid #FFFF99;
        }

                   
    .maschtext {
    width: 300px;
    padding: 5px 0 0 20px;
    float: right;
    }
    
    hr {
    width: 500px;
    clear: both;
    height: 0;
    color: #FFFF99;
    }
    
    .disclaimer {
    font-size: 80%;
    }