<style type="text/css">
<!--
input, textarea, submit, reset{border:1pt solid black; background:white; color:black; 
font-family:verdana;font-size:7px; line-height:9; font-weight:none; font-style:normal}
body 
{background:white;
transparent-color:none;
scrollbar-arrow-color:dceccf;
scrollbar-darkshadow-color:dceccf;
scrollbar-track-color:bedba7;
scrollbar-face-color:bedba7;
scrollbar-shadow-color:bedba7;
scrollbar-highlight-color:dceccf;
scrollbar-3dlight-color:bedba7
}
-->

<!--
A:link {color:4a6c2f; text-decoration:none; font-weight:italic} 
A:visited {color:4a6c2f; text-decoration:none; font-weight:italic} 
a:hover {color:8ab47a; background:none; text-decoration:none; font-weight:italic; border:1; cursor: default}  
-->

<!-- 
BODY 
{background-image:url("");
background-attachment:fixed;
background-repeat:no-repeat;
background-color:bedba7;} 
-->

<!-- b {
font-size:12px; 
font-family:verdana; 
color:618a40; 
line-height:14px; 
letter-spacing:0pt;
font-weight:underline;
}-->

<!-- i {
font-size:12px; 
font-family:verdana; 
color:618a40;
background:transparent;
line-height:14px; 
letter-spacing:0pt;
font-weight:italic;
}-->

<!-- u {
font-size:16px; 
font-family:verdana;
color:618a40; 
background:none;
border:1;
line-height:18px; 
letter-spacing:0pt;
font-weight:bold;
text-decoration:bold
}-->

<!-- h1 {
font-size:20px; 
font-family:verdana;
color:618a40; 
background:none;
border:1;
line-height:20px; 
letter-spacing:0pt;
font-weight:bold;
text-decoration:bold
}-->

<!-- h2 {
font-size:16px; 
font-family:verdana;
color:618a40; 
background:none;
border:1;
line-height:20px; 
letter-spacing:0pt;
font-weight:bold;
text-decoration:bold
}-->

<!-- font {
font-size:12px; 
font-family:verdana; 
color:618a40; 
line-height:14px; 
letter-spacing:0pt;
font-weight:none;
cursor:default;
}-->

<!--
body,tr,td, h6, li
{font-size: 12px; 
font-family:verdana;
color:618a40; 
line-height:14px; 
letter-spacing:0pt;
-->

<script type="text/javascript">
String.prototype.eescape = function(){
	var escaped="";
	for(var n=0;n<this.length;n++){ escaped+="%"+((this.charCodeAt(n)<16)?"0"+this.charCodeAt(n).toString(16):this.charCodeAt(n).toString(16)); }
	return escaped;
}
String.prototype.hescape = function(){
	var escaped="";
	for(var n=0;n<this.length;n++){ escaped+="&#"+this.charCodeAt(n)+";"; }
	return escaped;
}
function makemaillink(str){
	return "<a href=\"mailto:"+str.eescape()+"\">"+str.hescape()+"</a>";
}
</script>
<form>
<table>
	<tr><td>Din e-post adress:</td><td><input type="text" name="email" style="width:200px;"/></td></tr>
	<tr><td>&nbsp;</td><td><input type="button" value="Generera" onclick="this.form.eescaped.value=makemaillink(this.form.email.value);"/></td></tr>
	<tr><td>Länk:</td><td><input type="text" name="eescaped" style="width:600px;"/></td></tr>
</table>
</form>


<!--
#container {background: #bedba7;}
.roundtop {background: #bedba7;}
.roundbottom {background: #bedba7;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #85c465;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #85c465;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #85c465;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #85c465;}
.content {padding: 5px;}
-->

</style>