/* CSS für die Kopfzeilen und Navigation */

/* Kopfzeilen */

#head {
  position:absolute; 
  margin:0; 
  top:0; 
  left:0; 
  display:block; 
  width:100%; 
  height:50px; 
  background:#1F005C; 
  z-index:5; 
  overflow:hidden; 
  color:#EDEEE8;
}

#head .titel {
  width:250px;
  padding:10px;
  font-size:18pt;
  float:right;
  margin-right:10px;
}

/* linke Seite */

#left {
  position:absolute; 
  left:0; 
  top:50px;
  bottom:1px;
  width:165px; 
  background:#1F005C;
  z-index:4; 
  overflow:auto;
  padding-top:20px;
}

* html #left {
  height:100%; 
  top:50; 
  bottom:0; 
  border-top:100px solid #fff; 
  border-bottom:50px solid #fff; 
  color:#EDEEE8;
}

#left ul {
  list-style-type:none;
}

#left .li1 {
  background:#1F005C;
  font-size:10pt;
  font-weight:bold;
  color:#EDEEE8;
  padding:2px;
}

#left .li2 {
  background:#636D87;
  font-size:10pt;
  font-weight:bold;
  color:#EDEEE8;
  padding:2px;
}

#left .li3 {
  background:#8F96A9;
  font-size:10pt;
  font-weight:bold;
  color:#000000;
  padding:2px;
}

/* Hyperlinks */

#left a {
  width:130px;
  display:block;
  text-decoration:none;
  padding:4px 4px 4px 10px;
  border:1px solid #EDEEE8;
  font-size:10pt;
  font-weight:bold;
  color:#EDEEE8;
}

#left .a2 {
  width:130px;
  display:block;
  text-decoration:none;
  padding:4px 4px 4px 10px;
  border:1px solid #EDEEE8;
  font-size:10pt;
  font-weight:bold;
  color:#000000;
}

#left a:hover {
  width:130px;
  display:block;
  background-color:#A6ABBA;
  color:#0000FF;
  text-decoration:none;
  padding:4px 4px 4px 10px;
  border:1px solid #EDEEE8;
  font-size:10pt;
  font-weight:bold;
}

#left .aktiv a {
  width:130px;
  display:block;
  background-color:#A6ABBA;
  color:#000000;
  text-decoration:none;
  padding:4px 4px 4px 10px;
  border:1px solid #EDEEE8;
  font-size:10pt;
  font-weight:bold;
}

#foot {
  position:absolute; 
  margin:0; 
  bottom:0; 
  left:0; 
  display:block; 
  width:100%; 
  height:1px; 
  z-index:5; 
  overflow:hidden; 
  background:#1F005C; 
  color:#EDEEE8;
}