html {
    /* Needed for the Gecko rendering engine */
    height: 100%;
}

body {
        height: 100%;
        text-align: left;
        padding: 0;
        font-family: "Courier New", Courier, Monospace;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        background-color: #FFCCFF;
        margin-top: 0;
        margin-right: auto;
        margin-bottom 0;
        margin-left: auto;
        /*
        scrollbar-base-color: #746E92;
        scrollbar-3dlight-color: #746E92;
        scrollbar-arrow-color: #746E92;
        scrollbar-darkshadow-color: #746E92;
        scrollbar-face-color: #C0C0C0;
        scrollbar-highlight-color: #C0C0C0;
        scrollbar-shadow-color: #746E92;
        scrollbar-track-color: #C0C0C0;
        */
}

#orientation {
        width: 48.0em;
        height: 100%;
        padding: 1.4em 0 2em 0;
        margin-top: 0;
        margin-right: auto;
        margin-bottom 0;
        margin-left: auto;
}

#logo {
        width: 12em;
        float: left;
        border: solid #999999;
        border-width: 2px;
}

#logo ul {
        display: block;
        width: auto;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        list-style-type: none;
        background-color: #999999;
        text-decoration: none;
}

#logo h1 {
        width: auto;
        font-size: 1.1em;
        font-weight: bold;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        color: #FFFFFF;
        background-color: #8F8F8F;
}

#logo li {
        width: auto;
        font-size: 1.0em;
        font-weight: normal;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        color: #666666;
        background-color: #ADADAD;
}

#logo ul li a, #logo ul li a:focus  {
        display: block;
        height: 1.1em;
        line-height: 1.1em;
        font-size: 1.0em;
        text-decoration: none;
}

#logo ul li a.aktiv {
        display: block;
        height: 1.1em;
        line-height: 1.1em;
        font-size: 1.0em;
        text-decoration: none;
        color: #FFFFFF;
        padding: 5px 10px 5px 10px;
}

#logo ul li a.aktiv:focus {
        display: block;
        height: 1.1em;
        line-height: 1.1em;
        font-size: 1.0em;
        text-decoration: none;
}

#logo ul li a:visited, #logo ul li a.aktiv:visited {
        color: #FF99FF;
}

#logo ul li a:hover, #logo ul li a.aktiv:hover, #logo ul li a:link, #logo ul li a.aktiv:link {
        color: #000000;
}

#navihead {
        width: auto;
        padding: 0;
        margin: 0 0 0 0;
        float: right;
}

#navileft {
        width: 12.0em;
        vertical-align: top;
        padding: 0;
        margin: 0;
        float: left;
}
#maincontent {
        width: 37.5em;
        vertical-align: top;
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
        float: right;
}

#startseite {
         width: 37.8em;
         vertical-align: top;
         padding: 0 0 0 0;
         margin: 0 0 0 0;
         float: right;
}

/***   Farben   ***/

        /* Allgemein */
body.allg {
        background-color: #FFCCFF;
}
        /* / Allgemein */

        /* Texte */
body.texte {
        background-color: #FFCCFF;
}
        /* / Texte */

        /* Arbeitsproben */
body.abprb {
        background-color: #FFCCFF;
}
        /* / Arbeitsproben */

        /* Bilder */
body.bild {
        background-color: #FFCCFF;
}
        /* / Bilder */

        /* Allgemein */
#maincontent.allg {
        background-color: #FFFFFF;
        border: solid #999999;
        border-width: 2px;
}
        /* / Allgemein */

        /* Person */
#maincontent.person  {
        background-color: #FFB1FE;
        border: solid #999999;
        border-width: 2px;
}
         /* Person */

        /* Texte */
#maincontent.texte {
        background-color: #AFB8D9;
        border: solid #999999;
        border-width: 2px;
}
        /* / Texte */

        /* Arbeitsproben */
#maincontent.abprb {
        background-color: #FFB3FF;
        border: solid #999999;
        border-width: 2px;
}
        /* / Arbeitsproben */

        /* Bilder */
#maincontent.bild {
        background-color: #B6DABA;
        border: solid #999999;
        border-width: 2px;
}
        /* / Bilder */

/***   / Farben   ***/