<style type="text/css">

body { background-color:#DDDDDD; color:#93ADC8; font-family:Verdana; font-size:10pt; }
.rosabox { background-color:#FFDDDD; padding:6px; margin:0px; }
.rosa { background-color:#FFDDDD; }
.gelbbox { background-color:#FFFF66; padding:6px; margin:0px; }
.gelb { background-color:#FFFF66; }

#titl { position:absolute; top:0px; left:0px; width:1320px; height:100px;
      z-index:1; background-color:#DDDDDD; }

#main { position:absolute; top:100px; left:0px; width:1320px; height:700px;
      z-index:1; background-color:#DDDDDD; }


#a1 { position:absolute; top:100px; left:320px; width:1000px; height:700px;
      z-index:1; background-color:#DDDDDD; }

th       { height:10px; background-color:#DDDDDD; }
td       { height:500px; color:#93ADC8; }
.oben    { vertical-align:top; background-color:#DDDDDD; }
.mittig  { vertical-align:middle; background-color:#DDDDDD; }
.unten   { vertical-align:bottom; background-color:#EEEEEE; }

h1     { vertical-align:middle; color:#93ADC8; background-color:#DDDDDD; }
h2     { vertical-align:middle; color:#93ADC8; background-color:#DDDDDD; }
h3     { vertical-align:middle; color:#93ADC8; background-color:#DDDDDD; }

* {padding:0;margin:0}
ul {    list-style: none;
        width: 140px;
        position: relative
    }
ul li {
        margin-bottom: -1px;
        background: #dddddd;
    }

ul li a { 
        display: block;
        color: #93ADC8;
        text-decoration: none;
        font-size: 16px;
        padding: 5px 7px;
    }

ul li ul {
        display: none;
        position: absolute;
        margin-left: 7px;
        left: 100%;
        margin-top: -4em;
    }

ul li:hover { background: #dddddd; }

ul li:hover ul { display: inline-block; }


</style>
