html, body {
    scroll-behavior: smooth;
}
/* how to display  the links of the Galleries */
div#Galleries{
    float: left;
    border: thin solid silver;
    border-radius: 5px;
    padding: 6px;
    margin: 0px 36px 10px 0;
}
div#galleryTitle {
   margin-bottom: 14px;
}
div#galleryTitle h1, div#galleryTitle h2, div#Galleries h3 {
   margin: 0;
   padding: 0;
}
#ulGalleries {
   list-style: disclosure-closed;
   margin: 2px 0 2px 5px;
   font-size: 1.2em;
}
#ulGalleries li{
   padding: 6px 1px;
   list-style: none;
   margin: 0;
}
#ulGalleries li.current{
   background-color: #74740a14;
   border: thin solid silver;
   border-radius: 5px;
}
#ulGalleries a{
   text-decoration: none;
}

/* change of assets/components/gallery/packages/galleriffic20/css/galleriffic-5.css */
div#gal-gaff-thumbs img {
   padding: 2px;
   margin-bottom: 2px;
   border: thin solid silver;
}
div#gal-gaff-thumbs li{
   list-style: none;
   margin: 2px;
}
div#gal-gaff-thumbs li.selected {
   /*border-bottom: thin solid silver;*/
   background-color: #EBD165;
   border-radius: 5px;
}

/* navigation and controls */
div.navigation-container {
  left: 0;
}
div.navigation, div.pagination {
   left: 0;
   width: 770px !important;
}
#gal-gaff-controls {
   width: 770px;
}
div.ss-controls {
  margin-left: 206px;
  margin-top: 7px;
}
div.ss-controls a.play, div.ss-controls a.pause {
   display: inline-block;
   border: 3px solid #EBD165;  
   border-radius: 11px;
   /*background: #c0c0c047;*/
   padding-bottom: 4px;
   height: 22px;
   width: 27px;
}
div.ss-controls a.play{
   background: url(bild/play17.png) no-repeat;
      background-position: 12px;
}
.ss-controls a.pause{
   background: url(bild/pause17.png) no-repeat;
      background-position: 12px;
}
div.pagination a {
   border: 1px solid #EBD165;
   border-radius: 4px;
   background: #c0c0c00f;
   margin-right: 21px;
   float: none;
}

#gal-gaff-thumbs div.top {
   top: 37px; /* bring it to the middle of the thumbs-line */
}
/*#gal-gaff-thumbs div.bottom{
   left: 37%;
}
#gal-gaff-thumbs div.bottom{
   top: 12px; 
}*/
#gal-gaff-thumbs .current, #pageNr{
   display: none;   /* do not need it*/
}
div.pagination #nextPage {
   float: right;
   padding: 1px;
}
div.pagination #prevPage {
   float: left;
   padding: 1px;
   margin-right: 2px;
}


/* slide show */
div.slideshow-container{
   float: right;
   margin-right: 16px;
}
div.slideshow img{
   border-radius: 5px;
}
#gal-gaff-slideshow img {
   padding: 16px;
}
div.slideshow span.image-wrapper {
   top: 4px;
}
div.caption-container {
  float: left;
  margin: -7px 0 60px 4px;
  line-height: 60%;
  font-size: 85%;
  color: #670000;
  margin: 52px 2px 2px;
  width: 230px;
}
span.image-caption {
   width: 230px;
}
div.image-title {
  font-weight: normal;
}

div.loader, div.caption-container {
  height: 0px;
}
div.slideshow a.advance-link {
   line-height: 0px;
   background: url(bild/nextPageArrow.gif) no-repeat;
   background-position: right 4px bottom;
   height: 258px;
   width: 532px;
}

div.slideshow a.advance-link:hover {
	border: none;
	padding: 2px 0 0 8px;
	background-position: right -2px bottom;
}
div#gal-gaff-thumbs .thumbs a:hover {
	background: none;
	border: none;
	padding: 1px;
}
.ss-controls a.play:hover, .ss-controls a.pause:hover,  
div.pagination a#prevPage:hover,  div.pagination a#nextPage:hover{
   background-color: #fff;
}