body {
  height: 760px;
  overflow: hidden; }

#page.popup {
  height: 100%;
  width: 738px;
  overflow: hidden;
  padding-top: 0; }

header {
  height: 3.5em;
  background-color: #a0bb16; }
  header .logo {
    width: 133px;
    position: absolute;
    top: 0;
    left: 2em;
    z-index: 10; }
    header .logo img {
      width: 100%; }
  header .contactlink {
    text-decoration: none;
    color: #0c1754;
    font-family: "NDRSansCondRegular";
    font-size: 1.5em;
    position: absolute;
    right: 1em;
    top: 1em; }
    header .contactlink .icon {
      margin-left: 0.3em; }

.imagebar {
  position: relative;
  height: 0;
  padding-bottom: 36%; }
  .imagebar div {
    float: left;
    position: absolute; }
    .imagebar div img {
      width: 100%; }
  .imagebar .imagebar-streamimage {
    height: 0;
    padding-bottom: 36%;
    overflow: hidden; }
  .imagebar .imagebar-currentshow {
    width: 64%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -64%;
    transition: all 0.3s ease-in-out; }
    .imagebar .imagebar-currentshow.on {
      left: 0; }
    .imagebar .imagebar-currentshow .gradient {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, black 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.01)), color-stop(100%, black));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, black 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, black 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, black 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, black 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#000000',GradientType=0 ) Alpha(opacity=30);
      /* IE6-9 */
      opacity: 0.5; }
    .imagebar .imagebar-currentshow .teasertext {
      color: #fff;
      position: absolute;
      left: 2em;
      bottom: 1em;
      text-transform: uppercase;
      font-family: "NDRSansCondRegular"; }
      .imagebar .imagebar-currentshow .teasertext h2 {
        color: #fff;
        font-size: 1.5em; }
        .imagebar .imagebar-currentshow .teasertext h2 a {
          color: #fff; }
          .imagebar .imagebar-currentshow .teasertext h2 a:hover, .imagebar .imagebar-currentshow .teasertext h2 a:focus {
            border-bottom: 1px solid #fff; }
      .imagebar .imagebar-currentshow .teasertext p {
        font-size: 1.2em;
        line-height: 0em;
        font-weight: bold; }
  .imagebar .imagebar-cover {
    width: 36%;
    position: absolute;
    top: 0;
    right: -36%;
    transition: all 0.3s ease-in-out; }
    .imagebar .imagebar-cover.on {
      right: 0; }

.lower {
  position: relative;
  height: 100%; }

.mainbar {
  height: 5em;
  background-color: #a0bb16; }
  .mainbar .playbutton {
    width: auto;
    position: relative;
    z-index: 2; }
    .mainbar .playbutton a {
      display: block;
      height: 4em;
      width: 4em;
      border-radius: 50%;
      background-color: #0c1754;
      color: #fff;
      margin: 0.5em 0.8em 0.5em 2em;
      text-decoration: none;
      text-align: center; }
      .mainbar .playbutton a .icon {
        margin-right: 0;
        font-size: 4em;
        line-height: 0.8em; }
      .mainbar .playbutton a .icon_play {
        margin-left: 0.04em; }
  .mainbar .volume {
    width: auto;
    position: relative;
    z-index: 2; }
    .mainbar .volume a {
      color: #fff;
      text-decoration: none;
      display: block;
      height: 2em;
      width: 2em;
      margin: 1.5em 0.2em 1.5em 0; }
      .mainbar .volume a .icon {
        font-size: 1.5em; }
  .mainbar .currentsong {
    width: 40%;
    position: relative;
    color: #0c1754;
    padding: 1em 1em 0 0; }
    .mainbar .currentsong .textpadding {
      font-family: "NDRSansCondBold", sans-serif;
      padding: 0; }
      .mainbar .currentsong .textpadding a {
        text-decoration: none; }
    .mainbar .currentsong .nowplaying {
      font-size: 1.5em; }
    .mainbar .currentsong .interactions {
      font-family: arial, helvetica, sans-serif;
      border-top: 1px solid #0c1754;
      color: #0c1754;
      margin: 0;
      font-size: 0.9em;
      font-weight: bold; }
      .mainbar .currentsong .interactions a {
        font-size: 1em;
        color: #fff;
        text-decoration: none; }
      .mainbar .currentsong .interactions #fbconnector {
        bottom: 1.2em; }
  .mainbar .viewselect {
    position: absolute;
    right: 2em;
    top: 1.5em;
    width: 16.6em;
    font-weight: bold; }
    .mainbar .viewselect .label-live {
      position: absolute;
      left: 0;
      top: 0.2em;
      color: #fff;
      text-decoration: none; }
    .mainbar .viewselect .label-channels {
      position: absolute;
      right: 0;
      top: 0.2em;
      color: #0c1754;
      text-decoration: none; }

.switch {
  width: 3em;
  height: 1.5em;
  background-color: #0c1754;
  border-radius: .75em;
  position: absolute;
  left: 2.3em;
  cursor: pointer;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4) inset; }
  .switch .switch-inner {
    background-color: #fff;
    position: absolute;
    top: 0.25em;
    left: 0.3em;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    transition: all 0.1s ease-in-out;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); }

