/**** Accessibilty link styles ****/
#skiplinks a, #skiplinks a:hover, #skiplinks a:visited {
   position: absolute;
   left: -6000px;
   top: -6000px;
   overflow: hidden;
   display: inline;
}

#skiplinks a:focus, #skiplinks a:active {
   position: absolute;
   display: block;
   font-size: 0.875em;
   font-weight: bold;
   top: 0;
   left: 25px;
   padding: 0.5em 0.5em 0.5em 0.85em;
   background: #FEFEFE;
   color: #556DA6;
   width: 25em;
   border-width: 0 3px 3px 3px;
   border-style: solid;
   border-color: #556DA6;
   z-index: 500;
   text-decoration: none !important;
   outline: none;
}

/** header **/
.ss .header {
   background: #5b8cc1;
   }
.ss.wie .header {
   background-color: #ee7e01;
}
.ss.noe .header {
   background-color: #002777;
}
.ss.bgl .header {
   background-color: #ffa60f;
}
.ss.ooe .header,
.ss.tir .header,
.ss.vbg .header,
.ss.ktn .header,
.ss.sbg .header {
   background-color: #bc1716;
}
.ss.stm .header {
   background-color: #006843;
}

/** Better outlines for some bulas **/
.ss .header .bulaLogo,
.ss .header .orfonTarget {
   color: #fff;
}

.ss.noe.wahl .header {
   background: #002777 url('../images/header.noewahl2018.png') 0px 0px no-repeat;
}

.ss.tir.wahl .header {
   background: #bc1716 url('../images/header.tirwahl2018.png') 0px 0px no-repeat;
}

.ss.ktn.wahl .header {
   background: #bc1716 url('../images/header.ktnwahl2018.png') 0px 0px no-repeat;
}

.ss.sbg.wahl .header {
   background: #bc1716 url('../images/header.sbgwahl2018.png') 0px 0px no-repeat;
}


.ss.wahl .header .wahl2018 {
    display: inline;
    position: absolute;
    top: 13px;
    left: 455px;
    height: 55px;
    width: 180px;
}


/**
 * Wettericons im Header
 */
.ss .header .weather {
   font-family: "ORF ON Condensed",sans-serif;
   font-weight: 500;
   font-size: 15px;
	display: none;
   position: absolute;
   top: 13px;
   left: 310px;
   height: 55px;
   width: 220px;
   color: white;
}
.ss .header .weather .icon {
   position: absolute;
   left: 0;
   top: 0;
}
.ss .header .weather .data {
   display: block;
   margin-left: 55px;
   margin-top: 20px;
}


/**
 * Radio Live Link
 */
.ss .radioLive {
   font-family: "ORF ON Condensed",sans-serif;
   font-weight: 500;
   font-size: 15px;	
   position: absolute;
   top: 16px;
   left: 624px;
}
.ss .radioLive h4 {
   color: black;
   padding-left: 16px;
}
.ss.noe .radioLive h4 {
   color: #aaa;
}

.ss .radioLive a {
   color: white;
   display: block;
   background: url('../images/arrow.livelink.png') 0px 2px no-repeat;
   padding-left: 16px;
}

/**
 * Sub-Navigation auf der rechten Seite
 */
.ss .subNavigation {
   float: right;
   width: 176px;
   font-size: 0.875em; /* 14px */
}

.ss .siteNavigation {
   padding: 16px 0 0 8px;
   border-bottom: 5px solid white;
   overflow: auto;
}

.ss .siteNavigation > li {
   background: url('../images/arrow.subnav.png') 0px 3px no-repeat;
   padding-left: 13px;
   margin-bottom: 18px;
}

.ss .siteNavigation ul {
   margin-top: 2px;
   overflow: auto;
}

.ss .siteNavigation ul.separate {
   margin-top: 10px;
}

.ss .siteNavigation ul li {
   float: left;
   font-size: 0.928em; /* 13px */
   margin: 0 4px 2px 0;
}

.ss .siteNavigation ul a {
   color: #5f6e95;
}

