#!/usr/bin/perl
$from = $ENV{'HTTP_REFERER'};

open FH, ">>../accesslog/relive";
$now=localtime(time);
print FH "$now: $from\n";
close FH;
print "Content-Type: text/html\n\n";
print <<EOF;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<heaD>
<title>Drachten Races</title>
<style>
body {
height: 100%;
background-color: #333;
background-image: url('images/background.jpg');
background-position: center bottom;
background-repeat: no-repeat;
background-height : 100%;
}

html {
height: 100%;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}

#testbox {
margin-left: auto;
margin-right: auto; 
width:872px;
}
#testbox2 {
margin-left: auto;
margin-right: auto; 
width:872px;
}
#chatbox {
margin-left: auto;
margin-right: auto; 
width:498px;
}

#menu { 
position: absolute;
left: 0px;
top: 160px;
width: 100px;
}

#menu a {
margin-top: 4px;
display: block;
color: red;
height: 48px;
width: 150px;
font-size: 24px;
line-height: 48px;
text-align: center;
font-family: arial;
text-decoration: none;
background-image: url('images/buttonbg.gif');
}

#menu a .linkhelp {
display: none;
}

#menu a:hover .linkhelp {
display: block;
position: absolute;
top: 310px;
left: 0px;
width: 150px;
height: 300px;
font-size: 16px;
line-height: 20px;
text-align: left;
}

.lc {
background-image: url('images/corner-topleft.gif');
height: 9px;
width: 9px;
font-size: 2px;
margin-right: 9px;

}
.cb {
margin-left: 9px;
margin-right: 9px;
margin-top: -9px;
height: 9px;
background-image: url('images/horibar.gif');
background-position: top center;

font-size: 2px;
}
.rc {
float: right;
margin-top: -9px;
background-image: url('images/corner-topright.gif'); 
height: 9px; 
width: 9px;
font-size: 2px;
}
.blc {
background-image: url('images/corner-bottomleft.gif');
height: 9px;
width: 9px;
font-size: 2px;
margin-right: 9px;

}
.bcb {
margin-left: 9px;
margin-right: 9px;
margin-top: -9px;
height: 9px;
background-image: url('images/bhoribar.gif');
background-position: top center;

font-size: 2px;
}
.brc {
float: right;
margin-top: -9px;
background-image: url('images/corner-bottomright.gif'); 
height: 9px; 
width: 9px;
font-size: 2px;
}
.lb {
background-image: url('images/leftbar.gif');
width: 9px;
font-size: 2px;
margin-right: 9px;
height: 498px;
}
.inside {
margin-left: 9px;
margin-right: 9px;
margin-top: -498px;
height: 498px;
background: #555;
overflow: hidden;
}
.rb {
margin-top: -498px;
height: 498px;
background-image: url('images/rightbar.gif'); 
width: 9px;
float: right;
font-size: 2px;
}

.vanger {
height: 498px;
background-image: url('images/leftbar.gif');
}

.tekst {
font-family: arial;
font-size: 18px;
margin: 4px;
margin-top: 10px;
}
#header {
background-repeat: no-repeat;
background-position: 50% 50%;
width: 100%;
height: 58px;
line-height: 100%;
v-align: bottom;
}

#FireFox {
position: relative;
top:0;
left:0;
height: 498px;

}
</style>
</head>
<body >
<div id=header>
  <a href="http://www.mental.nl" target="_new"><img style="float:left; height:54px;" src="images/MEnn.gif" alt="Me(n)tal Enterprizes, no-nonsense automatisering" border=0/></a>
  <div style="float:right;width: 200px; color: white; font-face:arial;border: 1px solid white">
    <a href='mailto:studio\@ziejeme.nu' style='color:white'>MAIL US \@ studio\@ziejeme.nu</a>
    <br/>
    Page Moved<br/>
  </div>
</div> <!--header-->

<center>
The new name for the Drachten events is Quartermile. The stream can be found <a href='/quartermile/'>here</a>
</center>

<script type="text/javascript">//<![CDATA[
var referrer = document.referrer.replace(/&/g, '-*/_/*-'); document.write('<img src="http://services.mental.nl/counter/count.php?url='+document.URL+'&ref='+referrer+'" alt="" />'); //]]></script>
<noscript><p><img src="http://services.mental.nl/counter/count.php" alt="" /></p></noscript>
</body>
</html>
EOF
