body
{
    position:absolute;
    font-size: 95%;
    font-family: arial, helvetica, verdana, sans-serif;
    color: #555753;
    height: 100.1%;
    background-color:#eeeeec;
    text-align: center;

}

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


}
a img {border: none;}
#middle {
    background-color: #eeeeec;
    z-index: 1;
    margin: auto;
    text-align: left;
}
#top{
    background-color: #2e3436;
    background:  url(images/headerBg1.png) ;
    background-repeat:repeat-x;
    background-position: bottom;
    height: 220px;
    position:fixed;
    top:0; left:0; right:0;
    text-align: left;
    z-index: 2;

}
#header_container
{   
    position:fixed;
    top:0; left:0; right:0;
    height:120px;
    background-color: #2e3436;
    z-index:3;
    padding-top: 20px;
    color:#d3d7cf;




}
#content_container {
    text-align: left;
    margin: auto;
}
#header
{
    position:static;
    z-index:4;

}
#logo {
    width: 250px;
}
#menu
{    position: fixed;
     margin-left: inherit;
     padding-left: 690px;
}

#menu ul {padding: 0; margin: 0;}
#content
{
    margin:auto;
    padding-bottom:3em;
    width: 450px;
    position: relative;
    z-index: 1;


}
#footer_container
{
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:2em;
    z-index:999999;
}
#footer
{   background-color: #2e3436;
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:3;
    border-top: 5px #729fcf solid;
}
#footer a {
    color: #888a85;
    text-decoration:none;
}
/* Nun für den MSIE */
* html, * html body
{
    overflow:hidden;
    bottom:0;
    height:100%;
}
* 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
{
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    height:100%;
    width:100%;
    overflow:auto;
    margin:0;
}


* html #menu
{
    margin:0;
    width:10.5em;    /* Der IE soll das Element breiter darstellen, da margin und padding hier von
    der Breite abgezogen wird! */
}
#topNavi {

    margin: auto;

}
#middle {
    padding-top: 211px;

    text-align: center;
    border: 0;
}
#left {
    position: fixed;
    float: left;
    left: 0;
    top: 130px;
    background:  url(images/leftCircleSegment.png) ;
    background-position: right top;
    background-repeat:no-repeat;
    width: 20%;
    background-color: #2e3436;

    height: 100%;
    padding-right: 0;
    margin-right: 0;


}
#topNavi li {
    display: block;
    float: left;




}
#topNavi li {



}
#topNavi li a {
    text-decoration: none;
    vertical-align:top;
    padding-bottom: 25px;
    color: #333;
    background-repeat:repeat-x;



}
#topNavi li.active a{
    font-weight: bold;
}
.menulevel1 a, .menulevel2 a {text-decoration: none;}

.menulevel2 a {display: block;}

#topNavi .menulevel1 {
    padding: 15px 0;
    width: 800px;
    margin: auto;

    overflow: hidden;


}

#topNavi .menulevel1 li {
    display: block;
    float: left;
    list-style: none;
    padding: 0 1.2ex;
    border-left: 1px #2e3436 solid;

}
.menulevel1 li a {
    color: #204a87;
}
.clearer {
    clear: both;
    float: none;
}
.menulevel1, .menulevel2, .menulevel3 {
    font-weight: bold;


}

.menulevel1 .doc a, .menulevel1 .docs a {color: #d3d7cf !important;}
.doc a:hover, .docs a:hover {
    letter-spacing: 0.07ex;
}
.sdoc, .sdocs {
    color:#2e3436;

}


.menulevel2 a:hover {background-color: #333;}
#content p {
    text-align: justify;
}
.mceContentBody {
    font-size: 100%;
    background-color: #ffffee;
    text-align: justify;
}
a, a:visited {
    color: #204a87;

}
a:hover{
    text-decoration:none;
}