/* ---- Thumbnails ---- */
    div.galleriffic ul.thumbs {
      margin: 0;
      padding: 0;
    }
    div.galleriffic ul.thumbs li {
      float: left;
      padding: 0;
      margin: 0;
      list-style: none;
    }
    div.galleriffic a.thumb, div.galleriffic a.thumb:hover {
      display: block;
      margin: 2px;
      border: 1px solid #ccc;
      color: #FFF;
      background: #FFF;
      overflow:hidden;
      text-align: center;
    }
    div.galleriffic ul.thumbs li.selected a.thumb {
      border: 1px solid black;
    }
    div.galleriffic a.thumb img {
      border: 0;
    }



    /* ---- Einstellungen für Container des großen Bildes einer Slideshow ---- */
    div.galleriffic div.slideshow_image {
      /*border: 1px solid #CCC;*/
      margin: 2px;
      padding: 0;
      text-align: center;
    }
    div.galleriffic div.slideshow_image img {
      padding: 0;
      margin: 0;
      /*max-width: 98%;*/ /* funktioniert nicht im IE -> skaliert nicht die Höhe mit */
      width: 98%;
      height: auto;
    }
    div.galleriffic div.slideshow_image a, div.galleriffic div.slideshow_image a:hover {
      color: #FFF;
      background: #FFF;
      text-decoration: none;
    }



    /* ---- Next- und Previous-Buttons der Slideshow-Thumbnails ---- */
    div.galleriffic a.pageLink {
      margin: 2px;
      padding: 0;
      background-color: white;
      background-position: center center;
      background-repeat:no-repeat;
      display:block; float:left;
      border: none;
    }
    div.galleriffic a.pageLink.next {
      width:16px;
      background-image:url(/export/data/global/20_nextPageArrow.gif);
    }
    div.galleriffic a.pageLink.prev {
      width:16px;
      background-image:url(/export/data/global/21_prevPageArrow.gif);
    }



    /* ---- Next- und Previous-Buttons des angezeigten Bildes ---- */
    div.galleriffic div.nav-controls {
      clear: both;
    }
    div.galleriffic div.nav-controls a.prev {
      float: left;
    }
    div.galleriffic div.nav-controls a.next {
      float: right;
    }



    /* ---- Einstellungen für Bildunterschrift des großen Bildes einer Slideshow ---- */
    div.galleriffic .slideshow_text {
      clear: both;
      padding: 0;
      margin: 0;
      width: 98%;
      height: auto;
      margin-left: 2px;   /*22px;*/
      margin-right: 2px;  /*22px;*/
      text-align: left;
      vertical-align: top;
      /*font-weight: bold;*/
      font-size: 0.85em;
      line-height: 1.25;
      font-color: darkgray;
    }



    /* ---- Blättern zwischen verschiedenen Seiten ---- */
    div.galleriffic div.pagination {
      clear: both;
      text-align: left; /* Ausrichtung der Blättern-Funktion */
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    div.galleriffic div.pagination a {
      color: #000;
      text-decoration: 0;
    }
    div.galleriffic div.pagination a, div.galleriffic div.pagination span.current, div.galleriffic div.pagination span.ellipsis {
      display: inline-block;
      margin-right: 2px;
      padding: 4px 7px 2px 7px;
      border: 1px solid #ccc;
      font-size:0.9em;
      line-height: normal;
    }
    div.galleriffic div.pagination a:hover {
      background-color: #eee;
      text-decoration: none;
    }
    div.galleriffic div.pagination span.current {
      font-weight: bold;
      background-color: #000;
      border-color: #000;
      color: #fff;
    }
    div.galleriffic div.pagination span.ellipsis {
      border: none;
      padding: 5px 0 3px 2px;
    }