p,div {
    font: 13px Palatino ;
    color: white;
}
/* zwei graus
 * #57596F
 * #808080
 */
.da {
    border:solid 2px #ffcc00;
    background-color:#57596f;
}
.di {
    padding:15px;
    border:solid 1px #a33c4c;
    margin:2px
}

a {
    color:#ffffff;
}

body {
    margin:0px;
}

    
    
.hl {
color: #ffcc00;
font-size: 28px;
font-style: oblique;
text-align: center;

}
.hl2 {
color: #ffcc00;
font-size: 20px;
font-style: oblique;
text-align: center;
text-decoration: underline;
}
.hl13 {
color: #ffcc00;
font-size: 18px;
}

.hl16{
color: #ffcc00;
font-size: 22px;

text-align: right;
font-weight:bold;

}
.subhl {
color: #ffcc00;
font-size: 17px;
font-style: normal;
text-align: center;

    }

    
    
#top {
    position:absolute;
    top:60px;
    left:50%;
    width:900px;
    margin: 0px 0px 0px -450px;
}

#bottom{
    position: relative;
    top: 10px;
    left:0px;
}

#left {
    position: absolute;
    top: 0px;
    left:0px;
    width: 400px;
   
}
#right {
    position:  relative;
    top: 0px;
    left:440px;
    width: 400px;
    
    
}