@media all {
  
  body,p,h1,h2,h3,form,ul,li {
    margin: 0;
    padding: 0;
  }
  
  /* problems when used in iframe (only chrome) */
  /* html {overflow-y: scroll;} */
    
  body {
    font: 11px Arial,Helvetica,Sans-Serif;
    color: #000000;
  }
  * body {height: 100%;} /* IE6 */
    
  img {
    border-width: 0;
  }
  
  input, textarea {
    border-width: 0;
    padding: 0;
    margin: 0;
    font: 11px Arial,Helvetica,Sans-Serif;
  }
    
  /* FETT ALLGEMEINES */
  a {
    color: #000000;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  
  h1,h2,h3 {
    color: #000000;
  }
  h1 {font-size: 20px; font-weight: normal;}
  h2 {font-size: 18px; font-weight: normal;}
  h3 {font-size: 12px; font-weight: normal;}
    
  ol {
    margin: 0 0 10px 0;
    padding: 0;
  }
  ul {
    list-style-type: none;
  }
  ul li {
    padding: 0 0 0 15px;
    background: url(/pub/pic/mehr.gif) 0 3px no-repeat;  
  }
    
  .hid {
    display: none;
  }
    
  .center {
    position: relative;
    overflow: hidden;
    width: 950px;
    margin: 0 auto;
  }
  
  /* PLAY-BUTTONS */
  .playXL {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/pub/pic/light/play-xl.png) center no-repeat;
    text-decoration: none;
  }
  .playXL:hover {text-decoration: none;}
  .playS {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/pub/pic/light/play-s.png) right 5px no-repeat;
    text-decoration: none;
  }
  .playS:hover {text-decoration: none;}
  .playXS {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/pub/pic/light/play-xs.png) right 3px no-repeat;
    text-decoration: none;
  }
  .playXS:hover {text-decoration: none;}
  /* overwrite */
  .bDark .playXL {background-image: url(/pub/pic/dark/play-xl.png);}
  .bDark .playS {background-image: url(/pub/pic/dark/play-s.png);}
  .bDark .playXS {background-image: url(/pub/pic/dark/play-xs.png);}
  
  /* MAIN NAVIGATION */
  #navi {
    position: absolute;
    left: 9px;
    top: 11px;
    z-index: 25;
  }
  /* ow */
  .bPubl.b630 #navi, .bPubl.b550 #navi, .bPubl.b470 #navi, .bPubl.b390 #navi {top:13px;}  
  
  .naviL1 {
    overflow: hidden;
    float: left;
    width: 142px;
    height: 55px;
    background: url(/pub/pic/light/navi-l.png) no-repeat;
    line-height: 200px;
  }
  .naviL1:hover {cursor: pointer;}
  /* overwrite */
  #naviL1Lic {background-position: 0 0;}
  #naviL1Cat {background-position: 0 -55px;}
  #naviL1For {background-position: 0 -110px;}
  #naviL1Lic.sel {background-position: -150px 0;}
  #naviL1Cat.sel {background-position: -150px -55px;}
  #naviL1For.sel {background-position: -150px -110px;}
  
  .naviL1Klapp {
    position: absolute;
    overflow: hidden;
    left: 1px;
    top: 55px;
    width: 931px;
    height: 380px;
    background: url(/pub/pic/navi-klapp-back.png) repeat-x;
  }
  .naviL1Klapp .outer {
    overflow: hidden;
    position: relative;
    width: 931px;
    height: 380px;
  }
  /* ow */
  .bLic .naviL1Klapp, .bLic .naviL1Klapp .outer {width:931px; height:394px;}
  .bPubl.b950 .naviL1Klapp, .bPubl.b950 .naviL1Klapp .outer {width:931px; height:394px;}
  .bPubl.b870 .naviL1Klapp, .bPubl.b870 .naviL1Klapp .outer {width:620px; height:349px;}
  .bPubl.b790 .naviL1Klapp, .bPubl.b790 .naviL1Klapp .outer {width:767px; height:304px;}
  .bPubl.b710 .naviL1Klapp, .bPubl.b710 .naviL1Klapp .outer {width:460px; height:259px;}
  .bPubl.b630 .naviL1Klapp, .bPubl.b630 .naviL1Klapp .outer {width:611px; height:214px;}
  .bPubl.b550 .naviL1Klapp, .bPubl.b550 .naviL1Klapp .outer {width:300px; height:226px;}
  .bPubl.b470 .naviL1Klapp, .bPubl.b470 .naviL1Klapp .outer {width:450px; height:207px;}
  .bPubl.b390 .naviL1Klapp, .bPubl.b390 .naviL1Klapp .outer {width:288px; height:217px;}
  .bBox.bPubl .naviL1Klapp, .bBox.bPubl .naviL1Klapp .outer {width:931px; height:350px;}

  .naviL1Klapp .inner {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1031px;
  }
  /* ow */
  .bPubl.b950 .naviL1Klapp .inner {width:1031px;}
  .bPubl.b870 .naviL1Klapp .inner {width:720px;}
  .bPubl.b790 .naviL1Klapp .inner {width:867px;}
  .bPubl.b710 .naviL1Klapp .inner {width:560px;}
  .bPubl.b630 .naviL1Klapp .inner {width:711px;}
  .bPubl.b550 .naviL1Klapp .inner {width:400px;}
  .bPubl.b470 .naviL1Klapp .inner {width:550px;}
  .bPubl.b390 .naviL1Klapp .inner {width:388px;}
  .bBox.bPubl .naviL1Klapp .inner {width:1031px;}
  
  .naviL1Klapp .ctrl {
    overflow: hidden;
    position: absolute;
    left: 407px;
    width: 123px;
    height: 16px;
    background: url(/pub/pic/navi-weitere.png) no-repeat;
  }
  /* ow */
  .bPubl.b950 .naviL1Klapp .ctrl {left:407px;}
  .bPubl.b870 .naviL1Klapp .ctrl {left:250px;}
  .bPubl.b790 .naviL1Klapp .ctrl {left:323px;}
  .bPubl.b710 .naviL1Klapp .ctrl {left:169px;}
  .bPubl.b630 .naviL1Klapp .ctrl {left:245px;}
  .bPubl.b550 .naviL1Klapp .ctrl {left:90px;}
  .bPubl.b470 .naviL1Klapp .ctrl {left:165px;}
  .bPubl.b390 .naviL1Klapp .ctrl {left:84px;}
  .bBox.bPubl .naviL1Klapp .ctrl {left:407px;}
  #naviL1CatKlapp .ctrl {left: 106px !important;}
  
  .naviL1Klapp .ctrl.prev {display: none; top: 0;}
  .naviL1Klapp .ctrl.next {display: none; bottom: 0;}
  .naviL1Klapp .ctrl.prev.act {display: block;}
  .naviL1Klapp .ctrl.next.act {display: block;}
  .naviL1Klapp .ctrl.act {cursor: pointer;}
  #naviL1LicKlapp .ctrl.prev {background-position: 0 0;}
  #naviL1CatKlapp .ctrl.prev {background-position: 0 -16px;}
  #naviL1ForKlapp .ctrl.prev {background-position: 0 -32px;}
  #naviL1LicKlapp .ctrl.next {background-position: 0 -48px;}
  #naviL1CatKlapp .ctrl.next {background-position: 0 -64px;}
  #naviL1ForKlapp .ctrl.next {background-position: 0 -80px;}
  #naviL1LicKlapp .ctrl.prev.act {background-position: -123px 0;}
  #naviL1CatKlapp .ctrl.prev.act {background-position: -123px -16px;}
  #naviL1ForKlapp .ctrl.prev.act {background-position: -123px -32px;}
  #naviL1LicKlapp .ctrl.next.act {background-position: -123px -48px;}
  #naviL1CatKlapp .ctrl.next.act {background-position: -123px -64px;}
  #naviL1ForKlapp .ctrl.next.act {background-position: -123px -80px;}
  .naviL1Klapp .itm {
    display: block;
    position: relative;
    float: left;
    width: 155px;
    height: 86px;
    border: 0 solid #d4d5d5;
    border-width: 0 1px 1px 0; 
    line-height: 86px;
  }
  /* ow */
  .bPubl.b950 .naviL1Klapp .itm {width:155px;}
  .bPubl.b870 .naviL1Klapp .itm {width:155px;}
  .bPubl.b790 .naviL1Klapp .itm {width:153px;}
  .bPubl.b710 .naviL1Klapp .itm {width:153px;}
  .bPubl.b630 .naviL1Klapp .itm {width:152px;}
  .bPubl.b550 .naviL1Klapp .itm {width:150px;}
  .bPubl.b470 .naviL1Klapp .itm {width:150px;}
  .bPubl.b390 .naviL1Klapp .itm {width:144px;}
  .bBox.bPubl .naviL1Klapp .itm {width:155px;}
  
  .naviL1Klapp .itm .itmLogo {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .naviL1Klapp .itm:hover {background-color: #d4d5d5;}
  .naviL1Klapp .itm a:hover {text-decoration: none;}
  .naviL1Klapp .itm a img {
    vertical-align: middle;
  }
  .naviL1Klapp .itmHover {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #d4d5d5;
    line-height: 13px;
  }
  .naviL1Klapp .itmHover .tit {
    display: block;
    margin: 7px 10px 5px 10px;
    font-weight: bold; 
  }
  .naviL1Klapp .itmHover .txt {
    display: block;
    margin: 5px 10px;
  }
  .naviL1Klapp .itm:hover .itmHover {
    display: block;
  }
  /* ow */
  #naviL1CatKlapp {width: 315px !important;}
  #naviL1CatKlapp .inner { padding: 18px 0;}
  #naviL1CatKlapp .itm {
    float: none;
    width: 257px;
    height: 30px;
    padding: 6px 0 7px 30px;
    margin: 0 0 0 13px;
    border-width: 0;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
  }
  #naviL1CatKlapp .itm:hover {
    background: url(/pub/pic/categories-hover.png) no-repeat;
    text-decoration: none;
  }
  #naviL1CatKlapp .itm .itmLogo {
    display: inline-block;
    width: 45px;
    height: 33px;
    margin: 0 21px 0 0;
  }
  
  /* SEARCH BOX */
  #searchBar {
    position: absolute;
    right: 302px;
    top: 27px;
    height: 35px;
    z-index: 26;
  }
  #frmSearch {
    overflow: hidden;
    position: relative;
    width: 160px;
    height: 35px;
  }
  #frmSearch .but {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 33px;
    height: 35px;
    background: url(/pub/pic/light/navi-search-button.png) no-repeat;
    cursor: pointer;
  }
  #frmSearch .txt {
    position: absolute;
    right: 0;
    top: 2px;
    width: 112px;
    height: 23px;
    padding: 3px 13px 3px 5px;
    background: url(/pub/pic/light/navi-search-input.png) right 0 no-repeat;
  }
  #frmSearch .txt:focus {height: 24px;}
  /* overwrite */
  .bLic #searchBar {right: 230px;} 
  .bDark #frmSearch .but {background-image: url(/pub/pic/dark/navi-search-button.png);}
  .bDark #frmSearch .txt {background-image: url(/pub/pic/dark/navi-search-input.png);}
  .bPubl.b950 #searchBar {right:230px;}
  .bPubl.b870 #searchBar {right:230px;}
  .bPubl.b790 #searchBar {right:151px;}
  .bPubl.b710 #searchBar {right:103px;}
  .bPubl.b630 #searchBar {right:112px; top:15px;}
  .bPubl.b550 #searchBar {right:73px; top:15px;}
  .bPubl.b470 #searchBar {right:3px; top:15px;}
  .bPubl.b390 #searchBar {right:3px; top:15px;}
  .bPubl.b470 #frmSearch {width: 140px;}
  .bPubl.b470 #frmSearch .txt {width: 92px;}
  .bPubl.b390 #frmSearch {width: 38px;}
  .bPubl.b390 #frmSearch .txt {width: 0px;}
  .bBox.bPubl #searchBar {right:230px;}
  
  /* VIDEO */
  #pageOuter {
    position: relative;
    width: 950px;
    padding: 15px 10px 0 10px;
    border: 1px solid #333333;
    background: #2e2d2d url(/pub/pic/dark/toolbar-back.png);
  }
  .bLight #pageOuter {
    border-color: #cccccc;
    background: #cccccc url(/pub/pic/light/toolbar-back.png);
  }
  .video {
    position: relative;
    width: 950px;
    height: 484px;
    margin: 7px 0 0 0;
    z-index: 15;
  }
  .bRTL .video {
    height: 549px;
  }
  
  .video .logo {
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 12px;
    width: 60px;
    height: 15px;
    background: url(/pub/pic/light/logo-snacktv-s.png) no-repeat;
  }
  .video .logo:hover {text-decoration: none;}
  /* ow */
  .bDark .video .logo {background-image: url(/pub/pic/dark/logo-snacktv-s.png);}
  .vidShare {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 950px;
    height: 25px;  
  }
  .vidShare .shareToggle {
    overflow: hidden;
    position: absolute;
    left: 12px;
    top: 2px;
    width: 107px;
    height: 20px;
    cursor: pointer;
  }
  .vidShare .shareBar {
    overflow: hidden;
    position: absolute;
    left: 4px;
    top: 1px;
    width: 828px;
    height: 22px;
    background: url(/pub/pic/share-bar.png) no-repeat;
  }
  .vidShare .shareBar div {
    overflow: hidden;
    position: absolute;
    top: 3px;
    height: 16px;
    cursor: pointer;
  }
  #shareEmail {left: 129px; width: 75px;}
  .vidShare .shareFlyout {
    overflow: hidden;
    position: absolute;
    left: 1px;
    top: 3px;
    width: 417px;
    height: 301px;
    background: url(/pub/pic/share-email-flyout.png) no-repeat;
  }
  #shareFlyoutClose {
    position: absolute;
    right: 18px;
    top: 30px;
    font-size: 10px;
    cursor: pointer;
  }
  #shareFlyoutClose:hover {text-decoration:underline;}
  #frmShareEmail {
    font-size: 10px;
  }
  #frmShareEmail label {
    position: absolute;
    left: 15px;
  }
  #frmShareEmail .txt {
    display: block;
    position: absolute;
    left: 171px;
  }
  #frmShareEmail input.txt, #frmShareEmail textarea {
    width: 225px;
    background: transparent;
  }
  #frmShareEmail .cap {
    position: absolute;
    left: 15px;
    top: 217px;
    width: 95px;
    height: 22px;
    border: 1px solid #c1c1c1;
    background: #ffffff no-repeat;
  }
  #frmShareEmail .but {
    position: absolute;
    right: 17px;
    bottom: 28px;
    width: 63px;
    height: 18px;
    background: url(/pub/pic/share-email-send.png) no-repeat;
    cursor: pointer;
  }
  #shareFlyoutMessage {
    position: absolute;
    left: 15px;
    bottom: 25px;
    width: 310px;
    color: #e76300;
    font-size: 12px;
    font-weight: bold;
  }
  .vidShare .shareLinks {
    position: absolute;
    left: 175px;
    top: 5px;
  }
  .vidShare .shareLinks a {
    margin: 0 95px 0 0;
    padding: 0 0 0 12px;
    background: url(/pub/pic/light/arr-hori.png) 0 3px no-repeat;
    font-size: 11px;
    color: #404040;
  }
  /* ow */
  .bDark .vidShare .shareLinks a {background-image: url(/pub/pic/dark/arr-hori.png); color: #ffffff;}
  
  .vidBack {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(/pub/pic/light/skinVid.png) no-repeat;
  }
  .bRTL .vidBack {
    background: url(/pub/pic/light/skinVidRTL.png) no-repeat;
  }
  .vidC {
    position: absolute;
    left: 10px;
    top: 66px;
    overflow: hidden;
  }
  .vidL {
    position: relative;
    float: left;
    width: 620px;
    height: 378px;
    overflow: hidden;
  }
  
  .bRTL .vidL {
    width: 930px;
    height: 420px;
  }
  .socialrtl {
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 100%;
    height:24px;
    overflow:hidden;
  }

  #vidRcmmnd {
    display: none;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 614px;
    height: 326px;
    background: url(/pub/pic/recommend-back.png) repeat-x;
  }
  #vidRcmmnd .rcmBut {
    overflow: hidden;
    position: absolute;
    left: 206px;
    top: 1px;
  }
  #vidRcmmnd .rcmBut div {
    float: left;
    background-color: white;
    width: 111px;
    height: 62px;
    background: url(/pub/pic/recommend-buttons.png) no-repeat;
    cursor: pointer;
  }
  #vidRcmmnd .rcmBut #butPlay {background-position: 0 -65px;}
  #vidRcmmnd .rcmItm {
    overflow: hidden;
    position: absolute;
    left: 11px;
    top: 93px;
  }
  #vidRcmmnd .rcmItm .itm {
    float: left;
    overflow: hidden;
    width: 574px;
    height: 104px;
    margin: 0 0 6px 0;
    background: url(/pub/pic/recommend-vidback.png) repeat-x;
  }
  #vidRcmmnd .rcmItm .itmL {
    clear: left;
    float: left;
    width: 10px;
    height: 104px;
    margin: 0 0 6px 0;
    background: url(/pub/pic/recommend-vidback.png) 0 -104px no-repeat;
  }
  #vidRcmmnd .rcmItm .itmR {
    float: left;
    width: 10px;
    height: 104px;
    margin: 0 0 6px 0;
    background: url(/pub/pic/recommend-vidback.png) 0 -208px no-repeat;
  }
  #vidRcmmnd .rcmItm .bild {
    position: relative;
    float: left;
    width: 138px;
    height: 74px;
    margin: 11px 0 0 0;
  }
  #vidRcmmnd .rcmItm .text {
    float: left;
    width: 400px;
    color: #ffffff;
    margin: 8px 0 0 20px;
  }
  #vidRcmmnd .rcmItm .text p {
    margin: 5px 0 0 0;
  }
  #vidRcmmnd .rcmItm .title {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
  }
  
  .vidR {
    position: relative;
    float: left;
    width: 310px;
    height: 378px;
  }
  .vidR .vidText {
    position: absolute;
    left: 0;
    bottom: 33px;
    width: 290px;
    margin: 0 5px;
    padding: 5px;
    color: #404040;
  }
  .vidR .vidText h1 {
    color: #404040;
  }
  .vidR .vidTextKlapp {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 290px;
    padding: 5px;
    background-color: #ffffff;
  }
  .vidR .vidText:hover .vidTextKlapp {display: block;}
  /* ow */
  .bDark .vidR .vidTextKlapp {
    background: #1a1a18 url(/pub/pic/dark/player-rel-hover-bg.png) repeat-x;
  }
  .vidR #facLike, .socialrtl #facLike {
    position: absolute;
    left: 9px;
    bottom: 3px;
    width: 100px;
    height: 21px;
  }
  .vidR #gpone, .socialrtl #gpone {
    position: absolute;
    left: 100px;
    bottom: 3px;
    width: 100px;
    height: 21px;
  }
  .vidR #embedButton {
    text-decoration: none;
    outline: none;
    display: block;
    position: absolute;
    left: 141px;
    bottom: 2px;
    width: 85px;
    height: 22px;
  }
  .vidR #embedButton:hover {
    text-decoration: none;
  }
  .bDark .vidR #embedButton {
    background: url(/pub/pic/dark/embed_button.png) no-repeat;
  }
  .bDark .vidR #embedButton:hover {
    background: url(/pub/pic/dark/embed_button_active.png) no-repeat;
  }
  .bLight .vidR #embedButton {
    background: url(/pub/pic/light/embed_button.png) no-repeat;
  }
  .bLight .vidR #embedButton:hover {
    background: url(/pub/pic/light/embed_button_active.png) no-repeat;
  }
  .vidR .itm {
    overflow: hidden;
    height: 66px;
    background: url(/pub/pic/video-rel-itm-back-xl.png) no-repeat;
  }
  .vidR .itmsep {
    overflow: hidden;
    height: 1px;
    background: url(/pub/pic/video-rel-itm-back-xl.png) no-repeat;
  }
  .vidR .bild {
    position: relative;
    float: left;
    width: 70px;
    height: 39px;
    margin: 10px 0 0 9px;
  }
  .vidR .text {
    float: left;
    width: 211px;
    color: #404040;
    margin: 8px 0 0 10px;
  }
  .vidR .title {
    display: inline-block;
    font-weight: bold;
  }
  /* overwrite */
  .bDark .vidBack {background-image: url(/pub/pic/dark/skinVid.png);}
  .bDark.bRTL .vidBack {background: url(/pub/pic/dark/skinVidRTL.png) no-repeat;}

  .bDark .vidR .vidText, .bDark .vidR .vidText h1 {color: #ffffff;}
  .bDark .vidR .text, .bDark .vidR .title {color: #ffffff;}
  
  /* The video replacement */
  .noExperience {
    width: 100%;
    height: 100%;
    background-color: #000000;
    color: #ffffff;
    font-size: 150%;
    text-align: center;
  }
  .noExperience p {
    padding-top: 179px;
  }
  
  /* THE BARS */
  
  .barPubl {
    overflow: hidden;
    top: 0;
    left: 0;
    width: 972px;
    height: 58px;
    background-color: #000000;
    z-index: 51;
  }
  .barPubl .center {
    height: 58px;
  }
  .barPubl .back {
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    padding: 0 0 0 10px;
    background: url(/pub/pic/dark/arr-hori.png) 0 -17px no-repeat;
    color: #ffffff;
    font-weight: bold;
  }
  .barPubl .logo {
    margin: 0 auto;
    color: #888888;
    font-size: 10px;
  }
  .barPubl .logo a {
    display: inline-block;
    margin: 0 12px 0 0;
  }
  .barPubl .logo:hover {text-decoration: none;}
  /* ow */
  .barPubl.barLight {background-color: #ffffff;}
  .barPubl.barLight .back {background-image: url(/pub/pic/light/arr-hori.png); color: #000000;}

  
  /* Tools */
  #barTool {
    overflow: hidden;
    position: relative;
    width: 970px;
    height: 40px;
    border: 0 solid #333333;
    border-width: 1px 1px 0 1px;
    background: #2e2d2d url(/pub/pic/dark/toolbar-back.png);
  }
  #barTool .toolUrl {
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 9px;
    width: 882px;
    height: 17px;
    padding: 3px 4px 0 31px;
    border: 0 solid #2e2d2d;
    border-width: 1px 1px 0 0;
    background: #6c6c6c url(/pub/pic/toolbar-logo.png) no-repeat 9px 6px;
    color: #afafaf;
    cursor: text;
  }
  #barTool .toolClose {
    overflow: hidden;
    position: absolute;
    right: 11px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(/pub/pic/lightbox-close.png) no-repeat 3px 3px;
    cursor: pointer;
  }
  /* ow */
  .bLight #barTool {
    border-color: #cccccc;
    background: #cccccc url(/pub/pic/light/toolbar-back.png);
  }
  .bLight #barTool .toolUrl {border-color: #888888; background-color: #dadada; color: #999999;}
  .bLight #barTool .toolClose {background-position: -17px 3px;}
  
  
  /* Footer in Publisher */
  .barFoot {
    overflow: hidden;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4px 0;
    color: #ffffff;
    z-index: 51;
  }
  .barFoot a {
    float: left;
    margin: 0 5px 0 5px;
    padding: 0 0 0 15px;
    color: inherit;
    font-size: 11px;
    font-weight: bold;
    background: url(/pub/pic/footer-arr.png) 0 2px no-repeat;    
  }
  
  .barFoot .eigwerb {
    float: left;
    margin: 0 5px 0 5px;
    padding: 0 0 0 5px;
    color: inherit;
    font-size: 11px;
  }

  .barFoot .eigwerb a {
    float: none;
  }
  
  .barFoot a.cms {
    display: block;
    float: right;
    background: transparent;    
    font-size: 10px;
    color: #888888;
  }
  
  .barFoot .std {
    display: block;
    float: right;
    margin: 0 7px 0 0;
    background: transparent;
  }
  
  .b390 .barFoot .std, .b390 .barFoot a, .b390 .eigwerb, 
  .b470 .barFoot .std, .b470 .barFoot a, .b470 .eigwerb, 
  .b550 .barFoot .std, .b550 .barFoot a, .b550 .eigwerb, 
  .b630 .barFoot .std, .b630 .barFoot a, .b630 .eigwerb
  {
    float: none;
  }
  
  .b390 .barFoot a.cms, 
  .b470 .barFoot a.cms, 
  .b550 .barFoot a.cms, 
  .b630 .barFoot a.cms
  {
    display: inline;
  }
  
  
  /* ow */
  .bLight .barFoot {color: #000000;}
  .bLight .barFoot a {background-position: 0 -18px;}
  .bPubl.b950 .barFoot {width:950px;}
  .bPubl.b870 .barFoot {width:870px;}
  .bPubl.b790 .barFoot {width:790px;}
  .bPubl.b710 .barFoot {width:710px;}
  .bPubl.b630 .barFoot {width:630px; text-align:center;}
  .bPubl.b550 .barFoot {width:550px; text-align:center;}
  .bPubl.b470 .barFoot {width:470px; text-align:center;}
  .bPubl.b390 .barFoot {width:390px; text-align:center;}  
  .bBox.bPubl .barFoot {width:950px;}
  
  /* Licenser */
  .barLcns {
    position: absolute;
    right: 13px;
    top: 15px;
    z-index: 50;
  }
    
  /* AUFMACHER */
  .aufmacher {
    position: relative;
    width: 950px;
    height: 481px;
  }
  /* ow */
  .bLic .aufmacher {margin: 7px 0 0 0; width: 950px; height: 550px;}
  .bPubl.b950 .aufmacher {width:950px; height:550px;}
  .bPubl.b870 .aufmacher {width:870px; height:505px;}
  .bPubl.b790 .aufmacher {width:790px; height:460px;}
  .bPubl.b710 .aufmacher {width:710px; height:415px;}
  .bPubl.b630 .aufmacher {width:630px; height:355px;}
  .bPubl.b550 .aufmacher {width:550px; height:367px;}
  .bPubl.b470 .aufmacher {width:470px; height:348px;}
  .bPubl.b390 .aufmacher {width:390px; height:358px;}
  .bBox.bPubl .aufmacher {width:950px; height:481px;}
  .bBox .aufmacher {margin: 7px 0 0 0;}
  
  .aufmacher .logo {
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 12px;
    width: 60px;
    height: 15px;
    background: url(/pub/pic/light/logo-snacktv-s.png) no-repeat;
  }
  .aufmacher .logo:hover {text-decoration: none;}
  /* ow */
  .bDark .aufmacher .logo {background-image: url(/pub/pic/dark/logo-snacktv-s.png);}
  
  .afmBack {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(/pub/pic/light/skinLic.png) no-repeat;
  }
  /* overwrite */
  .bVid.bLight .afmBack {background: url(/pub/pic/light/skinVid.png) no-repeat;}
  .bPubl.bLight.b950 .afmBack {background: url(/pub/pic/light/skin950.png) no-repeat;}
  .bPubl.bLight.b870 .afmBack {background: url(/pub/pic/light/skin870.png) no-repeat;}
  .bPubl.bLight.b790 .afmBack {background: url(/pub/pic/light/skin790.png) no-repeat;}
  .bPubl.bLight.b710 .afmBack {background: url(/pub/pic/light/skin710.png) no-repeat;}
  .bPubl.bLight.b630 .afmBack {background: url(/pub/pic/light/skin630.png) no-repeat;}
  .bPubl.bLight.b550 .afmBack {background: url(/pub/pic/light/skin550.png) no-repeat;}
  .bPubl.bLight.b470 .afmBack {background: url(/pub/pic/light/skin470.png) no-repeat;}
  .bPubl.bLight.b390 .afmBack {background: url(/pub/pic/light/skin390.png) no-repeat;}
  .bLic.bDark .afmBack {background: url(/pub/pic/dark/skinLic.png) no-repeat;}
  .bVid.bDark .afmBack {background: url(/pub/pic/dark/skinVid.png) no-repeat;}
  .bPubl.bDark.b950 .afmBack {background: url(/pub/pic/dark/skin950.png) no-repeat;}
  .bPubl.bDark.b870 .afmBack {background: url(/pub/pic/dark/skin870.png) no-repeat;}
  .bPubl.bDark.b790 .afmBack {background: url(/pub/pic/dark/skin790.png) no-repeat;}
  .bPubl.bDark.b710 .afmBack {background: url(/pub/pic/dark/skin710.png) no-repeat;}
  .bPubl.bDark.b630 .afmBack {background: url(/pub/pic/dark/skin630.png) no-repeat;}
  .bPubl.bDark.b550 .afmBack {background: url(/pub/pic/dark/skin550.png) no-repeat;}
  .bPubl.bDark.b470 .afmBack {background: url(/pub/pic/dark/skin470.png) no-repeat;}
  .bPubl.bDark.b390 .afmBack {background: url(/pub/pic/dark/skin390.png) no-repeat;}
  
  .bBox.bPubl.bLight .afmBack {background: url(/pub/pic/light/skin950.png) no-repeat;}
  .bBox.bPubl.bDark .afmBack {background: url(/pub/pic/dark/skin950.png) no-repeat;}
  
  .afmC {
    position: absolute;
    left: 10px;
    top: 66px;
    overflow: hidden;
  }
  /* ow */
  .bPubl.b630 .afmC, .bPubl.b550 .afmC, .bPubl.b470 .afmC, .bPubl.b390 .afmC {top:53px;}  
  .afmL {
    position: relative;
    float: left;
    width: 620px;
    height: 403px;
    overflow: hidden;
  }
  .afmL .itm {
    overflow: hidden;
    position: absolute;
  }
  .afmL .bild {
    position: relative;
    overflow: hidden;
    width: 620px;
    height: 349px;
  }
  .afmL .text {
    position: relative;
    height: 54px;
    width: 100%;
    color: #404040;
  }
  .afmL .textKlapp {
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 54px;
    background-color: #ffffff;
  }
  .afmL .text:hover .textKlapp {display: block;}
  /* ow */
  .bDark .afmL .textKlapp {
    background: #181715 url(/pub/pic/dark/aufm-hover-bg.png);
  }
  .afmL .title {
    display: inline-block;
    padding: 4px 0;
    color: #404040;
    font-size: 12px;
    font-weight: bold;
  }
  /* overwrite */
  .bLic .afmL {width:700px; height:448px;}
  .bLic .afmL .bild {width:700px; height:394px;}
  .bDark .afmL .text, .bDark .afmL .title {color: #ffffff;}
  .bPubl.b950 .afmL {width:700px; height:448px;}
  .bPubl.b870 .afmL {width:620px; height:403px;}
  .bPubl.b790 .afmL {width:540px; height:358px;}
  .bPubl.b710 .afmL {width:460px; height:313px;}
  .bPubl.b630 .afmL {width:380px; height:268px;}
  .bPubl.b550 .afmL {width:300px; height:280px;}
  .bPubl.b470 .afmL {width:368px; height:261px;}
  .bPubl.b390 .afmL {width:288px; height:271px;}
  .bPubl.b950 .afmL .bild {width:700px; height:394px;}
  .bPubl.b870 .afmL .bild {width:620px; height:349px;}
  .bPubl.b790 .afmL .bild {width:540px; height:304px;}
  .bPubl.b710 .afmL .bild {width:460px; height:259px;}
  .bPubl.b630 .afmL .bild {width:380px; height:214px;}
  .bPubl.b550 .afmL .bild {width:300px; height:226px;}
  .bPubl.b470 .afmL .bild {width:368px; height:207px;}
  .bPubl.b390 .afmL .bild {width:288px; height:217px;}
  .bBox.bPubl .afmL {width:620px; height:403px;}
  .bBox.bPubl .afmL .bild {width:620px; height:349px;}
  
  .afmR {
    position: relative;
    float: left;
    width: 236px;
    height: 378px;
  }
  .afmR .itm {
    overflow: hidden;
    height: 66px;
    background: url(/pub/pic/light/aufmacher-rel-itm-back-l.png) no-repeat;
  }
  /* ow */
  .bDark .afmR .itm {background-image: url(/pub/pic/dark/aufmacher-rel-itm-back-l.png);}
    
  .afmR .itm.sel {
    background-position: -240px 0; 
  }
  .afmR .itmsep {
    overflow: hidden;
    height: 1px;
    background: url(/pub/pic/light/aufmacher-rel-itm-back-l.png) no-repeat;
  }
  /* ow */
  .bDark .afmR .itmsep {background-image: url(/pub/pic/dark/aufmacher-rel-itm-back-l.png);}
  
  .afmR .bild {
    position: relative;
    float: left;
    width: 70px;
    height: 39px;
    margin: 10px 0 0 9px;
  }
  .afmR .text {
    float: left;
    width: 141px;
    color: #404040;
    margin: 8px 0 0 10px;
  }
  .afmR .title {
    display: inline-block;
    font-weight: bold;
  }
  .afmR .mehr {
    overflow: hidden;
    display: block;
    position: absolute;
    left: 81px;
    bottom: 10px;
    width: 96px;
    height: 16px;
    padding: 0 0 0 10px;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    background: url(/pub/pic/light/arr-hori.png) 0 3px no-repeat;
  }
  /* overwrite */
  .bDark .afmR .mehr {color: #ffffff;}
  .bDark .afmR .mehr {background-image: url(/pub/pic/dark/arr-hori.png);}
  .bDark .afmR .text, .bDark .afmR .title {color: #ffffff;}
  .bLic .afmR {height:448px;}
  /*
  .bLic .afmR {width: 310px;}
  .bLic .afmR .itm {background-image: url(/pub/pic/video-rel-itm-back-xl.png);}
  .bLic .afmR .itm.sel {background-position: -310px 0;}
  .bLic .afmR .itmsep {background-image: url(/pub/pic/video-rel-itm-back-xl.png);}
  .bLic .afmR .text {width: 211px;}
  */
  .bPubl.b950 .afmR {height:448px;}
  .bPubl.b870 .afmR {height:403px;}
  .bPubl.b790 .afmR {height:358px;}
  .bPubl.b710 .afmR {height:313px;}
  .bPubl.b630 .afmR {height:268px;}
  .bPubl.b550 .afmR {height:280px;}
  .bPubl.b470 .afmR {height:261px;}
  .bPubl.b390 .afmR {height:271px;}
  .bPubl.b470 .afmR, .bPubl.b390 .afmR {width:88px;}
  .bPubl.b470 .afmR .mehr, .bPubl.b390 .afmR .mehr {left:11px; width:51px;}
  .bPubl.b470 .afmR .text, .bPubl.b390 .afmR .text {display:none;}
  .bPubl.b470 .afmR .itm, .bPubl.b390 .afmR .itm {background-image: url(/pub/pic/light/aufmacher-rel-itm-back-s.png);}
  .bDark.bPubl.b470 .afmR .itm, .bDark.bPubl.b390 .bDark.afmR .itm {background-image: url(/pub/pic/dark/aufmacher-rel-itm-back-s.png);}
  .bPubl.b870 .afmR .itm, .bPubl.b550 .afmR .itm {height: 60px;}
  .bPubl.b790 .afmR .itm, .bPubl.b710 .afmR .itm {height: 64px;}
  .bPubl.b630 .afmR .itm, .bPubl.b470 .afmR .itm, .bPubl.b390 .afmR .itm {height: 58px;}
  .bPubl.b470 .afmR .itm.sel, .bPubl.b390 .afmR .itm.sel {background-position: -92px 0;}
  .bPubl.b790 .afmR .itm5 {display:none;}
  .bPubl.b710 .afmR .itm5, .bPubl.b710 .afmR .itm4 {display:none;}
  .bPubl.b630 .afmR .itm5, .bPubl.b630 .afmR .itm4 {display:none;}
  .bPubl.b550 .afmR .itm5, .bPubl.b550 .afmR .itm4 {display:none;}
  .bPubl.b470 .afmR .itm5, .bPubl.b470 .afmR .itm4 {display:none;}
  .bPubl.b390 .afmR .itm5, .bPubl.b390 .afmR .itm4 {display:none;}
  .bBox.bPubl .afmR {height:403px;}
  .bBox.bPubl .afmR .itm {height:60px;}
  
  /* CONTENT */
  #content {
    margin-top: 20px;
  }
  
  /* THE CONTAINERS */ 
  .con {
    width: 950px;
    margin: 0 0 20px 0;
  }
  .conT {
    height: 4px;
    overflow: hidden;
  }
  .conTL {height:4px; padding-left:16px; background: url(/pub/pic/light/con-tl.png) 0 0 no-repeat;}
  .conTR {height:4px; padding-right:16px; background: url(/pub/pic/light/con-tr.png) right 0 no-repeat;}
  .conTC {height:4px; background: url(/pub/pic/light/con-t.png) repeat-x;}
  .conB {
    height: 4px;
    overflow: hidden;
  }
  .conBL {height:4px; padding-left:16px; background: url(/pub/pic/light/con-bl.png) 0 0 no-repeat;}
  .conBR {height:4px; padding-right:16px; background: url(/pub/pic/light/con-br.png) right 0 no-repeat;}
  .conBC {height:4px; background: url(/pub/pic/light/con-b.png) repeat-x;}
  
  .conM {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .conML {position:absolute; left: 0; top: 0; width: 4px; height:100%;}
  .conMLT {width: 4px; height: 50%; background:url(/pub/pic/light/con-lt.png) 0 0 no-repeat;}
  .conMLB {width: 4px; height: 50%; background:url(/pub/pic/light/con-lb.png) 0 bottom no-repeat;}
  .conMR {position:absolute; right: 0; top: 0; width: 4px; height:100%;}
  .conMRT {width: 4px; height: 50%; background:url(/pub/pic/light/con-rt.png) 0 0 no-repeat;}
  .conMRB {width: 4px; height: 50%; background:url(/pub/pic/light/con-rb.png) 0 bottom no-repeat;}
  .conHd {
    overflow: hidden;
    position: relative;
    margin: 0 4px;
    background: url(/pub/pic/light/container-header-back.png) repeat-x;
  }
  .conFt {
    overflow: hidden;
    margin: 0 4px;
    background: url(/pub/pic/light/container-footer-back.png) repeat-x;
  }
  .conCt {
    position: relative;
    overflow: hidden;
    margin: 0 4px;
    background: url(/pub/pic/light/container-inner-back.png) repeat-x;
  }
  /* overwrite */
  .bDark .conTL {background-image: url(/pub/pic/dark/con-tl.png);}
  .bDark .conTR {background-image: url(/pub/pic/dark/con-tr.png);}
  .bDark .conTC {background-image: url(/pub/pic/dark/con-t.png);}
  .bDark .conBL {background-image: url(/pub/pic/dark/con-bl.png);}
  .bDark .conBR {background-image: url(/pub/pic/dark/con-br.png);}
  .bDark .conBC {background-image: url(/pub/pic/dark/con-b.png);}
  .bDark .conMLT {background-image: url(/pub/pic/dark/con-lt.png);}
  .bDark .conMLB {background-image: url(/pub/pic/dark/con-lb.png);}
  .bDark .conMRT {background-image: url(/pub/pic/dark/con-rt.png);}
  .bDark .conMRB {background-image: url(/pub/pic/dark/con-rb.png);}
  .bDark .conHd {background-image: url(/pub/pic/dark/container-header-back.png);}
  .bDark .conFt {background-image: url(/pub/pic/dark/container-footer-back.png);}
  .bDark .conCt {background-image: url(/pub/pic/dark/container-inner-back.png);}
  .bWidget .con {width: 300px;}
  .bPubl.b950 .con {width: 950px;}
  .bPubl.b870 .con {width: 870px;}
  .bPubl.b790 .con {width: 790px;}
  .bPubl.b710 .con {width: 710px;}
  .bPubl.b630 .con {width: 630px;}
  .bPubl.b550 .con {width: 550px;}
  .bPubl.b470 .con {width: 470px;}
  .bPubl.b390 .con {width: 390px;}
  .bBox.bPubl .con {width: 950px;}
  
  /* CONTAINER Videos, weitere */
  .conVidMore .conHd {
    height: 37px;
  }
  .conVidMore .conCt {
    height: 167px;
  }
  .conVidMore .conFt {
    height: 27px;
  }
  .conVidMore .conCtItm {
    position: absolute;
    width: 100%;
  }
  .conVidMore .inner .itm {
    overflow: hidden;
    float: left;
    width: 138px;
    height: 138px;
    margin: 16px 5px 13px 5px;
    position: relative;
  }
  .conVidMore .lic {
    margin: 0 0 6px 0;
    font-size: 10px;
    color: #757575;
  }
  .conVidMore .bild {
    position: relative;
    width: 138px;
    height: 78px;
    margin: 0 0 7px 0;
  }
  .conVidMore .text {
    width: 141px;
    color: #757575;
  }
  .conVidMore .title {
    display: inline-block;
    color: #404040;
    font-weight: bold;
    margin: 0 0 2px 0;
  }
  .conVidMore .mehrL {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 10px;
    top: 11px;
    height: 16px;
    padding: 0 0 0 10px;
    color: #404040;
    font-size: 11px;
    font-weight: bold;
    background: url(/pub/pic/light/arr-hori.png) 0 3px no-repeat;
  }
  .conVidMore .mehrS {
    visibility: hidden;
    display: block;
    position: absolute;
    right: 10px;
    top: 11px;
    height: 16px;
    color: #404040;
    font-size: 16px;
    font-weight: bold;
  }
  .conVidMore .mehrS:hover {text-decoration: none;}
  .conVidMore .outer {
    position: relative;
    overflow: hidden;
    width: 888px;
    height: 167px;
    margin: 0 auto;
  }
  .conVidMore .outerinner {
    position: absolute;
    width: 100%;
  }
  .conVidMore .innerouter {
    position: relative;
  }
  .conVidMore .inner {
    position: absolute;
    height: 167px;
  }
  
  .conVidMore .itm .itmKlappText {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("/pub/pic/light/container-inner-back.png");
    color: #ffffff;
    height: 35px;
    width: 138px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity = 0);
  }

    
  .bDark .conVidMore .itm .itmKlappText {
    background-image: url("/pub/pic/dark/container-inner-back.png");
    color: #000000;
  }
  
  .conVidMore .itm .itmKlappText a.title,
  .conVidMore .itm .itmKlappText a {
    color: #000000;
  }
  
  .conVidMore .itm .itmKlappText a:hover {
    text-decoration: none;
  }
  
  .conVidMore .itm .itmKlappText a.title:hover {
    text-decoration: underline;
  }
  
  .bDark .conVidMore .itm .itmKlappText a.title,
  .bDark .conVidMore .itm .itmKlappText a {
    color: #ffffff;
  }
  
  .conVidMore .itm .itmKlappText a p.time {
    color: #757575;
  }
  
  /* overwrite */
  .bPubl.b950 .conVidMore .outer {width: 888px;}
  .bPubl.b870 .conVidMore .outer {width: 740px;}
  .bPubl.b790 .conVidMore .outer {width: 740px;}
  .bPubl.b710 .conVidMore .outer {width: 592px;}
  .bPubl.b630 .conVidMore .outer {width: 592px;}
  .bPubl.b550 .conVidMore .outer {width: 444px;}
  .bPubl.b470 .conVidMore .outer {width: 444px;}
  .bPubl.b390 .conVidMore .outer {width: 296px;}
  .bDark .conVidMore .title {color: #ffffff;}
  .bDark .conVidMore .lic {color: #ffffff;}
  .bDark .conVidMore .mehrL {color: #ffffff; background-image: url(/pub/pic/dark/arr-hori.png);}
  .bDark .conVidMore .mehrS {color: #ffffff;}
  .bPubl.b470 .conVidMore .mehrL, .bPubl.b390 .conVidMore .mehrL {visibility: hidden;}
  .bPubl.b470 .conVidMore .mehrS, .bPubl.b390 .conVidMore .mehrS {visibility: visible;}
  
  /* CONTAINER Suche */
  .conSearch .conFt {
    height: 27px;
  }
  .conSearch .inner .itm {
    overflow: hidden;
    height: 96px;
    padding: 16px 15px 0 15px;
  }
  .conSearch .lic {
    margin: 0 0 6px 0;
    font-size: 10px;
    color: #757575;
  }
  .conSearch .bild {
    position: relative;
    float: left;
    width: 138px;
    height: 78px;
    margin: 0 0 7px 0;
  }
  .conSearch .wrap {
    float: left;
    margin-left: 15px;
    width: 740px;
    color: #757575;
  }
  .conSearch .tit {
    display: inline-block;
    color: #404040;
    font-weight: bold;
    margin: 0 0 2px 0;
  }
  .conSearch .txt {
    overflow: hidden;
    height: 30px;
  }
  .conSearch .vid {
    margin: 0 0 0 20px;
    color: #000000;
  }
  .conSearch .outer {
    position: relative;
    overflow: hidden;
    height: 560px;
  }
  .conSearch .inner {
    position: absolute;
    width: 100%;
    height: auto;
  }
  /* overwrite */
  .bPubl.b870 .conSearch .wrap {width: 660px;}
  .bPubl.b790 .conSearch .wrap {width: 580px;}
  .bPubl.b710 .conSearch .wrap {width: 500px;}
  .bPubl.b630 .conSearch .wrap {width: 420px;}
  .bPubl.b550 .conSearch .wrap {width: 340px;}
  .bPubl.b470 .conSearch .wrap {width: 260px;}
  .bPubl.b390 .conSearch .wrap {width: 180px;}
  .conSearch .conMLB {height: 100%;}
  .conSearch .conMRB {height: 100%;}
  .bDark .conSearch .tit {color: #ffffff;}
  .bDark .conSearch .lic {color: #ffffff;}
  
  
  /* Footer in Lightbox */
  .conFoot {
    margin: 0 0 10px 0;
  }
  .conFoot .conFt {
    overflow: hidden;
    padding: 4px 0;
    color: #ffffff;
    z-index: 51;
  }
  .conFoot .conFt a {
    float: left;
    margin: 0 5px 0 5px;
    padding: 0 0 0 15px;
    color: inherit;
    font-size: 11px;
    font-weight: bold;
    background: url(/pub/pic/footer-arr.png) 0 2px no-repeat;    
  }
  
  .conFoot .conFt .eigwerb {
    float: left;
    margin: 0 5px 0 5px;
    padding: 0 0 0 5px;
    color: inherit;
    font-size: 11px;
  }

  .conFoot .conFt .eigwerb a {
    float: none;
  }
  
  
  .conFoot .conFt a.cms {
    display: block;
    float: right;
    margin: 0 7px 0 0;
    background: transparent;
    font-size: 10px;
    color: #888888;
  }
  
  .conFoot .conFt .std {
    display: block;
    float: right;
    margin: 0 7px 0 0;
    background: transparent;
  }
  
  /* ow */
  .bLight .conFoot .conFt {color: #000000;}
  .bLight .conFoot .conFt a {background-position: 0 -18px;}
    
  
  /* TABS NAVI */
  .naviTabs {
    overflow: hidden;
    margin: 5px 0 0 9px;
  }
  .naviTabs .itm {
    overflow: hidden;
    float: left;
    width: 133px;
    height: 29px;
    background: url(/pub/pic/light/navi-con-vidmore-l.png) no-repeat;
    line-height: 200px;
    cursor: pointer;
  }
  .naviTabs .itm.sel {cursor:default;}
  .naviTabs .itmVTipp {background-position: 0 0;}
  .naviTabs .itmVBest {background-position: 0 -30px;}
  .naviTabs .itmVNeue {background-position: 0 -60px;}
  .naviTabs .itmVTipp.sel {background-position: -150px 0;}
  .naviTabs .itmVBest.sel {background-position: -150px -30px;}
  .naviTabs .itmVNeue.sel {background-position: -150px -60px;}
  /* overwrite */
  .bDark .naviTabs .itm {background-image: url(/pub/pic/dark/navi-con-vidmore-l.png);}
  .bPubl.b390 .naviTabs .itm {width: 108px;}
  .bDark.bPubl.b390 .naviTabs .itm {background-image: url(/pub/pic/dark/navi-con-vidmore-s.png);}
  .bLight.bPubl.b390 .naviTabs .itm {background-image: url(/pub/pic/light/navi-con-vidmore-s.png);}
  
  
  /* PAGING NAVI */
  /* DOTTED */
  .naviPagingDot {
    overflow: hidden;
    margin: 6px auto 0 auto;
  }
  .naviPagingDot .ctrl {
    overflow: hidden;
    float: left;
    width: 16px;
    height: 16px;
    background: url(/pub/pic/light/navi-paging.png) no-repeat;
  }
  .naviPagingDot .ctrl.sel {background-position: -20px 0;}
  .naviPagingDot .ctrl.prev {background-position: 0 -20px;}
  .naviPagingDot .ctrl.next {background-position: 0 -40px;}
  .naviPagingDot .ctrl.prev.act {background-position: -20px -20px;}
  .naviPagingDot .ctrl.next.act {background-position: -20px -40px;}
  .naviPagingDot .ctrl.act {cursor: pointer;}
  /* overwrite */
  .bDark .naviPagingDot .ctrl {background-image: url(/pub/pic/dark/navi-paging.png);}
  /* NUMBERED */
  .naviPagingNum {
    overflow: hidden;
    margin: 6px auto 0 auto;
  }
  .naviPagingNum .ctrl {
    overflow: hidden;
    float: left;
    width: 16px;
    height: 16px;
    color: #404040;
    text-align: center;
  }
  .naviPagingNum .ctrl.sel {font-weight: bold;}
  .naviPagingNum .ctrl.prev {background: url(/pub/pic/light/navi-paging.png) 0 -20px no-repeat;}
  .naviPagingNum .ctrl.next {background: url(/pub/pic/light/navi-paging.png) 0 -40px no-repeat;}
  .naviPagingNum .ctrl.prev.act {background-position: -20px -20px;}
  .naviPagingNum .ctrl.next.act {background-position: -20px -40px;}
  .naviPagingNum .ctrl.act {cursor: pointer;}
  /* overwrite */
  .bDark .naviPagingNum .ctrl {color: #ffffff;}
  .bDark .naviPagingNum .ctrl.prev {background-image: url(/pub/pic/dark/navi-paging.png);}
  .bDark .naviPagingNum .ctrl.next {background-image: url(/pub/pic/dark/navi-paging.png);}

  /* SEARCH PAGE */
  .bSearch .aufmacher {height:auto !important;}
  .bSearch .afmBack {
    height: 79px !important;
  }
  #searchCtrl {
    position: relative;
    height: 81px;
    margin: 0 12px;
    z-index: 20;
  }
  #searchCtrl .sep {
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 31px;
    width: 100%;
    height: 1px;
  }
  #searchCtrl .sep .l {
    
    float: left;
    background: url(/pub/pic/searchctrl-sep-l.png) 0 0 no-repeat;
    width: 50%;
    height: 1px;
  }
  #searchCtrl .sep .r {
    float: right;
    background: url(/pub/pic/searchctrl-sep-r.png) right 0 no-repeat;
    width: 50%;
    height: 1px;
  }
  
  #filters {
    position: absolute;
    right: 0;
    top: 10px;
  }
  #filters .desc {
    padding: 2px 0 0 0;
    float: left;
    font-size: 11px;
  }
  #filters .filter {
    position: relative;
    float: left;
    padding: 2px 8px 5px 5px;
    font-size: 11px;
  }
  #filters .opener {
    padding: 0 12px 0 0;
    background: url(/pub/pic/light/arr-vert.png) right 4px no-repeat;
    font-weight: bold;
    cursor: pointer;
  }
  #filters .opener.open {
    background-position: right -16px;
  }
  #filters a {
    display: block;
    white-space: nowrap;
  }
  #filters .filterKlapp {
    visibility: hidden;
    position: absolute;
    left: -15px;
    top: 22px;
    background-color: rgba(251,251,251,0.9);
  }
  .bDark #filters .filterKlapp {background-color: rgba(72,71,72,0.9);}
  #filters .filterKlapp .fkOuter {
    overflow: hidden;
    position: relative;
    height: 100%;
    margin: 20px 15px;
    z-index: 50;
  }
  #filters .filterKlapp .fkInner {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
  }
  #filters .filterKlapp .fkInner a {
  }
  #filters .filterKlapp .fkInner a:hover {
    color: #e76300;
    text-decoration: none;
  }
  #filters .filterKlapp .ctrl {
    overflow: hidden;
    position: absolute;
    width: 45px;
    height: 15px;
    left: 50%;
    padding: 1px 0 0 25px;
    margin: 0 0 0 -35px;
    background: #cfcfcf url(/pub/pic/light/arr-vert.png) no-repeat 8px -14px;
    font-size: 10px;
  }
  .bDark #filters .filterKlapp .ctrl {background: #515151 url(/pub/pic/dark/arr-vert.png) no-repeat 8px -14px;}
  #filters .filterKlapp .ctrl.prev {display:none; top: 0;}
  #filters .filterKlapp .ctrl.next {display:none; bottom: 0; background-position: 8px 6px;}
  #filters .filterKlapp .ctrl.act {cursor: pointer;}  
  #filters .filterKlapp .ctrl.prev.act {display:block; background-color: #e76300;}
  #filters .filterKlapp .ctrl.next.act {display:block; background-color: #e76300;}
  
  .result {
    position: absolute;
    left: 0;
    top: 50px;
    color: #404040;
    font-size: 12px;
    font-weight: bold;
  }
  #resultCount, #resultTotal {color: #000000;}
  /* overwrite */
  .bDark .result {color: #d3d3d3;}
  .bDark #resultCount, .bDark #resultTotal {color: #ffffff;}
  .bDark #filters, .bDark #filters a {color: #ffffff;}
  .bDark #filters .opener {background-image: url(/pub/pic/dark/arr-vert.png);}
  .bSearch.b630 .afmBack, .bSearch.b550 .afmBack, .bSearch.b470 .afmBack, .bSearch.b390 .afmBack {height: 64px !important;}  
  
  
  /* overwrite */
  /* naviL1*/
  .bDark .naviL1 {background-image: url(/pub/pic/dark/navi-l.png);}
  .bPubl.b630 .naviL1Klapp, .bPubl.b550 .naviL1Klapp, .bPubl.b470 .naviL1Klapp, .bPubl.b390 .naviL1Klapp {top:40px;}
  .bPubl.bLight.b630 .naviL1, .bPubl.bLight.b550 .naviL1, .bPubl.bLight.b470 .naviL1, .bPubl.bLight.b390 .naviL1 {
    width: 100px;
    height: 35px;
    background-image:url(/pub/pic/light/navi-s.png);
  }
  .bPubl.bDark.b630 .naviL1, .bPubl.bDark.b550 .naviL1, .bPubl.bDark.b470 .naviL1, .bPubl.bDark.b390 .naviL1 {
    width: 100px;
    height: 35px;
    background-image:url(/pub/pic/dark/navi-s.png);
  }

  /* WIDGETS */
  .conWidget {
    overflow: hidden;
  }
  .conWidget .conCt {
    color: #404040;
  }
  .conWidget .cat {
    float: left;
    padding: 6px 0 0 6px;
    color: inherit;
  }
  .conWidget .logo {
    float: right;
    width: 48px;
    height: 12px;
    margin: 6px 6px 0 0;
    background: url(/pub/pic/light/logo-snacktv-xs.png) no-repeat;
    text-decoration: none;
  }
  /* ow */
  .bDark .conWidget .logo {background: url(/pub/pic/dark/logo-snacktv-sw-xs.png) no-repeat;}
    
  .conWidget .widT {
    clear: both;
    position: relative;
    overflow: hidden;
    height: 220px;
  }
  .conWidget .widT .itm {
    position: absolute;
  }
  .conWidget .widT .bild {
    position: relative;
    width: 280px;
    height: 158px;
  }
  .conWidget .widR .bild {
    position: relative;
    width: 70px;
    height: 40px;
  }
  .conWidget .widT .wrap {
    color: inherit;
    margin: 8px 0 0 0;
  }
  .conWidget a {
    color: inherit;
  }
  .conWidget .widT .tit {
    display: inline-block;
    margin: 4px 0;
    font-size: 14px;
    font-weight: bold;
  }
  .conWidget .lic {
    margin: 0 0 6px 0;
    color: inherit;
    font-size: 10px;
  }
  /* ow */
  .bDark .conWidget .conCt {color: #ffffff;}
  /*.bLight .conWidget .conCt {background: #f9f8f8;}*/
  /* A */
  .conWidgetA .conCt {
    height: 242px;
  }
  .conWidgetA .widT {
    padding: 6px 6px 16px 6px;
  }
  /* B */
  .conWidgetB .conCt {
    height: 342px;
  }
  .conWidgetB .widT {
    padding: 6px 6px 10px 6px;
  }
  .conWidgetB .widT .txt {
    height: 28px;
  }
  .conWidgetB .widR {
    padding: 0 6px 16px 6px;
    overflow: hidden;
    height: 80px;
  }
  .conWidgetB .widR .itm {
    float: left;
    width: 70px;
    height: 68px; 
    padding: 6px 11px 0 11px;
    background: url(/pub/pic/light/widget-rel-itm-back-s.png) no-repeat;
  }
  /* ow */
  .bDark .conWidgetB .widR .itm {background-image: url(/pub/pic/dark/widget-rel-itm-back-s.png);}
  .conWidgetB .widR .itm.sel {
    background-position: -92px 0; 
  }
  
  /* C */
  .conWidgetC .conCt {
    height: 562px;
  }
  .conWidgetC .widT {
    padding: 6px 6px 10px 6px;
  }
  .conWidgetC .widT .txt {
    height: 28px;
  }
  .conWidgetC .widR { 
    padding: 0 0 16px 0;
  }
  .conWidgetC .widR .bild {
    float: left;
  }
  .conWidgetC .widR .wrap {
    float: left;
    width: 200px;
    margin: 0 0 0 10px;
  }
  .conWidgetC .widR .tit {
    font-weight: bold;
  }
  .conWidgetC .widR .txt {
    height: 28px;
  }
  .conWidgetC .widR .itm {
    clear: both;
    overflow: hidden;
    height: 68px; 
    padding: 6px 6px 0 6px;
    background: url(/pub/pic/light/widget-rel-itm-back-l.png) no-repeat;
  }
  /* ow */
  .bDark .conWidgetC .widR .itm {background-image: url(/pub/pic/dark/widget-rel-itm-back-l.png);}
  .conWidgetC .widR .itm.sel {
    background-position: -300px 0; 
  }
  
  /* DEBUG */
  #debug {
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 20px;
    background-color: #eeeeee;
    border: 2px solid #666666;
    border-width: 1px 3px 3px 1px;
    z-index: 999;
  }
  #frmDebug {
    width: 200px;
  }
  #frmDebug .toggle {
    display: block;
    padding: 3px;
    font-weight: bold;
    cursor: pointer;
  }
  #frmDebug .toggle:hover {
    background-color: #bbbbbb;
    text-decoration: underline;
  }
  #debug .box {
    border: 1px solid #999999;
    padding: 3px 3px 3px 20px;
    margin: 3px;
  }
  
} /* END MEDIA ALL */

@media print {

  body {background: transparent !important;}
  * body {height: auto;}
  
} /* END MEDIA PRINT */