<div style="width:335px;padding:0;margin:0;height:168px;background-image: url(http://mytown.de/pix/webmastertools/routenplaner_horizontal.gif); background-position: left top; background-repeat: no-repeat; ">

<div style="height:119px;margin:0;padding:0;">

<form action="http://stadtplan.meinestadt.de/index.php" method="get" id="mt_rp_quer" name="mt_rp_quer" onSubmit="clearDefaultValues()" style="color:#000000;padding:0; font-family: arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; float: left; height: 115px; width: 335px;">

<div style="height:20px;font: bold 12px Arial;padding: 3px 0 0 10px;">meinestadt.de Routenplaner</div>

<fieldset style="border: none; width: 148px; float: left;padding:0;margin:0">

<legend style="font: normal normal bold 11px/10px Verdana,Arial,Sans-Serif;padding:2px; float: left;color: #000000">Start:</legend>

<input id="mt_streetStart" onClick="emptyFormValue(this.id)" name="streetStart" style="width: 130px; margin:0px 2px 2px 6px; padding:0px;float: left;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input id="mt_zipStart" maxlength="5" onClick="emptyFormValue(this.id)" name="zipStart" style="width: 39px; float: left; margin:0px 2px 0 6px ;padding:0px;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input id="mt_cityStart" onClick="emptyFormValue(this.id)" name="cityStart" style="width: 89px; float:left;margin:0px; padding:0px;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input type="hidden" name="stateType" value="main">

<input type="hidden" name="searchType" value="route">

</fieldset>

<fieldset style="font: normal normal bold 11px/10px Verdana,Arial,Sans-Serif;padding:0;border: none; width: 148px; float: left;padding:0;margin:0">

<legend style="font: normal normal bold 11px/10px Verdana,Arial,Sans-Serif;padding:2px; float: left;color: #000000">Ziel:</legend>

<input id="mt_streetEnd" onClick="emptyFormValue(this.id)" name="streetEnd" style="width: 130px; margin: 0 0 2px 6px; float: left;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;padding:0;" type="text">

<input id="mt_zipEnd" maxlength="5" onClick="emptyFormValue(this.id)" name="zipEnd" style="width:39px; float: left; margin:0px 2px 0 6px; padding:0;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input id="mt_cityEnd" onClick="emptyFormValue(this.id)" name="cityEnd" style="width:89px; float: left;margin:0px;padding:0;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

</fieldset>

<input style="margin: 10px 50px 0 0; text-decoration: underline; float: right;font-size:11px; font-weight:bold" value="Jetzt finden!" type="submit" />

</form>

</div>

<div style="margin:0;padding:0;float:left;">

<a href="http://home.meinestadt.de/heek" target="_blank" style="float:left; padding:0px 0 0 4px;margin:0;"><img src="http://mytown.de/pix/webmastertools/logo_horizontal.gif" border="0" alt="Informationen für Heek"></a>

<div style="float:left;margin:5px 0 0px 10px; padding:8px 0 0 4px;"><a style="font-family:Verdana,Arial,sans-serif; font-size:10px;color:black;text-decoration:none" href="http://home.meinestadt.de/deutschland/werkzeugkiste?webm_tool=routenplaner" rel="nofollow">Routenplaner für Ihre Homepage</a></div>

</div>

</div>

<script type="text/javascript">

<!--

document.getElementById("mt_streetStart").value="Straße";

document.getElementById("mt_zipStart").value="PLZ";

document.getElementById("mt_cityStart").value="Ort";

document.getElementById("mt_streetEnd").value="Riehen 17";

document.getElementById("mt_zipEnd").value="49774";

document.getElementById("mt_cityEnd").value="Lähden-Vinnen";

document.getElementById("mt_streetStart").style.color="gray";

document.getElementById("mt_zipStart").style.color="gray";

document.getElementById("mt_cityStart").style.color="gray";

document.getElementById("mt_streetEnd").style.color="gray";

document.getElementById("mt_zipEnd").style.color="gray";

document.getElementById("mt_cityEnd").style.color="gray";

function emptyFormValue(id){

document.getElementById(id).value="";

document.getElementById(id).style.color="#000000";

};

function clearDefaultValues(){

//Funktion löscht Default Values aus Formular: Straße, Ort, PLZ wenn der Absenden-Button betätigt wird

var arrvalues =document.getElementById("mt_rp_quer").getElementsByTagName("input");

for(var i=0;i < arrvalues.length ; i++){

if( arrvalues[i].getAttributeNode("type").nodeValue =="text"){

if(arrvalues[i].value=="Straße" || arrvalues[i].value =="Ort" || arrvalues[i].value=="PLZ"){

arrvalues[i].value="";

}

}

}

}

-->

</script>

