diff --git a/content/static/datenspuren/2012/style/style.css b/content/static/datenspuren/2012/style/style.css
index 51dffeb3a..7c428557c 100644
--- a/content/static/datenspuren/2012/style/style.css
+++ b/content/static/datenspuren/2012/style/style.css
@@ -10,10 +10,6 @@ body {
     margin-left: auto;
     margin-right: auto;
 }
-#nav {
-    float: left;
-    margin-right: 0.5em;
-}
 #screen {
     margin-top: 1em;
     margin-bottom: 45pt;
@@ -35,12 +31,6 @@ body {
 #screen {
     border: 2pt solid black;
 }
-#nav {
-    margin: 0.5em;
-    padding: 0em 0.5em 0em 0em;
-    border-right: 1pt solid black;
-    border-bottom: 1pt solid black;
-}
 /**/
 
 /* font */
@@ -64,15 +54,14 @@ body {
     display: table-cell;
     padding: 5pt;
     vertical-align: top;
+    width: 15%;
+}
+#menu * {
+    text-align: center;
+    font-size: 75%;
 }
 #battery, #c3d2 { width: auto; }
 #c3d2 { text-align: right; }
-#buttons { text-align: center; }
-#buttons > * {
-    display: inline;
-    margin-left: 10pt;
-    margin-right: 10pt;
-}
 /**/
 
 /* polish */
@@ -92,12 +81,6 @@ body {
 }
 #screen { background: white; }
 #screen-top { min-height: 1000px; }
-#nav * {
-    font-family: monospace;
-    text-align: right;
-    list-style: none;
-    padding-left: 0px;
-}
 .date {
     float: right;
     color: #999;
@@ -155,3 +138,14 @@ section.resource > h4 {
 section.resource > p.play {
     text-align: center !important;
 }
+
+/* info */
+#info {
+    position: absolute;
+    color: #CCC;
+    font-weight: 300;
+    padding-left: 0;
+    list-style-type: none;
+    margin-left: 7pt;
+    margin-top: 5pt;
+}
\ No newline at end of file
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index 6c1c54049..a4e0ed435 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -38,6 +38,12 @@
 	<div id="device">
 	  <div id="device-2">
 
+            <ul id="info">
+                <li>Samstag &amp; Sonntag,</li>
+                <li>13. &amp; 14. Oktober 2012</li>
+                <li>Eintritt frei</li>
+            </ul>
+	  
 	    <div id="head">
               <a href="index.html">
                 <h1>Datenspuren</h1>
@@ -51,35 +57,36 @@
 		<div id="battery">
 		  <img src="images/battery.svg" height="64"/>
 		</div>
-
-		<div id="buttons">
 		  <div>
 		    <a href="ort.html">
 		      <img src="./images/map.svg" width="64" height="64"/>
+		      <span>Scheune, Dresden</span>
 		    </a>
 		  </div>
 		  <div>
                     <a href="news-rss.xml">
                       <img src="./images/feed.svg" width="64" height="64"/>
                     </a>
+                    <span><a href="news-rss.xml">RSS</a>|<a href="news-atom.xml">Atom</a></span>
 		  </div>
 		  <div>
                     <a href="mitschnitte.html">
 		      <img src="./images/video.svg" width="64" height="64"/>
+		      <span>Mitschnitte</span>
 		    </a>
 		  </div>
 		  <div>
                     <a href="fahrplan.html">
 		      <img src="./images/calendar.svg" width="64" height="64"/>
+		      <span>Fahrplan</span>
 		    </a>
 		  </div>
 		  <div>
                     <a href="info.html">
 		      <img src="./images/info.svg" width="64" height="64"/>
+		      <span>Info</span>
 		    </a>
 		  </div>
-		</div>
-
 		<div id="c3d2">
 		  <a href="http://c3d2.de">
 		    <img src="images/wlan.svg" height="64"/>
@@ -87,21 +94,6 @@
 		</div>
 	      </div>
 
-	      <div id="nav">
-		<ul>
-		  <li>Samstag &amp; Sonntag,</li>
-		  <li>13. &amp; 14. Oktober 2012</li>
-		  <li>Eintritt frei</li>
-		  <li><a href="http://www.scheune.org/">Kulturzentrum Scheune</a></li>
-		  <li>Alaunstr. 36-40</li>
-		  <li>01099 Dresden</li>
-		  <li><a href="index.html" class="active">News</a>(<a href="news-rss.xml">RSS</a>, <a href="news-atom.xml">ATOM</a>)</li>
-		  <li><a href="mitschnitte.html">Mitschnitte</a></li>
-		  <li><a href="fahrplan.html">Fahrplan/Programm</a></li>
-		  <li><a href="info.html">Informationen</a></li>
-		</ul>
-	      </div>
-
 	      <div id="content">
 		<xsl:apply-templates/>
 	      </div>