body,p,h1,h2,h3,h4,form,figure {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%; /* this really fixes the ios font size problem on orientation change */
  overflow-y: scroll;
  font: normal 15px 'Saira', Arial ,sans-serif;
  color:#000000;
}
body {
  -webkit-text-size-adjust: 100%; /* this really fixes the ios font size problem on orientation change */
  background-color: #0b1124;
}
.spxcib .tx,
.artDia .page .tit,
#diaContent .item .text,
.newsCt .itm .tsrTxtLnk .txt,
.newsCt .itm .tsrTop .tsrDate,
.srchRslt .tsrTxtLnk .txt {
  font-family: 'Open Sans', Arial, sans-serif;
}


.vmiddle {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.pgCenterP { /* centering the page parent */
  display: block;
  width: 980px; /* 1280px;*/
  margin: 0 auto;
}
.pgCenterC { /* centering the page child */
  display: block;
  width: 980px;
}


img {
  border-width: 0;
}
input, select {
  font: normal 12px 'Open Sans', Arial ,sans-serif;
}
div.clear {
  clear: both;
}

/* FETT ALLGEMEINES */
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.teasD {
  color: inherit !important;
  cursor: pointer; /*IE7*/
}    
a.teasD:hover {
  text-decoration: none;
}
/* DIE MEHR-LINKS */ /* allgemein */
.mehr {
  background: url(/pub/pic/right-18-artikelbox.svg) no-repeat right bottom;
  padding-left: 17px;
  text-decoration: none;
}
a:hover .mehr {display: inline-block; text-decoration: none;}
a.area { position: absolute; top:0; left:0; width:100%; height:100%;}

.loadbig {
  width: 100%;
  height: 100%;
  background: url(/pub/pic/loading-l.gif) no-repeat center center;
}
.loadfail {
  display: none;
  margin: 51px 0 0 0;
  padding: 18px 100px;
  font-size: 12px;
}
.loadfail b {
  text-transform: uppercase;
}

.cntcomments {
  display:none;
  float: left;
}
a.cntcomments:hover {
  text-decoration: none;
}
.cntcomments span {
  display: block;
  width: 35px;
  height: 23px;
  padding: 0;
  margin: 0 10px 0 0;
  text-align: center;
  color: #ae0816;
  font-size: 12px;
  font-weight: bold;
  background: url(/pub/pic/comments-bladder.png) no-repeat;
}

.txinpic .cntcomments {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
}

.txinpic .cntcomments span {
  width: 31px;
  height: 26px;
  padding: 10px 10px 0 0;
  color: #ffffff;
  background: url(/pub/pic/icon-comments.svg) no-repeat center center;
}


/* STOERER IN IMG */
.med, .conX .bild {
  position: relative;
}
.stoerer {
  position: absolute;
  top: 3px;
  right: 3px;
}
.stoerer.stoererVidL.s {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
}
.stoerer.stoererVidL.xs {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
}
.stoerer.stoererDiaL.s {
  background: url(/pub/pic/icons/bildteaser-ov-dia.svg) no-repeat;
  background-size: cover;  
  width: 35px;
  height: 35px;
}
.stoerer.stoererTdTL.s {
  background: url(/pub/pic/icons/bildteaser-ov-rudb.svg) no-repeat;
  background-size: cover;  
  width: 40px;
  height: 35px;
}
.stoerer.stoererArtVid.s {
  background: url(/pub/pic/icons/bildteaser-ov-with-vid.svg) no-repeat;
  background-size: cover;  
  width: 35px;
  height: 35px;
}


.stoerer.m {
  top: 10px;
  right: 10px;
}
.stoerer.stoererVidL.m {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 41px;
  height: 41px;
}
.stoerer.stoererDiaL.m {
  background: url(/pub/pic/icons/bildteaser-ov-dia.svg) no-repeat;
  background-size: cover;  
  width: 41px;
  height: 41px;
}
.stoerer.stoererTdTL.m {
  background: url(/pub/pic/icons/bildteaser-ov-rudb.svg) no-repeat;
  background-size: cover;  
  width: 57px;
  height: 50px;
}
.stoerer.stoererArtVidL.m {
  background: url(/pub/pic/icons/bildteaser-ov-with-vid.svg) no-repeat;
  background-size: cover;  
  width: 41px;
  height: 41px;
}
.stoerer.l {
  top: 20px;
  right: 20px;
}
.afm16 .stoerer.l {
  right: 165px;
}

.stoerer.stoererVidL.l {
  background: url(/pub/pic/icons/bildteaser-ov-vid.svg) no-repeat;
  background-size: cover;
  width: 82px;
  height: 82px;
}
.stoerer.stoererDiaL.l {
  background: url(/pub/pic/icons/bildteaser-ov-dia.svg) no-repeat;
  background-size: cover;  
  width: 82px;
  height: 82px;
}
.stoerer.stoererTdTL.l {
  background: url(/pub/pic/icons/bildteaser-ov-rudb.svg) no-repeat;
  background-size: cover;  
  width: 115px;
  height: 105px;
}
.stoerer.stoererArtVidL.l {
  background: url(/pub/pic/icons/bildteaser-ov-with-vid.svg) no-repeat;
  background-size: cover;  
  width: 82px;
  height: 82px;
}

#afm16 .cntcomments, #afm .cntcomments {
  position: absolute;
  top: 18px;
  left: 12px;
}
body.hiti h1 {
  position: absolute;
  font-size: 0.0625rem;
  text-indent: -1000px;
}


/* speziell */
.bHome #afm .afmText p .mehr {
  background-image: url(/pub/pic/mehr-ffffff.gif);
}
#login .mehr {
  background: url(/pub/pic/left-18-white.svg) no-repeat;
}
.conRtr .mehr {
  background-image: url(/pub/pic/mehr-4e4e4e.gif);
}

.conTTBildGG .mehr, 
.conTTBildG  .mehr, 
.conTTBildK  .mehr, 
.conTTDoppel .mehr,
.conLartC    .mehr,
.conLart     .mehr,
.newsCt     a.mehr,
.srchRslt   a.mehr
{
    background: none;
}

.conTTBildGG .mehr::before, 
.conTTBildG  .mehr::before, 
.conTTBildK  .mehr::before, 
.conTTDoppel .mehr::before,
.conLartC    .mehr::before,
.conLart    .mehr::before,
.newsCt     a.mehr::before,
.srchRslt   a.mehr::before
{
  content: "mehr...";
  font-weight: normal;
  display: inline-block;
  margin-left: -6px;
}

.bHome .homeCentered {
  margin: 15px auto;
}

/* AUFMACHER */
#afm {
  position: relative;
  width: 940px;
  z-index: 9;
}
#afmRelUser {
  position: absolute;
  right: 3px;
  bottom: 10px;
}
#afmRel {
  position: relative;
  width: 200px;
  color: #000000;
  font-size: 90%;
}
#afmRel .afmItm {
  position: absolute;
  display: inline;
  left: 0;
  top: -29px;
  padding-top: 1px;
}
#afmRel .afmItm .afmItmHead {
  height: 19px;
  width: 190px;
  padding-left: 10px;
  padding-top: 4px;
  background-color: #ffffff;
  cursor: pointer;
}
#afmRel .afmItm .afmItmBody {
  overflow: hidden;
  width: 180px;
  padding: 5px 10px;
  background-color: #000000;
  visibility: hidden;
}
#afmRel .afmItm .bild {
  float: left;
  margin: 7px 5px 5px 0;
  border: 1px solid #7f7f7f;
}
#afmRel .afmItm .afmItmHead p {
  padding-left: 13px;
  background: url(/pub/pic/link-000000.gif) no-repeat left;
}
#afmRel .afmItm .afmItmBody p {
  margin: 9px 0;
}
#afmRel .afmItm .afmItmBody a {
  color: #ffffff;
}
#afmUser {
  width: 200px;
  color: #9293a6;
  font-size: 80%;
}
#afmUser div {
  padding: 4px 8px;
  height: 15px;
}
#afmUser p {
  display: inline;
}
#afmUser a {
  color: #cbcbd3;
  margin-left: 4px;
}
#afmRelR .bild {
  border: 1px solid #a90716;
}
#afmRelU .bild {
  float: left;
  margin: 1px 5px 1px 1px;
  border: 1px solid #ffffff;
}
#afmRelU .afmRelItm .text {
  padding-top: 2px;
  font-size: 90%;
}
#afmRelU .afmRelItm .textob {
  padding-top: 2px;
  font-size: 90%;
}

/* HOME */
.bHome #afm {color: #ffffff;}
.bHome .afmText {position: absolute;}
.bHome .afmText .rubrik {
  float: left;
  display: inline;
  margin-left: 13px;
  top: 0;
  padding: 1px 10px;
  background-color: #ae0816;
  font-size: 90%;
  font-weight: bold;
}
.bHome .afmText h1 {
  float: left;
  display: inline;
  padding: 5px 10px;
  margin-left: 0;
  background-color: #000000;  
  font-size: 175%;
  font-weight: bold;
}
.bHome .afmText h1 a {
  color: #ffffff;
}
.bHome .afmText .text {
  float: left;
  display: inline;
  padding: 3px 5px;
  margin-left: 21px;
  background-color: #000000;
}
.bHome .afmText .text a {
  color: #ffffff;
  text-decoration: underline;
}
.bHome .afmText .text a.mehr {
  text-decoration: none;
}
.bHome .afmText br {
  clear: both;
}

/* Themen des Tages */
.bHome .content1 .conLinks.dailyTopics {
  width: 514px;
  padding-left: 0;
  background-color: #000000;  
}
.bHome .content1 .conLinks.dailyTopics .hdrTxt {
  margin: 5px 0 5px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.bHome .content1 .conLinks.dailyTopics .hdrImgDefault {
  width: 502px;
  height: 29px;
  margin: 0 0 0 7px;
  background: url("/pub/pic/themen-des-tages-headline.png") no-repeat left;
}
.bHome .content1 .conLinks.dailyTopics .itm {
  margin: 0 5px 0 5px;
  background: #252525;
}
.bHome .content1 .conLinks.dailyTopics .itm .altDot {
  width: 7px;
  display: inline-block;
  margin: 0 5px 0 0;
  background: url("/pub/pic/themen-des-tages-dot.png") no-repeat left; 
}
.bHome .content1 .conLinks.dailyTopics .itm.fst {
  height: 18px;
  padding: 8px 0 0 8px;
}
.bHome .content1 .conLinks.dailyTopics .itm.inr {
  height: 18px;
  border-top: 1px solid #535353;
  padding: 3px 0 0 8px;
}
.bHome .content1 .conLinks.dailyTopics .itm.lst {
  height: 23px;
  border-top: 1px solid #535353;
  padding: 3px 0 0 8px;
  margin-bottom: 5px;
}
.bHome .content1 .conLinks.dailyTopics .itm  a {
  color: #ffffff !important;
}
.bHome .content1 .conLinks.dailyTopics .itm  a strong {
  color: #8e8e8e;
}
.bHome .content1 .conLinks.dailyTopics .itm  a .mehr {
  background: url("/pub/pic/mehr-ffffff.gif") no-repeat scroll right center transparent;
  padding-left: 9px;
  text-decoration: none;
}
/* in afm */
.topicsCon .conLinks.dailyTopics {
  padding: 0 0 17px 0;
  width: 300px;
  background-color: #252525;
}
.topicsCon .conLinks.dailyTopics .hdrTxt {
  margin: 5px 0 5px 7px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.topicsCon .conLinks.dailyTopics .hdrImgDefault {
  width: 293px;
  height: 29px;
  margin: 0 0 0 7px;
  background: url(/pub/pic/themen-des-tages-headline.png) no-repeat;
}
.topicsCon .conLinks.dailyTopics .itm {
  overflow: hidden;
  width: 268px;
  height: 25px;
  margin: 0 5px; 
  padding: 1px 7px 0 15px;
  border-bottom: 1px dotted #535353;
  background: #252525 url(/pub/pic/themen-des-tages-dot.png) no-repeat 0 10px; 
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topicsCon .conLinks.dailyTopics .itm .altDot {display: none;}
.topicsCon .conLinks.dailyTopics .itm a {color: #ffffff !important;}
.topicsCon .conLinks.dailyTopics .itm a strong {font-weight: normal;}
.topicsCon .conLinks.dailyTopics .itm a .mehr {background-image: url("/pub/pic/mehr-ffffff.gif");}

/* CHANNEL */
.bChan #afm {
  color: #000000;
  width: 620px;
  height: 359px;
  margin: 10px 0 20px 0;
}
.bChan #afm .pic img {
  width: 100%;
  height: 100%;
}
.bChan .afmRightCol {
  margin-left: 30px;
  float: left;
  overflow: hidden;
}
#spxCt.pgCenterC {
  padding: 0 5px;
  width: 970px;
  border-top: 1px solid transparent;
}
#spxCt {
  background-color: #ffffff;
}

/* CONTENT */
#content {
  position: relative;
  width: 970px;
}
#content .content12 {
  clear: both;
  margin-left: 15px;
  width: 940px;
  background-color: #ffffff;
}
#content .content1 {
  clear: both;
  overflow: hidden;
  float: left;
  background-color: #ffffff;
}
#content .content2 {
  float: left;
  background-color: #ffffff;
}
#content>.content1 {margin-left: 15px}
#content .content12 .maxwidth {
  width: 970px;
  margin-left: -15px;
  box-sizing: border-box;
}

