/*Axel Haagen Homepage*/

/* Zurücksetzung der Innen- und Außenabstände */
*{
  margin: 0;
  padding: 0;
}
body {
  background-color: #E0E0E0;
  font-family: Verdana, sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
}
ul {
  position: absolute;
  top: 8px; 
  left: 0px;  
}
ul li {
  list-style: none; 
  float: left;  
  margin: 0 74px 0 0;
  vertical-align: middle; 
  text-align: left; 
}  
a {
  text-decoration: none;
  outline: none; 
} 
a:link, a:visited {
  color: #666666; 
}
a:hover,
a:focus ,
a:active {
  color: white; 
  background-color: black;
}
div#huelle {
  position: relative; 
  height: 676px;
  width: 960px;
  margin-top: 40px; 
  margin-right: auto; 
  margin-bottom: 50px;
  margin-left: auto;
  background-color: #E0E0E0; 
}
div#bild {
  position: absolute;
  top: 66px; 
  left: 150px; 
  height: 600px; 
  width: 800px; 
  background-color: #E0E0E0; 
}
div#bild img { 
  position: absolute; 
  top: 0px;  
  background-color: #E0E0E0;   
}
div#seite { 
  position: fixed;   
  height: 666px; 
  width: 150px; 
  top: 0px; 
  margin-right: 0px; 
  background-color: transparent; 
  text-align: left; 
}
div#ausgang {
  position: absolute; 
  height: 300px; 
  width: 150px; 
  top: 0px;  
  margin-left: 0px; 
  background-color: transparent;   
}
div#zeichen {
  position: absolute;
  height: 28px;  
  width: 24px;   
  top: 53px; 
  left: 80px;  
  background-color: transparent;   
}
div#zeichen img { 
  position: absolute;  
  height: 28px;  
  width: 24px; 
}
div#zeichenhinten {
  position: absolute;
  top: -2px;
  left: 2px; 
}
div#zeichenmitte {
  position: absolute;
  top: -1px;
  left: 1px; 
}
div#zeichenvorne {
  position: absolute;
  top: 0px;
  left: 0px; 
}
div#name { 
  position: absolute; 
  top: 61px; 
  left: 18px; 
  line-height: 25px; 
  letter-spacing: 3px;
  text-align: left;   
}
div#namehinten { 
  position: absolute; 
  top: -2px; 
  left: 2px; 
  color: #E0E0E0; 
}
div#namemitte { 
  position: absolute; 
  top: -1px; 
  left: 1px;  
  color: #E0E0E0;   
}
div#namevorne { 
  position: absolute; 
  top: 0px; 
  left: 0px;  
}
div#tor {
  position: absolute; 
  width: 150px; 
  height: 300px; 
  top: 111px; 
  line-height: 25px; 
  background-color: transparent; 
  text-align: left;   
}
div#torhinten {
  position: absolute; 
  top: -2px;
  left: 20px; 
  color: #EEDD82;   
}
div#tormitte {
  position: absolute; 
  top: -1px;
  left:19px; 
  color: white;    
}
div#torvorne {
  position: absolute; 
  top: 0px; 
  left: 18px;
  background-color: transparent; 
}
div#information {
  position: absolute; 
  height: 400px; 
  width: 150px; 
  top: 266px; 
  left: 0px;
  background-color: transparent; 
}
div#bildtext {
  position: absolute; 
  font-size: 12px; 
  letter-spacing: 0px; 
  text-align: right; 
  bottom: 0px; 
  right: 15px;  
  background-color: transparent;   
}
div#navigation { 
  position: absolute; 
  height: 66px; 
  width: 900px; 
  top: 0px; 
  left: 150px; 
  background-color: transparent;  
}
span {
  color: #E0E0E0; 
}
div#navigationhinten {
  position: absolute; 
  top: -2px; 
  margin-left: 2px;
  height: 66px; 
  width: 900px;  
  color: #EEDD82;   
  background-color: transparent;    
}
div#navigationzwischen {
  position: absolute; 
  top: -1px; 
  margin-left: 1px;
  height: 66px; 
  width: 900px;  
  color: white;    
  background-color: transparent;   
}