* {
}

html, body {
  left:20px;
  margin:0px;
  padding:0px;
  background-color:white;
 }
 
h1,h2,h3,p,ul,ol {
  font-family:Verdana,sans-serif;
  margin-right:20px;
  margin-left:20px;
  }
  
h1,h2 {
  line-height:1.1em;
  font-style:normal;
  color:navy;
  border-bottom:navy solid 1px;
  padding-left:25px;
  margin-top:20px;
  }
  
h1 {
  font-weight:normal;
  font-size:130%;
  padding-bottom:5px;
  }
  
h2 {
  font-weight:bold;
  font-size:100%;
  padding-bottom:3px;
  }
  
p {
  font-weight:normal;
  font-size:90%;
  line-height:1.2em;
  font-style:normal;
  padding-left: 25px;
  color:black;
  }
  
ul,ol {
  padding-left: 25px;
  list-style-type: square;
  }
  
li {
  font-weight:normal;
  font-size:90%;
  line-height:1.1em;
  color:black;
  margin-top:6px;
  margin-bottom:6px;
  }
  
a:link {
  font-weight:normal;
  color:navy;
  text-decoration:none;
  }
  
a:visited {
  font-weight:normal;
  color:teal;
  text-decoration:none;
  }
  
a:hover, a:active {
  font-weight:bold;
  color:black;
  text-decoration:none;
  }

form {
   font-family:Verdana,sans-serif;
   font-weight:normal;
   font-size:90%;
   margin: 2%;
}
 
#seite {
	position:absolute;
	top:0%;
  	left:0%;
	width:99%;
	height:99%;
	background-image: url(hintergrund.jpg);
}

#navigation {
  position:absolute;
  top:15%;
  left:0%;
  width:25%;
  height:83%;
  padding:2px;
  color:navy;
  font-size:100%;
  font-weight:normal;
  text-align:left;
  overflow:hidden;
 }
 
#banner {
   position:absolute;
   left:25%;
   top:0px;
   height:15%;
   width:74%;
   color:navy;
   overflow:hidden;
   font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
   font-size:300%;
   font-weight:bold;
 }
 
 #links_oben {
   position:absolute;
   left:0%;
   top:0px;
   height:15%;
   width:25%;
   color:navy;
   overflow:hidden;
   font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
   font-size:300%;
   font-weight:bold;
 }
 
#inhalt {
   position:absolute;
   left:25%;
   top:15%;
   height:84%;
   width:74%;
   padding:0px;
   border:0px;
   overflow:scroll;
	background-color:#F0F0F0;
 }
 
#iris {

   position:absolute;
   margin-left:25%;
   margin-right:0px;
   top:15%;
   height:84%;
   width:37%;
   background-color:#F0F0F0;
   overflow:scroll;
   
 }
 
#gero {

   position:absolute;
   margin-left:62%;
   margin-right:0px;
   top:15%;
   height:84%;
   width:37%;
   background-color:#F0F0F0;
   overflow:scroll;
   
 }
 
 #webdesign {
   position:absolute;
   left:85%;
   top:12%;
   height:3%;
   width:14%;
   color:gray;
   background-image: url(himmel.jpg);
   overflow:hidden;
   font-family:Verdana,sans-serif;
   font-size:60%;
   font-weight:bold;
 }
 
 #nav {
  position:absolute;
  top:0%;
  left:0%;
  width:90%;
  height:4%;
  padding:2px;
  background-color:#C6C6C6;
  color:navy;
  font-size:100%;
  font-weight:normal;
  text-align:left;

 }
 
 #navigation ul, #navigation li {
      list-style-type: square;
      margin-left:10%;
      padding: 0px;
      color:navy;
 }
 
 #navigation li a:link, #navigation li a:visited, #navigation li a:active {
      display:block;
      border-bottom: dashed 0px #C2631D;
      color:navy;
      text-decoration:none;
      font-size:100%;
      font-weight:normal;
      font-family:Verdana,sans-serif;
		line-height: 150%
}

 #navigation li a:hover {
      background:transparent;
      color:black;
      font-weight: bold;
      text-decoration:none;
}

#navigation li.aktiv {
   color:black;
}

#navigation li.passiv {
   
}