.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 400px; /*width of featured content slider*/
height: 212px;
  background: url('grafx/back_specials.jpg') no-repeat;

}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 400px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.contentdiv .left {
  float: left;
  width: 160px;
  margin: 22px 5px 5px 5px;
}
.contentdiv .left img {
  width: 160px;
  border: 4px solid #fff;
}
.contentdiv .left .headline {
  width: 160px;
  height: 35px;
  background: #010101;
  color: #fff;
  margin: 0 0 0 1px;
  bottom: 163px;
  padding: 5px;
  position: absolute;
  /* transparenz */
  filter: alpha(opacity=70);
  opacity: .70;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.contentdiv .right {
  float: left;
  width: 210px;
}
.contentdiv .right ul {margin: 5px 0 0 0;}
.contentdiv .right ul, .contentdiv .right ul li {list-style: none;}
.contentdiv .right ul li {
  display: block;
  height: 48px;
  padding: 2px 5px;
}
.contentdiv .right ul li a {color: #000;}

.pagination {
width: 380px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
padding: 3px 10px;
background: #d9d9d9;
border-top: 1px solid #f1f1f1;
font: 13px normal Arial, Helvetica, sans-serif;
}

.pagination a{
padding: 3px 5px;
text-decoration: none; 
color: #ffffff;
background: #999999;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background-color: #ff9900;
}