.ss .siteNavigation ul li:last-child a:after {
   content: "";
}

.ss .siteNavigation abbr {
   cursor: inherit;
   border: 0;
   text-decoration: none;
}

/**
 * Bula navigation
 */
.ss .bulaNavigation {
   position: relative;
   border-bottom: 5px solid white;
   background-color: white;
}
.ss .bulaNavigation .chooser {
   display: block;
   position: relative;
   width: 176px;
   height: 47px;
   overflow: hidden;
   background-color: #ebebed;
}
.ss .bulaNavigation .chooser .handle {
   display: block;
   position: absolute;
   top: 0;
   width: 112px;
   padding: 17px 0 26px 10px;
   color: #466199;
   cursor: pointer;
   border: 1px solid transparent;
}
.ss .bulaNavigation .chooser .handle.expanded {
   border-color: #bac2d4 #a6adbd #c5cdde #cdd4e4;
}
.ss .bulaNavigation .logo {
   position: absolute;
   top: 0;
   right: 0;
   width: 47px;
   height: 47px;
   display: block;
   border-left: 5px solid white;
   overflow: hidden;
   background: url('../images/sprite.lstlogos.big.png') no-repeat top left;
}
.ss.bgl .bulaNavigation .logo { background-position: 0 0; }
.ss.wie .bulaNavigation .logo { background-position: 0 -50px; }
.ss.noe .bulaNavigation .logo { background-position: 0 -100px; }
.ss.stm .bulaNavigation .logo { background-position: 0 -150px; }
.ss.vbg .bulaNavigation .logo { background-position: 0 -200px; }
.ss.tir .bulaNavigation .logo { background-position: 0 -250px; }
.ss.sbg .bulaNavigation .logo { background-position: 0 -300px; }
.ss.ktn .bulaNavigation .logo { background-position: 0 -350px; }
.ss.ooe .bulaNavigation .logo { background-position: 0 -400px; }

.ss .bulaNavigation .dropdown {
   display: none;
   background-color: #ebebed;
   margin: 0 0 0 0;
   position: absolute;
   width: 175px;
   z-index: 20; /* to prevent layering */
   border-style: solid;
   border-width: 1px;
   border-color: #bac2d4 #a6adbd #c5cdde #cdd4e4;
   padding: 5px 0;
}
.ss .bulaNavigation .dropdown li a {
   margin: 7px 0 6px 8px;
   display: block;
   color: #51689e;
}

/**
 * Oes Navigation
 */
.ss .oesNavigation {
   margin: 16px 0 0 18px;
}
.ss .oesNavigation li {
   margin-bottom: 14px;
}
.ss .oesNavigation li a {
   display: block;
   height: 20px;
   overflow: hidden;
   line-height: 20px;
   padding: 0 0 0 28px;
   background: url('../images/sprite.lstlogos.small.png') 0 0 no-repeat;
}
.ss .oesNavigation li.bgl a { background-position: 0 0; }
.ss .oesNavigation li.wie a { background-position: 0 -30px; }
.ss .oesNavigation li.noe a { background-position: 0 -60px; }
.ss .oesNavigation li.stm a { background-position: 0 -90px; }
.ss .oesNavigation li.vbg a { background-position: 0 -120px; }
.ss .oesNavigation li.tir a { background-position: 0 -150px; }
.ss .oesNavigation li.sbg a { background-position: 0 -180px; }
.ss .oesNavigation li.ktn a { background-position: 0 -210px; }
.ss .oesNavigation li.ooe a { background-position: 0 -240px; }