/* HOME */
.bHome .content1 {width: 620px; padding: 10px 15px 30px 0;}
.bHome .content2 {width: 300px; padding: 10px  0   30px 0;}

/* Videos */
.bVid .content1 {width: 620px; padding: 10px   0    0   0;}
.bVid .content2 {width: 300px; padding: 10px   0    0   0;}

/* CHANNEL */
.bChan .content1 {width: 620px; padding: 0   15px 30px 0;}
.bChan .content2 {width: 300px; padding: 0    0   30px 0;}
.bChan #content > .content2 {margin-top: 10px;}

/* ARTIKEL */
.bArt .content1 {width: 620px; padding:  0   15px 30px 0;}
.bArt .content2 {width: 300px; padding: 10px  0   30px 0;}

/* DAYTICKER */
.bTick .content1 {width: 620px; padding:  0   15px 30px 0;}
.bTick .content2 {width: 300px; padding: 10px  0   30px 0;}

/* DIASHOW */
.bDia .content12 {
  margin-bottom: 30px;
}
.bDia .content1 {width: 620px; padding:  0   15px 30px 0;}
.bDia .content2 {width: 300px; padding: 10px  0   30px 0;}
.bDia .sepCont {background:none !important;}

.bLiveTick #content {position: relative;}
.bLiveTick #content .content1 {width: 940px; float: none; margin: 0 auto;}

/* SUCHE */
.bSuch .content1 {width: 620px; padding: 10px 15px 30px 0;}
.bSuch .content2 {width: 300px; padding: 10px  0   30px 0;}

/* DATA */
.bData .content1 {width: 620px; padding: 10px 15px 30px 0;}
.bData .content2 {width: 300px; padding: 10px  0   30px 0;}

/* News */
.bNews .content1 {width: 620px; padding: 0   15px 30px 0;}
.bNews .content2 {width: 300px; padding: 5px  0   30px 0;}

/* Aufmacher Above */
#afmAbove {
  background-color: #000000; 
}

/* die TrennPunkte */
#afm .trennPunkt,.sucErg .trennPunkt,.thmbx .trennPunkt {
  clear: both;
  padding-top: 1px;
  background: url(/pub/pic/trennpunktG.gif) repeat-x;
  margin: 8px 9px;
}
#afm .trennPunkt,.sucErg .trennPunkt {
  margin: 0;
}

/* container */
.conX {
  overflow: hidden;
  width: 940px;
  margin-bottom: 20px;
}
.conX .c1 {
  float: left;
  width: 300px;
  padding: 0 15px 0 0;
}
.conX .c2 {
  float: left;
  width: 300px;
}
/* ow */
.content1 .conX {width: 620px;}
.content2 .conX {width: 300px;}
.content1 .conX .c1 {width: 300px;}

.conMdm {width:510px; padding-left:4px;}
.bHome .conMdm {margin-left: auto; margin-right: auto; padding: 0;}

.bArt .content12 .conX {width: auto;}

/* Gruppierung */
.conGrp .conX {margin-bottom: 0 !important;} /*nested*/
.conGrp {
  margin: 23px 0 30px 0;
  background-color: #ffffff;
}
.grpTop {
  position: relative;
  margin: 0 0 20px 0;
}
.grpTop.distb {
  margin-bottom: 10px;
}
.conGrp .content2 {
  margin: 0 0 0 15px;
  padding: 0 !important;
}
.grpTop h2 {
  color: #0b1124;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
}
.grpTop .sep {
  height: 0;
  border-bottom: 2px solid #5cc8ff;
}
.conGrp .grpSep {
  margin: 15px 0 20px 0;
  height: 1px;
  background-color: #b5b5b5;
}
.bHome .conGrp {overflow: hidden;}
.bChan .conGrp .grpLnk {display: block; margin: 0;}
.bHome #content .conGrp .content1 {padding: 0;}
.bChan #content .conGrp .content1 {float: none; padding: 0;}
.bHome .conGrp .grpSep {
  background-color: transparent;
}


/* Suche */
.sucErg {
  border: 1px solid #ae0816;
  border-width: 2px 0 0 0;
  margin-top: 20px;
}
.sucErg .rubrik {
  height: 15px;
  background-color: #373737;
  color: #ffffff;
  font-size: 80%;
}
.sucErg .rubrik p {
  margin: 0 9px;
  padding-top: 1px;
  text-transform: uppercase;
}

/* und jetzt speziell */
.content1 .conRtr {padding-left:4px;width:510px;}

.conRtr .rtrTabhead {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 15px;
  background-color: #ffffff;
}
.content2 .conRtr .rtrTabhead {height:22px;}
.conRtr .rtrTabheaditem {
  width: 149px;
  height: 100%;
  background: url(/pub/pic/tab.gif) repeat-x 0 0;
  font-weight: bold;
  text-indent:8px;
  cursor: pointer;
  color: #000000 !important;
}
.conRtr .rtrTabheaditemC {text-indent:0; text-align:center;}
.content1 .conRtr .rtrTabheaditem {padding-top:1px; font-size:90%;}
.content2 .conRtr .rtrTabheaditem {padding-top:4px; background-image: url(/pub/pic/tab-r.gif); font-size:90%;}
.conRtr .rtrTabsel {
  background-position: 0 -15px;
  color: #ffffff !important;
  font-size: 100% !important;
}
.content2 .conRtr .rtrTabsel {background-position: 0 -22px; font-size: 90% !important; }
.conRtr .rtrTabbody {
  overflow: hidden;
  position: relative;
  width: 508px;
  border: 1px solid #ae0816;
  border-width: 3px 1px 1px 1px;
  background: #ffffff url(/pub/pic/back-tab.gif) 0 -20px repeat-x;
}
.content2 .conRtr .rtrTabbody {width:298px; border-width:2px 1px 1px 1px;}
.conRtr .rtrTabbodyitem {
  width: 100%;
}
.conRtr .rtrVisH {
  position: absolute;
  top: 0;
  visibility: hidden;
}
.conRtr .rtrDisN {
  display: none;
}
.conRtr .rtrSC {
  display: inline;
  float: left;
  width: 482px;
  margin: 2px 5px 0 5px;
}
.content2 .conRtr .rtrSC {width:272px;}
.conRtr .rtrSCI {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.conRtr .rtrSB {
  display: inline;
  float: left;
  width: 15px;
  padding-top: 2px;
}
.conRtr .rtrSBUp, .conRtr .rtrSBDn {
  overflow: hidden;
  width: 15px;
  height: 15px;
  background: url(/pub/pic/sbar.png) no-repeat -15px 0;
  cursor: pointer;
}
.conRtr .rtrSBDn {background-position:-15px -15px;}
.conRtr .rtrSBUp:hover {background-position:-30px 0;}
.conRtr .rtrSBDn:hover {background-position:-30px -15px;}
.conRtr .rtrSBUpMD {background-position:-45px 0 !important;}
.conRtr .rtrSBDnMD {background-position:-45px -15px !important;}
.conRtr .rtrSBBck {
  position: relative;
  width: 15px;
  background: url(/pub/pic/sbar.png) repeat-y;
}
.conRtr .rtrSBDrg {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 15px;
  height: 23px;
  background: url(/pub/pic/sbar.png) no-repeat -15px -30px;
  cursor: pointer;
}
.conRtr .rtrSBDrg:hover {background-position: -30px -30px;}
.conRtr .rtrSBDrgMD {background-position: -45px -30px !important;}
.conRtr .conX {margin-bottom: 0;} /*nested*/
.content2 .conRtr .medlnk {margin-bottom: 0;}
.conRtr .rtrFoo {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 0 20px 0 5px;
  height: 21px;
  background: #ffffff url(/pub/pic/back-tab.gif) 0 0 repeat-x;
  text-align: right;
}
.conRtr .rtrFoo .pres {
  position: absolute;
  top: 3px;
  left: 5px;
}
.conRtr .rtrFoo span {
  font-size: 90%;
  color: #ad0410;
}
.conRtr .rtrFoo a {
  color:#ad0410 !important;
}
.content1 .rtrFoo .fooSep, .content2 .rtrFoo .fooSep {
  overflow: hidden;
  height: 3px;
  border-top: 1px solid #ad0410;
}
.rtrLinks {
  overflow: hidden;
  margin: 5px 7px;
  color: #000000;
}
.rtrLinks div {
  overflow: hidden;
  clear: both;
  padding: 6px 0;
  font-size: 90%;
  background: url(/pub/pic/trennpunktG2.gif) repeat-x 0 bottom;
}
* html .rtrLinks div {overflow: visible; height: 1%;}
.rtrLinks .rubrik {
  font-weight: bold;
}
.rtrLinks a.txt {
  float: left;
  width: 445px;
  color: #000000;
}
.rtrSnip h2 {padding:6px 0 7px 12px; color:#4d4d4d; font-size:15px;}

/* Breaking News */
#conBreaking {
  margin: 5px 0;
  border: 2px solid #a81017;
  border-width: 2px 0;
  padding: 5px 3px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 15px;
}
#conBreaking .lab {
  background-color: #a81017;
  color: #ffffff;
  font-weight: bold;
  padding: 0px 6px;
  margin-right:5px;
  float: left;
}
#conBreaking .tx {
  overflow: hidden;
}
#conBreaking .ct i {
  font-style: normal;  
  padding: 0 15px;
}
#conBreaking .ct {
  white-space: nowrap;
}

/* Live Tweet (common) */
.conTweet {
  position: relative;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
}
.conTweet .twtTitle {
  color: #A90816;
  font-size: 24px;
}
.conTweet .twtHash {
  color: #A90816;
  font-size: 12px;
}
.conTweet .twtRfrsh {
  width: 95px;
  height: 22px; 
  background: url(/pub/pic/tweet-refresh.png) no-repeat;
  cursor: pointer;
}
.conTweet .twtRfrshDis {
  opacity: .33;
  -moz-opacity: .33;
  filter: alpha(opacity=33);
  cursor: default;
}
.conTweet .twtRslt {
  overflow: hidden;
  background-color: #ffffff;
}
.conTweet .twtSC {
  display: inline;
  float: left;
}
.conTweet .twtSCI {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height from style */
}
.conTweet .twtCnt {overflow: hidden;}
.conTweet .twtSB {
  display: inline;
  float: left;
  width: 15px;
}
.conTweet .twtSBUp, .conTweet .twtSBDn {
  overflow: hidden;
  width: 15px;
  height: 15px;
  background: url(/pub/pic/sbar.png) no-repeat -15px 0;
  cursor: pointer;
}
.conTweet .twtSBDn {background-position:-15px -15px;}
.conTweet .twtSBUp:hover {background-position:-30px 0;}
.conTweet .twtSBDn:hover {background-position:-30px -15px;}
.conTweet .twtSBUpMD {background-position:-45px 0 !important;}
.conTweet .twtSBDnMD {background-position:-45px -15px !important;}
.conTweet .twtSBBck {
  position: relative;
  width: 15px;
  /* height from style */
  background: url(/pub/pic/sbar.png) repeat-y;
}
.conTweet .twtSBDrg {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 15px;
  height: 23px;
  background: url(/pub/pic/sbar.png) no-repeat -15px -30px;
  cursor: pointer;
}
.conTweet .twtSBDrg:hover {background-position: -30px -30px;}
.conTweet .twtSBDrgMD {background-position: -45px -30px !important;}
.twtItm {
  overflow: hidden;
  padding: 4px 0 0 0;
  font-size: 12px;
  background: url(/pub/pic/trennpunkt-cccccc.gif) repeat-x 0 0;
}
.twtItmFrst {
  background: transparent; /*no trenn*/
}
.twtItm img {
  float: left;
}
.twtItm .txt a {
  color: #a70615;
}
.twtItm .tim {
  color: #999999
}

/* Live Tweet (centered) */
.content1 .conTweet,
.artCmp .conTweet { /* or-selector due to old content1/2 structure still present. */
  width:  688px;  /* : article+twitterbox, 589px; : rund um den Ball */  
  background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 50%, #ffffff 90%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);   
}
.content1 .conTweet .twtTitle,
.artCmp .conTweet .twtTitle {
  display: inline-block;
  margin: 4px 0 0 14px;
}
.content1 .conTweet .twtRfrsh,
.artCmp .conTweet .twtRfrsh {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 74px;
}
.content1 .conTweet .twtLogo,
.artCmp .conTweet .twtLogo {
  position: absolute;
  top: 0;
  right: 20px;
  width: 36px;
  height: 36px;
  background: url(/pub/pic/bp/twitter-bird-light-bgs-36x36.png) no-repeat;
}
.content1 .conTweet .twtHash,
.artCmp .conTweet .twtHash {
  position: absolute;
  top: 10px;
  right: 55px;
}
.content1 .conTweet .twtRslt,
.artCmp .conTweet .twtRslt {
  margin: 14px 24px 5px 12px;
  padding: 5px 0;
  border: 1px solid #b5b5b5;
}
.content1 .conTweet .twtSC,
.artCmp .conTweet .twtSC {
  width: 612px;  /* : article+twitterbox, 513px; : rund um den Ball */
  margin: 0 10px;
}
.content1 .twtItm,
.artCmp .twtItm {
  height: 50px;
}
.content1 .twtItm img,
.artCmp .twtItm img {
  width: 43px;
  height: 43px;
  margin: 2px 10px 0 0;
}

