--- a/css/mpiwg.css	Mon Jun 24 12:13:46 2013 +0200
+++ b/css/mpiwg.css	Mon Jun 24 18:05:04 2013 +0200
@@ -919,6 +919,10 @@
     margin-top: 0.5em;
 }
 
+div.mini.website div.title {
+    color: #3b4186;
+}
+
 div.mini div.author {
     color: #3b4186;
     margin-top: 0.5em;
@@ -935,23 +939,6 @@
     border-bottom: 0;
 }
 
-div.mini.website div.description {
-    /* initially hidden */
-    display: none;
-}
-
-div.box.foldable div.fold {
-    /* initially hidden */
-    display: none;
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    /* TODO: this should be an image */
-    background-color: #ee7f2d;
-    color: white;
-    font-size: 14px;
-}
-
 /* 
  * slider buttons 
  */
@@ -1327,9 +1314,22 @@
 	position: relative;
 	z-index: 0;
 }
+.flyout .folded {
+    /* folded initially hidden */
+    display: none;
+}
+
 .flyout.flying {
     background-color: white;
     z-index: 10;
+    /* padding: 10px; */
+    box-shadow: 2px 2px 3px 1px #d0d0d0;
+}
+.flyout.flying .folded {
+    display: block;
+}
+.flyout.flying div {
+    padding: 0 10px;
 }
 
 .flyout .flyout_open,
@@ -1343,6 +1343,16 @@
 	display: none;
 }
 
+div.row.triple > div.col > div.mini.flying div.thumb {
+    padding: 0;
+}
+div.row.triple > div.col > div.mini.flying div.thumb img {
+    /* extended flyout image */
+    width: 300px;
+    height: 187px;
+}
+
+
 /* 
  * sidebar 
  */