.

css/istsoll.css

@@ -40,7 +40,23 @@
 #is-vis h3 {
 	text-align: center;
 	clear: both;
-	margin: -1.5em 0 1.5em;
+	margin: -1.5em 0 1em;
+}
+
+#is-vis .legend {
+	font-family: Palatino, Georgia, serif;
+	font-style: italic;
+	font-size: 15px;
+	margin: 0 2em 0.5em;
+}
+
+#is-vis .legend .passive {
+	float: right;
+	color: #9F3D3F;
+}
+
+#is-vis .legend .active {
+	color: #517552;
 }
 
 #is-vis #preloader {

index.html

@@ -7,6 +7,7 @@
 <h1 class="page-header main-header">Visualisierungen des deutschen Bundeshaushalts</h1>
 
 <div class="index-column">
+	<a href="istsoll.html"><img src="img/index-istsoll.png" alt="IST vs. SOLL" /></a>
 	<h2><a href="istsoll.html">IST vs. SOLL</a></h2>
 	<p>Die Visualisierung IST vs. SOLL stellt die in den Haushalten angesetzten Posten den tatsächlich verwendeten Mitteln gegenüber.</p>
 </div>

istsoll.html

@@ -248,7 +248,8 @@
       v.html('<h2>'+dd_meta[$('#is-drilldown-1').val()]+'</h2>');
       if (dd2 !== null && dd2[0] != '-') {
         v.append('<h3>'+dd_meta[dd2]+'</h3>');
-	  }      
+	  }
+	  v.append('<div class="legend"><div class="passive">Mehrausgaben</div><div class="active">Einsparungen</div></div>');
       rows.sort(function(a,b) {
         return b.diff-a.diff;
       });