/* Live Tweet (right column or group component) */
.content2 .conTweet {
  width: 298px;
  margin: 0 0 20px 0;
  background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 50%, #ffffff 90%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); /*IE6-9*/   
}
.content2 .conTweet .twtTitle {
  display: inline-block;
  margin: 4px 0 0 14px;
}
.content2 .conTweet .twtRfrsh {
  display: block;
  margin: 4px 0 0 14px;
}
.content2 .conTweet .twtLogo {
  position: absolute;
  top: 0;
  right: 20px;
  width: 36px;
  height: 36px;
  background: url(/pub/pic/bp/twitter-bird-light-bgs-36x36.png) no-repeat;
}
.content2 .conTweet .twtHash {
  position: absolute;
  top: 38px;
  right: 28px;
}
.content2 .conTweet .twtRslt {
  margin: 10px 11px 13px 13px;
  padding: 5px 0;
}
.content2 .conTweet .twtSC {
  width: 234px;
  margin: 0 10px;
}
.content2 .twtItm {
  height: 86px;
}
.content2 .twtItm img{
  display: none;
}
.content2 .twtItm .txt{
  float: left;    
  width: 229px;
  margin: 2px 0 2px 0;
}


/* TTs */
.content1 .conTTDoppel,.content1 .conTTBildGG,.content1 .conTTBildG,.content1 .conTTBildK,
.content12 .conTTDoppel,.content12 .conTTBildGG,.content12 .conTTBildG,.content12 .conTTBildK {
  width: 620px;
}
.conTTDoppel .bild img, .conTTBildGG .bild img, .conTTBildG .bild img, .conTTBildK .bild img {
  border: 1px solid transparent;
}
.conTTDoppel .bild img, .conTTBildG .bild img {
  width: 298px !important;
  height: 171px !important;
}

.conTTBildGG .bild img {
  width: 613px !important;
  height: 227px !important;
}

.conTTDoppel .bild {margin-bottom: 5px;}
.conTTBildGG .bild {margin-bottom: 5px;}

.content1 .conTTDoppel .ts,
.content1 .conTTBildGG {
  margin-top: -5px;
}

.conTTDoppel .date {
  font-size: 11px;
  color: #848484;
  margin-bottom: 5px;
}
.bHome .conTTDoppel .date {
  display: none;
}
.conTTDoppel .topline {
  min-height : 26px;
  color: #a81017;
}

.conTTDoppel h2 {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: normal;
}
.conTTDoppel .text {
  font-size: 15px;
  line-height: 20px;
}

.conTTDoppel .snp {overflow: hidden;}
.conTTDoppel .snp h2 {padding:6px 0 7px 12px; color:#4d4d4d; font-size:15px;}

.conTTBildGG .topline {
  min-height : 26px;
  color: #a81017;
}

.conTTBildGG h2 {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: normal;
}
.conTTBildGG .text, .conTTBildGG .text p {
  font-size: 15px;
  line-height: 20px;
}

.conTTBildG {
  padding: 0 0 5px 0;
}
.conTTBildG .c1 {padding: 0 10px 0 0;}
.conTTBildG .c2 {width: 305px;}
.conTTBildG .date {
  font-size: 11px;
  color: #848484;
  margin-bottom: 5px;
}

.conTTBildG .topline {
  min-height : 26px;
  color: #a81017;
}

.conTTBildG h2 {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: normal;
}
.conTTBildG .text {
  font-size: 15px;
  line-height: 20px;
}

.conTTBildK .topline {
  color: #a81017;
  min-height : 26px;
}

.conTTBildK h2 {
  font-size: 22px;
}

.conTTBildK .text {
  line-height: 20px;
}
.conTTBildK .bild {
  float: left;
  margin: 5px 10px 5px 0;
}

.bHome .dateR, .bHome .date {
  display:none;
}

/* links of snippets */
.snp .links {
  overflow: hidden;
  /*padding: 8px 9px 5px 0;*/
  text-align: right;
}

.snp .links a {
  display: inline-block;
  padding: 0 12px 0 0;
  margin: 0 0 0 15px;
  font-size: 11px;
  text-transform: uppercase;
}
.snp .links a:hover {
  text-decoration: underline;
}

/* SNIP */
.conSnip h2 {
  padding: 5px 0 0 16px;
  height: 27px;
  background: url(/pub/pic/back-afm.gif) repeat-x;
  color:#4d4d4d;
  font-size:130%;
}
.conSnip center {
  padding-left:4px;
  width:510px;
}

/* GSM data snippet */
.gsmdata {
  font-family: 'Saira', Arial ,sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 23px;
}
.gsmdata td.result .score.extd {
  line-height: 15px; 
}
.gsmdata td.result .score.extd .fs {
  margin-top: 3px;
}
.gsmdata td.result .score.extd .etps {
  margin-bottom: 3px;
}
.gsmdata.small {
   font-size: 11px;
}
div.gsmdata {
  width: 298px;
  overflow: hidden;
}
.gsmdata table {      
  margin: 0 10px 0 10px;
}
.gsmdata td {
  padding: 0;
  white-space: normal;
}
.gsmdata td.team {
  width: 93px;
}
.gsmdata td.teamNi {  /* no icons */
  width: 109px;    
}
.gsmdata td img {
  margin-top: 2px;
  width: 16px;
  height: 16px;
}  
.gsmdata td.teamA {
  padding: 0 5px 0 0;    
  text-align: right;
}
.gsmdata td.result {    
  width: 50px;
  text-align: center;
  font-weight: bold;
}
.gsmdata td.teamB {    
  padding: 0 0 0 5px;
}
.gsmdata tr.inner td,
.gsmdata tr.last td {
  border-top: 1px solid #b5b5b5;
}
.gsmdata tr.inner.newgrp td,
.gsmdata tr.last.newgrp td {
  border-top: 1px solid #b5b5b5;
}

/* MULTI REITER */
.conMultiReit {
  position: relative;
  margin: 0 0 43px 0; /* 43 cuz of .rtrBd top 23 */
}
.conMultiReit .rtrHd {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  white-space: nowrap;
}
.conMultiReit .rtrHd .rtr {
  display: inline-block;
  padding: 2px 10px 0 10px;
  height: 21px;
  margin: 0 5px 0 0;
  border: 1px solid #b5b5b5;
  border-width: 1px 1px 0 1px;
  background-color: #d2d2d2;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.conMultiReit .rtrHd .rtr.sel, .conMultiReit.einReit .rtrHd .rtr {
  background: #ffffff;
  filter: none;
  cursor: default;
}
.conMultiReit.einReit .rtrHd {
  width: 100%;
}
.conMultiReit.einReit .rtrHd .rtr {
  display: block;
  margin: 0;
  padding: 10px 34px;
  font-size: 15px;
  font-weight: bold;
  color: #0032af;
  line-height: 20px;
  height: auto;
}
.conMultiReit .rtrBd {
  overflow: hidden;
  position: relative;
  top: 23px;
  border: 1px solid #b5b5b5;
  z-index: 8;
}

.conMultiReit .rtrBd .rtr.rtrSnip h2 { font-size: 22px; padding: 6px 0 7px 12px; font-weight: normal; }
.conMultiReit .rtrBd .rtr.rtrSnip .nav {margin-bottom: 24px};

/* Topthema Doppel overrides for GSM data snippet; there seems to be another fixed height snippet we don't want to interfere with */
.content1 .conTTDoppel .snp.gsm {
  background-color: #ffffff; 
}
.content1 .conTTDoppel .snp .conMultiReit .links {
  padding: 0;
}
.content1 .conTTDoppel .snp .conMultiReit .links a {
  text-transform: none; 
}

.conMultiReit.einReit .rtrBd {
  margin: 0;
  border-width: 0 1px 1px 1px;
}
.conMultiReit .rtrBd .rtr {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  display:none;
  left: 0;
  top: 0;
}

.conMultiReit .rtrBd .rtr.sel {
  visibility: visible;
  display: block;
  position: relative;
}

.conMultiReit .rtrBd .rtr .outer {
  overflow: hidden;
  position: relative;
  margin: 10px 5px 0 5px;  
}
.conMultiReit .rtrBd .rtr .nav {
  margin: 5px 0 50px 0;
}
.conMultiReit .rtrBd .rtr .inner {
  position: relative;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.arrnav .ctrl {
  width: 30px;
  height: 20px;
  background: url(/pub/pic/left-24-grey.svg) no-repeat center center;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.arrnav .ctrl.next {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrnav .ctrl.act {cursor: pointer; background-image: url(/pub/pic/left-24-blue-0032af.svg);}


.conMultiReit .rtrBd .rtr .ctrl {
  position: absolute;
}
.conMultiReit .rtrBd .rtr .ctrl.next {right: 5px;}
.conMultiReit .rtrBd .rtr .ctrl.prev {left: 5px;}
.conMultiReit .rtrBd .rtr .bulls {
  position: absolute;
  left: 50%;
  margin: 0 auto;
  white-space: nowrap;
}
.conMultiReit .rtrBd .rtr .bull {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 10px;
  border: 1px solid #fb3500;
  cursor: pointer;
}
.conMultiReit .rtrBd .rtr .bull.sel {background-color: #fb3500; cursor: default;}
.conMultiReit .rtrBd .rtr .links {
  overflow: hidden;
  position: absolute;
  right: 10px;
  bottom: 2px;
}
.conMultiReit .rtrBd .rtr .links a {
  display: inline-block;
  margin: 0 0 0 15px;
  font-weight: bold;
  font-size: 12px;
}
.conMultiReit .rtrBd .rtr .page {
  overflow: hidden;
  display: inline-block;
  width: 928px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

.conMultiReit .rtrBd .rtr .page:last-child {
  margin: 0;
}
.conMultiReit .rtrBd .rtr .itm {
  overflow: hidden;
  clear: both;
  padding: 5px;
  margin: 10px 0 0 0;
  white-space: normal;
}

.conMultiReit .rtrBd .rtr .itm:first-child {margin: 0;}
.conMultiReit .rtrBd .rtr.rtrMed .itm {
  border: 1px solid #b5b5b5;
}
.conMultiReit .rtrBd .rtr .med img {
  border: 1px solid #b5b5b5;
}
.conMultiReit .rtrBd .rtr .tit {
}
.conMultiReit .rtrBd .rtr a:hover .txt {
  text-decoration: none !important;
}

.conMultiReit .rtrBd .rtr .page.news .itm .time {
  float:left;
  font-weight: bold;
}
.conMultiReit .rtrBd .rtr .page.news .itm .tit {
  margin-left: 45px;
}
.conMultiReit .rtrBd .rtr .page.news .itm {
  margin:3px 0 0;
  padding: 0 5px;
}


/* OW */
/* content col */
.conMultiReit.con1 .rtrBd .nav {margin: 0 0 45px 0;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .outer {margin: 19px 34px 0 34px;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .page {width: 830px; height: 120px;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .itm {
  display: inline-block;
  width: 118px;
  height: 108px;
  margin: 0 0 0 10px;
  vertical-align: top;
}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .itm:first-child {margin: 0;}
.conMultiReit.con1 .rtrBd .rtr.rtrMed .itm .wrap {font-size: 11px;}
.conMultiReit.con1 .rtrBd .rtr .ctrl {top: 70px;}
.conMultiReit.con1 .rtrBd .rtr .bulls {top: 148px;}

/* home content col */
.conMultiReit.con12 {margin: 15px 0 43px 0;}
.conMultiReit.con12 .rtrBd .nav {margin: 0 0 45px 0;}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .outer {margin: 19px 34px 0 34px;}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .page {width: 870px; height: 120px}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .itm {
  display: inline-block;
  width: 118px;
  height: 108px;
  margin: 0 0 0 18px;
  vertical-align: top;
}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .itm:first-child {margin: 0;}
.conMultiReit.con12 .rtrBd .rtr.rtrMed .itm .wrap {font-size: 11px;}
.conMultiReit.con12 .rtrBd .rtr .ctrl {top: 70px;}
.conMultiReit.con12 .rtrBd .rtr .bulls {top: 148px;}


/* right col */
.conMultiReit.con2 .rtrBd .rtr .page {width: 288px;}
.conMultiReit.con2 .rtrBd .rtr.rtrMed .itm {height: 69px;}
.conMultiReit.con2 .rtrBd .rtr.rtrMed .itm .med {float: left;}
.conMultiReit.con2 .rtrBd .rtr.rtrMed .itm .wrap {margin: 0 0 0 128px;}
.conMultiReit.con2 .rtrBd .rtr .ctrl {bottom: 24px;}
.conMultiReit.con2 .rtrBd .rtr .bulls {bottom: 23px;}  

/* new home */
.conMultiReit.hm {margin-bottom: 23px;}
.conMultiReit.hm .rtrBd .rtr .page {width: 459px;}
.conMultiReit.hm .rtrBd .rtr .nav {margin-bottom: 25px;}
.conMultiReit.hm .rtrBd .rtr .links a {font-size: 15px;}

.artCmp .conMultiReit { 
  width: 300px;
  font-family: 'Saira', Arial ,sans-serif; 
}
.artCmp .conMultiReit a { 
  color: #000000;
  font-weight: normal;
}



/* Definition Multireiter for Golf- and Tennis-Snippets */
.rtrSnip .spxbeticon {
  display:block;
  position: absolute;
  right: 0;
  margin: -21px 0 0 0;
  width: 19px;
  height: 19px;
}
.rtrSnip .spxbeticon.tp {
  background: url(/pub/pic/icons/icon-tipico.png);
}
.rtrSnip .spxbeticon.sw {
  background: url(/pub/pic/icons/icon-rivalo.jpg);
  background-size: cover;
}
.rtrSnip .spxbeticon.bs {
  background: url(/pub/pic/icons/icon-betsson.png) no-repeat center center;
  width:14px;
}
.rtrSnip .spxbeticon.leve {
  background: url(/pub/pic/icons/icon-leovegas.png) no-repeat center center;
  width: 20px;
  height: 20px;
}
.rtrSnip .spxbeticon.bwa {
  background: url(/pub/pic/icons/icon-bwin.png) no-repeat center center;
}

.rtrSnip .spxbeticon.hd {
  display: none;
}
.rtrSnip .spxbeticon.tp.sel {
  background-position: 0 -19px;  
}
#spxbeticonscontent {
  position: absolute;
  width: 256px;
  height: 90px;
  display: none;
  z-index: 500;
}
#spxbeticonscontent .ct {
  height: 90px;
  border: 1px solid #565656;
  background-color: #ffffff;
}
#spxbeticonscontent.phbs .ct {
  width: 146px;
  height: initial;
  margin-left: 108px;
  position: relative;
}

#spxbeticonscontent .ct .lnk {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}
#spxbeticonscontent .ct table {
  margin: 13px auto;
}
#spxbeticonscontent .ct table td {
  padding: 0 5px;
  border-collapse: collapse;
  text-align: center;
  font-size: 11px;
  font-family: helvetica,arial;
  color:#888;
}
#spxbeticonscontent .ct table td span {
  display: inline-block;
  width: 30px;
  height: 18px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  background: #eb6702;
  border: 1px solid #eb6702;
  border-radius:3px;
  color: #ffffff;
  cursor: pointer;
}
#spxbeticonscontent .ct table td span:hover {
  text-decoration: underline;
}
#spxbeticonscontent.phbwa .ct .tctr {
  text-align: center;
}
#spxbeticonscontent.phbwa .ct .tctr div {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 4px;
  background: #000000;
  color: #ffffff;
  font-size: 11px;
  font-family: helvetica,arial;
  border-radius: 3px;
}
#spxbeticonscontent.phbwa .ct .tctr i {
  display: inline-block;
  color: #eeeeee;
  margin-right: 15px;
  font-style: normal;
}
#spxbeticonscontent.phbwa .ct .sponsor {
  margin-top: 16px;
  background: url(/pub/pic/icons/powered_by_bwin.png) no-repeat center center;
  height: 30px;
}

