body {
   background: #466199 url('../images/background.png') repeat-x;
   font-family: 'ORF Universal', Arial, sans-serif;
}

abbr {
   text-decoration: none;
}

li {
   color: #466199;
}

a {
   color: #466199;
   font-weight: bold;
   text-decoration: none;
}

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


a.topLinkTitle {
   color: #000;
}

li a:first-child {
   display: block;
   background: url('../images/bullet.png') 7px 7px no-repeat;
   background: none, url("../images/bullet.svg") no-repeat scroll 7px 7px rgba(0, 0, 0, 0);

   padding-left: 19px;
}

li .stationinfo a {
   background: none;
   display: inline;
   padding: 0;
}

.radio .livelink a,
.hauptprogramme li a {
   background: none;
   padding-left: 0;
}

.colgroup {
   margin: 0px 8px;
}

.aktuell .colgroup {
   margin: 0;
}

#wrapper {
   margin-left: 25px;
   width: 800px;
}

#content {
   background: #fff;
}

h1, h2, h3 {
   font-size: 1.250em;
   font-weight: bold;
}

h1 {
   color: #fff;
   margin: 36px 0px 24px 0px;
}

#footer {
   text-align: right;
   font-size: 0.813em;
   padding: 8px 10px;
   background: #153e68;
   margin-bottom: 18px;
   color: #fff;
   clear: both;
}

#footer a {
   color: #fff;
   margin-left: 24px;
}

.section,
.subsection {
   padding-top: 10px;
   clear: both;
   zoom: 1;
}

.col, li {
   float: left;
}

.col.oesterreich li,
.feed li {
   float: none;
   margin: 0;
}

.broadcastList a,
.col.oesterreich li a,
.feed a {
   font-weight: 500;
}

.col.oesterreich li {
   margin-bottom: 2px;
}

.colgroup li {
   margin-bottom: 8px;
}

.colContent {
   padding-left: 27px;
}

.cols3 .col {
   width: 33.333%;
   *width: 33.31%;
}

.cols3 .col:nth-child(3n-1) {
   width: 31.333%;
   margin: 0 1%;
}

.cols4 .col,
.cols4 li {
   width: 25%;
}

h2 {
   margin-bottom: 12px;
   padding: 8px 0px 8px 15px;
}

h2::before {
   content: url('../images/orf-brick.svg');
   width: 39px;
   height: 17px;
   padding-right: 8px;
   position: relative;
   top: 1px;
   display: inline-block;
}

.section.fernsehen {
   padding-top: 0px;
}

.fernsehen h2 {
   margin-bottom: 14px;
}

h3,
.radio .subsection h3 {
   background: #ebecf0;
   padding: 5px 0px 5px 15px;
}

.subsection h3 {
   font-size: 1em;
   margin-bottom: 12px;
   margin-top: -2px;
}

.aktuell h3,
.radio h3 {
   background: #fff;
   padding: 0;
}

.section.aktuell {
   padding-top: 0;
}

.aktuell h2 {
   margin-bottom: 0;
   padding-left: 15px;
   background: #ebecf0;
}
.aktuell h2::before {
   content: url('../images/orfonlogo.svg');
   width: 23px;
   height: 23px;
   vertical-align: top;
}

.aktuell h3 {
   color: #466199;
   padding: 14px 0px 6px 0px;
}

.aktuell .weitere {
   margin-top: 8px;
}

.aktuell .weitere h3 {
   padding: 4px 0;
}

.aktuell .col {
   border-top: 3px solid #fff;
   padding-bottom: 18px;
   position: relative;
   overflow: hidden;
}


.aktuell .col li {
   margin-left: -18px;
}

.aktuell .col .ss-newsfeed li {
   max-height: 60px;
}

.aktuell .rsslink {
   position: absolute;
   top: 17px;
   right: 18px;
}

.aktuell .weitere .rsslink {
   position: static;
   margin-left: 4px;
}

.col.news        { border-color: #5b8cc1; }
.col.sport       { border-color: #fce83d; }
.col.oesterreich { border-color: #adc4da; }
.col.futurezone  { border-color: #639196; }
.col.science     { border-color: #a7cdf2; }
.col.debatte     { border-color: #5b8cc1; }

.hauptprogramme,
.regionalprogramme {
   margin-left: 15px;
}

.regionalprogramme h4 {
   font-size: 1.25em;
}

.hauptprogramme .stationinfo p a,
.regionalprogramme .stationinfo p a {
   font-weight: normal;
   font-size: 0.833em;
}

.regionalprogramme .col {
   margin-bottom: 15px;
}

.fernsehen .hauptprogramme {
   font-size: 1.250em;
}

.hauptprogramme li {
   margin-bottom: 7px;
}

.stationinfo p {
   font-size: 0.938em;
}

.radio .col {
   position: relative;
}

.livelink {
   position: absolute;
   top: 2px;
   right: 25px;
   font-size: 0.750em;
}

.livelink a {
   font-family: "ORF Universal SC", Arial, sans-serif;
   font-weight: 500;
}

.aktuell .weitere h3:hover,
.radio .stationinfo:hover h3,
.weitere h3:hover,
li:hover {
   background: #f0f1f4;
}

/** Flexbox **/
.broadcastList {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.broadcastList li {
   flex-basis: initial;
   width: 25%;
   margin-bottom: 8px;
}

@media (max-width: 840px) {
   #oewaPixel {
      position: absolute;
      top: -1000px;
      left: -1000px;
   }

   #wrapper {
      margin: 0;
      width: 100%;
   }

   #wrapper > h1 {
      margin: 19px 0 20px 17px;
   }

   #footer {
      margin-bottom: 0;
   }
}

@media (max-width: 640px) {
   #wrapper {
      margin: 0;
      width: 100%;
   }

   #wrapper > h1 {
      margin: 19px 0 20px 17px;
   }

   .feed li {
      padding-right: 5px;
   }

   .col,
   .cols4 li {
      min-height: 0 !important;
      max-height: none !important;
      width: 100% !important;
      margin-left: 0 !important;
   }

   .col.weitere {
      border-top: 3px solid #f0f1f4;
      border-bottom: 3px solid #f0f1f4;
      padding-top: 18px;
      margin-bottom: 18px;
   }

   .hauptprogramme li,
   .regionalprogramme li,
   .cols4 li {
      float: none;
   }

   .section.radio,
   .section.service,
   .section.unternehmen {
      border-top: 3px solid #f0f1f4;
      margin-top: 18px;
   }

   .hauptprogramme .stationinfo,
   .regionalprogramme .stationinfo {
      margin-top: 12px;
   }

   .broadcastList li {
      width: 50%;
   }
}