body {
        background: url(picture_library/bg.jpg);

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;
     }
     
#banner {
         text-align: center;
         opacity: 0.7;
        }
        
ul#navigation {
                text-align: center;
                position: absolute;
                bottom: 10px;
                width: 100%
              }
  
ul#navigation li {
               font-size: 17px;
               font-family: Verdana, sansSerif, 'Times New Roman';
               list-style: none; 
               display: inline;
               margin: 0; 
               padding: 0;
               opacity: 0.7
             }
             
ul#navigation a, ul#navigation span {
                                        float: left; width: 20%;
                                        margin: 0.4em; padding: 0.2em 1em;
                                        text-decoration: none; font-weight: bold;
                                        color: #0297af; background-color: #white;
                                     }           

ul#navigation a:hover, ul#navigation span {
                                            border-color: white;
                                            border-left-color: black; border-top-color: black;
                                            color: #0257a3;
                                          }
                                          
ul#navigation div {
                     clear: left;
                  }
                  
#textfeld {
             background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
             background: rgba(255, 255, 255, .6);
             position: relative; top: 15px;
             bottom: 15px;
             width: 775px;
             min-height: 400px;
             max-height: 710px;
             display: block;
             margin-left: auto;
             margin-right: auto;
             padding: 1px 10px 1px 10px;
             overflow: auto;
             border-radius: 20px;
          }
          
#content {
          opacity: 1;
          text-align: center;
         }
   
iframe#googlemap {
                    width: 750px;
                    height: 400px;
                    border: 0px;
                    overflow: hidden;
                    position: relative;
                 }
         
#googlemapcontent {
                    width: 750;
                    margin-left: auto;
                    margin-right: auto;
                    height: 400;
                    float: left;
                    border-style: ridge;
                    border-color: black;
                    margin-bottom: 15px;
		          }
		          
#backendcalendar {
                   margin-top: 100px;
                   width: 800px;
                   margin-left: auto;
                   margin-right: auto;
                   text-align: center;
                 }
                 
#frontendcalendar {
                    margin-bottom: 15px;
                    width: 750px;
                    margin-left: auto;
                    margin-right: auto;
                    text-align: center;
                  }
                  
#galery {
          position: relative; top: 70px;
          bottom: 15px;
          width: 100%;
          min-height: 350px;
          max-height: 600px;
          display: block;
          margin-left: auto;
          margin-right: auto;
          overflow: auto;
          padding: 1% 10% 1% 10%;
        }       

#contentgal {
          opacity: 1;
          text-align: center;
          border-radius: 20px;
         }                  
                                          
     
h1 {
       color: solid black;
   }