HTML *{ margin:0; padding:0;}
BODY {
  height:100%;
  margin: 0px;
  padding: 0px;
  font-family: Tahoma, Verdana, Tahoma;
  font: normal 13px Verdana;
  background-color:#f1ebd9;
  background-image:url(../images/pixel_zand.jpg);
  background-repeat:repeat-y;
  background-position:center;
}

body /* Internet Explorer */
{
text-align: center;
}

body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
} 

body A{text-decoration:underline;}
body A:HOVER{text-decoration: underline;}
body A:VISITED{text-decoration: underline;}

.wrapper {
  width:900px;
  height: 100%;
  margin: 0 auto;
}

.top {
  width:900px;
  height:247px;
}

.midden {
  width: 900px;
  height:270px;
  font-family: Tahoma, Verdana, Tahoma;
  margin: 0;
  padding:0;
  display: inline;
  border: none;
}

.bottom {
  width:900px;
  clear: both;
  font-family: Tahoma, Verdana, Tahoma;
  font-size:11px;
  height:271px;
  vertical-align:middle;
  color:#777777;
}

.bottom A{text-decoration: none; font-size:11px;color:#777777}
.bottom A:HOVER{text-decoration: none; font-size:11px;color:#777777}
.bottom A:VISITED{text-decoration: none; font-size:11px;color:#777777}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */