<style type="text/css">


            

           #logo {
                background-color:none;
                width:1cm;
                position: absolute;
                top:0px;
                 }

           #test {
                font-size:1cm;
                background-color:#D8D8D8;
                 font-family:Futura, "Trebuchet MS", sans-serif;
                 }
            
           #button{
               margin-left: 7.5cm;
               margin-top: 2.5cm;
               margin-bottom: -1cm;
               cursor:pointer;
               font-size:20px;
               font-family:Futura, "Trebuchet MS", sans-serif;
               background-color:#D8D8D8;
               display: inline-block;
               text-decoration: none;
               border:none;
               color:black;
               
            }
            
            button:focus {outline:0;}

            body{
            overflow-x: hidden;
            background-color:#D8D8D8;
            margin:0;
            }

            
           .gallerylinks{
              color: black;        
            }

            .gallerylinks:hover{
              color: #29abdb;        
            }

            h1 {
            text-decoration: overline;
            
            }

            .headline {
            text-decoration: overline;  
            font-size:25px;
                
            }

            .quotes {
            padding: 0px 10px 0px 10px;
            font-size:15px;
            line-height: 1.5;    
            color:#D8D8D8;
            font-style: italic;    
                
            }

            .flyer {
            text-decoration:none;
            color:black;    
            }

            .flyer:hover {
                    color: #29abdb;
            }
          



           .navigationsleiste ul {
                padding: 10px 20px 10px 70px;
                margin-left:32;
/*                background-color: #42587E;*/
                width: 100%;
                height:50px;
                position: absolute;
                top: 0;
                left:150px;
                font-family:Futura, "Trebuchet MS", sans-serif;
            }
            

            .navigationsleiste li {
                display: inline;
                list-style-type: none;
                padding: 0px 0px 0px 0px;
                

        
        
            }
        

            .navigationsleiste a:link {
                display: block;
                float: left;
                color:black;
                text-decoration:none;
                top:0;
                height:40px;
                font-size:25pt;
                padding: 10px 20px 10px 20px;
                
            }
            .navigationsleiste a:visited{
               color:black;
            }

       /*     a.currentLinktop:link, a.currentLinktop:visited {
            color: #29abdb;
            }*/


            a.currentLinktop:link, a.currentLinktop:visited {
                display: block;
                float: left;
/*                background-color: #29abdb;*/
                color:#29abdb;
/*                text-decoration:none;*/
                height:30px;
                font-size:25pt;
                padding: 10px 20px 10px 20px;
            
                }


  
            .sidebar ul {
                background-color:#42587E;
                font-family:Futura, "Trebuchet MS", sans-serif;
                margin: 0px;
                padding:0px;
                top:0px;
                left:0px;
                width:200px;
                height:170%;
                line-height:2;    
}

            .sidebar a:link{
                
                display:block;
                width:190px;
                height:30px;
                text-decoration:none;
                font-size:15pt;
                padding: 0px 0px 10px 10px;
                
           }


/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.submenu {
  list-style: none;
  position: relative;
 padding: 0px 0px 0px 0px;
  margin: 0px;
}
/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  display: block;
  text-decoration: none;
  padding: 0px;
  color: white;
}
/* add hover behaviour */
.mainmenu a:hover {
    background-color: #C5C5C5;
}
/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/
.mainmenu li:hover .submenu {
  display: block;
 max-height: 320px;
}
/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/
.submenu a {
  background-color: #999;
  color:black;    
}
/* hover behaviour for links inside .submenu */
.submenu a:hover {
    background-color: #666;
}
/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.8s ease-out;
}


/* reset our lists to remove bullet points and padding */
.mainmenu2, .submenu2 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.submenu2 {
  list-style: none;
  position: relative;
 padding: 0px 0px 0px 0px;
  margin: 0px;
}
/* make ALL links (main and submenu) have padding and background color */
.mainmenu2 a {
  display: block;
  text-decoration: none;
  padding: 0px;
  color: white;
}
/* add hover behaviour */
.mainmenu2 a:hover {
    background-color: #C5C5C5;
}
/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/
.mainmenu2 li:hover .submenu2 {
  display: block;
 max-height: 160px;
}
/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/
.submenu2 a {
  background-color: #999;
  color:black;    
}
/* hover behaviour for links inside .submenu */
.submenu2 a:hover {
    background-color: #666;
}
/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu2 {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.8s ease-out;
}










a.current:link, a.current:visited {
  color: #29abdb;
  background-color:#D8D8D8;
  pointer-events: none;
}







            #contents {
                float: left;
                margin-left:160px;
                margin-top:20px;
              font-family:Futura, "Trebuchet MS", sans-serif;
            
            }

            .content {
                float: left;
                position: fixed;
                margin-left:0px;
                margin-top:0px;
              font-family:Futura, "Trebuchet MS", sans-serif;
            
            }


            .text {
            width:70%;
            margin-left:200px;   
            top:3cm;
            margin-top:1cm;
            padding-left:2.1cm;
            float: left;
            font-family:Futura, "Trebuchet MS", sans-serif;    
            /*border: 3px solid #73AD21;*/  
     
            }



            table {
            border-spacing: 0px;
            }

            td {
            height: 50px;
            vertical-align: top;
            }
</style>