/* CSS for JS Carousel */
ul#carousel {
  width: 2700px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  bottom: 0px;
  z-index:1;
  left:0px;
}

ul#carousel li {
  display:block;
  float:left;
  padding: 0px;
  height:300px;
  width: 300px;
  position:relative;
  overflow:hidden;
}

ul#carousel li a {
    display:block; 
    width:300px; 
    float:left;
    height:206px;
    position:absolute;
    bottom:0px;
    left:0px;
}
ul#carousel li a img {
  position:absolute;
  bottom:0px;

}
ul#carousel li a img.second {display:none; bottom:-1px}


/* No JS Fallback*/
div#slotCarousel.hover {overflow-y:hidden; height:246px;}
.hover ul#carousel li {height:246px}
.hover li a img.first {left:0px;}
.hover li a img.second {left:180px;}
.hover li a:hover {height:246px !important;}
.hover li a:hover img.second {left:0px;}
.hover li a:hover img.first {left:-180px;}

.hover ul#carousel li a img.second {display:block}



/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
    bottom:0px;
    left:0px;
    height:300px;         /*------------HÖHE DES KASTENS-----------*/
    width:)"=px;          /*----------BREITE DES KASTENS-----------*/
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: absolute;
    bottom:0px;
	overflow: hidden;
	z-index: 2;
    height:300px;          /*------------HÖHE DES LAUFBANDS-----------*/
    width:860px;           /*----------BREITE DES LAUFBANDS-----------*/
    margin:0px 30px;
    left:0px;
}

.simply-scroll-btn {
  display: block;
  height: 206px;           /*-----------HÖHE DES PFEILBUTTONS---------*/
  width: 30px;
  background: url(images/pfeil.gif) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  cursor: pointer;
}
	
.simply-scroll-btn-left {
	left: 0px;
	bottom: 0px;
	background-position: 0px 0px;
}

.simply-scroll-btn-left:hover {
	background-position: 0px 0px;
}
.simply-scroll-btn-right {
	right: 0px;
	bottom: 0px;
	background-position: -30px 0px;
}
.simply-scroll-btn-right.disabled {
	background-position: -30px -163px !important;
}
.simply-scroll-btn-left.disabled {
	background-position: 0px -163px !important;
}
.simply-scroll-btn-right:hover {
	background-position: -30px 0px;
}