/* Angaben für alle standardkonformen Browser */

body {
        margin:0;
        padding:0;
        background: #FFFFFF;
        font:13px verdana, sans-serif;
}

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

.header_container {
postion:fixed;
        margin-top: 0px;
        padding:0px;



        }



.header {position:fixed;



top:0px; left:0px; right:0px;
      text-align: right;
        padding:10px;
        background: #E5D4B6;
        color:black;
        border-bottom: 2px solid #D11814;
        font:bold 11px verdana, sans-serif;
        margin-top: 0px;
        z-index: 102;
        }


div#header_container img {
        position:fixed;
        width: 200px;

        margin-top: 20px;
        margin-left: 370px;
        padding: 5px;
        z-index: 105;
        }



.header a {
        list-style:none;
        font-weight:bold;
        font-size:10px;
        text-decoration:none;
        color: black;
        padding-right: 10px;
        padding-left: 10px;
}
.header a:hover{
        color: #D11814;
        border:none;
}




.content_container {
        position:absolute;
        padding-top:4.8em;
        padding-bottom:3em;
        padding-left:0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom:0px;



}


#footer {
        position:fixed;
        bottom:0px; left:0px; right:0px;
        background: #E5D4B6;
        text-align:center;
        padding:6px;
        color:black;
        border-top: 2px solid #D11814;
        font:bold 11px verdana, sans-serif;
        margin-bottom: 0px; margin-top:5px;
        clear:both;
}

/* Angaben nur für den Internet Explorer mit Star HTML Hack */

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

* html .header_container,* html #footer { position: absolute;
        margin:0;
        height: 8%;
        width:100%;
}
* html div#header_container img {position:absolute;}
* html .header {
        margin:0;
        height: 100%;
}

* html .content_container  {
        padding: 3em 1em 3em 0em;
        height: 89%;
        overflow:auto;
        width:100%;

}

* html #footer  {
        height:4%;
        padding-top:0.5%;

}


/* Kleines Extra für den IE */

* html #menu {
        margin:0.2em;
}

/* Formatierung des Seiteninhaltes */

#menu_container {

        padding: 0.3em;
        padding-bottom:0px;
        text-align: center;
        border-right:2px solid #000000;
        margin-right: 60px;
        margin-top: 20px;
        width: 230px;
        float: left;
        margin-bottom:0px;




}
#menu_container img {
width: 140px;    margin:0;padding:0;

}

#menu {
        margin:0;
        margin-left:0.5em;
        padding: 20px ;
        width:11em;

}

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

* html #menu {
        width:12.5em;
}





* html div#content {
        height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
        padding-top:1em;
}