#spxbeticonscontent.phlevede .ct .tctr {
  text-align: center;
}
#spxbeticonscontent.phlevede .ct .tctr div {
  display: inline-block;
  margin: 0 2px;
  font-size: 11px;
  font-family: helvetica,arial;
  text-align: center;
}
#spxbeticonscontent.phlevede .ct .tctr .itm {
  line-height:16px;
  margin: 0 10px;
}
#spxbeticonscontent.phlevede .ct .tctr i {
  color: #a9a9a9;
  font-style: normal;
  width: 30px;
}
#spxbeticonscontent.phlevede .ct .tctr span {
  display: inline-block;
  padding: 0 4px;
  color: #fff;
  background: #ff712c;
  font-style: normal;
  border-radius: 3px;
  border:1px solid #eb6702; 
}
#spxbeticonscontent.phlevede .ct .sponsor {
  margin-top: 0;
  background: url(/pub/pic/icons/powered_by_leovegas.jpg) no-repeat center top;
  height: 50px;
}



#spxbeticonscontent .tri {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6px 9px 6px;
  border-color: transparent transparent #565656 transparent;
  position: absolute;
  top:-9px;
  right: 8px;
}
#spxbeticonscontent .ar1 {
  width: 100px;
  height: 9px;
  position: absolute;
  top:-9px;
  right: 4px;
}
#spxbeticonscontent .ar2 {
  width: 19px;
  height: 19px;
  position: absolute;
  top:-27px;
  right: 3px;
}


/* Definition Multireiter for Golf- and Tennis-Snippets */
.rtrSnip .golf .pos {   
  padding: 0 5px 0 0;
  width: 20px;    
  text-align: right;
}
.rtrSnip .golf .nat {   
  width: 24px;
  padding: 2px 0 0 6px; 
}
.rtrSnip .golf .nat span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;   
  background-image: url(/pub/opta-snippet-flags/flags.png); 
  background-repeat: no-repeat;
}
.rtrSnip .golf .name {   
  width: 146px;    
}
.rtrSnip .golf .forthcol {
width: 64px;   
  text-align: right;
}
.rtrSnip .golf.head td {
  font-size: 11px;
  color: #525252;
}   
.rtrSnip .golf.head .pos {   
  padding: 0;
  width: 20px;    
  text-align: right;
}
.rtrSnip .golf.head .forthcol {   
  text-align: right;
}

.rtrSnip .golf td {
  border-top: 1px solid #d2d2d2;
}
.rtrSnip .golf.isFirst td {
  border: 0;
}


.rtrSnip .tennis .pos {   
  padding: 0 5px 0 0;
  width: 20px;    
  text-align: right;
}
.rtrSnip .tennis .nat {   
  width: 24px;    
}
.rtrSnip .tennis .nat span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;   
  background-image: url(/pub/opta-snippet-flags/flags.png); 
  background-repeat: no-repeat;
}
.rtrSnip .tennis .name {   
  width: 116px;    
}
.rtrSnip .tennis .pnts {
  width: 46px;   
  text-align: right;
}
.rtrSnip .tennis .torns {
  width: 50px;   
  text-align: right;
}
.rtrSnip .tennis.head td {
  font-size: 11px;
  color: #525252;
}   
.rtrSnip .tennis.head .pos {   
  padding: 0;
  text-align: right;
}
.rtrSnip .tennis td {
  border-top: 1px solid #d2d2d2;
}
.rtrSnip .tennis.isFirst td {
  border: 0;
}

/* VIDEO PLAYER (ePlayer) VideoP */
.conVidPlay h1 {
  overflow: hidden;
  padding: 10px 0;
  font-size: 32px;
  font-weight: bold;
}
.conVidPlay .vidplay .txt {
  overflow: hidden;
  padding: 10px 26px 0 6px;
  font-size: 13px;
}
.conVidPlay #eplayer {
  width:  600px;
  height: 414px;
}
/* RECHTS */

/* TREND */
.trnd {
  overflow: hidden;
  width: 298px;
  border: 1px solid #b5b5b5;
  margin: 0 0 20px 0;
}
.trnd .txtHead {
  font-size: 12px;
  padding: 7px 0 0 8px; 
  
}
.trnd h2 {
  font-size: 15px;
  font-weight: bold;
  padding: 9px 0 0 8px;
}
.trnd form {
  
}
.trnd .opts {
  overflow: hidden;
  margin: 17px 0 0 4px;
}
.trnd .bild {
  float: right;
  margin-right: 7px;
}
.trnd .bild img {
  border: 1px solid #b5b5b5;
}
.trnd .opt {
  padding: 0 0 2px 30px;
  text-indent: -30px;
}
.trnd .opt input {
  position: relative;
  top: 2px;
}
.trnd .opt .txt {
  padding-left: 9px;
  font-size: 13px;
}
.trnd .mbild {
  float: left;
  width: 132px;
  overflow: hidden;
  margin: 4px 3px 4px 3px;
  border: 1px solid #a9a9a9;
}
.trnd .mbildodd {
  margin-right: 5px;
}
.trnd .mopt {
  height: 33px;
  overflow: hidden;
  padding: 0 5px 5px 25px;
  border: 0 solid #a9a9a9;
  border-top-width: 1px;
  text-indent: -25px;
}
.trnd .mopt input {
  position: relative;
  top: 2px;
}
.trnd .mopt .txt {
  padding-left: 4px;
}
.trnd .submit {
  clear: both;
}
.trnd .submit.plain {
  margin-top: 10px;
}
.trnd .submit.plain .trndBut {
  margin: 0 0 9px 9px;
  width: 282px;
  background-color: #a81017;  
  border-width: 0;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  padding: 0 0 1px 0;
}
.trnd .thmbx {
  margin: 0;
  border-width: 1px 0 0 0;
}

/* Sammelbox */
.content2 .conSmlg {
  width: 298px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  padding: 0;
}

.content2 .conSmlg .sep {
  clear: both;
  border: 1px solid #b5b5b5;
  margin: 0 0 5px 0;
}

/*csneu*/
.content2 .conSmlg .top5 {
  border: none;
  margin: 0;
}

/* Themenbox*/

.content2 .conTHB {
  width: 288px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
  margin: 0 0 20px 0;
  padding: 5px;
  background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 50%, #ffffff 90%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0); /*IE6-9*/
}
.content2 .conTHB .conHd {
  font-size: 11px;
  margin-bottom: 20px;
  background: #ffffff;
  padding-left:5px;
}

.content2 .conTHB .itm .med {
  float: left;
  margin-right: 10px;
}

.content2 .conTHB .itm .tit {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #525252;
}

.content2 .conTHB .itm .txt {
  font-size: 12px;
  color: #525252;
}

.content2 .conTHB .itm {
  overflow: hidden;
  clear: both;
  margin-bottom: 10px;
}

/* Top5 */
.top5 {
  overflow: hidden;
}
.content2 .top5 {
  width: 288px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  margin: 0 0 20px 0;
  padding: 5px;
}
.content2 .top5 .conHd {
  font-size: 12px;
  margin-bottom: 10px;
  padding-left:5px;
}
.top5 .trenn {
  border-top:1px solid #b5b5b5;
}
.top5 .itm {
  overflow: hidden;
  clear: both;
  height: 45px;
}
.top5 .itm .num {
  float: left;
  overflow: hidden;
  width: 39px;
  height: 54px;
  margin-top: 2px;
  font-size: 200px;
  background: url(/pub/pic/top10num.png) 0 0 no-repeat;
  vertical-align: bottom;
}
.top5 .itm .num a:hover {
  text-decoration: none;
}
.top5 .itm .num2 {background-position: 0 -54px;}
.top5 .itm .num3 {background-position: 0 -108px;}
.top5 .itm .num4 {background-position: 0 -162px;}
.top5 .itm .num5 {background-position: 0 -216px;}
.top5 .itm .num6 {background-position: 0 -270px;}
.top5 .itm .num7 {background-position: 0 -324px;}
.top5 .itm .num8 {background-position: 0 -378px;}
.top5 .itm .num9 {background-position: 0 -432px;}
.top5 .itm .num10 {background-position: 0 -486px;}
.top5 .itm .bild {
  float: left;
  display: none;
  margin: 10px 7px 10px 0;
}
.top5 .itm .bild img {
  border: 1px solid transparent;
}
.top5 .itm .hl {
  margin: 5px 5px 0 0;
  font-size: 13px;
}
.top5 .itm .hl a {
}
.top5 .itm .text {
  overflow: hidden;
  height: 20px;
  padding: 0 5px 0 1px;
}
.top5 .itm .text a {
  font-weight: bold;
}
.top5 .sel {height:95px;}
.top5 .sel .num {margin-top:16px;}
.top5 .sel .num1 {background-position: -39px 0;}
.top5 .sel .num2 {background-position: -39px -54px;}
.top5 .sel .num3 {background-position: -39px -108px;}
.top5 .sel .num4 {background-position: -39px -162px;}
.top5 .sel .num5 {background-position: -39px -216px;}
.top5 .sel .num6 {background-position: -39px -270px;}
.top5 .sel .num7 {background-position: -39px -324px;}
.top5 .sel .num8 {background-position: -39px -378px;}
.top5 .sel .num9 {background-position: -39px -432px;}
.top5 .sel .num10 {background-position: -39px -486px;}
.top5 .sel .bild {display:block;}
.top5 .sel .text {overflow:visible;}

/* THEMENBOX */
.thmbx {
  overflow: hidden;
  margin: 0 0 20px 0;
  border: 1px solid #a90716;
  height: 1%; /*IE6!*/
  background-color: #ffffff;
}
.thmbx a {
  color: #000000;
}
.thmbx .thmbxhead {
  clear: both;
  margin: 10px 0;
  background: url(/pub/pic/trenngrid-a80816.gif) repeat;
}
.thmbx .thmbxhead p {
  display: inline;
  padding: 0 5px;
  margin: 0 13px;
  border: 0 solid #ffffff;
  border-width: 0 1px;
  color: #ffffff;
  background-color: #ae0816;
  font-size: 80%;
  text-transform: uppercase;
}
.thmbx .thmbxbody {
  margin-bottom: 15px;
}
.thmbx .thmbxbody .itm {
  overflow: hidden;
  height: 1%; /*IE6!*/
  margin: 5px 10px;
  font-size: 90%;
}
.thmbx .thmbxbody .itm .bild {
  float: left;
  margin-right: 10px;
  border: 1px solid #373737;
}
.thmbx .thmbxbody .trennPunkt {
  margin: 0;
}
.thmbx .top5 {
  border-width: 0;
  margin: 0;
}
.thmbx .top5 .top5body {
  border-width: 0;
}

/* Medium+Link */
.medlnk {
  overflow: hidden;
  margin: 0 0 10px 0;
  height: 1%; /*IE6!*/ 
}
.content2 .medlnk, .content2 .adfb {
  margin: 0 0 20px 0;
}

