body
{
    padding: 0;
    margin: 0;
}
#pageContainer
{
    border: solid 1px black;
    border-width: 0 1px;
    margin: 0;
    min-width: 60em;
    width: auto;
}
* html #pageContainer
{
    /* \*/
    word-wrap: break-word;
}
#header
{
    margin: 0 0 0 9em;
    padding: 0.5em 1em;
    background: black;
    text-align: center;
}
#outerContainer
{
    border-left: 10em solid black;
    border-right: 1em solid black;
}
#innerContainer
{
    border: solid 1px black;
    border-width: 0 1px;
    background: black;
    margin: 0 -1px;
    width: 100%;
    z-index: 1;
}
#middle h2, #middle p
{
    padding: 0 0.5em;
}
#left, #middle, #right, #SOWrap
{
    overflow: visible;
    position: relative;
}
#SOWrap
{
    float: left;
    margin: 0 -1px 0 0;
    width: 100%;
    z-index: 3;
}
#middle
{
    float: right;
    margin: 0 0 0 -1px;
    width: 100%;
    text-align: center;
    z-index: 4;
}
#left
{
    float: left;
    margin: 0 1px 0 -10em;
    width: 10em;
    z-index: 5;
}
#right
{
    float: right;
    width: 1em;
    margin: 0 -1em 0 1px;
    z-index: 2;
}
#footer
{
    margin: 0;
    padding: 0.5em 1em;
    background: black;
    text-align: center;
}
.cleaner
{
    clear: both;
    height: 1px;
    font-size: 1px;
    border: 0px none;
    margin: 0;
    padding: 0;
    background: transparent;
}
h1, h2
{
    font-size: 1.7em;
    margin: 0;
}
p
{
    margin: 0.5em 0;
    font-size: 1.3em;
}
.unwichtig
{
    font-size: 0.6em;
}
.berichte
{
    text-align: left;
    font-size: 1.1em;
}

.archiv
{
    color: #cccccc;
}
#archiv
{
    background: black;
    margin: 1 0 0 -1em;
    width: 90%;
    z-index: 6;
    overflow: scroll;
}
img
{
    cursor: pointer;
}