body {
        padding: 0;
        margin: 0;
        font-family: "Courier New", Courier, Monospace;
        font-style: normal;
        font-weight: normal;
        background-color: #FFCCFF;
        font-size: 0.8em;
        color: #000000;
        text-align: -moz-center;
        text-align: left;
}

html, body {
        height: 0;
        vertical-align: top;
        padding: 0;
        margin: 0;
}

img {
        border-width: 0;
}

#main {
        width: 60em;
        padding: 0;
        margin: 1.5em auto 2em auto;
}

p {
        text-align: left;
        font-size: 0.9em;
        margin: 0;
        padding: 0;
}

h1 {
        text-align: right;
        padding: 0 0 0.8em 0;
        margin: 0 0.5em 0 0;
        font-size: 1.4em;
        font-weight: bold;
        color: #666666;
}

h2 {
        text-align: left;
        padding: 0.5em 0 0 0;
        margin: 0 0 0 0;
        font-size: 1.2em;
        font-weight: bold;
        color: #666666;
}

/* Navigation */

div.navigation  {
        padding: 0;
        margin: 0 0.5em 1.6em 0;
        text-align: right;
}

/* Navigation */


a {font-weight: bold;}
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: underline;}
a:active {color: #666666; text-decoration: underline;}
a:focus {color: #666666; text-decoration: underline;}

/*head*/

#head {
        position: absolute;
        z-index: 1;
        top: 1.0em;
        left: 0;
        right: 0;
        width: 100%;
        height: 10.0em;
        background-color: #999999;
}
div.headline {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 8.9em;
        border-width: 0.15em 0 0.15em 0;
        border-style: solid;
        border-color: #FF99FF;
        margin: 0.45em 0 0.4em 0;
}

div.logo {
        position: relative;
        top: 0.45em;
        height: 9.1em;
        text-align: left;
        vertical-align: middle;
        color: #FF99FF;
        padding: 0;
        margin: 0 0 2.0em 0;
        z-index: 3;
}
div.logo img {
        float:left;
        vertical-align: middle;
        border-width: 0;
        padding: 0;
        margin: 0 5.5em 0 2.5em;
        z-index: 3;
}
div.logo a, div.logo a:link, div.logo a:visited, div.logo a:hover, div.logo a:active {
        color: #FF99FF;
        vertical-align: middle;
        text-decoration: none;
        width: 35em;
        height: 7.5em;
        z-index: 3;
}
div.logo a span {
        float:left;
        font-size: 2.5em;
        font-weight: bold;
        margin: 0.3em 0 0 0;
        vertical-align: middle;
        width: 9.0em;
        z-index: 3;
}

div.logo p {
        width: 21em;
        height: 10em;
        vertical-align: top;
        font-size: 0.9em;
        font-weight: bold;
        padding: 0;
        margin: 0 0 0 0;
        float: right;
        z-index: 3;
}
div.logo p a, div.logo p a:link, div.logo p a:visited {
        color: #FF99FF;
        vertical-align: text-top;
        text-decoration: underline;
        float: none;
}
div.logo p a:hover {
        color: #CC00CC;
        vertical-align: text-top;
        text-decoration: underline;
        float: none;
}
div.logo p a:active {
        color: #FF99FF;
        vertical-align: text-top;
        float: none;
}

/* head */

/* inhalt */

div.inhalt {
         margin: 0;
         height: 40em;
         border-width: 0.9em 0em 0.9em 0em;
         border-style: solid;
         border-color: #999999;
         background-color: #FF99FF;
}

div.inhaltlinks {
         padding: 0;
         height: auto;
         width: 18em;
         float: left;
         margin: 1.9em 0.5em 0.5em 0.9em;
}

div.inhaltlinks p {
         font-size: 2.0em;
         font-weight: bold;
         color: #666666;
}

div.inhaltrechts {
         padding: 0;
         height: auto;
         width: 38em;
         float: right;
         margin: 1.9em 0.9em 0.5em 0.5em;
}

div.inhaltrechts p {
         font-size: 2.0em;
         font-weight: bold;
         color: #666666;
}

div.inhaltimpressum {
         margin: 1.9em 0.9em 1.9em 0.9em;
}

div.inhaltimpressum p {
         font-size: 1.0em;
         font-weight: bold;
         color: #666666;
}

/* inhalt */

/* archiv */

div.archiv {
         margin: 0;
         height: 38em;
         border-width: 0.9em 0em 0.9em 0em;
         border-style: solid;
         border-color: #999999;
         background-color: #FF99FF;
}

div.archivlinks {
         padding: 0;
         width: 18em;
         float: left;
         margin: 1.9em 0.5em 0.5em 0.9em;
}

div#archiv a:hover {
         color: #666666;
         font-weight: bold;
         text-decoration: underline;
}

div#archiv a span {
         display: none;
}

div#archiv a:hover span {
         display: block;
         position: absolute;
         color: #666666;
         font-size: 1.4em;
         font-weight: bold;
         color: #666666;
         padding: 0;
         height: auto;
         width: 38em;
         float: right;
         margin: 1.2em 0 0 2.2em;
         top: 33%;
         left: 38%;
}

/* archiv */
