body {        position:absolute;
        top:0px;
margin:0px;}
h1 {
padding-top:5px;
padding-left:10px;
    border-bottom:1px solid;
    width:90%;
    font-family:Verdana;
    clear:both;
}
h2 {
padding-left:10px;
border-bottom: 1px solid;
width:90%;
font-family:Verdana;
clear:both;
}
.leftfloat {
float:left;
padding:10px;
}
p {
font-size:14pt; margin-left:10px;
margin-right:50px;
font-family: Verdana;}
#navul  { 
         font-family: Verdana;
         padding-bottom:20px;
         margin:0px;
         padding:0px;
        clear:both;
     }
#navli {
 border-bottom:1px solid #000000;
 border-right:1px dotted #000000;
  padding:5px;
 width:190px;
 float:left;
 font-weight:bold;
 text-align:center;
}
.high {
height:50px;
}
.border {
border:1px solid;
}
td {
font-size:14pt; margin-left:10px;
font-family: Verdana;
}
a:hover {
  background-color:#ffffff;
  color:blue;
}


#copyright {
padding:10px;
display:block;
clear:both;
width:90%;
border-top:1px solid;
font-family:Verdana;
font-size:12px;
}

.rightfloat {
    float:right;
    margin:10px;
    }

.problem {
 color:white;
  background-color:#ff6400;
}
.schriesheim {
color:black; 
 background-color:#d6c7b2;
}
.modellieren {
color:black;
 background-color:#a8b0c0;
}
.eulertour {
color:black;
 background-color:#aaffaa;
}
.lexikon {
color:black;
 background-color:#eeeeee;
}
.titel {
 color:white;
 background-color:darkblue;
}