body
{ 
background: #C7DC91 url('pictures/bg.jpg') no-repeat fixed left; 

}

body,td,th,p,H2{
	font-family: Helvetica;
	color: #000000;
}

H1{
	font-family: Times New Roman;
  color: #000000;
  font-size: 18pt;
}

H2{
  
  font-size: 12pt;
  font-weight: 600;
  color: #000000;
}
p,td,th{
	font-size: 12pt;
  font-weight: normal;
}

td,th{
	vertical-align: top;
}

td.main{
	text-align: left;
	vertical-align: top;
  margin-left: 160px;
}

td.text{
	text-align: center;
	vertical-align: top;
 	width: 1000px
}

td.pic01{
	text-align: left;
	vertical-align: top;
	width: 100px;
}
td.pic02{
	text-align: right;
	vertical-align: top;
	width: 100px;
}	
td.pic03{
	text-align: right;
	vertical-align: top;
	width: 150px;
}
img{
	margin: 2px;
	border-width: 6px;
  border-style: ridge;      
  border-color: green;
}
img.menu{
  border: none;
  margin-bottom: 2px;
}
<style type=”text/css”>
 img{filter: alpha(opacity=10);
opacity:.10;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=10)”; /*–IE 8 Transparency/*/
}
 a:hover img{filter: alpha(opacity=70);
opacity:.70;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;
/*–IE 8 Transparency–*/
}
</style>
}

A:link{
	color: #8A4B08;
}

A:visited{
	color: #FF8000;
}

A:hover{
	color: #DF7401;
}

td.menu{
	text-align: center;
	vertical-align: top;
	width: 130px;
}

td.prijs{
	text-align: center;
	vertical-align: top;
	width: 800px;                  
}


td.boeking{
	text-align: center;
	vertical-align: top;
	width: 410px;
          
}
	
<style type="menu">
<TD>

{
<a href="index.php" onmouseover="document.images['a1'].src='button/bung_h.png';" onmouseout="document.images['a1'].src='button/bung_b.png';" onmousedown="document.images['a1'].src='button/bung_p.png';" onmouseup="document.images['a1'].src='button/bung_p.png';"><img src="button/bung_b.png" name="a1" class="menu"></a>
<a href="park.php" onmouseover="document.images['a2'].src='button/park_h.png';" onmouseout="document.images['a2'].src='button/park_b.png';" onmousedown="document.images['a2'].src='button/park_p.png';" onmouseup="document.images['a2'].src='button/park_p.png';"><img src="button/park_b.png" name="a2" class="menu"></a>
<a href="omgeving.php" onmouseover="document.images['a3'].src='button/omg_h.png';" onmouseout="document.images['a3'].src='button/omg_b.png';" onmousedown="document.images['a3'].src='button/omg_p.png';" onmouseup="document.images['a3'].src='button/omg_p.png';"><img src="button/omg_b.png" name="a3" class="menu"></a>
<a href="attrac.php" onmouseover="document.images['a4'].src='button/attrac_h.png';" onmouseout="document.images['a4'].src='button/attrac_b.png';" onmousedown="document.images['a4'].src='button/attrac_p.png';" onmouseup="document.images['a4'].src='button/attrac_p.png';"><img src="button/attrac_b.png" name="a4" class="menu"></a>
<a href="winkel.php" onmouseover="document.images['a5'].src='button/wink_h.png';" onmouseout="document.images['a5'].src='button/wink_b.png';" onmousedown="document.images['a5'].src='button/wink_p.png';" onmouseup="document.images['a5'].src='button/wink_p.png';"><img src="button/wink_b.png" name="a5" class="menu"></a>
<a href="invent.php" onmouseover="document.images['a6'].src='button/invent_h.png';" onmouseout="document.images['a6'].src='button/invent_b.png';" onmousedown="document.images['a6'].src='button/invent_p.png';" onmouseup="document.images['a6'].src='button/invent_p.png';"><img src="button/invent_b.png" name="a6" class="menu"></a>
<a href="boeking.php" onmouseover="document.images['a7'].src='button/prijs_h.png';" onmouseout="document.images['a7'].src='button/prijs_b.png';" onmousedown="document.images['a7'].src='button/prijs_p.png';" onmouseup="document.images['a7'].src='button/prijs_p.png';"><img src="button/prijs_b.png" name="a7" class="menu"></a>
<a href="contact.php" onmouseover="document.images['a9'].src='button/reserv_h.png';" onmouseout="document.images['a9'].src='button/reserv_b.png';" onmousedown="document.images['a9'].src='button/reserv_p.png';" onmouseup="document.images['a9'].src='button/reserv_p.png';"><img src="button/reserv_b.png" name="a9" class="menu"></a>
<!--<BR>&nbsp;<BR>-->
<a href="swf_huis.php" onmouseover="document.images['a10'].src='button/swf_huis_h.png';" onmouseout="document.images['a10'].src='button/swf_huis_b.png';" onmousedown="document.images['a10'].src='button/swf_huis_p.png';" onmouseup="document.images['a10'].src='button/swf_huis_p.png';"><img src="button/swf_huis_b.png" name="a10" class="menu"></a>
<a href="swf_omg.php" onmouseover="document.images['a11'].src='button/swf_omg_h.png';" onmouseout="document.images['a11'].src='button/swf_omg_b.png';" onmousedown="document.images['a11'].src='button/swf_omg_p.png';" onmouseup="document.images['a11'].src='button/swf_omg_p.png';"><img src="button/swf_omg_b.png" name="a11" class="menu" ></a>
<a href="film.php" onmouseover="document.images['a12'].src='button/film_h.png';" onmouseout="document.images['a12'].src='button/film_b.png';" onmousedown="document.images['a12'].src='button/film_p.png';" onmouseup="document.images['a12'].src='button/film_p.png';"><img src="button/film_b.png" name="a12" class="menu"></a>
<a href="javascript:bookmarksite('Bungalow in Twente', 'http://www.huisjetwente.nl')" onmouseover="document.images['a13'].src='button/fav_h.png';" onmouseout="document.images['a13'].src='button/fav_b.png';" onmousedown="document.images['a13'].src='button/fav_p.png';" onmouseup="document.images['a13'].src='button/fav_p.png';"><img src="button/fav_b.png" name="a13" class="menu"></a>
</TD>
}
</style>

<STYLE type="text/css">
<!--
BODY
{
scrollbar-3dlight-color : #008C46;
scrollbar-highlight-color : #00CC00;
scrollbar-darkshadow-color : #005500;
scrollbar-shadow-color : #004600;
scrollbar-face-color : #008000;
scrollbar-arrow-color : #008000;
scrollbar-track-color : #009D00;

}
-->
</STYLE>
}

<script type="text/javascript">
{
var a = new Image(); a.src = 'root.gif';
var b = new Image(); b.src = 'hover.gif';
var c = new Image(); c.src = 'active.gif';
}
</script>