/** Social in article, rudb */
.social { /*center vertically*/
  right: 0;
  width: 150px;
}
.social .socFacebook { background: url(/pub/pic/icons/soc-facebook.svg) no-repeat; }
.social .socTwitter  { background: url(/pub/pic/icons/soc-twitter.svg) no-repeat; }
/*.social .socGoogle   { background: url(/pub/pic/icons/soc-google.svg) no-repeat; }*/
.social .socComments { background: url(/pub/pic/icons/soc-comments.svg) no-repeat; }


.social .socComments { 
  position: relative;
}
.social .socComments .cmtcnt { 
  position: absolute;
  display: block;
  bottom: 4px;
  right: 0;
  width: 100%;
  font-size: 10px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-align: center;
  color: #0b1124;
}
.social .soc {
  background-size: 97% 97%;
  display: block;
  float: right;
  width: 32px;
  height: 32px;
  margin: 0 0 0 5px;
}
.bTick .socialTick.social {
  width: auto;
  overflow: hidden;
  padding-bottom: 10px;
}
.bTick .socialTick.social .soc {
  width: 28px;
  height: 28px;
  margin: 0 0 0 10px;  
}


/***********/ /* ARTIKEL */
.bArt .artAfm img.bg {
  height:0;
}
/*.bArt .imgrel {
  max-height: 347px;
  overflow: hidden;
}*/
.bArt #content .ct {
  display: inline-block;
  width: 600px;
  margin: 15px 0 0 15px;
}
.bArt #content .rc {
  vertical-align: top;
  display: inline-block;
  width: 300px;
  margin: 15px 0 0 40px;
}
.bArt #content .rop {
  width: 600px;
  margin: 0 0 0 15px;
  padding-bottom: 16px;
}
.bArt #content .rop .fullrow {
  width: 960px;
  white-space: nowrap; 
}
.bArt #content .rop .fullrow .rec {
  display: inline-block;
  vertical-align: top;
  margin-right:20px;
}
.bArt #content .rc .rec, .bArt #content .rc .cmp {
  margin-bottom: 20px;
}
.bArt #content .rc .stickstart {
  position: absolute;
  width:0;
  height:0;
}
.bArt #content .rc .stick.on {
  position:fixed;
  top:50px;
}
.bArt #content .rc .stick .cmp:last-child {
  margin-bottom:0;
}
.bArt .abstr {
  font-weight: bold;
}
.bArt .adlbl, .bVid .adlbl {
  font-size: 12px;
  color: #b5b5b5;
  margin-bottom: 10px;
}
.detailsHead {
  position: relative;
}
.detailsHead .catlnk {
  position: absolute;
  top:-14px;
  font-size: 11px;
  color: #595959;
}
.detailsHead .catlnk:hover {
  text-decoration: none;
}
.detailsHead h1 {
  color: #0b1124;
  font-size: 32px;
  line-height: 1.25em;
}
.bTick.bArt .detailsHead h1 {
  font-size: 22px;
}
.detailsHead .socgrp {
  position: relative;
  min-height: 32px;
  margin: 18px 0 15px 0;
  color: #595959;
}
.detailsHead .socgrp .aut {
  min-height: 13px;
  font-weight: normal;
  font-size: 11px;
  white-space: nowrap;  
}
.detailsHead .socgrp .aut a {
  color: #0032af;
}
.detailsHead .socgrp .date {
  font-size: 12px;
}
.bArt .cmp.artaufthe {
  background-color:#0b1124;
  width: 300px;
  color: #ffffff;
  position: relative;
  padding-bottom: 25px;
}
.bArt .cmp.artaufthe .hl {
  height: 44px;
  line-height:44px;
  padding-left: 22px;
  font-weight: normal;  
}
.bArt .cmp.artaufthe a {
  display: block;
  margin: 0 9px;
  padding: 11px 0;
  border: 1px solid #b5b5b5;
  border-width: 1px 0 0 0;
}
.bArt .cmp.artaufthe a:last-child {
  border-width: 1px 0 1px 0;
}
.bArt .cmp.artaufthe span {
  display: inline-block;
  height: 37px;
  width: 37px;
  line-height:37px;
  text-align: center;
  background-color: #0032af;
  border: 2px solid #b5b5b5;
  border-radius: 20px;
  margin-right: 11px;
  font-weight: normal;
  vertical-align: middle;  
}
.bArt .cmp.artaufthe b {
  font-weight: normal;
  display: inline-block;
  width: 218px;
  vertical-align: middle;
  line-height: 1.4em;
  font-size: 13px;
}

.imgrel {
  position: relative;
}
.imgrel img {
  display: block;
  width: 100%;
}
.imgrel .copy {
  position: absolute;
  bottom: 8px;
  right: 11px;
  color: #ffffff;
  font-size: 12px;
  text-shadow: 0 0 5px #666666;
}

/* socialDia */
#socialDia {
  overflow: hidden;
  float: left;
  width: 359px;
}
#socialDia #spxfbsharer, #socialDia #spxtweetthis, #socialDia #spxgglplusone {
  float: left;
  height: 20px;
  width: 132px;
  margin: 0 0 7px 8px;
}
#socialDia #spxgglplusone {
  clear: both;
}
#socialDia a.bttn {
  margin: 0 0 7px 8px;
}

/* Artikel Diashow */
.artDia {
  background-color: #19191b;
  color: #b5b5b5;
  padding-bottom: 87px;
  position: relative;
  font-size: 11px;
}
.artDia .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25em;
  padding: 7px 40px 15px 16px;
  height: 42px;
  position: relative;
}
.artDia .piclist {
  width: 100%;
  height: 0;
  margin-bottom: 57.35%;
}
.artDia .page {
  width: 100%;
  height: 0;
  margin-bottom: 57.35%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity linear .5s;
}
.artDia .page.sel {
  z-index: 2;
  opacity: 1;
}
.artDia .page .idx {
  position: absolute;
  top: -54px;
  right: 13px;
}
.artDia .page .tit {
  /*height:61px;*/
  overflow: hidden;
  padding: 10px 14px 0;
  font-size: 15px;
}
.artDia .btn {
  position: absolute;
  top: calc(50% - 33px);
  left: 14px;
  width: 40px;
  height: 40px;
  background: rgba(30,30,30, .5) url(/pub/pic/left-24-grey.svg) no-repeat;
  background-size: cover;
  border: 2px solid #b5b5b5;
  opacity: 0.8;
  border-radius: 22px;
  cursor: pointer;
  z-index: 3;
}
.artDia .btn.next {
  right: 14px;
  left: auto;
  transform: rotate(180deg);
}

/** Related Links Article **/
.rtx ul.lnkrel {
  font: bold 18px 'Saira', Arial ,sans-serif;
}
.rtx ul.lnkrel span {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.rtx ul.lnkrel li {
  padding: 3px 0 3px 30px;
  margin: 0;
  background: none;
  position: relative;
  font-size: 14px;
}
.rtx ul.lnkrel li a {
  color: #0b1124;
}
.rtx ul.lnkrel li a::before {
  content:"";
  position: absolute;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0032af;
  left: 0px;
}
.rtx ul.lnkrel li.spons a::before {
  top:5px;
  left: -5px;
  width: 18px;
  height: 18px;
  border-radius:0;
  background: url("/pub/pic/icon-star.svg") no-repeat center center;
}


/* COMPONENTS */
.artCmpMed, .artCmp .medlnk, .artCmp twitterwidget, .artCmp .artFB .trnd, .artCmp .conMultiReit {
  margin-left: auto;
  margin-right: auto;
}
.artCmp .sep {
  overflow: hidden; /*IE6*/
  border: 0 solid #b1b1b1;
  border-width: 1px 0;
  margin: 17px 5px 39px 3px;
  height: 1px;
}

/* CMP Medium */
.artCmpMed .bild img {
  border: 1px solid #535353;
}
.artCmpMed .bildU {
  overflow: hidden;
  padding: 5px 5px 2px 5px;
  background-color: #f1f1f1;
  color: #8e8e8e;
  font-size: 12px;
}
.artCmpMed .bildUC {
  float: right;
  margin: -5px 0 0 0;
  font-size: 10px;
  text-transform: lowercase;
}

#content .artRelText a {
  color: #a90716;
}

.bArt .artPgrp {
  margin: 15px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.bArt .artPgrp .itm {
  display: inline-block;
  width: 95px;
  font-size: 15px;
  height: 35px;
  box-sizing: border-box;
  margin: 0 6px 0 0;
  line-height: 35px;
  background: #cccccc;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transition: color .2s ease, background-color .2s ease;
}
.bArt .artPgrp a.itm:hover {
  text-decoration: none;
  background: #fb3500;
  color: #fff;
}
.bArt .artPgrp span.itm {
  opacity: 0.6;
}
.bArt .artPgrp .itm.itmSel {
  color: #ffffff;
  background-color: #fb3500;
}
/* multipage article links navi */
.artPnav {
  overflow: hidden;
  clear: both;
  margin: 20px 0;
}
.artPnav.tx p {
  margin: 3px 0;
}
.svgarr.g6 {
  background: url(/pub/pic/icons/arr-r-666.svg) no-repeat center center;
  height: 10px;
  width: 16px;
}
.svgarr.w {
  background: url(/pub/pic/icons/arr-r-fff.svg) no-repeat center center;
  height: 10px;
  width: 16px;
}
.svgarr.l {
  transform:rotate(180deg);
}

/* DIASHOW */
.dshw {
  margin-bottom: 20px;
}
.dshw .ctrl {
  margin-top: 10px;
  height: 47px;
  border: 1px solid #666;
  border-width: 1px 0;
  color: #0b1124;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;  
}
.dshw .ctrl .prev, .dshw .ctrl .next {
  position: relative;
  width: 40%;
  height: 47px;
  cursor: pointer;
  z-index: 3;
}
.dshw .svgarr.g6 {
  position:absolute;
  height: 16px;
  width: 10px;
  top: calc(50% - 8px);
}
.dshw .svgarr.g6.l { left: 10px; }
.dshw .svgarr.g6.r { right: 10px; }
.dshw .ctrl .text {
  line-height: 47px;
}
.dshw .copy {
  text-align: right;  
  font-size: 80%;
  text-transform: lowercase;
  color: #b5b5b5;
  margin-top: -4px;
  line-height: 1.5em;  
}

/* from dia */
#diaContent {
  position: relative;
  width: 600px;
  margin-top: 18px;
}
#diaContent .item.active {
  opacity: 1;
  z-index: 2;
}
#diaContent .item {
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition:opacity 1s ease;  
}
#diaContent .item .bild {
  min-height: 346px;
}
#diaContent .item .bild img {
  width: 600px;
}
#diaContent .item .text {
  min-height: 47px;
  line-height: 1.4em;
  font-weight: bold;
}
#diaContent .ctrl2 {
  position: relative;
}
#diaContent .prev, #diaContent .next  {
  position:absolute;
  width: 40%;
  height: 100%;
  top: 0;
  z-Index: 3;
  cursor: pointer;
}
#diaContent .prev {left:0;}
#diaContent .next {right:0;}

#diaContent .svgarr.w {
  position:absolute;
  height: 32px;
  width: 20px;
  top: calc(50% - 16px);
}
#diaContent .svgarr.w.l { left: 10px; }
#diaContent .svgarr.w.r { right: 10px; }

/*********/ /* SUCHE */
/* search result header (controls, info) */
.bSuch .content1 .srchPrms {
  margin-top: 12px;
  padding-bottom: 28px;
  border: 1px solid #b5b5b5;
}
.srchPrms .title {
  margin: 6px 0 0 12px;
  font-size: 12px;
}
.srchPrms .ctrls {
  margin: 15px 0 0 12px;
}
.srchPrms .ctrls .srchKeyLbl {
  padding-right: 10px;
}
.srchPrms .ctrls #srchKey {
  width: 199px;
  padding: 2px 3px;
  vertical-align: bottom;
}
.srchPrms .ctrls .srchDocType {
  margin: 0 0 0 6px;
  width: 100px;
  font-size: 12px;
  padding: 2px 0;
}
.srchPrms .ctrls .srchSbmt {
  margin: 0 0 0 6px;
  border: 1px solid #b5b5b5;
  width:  100px;
  padding: 3px 3px;
  text-align: left;
  background: #ffffff url("/pub/pic/header/search-grey.svg") no-repeat 126%;
}

/* bulls navi */

.bullsnav {
  text-align: center;
}
.bullsnav .bulls {
  display: inline-block;
  position: relative;
}
.bullsnav .ctrl.prev {
  position: absolute;
  top: 2px;
  left: -35px; 
}
.bullsnav .ctrl.next {
  position: absolute;
  top: 2px;
  right: -35px;
}
.bullsnav .bull {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 10px;
  border: 1px solid #fb3500;
}
.bullsnav .bull.sel {
  background-color: #fb3500;
}

/* search result counters, paging, teasers */
.srchRslts {
  margin-top: 22px;
}

