The CSS: 
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
body {margin:0px;
text-align:center;
	background: url(../img/bg3.jpg) repeat-y;
	
}

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 100%;
border:0px solid Yellow;
}
#inner {
width: 935px;
background:#fff;
height: 100%;
text-align: center;
margin-left:322px;
margin-right:auto;
border:0px solid Magenta;
}
#inner2 {
width: 400px;
background:#fff;
height: 100%;
text-align: left;
margin-left:0px;
margin-right:auto;
border:0px solid Magenta;
display:none;
float:left;
}
.aanvullen{
border: 1px solid #cccccc; 
border-radius: 6px; 
-moz-border-radius: 6px; 
 -webkit-border-radius: 6px;	
 background-color: #eee;
 font-weight: bold;
 padding-left:10px;
 color:#AAA;

}
.button{
cursor: hand;
}
.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../img/b.gif) no-repeat bottom right;
	font-size: 100%;
	float:left;
	text-align:left;
	height:auto;
}
.boxhead {
	background: url(../img/a.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	
}
.boxhead h2 {
	background: url(../img/c.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody,.boxbody1,.boxbody2,.boxbody3,.boxbody4,.boxbody5,.boxbody6,.boxbody7,.boxbody8,.boxbody9,.boxbody10,.boxbody11,.boxbody12 {
	background: url(../img/d.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.boxbodying{
	background: url(../img/d.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 19px 31px;
	padding-left:33px;
}
.ExtraBox {
	background: url(../img/d.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 19px 31px;
}

A {font-family:arial;font-size: 11px; color:#000;text-decoration:none;}
a:hover{font-family:arial;font-size: 11px; color:#000;text-decoration:underline; }

.panel{ 
float:left;
width:300px;
height:90%;
margin-right:2px;

}
.panel0{ 

width:900px;
height:58px;
text-align:left;

float:left;
}


.menu{ 
float:left;
width:300px;
height:100%;
margin-right:2px;
padding-top:12px;
padding-left:20px;
}

.header{
width:60%;
height:40px;
float:left;
padding-left:15px;
font-family:arial;font-size: 11px; color:#000;text-decoration:none;

}
.header2{
width:35%;
height:40px;
float:right;
text-align:right;
padding-top:10px;
right:18px;
 
}
.header3{
background:  #fff url(../img/divleft2.jpg) repeat-y;
float:right;
width:17px;
height:40px;
}

.totaldiv{
background:  #fff url(../img/divleft.jpg) repeat-y;
float:right;
position:absolute;
right:0px;
width:17px;
top:0px;
min-height:100%;
height:auto!important;
height:100%;

}


.left{
background: url(../img/bg3.jpg) repeat-y;
width:100%;
min-height:1100px;
}

.timeupd { font-size: 8px; color: #778899;font-family:arial; float:right;}
.waitspace { min-height:17px;font-size: 8px; color: #778899;font-family:arial; float:center;};

#logo{
position:fixed;
right:4px;
top:4px;
z-index:100;
display:none;
}
#footer {
text-align:center;
width:100%;
}
#goodies{
width:400px;
height:100px;
position:absolute;
left:50%;
right:50%
padding: 12px;
text-align: center;
display: none;
border:4px solid #A8D0E3;
}