/** Override the pirate bunny default style **/
.ss .wrapper {
   background: white url('../images/background2.png') repeat-y;
}
.ss .orfonTarget {
   position: absolute;
   left: 142px;
   top: 20px;
}
.ss .bulaLogo {
   position: absolute;
   top: 20px;
}
.ss .bulaLogo img {
   display: block;
}
.ss.oes .bulaLogo { left: 27px; }
.ss.wie .bulaLogo { left: 89px; }
.ss.tir .bulaLogo { left: 94px; }
.ss.noe .bulaLogo { left: 100px; }
.ss.ooe .bulaLogo { left: 100px; }
.ss.bgl .bulaLogo { left: 24px; }
.ss.stm .bulaLogo { left: 28px; }
.ss.ktn .bulaLogo { left: 48px; }
.ss.vbg .bulaLogo { left: 33px; }
.ss.sbg .bulaLogo { left: 51px; }

/**
 * Content
 */
.ss .content {
   width: 624px;
   float: left;
}

.ss .content h1.tag {
   font-size: 1.4em;
   margin: 0.833em 20px 0 172px;
}

/**
 * Storylist
 */
.ss .storyList {
   margin: 13px 0 30px 0;
}

/**
 * Storylist page navigation
 */
.ss .storyList ul.pageNav {
    margin: 10px 20px 10px 127px;
    overflow: hidden;
}
.ss .storyList ul.pageNav li a {
   display: block;
   font-weight: bold;
   font-size: 0.813em; /* 13px */
   text-decoration: none;
}
.ss .storyList ul.pageNav li.prev a {
   float: left;
   padding-left: 12px;
   background: url('../images/arrow.left.png') 0 3px no-repeat;
}
.ss .storyList ul.pageNav li.next a {
   float:right;
   padding-right: 12px;
   background: url('../images/arrow.right.png') right 3px no-repeat;
}
.ss .storyList ul.pageNav.bottom {
   border-top: 5px solid #f2f3f6;
   padding-top: 10px;
}

/**
 * Storylist item
 */
.ss .storyListItem {
   max-height: 10000px; /* disables chrome font boosting */
   margin-bottom: 10px;
}
.ss .storyListItem .storyBox {
   border-top: 5px solid #f2f3f6;
   padding-top: 10px;
   margin: 0 10px 0 171px;
}
.ss .storyListItem.indent .storyBox {
   margin-left: 173px;
}
/* no top border for first list item (only in site storylists, not in tags!) */
.ss .storyList.site .storyListItem:first-child .storyBox {
   border-top: none;
   padding-top: 14px;
}
/* instead of on oes news frontpage */
.ss.news.oes .storyList.site .storyListItem:first-child .storyBox {
   border-top: 5px solid #f2f3f6;
   padding-top: 10px;
}
.ss .storyListItem:first-child .storyBox.indent {
   padding-top: 0;
}
.ss .storyListItem > a,
.ss .storyListItem > img {
   float: left;
   margin-top: 20px;
}
.ss .storyListItem img {
   display: block;
}

/**
 * Metaline (Keyword/Date)
 */
.ss .metaline {
	font-family: "ORF ON Condensed SC",sans-serif;
	text-transform: uppercase;
   position: relative;
   font-size: 0.933em;
}
.ss .metaline .tag {
   display: inline-block;
}
.ss.bula .metaline {
   /* same as .offscreen, but can't use it without additional skins */
   position: absolute;
   top: -6000px;
   left: -6000px;
}
.ss .metaline .datetime {
   color: #d2d3d6;
   position: absolute;
   top: 0;
   right: 0;
}
.ss .metaline abbr {
   font-size: 1.286em;
   cursor: default;
   border: 0;
   text-decoration: none;
}
.ss .metaline .time,
.ss .metaline .date {
	font-size: 1.143em;
   display: inline-block;
}
.ss .metaline .bula {
   margin-left: 5px;
   font-weight: bold;
}
.ss .metaline .bula.wie {
   color: #eb7132;
}
.ss .metaline .bula.tir,
.ss .metaline .bula.ktn,
.ss .metaline .bula.ooe,
.ss .metaline .bula.sbg,
.ss .metaline .bula.vbg {
   color: #bc1716;
}
.ss .metaline .bula.bgl {
   color: #ffa60f;
}
.ss .metaline .bula.noe {
   color: #002777;
}
.ss .metaline .bula.stm {
   color: #006843;
}




