body {
    position:absolute;
    background-image:url(../img/background.jpg);
    background-color:#366DAD;
    background-position:100px 100px;
}
html, body {
    top:0; left:0; right:0;
    min-height:100%;
    margin:0;
    padding:0;
}

li {
    padding:0.4em;
}

#header_container {
    position:fixed;
    top:0; left:0px; right:0px;
    margin:0;
    padding:0;
    min-width:1282px;
    height:100px;
    z-index:3;
}

#header {
    position:absolute;
    top:0; left:100px; right:0; bottom:0;
    z-index:2;
    margin:0;
    padding:20px;
    padding-left:40px;
    background-color:#000000;
    font-size:100%;
    line-height:120%;
    font-family:Arial,sans-serif;
    letter-spacing:0.3em;
    word-spacing:0.5em;
    color:#FFFFFF;
}

#logo {
    left:0px;
    top:0px;
    margin:0;
    padding:0;
    width:92px;
    height:92px;
    background-color:#E0E0E0;
    border-color:#000000;
    border-style:none;
    border-width:4px;
    border-radius:5px;
    z-index:3;
    font-size:120%;
    line-height:460%;
    font-family:Arial,sans-serif;
    letter-spacing:0.0em;
    word-spacing:0.1em;
    color:#202020;
    text-align:center;
}

.logo {
    padding-top:37px;
    border:0;
    width:90%;
}

#menu {
    position:fixed;
    left:0px;
    top:100px;
    width:100px;
    height:100%;
    background-color:#F68B1F;
    font-size:120%;
    line-height:120%;
    font-family:Arial,sans-serif;
    letter-spacing:0.0em;
    word-spacing:0.1em;
    color:#FFFFFF;
    text-align:center;
    margin:0;
    padding:0;
    z-index:3;
}

#content {
    position:absolute;
    left:100px;
    top:100px;
    right:0;
    bottom:32px;
/*    max-width:1282px; */
    min-width:400px;
    overflow:auto;
    margin:0;
    z-index:2;
    font-size:1em;
    line-height:120%;
    font-family:Arial,sans-serif;
    letter-spacing:0.1em;
    word-spacing:0.2em;
    color:white;
}

#msgBox {
    position:absolute; 
    right:100px;
    top:50px;
    width:250px;
    visibility:hidden;
    background-color:#202020; 
/*    background-color:#F68B1F; 
    border-color:#000000;
    border-style:outset;
    border-width:4px; */
    padding:15px;
    z-index:6;
    font-size:1em;
    line-height:100%;
    font-family:Arial,sans-serif;
    letter-spacing:0.05em;
    word-spacing:0.1em;
    color:#F68B1F;
    border-radius:5px;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;       
}

#txtBox {
    position:absolute;
    top:110px;
    left:25px;
    right:25px;
/*    border-style:dotted; */
    z-index:5;
    overflow:hidden;
}    

#footer_container {
    position:fixed;
    bottom:0; left:0; right:0;
    min-width:600px;
    margin:0;
    height:2em;
    z-index:3;
}

#footer {
    position:absolute;
    top:0; right:0;
    z-index:3;
    left:0px;
    bottom:0px;
    height:50px;
    padding:10px;
    background-color:#000000;
    font-size:70%;
    line-height:80%;
    font-family:Arial,sans-serif;
    letter-spacing:0.0em;
    word-spacing:0.1em;
    color:#FFFFFF;
    text-align:center;
}

.navButton {
    height:30px;
    padding:5px;
    background-color:black;
    border-color:#000000;
    border-style:none;
    border-width:4px;
    border-radius:5px;
    font-size:1em;
    line-height:150%;
    font-family:Arial,sans-serif;
    letter-spacing:0.0em;
    word-spacing:0.1em;
    color:#FFFFFF;
    text-align:center;
}

/* Nur 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;
}

#content a:link { text-decoration:none; color:white; }
#content a:visited { text-decoration:none; color:white; }
#content a:hover { text-decoration:none; background-color:#F68B1F; }

/* 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, #header_container a:link, #header_container a:visited  {
    display:block;
    background:#F68B1F;
    color:black;
    text-decoration:none;
    margin:0;
    padding:4px;
}


#menu a.hidden { color: #F68B1F; background-color: #F68B1F; border-color: #F68B1F; }
#menu a.hidden:hover { color: #fff; }


#menu a:hover, #header_container a:hover {
    background:#4F4F4F;
    color:#F68B1F;
    text-decoration:none;
}

/* Der IE soll das Element breiter darstellen, da margin
   und padding hier von der Breite abgezogen werden! */

* html #menu {
    margin:0;
    width:10.5em;
}
