.deprecatedProgramSlide {
  display: none;
}
#program.programme {
  line-height: 100%;
  width: 944px;
  position: relative;
}
#program.programme .pcontent {
  white-space: nowrap;
}
#program.programme .row1 {
  height: 55px;
  text-transform: uppercase;
}
#program.programme .row1 .inline {
  display: inline-block;
  margin-right: 20px;
}
#program.programme .row1 a.link {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
#program.programme .row1 .link {
  vertical-align: baseline;
}
#program.programme .row3 {
  white-space: nowrap;
}
#program.programme .row3 > * {
  display: inline-block;
  vertical-align: top;
}
#program.programme .bigdate {
  cursor: default;
  font-size: 50px;
}
#program.programme .bigdate .weekday {
  font-weight: bold;
  color: #e64415;
  vertical-align: bottom;
}
#program.programme .bigdate .daydate {
  color: #3c3c3c;
  vertical-align: bottom;
}
#program.programme .chooser {
  height: 51px;
  font-size: 12px;
  background-color: #666666;
}
#program.programme .chooser.week .arrow {
  display: inline-block;
  width: 20px;
  height: 32px;
  margin-top: 9px;
  margin-bottom: 9px;
}
#program.programme .chooser.week .arrow.left {
  background-image: url(icon-pfeil-links-soft.png);
  margin-left: 10px;
  margin-right: 51px;
}
#program.programme .chooser.week .arrow.left.enabled {
  background-image: url(icon-pfeil-links-weiss.png);
  cursor: pointer;
}
#program.programme .chooser.week .arrow.right {
  background-image: url(icon-pfeil-rechts-soft.png);
  margin-left: 0px;
  margin-right: 10px;
}
#program.programme .chooser.week .arrow.right.enabled {
  background-image: url(icon-pfeil-rechts-weiss.png);
  cursor: pointer;
}
#program.programme .chooser.week .chooseitem {
  display: inline-block;
  width: 114px;
  height: 47px;
  margin: 2px;
  cursor: pointer;
}
#program.programme .chooser.week .chooseitem:hover,
#program.programme .chooser.week .chooseitem.current {
  background-color: white;
}
#program.programme .chooser.week .chooseitem > span {
  display: block;
  padding: 6px 0 0 7px;
  line-height: 100%;
  color: white;
  height: auto;
  width: auto;
}
#program.programme .chooser.week .chooseitem:hover .name,
#program.programme .chooser.week .chooseitem.current .name {
  color: #e44501;
}
#program.programme .chooser.week .chooseitem:hover .date,
#program.programme .chooser.week .chooseitem.current .date {
  color: #e44501;
}
#program.programme .viewSpacer {
  width: 75px;
  height: 30px;
  background-color: #eeeeee;
}
#program.programme .servicebox p,
#program.programme .servicebox span {
  font-size: 11px;
}
#program.programme .servicebox .service > div {
  display: inline-block;
}
#program.programme .servicebox .service .icon {
  width: 24px;
  height: 24px;
  vertical-align: top;
  background-repeat: no-repeat;
}
#program.programme .servicebox .service.alert {
  padding-bottom: 13px;
}
#program.programme .servicebox .service.alert .icon {
  background-image: url(wecker-dunkelgrau.png);
}
#program.programme .servicebox .service.featured {
  padding-bottom: 13px;
}
#program.programme .servicebox .service.featured .icon {
  background-image: url(icon-daumen.png);
}
#program.programme .servicebox .service.spon .icon {
  background-image: url(icon-premiere.png);
}
#program.programme .servicebox .function {
  width: 192px;
  margin-left: 8px;
}
#program.programme .servicebox .function .text1 {
  font-weight: bold;
}
#program.programme .servicebox .function .text2 {
  display: inline;
}
#program.programme .listing {
  background: white;
  width: 372px;
  white-space: normal;
}
#program.programme .listing .entry {
  /*overflow: hidden;*/
  /* removing this crashes the time display per entry in the week view */
}
#program.programme .listing .entry.odd {
  background-color: #f5f5f5;
}
#program.programme .listing .entry.odd .header,
#program.programme .listing .entry.odd .textbody {
  background-color: #f5f5f5;
}
#program.programme .listing .entry .spacer {
  height: 12px;
}
#program.programme .listing .entry .header {
  height: 69px;
}
#program.programme .listing .entry .header .headercontent {
  position: relative;
  white-space: nowrap;
  height: 69px;
  padding-top: 12px;
}
#program.programme .listing .entry .header .headercontent > div {
  display: inline-block;
}
#program.programme .listing .entry .header .headercontent .nowplaying {
  background-image: url(icon-jetzt.png);
  width: 51px;
  height: 20px;
  display: none;
  left: -37px;
  top: 10px;
  position: absolute;
}
#program.programme .listing .entry .header .headercontent .nowplaying.show {
  display: block;
}
#program.programme .listing .entry .header .headercontent .time {
  vertical-align: top;
  margin-left: 16px;
}
#program.programme .listing .entry .header .headercontent .tn {
  vertical-align: baseline;
  cursor: pointer;
  width: 79px;
  height: 45px;
  /* TODO thumbnails auf 79x45 festgenagelt lassen? */
}
#program.programme .listing .entry .header .headercontent .arrow {
  vertical-align: top;
  margin-left: 8px;
  margin-right: 2px;
  background-image: url(icon-pfeil.png);
  width: 8px;
  height: 12px;
  cursor: pointer;
}
#program.programme .listing .entry .header .headercontent .arrow.rotate {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#program.programme .listing .entry .header .headercontent .caption {
  vertical-align: top;
  margin-left: 4px;
  /*font-size: 11px;*/
  font-size: 10px;
  cursor: pointer;
  white-space: normal;
  line-height: 120%;
}
#program.programme .listing .entry .header .headercontent .caption .headline {
  text-transform: uppercase;
  color: #4d4d4d;
  /* einer von noras changes */
  /*font-weight: bold;*/
  margin-top: -2px;
  white-space: normal;
}
#program.programme .listing .entry .header .headercontent .caption .headline.bold {
  font-weight: bold;
}
#program.programme .listing .entry .header .headercontent .caption .subheadline {
  text-transform: uppercase;
  color: #4d4d4d;
  white-space: normal;
  /*margin-left: -10px;*/
}
#program.programme .listing .entry .header .headercontent .caption .subheadline.bold {
  font-weight: bold;
}
#program.programme .listing .entry .header .headercontent .caption .subheadline2 {
  color: #4d4d4d;
  white-space: normal;
  /*margin-left: -10px;*/
}
#program.programme .listing .entry .header .headercontent .caption .functions {
  float: right;
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.remind {
  margin-left: 5px;
  background-image: url(wecker-hellgrau.png);
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.remind:hover {
  background-image: url(wecker-orange.png);
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.featured {
  cursor: default;
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.featured.show {
  background-image: url(icon-daumen.png);
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.featured.hide {
  display: none;
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.premiere {
  cursor: default;
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.premiere.show {
  background-image: url(icon-premiere.png);
}
#program.programme .listing .entry .header .headercontent .caption .functions .icon.premiere.hide {
  display: none;
}
#program.programme .listing .entry .header .time {
  font-size: 18px;
  width: 51px;
}
#program.programme .listing .entry .header .tn {
  margin-left: 30px;
}
#program.programme .listing .entry .textbody {
  display: none;
  margin-left: -92px;
  padding-left: 178px;
  /* war 85px; */
  padding-right: 7px;
}
#program.programme .listing .entry .textbody p {
  color: #3c3c3c;
  font-size: 11px;
  line-height: 140%;
  padding-bottom: 18px;
  padding-top: 8px;
  /*padding-top: 18px;*/
}
#program.programme .topicSlider.programSlide {
  width: 944px;
  height: 351px;
}
#program.programme .topicSlider.programSlide .slideHeader .bigdate span {
  vertical-align: bottom;
}
#program.programme .topicSlider.programSlide .slide {
  background: white;
}
#program.programme .topicSlider.programSlide .slide .slideheader {
  height: 72px;
}
#program.programme .topicSlider.programSlide .slide .slideheader .bigdate {
  display: inline-block;
}
#program.programme .topicSlider.programSlide .slide .slideheader .bigdate span {
  margin-top: 5px;
  line-height: 88px;
}
#program.programme .topicSlider.programSlide .slide .slideheader .toThisDay {
  display: inline-block;
  padding-left: 0;
  margin-left: -3px;
  margin-right: 5px;
  height: 62px;
  vertical-align: top;
  padding-top: 20px;
}
#program.programme .topicSlider.programSlide .slide .slideheader .toThisDay a {
  text-decoration: underline;
  font-size: 10px;
}
#program.programme .topicSlider.programSlide .slide .slidecontent .slideheader .bigdate,
#program.programme .topicSlider.programSlide .slide .slidecontent .listing > * {
  padding-left: 7px;
}
#program.programme .topicSlider.programSlide .slide.week.front .listing .header,
#program.programme .topicSlider.programSlide .slide.week.extended .listing .header {
  margin-left: -92px;
}
#program.programme .topicSlider.programSlide .slide.week.front .listing .header .caption,
#program.programme .topicSlider.programSlide .slide.week.extended .listing .header .caption {
  width: 235px;
}
#program.programme .topicSlider.programSlide .slide.background .listing .entry .header .headercontent .caption .functions {
  display: none;
}
#program.programme .topicSlider.programSlide .slide.background .listing .entry .header .headercontent div.nowplaying {
  display: none;
}
#program.programme .topicSlider.programSlide .slide.front .slidecontent,
#program.programme .topicSlider.programSlide .slide.extended .slidecontent {
  margin-left: 83px;
  /* war: 92px; */
}
#program.programme .topicSlider.programSlide .slide.background .listing .entry .header .time,
#program.programme .topicSlider.programSlide .slide.background .listing .entry .header .tn,
#program.programme .topicSlider.programSlide .slide.background .listing .entry .header .arrow {
  display: none;
}
#program.programme .topicSlider.programSlide .slide.background .slidecontent {
  opacity: .4;
}
#program.programme .topicSlider.programSlide .slide.background .slidecontent .weekday {
  margin-left: 4px;
}
#program.programme.day {
  /*&.wissen {
            .bigdate {
                .weekday {
                    color: #4d4d4d;
                }
                .daydate {
                    color: #4d4d4d;
                }
            }
        } */
}
#program.programme.day a.link.toDay {
  color: #e44501;
  font-weight: bold;
}
#program.programme.day a.link.toWeek {
  color: #3c3c3c;
}
#program.programme.day .row3 {
  margin-top: 21px;
}
#program.programme.day .row4 .servicebox {
  display: none;
}
#program.programme.day .bigdate {
  height: 72px;
  font-size: 50px;
  margin-left: -3px;
}
#program.programme.day .bigdate .row {
  height: 72px;
}
#program.programme.day .bigdate .row > span {
  line-height: 100%;
  vertical-align: bottom;
}
#program.programme.day .bigdate .weekday {
  color: #e44501;
}
#program.programme.day .bigdate .daydate {
  color: #4d4d4d;
  margin-left: 10px;
}
#program.programme.day .sidecontrol {
  min-height: 314px;
  width: 298px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
