/* ########################################################################## */
/*
* Sytle-Sheet für das Res-Layout
*
*/
/* ########################################################################## */

#slider {
  overflow: visible;
}

#slider img {
  /*border-radius: 5px;*/
}

.theme-default .nivoSlider img {
  max-height: 315px !important;
  /* height: 315px !important;*/
  /* Keine Höhe erzwingen, sonst ist der Slider nicht mehr fluid. */
}

.slider-wrapper {
  position: relative;
}

.slider-wrapper .ribbon {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: url(../images/slider_mask.png) top left no-repeat; */
  background-size: 100% 100%;
  z-index: 8;
  /* Background muss über den Bildern liegen (als Maske), aber unter den Navigations-Pfeilen. */
}

.theme-default .nivo-controlNav {
  position: absolute;
  top: 0px;;
  left: 0px;
  width: 100%;
  height: 20px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  /*background-color: rgba( 255, 0, 0, 0.5);*/
}

.theme-default .nivo-controlNav a {
  margin: 0px 0px 0px 0px;
  background-image: url("../images/sliderboebbl_inaktiv.png");
  width: 21px;
  height: 21px;
}
.theme-default .nivo-controlNav a:last-child {
  margin: 0px 0px 0px 0px;
}

.theme-default .nivo-controlNav a.active {
  background-image: url("../images/sliderboebbl_aktiv.png");
  background-position: 0px 0px;
  width: 21px;
  height: 21px;
}

.theme-default .nivoSlider {
    background: url("loading.gif") no-repeat scroll 50% 50%;
    box-shadow: 0 0px 0px 0 #000000;
    margin-bottom: 0px;
    position: relative;
}

.theme-default .nivoSlider .nivo-directionNav a.nivo-prevNav {
  left: 15px;
}
.theme-default .nivoSlider .nivo-directionNav a.nivo-nextNav {
  right: 15px;
}