/* Hacky display inline-block */
#spotlight {
  margin: -7px 0 0 -5px;
  background: transparent url(pictures/spotlight/spotlightrand.png) no-repeat;
  padding: 9px 9px 9px 8px;
  font: normal bold 16px/24px sans-serif;
  position: relative;
  width: 565px;
  height: 355px; }
  #spotlight a {
    color: #fff;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.6s ease-in-out;
    -khtml-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }
    #spotlight a:hover {
      -webkit-transition: all 0.3s ease-in-out;
      -khtml-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  #spotlight ul {
    margin: 0;
    padding: 0; }
  #spotlight #spotlights {
    height: 260px;
    width: 565px;
    margin-bottom: 2px; }
  #spotlight li {
    list-style: none; }
  #spotlight .spotlight {
    position: absolute;
    height: 260px;
    width: 565px;
    display: block; }
    #spotlight .spotlight .overlay {
      height: 100%;
      background-image: url(pictures/spotlight/spotlight_box_leer.png);
      background-position: center top;
      /* Enable IE6 opacity */
      -background-image: url(pictures/spotlight/spotlight_box_leer.gif);
      -filter: alpha(opacity=75);
      /* End enable IE6 opacity */ }
    #spotlight .spotlight .spotlightLink {
      width: 352px;
      height: 224px;
      display: block; }
    #spotlight .spotlight .spotlightBoxes {
      position: absolute;
      top: 10px;
      right: 0;
      width: 200px;
      padding: 0 5px 0 10px; }
      #spotlight .spotlight .spotlightBoxes .spotlightBox {
        padding: .5em 0;
        background-image: url(pictures/spotlight/spotlight_box_entry_trenner.png);
        background-repeat: no-repeat;
        background-position: top center;
        /* IE does not seem to like :first-child (although versions >= 7 should) :/ */ }
        #spotlight .spotlight .spotlightBoxes .spotlightBox:first-child, #spotlight .spotlight .spotlightBoxes .spotlightBox.first-child {
          background-image: none; }
        #spotlight .spotlight .spotlightBoxes .spotlightBox li {
          padding: .2em 0;
          color: #fff; }
      #spotlight .spotlight .spotlightBoxes h3 {
        font-size: 14px;
        line-height: 16px;
        margin: 0; }
      #spotlight .spotlight .spotlightBoxes ul {
        font-size: 11px;
        font-weight: normal;
        line-height: 14px; }
      #spotlight .spotlight .spotlightBoxes a {
        display: block; }
      #spotlight .spotlight .spotlightBoxes a:hover {
        color: #F76E00;
        text-decoration: none; }
  #spotlight h2 {
    /* Reset IE6 opacity
     * Absolute positioned child elements are not affected by filters.
     */
    -position: absolute;
    -left: 0;
    /* End reset IE6 opacity */
    color: #f76e00;
    margin: 0;
    font-size: 16px;
    padding: 6px 0 6px 6px;
    width: 345px;
    white-space: nowrap; }
  #spotlight h3 {
    color: #f76e00; }
  #spotlight h2, #spotlight h3 {
    cursor: default; }
    #spotlight h2 a, #spotlight h3 a {
      color: #f76e00;
      text-decoration: none; }
    #spotlight h2 a:hover, #spotlight h3 a:hover {
      color: #f76e00;
      text-decoration: underline; }
  #spotlight #scrollbox {
    width: 565px;
    height: 102px; }
    #spotlight #scrollbox #scrollboxList {
      pointer-events: none;
      overflow: hidden;
      position: relative;
      height: 89px;
      top: -19px;
      background: transparent url(pictures/spotlight/thumbnail_box_background.png) repeat-x bottom;
      /* Get IE >= 6 z-index in active indicator working
       */
      z-index: 100; }
    #spotlight #scrollbox .indicator {
      pointer-events: none;
      z-index: 100;
      position: relative;
      /* Set initial indicator position */
      top: -70px;
      left: 52px; }
    #spotlight #scrollbox ul {
      pointer-events: auto;
      top: 19px;
      white-space: nowrap;
      height: 70px;
      vertical-align: top;
      position: relative;
      font-size: 0; }
      #spotlight #scrollbox ul li {
        padding: 0 2px 2px;
        vertical-align: top;
        background-color: #fff;
        position: relative;
        cursor: pointer;
        height: 68px;
        width: 138px;
        margin-left: 1px;
        margin-right: 0px;
        font-size: 12px;
        display: -moz-inline-stack;
        display: inline-block;
        /* IE 7 Hacks */
        overflow: hidden;
        *display: inline;
        /* Relative positioned elements need a zoom:1 to be rendered
         * as inline-block in IE7
         */
        zoom: 1;
        /* End IE 7 Hacks */
        /* ALL IEs */
        /* End ALL IEs */
        /* IE... thanks for the need of additional classes */ }
        #spotlight #scrollbox ul li > a {
          display: block;
          height: 100%; }
        #spotlight #scrollbox ul li:first-child, #spotlight #scrollbox ul li.first-child {
          padding-left: 0;
          margin-left: 0;
          /* Undo IE Hack for first-child */
          /* IE Hacks */
          /* End IE Hacks */ }
          #spotlight #scrollbox ul li:first-child .overlay, #spotlight #scrollbox ul li.first-child .overlay {
            *left: 0; }
        #spotlight #scrollbox ul li:last-child, #spotlight #scrollbox ul li.last-child {
          padding-right: 0; }
        #spotlight #scrollbox ul li .overlay {
          display: block;
          font-size: 11px;
          line-height: 14px;
          position: absolute;
          height: 70px;
          bottom: 2px;
          margin: 0;
          width: 128px;
          padding: 2px 5px;
          /* IE Hacks */
          *left: 2px;
          /* End IE Hacks */
          background: url(pictures/spotlight/thumbnail_box_titel.png);
          background: rgba(0, 0, 0, 0.666);
          /* IE6 transparent title background */
          -background-color: #000;
          -background-image: none;
          -filter: alpha(opacity=75);
          /* End IE6 transparent title background */ }
          #spotlight #scrollbox ul li .overlay span {
            background: url(pictures/spotlight/thumbnail_box_titel.png);
            background: rgba(0, 0, 0, 0.777);
            display: block;
            width: 128px;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 2px 5px;
            cursor: pointer; }
        #spotlight #scrollbox ul li.active .overlay, #spotlight #scrollbox ul li:hover .overlay {
          background: transparent;
          background: transparent !important;
          *background-image: none; }
        #spotlight #scrollbox ul li:hover a, #spotlight #scrollbox ul li.active a {
          color: #f76e00; }
      #spotlight #scrollbox ul img {
        border: none;
        height: 68px;
        width: 138px;
        /* IE Hacks */
        *width: 138px;
        /* End IE Hacks */ }
    #spotlight #scrollbox #scrollboxPaging {
      top: -19px;
      height: 32px;
      width: 583px;
      position: relative;
      background: transparent url(pictures/spotlight/thumbnail_box_paging.png) no-repeat;
      margin-left: -9px;
      z-index: 11; }
    #spotlight #scrollbox .next, #spotlight #scrollbox .prev {
      top: -1px;
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      background-position: center center;
      z-index: 10; }
      #spotlight #scrollbox .next.disabled, #spotlight #scrollbox .prev.disabled {
        cursor: default; }
    #spotlight #scrollbox .prev {
      left: 6px; }
      #spotlight #scrollbox .prev:hover {
        background-image: url(pictures/spotlight/highlight_box_paging1.png); }
      #spotlight #scrollbox .prev.disabled {
        background-image: url(pictures/spotlight/highlight_box_paging1_d.png); }
    #spotlight #scrollbox .next {
      right: 7px; }
      #spotlight #scrollbox .next:hover {
        background-image: url(pictures/spotlight/highlight_box_paging2.png); }
      #spotlight #scrollbox .next.disabled {
        background-image: url(pictures/spotlight/highlight_box_paging2_d.png); }
  #spotlight #moreHighlights {
    font-size: 10px;
    text-align: center;
    position: absolute;
    width: 565px;
    bottom: 2px;
    cursor: default;
    z-index: 0; }

