html, body {
  width: 100%;
  height: 100%;
}
* { 
    margin: 0; 
    border: none; 
}
body {
    font: normal 70% Verdana,Arial,Helvetica,sans-serif;
    background: #DC484D url(bg_body.gif);
    width: 844px;
}
a {
    color: #DC484D;
}
#header {
    background: #DC484D url(bg_body.gif);
    width: 844px;
    height: 170px;
}
#outerShell {
    background: #DC484D url(bg_outerShell.gif) no-repeat;
    padding: 0px 50px;
    height: 595px;
}
#innerShell {
    height: 420px;
    overflow: auto;
    border-bottom: 1px solid silver;
}
#logo {
    padding-bottom: 20px;
}

#leftPane {
    float: left;
    width: 320px;
}
#rightPane {
    float: right;
    width: 360px;
    padding-top: 30px;
}

p {
    color: #666;
    line-height: 140%;
    margin-bottom: 1em;
}
strong { color: #000; }

h1 {
    font-weight: normal;
    display: none; 
}

h2 {
    font-weight: bold;
    color: #690631;
    font-size: 110%;
    margin-bottom: 0.5em;
}

#footer {
    height: 60px;
    font-size: 0.8em;
    clear: both;
    padding: 20px 0;
}
#footer p, #footer a {
    color: #666;
}
#footer p {
    float: left;
}
#logoleiste {
    float: right;
}

#logoleiste img {
    margin: 0 1em;
}