.srchRslts .header {
  margin: 0 0 0 10px;
  padding-top: 12px;
  font-size: 22px;
  font-weight: bold;
}
.srchRslts .counters {
  margin: 0 0 0 10px;
  font-size: 13px;
  color: #535353;
} 
.srchRslts .bullsnav {
  margin-top: 20px;
}
.srchRslts .results {
  margin: 36px 0; 
}
.srchRslts .fail {
  margin-left: 12px;
  font-size: 14px; 
}
.srchRslt {  
  position: relative;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #b5b5b5;
}
.srchRslt:first-child {
  border: 0;
}
.srchRslt .tsrTop {
  margin: 0 0 0 4px;
  min-height: 20px;
}
.srchRslt .tsrTop .tsrDate {
  position: absolute;
  right: 0;
  margin-top: 6px;
  font-size: 12px;
}
.srchRslt .tsrTitle {
  font-size: 18px;
  font-weight: bold;
  color: #0032af;
  line-height: 1.25em;
  padding: 12px 0 0 4px;
}
.srchRslt .tsrTitle a {
  color: #000;
}
.srchRslt .tsrImg {
  float: left;
  margin: 6px 0 0 4px;
}
.srchRslt .tsrTxtLnk {
  float: left;
  margin: 3px 0 0;
  position: relative;
  width: 498px;
}
.srchRslt .tsrTxtLnk .txt {
  padding-left: 10px;
  line-height: 20px;
}
/* News */
.newsHd {
  width: 620px;
  position: relative;
  margin: 15px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #5cc8ff;
}
.newsHd .title {
  font-size: 30px;
  font-weight: bold;
  padding-left:5px;
}
.newsHd select {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 5px;
  width: 250px;
  font-size: 14px;
  padding: 5px;
  border:0px;
  background-color: #e5e5e5;
}
.newsHd select:focus {
  outline: 0px;
}

.newsHd .drp {
  min-width: 250px;
  position: absolute;
  right: 0px;
  bottom: 15px;
  width: 250px;
  font-size: 14px;
  border:0px;
}
.newsHd .drp .disp {
  position: relative;
  background-color: #b5b5b5;
  padding: 1px;
}
.newsHd .drp .disp .arrow {
  display: block;
  background: url("/pub/pic/nav-down-grey.svg") 100% 50% no-repeat;
  width: 24px;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 0;
}
.newsHd .drp.open .disp .arrow {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.newsHd .drp .cur {
  padding: 5px;
  background-color: #ffffff;
  display: block;
}
.newsHd .drp .itm {
  margin:1px 1px 1px 1px;
  display: block;
  padding: 5px;
  background-color: #ffffff;
}
.newsHd .drp .itm:hover {
  text-decoration: none;
  background-color: #e5e5e5;
}


.newsHd .drp .list {
  display: none;
  position: absolute;
  top: 100%;
  width:100%;
  margin-top: 2px;
  background-color: #b5b5b5;
  z-index:10;
}
.newsHd .drp.open .list {
  display: block;
}

.newsCt {
  margin: -10px 0 20px 0;
}
.newsCt .grpTop {
  margin-top: 30px;
}
.newsCt .itm {
  position: relative;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #b5b5b5;
}
.newsCt .itm.first {
  border: 0;
  padding-top:0;
}
.newsCt .itm .tsrTop {
  margin: 0 0 0 4px;
  min-height: 20px;
}
.newsCt .itm .tsrTop .tsrDate {
  position: absolute;
  right: 0;
  margin-top: 6px;
  font-size: 12px;
}
.newsCt .itm .tsrTitle {
  font-size: 18px;
  font-weight: bold;
  color: #0032af;
  line-height: 1.25em;
  padding: 12px 0 0 4px;
}
.newsCt .itm .tsrTitle a {
  color:#000;
}
.newsCt .itm .tsrImg {
  float: left;
  margin: 6px 0 0 4px;
}
.newsCt .itm .tsrTxtLnk {
  float: left;
  margin: 3px 0 0;
  position: relative;
  width: 498px;
}
.newsCt .itm .tsrTxtLnk .txt {
  line-height: 20px;
  padding-left: 10px;
}

/***********/ /* latest articles container in article */
.bArt .conLart {
  padding-left: 130px;
  background-color: #ffffff;
}
.bArt .conLart .hl {
  line-height: 1.2em;
  margin-bottom: 6px;
  font-weight: bold;
}
.bArt .conLart h3 {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.bArt .conLart .body .itm {
  width: 196px;
  float: left;
  margin:0 12px 0 0;
}
.bArt .conLart .body .itm .bild {
  margin: 0 0 3px 0;
  border:0;
}

/***********/ /* latest articles container */
.conLart {
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}

.conLart .aftertextspace {margin-top: 20px;}

.conLart .prvError, .thmbxbody .prvError {
  font-size:10px;
  padding:2px;
  background-color:yellow;
}

.conLart .head {
  clear: both;
  padding: 6px 0 0 17px;
  height: 31px;
  background: url(/pub/pic/back-afm.gif) repeat-x;
  color: #656565;
  font-size: 125%;
  font-weight: bold;
}
.conLart .head2 {
  clear: both;
  padding-bottom: 20px;
}

.bData .conLart .head {
  color: #ae0816;
  background: none;
  height: 10px;
  padding-bottom:5px;
}


.bData .conLartBottomLine {border-top:1px solid #ececec; border-bottom:1px solid #b5b5b5;margin-bottom:10px;}
.bData .conLartC {
  clear: both; 
  margin-top:10px;
  font-weight:bold;
  text-align:right;
}

.conLartC a {
  color: #ae0816 !important;
  font-size: 11px;
    
}

.conLart .body {
  overflow: hidden;
}
.conLart .body .sep {
  clear: both;
  height: 2px;
  background-color: #d2d2d2;
  margin: 10px 0 10px 0;
}
.conLart .body .spcBig {
  overflow: hidden;
  height: 17px;
}
.conLart .body .itm {
  overflow: hidden;
}
.conLart .body .itm .topline {
  min-height: 26px;
  color: #a81017;
}
.conLart .body .itm h2 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 2px;
}
.conLart .body .itm .text {
  line-height:20px;
}
.conLart .body .itm .bild {
  float: left;
  margin: 3px 10px 10px 0;
}
.conLart .body .itm .bild img {
  border: 1px solid transparent;
}
hier
/* DAYTICKER */
.bTick .detailsHead h1 {
  font-size: 32px;
}
.bTick .topitems  {
  position: relative;
  margin: 12px 0 20px 0;
}
.bTick .topitems .outer {
  overflow: hidden;
  position: relative;
  margin: 0 0 0 33px;
  width: 535px;
  height: 78px;
  border: 1px solid #d2d2d2;
}
.bTick .topitems .inner {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
}
.bTick .topitems .ctrl {
  position: absolute;
  top: 29px;
}
.bTick .topitems .ctrl.prev {left: 0px;}
.bTick .topitems .ctrl.next {right: 0px;}

/*.bTick .topitems .itm { // delete after rebuild
  overflow: hidden;
  display: inline-block;
  width: 133px;
  height: 68px;
  border-left: 1px solid #d2d2d2;
  color: #414141;
  vertical-align: top;
  text-decoration: none;
}
.bTick .topitems .itm:first-child {border-left-width: 0;}
.bTick .topitems .itm .date {
  display: block;
  height: 20px;
  background-color: #f1f1f1;
  padding: 0 10px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
}
.bTick .topitems .itm .text {
  display: block;
  overflow: hidden;
  padding: 6px 10px 0 10px;
  height: 34px;
  font-size: 12px;
  white-space: normal;
  line-height: 16px;
}*/
.bTick .toDayticker {
  display: block;
  margin-top: 10px;
}
.bTick .refresh {
  text-align: center;
}
.bTick .refresh .bt {
  padding: 3px 20px;
  background: #0032af;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
}
.bTick .tickeritems {
  overflow: hidden;
  position: relative;
  margin: 30px 0 0 0;
}
.bTick .tickeritems::before {
  content:"";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 10px;
  left: 6px;
  background: #bfbfbf;
}
.bTick .tickeritem {
  padding: 0 0 22px 0;
  position: relative;
}
.bTick .tickeritem .wrp1 {
  position: absolute;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  width: 9px;
  height: 9px;
  top: 9px;
  left: 1px;
}
.bTick .tickeritem:first-child .wrp1 {
  background-color: #ffffff;
}
.bTick .tickeritem .wrp2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 78px;
  margin: 0 5px 0 22px;
}
.bTick .tickeritem .wrp2 .anc {
  top: -60px;
  position: absolute;
}
.bTick .tickeritem .wrp2 .icon img {
  display: inline-block;
  margin: 0 5px 5px 0;
}
.bTick .tickeritem .wrp3 {
  display: inline-block;
  width: 491px;
  border-bottom: 1px solid #bfbfbf;
}
.bTick .tickeritem .date {
  display: block;
  margin: 5px 0 0 0;
  color: #0032af;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}
.bTick .tickeritem .med {
  float: left;
  border: 1px solid #8f8f8f;
  margin: 6px 10px 10px 0;
}
.bTick .tickeritem h2 {
  font-size: 20px;
}
.bTick .tickeritem .text {
  margin: 3px 0 7px 0;
  font-size: 15px;
}
.bTick .tickeritem .text p {
  line-height: 21px;
}
.bTick .tickAuthor {
  float: right;
  margin: 0 115px 0 0;
  color: #8f8f8f;
}

/*******/ /* Ads */
#frnMain {
  position: relative;
}
#frnAdBanner, #frnBannerAd {
  text-align: center;
  padding: 0 5px;
}

#frnAdSky {
  position: absolute; 
  top: 0px;
  left: 980px;
  z-index: 90;
}
 
#frnAdSkyPos {
  padding-left: 5px; 
  position:absolute;
}

#frnAdSkyLeft {
  position: absolute; 
  top: 0px;
  left: -160px;
  z-index: 90;
}
#frnAdSkyLeftPos {
  padding-right: 12px; 
  position:absolute;
  /*xtop:-15px;*/
}

#adTop a img {
  display: block;
}

#adSky {
  position: absolute;
  left: 849px;
  top: 120px;
  width: 160px;
  height: 600px;
}
.ad-contentbanner {
  margin: 10px 0;
  width: 970px;
  margin-left: -15px;
  box-sizing: border-box;
}
.ad-distance {
  margin: 10px 0;
}

.spxkoopteaser {
  padding: 0 0 20px 0;
}

.slink, a.slink {
  color: #a90816 !important;
  text-decoration: none !important;
  font-weight: normal !important;
  font-size: 90%;
}
a.slink:hover {
  text-decoration: underline !important;
}

/* Share selected text from article text */
#spxselsharecon {
  position:absolute;
  width:200px;
  padding: 4px 0 0 0;
  top: -100px;
  opacity: 0;
  z-index: 100;
  transition:opacity 1s ease;
}
#spxselsharecon.vis {
  opacity: 1;
}

#spxselsharecon .bt {
  display: block;
  float:left;
  margin: 0 5px 0 0;
  padding: 0;
  border:0;
  width:35px;
  height: 35px;
}

#spxselsharecon .tw  { background: url(/pub/pic/share/twitter-button.png) no-repeat; }
#spxselsharecon .fb  { background: url(/pub/pic/share/fb-button.png) no-repeat; }
#spxselsharecon .gp  { background: url(/pub/pic/share/google-button.png) no-repeat; }
#spxselsharecon .ml  { background: url(/pub/pic/share/mail-button.png) no-repeat; }

#spxselsharecon .bt:hover  {
  background-position: 0 -35px;  
}


