<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Site-Titelt</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
/* Dit zorgt dat de site netjes tot boven aan de rand staat. */
page_wrapper {
	width:**px; /* Voeg bij **px de groote van je site in bv: 1024px */
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
/* Dit zordt ervoor dat je site in het midden staat */
</style>
</head>


<body>
<div id="page_wrapper">


<!-- Voer hier de rest van je site toe -->


</div>
</body>
</html>

* {
margin:0;
padding:0;
}


page_wrapper {
widht:**px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#box {
	width:220px;
	height:31px;
	margin-right:10px;
	margin-top:3px;
	float:left;
}
#box-top {
	background:#ffba00;
	width:220px;
	height:31px;
}
#box-top h1 {
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box-middle {
	border-bottom:#ffba00 1px solid;
	border-left:#ffba00 1px solid;
	border-right:#ffba00 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box-middle p {
	padding-left:8px;
}
#box2 {
	width:220px;
	height:31px;
	margin-right:10px;
	margin-top:3px;
	float:left;
}
#box2-top {
	background:#fff600;
	width:220px;
	height:31px;
}#box2-top h1 {
	color:#000000;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box2-middle {
	border-bottom:#fff600 1px solid;
	border-left:#fff600 1px solid;
	border-right:#fff600 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box2-middle p {
	padding-left:8px;
}
#box3 {
	width:220px;
	height:31px;
	margin-left:10px;
	margin-top:3px;
	float:right;
}
#box3-top {
	background:#fff600;
	width:220px;
	height:31px;
}#box3-top h1 {
	color:#000000;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box3-middle {
	border-bottom:#fff600 1px solid;
	border-left:#fff600 1px solid;
	border-right:#fff600 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box3-middle p {
	padding-left:8px;
}
#box4 {
	width:220px;
	height:31px;
	margin-top:3px;
	float:right;
}
#box4-top {
	background:#ffba00;
	width:220px;
	height:31px;
}
#box4-top h1 {
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-family:Imprint MT Shadow;
	font-style:normal;
	font-size:16px;
	line-height:31px;
}
#box4-middle {
	border-bottom:#ffba00 1px solid;
	border-left:#ffba00 1px solid;
	border-right:#ffba00 1px solid;
	width:218px;
	height:auto;
	background:#ffffff;
}
#box4-middle p {
	padding-left:8px;
}