div.c2 {
background-image:url(titelbild.jpg);
position:absolute; top: 47px; left:170px; z-index: 2;
background-repeat:no-repeat; 
width:700px; height:200px;
}

div.sub {
background-color:#5A82A1;
width:110px; height:100px; 
position:absolute; top: 225px; left:800px; z-index: 3;
font-family : Arial, Helvetica, sans-serif;
font-size:11px;  color: #ffffff;
font-weight : normal;
line-height : 18px;
margin: 0;padding:0;
}

div.sub ul {
  list-style: none;
  margin: 0; padding:0;
}

.submen:a {text-align:left;
  width:100px;
  color: #CECBBD;
  background-color:#5A82A1;
  text-decoration : none;
  padding: 2px 0 2px 10px;
  display:block;
}

.submen:visited {
  width:100px;
  color: #CECBBD;
  background-color:#5A82A1;
  text-decoration : none;
  padding: 2px 0 2px 10px;
  display:block;
}

.submen:hover {
  color: #ffffff; width:100px;
  background-color:#6C93B1;
  text-decoration : none; 
  padding: 2px 0 2px 10px;
  display:block;
}

.submen:active {
  width:100px;
  color: #ffffff;
  background-color:#6C93B1;
  text-decoration : none;
  padding: 2px 0 2px 10px;
  display:block;  
}


h1 {
  font-family : Arial, Helvetica, sans-serif;
  font-size:13px; text-align:left; color: #5A82A1;
  font-weight : bold;
  line-height : 22px;

}