* {
     margin: 0;
     padding: 0;

}

html, body {
     /* background-color: #C0C0C0;
    background-image: url(../images/hinterg1.gif);
     background-repeat: repeat-y;
     
     
     background-image: url(../images/gras.png);
     background-repeat: repeat; #58A458*/
     background-color: #58A458; 
     font-family: Arial;
     font-size: 9pt; 
     height: 100%;
                             
}

body input {
    font-family: Arial;
     font-size: 9pt;
}

.button {
      border: none;
      display: block;
      text-align: center;
      cursor: pointer;
      text-transform: uppercase;
      outline: none;
      overflow: hidden;
      position: relative;
      color: #eeeeee;
      font-weight: 600;
      font-size: 15px;
      background-color: #1C4D1B;
      padding: 15px 50px;
      margin: 0 auto;
}

.button span {
      position: relative;
      z-index: 1;
      }
      .button:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 470%;
      width: 140%;
      background: #58A458;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
      transform: translateX(-100%) translateY(-25%) rotate(45deg);
}

.button:hover:after {
      -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
      transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

#strahmen {
 /*background-color: #FFFFFF;  */
   background-image: url(../images/durchsichtig8.png);
     background-repeat: repeat-y;
   /*   background-image: url(../foto/12b.png);
     background-repeat: repeat-y;*/
     
    /* 
      min-height: 100%;    
      width: 900px;
     margin: 0 auto;
     padding: 15px;   
       
     -moz-border-radius: 15px 15px 15px 15px;
     -webkit-border-radius: 15px 15px 15px 15px;
     border-radius: 15px 15px 15px 15px;*/ 
     position: relative;
     min-height: 100%;  
     padding: 15px 15px 0px 15px;
     height: auto !important;
     overflow: hidden !important;
     width: 900px;
     margin-right: auto;
     margin-left: auto;
    

     -moz-border-radius: 15px 15px 15px 15px;
     -webkit-border-radius: 15px 15px 15px 15px;
     border-radius: 15px 15px 15px 15px;
}

#strahmen1 {
     background-image: url(../foto/12bb.png);
     background-repeat: repeat-y;
      
   /*   background-color: #FFFFFF;
                                    */
   
   /*    min-height: 100%;
      width: 900px;
     margin: 0 auto;
     padding: 15px;

     -moz-border-radius: 15px 15px 15px 15px;
     -webkit-border-radius: 15px 15px 15px 15px;
     border-radius: 15px 15px 15px 15px;*/
     position: relative;
     min-height: 100%;
     padding: 15px 15px 0px 15px;
     height: auto !important;
     overflow: hidden !important;
     width: 900px;
     margin-right: auto;
     margin-left: auto;


     -moz-border-radius: 15px 15px 15px 15px;
     -webkit-border-radius: 15px 15px 15px 15px;
     border-radius: 15px 15px 15px 15px;
}


#seite  {
  
   /* background-image: url(../images/inhaltsbereich.png);
     background-repeat: no-repeat; */
    
   /* position: relative; 
    min-height: 100%;     
    
            
    margin-bottom: 30px;
    width: 900px; */
   /* background-color: yellow; 
    position: relative;
     min-height: 100%;
     width: 900px;
     margin: auto;
     height: auto !important;
     overflow: hidden !important; */
     /*background-image: url(../Bilder/hinter.jpg);
     background-repeat: repeat-y;*/

}

#steuerungrechts {
    width: 180px;
    float: right;
    margin-top: 1em;
}

#steuerungrechts p {
    margin-top: 0.5em;
} 

#flach {
    background-image: url(../foto/12aaaa.png);
     background-repeat: no-repeat;
     width: 900px;
     height: 20cm;
}
/*#flach3 {
    background-image: url(../foto/12b.png);
     background-repeat: no-repeat;
     width: 900px;
     
}  
#flach3 {
    background-image: url(../foto/12ab.png);
     background-repeat: repeat-y;
     width: 900px;
     height: 5cm;
}
*/
#inhalt  {
    padding: 5px 6px 3em 15px;
    margin-left: 170px;
    margin-right: 190px;       
   
    padding-bottom: 5em;
   /* background-color: orange;
    padding-bottom: 50px;*/
}

#inhalt22  {
    padding: 5px 6px 3em 15px;
    margin-left: 170px;
    margin-right: 0px;

    padding-bottom: 5em;
   /* background-color: orange;
    padding-bottom: 50px;*/
}

#inhalt30  {

    padding: 5px 0px 3em 0px;
    /*margin-left: 170px;
    margin-right: 190px;*/

    padding-bottom: 5em;
   /* background-color: orange;
    padding-bottom: 50px;#1C4D1B*/
}

#fussbereich  {
 
    position: absolute;    
    bottom: 0;
    margin-top: 8em;
    width: 930px;
    background: #1C4D1B;
    padding: 6px 0px 6px 0px; 
    left: 0px;
    right: 0px;
    font-size: 0.9em;
    text-align: center;
    color: #FFFFFF;
    height: 40px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    z-index: 5;
}
#fussbereich table {
    width: 100%;
}


