/* Größe der Box */
.vslide{
        position:relative;
        margin:2em auto;
        padding:8px;
        width:800px;
        height:480px;
        background:#ccc;
        overflow:hidden;
}
/* Vorschaufenster - Scrollliste */
.scrlcont{
          float:right;
          display:block;
          padding:0;
          margin:0;
          width:135px;
          height:480px;
          overflow:auto;
          background:#666;
}

.scrlcont a{
          display:block;
          margin:0 0 0 5px;
          padding:5px 0 0 0;
          text-decoration:none;
          border:1px solid #666;
}

.scrlcont a span img{
          border:none;
}

.scrlcont a:hover img.prev{
          border:1px solid white;
}

/*    IE needs this to trigger :hover effect   */
.scrlcont a:hover{
          border:1px solid #666667;
}

/*  < .scrlcont a:active span >  für IE-click   */

/*  Zeige großes Bild   */
/* Größe Innenfenster */
.scrlcont a:hover span{
          left:8px;
          top:8px;
          width:655px;
          height:580px;
          background:#666;
}
/* Breite des Bildes festlegen */
.scrlcont .landscape img{
           width:645px;
           margin:5px;
           border:none;
}
/* Höhe des Bildes festlegen */
.scrlcont .portrait img{
           margin:5px 0;
           width:auto;
           height:440px;
           border:none;
}

.scrlcont a img{
          margin: 0 auto;
          width:105px;
          border:1px solid black;
}
/* Schriftgröße unter Bild */
.scrlcont span{
          position:absolute;
          left:-9999px;
          text-align:center;
          color:#fff;
          font:normal 18px 'Comic Sans Ms', Arial, sans-serif;
          overflow:hidden;
}
/* Inneres Feld für Bild */
.default{
         float:left;
         left:8px;
         top:8px;
         width:655px;
         height:580px;
         background:#555;
         font:normal 0.9em Arial,sans-serif;
         text-align:center;
         color:#fff;
}