html, body {
  height: 100%;
  background-color: #565c7d;
	margin: 0;
	padding: 0;
  font: normal 12px verdana;
	color: #333;

}
#container { /* div you want to stretch */
  min-height: 100%;
}
<!--[if lte IE 6]>
<style type="text/css">
#container 
{
  height: 100%;
}
</style>
<![endif]-->

table
{
  height:100%;
}
td
{
  background-color: #ffffff;
  font: normal 12px verdana;
	color: #333;
	vertical-align:top;
}

td.shadowLeft
{
  background-image: url(../images/shadowLeft.jpg);
  width: 18px;
  height: 9px;
  background-repeat: repeat-y;
  background-position: left top;
} 
td.content
{
  width: 900px;
} 
td.shadowRight
{
  background-image: url(../images/shadowRight.jpg);
  width: 18px;
  height: 9px;
  background-repeat: repeat-y;
  background-position: left top;
} 

div.menuKop
{
  width: 198px;
  background-color: #bbd4e8;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  padding: 5px 5px 5px 20px;
  font-family: verdana;
  font-size: 18px;
  color: #3c89d1;
}
div.menuBody
{
  width: 218px;
  background-color: #e0ecf5;
  border: 1px solid #999999;
  padding: 5px 5px 5px 0px;
  font-family: verdana;
  font-size: 14px;
  color: #3c89d1;
}

ul.menu
{
  color: #3c89d1;
}
ul.menu li
{
  font-size: 16px;
  list-style-image: url(../images/menuBullet.jpg);
  line-height:25px;  
}
ul.menu li a
{
  color: #3c89d1;
  font-size: 16px;  
  text-decoration: none;
}
ul.menu li a:hover
{
  color: #dd0000;
  font-size: 16px;  
  text-decoration: none;
  list-style-image: url(../images/menuBulletHover.jpg);  
}

h1
{
  font: 21px verdana;
  color: #ee1100;
  font-weight: bold;
  margin-top: 3px;
}
h2
{
  font: 18px verdana;
}
div.footer
{
  font: normal 11px verdana;
  color: #dddddd;
  text-align: center;
  margin-top: 10px;
}

a
{
  font: normal 14px verdana;
  color: rgb(0,0,0);
  text-decoration: underline;

}
a:hover
{
  font: normal 14px verdana;
  color: #AD022F;

}