diff --git a/content/static/style/default.css b/content/static/style/default.css
index 53bb410e1..a3c13eb5c 100644
--- a/content/static/style/default.css
+++ b/content/static/style/default.css
@@ -2,7 +2,7 @@
 body {
   font: Verdana, Arial, sans-serif;
   margin: 0;
-  padding: 0;
+  padding: 276px 0 0;
 }
 
 pre {
@@ -34,7 +34,7 @@ pre {
   padding: 0;
   position: absolute;
   top: 0;
-  height: 159px;
+  height: 276px;
   left: 0;
   right: 0;
   background-image: url(../images/c3d2_blue.jpg);
@@ -58,17 +58,14 @@ pre {
 
 /* TODO: should overlap background image */
 #navigation {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
   text-align: left; 
   margin: 0;
   padding: 0 1em;
-  padding-top: 159px;
-  background: -moz-linear-gradient(top, #113 0%, #222 100%) no-repeat;
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#113), color-stop(100%,#222)) no-repeat;
-  background: -webkit-linear-gradient(top, #113 0%,#222 100%) no-repeat;
-  background: -o-linear-gradient(top, #113 0%,#222 100%) no-repeat;
-  background: -ms-linear-gradient(top, #113 0%,#222 100%) no-repeat;
-  background: linear-gradient(top, #113 0%, #222 100%) no-repeat;
-  background-color: #222;
+  background-color: rgba(0, 0, 0, 0.7);
 }
 
 #navgroups {
@@ -477,8 +474,8 @@ abbr.dtstart, abbr.dtend {
   font-size: x-large;
   font-weight: bold;
   letter-spacing: 0;
-  color: #222;
-  text-shadow: -1.5px 0 1px white, 0 1.5px 1px white, 1.5px 0 1px white, 0 -1.5px 1px white;
+  color: #111;
+  text-shadow: -1.5px 0 1.5px white, 0 1.5px 1.5px white, 1.5px 0 1.5px white, 0 -1.5px 1.5px white;
 }
 #portal article:hover h4 {
   color: black;
@@ -507,8 +504,8 @@ abbr.dtstart, abbr.dtend {
 #portal .upcoming ul {
   list-style-type: none;
   font-size: small;
-  margin-top: 2em;
-  margin-left: -2em;
+  margin: 2em 0 0;
+  padding: 0 0 0 1.5em;
 }
 
 #portal .upcoming ul li {
diff --git a/xsl/xhtml5.xsl b/xsl/xhtml5.xsl
index 5e7b01929..4195ed35d 100644
--- a/xsl/xhtml5.xsl
+++ b/xsl/xhtml5.xsl
@@ -77,19 +77,19 @@
           </xsl:comment>
           <div id="logo">
               <a href="http://c3d2.de"><h1>&lt;&lt;&lt;/&gt;&gt; Chaos Computer Club Dresden | c3d2</h1></a>
+
+	      <!-- ### Navigation ### -->
+	      <xsl:comment>
+		<xsl:text> ### Navigation ### </xsl:text>
+	      </xsl:comment>
+              <nav id="navigation">
+		<div id="navgroups">
+		  <xsl:call-template name="navitems" />
+		</div>
+	      </nav>
           </div>
 
 
-	  <!-- ### Navigation ### -->
-	  <xsl:comment>
-	    <xsl:text> ### Navigation ### </xsl:text>
-	  </xsl:comment>
-          <nav id="navigation">
-	    <div id="navgroups">
-	      <xsl:call-template name="navitems" />
-	    </div>
-	  </nav>
-
           <!-- ### Content ### -->
           <xsl:comment>
             <xsl:text> ### Content ### </xsl:text>