div.slideshowtripletitlecontainer {
    min-height: 100px;
}
ul.gallery, ul.galleryprevious, ul.gallerynext {
    position: relative;
    list-style: none;
    list-style-type: none;
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
}
ul.gallery li, ul.galleryprevious li, ul.gallerynext li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: opacity 0.75s ease-in-out;
    -moz-transition: opacity 0.75s ease-in-out;
    -o-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
}
ul.gallery li.visible, ul.galleryprevious li.visible, ul.gallerynext li.visible {
    opacity: 1;
    z-index: 100;
}
div.gallerynavigation a {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 0px;
    margin: 6px 0px 0px 10px;
    background-color: #eceadc;
}
div.gallerynavigation a.visible, div.gallerynavigation a:hover {
    background-color: #c3d55c;
}
a.galleryprevious, a.gallerynext {
    display: block;
    height: 100%;
}
a.galleryprevious div, a.gallerynext div {
    width: 100%;
    height: 100%;
    background-color: rgb(125, 125, 125);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
a.galleryprevious div, a.smallgalleryprev div {
    background-image: url('/gfx/layout/navi-left.png');
}
a.gallerynext div, a.smallgallerynext div {
    background-image: url('/gfx/layout/navi-right.png');
}
a.galleryprevious:hover div, a.smallgalleryprev:hover div {
    opacity: 0.75;
}
a.gallerynext:hover div, a.smallgallerynext:hover div {
    opacity: 0.75;
}
a.smallgalleryprev, a.smallgallerynext {
    position: absolute;
    height: 100%;
    width: 25%;
    top: 0px;
    z-index: 998;
}
a.smallgalleryprev {
    left: 0px;
}
a.smallgallerynext {
    right: 0px;
}
a.smallgalleryprev div, a.smallgallerynext div {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
@media all and (max-width: 600px) {
    div.slideshowtripletitlecontainer {
        height: 50px;
    }
    div.gallerynavigation {
        display: none;
    }
    /*div.gallerynavigation a {
        width: 15px;
        height: 15px;
    }*/
    ul.gallery,
    ul.galleryprevious,
    ul.gallerynext {
        height: 260px;
    }
}
@media all and (max-width: 992px) and (min-width: 601px) {
    div.slideshowtripletitlecontainer {
        height: 60px;
    }
    div.gallerynavigation {
        display: none;
    }
    /*div.gallerynavigation a {
        width: 20px;
        height: 20px;
    }*/
    ul.gallery,
    ul.galleryprevious,
    ul.gallerynext {
        height: 300px;
    }
}
@media all and (max-width: 1200px) and (min-width: 993px) {
    ul.gallery,
    ul.galleryprevious,
    ul.gallerynext {
        height: 360px;
    }
}