html {
  margin:0; 
  padding:0;
  font-family:  arial;
  color:#001694;
  line-height:1.3em;
  letter-spacing:0.1em;
  }
  
#rahmen {
  position:absolute;
  top:40px;
  left:40px;
  width:90%;
  padding:1em;
  border:0;
  border:1px solid #001694;
  }
  
#logo {
  position:absolute;
  top:20px;
  left:65px;
  z-index:2;
  }
  
#kopf {
  margin-left:500px;
  margin-bottom:2px;
  height:115px;
  border:0;
  border-bottom:2px solid #001694;
  }
  
#inhalt {
  clear:both;
  padding:1em;
  padding-left:1.5em;
  background-color:#f6f6ae;
  border:0;
  }  
  
#ecke {
  position:relative;
  top:-1em;
  left:-1.5em;
  height:40px;
  width:100%;
  }  

#navi {
  position:relative;
  top:-2.5em;
  float:right;
  color:#ffffff;
  }
  
#foot {
  clear:both;
  margin-top:2px;
  padding:0.5em;
  background-color:#f6f6ae;
  border:0;
  border-top:2px solid #001694;
  font-size:0.8em;
  text-align:center;
  }
  
#bild1{
  position:absolute;
  top:38px;
  left:61%;
  z-index:1;
  }

#bild2{
  position:absolute;
  top:38px;
  left:73%;
  z-index:1;
  }

#bild3{
  position:absolute;
  top:38px;
  left:85%;
  z-index:1;
  }  
  
#navi a {
  float:left;
	font-size:1em;
	color:#001694;
	text-decoration:none;
	background-color:##9fb2fe;
	cursor:hand;
	display:block;
	margin-left:5px;
  padding: 3px 6px;
  border: 2px solid #668cb2;
  border-color: #fff9c2 #415971 #415971 #fff9c2;
  }

#navi a span {
  display:none;
  }

#navi a:hover {
  padding: 4px 3px 2px 5px;
  border: 2px inset #668cb2;
  border-color: #415971 #fff9c2 #fff9c2 #415971;
  }

#navi a:hover span {
  background: transparent;
  display: block;
  position: absolute;
  top: 2.2em;
  left:0.3em;
  }