#slider {
  margin-left: 25px;
  padding: 0;
  position: relative;
  background: transparent url("/fileadmin/carousel/images/arrow/slider_bg.jpg") no-repeat bottom;
}


#slider dl.csc-textpic-image dd {
  text-align: center;
}

#slider div.csc-textpic img:hover{
  opacity: 0.8;  
}

.scroll {
  overflow: auto;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background-color: transparent;
}

.scrollContainer div.panel {
  padding: 0;
}

.scrollButtons {
  cursor:pointer;
}

ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 7px;
  list-style:none;
}

div#slider_nav {
  width:100%;
  float:left;
  background:#fff url("nav_bottom.gif") repeat-x bottom;
}

ul.navigation li {
  float:left;
  margin: 5px 5px 0 0;  
  padding: 0;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}

ul.navigation li.selected {
  border-bottom: 1px solid #fff;
}

ul.navigation a {
  float:left;
  display:block;
  color:#334;
  background:#ececec;
  padding:1px 11px 1px 8px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
  width: auto;
}

ul.navigation a:hover,
ul.navigation li.selected a { 
  background-color: transparent;
    
}

ul.navigation #current a {
  background-color:#fff;
  border-bottom: 1px solid #fff;
}

.scrollButtons {
    position: absolute;
    top: 140px;
    cursor: pointer;
}


.scrollButtons.left {
  left: -25px;
  width: 25px;
  height: 25px;
  background-color: transparent;
  background-image: url("/fileadmin/carousel/images/arrow/prev.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  float: left;
  margin-bottom: 150px;
  font-size: 1px;
  cursor: pointer;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}

.scrollButtons.left:hover {
  background-color: transparent;
  cursor: pointer;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.scrollButtons.right {
  right: -25px;
  width: 25px;
  height: 25px;
  background-color: transparent;
  background-image: url("/fileadmin/carousel/images/arrow/next.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  float: left;
  margin-bottom: 150px;
  font-size: 1px;
  cursor: pointer;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}

.scrollButtons.right:hover {
  background-color: transparent;
  cursor: pointer;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;

}