.photoslider {

}

/* das ist der große rahmen um die beweglichen thumbnails */
.photoslider_nav {
	position: relative;
	border: solid black 1px;
	overflow: hidden;
	height: 95px;
	width: 1300px;
	margin: auto;
}

/* das ist die zentrale position des aktuellen thumbnails */
.photoslider_thumbBar {
	position: absolute;
	left: 0px;
	top: 0px;
	display: initial;
	margin: auto;
	padding: auto;
}

/* das ist der rahmen pro thumbnail */
.photoslider_thumb {
	position: relative;
	border: solid black 1px;
	width: auto;
	height: auto;
	float: left;
	padding: 6px;
	margin: 4px;
	cursor: pointer;
}

.photoslider_clear {
	clear: both;
}

/* das sorgt dafuer dass der thumbnailrahmen immer an der selben position bleibt, unabhaengig von der fotogroesse und definiert die position */
.photoslider_main  {
	position: relative;
	height: 550px;
	padding-bottom: 10px;
}

/* das sind rahmen und position vom großen Foto */
.photoslider_main img {
	position: relative;
	border: solid #000 2px;
	display: block;
	margin: auto;
}

/* das ist groesse und position der Bilderbeschriftung */
.photoslider_caption {
	font-weight: 500;
	text-align: center;
	font-size: bold;
	color: black;
}

/* das sind rahmen und position von pause und weiter button */
.photoslider_control {
	display: none;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin: auto;
	height: 30px;
	width: 52px;
}

/* das ist für die darstellung von pause und weiter button */
.photoslider_play, .photoslider_stop {
	width: 14px;
	height: 14px;
	margin: auto;
	padding: 3px;
	cursor: pointer;
	text-align: center;
	border: solid #fff 1px;
	float: left;
}

.photoslider_play {
	background: url('images/play_pause.gif') no-repeat 0px 0px;
}

.photoslider_stop {
	background: url('images/play_pause.gif') no-repeat -25px 0px;
}

.slideshow_disabled {
	border-bottom: solid #919191 2px;
}