@CHARSET "UTF-8";

.SlideshowPanel {
	margin: 15px;
	background-color: #fff;
}

.SlideshowPanel .Viewport {
	overflow: hidden;
	position: relative;
}

.SlideshowPanel .Viewport .Slides {
	width: 100000px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.SlideshowPanel .Viewport .Slides .SlideshowElement {
	display: block;
	float: left;
	margin: 0 2px 0 0;
}

.SlideshowPanel .Viewport .PreviewPanel {
    display: none;
    justify-content: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 6px;
	width: 100%;
    box-sizing: border-box;
	background-color: #BBB;
	background-color: rgba(150, 150, 150, 0.6);
	/* fuer IE */
	filter: Alpha(opacity = 100);
	z-index: 10;
}

.SlideshowPanel .Viewport .PreviewPanel li {
	float: left;
	margin: 4px 6px 6px 6px;
	padding-top: 8px;
}

.SlideshowPanel .Viewport .PreviewPanel .Current {
	background: url( /resources/images/slideshow/slideShowArrow.png?08EB39759CB4860ED122A7869CDE4D69 ) center 0px no-repeat;
}

.SlideshowPanel .Viewport .PreviewPanel .Preview {
	display:block;
	border: 2px solid transparent;
}

.SlideshowPanel .Viewport .PreviewPanel .Current .Preview {
	border: 2px solid #fff;
}

.SlideshowPanel .Viewport .PreviewPanel .Preview img {
	vertical-align: bottom;
}

.SlideshowPanel .Viewport .SlideButton {
    display: block;
    box-sizing: border-box;
    width: 8%;
    height: 25%;
    z-index: 10;
    position: absolute;
    top: 35%;
    cursor: pointer;
    border: transparent solid 4px;
}

.SlideshowPanel .Viewport .SlideButton:hover {
    border: transparent solid 0px;
}


.SlideshowPanel .Viewport .SlideButton:after {
	content: "";
	border: #FFFFFF solid 4px;
	border-bottom: none;
	border-left: none;
	width: 40%;
	padding-top: 40%;
	position: absolute;
	top: 35%;
}

.SlideshowPanel .Viewport .SlideButton.Previous {
    left: 0px;
}

.SlideshowPanel .Viewport .SlideButton.Previous:after {
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: 35%;
}

.SlideshowPanel .Viewport .SlideButton.Next {
	right: 0px;
}

.SlideshowPanel .Viewport .SlideButton.Next:after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 35%;
}

.SlideshowPanel .Viewport .SlideshowBelt {
	position: absolute;
    bottom: 0px;
    width: inherit;
    z-index: 20;
}