/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
  position: relative;
  margin-bottom: 4px;
}

.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.jcarousel-list li, .jcarousel-item {
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 100px;
  height: 100px;
  background-image: none;
  margin-left: 30px;
  padding: 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
  z-index: 3;
  display: none;
}

.jcarousel-prev {
  z-index: 3;
  display: none;
}


.jcarousel-skin-ffw .jcarousel-container {
  /*-moz-border-radius: 10px;*/
  background: #D4D0C8;
}

.jcarousel-skin-ffw .jcarousel-container-horizontal {
  width: 420px;
  height: 79px;
  padding: 4px 24px;
  margin-top: 7px;
  background-image: url(background-container-horizontal.gif);
}

.jcarousel-skin-ffw .jcarousel-container-vertical {
  width: 100px;
  height: 418px;
  padding: 29px 8px;
  background-image: url(background-container-vertical.gif);
}

.jcarousel-skin-ffw .jcarousel-clip-horizontal {
  width:  418px;
  height: 79px;
}
#content2 .jcarousel-skin-ffw .jcarousel-clip-horizontal a img {
  height: 75px;
  width: 75px;
  margin: 1px 0 0 0;
  border: 0;
}
div.infospalte .jcarousel-clip-vertical a img {
  margin: 0 0 0 0;
  border: 0;
}

.jcarousel-skin-ffw .jcarousel-clip-vertical {
  width:  100px;
  height: 416px;
}

.jcarousel-skin-ffw .jcarousel-item {
  float: left;
}

.jcarousel-skin-ffw .jcarousel-item-horizontal {
  width: 75px;
  height: 75px;
  margin-right: 4px;
}

.jcarousel-skin-ffw .jcarousel-item-vertical {
  margin-bottom: 3px;
}

.jcarousel-skin-ffw .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ffw .jcarousel-next-horizontal {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 17px;
  height: 77px;
  cursor: pointer;
  background-image: url(next-horizontal.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.jcarousel-skin-ffw .jcarousel-next-horizontal:hover {
  background-position: -20px 0;
}

.jcarousel-skin-ffw .jcarousel-next-horizontal:active {
  background-position: -40px 0;
}

.jcarousel-skin-ffw .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ffw .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ffw .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -60px 0;
}

.jcarousel-skin-ffw .jcarousel-prev-horizontal {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 17px;
  height: 77px;
  cursor: pointer;
  background-image: url(prev-horizontal.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.jcarousel-skin-ffw .jcarousel-prev-horizontal:hover {
  background-position: -20px 0;
}

.jcarousel-skin-ffw .jcarousel-prev-horizontal:active {
  background-position: -40px 0;
}

.jcarousel-skin-ffw .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ffw .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ffw .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -60px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ffw .jcarousel-next-vertical {
  position: absolute;
  bottom: 10px;
  left: 8px;
  width: 100px;
  height: 17px;
  cursor: pointer;
  background-image: url(next-vertical.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.jcarousel-skin-ffw .jcarousel-next-vertical:hover {
  background-position: 0 -20px;
}

.jcarousel-skin-ffw .jcarousel-next-vertical:active {
  background-position: 0 -40px;
}

.jcarousel-skin-ffw .jcarousel-next-disabled-vertical,
.jcarousel-skin-ffw .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ffw .jcarousel-next-disabled-vertical:active {
  cursor: default;
  background-position: 0 -60px;
}

.jcarousel-skin-ffw .jcarousel-prev-vertical {
  position: absolute;
  top: 9px;
  left: 8px;
  width: 100px;
  height: 17px;
  cursor: pointer;
  background-image: url(prev-vertical.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.jcarousel-skin-ffw .jcarousel-prev-vertical:hover {
  background-position: 0 -20px;
}

.jcarousel-skin-ffw .jcarousel-prev-vertical:active {
  background-position: 0 -40px;
}

.jcarousel-skin-ffw .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ffw .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ffw .jcarousel-prev-disabled-vertical:active {
  cursor: default;
  background-position: 0 -60px;
}

.jcarousel-skin-ffw ul, .jcarousel-skin-ffw li {
  margin: 0;
}
