/**
 * Global settings
 */
html {
   height: 101%; /* prevents jumping grids and nasty renderings in all browsers */
}

.ss abbr, .ss acronym {
   border-bottom: 1px dotted #777;
   cursor: help;
}

.ss strong {
   font-weight: bold;
}

.ss em {
   font-style: italic;
}

.ss a img {
   border: 0px;
}

.ss a {
   text-decoration: none;
   color: #556DA6;
}

.ss a:focus,
.ss a:hover {
   text-decoration: underline;
}

.ss .clearer {
   clear: both;
}

/**
 * Configure the basic font and color.
 */
.ss {
   color: #333; /* Not black on white, #333 is a little bit softer! */
   font-family: 'ORF ON', Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
   -moz-text-size-adjust: none; /* moz doesn't support percentages */
   -webkit-text-size-adjust: 100%; /* percentage needed because otherwise zoom on desktop not possible */
   -ms-text-size-adjust: none;
   -moz-font-feature-settings: "liga", "kern";
   -webkit-font-feature-settings: "liga", "kern";
   font-feature-settings: "liga", "kern";
   scroll-behavior: smooth; /* animates scrolling even when clicking on fragment anchor, for now only in firefox */
}

.ss.news {
   background: #456a9b;
}
.ss.bula {
   background: #ced0d4;
}

/**
 * For hidden content, e.g. screen reader hints
 */
.ss .offscreen {
   position: absolute;
   top: -6000px;
   left: -6000px;
}

/**
 * Light Version Message, only visible on mobile or limited devices.
 */
.ss .lightVersionMessage {
   background: #fff;
   padding: 17px 17px 22px 25px;
   z-index: 100;
   width: 100%;
   font-size: 20px; /* Uses fixed pixel size for limited devices */
   border-bottom: 2px solid #38476B;
   display: none;
   cursor: pointer;
}

.ss .lightVersionMessage.showLightVersionMessage {
   display: block !important;
}

.ss .lightVersionMessageV2 {
   background: #F0F1F4;
   color: #344977 !important;
   padding: 0 17px 0 25px;
   height: 110px;
   line-height: 110px;
   z-index: 100;
   width: 100%;
   font-family: ORF ON Condensed;
   font-size: 50px; /* Uses fixed pixel size for limited devices */
   border-bottom: 2px solid #38476B;
   display: none;
   cursor: pointer;
}

.ss .lightVersionMessageV2.showLightVersionMessage {
   display: block !important;
}

/**
 * Defines the "Blatt" and wraps the whole content.
 */
.ss .wrapper {
   margin: 0 0 125px 25px;
   width: 800px;
   position: relative;
}

/**
 * Header and Network Navigation
 */
.ss .header {
   position: relative;
   height: 110px;
   z-index: 100;
}

.ss .orfonTarget {
   position: absolute;
   top: 22px;
   left: 146px;
}

.ss .networkNavigation {
   position: absolute;
   top: 77px;
   height: 27px;
   width: 100%;
   font-size: 13px; /* better a11y if fixed */
   line-height: 15px;
}

.ss .networkNavigation a {
   font-weight: normal;
   text-decoration: none;
   color: #ffffff;
}

.ss .networkNavigation a:focus,
.ss .networkNavigation a:hover {
   text-decoration: underline;
}

.ss .networkNavigation abbr {
   border: 0;
   cursor: pointer;
   text-decoration: none;
}

.ss .networkNavigation li {
   float: left;
   display: inline;
   padding: 6px 10px 6px 18px;
}

.ss.news .networkNavigation {
   border-bottom: 6px solid #456a9b;
}
.ss.bula .networkNavigation {
   border-bottom: 6px solid #ced0d4;
}
/**
 * BULA specific network navigation
 */