/* Aufmacher Person */
.afmprs {
  position: relative;
  display: table-cell;
  vertical-align:middle;
  overflow: hidden;
  background: #e0e0e0 url('/pub/pic/afm-pers-back.jpg') no-repeat;
  width: 940px;
  height: 300px;
}
.afmprs .prt {
  position: absolute;
  left: 0;
  bottom: 0;
}
.afmprs .twp {
  position: relative;
  margin-top: 5px;
  height: 37px;
}
.afmprs .tw {
  position: absolute;
  padding: 3px 20px 3px 0;
  border: 1px solid #b5b5b5;
  border-radius: 6px;
  background-color: #e8e8e8;
  background: linear-gradient(to bottom, #dedede 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#f3f3f3', GradientType=0); /*IE6-9*/
  font-size:15px;
  z-index: 1;
  text-decoration: none;
}
.afmprs .tw:hover {
  background-color: #f3f3f3;
  background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); /*IE6-9*/
  text-decoration: none;
}
.afmprs .tw img {
  vertical-align: -9px;
  padding: 0 15px 0 10px;
}
.afmprs .nt {
  width: 530px;
  padding: 10px 30px 5px 130px;
  margin: 0 0 0 140px;
  border: 1px solid #b5b5b5;
  border-radius: 6px;
  background-color: rgba(250, 250, 250, 0.6);
}
.afmprs .nt .name {
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.afmprs .nt .text {
  font-size: 14px;
  line-height: 1.4em;
}
.afmprs .bt {
  position: absolute;
  right: 0;
  bottom: 0;
}
.afmprs .bt a {
  display: block;
  float: right;
  margin: 0 0 0 10px;
}
.afmprs .bt a:hover {
  background-position: 0 0 !important;
}

.hidden { display:none !important; }
/* Spieltagsleiste */
.spl { position:relative; max-width:600px; min-height:76px;margin:0 0 20px; font-size:15px; }
.bHome .spl {margin: 0 auto 20px;}
.spl .mikshidden { }
.spl .databody { padding:3px 5px; min-height:inherit; border:1px solid #b5b5b5; background: none !important;}
.spl .dataelement { display: inline-block; border:1px solid transparent; padding: 5px 4px 3px; height:42px; margin-left:1px; margin-top:2px; text-decoration:none !important; border-radius:3px; width:50px }
.spl .dataelement .result { color:#525252; font-weight:bold;  }
.spl .dataelement.hasMatch:HOVER, 
.spl .dataelement.active { border-color:#ccc; cursor:pointer; text-decoration:none !important; }
.spl .dataelement.hasMatch A:HOVER { text-decoration:none !important; }
.spl .details_center .homeTeam A:HOVER,
.spl .details_center .guestTeam A:HOVER,
.spl .details_center .highlightMatchIndex:HOVER,
.spl .highlightMatchIndex .highlight .details:HOVER { text-decoration:none !important; color:#A60914 !important; }
.spl .highlightMatchIndex { margin-top: 5px; display: block; }
.spl .details_center .resultAddition { font-size:15px; line-height:6px; margin-bottom:5px; }
.spl .dataelement .team.klein IMG { width:18px; height:18px;}
.spl .dataelement.noMatch{ opacity: 0.3;}
.spl .team.gross IMG { width:50px; height:50px; }
.spl .highlight .details  { color:#525252; font-size:27px; font-weight:bold; }
.spl .highlight .details .result { font-size:40px; }
.spl HR { margin: 5px 0px 0px; border:none;height:1px;background-color:#e2e2e2}
.spl .loader { position: absolute; top: 0;left: 0;width: 100%;height: 100%;z-index: 100;font-weight: bold;}
.spl .loader .inner{position: relative;width: 120px;height: 40px;text-align: center;margin-left: -60px;margin-top: -20px;top: 50%;left: 50%;}
.spl .toTable { color:#AE0816 !important; text-align:right; font-size:11px; line-height:20px; font-weight:bold; }
.spl .hlcon {position:relative;min-height:20px;}
.spl .hlcon .headline {margin-left:5px;font-weight:normal;position:absolute;}
.spl .hlcon hr {position:absolute;top:17px;width:100%;}
.spl .dataelements {text-align: center; white-space:nowrap;margin-top:5px;}
.spl .dataelement td.dist {width: 3px;}
.spl .dataelement .additional {font-size: 9px;}
.spl table {width: 100%;}
.spl .highlight .c1 {
  text-align: right;
  width: 45%;
}
.spl .highlight .c2 {
  text-align: center;
}
.spl .highlight .c3 {
  width: 45%;
}
.spl .highlight .c1 > div, .spl .highlight .c3 > div {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 0 0;
}
.spl .highlight .c3 > div {
  margin: 0 0 0 7px;
}
.spl .details-htresult {
  font-size: 12px;
}
.spl .details-htresult .htresult {
  white-space:nowrap;  
}
.spl .highlight .c1 > div.team {
  display: block;
  float: right;
}
.spl .highlight .c1 > div.homeTeam {
  padding-top: 7px;
}
#lktopofpage {
  position:absolute; 
  right:10px;
  width: 242px;
  height: 1px;
}
#lktopofpage a {
  position:fixed; 
  z-index:10000; 
  bottom:-43px; 
  width: 242px;
  height: 42px;
  background-color: #0032af;
  color: #fff;
  transition: all ease 0.6s;  
}
#lktopofpage.on a {
  bottom:0; 
}
#lktopofpage a::after {
  content:"zum Seitenanfang";
  line-height: 42px;
  padding-left: 15px;
  font-weight: bold;
  font-size: 18px;
  font-family: 'Open Sans', Arial, sans-serif;
}
#lktopofpage a:hover {
  text-decoration: none;
}
#lktopofpage a::before {
  content:"";
  display: block;
  position: absolute;
  top: 11px;
  right: 7px;
  background: url(/pub/pic/icons/arr-r-fff.svg) no-repeat center center;
  height: 20px;
  width: 32px;
  transform:rotate(-90deg);
}


/* common text in pic */
.txinpic {
  position: relative;
}
.txinpic .lnk {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.txinpic .txt {
  position: absolute;
  width: 100%;
  bottom: 4.45%;
  left: 0;
  color: #ffffff;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.txinpic .txt .dz {
  font-weight: normal;
  text-transform: uppercase;
}
.txinpic a:hover {
  text-decoration: none;
}
.txinpic .pic img {
  display: block;
}
.txinpic .txtbg {
  width: 100%;
  height: 33%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(rgba(11, 17, 36, 0.01) 1%, rgba(11, 17, 36, 0.6) 40%, rgba(11, 17, 36, 1) 100%);
}
/* common home 3 column table */
.hmtbl {
  display: table;
  width: 940px;
}
.hmtbl .col {
  display: table-cell;
  width: 320px;
  vertical-align: top;
}
.hmtbl .col2 {
  display: table-cell;
  width: 630px;
  vertical-align: top;
}
.hmtbl .col2 .ct {
  width: 620px;
  position: relative;
}
.hmtbl .col .ct {
  width: 300px;
  margin-left: 10px;
  position: relative;
}
.hmtbl .col:first-child { width: 310px; }
.hmtbl .col:last-child {  width: 310px; }
.hmtbl .col:first-child .ct { margin-left: 0; }


/* home aufmacher 2016 */
.afm16 {
  position: relative;
  width: 970px;
  margin: 5px 0;
}

.afm16 .nav {
  position: absolute;
  right: 0;
  top:0;
  background-color: rgba(0,0,0,0.75);
  width: 145px;
  height: 358px;
  z-index: 3;
}
.afm16 .nav .itm {
  position: relative;
  height: 44px;
  width: 145px;
  margin-left: 0;
  border-top: 1px solid #ae0816;
  border-bottom: 1px solid #ae0816;
  transition: all ease 0.6s;
  margin-top:-1px;
}
.afm16 .nav .itm.n0 {
  border-top: 0;
  margin-top: 0;
}
.afm16 .nav .itm.n7 {
  height: 43px;
  border-bottom: 0;
  margin-bottom: 0;
}
.afm16 .nav .itm.sel {
  background-color: #ae0816;
  width: 156px;
  margin-left: -11px;
}
.afm16 .nav .itm .arr {
  position: absolute;
  top: 45px;
  right: 145px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0;
  border-color: transparent #ae0816 transparent transparent;
  opacity: 0.75;
  transition: all ease 0.6s;
}
.afm16 .nav .itm.sel .arr {
  border-width: 0 11px 9px 0;
}

.afm16 .nav .itm.n7 .arr {
  top: initial;
  bottom: 100%;
  border-color: transparent transparent #ae0816 transparent;
}
.afm16 .nav .itm.n7.sel .arr {
  border-width: 0 0 9px 11px;
}



.afm16 .nav a {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}
.afm16 .nav a span {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  color: #b5b5b5;
  font-size: 15px;
  line-height: 1.25em;
  text-align: center;
  transition: all ease 0.6s;
}
.afm16 .nav .itm.sel span {
  color: #ffffff;
}

.afm16 .nav .ln {
  display: none;
  margin: 0;
  height: 0;
  border-bottom: 1px solid #ae0816;
}

.afm16 .ct {
  background-color: #000000;
  position: relative;
  width: 100%;
  height: 358px;
}

.afm16 .ct .itm .pic img {
  width: 970px;
  height: 358px;
}
.afm16 .ct .itm {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity linear 1.0s;
}

.afm16 .ct .itm .txt {
  font-size: 15px;
}
.afm16 .ct .itm .txt h1, .afm16 .ct .itm .txt h2 {
  font-size: 32px;
}
.afm16 .ct .itm {
  z-index: 1;
  opacity: 0;
}
.afm16 .ct .itm.sel {
  z-index: 2;
  opacity: 1;
}
/* Themen des Tages */
.tdtbd .col {
  border-left: 1px solid #b5b5b5;
  width: 319px;
}
.tdtbd .col:first-child { border-width: 0; }
.tdtbd .col:last-child {  width: 310px; }

.tdtbd .ct .topic {
  padding-left: 20px;
  /* background: #ffffff url(/pub/pic/pfeil-rot-TDTs.svg) no-repeat 0 3px; to delete */
  margin: 5px 0;
  position: relative;
}
i.arrbull {
  display: block;
  position: absolute;
  top: 5px;
  left: 2px;
  width: 12px;
  height: 11px;
  border-radius: 0 10px 10px 0;
  background-color: #0032af;
}
i.arrbull::before {
  content:"";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 3px;
  left: 2px;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}


/* tripple */
.conTrpl .ct {
  width: 300px;
}

.conTrpl .ts {
  width: 298px;
  height: 171px;
}
.conTrpl .ts .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.conTrpl .conMultiReit {
  margin-bottom: 24px;
}
/*Homepage Topthema big picture*/
.conHmTTBildGG .col2 .ct {
  width: 618px;
}
.conHmTTBildGG .pic img {
  width: 618px;
  height: 250px;
}
/** AD-OVERLAYS */
.content2 .adfb {
  margin-bottom: 20px;
}
.adfb {
  position: relative;
}
.cntrde .adfb {
  padding-top: 14px;
}
.cntrde .bHome .adfb {
  margin-top: -14px;
}

.adofb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.grpTop .presGrp {
  position: absolute;
  top:6px;
  right:0;
}
/* Homepage News */
.conHmNews {
  border: 1px solid #b5b5b5;
  padding: 5px 10px;
}
.conHmNews .pgs, .rtr18 .pgs {
  position: relative;
}
.conHmNews .pgs .pg, .rtr18 .pgs .pg {
  position: absolute;
  display: none;
  width: 100%;
  top: 0;
  left: 0;
}
.conHmNews .pgs .pg.sel, .rtr18 .pgs .pg.sel {
  display: block;
  position: relative;
}

.conHmNews .pgs .pg .items {
  height: 183px;
  overflow: hidden;
  position: relative;
}
.conHmNews .pgs .items .itm {
  border-bottom: 1px solid #b5b5b5;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  white-space: nowrap;
}

.conHmNews .pgs .items .itm .time {
  display: inline-block;
  width: 60px;
  font-weight: bold;
  color: #0032af;
}

.conHmNews .pgNav, .rtr18 .pgNav  {
  margin: 0 0 10px 0;
  height: 25px;
}
.conHmNews .pgNav s {
  text-decoration: none;
  display: inline-block;
  padding: 0 15px;
  vertical-align: middle;
}

.conHmNews .pgNav .rtr.sel {
  font-size: 22px;
  cursor: context-menu;
}

.conHmNews .pgNav .rtr {
  cursor: pointer;
  text-transform: uppercase;
  vertical-align: middle;
}
.conHmNews .pgNav .rtr:hover {
  text-decoration: underline;
}
.conHmNews .pgNav .rtr.sel:hover {
  text-decoration: none;
}
.conHmNews .scrl .bt {
  position: absolute;
  width: 60px;
  height: 30px;
  border: 1px solid #b5b5b5;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0.9;
  text-align: center;
  left: calc(50% - 31px);
  cursor: pointer;
}
.conHmNews .scrl .bt.off {
  opacity: 0;
  cursor: default;
  width: 0;
  height: 0;
}

.conHmNews .scrl .bt.down {
  border-width: 1px 1px 0 1px;
  border-radius: 30px 30px 0 0;
  top: 0;

  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.conHmNews .scrl .bt.up {
  border-width: 1px 1px 0 1px;
  border-radius: 30px 30px 0 0;
  bottom: 0;
}

.conHmNews .scrl .bt span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 10px;
  background: url(/pub/pic/down-18-grey.svg) no-repeat center;
}
.conHmNews .links {
  height: 20px;
  text-align: right;
}
.pvid.ct1 {
  margin: 10px 0 15px 0;
}
.content12 .pvid.ct1 {
  width: 940px;
}
.linkdat::before {
  content: "DATEN";
  margin-right: 6px;
}
.label, .linkdat::before {
  display: inline-block;
  padding: 0 4px;
  color: #ae0816;
  border: 1px solid #ae0816;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  vertical-align: top;
}

#spxadpres1 {
  margin: 5px 0 5px 0;
}
#spxadpres1 a > img {
  vertical-align: bottom;
}
.bArt .comdiv_width, .bTick .comdiv_width {width: 500px !important;}

/* new videos page */
.itm .med .dur {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  background-color: #000000;
  font-size: 11px;
  padding: 0 3px;
}
.bVid #content {
  padding: 0 0 20px 0;
}
.bVid h1 {
  color: #0b1124;
  margin-left: 15px;
}

.conVidPlay .content1 { width: 621px;}
.conVidPlay .content2 { margin-left: 19px;}

