/* abgeleitet von http://static.flowplayer.org/tools/css/tabs-slideshow.css */
@CHARSET "UTF-8";

/* container for slides */
.images {
	position: relative;
	width:963px;
}

/* single slide */
.pane {
	position: absolute;
	top: 0px;
	left: 0px;
	width:963px;
	display:none;
	font-size:12px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	position: absolute;
	top: 435px;
	left: 420px;
	z-index: 2;
}

/* single tab */
.slidetabs a {
	width:25px;
	height:31px;
	float:left;
	background:url(sichtbar_punkt.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.slidetabs a:hover {
	/*background:url(aktiv_punkt.png) 0 0 no-repeat;*/
}

/* active state (current page state) */
.slidetabs a.current {
	background:url(aktiv_punkt.png) 0 0 no-repeat;
}


/* prev and next buttons */
.forback {
	display:block;
	position: absolute;
	z-index: 1;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}

.forward {
	background:transparent url(sichtbar_weiter.png) no-repeat top right;
	width:150px;
	height:400px;
	top: 100px;
	right: 0;
}

.backward {
	background:transparent url(sichtbar_zurueck.png) no-repeat;
	width:150px;
	height:400px;
	top: 100px;
	left: 0;
}

.forward:hover {
	background: transparent url(aktiv_weiter.png) no-repeat top right;
}

.forward:active {
	background: transparent url(aktiv_weiter.png) no-repeat top right;
}

.backward:hover {
	background: transparent url(aktiv_zurueck.png) no-repeat;
}

.backward:active {
	background: transparent url(aktiv_zurueck.png) no-repeat;
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;
}

.play {
	width: 28px;
	height: 31px;
	/*background: transparent url(sichtbar_play.png) no-repeat;
*/}

.play:hover {
	/*background: transparent url(aktiv_play.png) no-repeat;
*/}

.stop {
	width: 28px;
	height: 31px;
	/*background: transparent url(sichtbar_pause.png) no-repeat;
*/}

.stop:hover {
	/*background: transparent url(aktiv_pause.png) no-repeat;
*/}


/***************** special für Startseiten - Box ********************/
.b_images {
	position: relative;
	width:965px;
	/*height: 320px;*/
	overflow: hidden;
}

/* single slide */
.b_pane {
	position: absolute;
	top: 0px;
	left: 0px;
	width:965px;
	/*height: 320px;*/
	display:none;
	font-size:12px;
	cursor: pointer;
}

.b_slidetabs {
	position: absolute;
	top: 550px;
	left: 420px;
}

.b_slidetabs a {
	width:25px;
	height:31px;
	float:left;
	background:url(box_slide/sichtbar_punkt.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

.b_slidetabs a:hover {
	background:url(box_slide/aktiv_punkt.png) 0 0 no-repeat;
}

.b_slidetabs a.current {
	background:url(box_slide/aktiv_punkt.png) 0 0 no-repeat;
}

.b_forback {
	display:block;
	position: absolute;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}

.b_forward {
	background:transparent url(box_slide/sichtbar_weiter.png) no-repeat top right;
	width:150px;
	height:320px;
	top: 100px;
	right: 0;
}

.b_backward {
	background:transparent url(box_slide/sichtbar_zurueck.png) no-repeat;
	width:150px;
	height:320px;
	top: 100px;
	left: 0;
}

.b_forward:hover {
	background: transparent url(box_slide/aktiv_weiter.png) no-repeat top right;
}

.b_forward:active {
	background: transparent url(box_slide/aktiv_weiter.png) no-repeat top right;
}

.b_backward:hover {
	background: transparent url(box_slide/aktiv_zurueck.png) no-repeat;
}

.b_backward:active {
	background: transparent url(box_slide/aktiv_zurueck.png) no-repeat;
}