body {

		font-family: Century Gothic;
		font-size: pt;
		font-color: #000000;
		background-color: gold;


scrollbar-face-color: gold;
scrollbar-3dlight-color: #FF0000;
scrollbar-arrow-color: #FF0000;
scrollbar-darkshadow-color: #FF0000;
scrollbar-shadow-color: #FF0000;
scrollbar-track-color: gold;
scrollbar-highlight-color:#FF0000;

}

.kop {

		font-family: Century Gothic;
		font-size: 8pt;
		color: #000000;

		}

.subkop {

                font-family: Century Gothic;
                font-size: 8pt;
                color: #000000;

                }
.tekst {


                font-family: Century Gothic;
                font-size: 8pt;
                color:  #000000;

                }


tr {

		padding: 10px;
		border: solid 0px;
      border-color: gold;
		background-color: gold;

		}

.img {

		border: solid 0px;
		border-color: #FF0000;

		}





a:link {
	color: #000000;
	text-decoration:none;
}

a:active {
	color: #FF0000;
	text-decoration:none;
}

a:visited {
	color: #000000 ;
	text-decoration:none;
}

a:hover {
		color: #FFFF00  ;
		text-decoration: none;
		}





<div id="span0" style="position:absolute;visibility:hidden;"><img src="volgmuis.gif"></div>
<script>
var step=1
var stepbasic=1
var numberofimages=1
var spacebetweenimgs=30
var x,y
var flag=0
var xpos=new Array()

var ns6=document.getElementById&&!document.all?1:0

for (i=0;i<=8;i++) {
	xpos[i]=-100
}

var ypos=new Array()
for (i=0;i<=numberofimages;i++) {
	ypos[i]=-100
}

function handlerMM(e) {
	x = (document.layers || ns6) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (document.layers || ns6) ? e.pageY : document.body.scrollTop+event.clientY
	flag=1
}

function initiatetracker() {
	if (document.all) {
		for (i=0; i<numberofimages; i++) {
    		var thisspan=eval("span"+(i)+".style")
			thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    		thisspan.visibility="visible"
    	}
		makesnake()
	}

   if (ns6) {
		for (i=0; i<numberofimages; i++) {
			document.getElementById("span"+i).style.left=xpos[i]
			document.getElementById("span"+i).style.top=ypos[i]
    		document.getElementById("span"+i).style.visibility="visible"
    	}
		makesnake()
	}
	if (document.layers) {
		for (i=0; i<numberofimages; i++) {
    		var thisspan=eval("document.span"+i)
			thisspan.left=xpos[i]
			thisspan.top=ypos[i]
			thisspan.visibility="visible"
		}

    	makesnake()
	}
}

function makesnake() {
	if (flag==1 && document.all) {
    	for (i=numberofimages; i>=1; i--) {
   			xpos[i]=xpos[i-1]+spacebetweenimgs
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+stepbasic
		ypos[0]=y

		for (i=0; i<numberofimages; i++) {
    		var thisspan = eval("span"+(i)+".style")
    		thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    	}
	}

    if (flag==1 && ns6) {
    	for (i=numberofimages; i>=1; i--) {
   			xpos[i]=xpos[i-1]+spacebetweenimgs
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+stepbasic
		ypos[0]=y

		for (i=0; i<numberofimages; i++) {
    		document.getElementById("span"+i).style.left=xpos[i]
			document.getElementById("span"+i).style.top=ypos[i]
    	}
	}

	else if (flag==1 && document.layers) {
    	for (i=numberofimages; i>=1; i--) {
   			xpos[i]=xpos[i-1]+spacebetweenimgs
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+stepbasic
		ypos[0]=y

		for (i=0; i<numberofimages; i++) {
    		var thisspan = eval("document.span"+i)
    		thisspan.left=xpos[i]
			thisspan.top=ypos[i]
    	}
	}
		var timer=setTimeout("makesnake()",30)
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiatetracker
</script>
