@charset "utf-8";

/* basic_fs.css - version 0.1 - Spry Pre-Release 1.7 */

/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */


/* top-level slide show element */
.BasicSlideShowFS {
	width: 600px; /* default = auto */
	border: solid 1px #360;
	background-color: #fff; 
	position: relative;
	margin-top: 24px;
	padding-top: 10px; /* This should be the margin-top of .ISSClip but it is here to work around an IE6/IE7 collapsed margin bug. */
}

/* position of the slide show name */
.BasicSlideShowFS .ISSName {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #AAA;
}

/* position of the slide title */
.BasicSlideShowFS .ISSSlideTitle {
	/*position: absolute;
	right: 0;
	top: 24;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
	text-transform: none;
	color: #AAA; */
	display: none;
}

/* size of the clip view */
.BasicSlideShowFS .ISSClip {
	clear: both;
	width: auto;
	height: 384px;
	margin: 0 10px 10px 10px; /* margin-top is specified as padding on .BasicSlideShowFS to avoid an IE6/IE7 collapsed margin bug. */
	overflow: hidden;
	position: relative;
	border: solid 1px #360;
	background-color: #fff;
}

/* size of the view that is inside the clip view */
.BasicSlideShowFS .ISSView {
	width: 100%;
	height: 100%;
}

/* size of each slide */
.BasicSlideShowFS .ISSSlide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

/* height of the slide show's clip view */
.BasicSlideShowFS .ISSControls {
	position: absolute;
	top: 11px;
	left: 0;
	width: 100%;
	height: 384px;
}

/* We don't expose the first or last navigation buttons for this particular design,
 * so hide them with display none.
 */
.BasicSlideShowFS .ISSFirstButton, .BasicSlideShowFS .ISSLastButton {
	display: none;
}


.BasicSlideShowFS .ISSPreviousButton, .BasicSlideShowFS .ISSNextButton, .BasicSlideShowFS .ISSPlayButton {
	display: block;
	position: absolute;
	top: 0;
	height: 384px; /* We can't use 100% here because of IE6, so we set the height to be the same as SlideShowControls. */
	opacity: 0;
	filter: alpha(opacity=0);
	background-repeat: no-repeat;
	text-indent: -10000em;
}


.BasicSlideShowFS .ISSPreviousButton {
	left: 0;
	width: 30%;
	background-image: url(images/nav-left.png);
	background-position:  center;
}

.BasicSlideShowFS .ISSPreviousButtonDown {
	background-image: url(images/nav-left-active.png);
}

.BasicSlideShowFS .ISSNextButton {
	right: 0;
	width: 30%;
	background-image: url(images/nav-right.png);
	background-position:  center;
}

.BasicSlideShowFS .ISSNextButtonDown {
	background-image: url(images/nav-right-active.png);
}

.BasicSlideShowFS .ISSPlayButton {
	left: 30%;
	width: 40%;
	background-image: url(images/play.png);
	background-position:  center;
}

.BasicSlideShowFS .ISSPlayButtonDown {
	background-image: url(images/play-active.png);
}

.BasicSlideShowFS .ISSPreviousButtonHover, .BasicSlideShowFS .ISSNextButtonHover, .BasicSlideShowFS .ISSPlayButtonHover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.BasicSlideShowFS.ISSBusy .ISSView {
	background-image: url(images/busy.gif);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.5;
	filter: alpha(opacity=100);
}

.BasicSlideShowFS.ISSPlaying .ISSPlayButton {
	background-image: url(images/pause.png);
}

.BasicSlideShowFS.ISSPlaying .ISSPlayButtonDown {
	background-image: url(images/pause-active.png);
}

.BasicSlideShowFS.ISSBusy .ISSPreviousButton,
.BasicSlideShowFS.ISSBusy .ISSNextButton,
.BasicSlideShowFS.ISSBusy .ISSPlayButton
{
	display: none;
}

/* top-level film strip element that contains the thumbnails */
.BasicSlideShowFS .FilmStrip {
	height: 80px;
	background-color: #CCC;
}

/* height and width of the previous and next buttons of the thumbnail filmstrip */
.BasicSlideShowFS .FilmStripPreviousButton, .BasicSlideShowFS .FilmStripNextButton {
	display: block;
	width: 25px;
	height: 80px;
	background-repeat: no-repeat;
}

/* position of the previous button on the left side of the film strip */
.BasicSlideShowFS .FilmStripPreviousButton {
	float: left;
	background-image: url(images/arrow-left.png);
	background-position: right center;
}

/* position of the next button on the right side of the film strip */
.BasicSlideShowFS .FilmStripNextButton {
	float: right;
	background-image: url(images/arrow-right.png);
	background-position: left center;
}

/* This rule swaps out the previous button image when the user hovers over it.
 */
.BasicSlideShowFS .FilmStripPreviousButtonHover {
	background-image: url(images/arrow-left-hover.png);
}

/* This rule swaps out the next button image when the user hovers over it.
 */
.BasicSlideShowFS .FilmStripNextButtonHover {
	background-image: url(images/arrow-right-hover.png);
}

/* This rule swaps out the previous button image when the user clicks on it.
 */
.BasicSlideShowFS .FilmStripPreviousButtonDown {
	background-image: url(images/arrow-left-active.png);
}

/* This rule swaps out the next button image when the user clicks on it.
 */
.BasicSlideShowFS .FilmStripNextButtonDown {
	background-image: url(images/arrow-right-active.png);
}

/* This rule hides the previous and next buttons if they are marked as disabled.
 */
.BasicSlideShowFS .FilmStripPreviousButtonDisabled,
.BasicSlideShowFS .FilmStripNextButtonDisabled {
	visibility: hidden;
}

/* The FimStripTrack acts as a clip for the film strip. This rule simply gives it
 * dimensions and sets the overflow:hidden so it actually clips the content inside it.
 */
.BasicSlideShowFS .FilmStripTrack {
	overflow: hidden;
	width: auto;
	height: 80px;
	position: relative;
}

.BasicSlideShowFS .FilmStripContainer {
	width: 10000em;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
 
 /* xxxxxxxxxxxxxxxxx ABSTAND DER THUMBS xxxxxxxxxxxxxx */
.BasicSlideShowFS .FilmStripPanel {
	float: left;
	height: 80px;
	padding-left: 10px;
	margin-right: 3px;
}

.BasicSlideShowFS .FilmStripPanel .ISSSlideLink {
	float: left;
	display: block;
	margin-top: 10px;
	border: solid 1px #AAA;
	background-color: #FFF;
}

.BasicSlideShowFS .FilmStripPanel .ISSSlideLinkRight {
	display: block;
	border: solid 1px #AAA;
	width: 56px;
	height: 47px;
	margin: 4px;
	text-indent: -1000em;
	background-position: center;
}

.BasicSlideShowFS .FilmStripPanel .ISSSlideLinkCenter {
	display: block;
	width: 100%;
	height: 100%;
}
 
.BasicSlideShowFS .FilmStripCurrentPanel .ISSSlideLink {
	background-color: #FFF;
	border: solid 1px #F00;
}