#html {
    width: 100%;
    min-width: 800px;
    overflow: scroll;
    padding: 0;
    margin: 0;
}

#body {
    width: 100%;
    min-width: 800px;
    padding: 0;
    margin: 0;
}

#kopf {
    width: 100%;
    height: 100px;
    padding-left: 1.5em;
    margin: 0;
    background: #E5ECF3;
}

#kopf h1 {
  font-size: 2.5em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.0em;
  color: #0B4484;
  } 

#logo {
    width: 50%;
    float: left
}


#topmenu {
    width: 45%;
    float: left;
    margin-right: 5%;
    margin-top:0.8em;
    text-align: right;
    
}

#topmenu a {
  font-size: 0.9em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  text-decoration: none;
  color: #0B4484;
  }  
   
#topmenu a:hover {
  font-size: 0.9em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.5em;
  color: #0F5CB1;
  text-shadow: 0.1em 0.1em 0.1em grey
  }  


#nav_left {
    width: 20%;
    height: 100%;
    padding-top: 1.5em;
    padding-left: 1.5em;
    background: #E5ECF3;
    float: left; 
}

#lgcontent {
    width:75%;
    padding-top: 2.2em;
    padding-left: 1.5em;
    background: #fff;
    float: left; 
}
  
#nav_left h1 {
  font-size: 1.9em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.6em;
  color: #0B4484;
  } 
  
#nav_left h2 {
  font-size: 1.6em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.4em;
  color: #0B4484;
  } 
  
#nav_left h3 {
  font-size: 1.3em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.3em;
  color: #0B4484;
  } 
  
 #nav_left p {
  font-size: 1.1em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.3em;
  margin-top: 0.6em;
  color: #0B4484;
  }  
  
 #nav_left p.copyright {
  font-size: 0.8em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.3em;
  margin-top: 0.6em;
  color: #0B4484;
  }  

#nav_left a {
  font-size: 1.0em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  text-decoration: none;
  color: #0B4484;
  }  
   
#nav_left a:hover {
  font-size: 1.0em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.5em;
  color: #0F5CB1;
  text-shadow: 0.1em 0.1em 0.1em grey
  }  
 
 #nav_left a:active {
  font-size: 1.0em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.5em;
  color: #0F5CB1;
  }  
       
 #logincont {
   width:500px; 
   height: 320px; 
   margin:10px auto; 
   padding-top:12px;
   margin-top:50px;
   text-align: center;
   background-color:  #E5ECF3;
   border-radius:10px;
   box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}

#logincont input[type="text"], input[type="password"] {
    width: 300px;
    height: 40px;
    font-size: 18px;
    margin-bottom: 16px;
    padding-left:5px;
   
} 


#logincont button {
    width:150px;
    height: 40px;
    font-size:18px;
    background-color:#0B4484;
    margin-top: 20px;
    color:#fff;
    border:#fff solid 1px;
}

#logincont button:hover {
    background-color:#0F5CB1;
    color:#aaaaaa;
    cursor: pointer;
}

#logincont a {
  font-size: 1.0em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  text-decoration: none;
  color: #0B4484;
  }  

      
#lgcontent h1 {
  font-size: 1.9em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.6em;
  color: #0B4484;
  } 
  
  #lgcontent h2 {
  font-size: 1.6em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.4em;
  color: #0B4484;
  } 
  
    #lgcontent h3 {
  font-size: 1.3em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.3em;
  color: #474D4F;
  } 

    #lgcontent p {
  font-size: 1.1em;
  font-family: arial, verdana, tahoma;
  margin-bottom: 0.3em;
  color: #474D4F;
  }