<HTML>
<HEAD>
<title>Galerie Baden</title>
</HEAD>
<style type="text/css">

body { font-family:Helvetica,Arial,sans-serif; color:5A5B67; background-color:7995BD; }
 a:link { text-decoration:none; font-weight:normal; color:5A5B67; }
 a:visited { text-decoration:none; font-weight:normal; color:5A5B67; }
 a:hover { text-decoration:none; font-weight:bold; color:FFFFFF; }
 a:active { text-decoration:none; font-weight:bold; color:5A5B67; }
tr { font-size:1.1em; color:FFFFFF; font-family:Helvetica,Arial,sans-serif; }
i { font-size:1em; color:#777DFF; font-family:Helvetica,Arial,sans-serif; }
td { width:200px; }
td.heading { height:26px; vertical-align:bottom; }
td.icon { height:136px; vertical-align:top; }
div { position:relative; top:0px; }
#border { border-left-width:15px; border-left-style:solid; border-left-color:7995BD; }

</style>

<body>
<table>
    <tr>
      <td id="border" class="heading"><a href="./Baden-Baden/Baden-Baden.htm" target="_parent">Baden-Baden</a></td>
      <td class="heading"><a href="../Odenwald/Heidelberg.htm" target="_parent">Heidelberg</a></td>
    </tr>
    <tr>
      <td id="border" class="icon"><a href="./Baden-Baden/Baden-Baden.htm" target="_parent">
      <img src="./Baden-Baden/Baden-Baden.jpg" width="200" height="150" alt="Baden-Baden" border="0"></a></td>
      <td class="icon"><a href="../Odenwald/Heidelberg.htm" target="_parent">
      <img src="../Odenwald/Heidelberg.jpg" width="200" height="150" alt="Heidelberg" border="0"></a></td>
    </tr>
    <tr>
      <td id="border" class="heading"><a href="./Karlsruhe/Karlsruhe.htm" target="_parent">Karlsruhe</a></td>
    </tr>
    <tr>
      <td id="border" class="icon"><a href="./Karlsruhe/Karlsruhe.htm" target="_parent">
      <img src="./Karlsruhe/Karlsruhe.jpg" width="200" height="150" alt="Karlsruhe" border="0"></a></td>
    </tr>
</table>
</BODY>
</HTML>