html, body
  /* STYLES FUER WEBSITE */
     * {
          margin: 0;
          padding: 0;
     }
      body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;
        background-color: #019734;
        color: #fff;
      }
       /* CONTAINER */
    #wrapper {
      width: 100em;
      position: relative;
      margin: 2% auto;
      border: 15px solid #FFFFFF;
      background:url(../Bilder/Deckblatt3.gif) repeat-y;
      background-color: #019734;
      color: #000;
     }
       #header {
      height: 40px;
        background-color: #450000;
        color:#FFFFFF;
    }
       #content {
       margin-left: 36em;
       background-color: #C6EDD9;
       border: 5px solid #019734;
        color: #000;
          }
       #footer {
           clear: both;
           margin: 20px 0 0 0;
           padding: 5px 0 5px 10px;
           border-top: 1px solid #000;
           background-color: #450000;
           color: #fff;
       }
      /* MENUES */
     /* Hauptmenue oben */
      #hauptmenue {
      position: relative;
      min-height: 1em;
      border-bottom: 1px solid  #450000;
      background-color: #a00;
      color: #fff;
      }
     #hauptmenue ul {
      position: absolute;
      top: 0;
      right: 0;
       list-style: none;
      }
      #hauptmenue ul li{
      float: left;
      width: 12em;
      margin: 3px 10px 0 10px;
      text-align: center;
      border: 1px solid #450000;
      }

    #hauptmenue ul li a{
      display: block;
      padding: 1px 10px;
      font-weight:bold;
      text-decoration: none;
      background-color: #a00;
      color: #fff;
      }
      #hauptmenue ul li a:hover {
       background-color: #019734;
      color: #fff;
            }
           /*Aktueller Link - Variante 1 */
       #hauptmenue ul li a.aktuell {
       background-color: #000;
       color: #fff;
        border: 1px solid #a00;
            }
          /*Aktueller Link - Variante 2 */
        #hauptmenue ul li span.aktuell {
        display: block;
        padding: 1px 10px;
         font-weight:bold;
       background-color: #019734;
       color: #fff;
            }
   
           /*Untermenue linke Spalte*/
        #menue {
        float: left;
        width: 17em;
        margin: 10px ;
    }
        #menue ul {
    list-style: none;
    margin-left: 10px;
    }
    #menue ul li {
     margin: 10px 0;
    }
    #menue ul ul {
    margin-left: 25px;
    }
    #menue ul a {
    display: block;
    font-weight:bold;
    padding-left: 10px;
    text-decoration: none;
    background-color: #019734;
    color: #FFFFFF;
    border: 1px solid #C6EDD9;
    }
    #menue ul a:hover {
         background-color: #a00;
         color: #fff;
     }
        /*Aktueller Link - Variante 1 */
       #menue ul li a.aktuell {
        display: block;
        padding: 0 0 0 10px;
       background-color: #a00;
       color: #fff;

            }
          /*Aktueller Link - Variante 2 */
        #menue ul li span.aktuell {
        display: block;
        padding: 0 0 0 10px;
        text-decoration: none;
        font-weight: bold;
       background-color: #a00;
       color: #fff;
       border: 1px solid  #c0b090;
            }
       /*Formate im CONTENT-BEREICH */
      #content h1 {
          margin: 20px 10px 10px 0;
          padding: 5px 0 0 10px;
          font-family: Georgia, Verdana,Helvetica, Arial, sans-serif;
          font-size: 180%;
          font-style: italic;
          letter-spacing: 2px;
          background-color: #C6EDD9;
          color: #450000;
          }
     #content h2 {
          margin: 10px 0;
          padding: 5px 0 0 10px;
          font-size: 130%;
          background-color: #C6EDD9;
          color: #500;
      }
     #content p {
          margin: 10px 0;
          padding: 0 10px;
      }
       #content ul {
          margin: 10px 5px 10px 30px;
      }
      /*BILD-Container */
      #content #imagebox {
          margin: 5px;
      }
    #content #imagebox img{
          margin: 5px;
          padding: 5px;
      }
       /*FLOATING-IMAGES */
     #content .fl-right {
         float: right;
         width:  auto;
     }
      #content .fl-left {
         float: left;
         width:  auto;
     }
       /*FORMATE IM FOOTER */
    #footer p {
     margin-right: 20px;
     padding: 3px 0;
     font-size: 90%;
     text-align: right;

      }
     #footer a {
     text-decoration: none;
     background-color: #450000;
         color: #e0d0b0;
      }
      #footer a:hover {
         background-color: #450000;
         color: #f0e0c0;
         border-bottom: 1px solid #fc3;
         }
      /* SONSTIGES */
      img {
        border-right: 3px solid #d1d1d1;
  border-bottom: 3px solid #d1d1d1;
  padding-right: 3px;
  padding-bottom: 3px;
  background-color: #B9B9B9;
  
      }
          /* Reparaturen fuer Internet Explorer */
          #hauptmenue {
              height: 1em;
          }
        /* hasLayout erzwingen */
        #menue ul li,
        #menue ul li span,
        #menue ul a,
        #content,
        #content #disc-box,
        #content #sitemap a {
            height: 1%;
        }
   /*FORMATE IM FORMULAR */
  
input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
label{
        display: block;
        float: left;
        width: 125px;
        margin: 5px 0;
        padding: 0 0 0 10px ;
    }
    input, textarea{
        width: 250px;
        
         border: 1px solid #4b408c;
    margin: 3px 0;
    padding: 3px 3px;

    }
    

    select {
        font-family: Arial, sans-serif;
        font-size: 1em;
        width: 12em;
        border: 1px solid #4b408c;
        margin: 3px 0;
        padding: 3px ;
    }
      

 body {
  text-align: left;

  font-family: Arial,Helvetica,sans-serif;
  font-size: 76%;
}

 /*Fotogalerie*/ 