<div style="width:335px;padding:0;margin:0;height:168px;background-image: url(http://mytown.de/pix/webmastertools/routenplaner_horizontal.gif); background-position: left top; background-repeat: no-repeat; ">

<div style="height:119px;margin:0;padding:0;">

<form action="http://stadtplan.meinestadt.de/index.php" method="get" id="mt_rp_quer" name="mt_rp_quer" onSubmit="clearDefaultValues()" style="color:#000000;padding:0; font-family: arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; float: left; height: 115px; width: 335px;">

<div style="height:20px;font: bold 12px Arial;padding: 3px 0 0 10px;">meinestadt.de Routenplaner</div>

<fieldset style="border: none; width: 148px; float: left;padding:0;margin:0">

<legend style="font: normal normal bold 11px/10px Verdana,Arial,Sans-Serif;padding:2px; float: left;color: #000000">Start:</legend>

<input id="mt_streetStart" onClick="emptyFormValue(this.id)" name="streetStart" style="width: 130px; margin:0px 2px 2px 6px; padding:0px;float: left;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input id="mt_zipStart" maxlength="5" onClick="emptyFormValue(this.id)" name="zipStart" style="width: 39px; float: left; margin:0px 2px 0 6px ;padding:0px;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input id="mt_cityStart" onClick="emptyFormValue(this.id)" name="cityStart" style="width: 89px; float:left;margin:0px; padding:0px;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input type="hidden" name="stateType" value="main">

<input type="hidden" name="searchType" value="route">

</fieldset>

<fieldset style="font: normal normal bold 11px/10px Verdana,Arial,Sans-Serif;padding:0;border: none; width: 148px; float: left;padding:0;margin:0">

<legend style="font: normal normal bold 11px/10px Verdana,Arial,Sans-Serif;padding:2px; float: left;color: #000000">Ziel:</legend>

<input id="mt_streetEnd" onClick="emptyFormValue(this.id)" name="streetEnd" style="width: 130px; margin: 0 0 2px 6px; float: left;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;padding:0;" type="text">

<input id="mt_zipEnd" maxlength="5" onClick="emptyFormValue(this.id)" name="zipEnd" style="width:39px; float: left; margin:0px 2px 0 6px; padding:0;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

<input id="mt_cityEnd" onClick="emptyFormValue(this.id)" name="cityEnd" style="width:89px; float: left;margin:0px;padding:0;font: normal normal normal 9px/10px Verdana,Arial,Sans-Serif;" type="text">

</fieldset>

<input style="margin: 10px 50px 0 0; text-decoration: underline; float: right;font-size:11px; font-weight:bold" value="Jetzt finden!" type="submit" />

</form>

</div>

<div style="margin:0;padding:0;float:left;">

<a href="http://home.meinestadt.de/heek" target="_blank" style="float:left; padding:0px 0 0 4px;margin:0;"><img src="http://mytown.de/pix/webmastertools/logo_horizontal.gif" border="0" alt="Informationen für Heek"></a>

<div style="float:left;margin:5px 0 0px 10px; padding:8px 0 0 4px;"><a style="font-family:Verdana,Arial,sans-serif; font-size:10px;color:black;text-decoration:none" href="http://home.meinestadt.de/deutschland/werkzeugkiste?webm_tool=routenplaner" rel="nofollow">Routenplaner für Ihre Homepage</a></div>

</div>

</div>

<script type="text/javascript">

<!--

document.getElementById("mt_streetStart").value="Straße";

document.getElementById("mt_zipStart").value="PLZ";

document.getElementById("mt_cityStart").value="Ort";

document.getElementById("mt_streetEnd").value="Riehen 17";

document.getElementById("mt_zipEnd").value="49774";

document.getElementById("mt_cityEnd").value="Lähden-Vinnen";

document.getElementById("mt_streetStart").style.color="gray";

document.getElementById("mt_zipStart").style.color="gray";

document.getElementById("mt_cityStart").style.color="gray";

document.getElementById("mt_streetEnd").style.color="gray";

document.getElementById("mt_zipEnd").style.color="gray";

document.getElementById("mt_cityEnd").style.color="gray";

function emptyFormValue(id){

document.getElementById(id).value="";

document.getElementById(id).style.color="#000000";

};

function clearDefaultValues(){

//Funktion löscht Default Values aus Formular: Straße, Ort, PLZ wenn der Absenden-Button betätigt wird

var arrvalues =document.getElementById("mt_rp_quer").getElementsByTagName("input");

for(var i=0;i < arrvalues.length ; i++){

if( arrvalues[i].getAttributeNode("type").nodeValue =="text"){

if(arrvalues[i].value=="Straße" || arrvalues[i].value =="Ort" || arrvalues[i].value=="PLZ"){

arrvalues[i].value="";

}

}

}

}

-->

</script>