html 
{
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0px; 
        padding: 0px;
}

body 
{
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0px; 
        padding: 0px;
        background-color: #898c8c;
        overflow: hidden;
}

#main
{
        position: absolute;
        top: 3%;
        left: 6%;
        width: 900px;
        height: 550px;
        margin: 0px;
        padding: 0px;
        background-color: #fff;
        border: solid 0px #E8E6E7;
        z-index: 0;
}

#logo
{
        position: absolute;
        top: 20px;
        right: 20px;
        width: 200px;
        height: 39px;
        border: solid 0px #000;
        z-index: 2;
}

#info
{
        position: absolute;
        top: 180px;
        right: 0px;
        width: 500px;
        height: 263px;
        border: solid 0px #000;
        overflow: auto;
        z-index: 2;
}

a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#e60003;}
a:active{color:#000;}


#menu_rose
{
        position: absolute;
        top: 1px;
        left: 1px;
        width: 299px;
        height: 449px;
        background-color: #fff;
        border: solid 0px #000;
        z-index: 1;
}

#menu_kompass
{
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 40px;
        left: 70px;
        background-color: transparent;      
        border: solid 0px #000;
        z-index: 2;
}

#menu_text
{
        position: absolute;
        top: 20px;
        left: 10px;
        width: 280px;
        height: 200px;
        background-color: transparent;      
        font: 8pt Arial;
        font-weight: bold;
        color: #000;
        border: solid 0px #000;
        z-index: 3;
}

#menu_text a:link{color:#d3d4d4;}
#menu_text a:visited{color:#d3d4d4;}
#menu_text a:hover{color:#000;}
#menu_text a:active{color:#d3d4d4;}

a {text-decoration: none;}

#menu_unten
{
        position: absolute;
        top: 240px;
        left: 10px;
        width: 280px;
        height: 200px;
        background-color: #fff;
        border: solid 0px #000;
        z-index: 2;
}

#impressum
{
        position: absolute; 
        bottom: 0px; 
        left: 2px; 
        font: 8pt Arial; 
        font-weight: bold; 
        color: #000; 
        margin: 0px; 
        padding: 4px; 
        border: solid 2px #fff;
}

#impressum a:link{color:#d3d4d4;}
#impressum a:visited{color:#d3d4d4;}
#impressum a:hover{color:#000;}
#impressum a:active{color:#d3d4d4;}

a {text-decoration: none;}



#bild_u
{
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 900px;
        height: 100px;
        background-color: #fff;
        border: solid 0px #000;
        z-index: 1;
}

#kreis_l
{
        position: absolute;
        top: 0px;
        left: 300px;
        width: 300px;
        height: 430px;
        border: solid 0px #000;
        z-index: 1;
}

#kreis_r
{
        position: absolute;
        top: 0px;
        left: 600px;
        width: 300px;
        height: 430px;
        border: solid 0px #000;
        z-index: 1;
}

#kreis_unten
{
        position: absolute;
        bottom: 104px;
        left: 301px;
        width: 599px;
        height: 16px;
        background-color: #E8E6E7;
        border: solid 0px #000;
        z-index: 1;
}

#bild_o
{
        position: absolute;
        top: 106px;
        right: 0px;
        width: 597px;
        height: 67px;
        background-color: #fff;
        border: solid 0px #000;
        z-index: 0;
}

#senden
{
        position: absolute; 
        bottom: 0px; 
        left: 35%;
        margin: 0px; 
        padding: 0px; 
}