/*Gesamter Kasten*/ 

#fotogalerie { 
    position: relative; 
    width: 750px; 
    height: 700px; 
    margin: 10px auto; 
    border: 1px solid #aaa; 
     } 
    
#fotogalerie ul{ 

    width: 250px; 
    height: 700px; 
    margin: 5px; 
    float: right;
    list-style-type:none; 
    
    } 
    
#fotogalerie li { 

    float: left; 
    } 
/* Border für thumbnails hover*/    
#fotogalerie a.gallery:hover { 
     border: 1px solid #fff; 
    } 
    
/* Platz für hover Foto*/ 
#fotogalerie a.gallery:hover span { 
    position:absolute; 
    width: 400px; 
    height: 650px; 
    top: 10px; 
    right: 5px;    
     
    
    } 
    
#fotogalerie a.gallery:hover img { 
    
      
    float: left; 
    margin-right: 5px; 
    }  
    
#fotogalerie a.gallery span{ 

    position:absolute; 
    width: 1px; 
    height: 1px; 
    top: 5px; 
    left: 5px; 
    overflow: hidden; 
     } 

#fotogalerie a.gallery, #fotogalerie a.gallery:visited { 
    display:block; 
    color:#aaa; 
    text-decoration:none; 
    border:1px solid #aaa; 
    margin:10px 2px 10px 2px; 
    text-align:left ; 
    cursor:pointer;
    color: #450000;
     letter-spacing: 2px;
    } 
#fotogalerie a.slidea { 
    background:url(../Bilder/Flachstahlwangentreppe1_t.jpg); 
    height:148px; 
    width:111px; 
    } 
#fotogalerie a.slideb { 
    background:url(../Bilder/Flachstahlwangentreppe2_t.jpg); 
    height:148px; 
    width:111px; 
    } 
#fotogalerie a.slidec { 
     background:url(../Bilder/Flachstahlwangentreppe3_t.jpg);
    height:148px;
    width:111px;
    } 
#fotogalerie a.slided { 
     background:url(../Bilder/Flachstahlwangentreppe4_t.jpg);
    height:148px;
    width:111px; 
    } 

#fotogalerie a.slidee { 
     background:url(../Bilder/Flachstahlwangentreppe5_t.jpg);
    height:148px;
    width:111px;
    } 
#fotogalerie a.slidef { 
     background:url(../Bilder/Flachstahlwangentreppe6_t.jpg);
    height:148px;
    width:111px;
    } 
 #fotogalerie a.slideg {
     background:url(../Bilder/Flachstahlwangentreppe8_t.jpg);
    height:111px;
    width:148px;
    }
 #fotogalerie a.slide1 {
     background:url(../Bilder/Spindeltreppe4_t.jpg);
    height:148px;
    width:111px;
    }
    
 #fotogalerie a.slide2 {
     background:url(../Bilder/Spindeltreppe5_t.jpg);
    height:148px;
    width:111px;
    } 
  
  #fotogalerie a.slide3 {
    background:url(../Bilder/Gelaender1_t.jpg);
    height:111px;
    width:148px;
    }
    
  #fotogalerie a.slide4 {
     background:url(../Bilder/Gelaender2_t.jpg);
    height:111px;
    width:148px;
    }
    
    #fotogalerie a.slide5 {
     background:url(../Bilder/Gelaender3_t.jpg);
    height:111px;
    width:148px;
    } 
    
   #fotogalerie a.slide6 {
     background:url(../Bilder/Gelaender4_t.jpg);
    height:111px;
    width:148px;
    } 
    
   #fotogalerie a.slide7 {
     background:url(../Bilder/Gelaender5_t.jpg);
    height:111px;
    width:148px;
    }  
    
    #fotogalerie a.slide8 {
     background:url(../Bilder/Dreiecksgelaender1_t.jpg);
    height:148px;
    width:111px;
    } 
    
    #fotogalerie a.slide9 {
     background:url(../Bilder/Harfentreppe1_t.jpg);
    height:148px;
    width:111px;
    } 
    
    #fotogalerie a.slide10 {
     background:url(../Bilder/Harfentreppe2_t.jpg);
    height:148px;
    width:111px;
    }
    
    
     #fotogalerie a.slide12 {
     background:url(../Bilder/Harfentreppe4_t.jpg);
    height:148px;
    width:111px;
    }
    
       #fotogalerie a.slide13 {
     background:url(../Bilder/Harfentreppe5_t.jpg);
    height:111px;
    width:148px;
    }
    
      #fotogalerie a.slide14 {
     background:url(../Bilder/Harfentreppe6_t.jpg);
    height:111px;
    width:148px;
    }
    
    #fotogalerie a.slide15 {
     background:url(../Bilder/Harfentreppe7_t.jpg);
    height:111px;
    width:148px;
    }
     #fotogalerie a.slide20 {
     background:url(../Bilder/Zweiholmtreppe1_t.jpg);
    height:111px;
    width:148px;
    }
     #fotogalerie a.slide21 {
     background:url(../Bilder/Zweiholmtreppe2_t.jpg);
    height:111px;
    width:148px;
    }
     #fotogalerie a.slide22 {
      background:url(../Bilder/Zweiholmtreppe3_t.jpg);
    height:148px;
    width:111px;
    }
      #fotogalerie a.slide23 {
     background:url(../Bilder/Zweiholmtreppe4_t.jpg);
    height:111px;
    width:148px;
    }
    
     #fotogalerie a.slide24 {
     background:url(../Bilder/Aussentreppe1_t.jpg);
    height:111px;
    width:148px;
    }