diff --git a/content/static/datenspuren/style/style.css b/content/static/datenspuren/style/style.css
index 9ab70215f..c6c83f8d4 100644
--- a/content/static/datenspuren/style/style.css
+++ b/content/static/datenspuren/style/style.css
@@ -16,6 +16,14 @@ body {
   margin-top: -60pt;
   float: right;
 }
+#cloudy-sun {
+  background: rgba(0,0,0,0.0);
+  width: 200px;
+  height: 200px;
+  margin-right: 3px;
+  margin-left: auto;
+  border-radius: 100%;
+}
 #aussicht {
   background: url("../images/aussicht.png");
   height: 63px;
diff --git a/xsl/datenspuren/xhtml5.xsl b/xsl/datenspuren/xhtml5.xsl
index cd524a55c..f94bd22dd 100644
--- a/xsl/datenspuren/xhtml5.xsl
+++ b/xsl/datenspuren/xhtml5.xsl
@@ -43,10 +43,12 @@
         </div>
         <div id="content">
           <div id="cloudy">
-	    <xsl:text> </xsl:text>
-	    <div id="solar">
-	      <xsl:text> </xsl:text>
-	    </div>
+            <div id="cloudy-sun">
+              <xsl:text> </xsl:text>
+            </div>
+	      </div>
+	      <div id="solar">
+	        <xsl:text> </xsl:text>
           </div>
           <xsl:call-template name="heading">
             <xsl:with-param name="title" select="$title"/>