/* Wichtig für die Slider Bilder, diese richten sich am Content aus. Wenn der Content größer oder kleiner wird muss das Bild verschoben werden. */
	
#wrapper-slider{
	height:430px;
	z-index:1;
	margin:0px auto 0px;
	width:920px;
	position:relative; top:-848px;
	}
	

/* Controls Bar
----------------------------*/
#controls-wrapper {
	margin:0 auto;
	height:25px;
	width:920px;
	bottom:0px;
	z-index:4;
	background:url(../img/nav-bg.png) repeat-x;
	position: absolute;
	}

#slidecounter { float:left; color:#fff; font:13px 'Open Sans', sans-serif; margin:-1px 10px 0 15px; line-height:25px; }

#slidecaption { overflow:hidden; float:left; color:#5e0a4f; font:400 13px 'Open Sans', sans-serif; margin:-1px 20px 0 0; line-height:25px; }

#navigation { float:right; margin:0px 20px 0 0; }

#play-button{ float:left; margin-top:0px; border-right:1px solid #a5a6a4;}

#play-button:hover{ background-position:0 1px; cursor:pointer; background-color:#e4e4e4; }

#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }

#prevslide{ left:3px; background:url('../img/back.png'); }

#nextslide{ right:3px; background:url('../img/forward.png'); }

#prevslide:active, #nextslide:active{ margin-top:-19px; }

#prevslide:hover, #nextslide:hover{ cursor:pointer; }

ul#slide-list{ padding:8px 0; float:left; position:absolute; right:10px; }

ul#slide-list li{ list-style:none; width:9px; height:9px; float:left; margin:0 2px 0 0; }

ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }

ul#slide-list li a{ display:block; width:9px; height:9px; background:url('../img/nav-dot.png') no-repeat 0 -24px; }

ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }