--- a/css/mpiwg.css	Mon May 27 14:59:56 2013 +0200
+++ b/css/mpiwg.css	Mon May 27 23:12:07 2013 +0200
@@ -430,10 +430,15 @@
     background-color: gray;
     /* background-color: rgba(80,80,80,0.6); */
 }
+div.teaser_image div.caption a {
+    /* links in caption inside image */
+    color: white;
+}
 
 div.teaser_text {
     padding-right: 21px;
 }
+
 /* feature number */
 div.teaser_text div.feature_number {
     position: absolute;
@@ -463,21 +468,35 @@
 }
 
 /* teaser slider */
-div.teaser div.box div.slider {
+div.teaser div.box div.slidebutton {
     top: 150px;
     width: 18px;
     height: 24px;
     padding-top: 11px;
 }
 
-div.teaser div.box div.slider.prev {
+div.teaser div.box div.slidebutton.prev {
     background-image: url(../images/slider_prev_bg.png);
 }
 
-div.teaser div.box div.slider.next {
+div.teaser div.box div.slidebutton.next {
     background-image: url(../images/slider_next_bg.png);
 }
 
+/* book slider */
+div.main.home div.slider.row.double > div.col {
+    /* width is ignored in this table row, so we have to use paddding */
+    width: 100px;
+    padding-right: 23px;
+}
+div.main.home div.slider.row.double > div.col div.mini img {
+    width: 100px;
+}
+
+div.main.home div.row.triple div.ajaxSlider div.slidebutton {
+    top: 80px;
+}
+
 /* 
  * toolboxes 
  */
@@ -705,7 +724,7 @@
     /* line-height: 1; */
 }
 
-div.row.quintuple div.mini {
+div.row.quintuple > div.col > div.mini {
     max-width: 122px;
     font-size: 11px;
 }
@@ -718,27 +737,27 @@
 div.mini div.thumb:first-child {
     margin-top: 0;
 }
-div.row.quintuple div.mini div.thumb img {
+div.row.quintuple > div.col > div.mini div.thumb img {
     width: 120px;
     height: 75px;
 }
 
-div.row.triple div.mini {
+div.row.triple > div.col > div.mini {
     width: 140px;
 }
 
-div.row.triple div.mini div.thumb img {
+div.row.triple > div.col > div.mini div.thumb img {
     width: 140px;
     height: 87px;
 }
 
-div.row.triple div.mini.source div.thumb img {
+div.row.triple  > div.col > div.mini.source div.thumb img {
     /* thumb size for sources given by digilib */
     width: auto;
     height: auto;
 }
 
-div.row.double div.mini div.thumb img {
+div.row.double  > div.col > div.mini div.thumb img {
     height: 180px;
 }
 
@@ -787,22 +806,34 @@
 /* 
  * slider buttons 
  */
-div.box div.slider {
+div.box div.slidebutton {
     position: absolute;
     top: 110px;
     width: 16px;
     height: 18px;
+    z-index: 10;
 }
 
-div.box div.slider.prev {
+div.box div.slidebutton.prev {
     left: 0;
 }
 
-div.box div.slider.next {
+div.box div.slidebutton.next {
     right: 0;
     text-align: right;
 }
 
+.ajaxSlider .slidebutton.prev,
+.ajaxSlider .slidebutton.next {
+    /* AJAX slider buttons initially hidden */
+    display: none;
+}
+
+div.slider.row > div.col:first-child {
+    /* space for slidebuttons */
+    padding-left: 20px !important;
+}
+
 /* 
  * paragraph with line
  */