/**
 * StoryBox (Note that this is also used in (Line-)Grid items
 */
.ss .storyBox {
   font-size: 0.9375em; /* 15px;*/
   line-height: 1.286em; /* 18px */
}

.ss .storyBox h1,
.ss .storyBox h2 {
   font-size: 1.2em; /* 18px */
   font-weight: bold;
   line-height: 1.1em;
   margin: 4px 0 5px 0;
}
.ss .storyBox p a {
   font-weight: bold;
}

/**
 * Linegrid
 */
/* hide time/keyword on all pages except oesnews */
.ss .griditem.linegrid .metaline .tag,
.ss .griditem.linegrid .metaline .time,
.ss.oes .griditem.linegrid .metaline .time {
   position: absolute;
   top: -6000px;
   left: -6000px;
}
.ss.oes .griditem.linegrid .metaline .tag {
   position: static;
}

/**
 * Highlights Grid
 */
.ss .stripgrid {
   margin-top: 9px;
   position: relative;
   height: 80px;
   overflow: hidden;
   *top: 14px;
   *padding: 8px 0;
}
.ss.wie .griditem.textimage > a {
   border-left-color: #ee7e01;
}
.ss.ooe .griditem.textimage > a,
.ss.tir .griditem.textimage > a,
.ss.vbg .griditem.textimage > a,
.ss.ktn .griditem.textimage > a,
.ss.sbg .griditem.textimage > a {
   border-left-color: #bc1716;
}
.ss.noe .griditem.textimage > a {
   border-left-color: #002777;
}
.ss.bgl .griditem.textimage > a {
   border-left-color: #ffa60f;
}
.ss.stm .griditem.textimage > a {
   border-left-color: #006843;
}


/**
 * Promotion Grid v2
 */

.ss .promov2 {
   padding: 16px;
   border-bottom: 5px solid white;
}

.ss .promov2.bxslider {
   padding: 5px 16px 16px 16px;
   border-bottom: none;
}

.ss .promov2 a {
   color: #333;
   text-decoration: none;
   cursor: pointer;
 
}

.ss .promov2 .storyBox {
   padding: 5px;
}

.ss .promov2 .storyBox h2 {
   font-family: 'ORF ON Condensed', Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
   margin: 2px 0;
   font-size: 1.3em;
   overflow: hidden;
}

.ss .promov2 .storyBox p {
   font-size: 0.923em;
   line-height: 1.2em;
}

.ss .promov2 .storyBox strong {
   color: #556DA6;
}

.ss .promov2 img {
   display: block;
}

/* old promo grid link*/
.ss .promo > a {
    display: block;
    cursor: pointer;
    padding: 16px 0 16px 16px;
    border-bottom: 5px solid white;
}

.ss .promo img {
   display: block;
}



/**
 * Video Controls
 */
.ss .remote {
   position: relative;
}
.ss .remote .error,
.ss .remote .unavailable {
   border: 1px solid #dededf;
   color: #999;
   background-color: #f4f4f5;
   margin: 10px 0;
   padding: 4px;
}
.ss .remote .controls {
   position: absolute;
   top: 0px;
   left: 0px;
}
.ss .remote .controls a {
   position: absolute;
   top: -3000px;
   left: -3000px;
}
.ss .remote .controls a:focus {
   position: relative;
   top: -1.6em;
   left: 0px;
   padding: 0.400em 0.667em;
   font-size: 1.2em;
   font-weight: bold;
   outline: none;
   color: #002C5A;
   border: 0;
   background: #EDEEF0;
   z-index: 200;
}

/** remote caption **/

.ss .remote.video + .caption {
   font-size: 0.867em; /* 13px; */
   line-height: 1.231em; /* 16px */
   margin: -14px 0px 20px 0px;
}

/*** Slideshows ***/
.ss .remote.slideshow .navigation {
   position: relative;
}

.ss .remote.slideshow .photo {
   cursor: pointer;
}

.ss .remote.slideshow p {
   margin: 2px 0;
}