#program.programme.day .listing {
  /*float:left;*/
  display: inline-block;
  vertical-align: top;
  min-height: 20px;
  width: 646px;
  /*background-color: blue;*/
  /*position: absolute;
            right:0;*/
  white-space: normal;
}
#program.programme.day .listing .textbody {
  display: none;
  margin-left: 198px;
  /*85px;*/
  padding-left: 0;
  width: 410px;
}
#program.programme.day .listing .caption {
  width: 438px;
}
#program.programme.week a.link.toWeek {
  color: #e44501;
  font-weight: bold;
}
#program.programme.week a.link.toDay {
  color: #3c3c3c;
}
#program.programme.week .row4 .servicebox {
  margin-top: 10px;
}
#program.programme.week .row4 .servicebox .function {
  width: 280px;
}
#program.programme.week .row4 .servicebox .service {
  display: inline-block;
  vertical-align: top;
  width: 314px;
}
#program.programme.week .bigdate {
  height: 62px;
  /*font-size: 50px;*/
}
#program.programme.week .bigdate .weekday {
  color: #e64415;
  vertical-align: bottom;
}
#program.programme.week .bigdate .weekday.Mo {
  margin-right: -3px;
}
#program.programme.week .bigdate .daydate {
  color: #3c3c3c;
  vertical-align: bottom;
}
#program.programme.week .listing {
  width: 373px;
}
#program.programme.week .listing .textbody p {
  margin-left: 20px;
  padding-right: 8px;
}
/**
        Themes
*/
#program.programme.wissen .chooser {
  background-color: #0095ae;
}
#program.programme.wissen .bigdate .weekday,
#program.programme.wissen.week .bigdate .weekday {
  color: #4d4d4d;
}
#program.programme.wissen .bigdate .daydate,
#program.programme.wissen.week .bigdate .daydate {
  color: #4d4d4d;
}
#program.programme.wissen .row1 {
  text-transform: none;
}
#program.programme.wissen.day a.link.toWeek {
  color: #4d4d4d;
}
#program.programme.wissen.week a.link.toDay {
  color: #4d4d4d;
}
#program.programme.wissen .servicebox .function.geschichte {
  display: none;
}
#program.programme.wissen .listing .entry .header .headercontent .caption .functions .icon.remind.geschichte {
  display: none;
}
#program.programme.geschichte .chooser {
  background-color: #e64415;
}
#program.programme.geschichte .servicebox .function.wissen {
  display: none;
}
#program.programme.geschichte .listing .entry .header .headercontent .caption .functions .icon.remind.wissen {
  display: none;
}
#topicSlider.topicSlider.topicSlide {
  width: 944px;
  height: 351px;
  line-height: 100%;
}
#topicSlider.topicSlider.topicSlide {
  /*overflow: hidden;*/
}
#topicSlider .slide .shadow,
#program .slide .shadow,
.ovlcontainer .slide .shadow {
  top: 0;
  bottom: 0;
  /*display: none;*/
  width: 26px;
  /*height: inherit;*/
  /*display: inline-block;*/
  /*background: green;*/
  vertical-align: top;
  position: absolute;
  left: -26px;
  background-image: url(shadow-vertical.png);
}
#topicSlider .slide:first-child .shadow,
#program .slide:first-child .shadow,
.ovlcontainer .slide:first-child .shadow {
  display: none;
}
#topicSlider .slide .shadow2,
#program .slide .shadow2,
.ovlcontainer .slide .shadow2 {
  top: 0;
  bottom: 0;
  /*display: none;*/
  width: 26px;
  /*height: inherit;*/
  /*display: inline-block;*/
  /*background: green;*/
  vertical-align: top;
  position: absolute;
  left: 57px;
  background-image: url(shadow-vertical.png);
}
#topicSlider .slide.background .shadow2,
#program .slide.background .shadow2,
.ovlcontainer .slide.background .shadow2 {
  display: none;
}
#topicSlider,
.ovlContainer {
  /** state specific **/
  /* other colors */
  /**

       FONTS

    **/
  /* font */
  /*.slide.front .detailtext .detailbody .link .arrow {
        background-image: url(/gfx/icon-pfeil-links-weiss.png)

    }*/
  /**

       THEME COLORS

    **/
  /* theme colors */
}
#topicSlider .slide .content,
.ovlContainer .slide .content {
  float: left;
  width: 624px;
  height: inherit;
  /*display: inline-block;*/
  background: white;
  vertical-align: top;
  position: relative;
}
#topicSlider .slide .content .caption,
.ovlContainer .slide .content .caption {
  height: 122px;
  width: inherit;
  opacity: 0;
  position: absolute;
  z-index: 2;
  /*  bottom: 0;*/
  margin-top: 229px;
  line-height: 128%;
}
#topicSlider .slide .content .caption span,
.ovlContainer .slide .content .caption span {
  display: block;
  margin-left: 10px;
}
#topicSlider .slide .content .image,
.ovlContainer .slide .content .image {
  width: inherit;
  /* müssen 624 sein */
  height: inherit;
  vertical-align: top;
  position: absolute;
}
#topicSlider .slide .content .showsOverlay,
.ovlContainer .slide .content .showsOverlay {
  width: inherit;
  /* müssen 624 sein */
  height: inherit;
  vertical-align: top;
  position: absolute;
}
#topicSlider .slide .content .showsOverlay .headline,
.ovlContainer .slide .content .showsOverlay .headline {
  color: white;
}
#topicSlider .slide .content .showsOverlay .showsContainer,
.ovlContainer .slide .content .showsOverlay .showsContainer {
  width: inherit;
  top: 62px;
  bottom: 60px;
  position: absolute;
  /*background: green;*/
  white-space: normal;
}
#topicSlider .slide .content .showsOverlay .showsContainer .showContainer,
.ovlContainer .slide .content .showsOverlay .showsContainer .showContainer {
  display: inline-block;
  position: relative;
  width: 192px;
  height: 108px;
  padding-left: 12px;
  padding-bottom: 12px;
}
#topicSlider .slide .content .showsOverlay .showsContainer .showContainer .showImage,
.ovlContainer .slide .content .showsOverlay .showsContainer .showContainer .showImage {
  position: absolute;
  z-index: 2;
  width: inherit;
  height: inherit;
  opacity: 1;
}
#topicSlider .slide .content .showsOverlay .showsContainer .showContainer .showOverlay,
.ovlContainer .slide .content .showsOverlay .showsContainer .showContainer .showOverlay {
  position: absolute;
  display: none;
  z-index: 3;
  width: inherit;
  height: inherit;
  opacity: 0;
  text-transform: uppercase;
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer > *,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer > * {
  cursor: pointer;
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay {
  display: block;
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .showCaption,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .showCaption {
  margin-top: 4px;
  display: block;
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .showCaption span,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .showCaption span {
  cursor: pointer;
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .showdate,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .showdate {
  display: block;
  font-size: 11px;
  margin-left: 10px;
  margin-top: 10px;
  color: black;
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay a span,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay a span {
  display: block;
  font-size: 11px;
  margin-left: 10px;
  margin-top: 0px;
  line-height: 16px;
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay a:hover span,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay a:hover span {
  /*text-decoration: underline;*/
}
#topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .bg,
.ovlContainer .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .bg {
  opacity: .9;
}
#topicSlider .slide .content .showsOverlay .bg,
.ovlContainer .slide .content .showsOverlay .bg {
  background: #3a3a3a;
  position: absolute;
  width: inherit;
  height: inherit;
  z-index: -1;
  opacity: .7;
}
#topicSlider .slide .content .glass,
.ovlContainer .slide .content .glass {
  width: inherit;
  height: inherit;
  position: absolute;
  z-index: 2;
}
#topicSlider .slide .detailtext,
.ovlContainer .slide .detailtext {
  height: 351px;
  float: left;
  color: white;
  position: relative;
  overflow: hidden;
}
#topicSlider .slide .detailtext .detailbody,
.ovlContainer .slide .detailtext .detailbody {
  width: 290px;
  white-space: normal;
  margin: 17px 14px 5px 14px;
}
#topicSlider .slide .detailtext .detailbody > *,
.ovlContainer .slide .detailtext .detailbody > * {
  display: block;
}
#topicSlider .slide .detailtext a,
.ovlContainer .slide .detailtext a {
  color: white;
}
#topicSlider .slide .detailtext .x,
.ovlContainer .slide .detailtext .x {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
}
#topicSlider .slide .detailtext .x a,
.ovlContainer .slide .detailtext .x a {
  width: 16px;
  height: 16px;
  background-image: url(x.png);
  display: block;
  opacity: .8;
}
#topicSlider .grayscale,
.ovlContainer .grayscale {
  filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
}
#topicSlider div.slide.front,
.ovlContainer div.slide.front {
  cursor: pointer;
  /*width: 624px;*/
}
#topicSlider div.slide.front .detailtext,
.ovlContainer div.slide.front .detailtext {
  /*display: none;*/
  width: 0;
}
#topicSlider div.slide.front .detailtext .topic,
.ovlContainer div.slide.front .detailtext .topic {
  display: none;
}
#topicSlider div.slide.front .detailtext .x,
.ovlContainer div.slide.front .detailtext .x {
  opacity: 0;
}
#topicSlider div.slide.front .content .image,
.ovlContainer div.slide.front .content .image {
  opacity: 1;
}
#topicSlider div.slide.front .content .caption,
.ovlContainer div.slide.front .content .caption {
  opacity: .9;
}
#topicSlider div.slide.front .content .caption .date,
.ovlContainer div.slide.front .content .caption .date {
  float: none;
}
#topicSlider div.slide.front .content .showsOverlay,
.ovlContainer div.slide.front .content .showsOverlay {
  display: none;
}
#topicSlider div.slide.topic,
.ovlContainer div.slide.topic {
  z-index: 20;
}
#topicSlider div.slide.topic .detailtext,
.ovlContainer div.slide.topic .detailtext {
  display: block;
  width: 320px;
  height: 351px;
  float: left;
  color: white;
  position: relative;
}
#topicSlider div.slide.topic .detailtext .topic,
.ovlContainer div.slide.topic .detailtext .topic {
  display: none;
}
#topicSlider div.slide.topic .content .caption,
.ovlContainer div.slide.topic .content .caption,
#topicSlider div.slide.topic .content .glass,
.ovlContainer div.slide.topic .content .glass,
#topicSlider div.slide.topic .content .showsOverlay,
.ovlContainer div.slide.topic .content .showsOverlay {
  display: none;
}
#topicSlider div.slide.shows,
.ovlContainer div.slide.shows {
  z-index: 20;
}
#topicSlider div.slide.shows .detailtext,
.ovlContainer div.slide.shows .detailtext {
  display: block;
  width: 320px;
  height: 351px;
  float: left;
  color: white;
  position: relative;
}
#topicSlider div.slide.shows .detailtext .shows,
.ovlContainer div.slide.shows .detailtext .shows {
  display: none;
}
#topicSlider div.slide.shows .content .showsOverlay,
.ovlContainer div.slide.shows .content .showsOverlay {
  z-index: 3;
}
#topicSlider .slide.background,
.ovlContainer .slide.background {
  cursor: pointer;
}
#topicSlider .slide.background .detailtext,
.ovlContainer .slide.background .detailtext {
  width: 0;
}
#topicSlider .slide.background .content .image,
.ovlContainer .slide.background .content .image {
  opacity: .5;
}
#topicSlider .slide.background .content .showsOverlay,
.ovlContainer .slide.background .content .showsOverlay {
  display: none;
}
#topicSlider .darkfont,
.ovlContainer .darkfont {
  color: #FFF;
}
#topicSlider div.slide,
.ovlContainer div.slide,
#topicSlider div.slide a,
.ovlContainer div.slide a {
  /*font-family: Montserrat, sans-serif;*/
  /* font-size: 20pt;*/
}
#topicSlider div.slide .content .caption span,
.ovlContainer div.slide .content .caption span {
  padding: 8px 8px 3px 10px;
  text-transform: uppercase;
}
#topicSlider div.slide .content .caption .captiondate,
.ovlContainer div.slide .content .caption .captiondate {
  font-size: 20px;
  margin-top: 6px;
}
#topicSlider div.slide .content .caption .headline,
.ovlContainer div.slide .content .caption .headline {
  font-size: 24px;
  font-weight: bold;
}
#topicSlider div.slide .content .caption .subheadline,
.ovlContainer div.slide .content .caption .subheadline {
  font-size: 24px;
  white-space: normal;
}
#topicSlider .slide .detailtext .detailbody > *,
.ovlContainer .slide .detailtext .detailbody > * {
  line-height: 24px;
}
#topicSlider .slide .detailtext .detailbody .detaildate,
.ovlContainer .slide .detailtext .detailbody .detaildate {
  font-size: 12px;
  text-transform: uppercase;
}
#topicSlider .slide .detailtext .detailbody .headline,
.ovlContainer .slide .detailtext .detailbody .headline {
  font-size: 20px;
  text-transform: uppercase;
}
#topicSlider .slide .detailtext .detailbody .subheadline,
.ovlContainer .slide .detailtext .detailbody .subheadline {
  font-size: 20px;
  text-transform: uppercase;
}
#topicSlider .slide .detailtext .detailbody .text,
.ovlContainer .slide .detailtext .detailbody .text {
  font-size: 14px;
  margin-top: 6px;
  line-height: 19px;
}
#topicSlider .slide .detailtext .detailbody .link,
.ovlContainer .slide .detailtext .detailbody .link {
  position: absolute;
  bottom: 19px;
  left: 16px;
  white-space: nowrap;
}
#topicSlider .slide .detailtext .detailbody a,
.ovlContainer .slide .detailtext .detailbody a {
  font-size: 12px;
  text-transform: uppercase;
  height: 16px;
  text-decoration: none;
  background-repeat: no-repeat;
  display: inline-block;
}
#topicSlider .slide .detailtext .detailbody .link .arrow,
.ovlContainer .slide .detailtext .detailbody .link .arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 10px;
  margin-bottom: -3px;
}
#topicSlider .slide .detailtext .detailbody .link.shows .arrow,
.ovlContainer .slide .detailtext .detailbody .link.shows .arrow {
  background-image: url(icon-pfeil-links-weiss-klein.png);
}
#topicSlider .slide .detailtext .detailbody .link.topic .arrow,
.ovlContainer .slide .detailtext .detailbody .link.topic .arrow {
  background-image: url(icon-pfeil-rechts-weiss-klein.png);
}
#topicSlider .slide .showsOverlay .headline,
.ovlContainer .slide .showsOverlay .headline {
  margin-left: 15px;
  margin-top: 22px;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
}
#topicSlider .slide .content .caption,
.ovlContainer .slide .content .caption,
#topicSlider .slide .detailtext,
.ovlContainer .slide .detailtext,
#topicSlider .slide.shows .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .bg,
.ovlContainer .slide.shows .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .bg {
  background-color: #e44501;
  /** das wird die dynamische farbe? */
}
#topicSlider div.slide,
.ovlContainer div.slide,
#topicSlider div.slide a,
.ovlContainer div.slide a {
  color: white;
}
/**
        theme wissen:
    */
.wissen #topicSlider div.slide.front .content .caption,
#topicSlider.wissen div.slide.front .content .caption {
  opacity: 1;
}
.wissen #topicSlider .darkfont,
#topicSlider.wissen .darkfont {
  color: #FFF;
}
.wissen #topicSlider div.slide .content .caption .headline,
#topicSlider.wissen div.slide .content .caption .headline {
  font-weight: bold;
}
.wissen #topicSlider .slide .detailtext .detailbody .detaildate,
#topicSlider.wissen .slide .detailtext .detailbody .detaildate {
  font-size: 12px;
  text-transform: uppercase;
}
.wissen #topicSlider .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .bg,
#topicSlider.wissen .slide .content .showsOverlay .showsContainer div:hover.showContainer .showOverlay .bg,
.wissen #topicSlider .slide .content .caption,
#topicSlider.wissen .slide .content .caption,
.wissen #topicSlider .slide .detailtext,
#topicSlider.wissen .slide .detailtext {
  background-color: #8cb634;
}
.wissen #topicSlider .listing .headline,
#topicSlider.wissen .listing .headline {
  font-weight: bold;
}
.wissen #topicSlider .listing .subheadline,
#topicSlider.wissen .listing .subheadline {
  color: #4d4d4d;
}
/* slide farben */
div#topicSlider div.slide.green .showsOverlay .showsContainer div:hover.showContainer .showOverlay div.bg.override,
div#topicSlider div.slide.green .content .caption,
div#topicSlider div.slide.green .showOverlay .bg,
div#topicSlider div.slide.green .detailtext {
  background-color: #8cb934;
}
div#topicSlider div.slide.orange .showsOverlay .showsContainer div:hover.showContainer .showOverlay div.bg.override,
div#topicSlider div.slide.orange .content .caption,
div#topicSlider div.slide.orange .showOverlay .bg,
div#topicSlider div.slide.orange .detailtext {
  background-color: #f37700;
}
div#topicSlider div.slide.blue .showsOverlay .showsContainer div:hover.showContainer .showOverlay div.bg.override,
div#topicSlider div.slide.blue .content .caption,
div#topicSlider div.slide.blue .showOverlay .bg,
div#topicSlider div.slide.blue .detailtext {
  background-color: #0095ae;
}
div#topicSlider div.slide.red .showsOverlay .showsContainer div:hover.showContainer .showOverlay div.bg.override,
div#topicSlider div.slide.red .content .caption,
div#topicSlider div.slide.red .showOverlay .bg,
div#topicSlider div.slide.red .detailtext {
  background-color: #8e2f50;
}
div#topicSlider div.slide.grey .showsOverlay .showsContainer div:hover.showContainer .showOverlay div.bg.override,
div#topicSlider div.slide.grey .content .caption,
div#topicSlider div.slide.grey .showOverlay .bg,
div#topicSlider div.slide.grey .detailtext {
  background-color: #797979;
}
/*  layout */
/* note: slide dimensions in slides css */
#topicSlider,
#program {
  position: relative;
  /* global properties */
  /**
    *      GLOBAL SLIDE PROPERTIES
    **/
}
#topicSlider .slides,
#program .slides {
  margin-left: 40px;
  width: 2000px;
  height: inherit;
  position: relative;
}
#topicSlider .slidesMask,
#program .slidesMask {
  /*background-color: green;*/
  position: absolute;
  z-index: 2;
  overflow: hidden;
  width: 984px;
  height: inherit;
  left: -40px;
}
#topicSlider .slide,
#program .slide {
  width: inherit;
  height: inherit;
  position: absolute;
  white-space: nowrap;
  /*background-image: url(gfx/shadow-vertical.png)*/
}
.deprecatedProgramView {
  display: none;
}
#timelineWrapper {
  position: relative;
  margin-top: 2em;
}
#timelineWrapper .ovlcontainer {
  width: 944px;
  height: 402px;
  display: none;
  position: absolute;
  z-index: 5;
  opacity: 0;
}
#timelineWrapper .ovlcontainer.visible {
  display: block;
}
#timelineWrapper .ovlcontainer .wrapper {
  position: relative;
  width: inherit;
  height: inherit;
}
#timelineWrapper .ovlcontainer .wrapper .background {
  width: inherit;
  height: inherit;
  background: black;
  opacity: .8;
  position: absolute;
  z-index: 1;
}
#timelineWrapper .ovlcontainer .wrapper .content {
  position: absolute;
  z-index: 2;
  height: 351px;
  width: inherit;
  top: 25px;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper {
  position: relative;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .bigimage {
  position: absolute;
  left: 0;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock {
  width: 320px;
  height: 351px;
  position: absolute;
  right: 0;
  background: #e44501;
  color: white;
  font-weight: bold;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody {
  margin: 20px 20px 20px 16px;
  position: relative;
  height: 311px;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .headline,
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .subheadline {
  font-size: 13px;
  font-weight: bold;
  display: block;
  line-height: 140%;
  text-transform: uppercase;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .text {
  /*overflow-y: scroll;*/
  /*height: 200px;*/
  font-size: 12px;
  line-height: 140%;
  margin-top: 13px;
  /**padding-bottom: 43px; */
  font-weight: normal;
  position: relative;
  /*padding-right: 10px;*/
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .x {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 16px;
  height: 16px;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .x a {
  width: 16px;
  height: 16px;
  background-image: url(x.png);
  display: block;
  opacity: .7;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate {
  position: absolute;
  bottom: -16px;
  font-size: 12px;
  text-transform: uppercase;
  height: 43px;
  display: block;
  padding-top: 1em;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox {
  position: relative;
  width: 300px;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox .date {
  white-space: nowrap;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox a.remind {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  right: 6px;
  background-repeat: no-repeat;
  margin-left: 5px;
  background-image: url(wecker-weiss.png);
  bottom: -18px;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox a.remind:hover {
  cursor: pointer;
}
#timelineWrapper .ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox .nextSend {
  text-transform: none;
}
#timelineWrapper .timeline {
  width: 944px;
  height: 351px;
  margin-top: 20px;
  position: relative;
  /*position: absolute;*/
  overflow-x: scroll;
  overflow-y: hidden;
}
#timelineWrapper .timeline .tilecontainer {
  position: absolute;
  white-space: nowrap;
}
#timelineWrapper .timeline .tilecontainer .lane {
  height: 108px;
  white-space: nowrap;
}
#timelineWrapper .timeline .tilecontainer .lane .box {
  display: inline-block;
  width: 192px;
  height: 108px;
  vertical-align: top;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast {
  /** cursor: pointer; */
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast .bcImage {
  position: absolute;
  z-index: 1;
  width: inherit;
  height: inherit;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay {
  background-color: #e44501;
  position: absolute;
  /*display: none;*/
  z-index: 3;
  width: inherit;
  height: inherit;
  opacity: 0;
  color: #fff;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay .showCaption {
  margin-top: 15px;
  display: block;
  /*span {*/
  /*cursor: pointer;*/
  /*}      */
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay .showCaption span {
  /** cursor: default; */
  display: block;
  font-size: 11px;
  margin-left: 10px;
  margin-top: 0px;
  margin-right: 10px;
  line-height: 16px;
  color: #fff;
  text-decoration: underline;
  opacity: 1;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay .showdate {
  display: block;
  font-size: 11px;
  margin-left: 10px;
  margin-top: 10px;
  color: black;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay a span {
  display: block;
  font-size: 11px;
  margin-left: 10px;
  margin-top: 0px;
  line-height: 16px;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay a:hover span {
  text-decoration: underline;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay span.headline {
  text-transform: uppercase;
  font-weight: bold;
  white-space: normal;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay span.subheadline {
  text-transform: uppercase;
  white-space: normal;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div.showOverlay a.detailslink {
  color: white;
  position: absolute;
  bottom: 8px;
  left: 11px;
  font-size: 11px;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div:hover.showOverlay {
  display: block;
  cursor: pointer;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div:hover.showOverlay .bg {
  opacity: .9;
}
#timelineWrapper .timeline .tilecontainer .lane .box.cast div:hover.showOverlay .showCaption {
  cursor: pointer;
}
#timelineWrapper .timeline .tilecontainer .lane .box.year {
  background: #e44501;
}
#timelineWrapper .timeline .tilecontainer .lane .box.year div.intervalCaption {
  width: inherit;
  height: inherit;
  text-align: center;
  vertical-align: middle;
  line-height: 120%;
  padding-top: 40px;
  color: white;
  font-size: 22px;
  font-style: italic;
  cursor: default;
}
#timelineWrapper .timeline .tilecontainer .lane .box.beginSmall {
  background: url("links-mitte.jpg");
  width: 96px;
}
#timelineWrapper .timeline .tilecontainer .lane .box.beginLarge {
  background: url("links-oben.jpg");
  width: 192px;
}
#timelineWrapper .timeline .tilecontainer .lane .box.endSmall {
  background: url("rechts-mitte.jpg");
  width: 96px;
}
#timelineWrapper .timeline .tilecontainer .lane .box.endLarge {
  background: url("rechts-oben.jpg");
  width: 192px;
}
#timelineWrapper .timeline .tilecontainer .lane.lane1 {
  /*margin-left: -70px*/
}
#timelineWrapper .timeline .tilecontainer .lane.lane3 {
  /*margin-left: 70px*/
}
#timelineWrapper .timeline .tilecontainer .lane .box:hover {
  cursor: pointer;
}
#timelineWrapper .timeline .tilecontainer .lane .box:hover .cast {
  cursor: pointer;
}
#timelineWrapper .timeline .tile {
  display: inline-block;
  height: 324px;
  vertical-align: top;
}
#timelineWrapper .timeline .tile.middle .lane2,
#timelineWrapper .timeline .tile.last .lane2 {
  margin-left: -96px;
}
#scroll {
  width: 944px;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
}
#slider {
  width: 858px;
  margin-left: 43px;
  background: #e44501;
  height: 7px;
  position: relative;
}
#slider a.ui-slider-handle {
  background: url('schieber.png');
  top: -12px;
  height: 30px;
  width: 30px;
  outline: none;
  position: absolute;
}
#slider a.ui-slider-handle:hover {
  cursor: pointer;
}
#timelineLabels {
  position: relative;
  height: 50px;
  margin-left: 43px;
  /**
  label:nth-of-type(odd){

  }*/
}
#timelineLabels label {
  position: absolute;
  text-align: center;
  margin-top: 20px;
  /** margin-left: -10px; */
}
#universeOvl.ovlcontainer {
  width: 944px;
  display: none;
  position: absolute;
  z-index: 5;
  opacity: 0;
}
#universeOvl.ovlcontainer.visible {
  display: block;
}
#universeOvl.ovlcontainer .wrapper {
  position: relative;
  width: inherit;
  height: inherit;
}
#universeOvl.ovlcontainer .wrapper .background {
  width: inherit;
  height: inherit;
  background: black;
  opacity: .8;
  position: absolute;
  z-index: 1;
}
#universeOvl.ovlcontainer .wrapper .content {
  position: absolute;
  z-index: 2;
  height: 351px;
  width: inherit;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper {
  position: relative;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .bigimage {
  position: absolute;
  left: 0;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock {
  width: 320px;
  height: 351px;
  position: absolute;
  right: 0;
  background: #e44501;
  color: white;
  font-weight: bold;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody {
  margin: 20px 20px 20px 16px;
  position: relative;
  height: 311px;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .headline,
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .subheadline {
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 140%;
  text-transform: uppercase;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .text {
  /*overflow-y: scroll;*/
  /*height: 200px;*/
  font-size: 12px;
  line-height: 140%;
  margin-top: 13px;
  font-weight: normal;
  /*padding-right: 10px;*/
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .x {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 16px;
  height: 16px;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .x a {
  width: 16px;
  height: 16px;
  background-image: url(x.png);
  display: block;
  opacity: .7;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate {
  position: absolute;
  bottom: -16px;
  font-size: 12px;
  text-transform: uppercase;
  height: 43px;
  display: block;
  padding-top: 1em;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox {
  position: relative;
  width: 300px;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox .date {
  white-space: nowrap;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox a.remind {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  right: 6px;
  background-repeat: no-repeat;
  margin-left: 5px;
  background-image: url(wecker-weiss.png);
  bottom: -18px;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox a.remind.hover {
  cursor: pointer;
}
#universeOvl.ovlcontainer .wrapper .content .wrapper .sideblock .detailbody .detaildate .datebox .nextSend {
  text-transform: none;
}
#universe {
  display: block;
  width: 944px;
  height: 500px;
}
#universe .backlink {
  background: url("universum/gfx/lupe.png") left bottom no-repeat;
  background-size: contain;
  padding-left: 2em;
  color: #e64415;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  float: right;
}
#universe .genreTitle {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  float: left;
}
#universe .homeview {
  position: relative;
}
#universe .homeview .netz {
  position: absolute;
  z-index: 1;
}
#universe .homeview .genre {
  position: absolute;
  z-index: 2;
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  white-space: wrap;
}
#universe .homeview .genre:hover {
  text-decoration: underline;
}
#universe .homeview .genre span {
  margin-top: 56px;
  display: block;
  font-size: 15px;
}
#universe .homeview .genre.natur span {
  margin-top: 70px;
}
#universe .homeview .genre.wissenschaft span {
  margin-top: 66px;
}
#universe .homeview .genre.crime span {
  margin-top: 41px;
}
#universe .homeview .genre.abenteuer span {
  margin-top: 64px;
}
#universe .homeview .genre.tiere span {
  margin-top: 54px;
}
#universe .homeview .genre.gesellInt span {
  margin-top: 71px;
}
#universe .homeview .genre.lifestyle span {
  margin-top: 49px;
}
#universe .homeview .genre.technik span {
  margin-top: 51px;
}
#universe .homeview .genre.gesellDeu span {
  margin-top: 65px;
}
#universe .homeview .genre.abenteuer {
  left: 746px;
  top: 306px;
  height: 149px;
  width: 149px;
  cursor: pointer;
}
#universe .homeview .genre.crime {
  left: 367px;
  top: 54px;
  height: 102px;
  width: 102px;
  cursor: pointer;
}
#universe .homeview .genre.gesellDeu {
  left: 545px;
  top: 4px;
  height: 151px;
  width: 151px;
  cursor: pointer;
}
#universe .homeview .genre.gesellInt {
  left: 319px;
  top: 331px;
  height: 162px;
  width: 162px;
}
#universe .homeview .genre.lifestyle {
  left: 31px;
  top: 172px;
  height: 118px;
  width: 118px;
  color: #4d4d4d;
  cursor: pointer;
}
#universe .homeview .genre.natur {
  left: 150px;
  top: 9px;
  height: 161px;
  width: 161px;
  cursor: pointer;
}
#universe .homeview .genre.tiere {
  left: 726px;
  top: 115px;
  height: 128px;
  width: 128px;
  color: #4d4d4d;
  cursor: pointer;
}
#universe .homeview .genre.technik {
  left: 529px;
  top: 358px;
  height: 122px;
  width: 122px;
  cursor: pointer;
}
#universe .homeview .genre.wissenschaft {
  left: 132px;
  top: 285px;
  height: 153px;
  width: 153px;
  color: #4d4d4d;
  cursor: pointer;
}
#universe .castlist {
  width: 944px;
  display: inline;
}
#universe .castlist .cast {
  display: inline;
}
#universe .castlist .cast a {
  display: inline-block;
}
#universe .castview {
  height: inherit;
  clear: both;
  /* hier ein fixes netz */
}
#universe .castview .fixnetbackground {
  position: relative;
  height: inherit;
}
#universe .castview .fixnetbackground .central {
  width: 199px;
  height: 199px;
  left: 375px;
  position: absolute;
  top: 144px;
  /*opacity: .3;*/
  border-radius: 100px;
}
#universe .castview .fixnetbackground .central .textContent {
  width: 140px;
  height: 140px;
  margin-left: 30px;
  margin-top: 30px;
  text-align: center;
  color: white;
  font-size: 11px;
  position: relative;
  line-height: 16px;
}
#universe .castview .fixnetbackground .central .textContent span {
  display: block;
}
#universe .castview .fixnetbackground .central .textContent .headlineCentral {
  font-weight: bold;
  text-transform: uppercase;
}
#universe .castview .fixnetbackground .central .textContent .subheadlineCentral {
  text-transform: uppercase;
}
#universe .castview .fixnetbackground .central .textContent a.detailslinkCentral {
  display: block;
  text-decoration: none;
  color: white;
  bottom: -8px;
  position: relative;
  cursor: pointer;
}
#universe .castview .fixnetbackground .cast {
  /*opacity: .5;*/
  /*background: red;*/
  position: absolute;
  /*background: red;*/
  /*opacity: .3;*/
  cursor: pointer;
  overflow: hidden;
}
#universe .castview .fixnetbackground .cast.c60 {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
#universe .castview .fixnetbackground .cast.c60 .castMask {
  width: inherit;
  height: inherit;
  background: ;
}
#universe .castview .fixnetbackground .cast.c60 .castMask:hover {
  background: ;
}
#universe .castview .fixnetbackground .cast.c80 {
  width: 80px;
  height: 80px;
  border-radius: 40px;
}
#universe .castview .fixnetbackground .cast.c80 .castMask {
  width: inherit;
  height: inherit;
  background: ;
}
#universe .castview .fixnetbackground .cast.c80 .castMask:hover {
  background: ;
}
#universe .castview .fixnetbackground .cast.c100 {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
#universe .castview .fixnetbackground .cast.c100 .castMask {
  width: inherit;
  height: inherit;
  background: ;
}
#universe .castview .fixnetbackground .cast.c100 .castMask:hover {
  background: ;
}
#universe .castview .fixnetbackground .cast .content {
  width: inherit;
  height: inherit;
  position: relative;
}
#universe .castview .fixnetbackground .cast .content .castImage {
  position: absolute;
  z-index: 1;
}
#universe .castview .fixnetbackground .cast .content .castShadow {
  width: inherit;
  height: inherit;
  position: absolute;
  z-index: 2;
}
#universe .castview .fixnetbackground .cast .content .castMask {
  position: absolute;
  z-index: 3;
}