[b]Head:  
 
<script src="http://www.mennoniten-kr.de/wp-content/themes/Magnificent/js/jquery.cycle.all.min.js" type="text/javascript"> 
 
 
[b]Body: 
 
<div id="main-content"> 
<div id="featured"> 
<div id="featured-overlay"></div> 
<div id="slides" style="position: relative; width: 461px; height: 276px;"> 
<div class="slide" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 461px; height: 276px;"> 
<a href="http://www.mennoniten-kr.de/termine/"> 
<div class="description"> 
<h2 class="title"> 
<a href="http://www.mennoniten-kr.de/termine/">Termine von Gottesdiensten und Verans...</a> 
</h2> 
<p class="meta-info"></p> 
</div> 
</div> 
<div class="slide" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 461px; height: 276px;"> 
<div class="slide" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 461px; height: 276px;"> 
<div class="slide" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 461px; height: 276px;"> 
<div class="slide" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 6; opacity: 1; width: 461px; height: 276px;"> 
</div> 
 
 
[b]CSS: 
 
#featured-overlay { 
    background: url("images/slider-bg.png") no-repeat scroll 0 0 transparent; 
    height: 286px; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 476px; 
    z-index: 20; 
}