--- a/css/mpiwg.css	Fri May 31 14:48:28 2013 +0200
+++ b/css/mpiwg.css	Fri May 31 17:55:58 2013 +0200
@@ -5,12 +5,6 @@
  */
  
 
-
-
-div.hierlist li.li_project a{
-/*	padding-left:0px;*/
-} 
-
 body {
     margin: 0;
     font-family: Verdana, Arial, sans-serif;
@@ -75,7 +69,7 @@
     color: #3b4186;
     font-size: 20px;
     font-weight: normal;
-    margin: 0.5em 0;
+    margin: 1em 0 0.5em 0;
 }
 
 h1:first-child {
@@ -87,7 +81,12 @@
     color: #3b4186;
     font-size: 16px;
     font-weight: normal;
-    margin: 0.5em 0;
+    margin: 1em 0 0.5em 0;
+}
+
+h2:first-child {
+    /* does this work correctly? */
+    margin-top: 0;
 }
 
 h3 {
@@ -116,7 +115,7 @@
 
 ul.plain {
     list-style-type: none;
-    padding-left: 0.5em;
+    padding: 0;
 }
 ul.plain > li {
     margin-top: 0.5em;
@@ -132,6 +131,10 @@
     display: inline;
 }
 
+.clear {
+    clear: both;
+}
+
 /*
  * table-like rows and columns
  */
@@ -1124,7 +1127,20 @@
 /*
  * figures (in project descriptions and features)
  */
-div.figure,
+div.figure {
+    float: left;
+    padding: 0.5em 1em 0.5em 0;
+}
+
+div.feature div.figure,
+div.project div.figure {
+    width: 230px;
+}
+div.feature div.figure img,
+div.project div.figure img {
+    width: 230px;
+}
+
 div.image_small {
     float: left;
     width: 230px;
@@ -1134,10 +1150,13 @@
     float: right;
     padding: 0.5em 0 0 1em;
 }
-div.figure div.image img,
 div.image_small img {
     width: 230px;
 }
+div.banner_large img {
+    width: 460px;
+}
+
 div.figure div.figcaption,
 div.banner_large div.caption,
 div.image_small div.caption {
@@ -1146,9 +1165,6 @@
     color: #9f917a;
     margin-top: 0.5em;
 }
-div.banner_large img {
-    width: 460px;
-}
 
 /*
  * project description and feature