.vsmall { font-family: Interstate, Frutiger, Verdana, sans-serif; font-size: 10px; color: #000000 };
.texts { font-family: Interstate, Frutiger, Verdana, sans-serif; font-size: 12px; color: #000000 };
.parag { font-family: Interstate, Frutiger, Verdana, sans-serif; font-size: 11px; color: #111111 };
.update { font-family: Interstate, Frutiger, Verdana, sans-serif; font-size: 12px; color: #230fff };
.normal { font-family: Interstate, Frutiger, Verdana, sans-serif; font-size: 16px; color: #000000 };
.big { font-family: Interstate, Frutiger, Verdana, sans-serif; font-size: 18px; color: #330033; font-weight: bold };
.italic { font-style:italic; }
a { color: #8080C0;  font-family: Interstate, Frutiger, Verdana, sans-serif; text-decoration: none };
a:active  { color: blue; font-family: Interstate, Frutiger, Verdana, sans-serif; text-decoration: none };
a:hover   { color: maroon; font-family: Interstate, Frutiger, Verdana, sans-serif; text-decoration: underline };
a:link  { color: #8080CC; font-family: Interstate, Frutiger, Verdana, sans-serif; text-decoration: none };
a:vlink  { color: maroon; font-family: Interstate, Frutiger, Verdana, sans-serif; text-decoration: none };

body { 
    position:absolute;
    background:#FFFFFF;
    width:100%;
    height:100%;
}

html, body { 
    top:0; left:0; right:0;
    min-height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#header_container {
    position:fixed;
    top:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:3em;
    z-index:3;
}

#header {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100%;
    background:#efefef;
    z-index:3;
    margin:0;
    padding:0.2em;
}

#menu {
    position:fixed;
    top:4em;
    left:0.5em;
    width:9em;
    border: 3px dotted #dedede;
    padding:0.5em;
}

#content {
    margin:0;
    padding-top:4em;
    padding-left:12em;
    padding-bottom:3em;
    z-index:2;
}

#footer_container {
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:2em;
    z-index:3;
}

#footer {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:#efefef;
    z-index:3;
}

/* Nur für den MSIE */

* html, * html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

* html #header_container, * html #footer_container {
    position:absolute;
    width:100%;
    padding-right:16px;
}

* html #menu {
    position:absolute;
}

* html #header,* html #footer {
    height:100%;
    position:static;
}

* html #content {
    padding:0;
    height:95%;
    overflow:auto;
}

* html #footer {
    background:#efefef;
    height:5%;
    text-align:center;
    padding-top:1%;
}

/* Weiter mit browserübergreifenden Deklarationen */

#menu li {
    list-style: none;
    margin:0;
    padding:0.3em;
}

#menu li#active {
    padding:0.5em;
    text-decoration:underline;
}

#menu a:link, #menu a:visited {
    display:block;
    background:#EEEEEE;
    color:black;
    text-decoration:none;
    margin:0;
    padding:0.2em;;
}

#menu a:hover {
    background:#4f4f4f;
    color:#FFFFFF;
    text-decoration:underline;
}

/* Der IE soll das Element breiter darstellen, da margin
   und padding hier von der Breite abgezogen werden! */

* html #menu {
    margin:0;
    width:10.5em;
}