body { 
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    }

 #header {
                    background-color: #ffffff; /* Grey background */
                    padding-bottom:3px;
                    color: black;
                    text-align: center; /* Centered text */
                    font-size: 20px; /* Big font size */
                    font-weight: bold;
                    position: fixed; /* Fixed position - sit on top of the page */
                    top: 0;
                    width: 100%; /* Full width */
                    transition: 0.4s; /* Add a transition effect (when scrolling - and font size is decreased) */
                    }
    
                
                
                ul {
                list-style-type: none;

                margin-bottom: 0px;
                margin-left: 4px;
                padding: 0;
                overflow: hidden;
                background-color: transparent;
                font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                }
                
                li {
                  float: left;
                }
                
                li a {
                  display: block;
                  color: rgb(0, 0, 0);
                  text-align: center;
                  padding: 14px 16px;
                  text-decoration: none;
                }
                
                /* Change the link color to #111 (black) on hover */
                li a:hover {
                    /*background-color: #4166BE !important;*/
                  text-decoration: underline;
                }
                
                

.bottomImp{
    height:200px !important;
    left: 0 !important;
    margin-bottom: 0px !important;
    position: inherit !important;
    width: 100% !important;
    background-color: rgb(48, 48, 48) !important;
    color: white !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    font-size: 16px !important;
    font-weight: bold !important;
    flex-basis: 200px !important;
    }

.ImpLinks
{

height: 200px !important;
width:25% !important;
color:white !important;
text-align: left !important;
background-color: transparent !important;
padding-top: 30px !important;
}

.ImpMitte
{

  height: 200px;
width:25%;
color:white;
text-align: left;
background-color: transparent;
padding-top: 30px;
}

.ImpRechts
{

height: 200px;
width:25%;
text-align: left;
background-color: transparent;
padding-top: 30px;
}


.LogoBig{

    width:300px;
    height:150px;
}

.LogoSmall{
    
    width:200px;
    height:100px;
}

.impressum{

font-family: Arial, Helvetica, sans-serif;
color:#4b4a4a;
font-size: large;
height: 600px;
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 200px;
}

.uebersicht
{
    font-family: Arial, Helvetica, sans-serif;
color:#4b4a4a;
font-size: x-large;


width:100%;
text-align: center;
}

.BottomMenu
{

  left: 0 !important;
  margin-bottom: 0px !important;
  position: inherit !important;
  width: 100% !important;
  font-weight: bold !important;
  font-size: 16px !important;
  background-color: rgb(255, 255, 255) !important;
  color: white !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  font-size: x-large !important;
  
}

.UebersichtTermin
{
  width:300px;
  border-top:solid 1px darkgray;
  vertical-align: top;
}

.UebersichtTerminDatum
{
  width:300px;
  color:#1487BC;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  vertical-align: top;
  background-color: rgb(255, 255, 255);
  margin-top:0px;
}

.UebersichtTitelHeadline
{

  color:#000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  vertical-align: top;
  
  background-color: rgb(255, 255, 255);
}


.UebersichtTitel
{
  width:800px;
  vertical-align: top;
  
}

.UebersichtText
{
  
   /*width:100%;*/
  font-size: 16px;
  /*width:100% ;*/
  text-align: left ;
  vertical-align: top;
margin-top: 0px;
  background-color: rgb(240, 240, 240) ;
  
}

.UebersichtTitelHeadline
{
  
  width:100%;
  font-weight: bold;
  
  
}

.UebersichtMehr
{
  width:50px;
  vertical-align: top;
}

.classHeadline
	{
		text-align:center;
		background:linear-gradient( to right,#ffffff, #d1d1d1);
	
		color:#1487BC;
		font-weight:bold;
		font-size:25px;
	

  width:100%;
  height:50px;
  font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", "Geneva", "Verdana", "sans-serif";
	}