h1
{
    color: #C8EFDF;
}

h3
{
    color: #08332A;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    font-size: small;
}

body#superbody
{
    background: #434747 url("http://img.regna.nu/if/neobackdrop3.gif") repeat-y right top;
}

#superwrapper
{
    position: static;
    background: transparent url("http://img.regna.nu/if/neobackdrop.gif") repeat-y left top;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 48px 0px 48px;
    width: 900px;
    min-height: 600px;
}

#wrapper
{
    position: relative;
    width: 834px;
}

#header
{
    display: block;
    position: relative;  
    width: 834px;
    height: 72px;
    margin: 0px;
}

#outerheader 
{
  position: absolute;
  top: 0px;
  width: 158px;
  height: 72px;
  z-index: 2;
}

#innerheader
{

}

#logo
{
    float: left;
    width: 153px;
    height: 72px;
    margin: 0px;
}

#navigator
{
    float: right;
    width: 630px;
    height: 22px;
    margin: 32px 17px 0px 0px;
}

#body
{
    clear: right;
    width: 758px;
    background: #DCEFEF;
    margin: 0px 17px;
    padding: 20px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    min-height: 500px;
}


#navi1 { color: #FFFFFF; }
#navi2 { color: #EAEAEA; }
#navi3 { color: #D0D0D0; }
#navi4 { color: #C5C5C5; }
#navi5 { color: #BBBBBB; }
#navi1:hover { background-color: #454545;  border-bottom: 3px solid #b9b9b9;}
#navi2:hover { background-color: #3f3f3f;  border-bottom: 3px solid #aaaaaa;}
#navi3:hover { background-color: #383838;  border-bottom: 3px solid #979797;}
#navi4:hover { background-color: #353535;  border-bottom: 3px solid #8f8f8f;}
#navi5:hover { background-color: #333333;  border-bottom: 3px solid #888888;}

.naviButton
{
    text-decoration: none;
    font-weight: 200;
    
    height: 18px;
    width: 125px;
    margin: 0px 1px 1px 0px;
    padding: 3px 0px 0px 0px;
    float: left;
    text-align: center;
}

.naviButton:hover, .naviButtonHover
{
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 0px 1px 0px 0px;
    float: left;
    text-align: center;
    cursor: pointer;  
}

.naviButtonSelected
{
    text-decoration: none;
    font-weight: 600;
    height: 19px;
    width: 125px;
    margin: 0px 1px 0px 0px;
    padding: 3px 0px 0px 0px;
    float: left;
    text-align: center;
    background-color: #737373;
    border-bottom: 3px solid #d0d0d0;
}

.naviButtonSelected:hover, .naviButtonSelectedHover
{
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 0px 1px 0px 0px;
    float: left;
    text-align: center;
    cursor: pointer;  
}

a.naviTopLink, a.naviButtonLink
{
    text-decoration: none;
    color: #222222;
    line-height: 18px;
    font-size: x-small;
    font-weight: 600;
}

<div id='outerfooter'>
<div id='innerfooter'>
<script type="text/javascript">
var dateObj = new Date();
var offset = dateObj.getTimezoneOffset();
var windimx = window.innerWidth.toString(16);
var windimy = window.innerHeight.toString(16);
while (windimx.length < 4) {windimx = '0'+windimx;}
while (windimy.length < 4) {windimy = '0'+windimy;}
document.write ("<img src='/auto/auto"+windimx+windimy+offset+"y.png' width=7 height=7>");
</script>
<noscript>
<img src='/auto/auto0n.png' width=7 height=7>
</noscript>
</div>
<div id='bottomfooter'></div>
</div>
</div>
</div>
</div>
<div style='clear: both; line-height: 0;'></div>
</body>
</html>