.ss .remote.slideshow .showMetadata p {
   margin: 6px 0 4px 0;
}

.ss .remote.slideshow button {
   background: transparent;
   border: 0;
   padding: 0;
   margin: 0;
   font-size: inherit;
   font-family: inherit;
   position: absolute;
   top: 0;
   overflow: visible;
   outline: none;
   cursor: pointer;
   color: #556DA6;
}

.ss .remote.slideshow button:hover,
.ss .remote.slideshow button:focus {
   color: #000;
}

.ss .remote.slideshow button .arrow-button {
   display: inline-block;
   background: url('../images/sprite.arrows.png') -122px -141px no-repeat;
   width: 10px;
   height: 13px;
   *position: relative;
   *top: -3px;
}

.ss .remote.slideshow .prev .arrow-button {
   background-position: -122px -141px;
   margin-right: 3px;
   *margin-right: 5px;
}

.ss .remote.slideshow .next .arrow-button {
   background-position: -93px -141px;
   margin-left: 3px;
   *margin-left: 5px;
}

.ss .remote.slideshow .prev:hover .arrow-button,
.ss .remote.slideshow .prev:focus .arrow-button {
   background-position: -201px -141px;
}

.ss .remote.slideshow .next:hover .arrow-button,
.ss .remote.slideshow .next:focus .arrow-button {
   background-position: -172px -141px;
}

.ss .remote.slideshow button:hover:active {
   outline: none;
}

.ss .remote.slideshow button.prev {
   left: 0;
}

.ss .remote.slideshow button.next {
   right: 1px;
}

.ss .remote.slideshow button span {
   margin: 0;
   padding: 0;
   position: relative;
   left: 0;
   top: 0;
}

.ss .remote.slideshow .location {
   display: block;
   text-align: center;
   color: #858c9e;
   font-size: 0.733em; /* 11px */
}

.ss .remote.slideshow .frame {
   clear: both;
   position: relative;
   padding-bottom: 8px;
}

.ss .remote.slideshow .photoMetadata h3 {
   font-weight: bold;
   margin: 0;
}

.ss .remote.slideshow .photoMetadata p {
   font-size: .867em;
   margin: 6px 0 0 0;
   line-height: 1em;
}

.ss .remote.slideshow .frame .credits {
   margin: 0;
   color: #A5A5A5;
   font-size: 0.667em;
   position: absolute;
   bottom: -3px;
   right: 5px;
}

/**
 * Tag listing page
 */
.ss .content > h1 {
   font-size: 1.125em; /* 18px */
   font-weight: bold;
   margin: 0.833em 20px 0 127px; /* 15px */
}

/**
 * A-Z
 */
.ss .content .alphaNavigation {
   margin: 0.625em 0 0 127px; /* 10px */
   overflow: auto;
}
.ss .content .alphaNavigation li {
   float: left;
   min-width: 17px;
   text-align: center;
   border: 1px solid #f2f3f6;
   margin-right: -1px;
   color: #dbdee6;
}
.ss .content .alphaNavigation li.existing a {
   color: #556DA6;
}
.ss .content .alphaNavigation li a {
   display: block;
   padding: 0 2px;
   min-width: 12px;
   text-align: center;
}
.ss .content .alphaNavigation li.current {
   background-color: #556DA6;
   border-color: #556DA6;
}
.ss .content .alphaNavigation li.current a {
   color: white;
}

/**** Flags ****/
.ss .frontFlag {
   position: absolute;
   top: 13px;
   left: 630px;
   width: 153px;
   max-height: 50px;
}
.ss .frontFlag a,
.ss .frontFlag img {
   display: block;
}
.ss .frontFlag img {
   width: 153px;
   height: 50px;
}

/**
 * Banner
 */