.info {
  position: absolute;
  top: 5em;
  left: 0;
  transition: all 0.3s ease-in-out;
  height: 100%;
  width: 100%; }
  .info .livestreaminfo {
    background-color: #0c1754;
    padding: 1em 0;
    overflow: hidden; }
  .info .webcampreview {
    display: block;
    width: 6em;
    position: absolute;
    left: 2em;
    top: 1em; }
    .info .webcampreview img {
      width: 100%; }
  .info .lastnextsong {
    color: #fff;
    padding: 0 2em 0 9em;
    width: 100%;
    margin-bottom: 1em; }
    .info .lastnextsong .textpadding {
      font-size: 0.7em;
      padding: 0;
      margin-bottom: 2em; }
    .info .lastnextsong .previoussong, .info .lastnextsong .nextsong {
      font-size: 1.3em; }
    .info .lastnextsong .nextsong {
      border-bottom: 1px solid #a0bb16;
      margin-bottom: 0.4em;
      padding-bottom: 1.5em; }
    .info .lastnextsong .playlistlabel {
      font-size: 1.3em;
      float: left;
      width: 4em;
      font-weight: bold; }
  .info .morelinks {
    font-size: 0.9em; }
    .info .morelinks .label {
      margin-right: 0.5em; }
    .info .morelinks a {
      text-decoration: none;
      color: #a0bb16;
      margin-right: 2em; }
  .info section .teaser .teaserpadding {
    padding-top: 0.3em; }
  .info section .teaser h2 {
    font-size: 1.3em; }
  .info section .teaser .teasertext, .info section .teaser .tit {
    display: none; }

.channels {
  position: absolute;
  top: 5em;
  left: -100%;
  transition: all 0.3s ease-in-out;
  height: 100%;
  width: 100%; }
  .channels .pagepadding {
    background-color: #0c1754;
    color: #fff;
    padding-bottom: 2em; }
  .channels .modulepadding {
    padding-bottom: 1em; }
  .channels .w25 {
    width: 25% !important; }
  .channels .w25:nth-child(2n+1) {
    clear: none; }
  .channels h2 {
    font-size: 1.3em;
    text-transform: uppercase;
    color: #fff; }
    .channels h2 a {
      color: #fff; }
  .channels .teaserimage {
    border: 3px solid #0c1754; }
  .channels .selected .teaserimage {
    border: 3px solid #a0bb16; }
  .channels .selected h2 a {
    color: #a0bb16; }
  .channels .teaser:nth-child(5n+1) {
    clear: left; }
  .channels .w25 .teaserimage .overlay {
    font-size: 0.5em; }
    .channels .w25 .teaserimage .overlay .icon {
      font-size: 5em;
      line-height: 1.6em; }

.chan .switch-inner {
  left: 1.7em; }
.chan .mainbar .viewselect .label-live {
  color: #0c1754; }
.chan .mainbar .viewselect .label-channels {
  color: #fff; }
.chan .channels {
  left: 0; }
.chan .info {
  left: 100%; }

#teaser_holder section.articlepadding {
  padding: 0 !important; }