css:
Index.html
body {
background-color: #eeeeee;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
#header {
width: 522px;
height: auto;
min-height: 99px;
background-image: url(images/header.png);
margin: auto;
}
#tekst {
width: 468px;
margin: auto;
text-align: center;
padding-top: 5px;
color: #FFFFFF;
}
#content-top {
width: 522px;
height: 7px;
background-image: url(images/main_top.png);
margin-left: 6px;
}
#content {
width: 469px;
height: auto;
background-image: url(images/main.png);
background-repeat: repeat-y;
margin-left: 19px;;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
}
#schaduw_rechts {
width: 6px;
height: 107px;
background-image: url(images/schaduw_rechts.png);
float: right;
margin-left: 10px;
}
#container {
width: 534px;
margin: auto;
}
#content-bottom {
width: 504px;
height: 19px;
background-image: url(images/onder.png);
margin-left: 18px;
} Index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SuperMailS</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="schaduw_rechts"></div>
<div id="header">
<div id="logo"></div>
<div id="tekst">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum lobortis convallis augue sit amet rutrum. Aliquam bibendum sem sit amet nunc dapibus in accumsan magna tincidunt. Suspendisse eget lacus condimentum mi ullamcorper fermentum eu vel sem. Aliquam tristique pharetra magna, quis rhoncus enim pulvinar eget.</div>
</div>
<div id="content-top"></div>
<div id="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum lobortis convallis augue sit amet rutrum. Aliquam bibendum sem sit amet nunc dapibus in accumsan magna tincidunt. Suspendisse eget lacus condimentum mi ullamcorper fermentum eu vel sem. Aliquam tristique pharetra magna, quis rhoncus enim pulvinar eget. Integer lacinia magna nec lacus blandit bibendum. Nullam egestas purus eget nibh condimentum vitae rutrum dolor venenatis. Morbi ut sem eu metus tristique venenatis. Nulla gravida tincidunt vehicula. Nulla eu erat nec massa imperdiet luctus. Donec at nulla lorem, non tincidunt.</div>
<div id="content-bottom"></div>
</div>
</body>
</html> 

..