#fussbereich  .fusstab1 {
    width: 90%;
    text-align: center;
    font-size: 0.9em;
    color: #FFFFFF;
}

#fussbereich  .fusstab1 a {
    color: #46D3F6;
}

#fussbereich  .fusstab1 a:hover {
    color: yellow;
}

#fussbereich  .fusstab2 {
    width: 10%;
    text-align: center;
}



#kopfbereich{
    position: relative;
    background-image: url(../images/oben1a.jpg);
     background-repeat: no-repeat;
    height: 189px;
    width: 900px;
    
    z-index: 1;
  /*  background-color: blue;
    background-image: -webkit-linear(gradient, center top, center bottom, from(#1C3A60), to(#74A474));
    background-image: -webkit-linear-gradient(#1C3A60,#74A474);
    background-image: -moz-linear-gradient(#1C3A60,#74A474);
    background-image: -ms-linear-gradient(#1C3A60,#74A474);
    background-image: -0-linear-gradient(#1C3A60,#74A474);
    background-image: linear-gradient(#1C3A60,#74A474); */

}


#steuerunglinks {
    
    padding-top: 1em;
    float:left;
    width:170px;
    text-align: left;
    padding-bottom: 2em;
   
    
}

#steuerunglinks a {
    text-decoration: none;
    color: #F4FAF7; 

}

  #steuerunglinks ul {
    display: block;
    width:160px;
    list-style: none;
    margin: auto;
} 

#steuerunglinks li {
    line-height: 2.5em;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    background-color: #F1F1F1;
    border:1px solid #2B6280;
} 

.kopfabsatz {
    position: absolute;
    top: 1.8em;
    right: 6.0em;
    color: #E52010;
    font-family: Times;
    font-size: 3.2em;
    font-weight: bolder;
    text-shadow:  10px 23px 6px #96A0A9;
}

.kopfabsatz2 {
    position: absolute;
    top: 4.9em;
    right: 11.3em;
    color: #000000;
    font-size: 2.4em;
    font-weight: bolder;
    font-family: Times;
    letter-spacing: 3px;
}

.kopfabsatz4 {
    position: absolute;
    top: 0.8em;
    right: 4.8em;
    color: #E7E7E7;
    font-family: monospace;
    font-size: 3.2em;
    font-weight: bolder;
    text-shadow:  22px 16px 3px #96A0A9;
}

.kopfabsatz5 {
    position: absolute;
    top: 4.8em;
    right: 5.8em;
    color: #404040;
    font-family: Times;
    font-size: 2.2em;
    font-weight: bolder;
    text-shadow:  22px 16px 3px #96A0A9;
}

.kopfabsatz3 {
    position: absolute;
    top: 1.9em;
    right: 7.3em;
    color: #1C501B;
    font-family: monospace;
    font-size: 3.2em;
    font-weight: bolder;
    text-shadow:  22px 16px 3px #95D195;
} 

.kopflogo {
    position: absolute;
    top: 1.5em;
    left: 4.5em;

}

.kopflogo2 {
    position: absolute;
    top: 2.5em;
    left: 2.5em;

}

.kopflogo3 {
    position: absolute;
    top: 1.5em;
    right: 5.5em;
    z-index: 2;
}

.kopflogo4 {
    position: absolute;
    top: 2.5em;
    right: 2.5em;

}
#steuerungoben {
    background-color: #1C4B1C;
    /* background-image: -webkit-linear(gradient, center top, center bottom, from(#1C4B1C), to(#1D731B));
    background-image: -webkit-linear-gradient(#1C4B1C,#1D731B);
    background-image: -moz-linear-gradient(#1C4B1C,#1D731B);
    background-image: -ms-linear-gradient(#1C4B1C,#1D731B);
    background-image: -0-linear-gradient(#1C4B1C,#1D731B);
    background-image: linear-gradient(#1C4B1C,#1D731B); */
}


#steuerungoben ul {
    list-style-type: none;
    width: 700px;

    padding-left: 165px;
}

#steuerungoben li {
    display: inline;
    margin-left: 23px;

}

#steuerungoben li:hover {
    display: inline;
    background-image: url(../images/oberemuster4.jpg);
     background-repeat: no-repeat;
	color: #000000;
    padding: 8px 0px 16px 0px;
}

/*#steuerungoben2 #steuerungoben li:hover  {
  display: inline;
  margin-bottom: 1.9em;
  height: 0.6em;
  background-image: url(../images/muster1.jpg);
  background-repeat: no-repeat;
  border-top: 1px solid #1C511B;

}*/

#steuerungoben a {

    line-height: 2.5em;
    padding: 3px;

    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    color: #FFFFFF;
    /*border:2px solid #999999;*/
}