diff --git a/content/static/datenspuren/style/style.css b/content/static/datenspuren/style/style.css
index bcf432cd1..e037a9733 100644
--- a/content/static/datenspuren/style/style.css
+++ b/content/static/datenspuren/style/style.css
@@ -103,7 +103,6 @@ ul {
   text-decoration: none;
   border-bottom-style: solid;
   border-bottom-width: 1px;
-  /* See color-scheme.css */
 }
 
 #bodyText a:hover {
@@ -127,7 +126,7 @@ ul {
   height: 128px;
 }
 
-h1 {
+#header h1 {
   position: absolute;
   top: 1.2ex;
   left: 9ex;
@@ -138,7 +137,7 @@ h1 {
   line-height: 1em;
 }
 
-h2 {
+#header h2 {
   position: absolute;
   top: 4.5ex;
   left: 25ex;
@@ -160,26 +159,35 @@ h2 {
   font-weight: bold;
 }
 
-.leftSideBar a, .leftSideBar span {
+.leftSideBar ul {
+  margin: 0;
+  margin-bottom: 2em;
+  padding: 0;
+}
+
+.leftSideBar ul li {
   text-decoration: none;
   line-height: 2em;
   padding: 2ex 2ex 0ex;
   display: block;
   font-size: 12px;
+  list-item-style: none;
 }
 
-[class~="leftSideBar"] a, [class~="leftSideBar"] span {
-  line-height: 2em;
+.leftSideBar ul li a {
+  text-decoration: none;
 }
 
-.leftSideBar a:hover {
-  /* See color-scheme.css */
+.leftSideBar ul li.dense {
+  padding: 2ex 2ex 0ex;
+  line-height: 1em;
 }
 
-.leftSideBar .sideBarTitle {
+.leftSideBar h2 {
   font-weight: bold;
   padding: 0.75ex 1ex;
   letter-spacing: 2px;
+  font-size: 100%;
 }
 
 .leftSideBar .sideBarText {
@@ -187,8 +195,7 @@ h2 {
   padding: 1ex 0.75ex 1ex 1ex;
 }
 
-.leftSideBar .thisPage {
-  /* See color-scheme.css */
+.leftSideBar .active {
 }
 
 /* ###### Footer ###### */
@@ -245,17 +252,17 @@ h2 {
 
 /* ###### Text Colors ###### */
 
-/*h1,*/ #bodyText a, .leftSideBar a, .leftSideBar span,
+/*h1,*/ #bodyText a, .leftSideBar ul li a, .leftSideBar ul li,
 .dateheader { color: /*#443d35;*/ #738B5D; }
 
 h1, h2, p.title,
 .headerLinks *, .menuBar a:hover
 { color: /* #443d35;  #5179a3; */ #96cc62; }
 
-.leftSideBar .sideBarTitle, .leftSideBar .thisPage, #footer *
+.leftSideBar h2, /*.leftSideBar .active,*/ #footer *
 { color: white; } 
 
-.leftSideBar a:hover
+.leftSideBar ul li a:hover
 { color: #435B2D; }
 
 
@@ -272,7 +279,7 @@ body
 #header
  { background-color: white; border-color: #736d78; }
 
-.leftSideBar .sideBarTitle, .sideBarTitle, #footer
+.leftSideBar h2, #footer
  { background-color: #A0C47E; }
 
 .leftSideBar
diff --git a/xsl/datenspuren/xhtml.xsl b/xsl/datenspuren/xhtml.xsl
index b51e85231..aebfbe15c 100644
--- a/xsl/datenspuren/xhtml.xsl
+++ b/xsl/datenspuren/xhtml.xsl
@@ -170,43 +170,67 @@
     </div>
 
     <div class="leftSideBar"> 
-      <div class="sideBarTitle">Termin</div> 
-      <span> 
-        Samstag &amp; Sonntag,<br /> 
-        16. &amp; 17. Oktober 2010<br /><br /></span> 
+      <h2>Termin</h2>
+      <ul>
+	<li>
+	  Samstag &amp; Sonntag,<br/>
+          16. &amp; 17. Oktober 2010
+	</li>
+	<li>Eintritt frei</li>
+      </ul>
 
-      <div class="sideBarTitle">Ort</div> 
-      <a href="http://www.scheune.org/">Kulturzentrum Scheune</a> 
-      <span> 
-        Alaunstr. 36-40<br /> 
-        01099 Dresden<br /><a href="veranstaltungsort.html">[mehr...]</a><br /></span> 
+      <h2>Ort</h2>
+      <ul>
+	<li><a href="http://www.scheune.org/">Kulturzentrum Scheune</a></li>
+	<li>
+	  Alaunstr. 36-40<br/>
+          01099 Dresden
+	</li>
+	<li><a href="veranstaltungsort.html">[mehr...]</a></li>
+      </ul>
 
-      <div class="sideBarTitle">Symposium</div> 
-      <xsl:call-template name="navigation-link">
-        <xsl:with-param name="page">index</xsl:with-param>
-      </xsl:call-template>
-      <xsl:call-template name="navigation-link">
-        <xsl:with-param name="page">info</xsl:with-param>
-      </xsl:call-template>
-      <xsl:call-template name="navigation-link">
-        <xsl:with-param name="page">ort</xsl:with-param>
-      </xsl:call-template>
-      <xsl:call-template name="navigation-link">
-        <xsl:with-param name="page">fahrplan</xsl:with-param>
-      </xsl:call-template>
-      <xsl:call-template name="navigation-link">
-        <xsl:with-param name="page">mitschnitte</xsl:with-param>
-      </xsl:call-template>
-      <xsl:call-template name="navigation-link">
-        <xsl:with-param name="page">wikis</xsl:with-param>
-      </xsl:call-template>
+      <h2>Symposium</h2>
+      <ul>
+	<li>
+	  <xsl:call-template name="navigation-link">
+            <xsl:with-param name="page">index</xsl:with-param>
+	  </xsl:call-template>
+	</li>
+	<li>
+	  <xsl:call-template name="navigation-link">
+            <xsl:with-param name="page">info</xsl:with-param>
+	  </xsl:call-template>
+	</li>
+	<li>
+	  <xsl:call-template name="navigation-link">
+            <xsl:with-param name="page">ort</xsl:with-param>
+	  </xsl:call-template>
+	</li>
+	<li>
+	  <xsl:call-template name="navigation-link">
+            <xsl:with-param name="page">fahrplan</xsl:with-param>
+	  </xsl:call-template>
+	</li>
+	<li>
+	  <xsl:call-template name="navigation-link">
+            <xsl:with-param name="page">mitschnitte</xsl:with-param>
+	  </xsl:call-template>
+	</li>
+	<li>
+	  <xsl:call-template name="navigation-link">
+            <xsl:with-param name="page">wikis</xsl:with-param>
+	  </xsl:call-template>
+	</li>
+      </ul>
 
-      <br /> 
-      <br /> 
-      <a href="2004/">2004</a> 
-      <a href="2005/">2005</a> 
-      <a href="2006/">2006</a> 
-      <br /> 
+      <ul>
+	<li><a href="2009/">2009</a></li>
+	<li><a href="2008/">2008</a></li>
+	<li><a href="2007/">2007</a></li>
+	<li><a href="2006/">2006</a></li>
+	<li><a href="2005/">2005</a></li>
+	<li><a href="2004/">2004</a></li>
+      </ul>
     </div> 
   </xsl:template>
 
@@ -217,7 +241,7 @@
                   select="document(concat('../../content/datenspuren/', $page, '.xml'))/page/@title"/>
     <a href="{$page}.html">
       <xsl:if test="$title = /page/@title">
-        <xsl:attribute name="id">active</xsl:attribute>
+        <xsl:attribute name="class">active</xsl:attribute>
       </xsl:if>
       <xsl:value-of select="$title"/>
     </a>