.conVidPlay .vidRel .itm {
  border: 1px solid #000000;
  padding: 7px;
  margin-top: 18px; /*26px;*/
  position: relative;
}
.itm > a.lnkovall {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.conVidPlay .vidRel .itm:first-child, .conVidPlay.pg .vidRel .itm:first-child {
  margin-top: 0;
}
.conVidPlay .vidRel .itm:last-child {
  margin-top: 19px; /*24px;*/
}
.conVidPlay.pg .vidRel .itm {
  margin-top: 18px;
}
.conVidPlay.pg .vidRel. itm:last-child {
  margin-top: 19px;
}

.conVidPlay .vidRel .itm .med {
  width: 96px;
  height: 54px;
  position: relative;
  float: left;
  font-size:10px;
  color: transparent;
}

.conVidPlay .vidRel .itm .med img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.conVidPlay .vidRel .itm .tx {
  height: 56px;
  overflow: hidden;
  padding-left: 10px;
  margin-top: -2px;
}
.conVidPlay .vidRel .itm .tx .dz {
  font-size: 15px;
  font-weight: bold;
  color: #0032af;
}
.conVidPlay .vidRel .itm .tx .tit {
  font-size: 13px;
  line-height: 1.25em;
}

.bVid .chanVids.hid {
  opacity: 0;  
  height:0;
  overflow: hidden;
}
.bVid .chanVids {
  opacity: 1;  
  transition: opacity linear 0.5s;
}

.bVid .navndrop .drops.open .links {
  transform: translate3d(0px, 0px, 0px);  
}

.bVid .chanVids, .bVid .recs {
  width: 960px;
}
.bVid .chanVids .itm, .bVid .recs .rec {
  display: inline-block;
  vertical-align: top;
  margin: 20px 20px 20px 0;
}
.bVid .recs .rec {
  width: 300px;
}
.bVid .cmp {
  margin: 20px 0;
}
.bVid .chanVids .itm {
  position: relative;
  border: 1px solid #000;
  padding: 7px;
  width: 284px;
}
.bVid .chanVids .itm .med {
  width: 284px;
  height: 0;
  padding-bottom: 56.13%;
  position: relative;
}
.bVid .chanVids .itm .med img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bVid .chanVids .itm .tx {
  height: 76px;
  position: relative;
}
.bVid .chanVids .itm .tx .tit {
  text-align: center;
  width: 100%;
}
.bVid .navndrop {
  position: relative;
  margin-top: 20px;
}
.bVid .navndrop .navs .el {
  display: inline-block;
  overflow: hidden;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  background-color: #d2d2d2;
  margin-right: 10px;
  font-size: 13px;
  cursor: pointer;
  transition: background-color linear .2s, color linear .2s;
}
.bVid .navndrop .navs .el.sel, .bVid .navndrop .navs .el:hover {
  color: #ffffff;
  background-color: #fb3500;
}
.bVid .navndrop .drops {
  position: absolute;
  right: 0;
  z-index: 0;
  transition: z-index .2s linear 0s;  
}
.bVid .navndrop .drops.open {
  z-index: 1;
  transition: z-index 0s linear 0s;  
}
  
.bVid .navndrop .drops .links, .bVid .navndrop .drops .title {
  background: #0032af;
  color: #ffffff;
  font-size: 13px;
}
.bVid .navndrop .drops .title span {
  background: url(/pub/pic/nav-down.svg) no-repeat center center;
  background-size: cover;
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 2px;
  right: 3px;
  transition: transform linear .2s;
}
.bVid .navndrop .drops.open .title span {
  transform: rotate(180deg);
}
.bVid .navndrop .drops .eff {
  position: relative;
  overflow: hidden;
}
.bVid .navndrop .drops .links {
  padding: 0 8px 7px 8px;
  transform: translate3d(0px, -100%, 0px);  
  transition: transform linear 0.2s;
}
.bVid .navndrop .drops.open .links {
  transform: translate3d(0px, 0px, 0px);  
}
.bVid .navndrop a:hover {text-decoration: none;}
.bVid .navndrop .drops > a {
  display: block;
  width: 150px;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
}
.bVid .navndrop .drops .links a {
  display: block;
  padding: 3px 4px;
  height: 14px;
  line-height: 14px;
  margin-bottom: 5px;
  font-size: 12px;
}
.bVid .navndrop .drops .links a:hover {
  background-color: rgba(255,255,255,.2);
}
/* end of new videos page */

/*video-page-player in distributor content*/
#content .conGrp .content12 {
  margin-left: 0px;
}
.rec > .adlbl {
  display: none;
}
.stick .stickstep1 {
  position: relative;
  overflow: hidden;
  max-height: 300px;
  transform: translate3d(0, 0, 0);  
  transition: max-height .7s ease-out;  
}
.stick .stickstep1.down {
  max-height: 0;
}
.spxcib {
  position: fixed;
  bottom:0;
  width: 100%;
  background: #fb3500;
  color: #fff;
  z-index: 100000;
  max-height: 0;
  transition: max-height .7s ease-out;  
}
.spxcib.open {
  max-height: 150px;
}
.spxcib .tx {
  padding: 10px 110px 20px 10px;
  font-weight: bold;
}
.spxcib .tx a {
  text-decoration: underline;
}
.spxcib .pgCenterC {
  position: relative; 
}
.spxcib .bt {
  position: absolute;
  right: 20px;
  top: 10px;
  background: #0032af;
  color: #fff;
  padding: 3px 20px;
  cursor: pointer;
  font-weight: bold;
}








/* all about homepage 2018 */
.bHome18 .conGrp {
  margin: 20px 0 20px 0;
}
.bHome18 flx.tp460.conGrp {
  margin-top:0;
}
.bHome18 .flxct > .conGrp:first-child {
  margin-top: 0px;
}
.bHome18 .flxct > .conGrp:last-child {
  margin-bottom: 0px;
}
.bHome18 .flx.ord {
  display: flex;
  flex-direction: column;
}
.bHome18 .flx.ord .cnB { order: 2; }
.bHome18 .flx.ord .cnT { order: 1; }

.bHome18 .grpTop h1 {
  color: #000000;
  font-weight: normal;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
}
.bHome18 .txbt h1 {
  color:#fff;
  background-color: #0b1124;
  font-size: 22px;
  text-align: center;
  padding: 0 10px;
}


.rpic {
  width: 100%;
  position: relative;
  height: 0;
}
.rpic > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}
.rpic > img[data-src] {
  visibility: hidden;
}
.bHome18 .txinpic img {
  width: 100%;
}
.txinpic h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.25em;
}

/* Aufmacher */
.bHome18 .flx.tp460 {
  display: flex;
  justify-content:space-between;
  margin-top:19px;
}
.bHome18 .flx.tp460 .ct {
  width: 460px;
}
.bHome18 .tp460 .txinpic h2 {
  font-size: 18px;
  font-weight: bold;
}
.bHome18 .flx.tp300 {
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.bHome18 .flx.tp300 .ct {
  margin-top:20px;
  width: 300px;
}
.bHome18 .flx.tp300 .ct:nth-of-type(1),
.bHome18 .flx.tp300 .ct:nth-of-type(2),
.bHome18 .cnT > .conGrp .flx.tp300 .ct:nth-of-type(3) {
  margin-top: 0;
}

/* Viral Video */
.bHome18 .flx.vv {
  display: flex;
  justify-content:space-between;
}
.bHome18 .flx.vv .ct {
  width: 300px;
}
.bHome18 .flx.con12 .flxct.con1 .fltrec.a.on {
  position:fixed;
  top:65px;
}

/* Aufmacher Bereichsgruppierung */
.bHome18 .flx.con12 {
  display: flex;
  justify-content:space-between;
  align-items: stretch;
  margin:20px 0;  
}
.bHome18 .flx.con12 .flxct.con1 {
  width: 300px;
  background-color: #f5f5f5;  
}
.bHome18 .flx.con12 .flxct.con1 > .fltrec.b {
  height: 20px;
}
.bHome18 .flx.con12 .flxct.con2 {
  width: 620px;
}
/* Themen des Tages */
.bHome18 .flx.tdt {
  display: flex;
  justify-content:space-between;
}
.bHome18 .flx.tdt .ct.col1 {
  width: 47%;
}
.bHome18 .flx.tdt .ct.col2 {
  width: 50%;
  border-left: 1px solid #b5b5b5;
  padding-left: 10px;
}
.bHome18 .tdtbd .ct .topic {
  margin-bottom: 15px;
}
.bHome18 .tdtbd .ct .topic .topicTitle {
  font-size: 13px;
}

/* Reiter 18 / Homepage News */
.bHome18 .rtr18 {
  border: 0;
  padding: 0;
}
.bHome18 .conHmNews .pgs .pg .items {
  height: auto;
  overflow: hidden;
}
.bHome18 .conHmNews .pgs .items .itm {
  border-width: 0;
}
.bHome18 .conHmNews .pgs .items .itm:last-child {
  border-width: 0;
}
.rtr18 .pgNav .rtr.sel {
  color: #fb3500;
  border-color: #fb3500;
  font-weight: bold; 
  font-size: inherit;
  cursor: context-menu;  
}
.rtr18 .pgNav .rtr {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  text-transform: none;
  line-height:1.5em;
  color: #9b9b9b;
  padding: 0 2px;
  border-bottom: 2px solid transparent;
}
.rtr18 .pgNav .rtr:hover {
  text-decoration: none;
  border-color: #9b9b9b;
}
.rtr18 .pgNav .rtr.sel:hover {
  border-color: #fb3500;
}
.rtr18 .pgNav .scroller {
  position: relative;
  /*text-align: center;*/
  /*white-space:nowrap;
  overflow-x: visible;
  overflow-y: hidden;*/
}
.rtr18 .pgNav {
  height: auto;
}


.bHome18 .daytickerCon {
  border: 1px solid #979797;
  position: relative;
}
.bHome18 .daytickerCon .itms {
  height: 78px;
  border: 1px solid #0b1124;
  border-width: 0 0 0 89px;
}
.bHome18 .daytickerCon .stoerer.stoererTdTL.m {
  position: absolute;
  top:8px;
  left:10px;
  width: 69px;
  height: 58px;
  z-index: 1;
}  
.bHome18 .daytickerCon a.lnklgo {
  position: absolute;
  top:0;
  left:0;
  width: 89px;
  height: 78px;
  z-index: 2;
}
.bHome18 .daytickerCon .itm {
  display: block;
  position: relative;
  width: 201px;
  height: 78px;
}
.bTick .topitems .daytickerCon .itm {
  display: block;
  position: relative;
  width: 179px;
  height: 78px;
}
.daytickerCon .itm .text {
  position: absolute;
  top:9px;
  left: 10px;
  width: calc(100% - 15px);
  font-size: 13px;
  font-weight: bold;
  line-height: 1.25em;
}
.daytickerCon .itm .date {
  display: block;
  position: absolute;
  bottom: 7px;
  left: 10px;
  color: #0032af;
  font-size: 12px;
}
.daytickerCon .itm .sep {
  position: absolute;
  right:0;
  top: 10px;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #b5b5b5;
}
.daytickerCon .itm:last-child .sep {
  display: none;
}

.bHome18 .rtx .artCmp .medlnk {
  margin: 0 20px;
  float: right;
}
/* end of all about homepage 2018 */


/* GSM data snippet */
.gsmdata18 a:hover {
  text-decoration: none;
}
.gsmdata18 a.stretch {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
}
.gsmdata18 {
  font-family: 'Saira', Arial ,sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.gsmdata18 .row {
  border-top: 1px solid #b5b5b5;
  margin: 10px 0;
  position: relative;
  line-height: 0;
}
.gsmdata18 .row:last-child {
  border-bottom: 1px solid #b5b5b5;
}
.gsmdata18 .q.unvis {
  display:none;
}
.gsmdata18 .q {
  margin: 10px 0;
  position: relative;
  text-align: center;
}
.gsmdata18 .q .lgo {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: calc(50% - 120px - 35px);
}
.gsmdata18 .q .lgo.leovegas {
  background: url(/pub/pic/icons/icon-leovegas.png) no-repeat center center;
}
.gsmdata18 .q .lgo.tipico {
  background: url(/pub/pic/icons/icon-tipico-r.png) no-repeat center center;
}
.gsmdata18 .q .lgo.bwin {
  background: url(/pub/pic/icons/icon-bwin.jpg) no-repeat center center;
  width: 14px;
  height: 19px;
}
.gsmdata18 .q .lgo.betathomede, .gsmdata18 .q .lgo.betathomeat {
  background: url(/pub/pic/icons/icon-betathome-at.gif) no-repeat center center;
}



.gsmdata18 .q .v {
  display: inline-block;
  height:18px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #b5b5b5;
  width: 80px;
  font-weight: bold; 
}
.gsmdata18 .q .v.x {
  margin: 0 5px;
}
.gsmdata18 .q .v .bl {
  font-weight: normal;
  color: #818181;
}
.gsmdata18 .q .v .bv {
  width: 26px;
  display: inline-block;
  text-align: right;  
}
.gsmdata18 .teams {
  margin: 10px 0;
  width: 100%;
}
.gsmdata18 .teams a {
  white-space: nowrap;
  overflow: hidden;
}
.gsmdata18 .teams .result {
  display: inline-block;
  position: relative;
  height:18px;
  line-height: 18px;
  text-align: center;
  border: 1px solid #b5b5b5;
  margin: 0 10px;
  width: 40px; 
  font-weight: bold;
}
.gsmdata18 .teams .teamName {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: calc(50% - 11px - 20px);
  font-size: 15px;
  color: #081f2c;
}
.gsmdata18 .row.dt .teams .result {
  font-weight: normal;
}
.gsmdata18 .row.ex .teams .result {
  width: 80px;
}
.gsmdata18 .row.ex .teams .teamName {
  width: calc(50% - 11px - 40px);
}
.gsmdata18 .row .teams .result .ot {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: normal;
}

.gsmdata18 .teams .teamA {
  text-align: right;
}
.gsmdata18 .played .result {
  color: #fff;
  background: #000;
  border-color: #000;
}
.gsmdata18 .playing .result {
  color: #fff;
  background: #ae0816;
  border-color: #ae0816;
}

.adsur {
  transition: min-height ease 0.2s;  
}
.adsur.abs {
  position: relative;
}
.adsur.abs > div {
  position: absolute;
  width: 100%;
}
.topmobsticky {
  position: fixed;
  top:0px;
  xleft:0;
  width:100%;
  z-index:100000;
  background:#000;
}