body, html {
margin : 0; 
padding : 0; 
} 
body{
height : 100%; 
width:100%;
font : 8pt/16pt tahoma; 
color : #550; 
text-align:center;
}
#wrap {
background : #fff url(bilder/topo.jpg) no-repeat top right; 
border : 0.1em outset #aa5; 
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  text-align: center;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
display:block;
} 
#header {
margin-left : auto; 
margin-right : auto; 
height : auto; 
text-align:left;
} 
ul#navlist {
list-style-type : none; 
padding : 0.3em; 
margin : 10px; 
} 
ul#navlist li {
display : inline; 
} 
ul#navlist li a {
color : #fff; 
background : #cc9; 
padding : 0.1em 1.8em; 
text-decoration : none; 
border-left : 1px solid #aa5; 
border-right : 1px solid #aa5;
border-bottom : 1px solid #aa5;
border-top : 1px solid #aa5;
font-size : 11px !important; 
font-family : tahoma !important; 
} 
ul#navlist li a:hover {
color : #fff; 
background : #aa5; 
padding : 0.1em 1.8em; 
text-decoration : none; 
font-size : 11px !important; 
font-family : tahoma !important; 
border-left : 1px solid #aa5; 
border-right : 1px solid #aa5;
border-bottom : 1px solid #aa5;
border-top : 3px solid #cc9;
} 
#main {
float : left; 
position:relative;
padding-top : 10px; 
padding-bottom : 10px !important; 
border : 0 dotted #cc9; 
margin-top : 0 !important; 
margin-bottom : -1px !important; 
margin-bottom : 0 !important; 
margin-left : 10px !important; 
min-width : 650px; 
max-width : 700px; 
width : 80%; 
text-align : left; 
line-height : 150% !important; 
} 
#time {
margin-right : 20px; 
float : right; 
width : 200px; 
color : #fff; 
text-align : center; 
border : 0 solid #cc9; 
margin : 10px; 
padding : 0; 
background-attachment : fixed; 
position : relative; 
min-height : 10px; 
height : 11px !important; 
height : 10px; 
top : 130px; 
left : 532px; 
} 
.sidebar {
background : transparent; 
float : right; 
width : auto; 
text-align : left; 
border : 1px dotted #cc9; 
position : relative; 
min-height : 100%; 
height : auto !important; 
height : 100%; 
line-height : 150%; 
z-index : 5; 
} 
.sidebar h3, #sidebar p { 
text-align : left; 
border : 1px solid #550; 
background-attachment : fixed; 
position : relative; 
padding : 10px; 
margin: 0; 
z-index : 6; 
color : #fff !important; 
font-weight : bold; 
} 
#sidebar li {
padding : 5px; 
margin-left : 5px; 
width : 20%; 
} 

.text {
background : #a00; 
float : right; 
width : 160px; 
text-align : left; 
border : 1px solid #550; 
background-attachment : fixed; 
position : relative; 
padding : 5px; 
margin-right : 20px; 
margin-left : 10px; 
z-index : 2; 
color : #dd9 !important; 
display : inline; 
} 
#footer {
float : none; 
clear : both; 
margin-bottom : 0 !important; 
margin-bottom : -1px !important; 
margin : 0; 
height : 5%; 
margin-top : 5% !important; 
padding-bottom : 0 !important; 
padding-bottom : -1px !important; 
width : 100%; 
background : #cc9; 
color : #fff; 
text-decoration : none; 
border-top : 0.1em double #555555; 
border-left : 0.1em solid #aa5; 
border-right : 0.1em solid #aa5; 
border-bottom : 0 double #555555; 
font-size : 10px !important; 
letter-spacing : 1px !important; 
color : #fff; 
} 
#footer p {
padding : 10px; 
background : #cc9; 
} 
#footer a{
color:#ffffff;
}
#footer a:hover{
color:#000000;
font-weight:bold;
}
.clearfix:after {
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
} 
.top{
position:absolute; 
bottom:3px;
right:5px;
margin-right:3px; 
font-color:#ffffff;
}
<!-- a {
text-decoration : underline; 
} 
a:visited {
font-weight : normal; 
text-decoration : none; 
color : #cc9; 
} 
a:hover, a:active {
text-decoration : underline overline; 
color :#5c470a; 
} 
p {
font-size : 11px; 
line-height : 22px; 
margin-top : 20px; 
margin-left : 20px;
margin-bottom : 10px; 
} 
h1 {
font-family : Georgia; 
font-size : 20px; 
line-height : 35px; 
font-weight : normal; 
margin-top : 10px; 
margin-left : 10px; 
margin-right : 10px; 
margin-bottom : 5px; 
letter-spacing : 8px; 
} 
h2 {
font-family : georgia; 
font-size : 18px; 
line-height : 30px; 
font-weight : normal; 
margin-top : 5px; 
margin-left : 0px; 
margin-right : 10px; 
margin-bottom : 5px; 
letter-spacing : 4px; 
} 
h3 {
font-family : georgia; 
font-size : 16px; 
line-height : 22px; 
font-weight : bold; 
margin-top : 10px; 
margin-left : 0px; 
margin-right : 10px; 
margin-bottom : 5px; 
letter-spacing : 3px; 
} 
h4 {
font-size : 14px; 
line-height : 26px; 
font-weight : bold; 
margin-top : 10px; 
margin-left : 0px; 
margin-right : 10px; 
margin-bottom : 5px; 
letter-spacing : 3px; 
} 
h5 {
font-family : georgia; 
font-size : 12px; 
line-height : 22px; 
font-weight : bold; 
margin-top : 10px; 
margin-left : 0px; 
margin-right : 10px; 
margin-bottom : 5px; 
letter-spacing : 2px; 
} 
h6 {
font-family : georgia; 
font-size : 10px; 
line-height : 18px; 
font-weight : bold; 
margin-top : 10px; 
margin-left : 0px; 
margin-right : 10px; 
margin-bottom : 5px; 
letter-spacing : 2px; 
} 
.font1 {
font-family : georgia; 
font-size : 12px; 
line-height : 22px; 
font-weight : bold; 
margin-top : 0; 
margin-bottom : 0; 
letter-spacing : 10px; 
} 
.leftimage {
float : left; 
margin-right : 10px; 
margin-left : 5px; 
display : inline; 
} 
.nowrap {
white-space : nowrap; 
font-size : 10px; 
font-weight : bold; 
margin-top : 0; 
margin-bottom : 0; 
} 
.tiny {
font-size : 9px; 
line-height : 16px; 
margin-top : 15px; 
margin-bottom : 5px; 
} -->