/* Allgemein */

body {
    margin: 0px;
    background-color: white;
    font-family: sans-serif;
}

A:link {
    color: black;
}

A:visited {
    color: black;
}


.fix {
    /* A litte trick to help browsers that do not support position:fixed. Use
     * nested div elements:
     *   <div class="fix"><div id="...">...</div></div>
     * The inner div has absolute position. If the browser supports position:fixed,
     * the inner div is interpreted relative to the outer. This is practically the
     * same as if the inner div would directly specify position:fixed. If the browser
     * does not support position:fixed (IE), the outer div is ignored, and the inner
     * one is interpreted with absolute position.
     */
    position: fixed;
    top: 0px;
    left: 0px;
}

/* Spezielles für den Navigationsbereich */

#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
}

#navigation {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 250px;
    height: 1380px;
    background-color: #f0993d;
}

.ebene2box {
    padding-left: 95px;
    padding-right: 43px;
    background-image: url(images/ebene2_mitte.png);
    background-repeat: repeat-y;
}

#verlauf {
    position: absolute;
    top: 90px;
    left: 250px;
    width: 10px;
    height: 1410px;
    background-color: #ffffff;
    background-image: url(verlauf.png);
    background-repeat: repeat-y;
}

#namenszug {
    position: absolute;
    top: 0px;
    left: 260px;
    width: 350px;
    height: 120px;
}

#langselect {
    position: absolute;
    top: 10px;
    left: 620px;
    width: 280px;
}

.ebene2 {
    font: 12px sans-serif;
}

.ebene2sel {
    font: 12px sans-serif;
    background-color: #F3C89A;
}

#navigation A:link {
    color: black;
    text-decoration: none;
}

#navigation A:visited {
    color: black;
    text-decoration: none;
}

#navigation A:hover {
    color: black;
    text-decoration: underline;
}


/* Spezielles für den Page-Bereich */

#main {
    position: absolute;
    top: 120px;
    left: 270px;
    width: 630px;
}

/* Spezielle Definitionen */

#OSP {
    width: 50%;
    height: 100px;
}

#OSP-O {
     position: relative;
     top: 0px;
     left: 0px;
}

#OSP-S {
     position: relative;
     top: 0px;
     left: 200px;
}

#OSP-P {
     position: relative;
     top: 50px;
     left: 100px;
}

.level3nav {
     float: right;
     clear: left;
     width: 5cm;
     border: 1px solid black;
     padding: 3px;
     background-color: #CCC;
     margin-left: 10px;
     margin-bottom: 10px;
     font-size: smaller;
}