#scrollbox.standalone {
  height: 100px;
  width: 746px;
  margin-bottom: 10px;
  background: transparent url(pictures/spotlight/highlight_box_background.png) no-repeat;
  padding: 0 24px; }
  #scrollbox.standalone a {
    outline: none;
    text-decoration: none;
    -webkit-transition: color 0.6s ease-in-out;
    -khtml-transition: color 0.6s ease-in-out;
    -moz-transition: color 0.6s ease-in-out;
    -o-transition: color 0.6s ease-in-out;
    transition: color 0.6s ease-in-out; }
    #scrollbox.standalone a:hover {
      -webkit-transition: color 0.3s ease-in-out;
      -khtml-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out; }
  #scrollbox.standalone img {
    border: none; }
  #scrollbox.standalone #scrollboxList {
    width: 746px;
    overflow: hidden;
    font-size: 0;
    position: relative; }
  #scrollbox.standalone ul {
    white-space: nowrap;
    height: 100px;
    padding: 0;
    font-size: 0;
    margin: 0; }
  #scrollbox.standalone li {
    margin: 14px 4px;
    border: 2px solid #fff;
    font-size: 12px;
    height: 100px;
    position: relative;
    height: 68px;
    width: 138px;
    display: -moz-inline-stack;
    display: inline-block;
    /* IE 7 Hacks */
    overflow: hidden;
    *display: inline;
    /* Relative positioned elements need a zoom:1 to be rendered
     * as inline-block in IE7
     */
    zoom: 1;
    /* End IE 7 Hacks */ }
    #scrollbox.standalone li .overlay {
      color: white;
      font-weight: bold;
      display: block;
      font-size: 12px;
      line-height: 14px;
      position: absolute;
      height: 19px;
      bottom: 0;
      margin: 0;
      width: 128px;
      padding: 2px 5px;
      /* IE Hacks */
      *left: 2px;
      /* End IE Hacks */
      background-image: url(pictures/spotlight/thumbnail_box_titel.png);
      /* IE6 transparent title background */
      -background-color: #000;
      -background-image: none;
      -filter: alpha(opacity=75);
      /* End IE6 transparent title background */ }
      #scrollbox.standalone li .overlay span {
        display: block;
        width: 134px;
        position: absolute;
        left: 2px;
        bottom: 1px;
        padding: 2px;
        cursor: pointer; }
    #scrollbox.standalone li:hover a {
      color: #f76e00; }
    #scrollbox.standalone li img {
      border: none;
      max-height: 68px;
      max-width: 138px;
      /* IE Hacks */
      *width: 138px;
      /* End IE Hacks */ }
  #scrollbox.standalone #scrollboxPaging {
    position: relative; }
    #scrollbox.standalone #scrollboxPaging .prev, #scrollbox.standalone #scrollboxPaging .next {
      position: absolute;
      width: 24px;
      height: 100px;
      top: -100px; }
      #scrollbox.standalone #scrollboxPaging .prev.disabled, #scrollbox.standalone #scrollboxPaging .next.disabled {
        cursor: default; }
    #scrollbox.standalone #scrollboxPaging .prev {
      left: -24px;
      background: transparent url(pictures/spotlight/highlight_box_paging1.png) no-repeat center center; }
      #scrollbox.standalone #scrollboxPaging .prev.disabled {
        background-image: url(pictures/spotlight/highlight_box_paging1_d.png); }
    #scrollbox.standalone #scrollboxPaging .next {
      left: 746px;
      background: transparent url(pictures/spotlight/highlight_box_paging2.png) no-repeat center center; }
      #scrollbox.standalone #scrollboxPaging .next.disabled {
        background-image: url(pictures/spotlight/highlight_box_paging2_d.png); }

/*# sourceMappingURL=spotlight.css.map */