html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

body {
  font-family:sans-serif;
}

#hintergrund {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}

#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;
}

#inhalt {
  padding:20px 100px 30px 200px;
  z-index:2;
}



h1 {
	  color: #FFFFFF;
	  background-color: #000066;
      font-family: times new roman, georgia, serif;	
      font-style: italic;
      font-weight: bold;
      font-size: 45px;
    }
h2 {
	  color: #ff0000;
	  background-color: #FC9804;
      font-family: times new roman, georgia, serif;
      font-style: italic;
	}



#nav {
   text-align: center;                             
   margin-top: 10px;               
   margin-bottom: 10px;            
   margin-left: 20%;              
   margin-right: 15px;             
}
 
#nav ul {
   list-style: none;               
}
 
#nav li { 
   float: left;                     
   margin-left: 15px;               
   width: 90px;                     
   background-color: black;        
   border-top: 1px blue solid;     
   border-left: 25px red solid;  
   border-bottom: 1px blue solid;    
   border-right: 2px blue solid;    
   margin-top: 10px;                
   padding-top: 8px;                
   padding-bottom: 8px;             
   padding-left: 8px;               
   padding-right:8px;
              
} 

#nav a:link    { color:white;   text-decoration:none; }
#nav a:visited { color:white;  text-decoration:none; }




#text {
	  text-align: center;
          color: white;
         background-color: #000066;
      font-family: times new roman, georgia, serif;	
      font-style: italic;
      font-weight: bold;
font-size: 20px;
      
    }