.ss .banner a {
   text-decoration: none;
   border: none;
}
/** Only apply styles if the JS detected that it is active */
.ss .banner.top1 {
   padding: 0;
   margin: 0px 0px 7px 25px;
}
.ss .banner.top1.disabled { /* can be removed when appnexus is finished */
   margin: 0;
   font-size: 0;
   position: absolute;
}
.ss .banner.position1 {
   margin-top: 77px;
   position: absolute;
   left: 840px;
   top: 0;
}
@media (min-device-width: 480px) {
   .ss .banner.position1 {
      position: fixed;
      bottom: 0;
      right: 0;
   }
}
.ss .banner.sitebar {
   position: fixed;
   top: 0px;
   bottom: 0;
   right: 0;
}

/**
 * Error pages
 */
.ss .error {
   background: #fff;
}
.ss .error .message {
   height: 400px;
   padding: 50px 0px 0px 220px;
   background: url('../images/testbild.png') 0 50px no-repeat;
}
.ss .error .message p.metaline {
   margin: 0;
}
.ss .error .message h1 {
   font-weight: bold;
   font-size: 18px;
   margin: 4px 0 5px 0;
}
.ss .error .message p {
   font-size: 14px;
   line-height: 18px;
   margin: 0 25px 1.067em 0;
}
.ss .error .message p a {
   font-weight: bold;
}

/**
 * Programschema
 */

.ss div.programscheme table {
   border-collapse: collapse;
}

.ss div.programscheme table th {
   font-weight: bold;
   text-align: left;
   font-size: 0.9em;
   padding: 20px 10px 0 0;
}

.ss div.programscheme table td {
   font-size: 0.85em;
   padding: 2px 20px 3px 0;
   border-top: 1px solid #ddd;
}

/**
 * Werbemittelkennzeichnung Adworx
 */
.ss .adwxDisclaimer {
   color: #000 !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
   font-size: 10px !important;
   line-height: 10px !important;
   font-weight: normal !important;
   padding: 4px !important;
   margin: 0px !important;
   text-align: right !important;
}

.ss.news .adwxDisclaimer {
   background: #456A9B !important;
   color: #CED0D4 !important;
}

.ss.bula .adwxDisclaimer {
   background: #CED0D4 !important;
}


/*** SVG logos ***/
.ss .hdpiLogo * {
   float: left; /* IE7 / IE8 fix */
}

.ss #orfonTarget {
   position: absolute;
   top: 20px;
   left: 142px;
}

.ss #bglLogo {
   position: absolute;
   top: 19px;
   left: 8px;
}

.ss #vbgLogo {
   position: absolute;
   top: 19px;
   left: 19px;
}

.ss #tirLogo {
   position: absolute;
   top: 19px;
   left: 92px;
}

.ss #sbgLogo {
   position: absolute;
   top: 19px;
   left: 45px;
}

.ss #ktnLogo {
   position: absolute;
   top: 19px;
   left: 39px;
}

.ss #stmLogo {
   position: absolute;
   top: 19px;
   left: 17px;
}

.ss #ooeLogo {
   position: absolute;
   top: 19px;
   left: 91px;
}

.ss #noeLogo {
   position: absolute;
   top: 19px;
   left: 91px;
}

.ss #wieLogo {
   position: absolute;
   top: 19px;
   left: 83px;
}

.ss #oesLogo {
   position: absolute;
   top: 19px;
   left: 7px;
}

.ss #vgrLogo {
   position: absolute;
   top: 19px;
   left: 6px;
}

/*** CustomSearch ***/
.ss .content .customSearch,
.ss .content .customSearchDetails {
   margin-left: 181px;
   margin-right: 20px;
}
.ss .content .customSearch {
   padding-top: 20px;
}

.ss .content .customSearch input[type="search"] {
  display: block;
  margin: 0;
  width: 100%;
  box-shadow: none;
  padding: 10px;
}

.ss .content #customSearchOrder {
 text-align: right;
 font-size: 13px;
}
.ss .content #customSearchOrder a.active {
   text-decoration: underline;
}

.ss .content #customSearchMatches{
   text-align: left;
   display: inline-block;
}
.ss .content .customSearchAlert {
   margin-left: 54px !important;
}

.ss .subNavigation .customSearch {
   padding: 5px 0;
}