﻿.galerien_carousel
{
    position: relative;
    overflow: hidden;
}

.csc-default .galerien_carousel li.touchcarousel-item
{
    float: left;
    list-style-type: none;
    background: none;
    padding: 0 10px 10px 0;
}

.galerien_carousel ul
{
    padding: 0;
    -webkit-padding-start: 0;
    margin: 0;
    box-sizing: content-box;
}

.galerien_carousel .touchcarousel-item img {
    height: 220px;
    width: 326px;
    max-width: 325px;
    border: 3px solid #fff;
    margin-left: 0px;
    -webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.52);
    -moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.52);
    box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.52);
}


.galerien_carousel .touchcarousel-container {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 0;
    height: 220px;
}

.galerien_carousel .touchcarousel-wrapper
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.galerien_carousel .arrow-icon
{
    width: 59px;
    height: 59px;
    margin-top: -9px;
}

.galerien_carousel .arrow-holder
{
    width: 59px;
    height: 59px;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    top: 0;
    margin-top: 80px;
    position: absolute;
}
.galerien_carousel .arrow-holder.left
{
    background-image: url('/fileadmin/templates/Image/bg-gallery-left.png');
    background-repeat: no-repeat;
    left: -86px;
    margin-left: 0px;
    margin-right: 0px;
}
.galerien_carousel .arrow-holder.right
{
    background-image: url('/fileadmin/templates/Image/bg-gallery-right.png');
    background-repeat: no-repeat;
    right: -86px;
    margin-right: 0;
    margin-left: 0px;
}

.galerien_carousel .arrow-holder:hover
{
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    opacity: 0.6;
}
.galerien_carousel .arrow-holder.disabled
{
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2;
}

