.box {position: relative;  background: #000000; width: 950px; height: 663px;border: 0px solid #000000; 
		color: #ffffff;
	background-image:url(IMG/WINTER-TRIAL-BOX.gif);	margin:-3px auto; /* center in the middle without tables */ 
}

table {
	margin-top:0px; /* puts the box 30px lower, in combination with below. */ 
	margin-left:20px; /* puts the box 25px to the left, in combination with width 95% to prevent a horizontal scroll bar. */ 
	width: 95%; height: 100%; vertical-align: top;}

html, body {
	  margin-top:0px;
	  /* puts the box 30px lower, in combination with above, 
	  Deze margin-top waarde was eerst 60 ( om de menupane niet te laten verdwijnen aan de bovenkant) maar firefox renderde bij een waarde van 0 al goed dus dan
	  is deze waarde dubbelop bij firefox, en dan verschijnt alles te laag in vergelijking met IE. En daarom een margin-top bij table als bij body. 
	*/ 
		 padding:0px;  /* for backwards compatibility with ie5 --> */
	text-align: left;
	background: url(IMG/WINTER-TRIAL-STROOK.gif) repeat-x #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;font-size:10pt
}



a {color: #ffffff; text-decoration:none; }



.menu { position: absolute; top: 40px; left: 140px; font-size: 11px; color: #777777;}
.menu a {font-size: 11px; color: #777777; }
.menu a:hover { color: #ffffff;}
.selected a {color: #ffffff;}

.logo { position: absolute; top: 40px; left: 670px;}
.logowintertrial { position: absolute; top: 0px; left: 185px;}

.boxpanel { position: absolute; top: 136px; left: 103px; }
.homeimage { position: absolute; top: 0px; left: 0px; }
.inputform { position: absolute; top: 50px; left: 297px; font-size: 11px; color: #ffffff;}
input {margin-bottom: 10px;}

img { border: none; }