.ss.oes .networkNavigation {
   background-color: #4574a7;
}
.ss.wie .networkNavigation {
   background-color: #d16f01;
}
.ss.wie .networkNavigation a:focus,
.ss.wie .networkNavigation a:hover,
.ss.wie .networkNavigation a.current {
   color: #8b3002;
}
.ss.noe .networkNavigation {
   background-color: #002061;
}
.ss.noe .networkNavigation a:focus,
.ss.noe .networkNavigation a:hover,
.ss.noe .networkNavigation a.current {
   color: #7892c6;
}
.ss.bgl .networkNavigation {
   background-color: #e0920d;
}
.ss.bgl .networkNavigation a:focus,
.ss.bgl .networkNavigation a:hover,
.ss.bgl .networkNavigation a.current {
   color: #6c4604;
}
.ss.ooe .networkNavigation,
.ss.tir .networkNavigation,
.ss.vbg .networkNavigation,
.ss.ktn .networkNavigation,
.ss.sbg .networkNavigation {
   background-color: #a51413;
}
.ss.ooe .networkNavigation a:focus,
.ss.ooe .networkNavigation a:hover,
.ss.ooe .networkNavigation a.current,
.ss.tir .networkNavigation a:focus,
.ss.tir .networkNavigation a:hover,
.ss.tir .networkNavigation a.current,
.ss.vbg .networkNavigation a:focus,
.ss.vbg .networkNavigation a:hover,
.ss.vbg .networkNavigation a.current,
.ss.ktn .networkNavigation a:focus,
.ss.ktn .networkNavigation a:hover,
.ss.ktn .networkNavigation a.current,
.ss.sbg .networkNavigation a:focus,
.ss.sbg .networkNavigation a:hover,
.ss.sbg .networkNavigation a.current {
   color: #cba4a3;
}
.ss.stm .networkNavigation {
   background-color: #005b3b;
}
.ss.stm .networkNavigation a:focus,
.ss.stm .networkNavigation a:hover,
.ss.stm .networkNavigation a.current {
   color: #50a486;
}

.ss .networkNavigation .sitemapMenu {
   padding-right: 20px;
   position: absolute;
   right: 0;
   height: 15px;
}

.ss .sitemapMenu a:active {
   outline: none;
}

.ss .sitemap {
   display: none;
   position: absolute;
   right: 0;
   z-index: 20;
   width: 619px;
   height: 245px;
   padding: 4px 10px;
   outline: none;
}

.ss .sitemap {
   font-size: 13px;
   line-height: 16px;
}

.ss .sitemap .list h3 {
   margin: 4px 0px;
   outline: none;
}

.ss .sitemap li.column {
   float: left;
}

.ss .sitemap li.column.one {
   width: 155px;
}

.ss .sitemap li.column.two {
   width: 163px;
}

.ss .sitemap li.column.three {
   width: 160px;
}

.ss .sitemap li.column.four {
   width: 130px;
}

.ss .sitemap .column,
.ss .sitemap .column li {
   float: none;
   display: block;
   padding: 0px;
}

.ss .sitemap .column li {
   margin: 2px 0px;
}

.ss .sitemap .column li a {
   font-weight: normal;
   text-decoration: none;
}

.ss .sitemap .column li a:hover,
.ss .sitemap .column li a:focus {
   text-decoration: underline;
}

.ss .sitemap .footer {
   clear: left;
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 619px;
   padding: 9px 10px;
   text-align: right;
   font-weight: bold;
}

.ss .sitemap .footer a {
   color: #fff;
   padding: 2px 0 2px 50px;
   background: transparent url('../../news/common/images/orf-brick.png') no-repeat scroll 0 0;
   background: none, url('../../news/common/images/orf-brick.svg') no-repeat scroll 0 0 transparent;
}

.ss.oes  .sitemapMenu.active {
   background: #06406E;
}
.ss.news .sitemap h3 {
   color: #E0E0E0;
}
.ss.news  .sitemap .list a {
   color: #fff;
}
.ss.news  .sitemap .list a:hover,
.ss.news  .sitemap .list a:focus {
   color: #ccc !important;
}
.ss.news  .sitemap .footer a:hover {
   color: #c0c0c0;
}

.ss.news .sitemap .background {
   background-color: #06406E;
}

.ss.news  .sitemap .footer {
   background-color: #082962;
}

/** General sitemap for bulas **/
.ss .sitemap .background {
   background-color: #85878f;
}
.ss .sitemap .footer {
   background-color: #6a6b6f;
}

.ss .sitemap .list a:hover,
.ss .sitemap .list a:focus {
   color: #333 !important;
}

.ss .sitemap .footer a:hover,
.ss .sitemap .footer a:focus {
   color: #ccc !important;
}


/**
 * Footer
 */
.ss .pageFooter {
   background: #082962 url('../../news/common/images/orf-brick.png') no-repeat 755px 6px;
   background: none, url('../../news/common/images/orf-brick.svg') no-repeat 755px 6px #082962;
   min-height: 30px;
   height: 30px;
   _height: 30px; /* IE6 only bugfix */
   padding-right: 73px;
   clear: both;
   font-size: 0.875em;
   font-weight: bold;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.ss .pageFooter ul {
   float: right;
   margin-top: 7px;
   white-space: nowrap;
}

.ss .pageFooter li {
   display: inline;
   margin-left: 36px;
}

.ss .pageFooter a {
   color: #fff;
   text-decoration: none;
}

.ss .pageFooter a:focus,
.ss .pageFooter a:hover {
   color: #aaa;
   text-decoration: underline;
}

.ss.bula .pageFooter {
   background-color: #1b4673;
}