#s3slider {
	max-width: 960px; /* important to be same as image width */
	height: 300px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}

#s3slider a{
	text-decoration:none;
	outline:0;
	border:0;
}

#s3sliderContent {/*the unordered list*/
	max-width: 960px; /* important to be same as image width or wider */	
	position: absolute; /* important */
	top: 0; /* important */	
	margin-left: 0; /* important */	
	padding:0 /*kein einruecken*/
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
position: absolute; /* important */
left: 0;
font:Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 960px;/*textbreite */
background-color: #000;
/*filter: alpha(opacity=70); /* here you can set the opacity of box with text */
/*-moz-opacity: 0.7; /* here you can set the opacity of box with text */
/*-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}