@import url("https://orf.at/fonts/fonts-universal-modern.css");

/***************** Setup ********************************************************/
/********************************************************************************/

* {
margin:0px;
padding:0px;	
box-sizing:border-box;
}
:focus {
outline: #000000 dotted 1px;
}
body {
font: 18px/1.4 'ORF Universal Condensed', Arial, Verdana, Helvetica, Sans-Serif;
color:#000000;
font-weight:400;
margin:0px 0px 0px 0px;
padding-bottom:20px;
width:100%;
float:left;
background-color:#f0f1f4;
overflow-x:hidden;
}
#margins {
margin-left:128px;
margin-right:25px;
}
#wrapper {
padding:0px;
height:auto;
position:relative;
width:100%;
float:left;
padding:20px;
background-color:#ffffff;
max-width:915px;
}

img, table, a img {
border:none;
}
img {
display:block;
max-width:100%!important;
border:none;
}
a, a:link, a:visited {
text-decoration:none;
color:#b60a06;
}

a[href^="tel:"] {
text-decoration:none !important;
}

a:hover, a:active {	
color:#000000;
}
.invisible {
display:none;
}
ul, ul li {
list-style:none;
padding:0px;
margin:0px;	
}

/***************** wrapper **********************************************************/
/********************************************************************************/
.center {
max-width:875px;
width:100%;
text-align:left;
margin:0px;
position:relative;
}

/***************** header **********************************************************/
/********************************************************************************/
header {
position:relative;
width:100%;
height:auto;
}
a#logo {
width:235px;
display:block;
text-decoration:none;
z-index:10000;
margin-bottom:20px;
}
a#logo img {
width:100%;
}
#headerContent {
position:relative;
bottom:0px;	
max-width:100%;
min-height:42px;
background-color: #000000;
}
#headerContent .overlay {
position:absolute;
left:0px;
top:0px;
z-index:1;
}

.headerVideo {
  padding-top:42px;
}
#headerImage a#headerImageLink:after {
content:'\00a0 ';
background-image: url(../img/overlay_aufmacher.png);
background-size:cover;
width:100%;
height:100%;
top:0px;
right: 0px;
position: absolute;
z-index:10;
}
#headerImage a#headerImageLink {
position:relative;
display:block;
}

.active-nav #headerContent .overlay {
display:none;
}

#headerImageTitel {
position:absolute;
padding:0px 0px 20px 15px;
min-width:150px;
bottom:0px;
left:0px;	
margin-bottom:0px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif;font-weight:400;font-style:italic;
color:#ffffff;
font-size:30px;
line-height:42px;
z-index:1010;
}
#headerImageTitel b {
display:block;
font-size:44px;
text-transform:none; font-style:normal;
font-weight:500;
}
#headerImageLinks {
position:absolute;
padding:12px 15px;
top:0px;
right:0px;	
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
text-transform:uppercase;
color:#ffffff;
font-size:12px;
background:	transparent url(../img/transparent_s.png) repeat left top;	
}
#headerImageLinks a, #headerImageLinks a:link, #headerImageLinks a:visited {
color:#ffffff;	
}
#headerImageLinks a:hover, #headerImageLinks a:active {
color:#b60a06;	
}
#headerContent video, #headerContent iframe, #headerContent object, #headerContent embed {
width:100%;
}
/***************** mainContent **********************************************************/

#contentHeader {
padding:22px 15px 15px 31px;
position:relative;
min-height:73px;
}
#socialmedia {
position:absolute;
right:101px;
top:10px;	
z-index:999;
}
#socialmedia li, .socialmedia li {
float:left;
}
#socialmedia a, .socialmedia a {
text-indent: -99999px;
float:left;
margin-left:15px;
width:24px;
height:24px;
display:block;
}
.socialmedia a {
width:32px;
height:32px;
margin:0px;
float:none;
}
.articleSpacer #articleButtons {
position:absolute;
right:0px;
top:7px;
width:32px;
}
.articleSpacer #articleButtons .socialmedia {
width:32px;
}
.accordionSubItem .socialmedia {
float:right;
overflow:visible;
clear:both;
display:none;
}
.accordionSubItem.active .socialmedia {
display:block;
}
.socialmedia li {
clear:both;
float:none;
width:32px;
margin-bottom:8px;
padding:0px !important;
background-image:none !important;
}
.articleSpacer .socialmedia a, .programButtonContainer .socialmedia a {
margin-bottom:8px;
}

#socialmedia .facebook a {
background:	transparent url(../img/icons.png) no-repeat 2px -100px;
}
.socialmedia .facebook a {
background:	transparent url(../img/facebook_schwarz.svg) no-repeat left top;
background-size:32px 32px;
}
.socialmedia .facebook a:hover, .socialmedia .facebook a:active {
background:	transparent url(../img/facebook_rot.svg) no-repeat left top;
background-size:32px 32px;
}
#socialmedia .twitter a {
background:	transparent url(../img/icon_twitter_x_list.svg) no-repeat;
}
.socialmedia .twitter a {
background:	transparent url(../img/icon_twitter_x_story.svg) no-repeat left top;
background-size:32px 32px;
}
.socialmedia .twitter a:hover, .socialmedia .twitter a:active {
background:	transparent url(../img/icon_twitter_x_story_hover.svg) no-repeat left top;
background-size:32px 32px;
}
#socialmedia .instagram a {
background:	transparent url(../img/icons.png) no-repeat -30px -100px;
}
#socialmedia .whatsapp a {
background:	transparent url(../img/icons.png) no-repeat -100px -100px;
}
#socialmedia .youtube a {
width:31px;
background:	transparent url(../img/icons.png) no-repeat right -100px;
}
.socialmedia .email a {
background:	transparent url(../img/envelope_schwarz.svg) no-repeat left top;
}
.socialmedia .email a:hover, .socialmedia .email a:active {
background:	transparent url(../img/envelope_rot.svg) no-repeat left top;
}

div#box_socialmedia {
  background-color: #f0f1f4;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  height: 40px;
  padding: 7px 11px;
}
div#box_socialmedia a {
  height: 24px;
  width: 24px;
}

main {
float:left;
width:100%;
padding-top:15px;
padding-bottom:20px;
}
#teaser {
position:absolute;
left:0px;
top:0px;	
z-index:10;
width:73%;
}
#teaserSize {
margin-right:2%;
overflow:hidden;
}
#contentWrapper {
position:relative;
}
video, iframe {
max-width:100%;
}
aside {
float:right;
width:27%;
position:relative;
z-index:10;
}
#content {
float:none;
width:100%;
padding-top:0px;
}
body.front #content, body.list #content, body.program #content, body.search #content {
padding-right:27%;
}
h1 {
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
font-size:36px;
padding-right:54px;
letter-spacing:1px;
margin:0px;
line-height:1em;
color:#a6a6a6;
}
h1#homeHeadline {
background:	transparent url(../img/headline_front.png) no-repeat left top;
text-indent:-10000px;
width:295px;
height:41px;
}
h2 {
font-size:24px;
margin:0px 0px 0.81em 0px;
padding-top:5px;
line-height:1.2em;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
form h2 {
font-size:18px;
line-height:1.4em;
margin:0px 0px 0.81em 0px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
float:left;
width:100%;
margin-top:8px;
}
h3 {
font-size:18px;
line-height:1.4em;
margin:0;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
h4 {
font-size:16px;
line-height:1.4em;
margin:0;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
p {
font-size:16px;
line-height:1.4em;
font-weight:400;
margin:0 0 1.41em 0;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;
}
#content ul {
font-size:16px;
line-height:1.4em;
font-weight:400;
padding:0px;
margin:0 0 1.41em 0;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;
overflow: hidden;
}
#content li {
margin:0px;
padding:0px 0px 0px 12px;
background:transparent url(../img/icon_list.png) no-repeat left 8px;
}
#content ul.linkList {
padding-left:15px;
}
/* aside */
.asideBlock h2 {
background-color:#d3d6de;	
color:#212121;
text-transform:uppercase;
font-size:12px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:500;
padding:8px 10px;
line-height:14px;
text-align:right;
margin-bottom:1px;
letter-spacing:1px;
}
.asideBlock h2 .playerList {
position:relative;
}
.asideBlock h2 .playerList:before {
content:url(../img/icon_player_sidebox.png);
position:absolute;
left:-30px;
top:-3px;
}
.asideBlock li a {
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
display:block;
background-color:#f0f1f4;
padding:5px 11px;
margin-bottom:1px;
line-height:24px;
}

.asideBlock .monatsauswahl li a {
font-size:22px;
margin-bottom:0px;
padding:5px 11px 0px 11px;
}
.asideBlock .monatsauswahl li:last-child a {
padding-bottom:10px;
}
.asideBlock .monatsauswahl li:first-child a {
padding-top:10px;
}
.asideBlock .monatsauswahl li.active a {
font-weight:700;
font-size:23px;
}
.asideBlock .monatsauswahl a.more {
font-size:
}
.asideBlock li a.viewAll {
font-weight:normal;
font-size:16px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
}
.asideBlock {
margin-bottom:15px;	
}
.asideBlock ul {
margin-bottom:-1px;	
}
.asideBlock .infoContent, .asideBlock a.more {
background-color:#f0f1f4;
}
.asideBlock a.more {
padding:7px 11px;
display:block;
border-top:1px solid #ffffff;
}
.asideBlock .infoContent p {
padding:11px 11px;
font-size:21px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
color:#000000;
margin-bottom:0px;
}
.asideBlock .imageTextInside a {
position:relative;
display:block;
color:#ffffff !important;
}
.asideBlock .imageTextInside a span {
position:absolute;
z-index:100;
bottom:0px;
left:0px;
box-sizing:border-box;
color:#ffffff;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
line-height: 1.151em;
font-size: 19px;
display:block;
padding: 7px 11px;
}
.asideBlock .imageTextOutside a span {
padding: 7px 11px;
display:block;
font-weight:500;
}
.asideBlock .alphabet {
background-color:#f0f1f4;
float:left;
clear:both;
width:100%;
}
.asideBlock .alphabet + a.more {
clear:both;
width:100%;
}
.asideBlock .alphabet a {
width:10%;
display:block;
float:left;
text-align:left;
padding-left:10px;
}
.asideBlock .alphabet a + a + a + a + a + a + a {
width:40%;
clear:right;
}
.asideBlock .alphabet a + a + a + a + a + a + a + a {
width:10%;
clear:none;
}
.asideBlock .alphabet a + a + a + a + a + a + a + a + a + a + a + a + a + a {
width:40%;
clear:right;
}
.asideBlock .alphabet a + a + a + a + a + a + a + a + a + a + a + a + a + a + a {
width:10%;
clear:none;
}
.asideBlock .alphabet a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a {
width:40%;
clear:right;
}
.asideBlock .alphabet a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a + a {
width:10%;
clear:none;
}
.asideBlock .alphabet a {
font-size:22px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:700;
text-transform:uppercase;
}
.asideBlock .alphabet a:hover, .asideBlock .alphabet a:active,
.asideBlock .alphabet td.active a {
color:#818181;
}

.asideBlock .alphabet a.active, .asideBlock .alphabet a.active:link, .asideBlock .alphabet a.active:visited {
color:#000000;
}

.asideBlock .alphabet a.active:hover, .asideBlock .alphabet a.active:active {
color:#b60a06;
color:#ffffff;
}
aside .sidebardownloadhistory p, aside .downloadBerechtigung {
font-size:13px;
padding-top:9px;
padding-bottom:7px;
margin-bottom:5px;
border-top:1px solid #d3d6de;
border-bottom:1px solid #d3d6de;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
}
aside .sidebardownloadhistory .downloadhistoryentry {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
font-size:13px;
padding-top:5px;
padding-bottom:5px;
}
aside .sidebardownloadhistory .downloadhistoryentry b {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
aside .sidebardownloadhistory a {
font-size:13px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
}
aside #downloadHistory  li a.active {
    font-family: "ORF Universal Condensed",Arial,Helvetica,sans-serif;
    font-weight: 700;
}
aside .downloadBerechtigung {
margin-bottom:0px;
margin-top:5px;
}
#sidebarlogin {
margin-top:-10px;
padding-left:13px;
}
#downloadHistory ul {
margin-bottom:8px;
}
#downloadHistory li a {
    background-color: transparent;
    display: block;
    font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
    line-height: 26px;
    margin-bottom: 1px;
    padding: 0;
}
#downloadHistory .content {
padding-left:13px;
}

.searchboxsidebar form label {
display:none;
}
.searchboxsidebar form input {
width:100%;
border:2px solid #d3d6de;
color:#a6a6a6;
font-size:15px;
margin-bottom:10px;
padding:3px 5px;
}

#asideShowBoxes {
text-indent:-100000px;
overflow:hidden;
background:transparent url(../img/verlauf_stoerer.png) repeat-x left bottom;
height:37px;
border-bottom:1px solid #d3d6de;
position:absolute;
bottom:0px;
left:0px;
width:100%;
display:none;
}
#asideShowBoxes:after {
content:url(../img/icon_stoerer.png);
position:absolute;
left:50%;
margin-left:-16px;
bottom:2px;
width:32px;
height:16px;
z-index:100;
text-indent:0px;
}
.showHiddenBoxes #asideShowBoxes {
background-image:none;
position:relative;
height:16px;
margin-top:-6px;
border:none;
margin-bottom:15px;
}
.showHiddenBoxes #asideShowBoxes:after  {
content:url(../img/icon_stoerer_close.png);
}
/* front */

/* newsitems */
.newsItem {
float:left;
display:block;
width:48%;
margin-right:2%;
margin-bottom:14px !important;
background-color:#f0f1f4;
position:relative;	
overflow:hidden;
}
.newsItem h2 {
position:absolute;	
left:0px;
padding:0px 15px;
bottom:12px;
font-weight:normal;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
line-height:1.151em;
font-size:20.5px;
z-index:100;
margin-bottom:0px;
}
.newsItem h2 span {
font-weight:400;
display:block;
font-style:italic;
font-size:18px;
}
.newsItem img {
width:100%;
}
.newsItem, .newsItem:link, .newsItem:visited {
color:#b60a06;
}
.newsItem.withImage, .newsItem.withImage:link, .newsItem.withImage:visited {
color:#ffffff;
}
.newsItem .newsDate {
display:block;
padding:7px 15px;
position:absolute;	
right:0px;
top:0px;
text-align:right;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
color:#000000;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
text-transform:uppercase;
font-size:12px;
z-index:100;
}
.newsItem.withImage .newsDate {
background:	transparent url(../img/transparent_w.png) repeat left top;
}

.newsItem.withImage div:after, .carousel ul li p:after {
content: url(../img/overlay_content_305.png);
width: 100%;
bottom: -8px;
right: 0px;
position: absolute;
z-index:10;
}
.flexslider .slides > li.flex-active-slide a:after, .staticImage a:after {
content: url(../img/overlay_content_626.png);
width: 100%;
bottom: -10px;
right: 0px;
position: absolute;
z-index:1;
}
.flexslider .slides > li.flex-active-slide p, .staticImage h2, .staticImage span {
z-index:1000 !important;
}
.bigPicture .flexslider .slides > li.flex-active-slide:after {
content:"";
}
.carousel ul li {
overflow:hidden;
position:relative;
}

/***************** ARTICLE  *******************************************************/
/********************************************************************************/

.staticImage {
position:relative;	
}
.staticImage h2, .staticImage h3 {
position:absolute;	
left:0px;
padding:0px 15px;
margin-bottom:0px;
bottom:12px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
font-size: 36px;
line-height: 40px;
color:#ffffff;
z-index:100;
}
.staticImage .categorie {
display:block;
padding:7px 15px;
position:absolute;	
right:0px;
top:0px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
color:#000000;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
text-transform:uppercase;
font-size:12px;
z-index:100;
background:	transparent url(../img/transparent_w.png) repeat left top;
}

#list {
margin-right:2%;
}
.listItem {
background-color:#f0f1f4;
float:left;
width:100%;
margin-bottom:2%;
padding-right:20px;
}
.listItem img {
float:left;
width:37.6%;
position:relative;
z-index:100;
}
.listItem .content {
padding-left:40.7%;
padding-top:0px;
position:relative;
}
.listItem .listHeaderPostition {
min-height:55px;
display:flex;
padding-top:23px;
align-items:flex-end;
}
.listItem .listHeaderPostition p {
margin:0px;
font-size:12px;
}
.listItem .listDate {
text-transform:uppercase;
font-weight:700;
display:block;
padding-bottom:6px;
}
.listItem .categorie {
color:#262626;
letter-spacing: 1px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;
line-height:1.4em;
font-weight:500;
font-style:italic;
display:block;
font-size:13px;
}
.listItem h2 {
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
font-size: 18px;
line-height: 1.4em;
margin:-1px 0 15px 0;
padding-top:0px;
}
/***************** ARTICLE  *******************************************************/
/********************************************************************************/
article {
padding-top:25px;
}
article .bigPicture:first-child {
margin-top:-67px;
}
/* article .bigPicture:first-child:after {
content:'\00a0 ';
background-image: url(../img/overlay_aufmacher.png);
background-size:cover;
width:100%;
height:100%;
top:0px;
right: 0px;
position: absolute;
z-index:10;
}
*/
.articleSpacer {
padding:0px 18% 0px 167px;
width:100%;
position:relative;
}
.articleSpacer:after {
content: "";
display: table;
clear: both;
}
body.articleDetails #relatedContent {
padding:0px;
width:723px;
max-width:100%;
}
body.articleDetails main {
padding-top:0px;
}
#articleFooter {
background-color:#f0f1f5;
padding-top:5px;
position:relative;
margin-bottom:30px;
margin-top:10px;
padding-bottom:7px;
float:left;
clear:both;
width:100%;
}
#articleFooter .articleDate, #articleFooter .articleBackToTop {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
font-size:15px;
position:absolute;
left:10px;
top:10px;
}
#articleFooter .articleBackToTop {
left:auto;
right:10px;
padding-right:25px;
background:	transparent url(../img/icons.png) repeat right -195px;
}
#articleFooter .articleBackToTop:hover, #articleFooter .articleBackToTop:active {
background:	transparent url(../img/icons.png) repeat right -245px;
}
.articleSM {
text-align:center;
}
.articleSpacer .articleSM ul, #content .articleSpacer .articleSM ul {
display:inline;
position:relative;
right:auto;
margin:0px auto !important;
}
.articleSM ul li  {
display:inline-block;
width:32px;
background-image:none !important;
padding:0px !important;
}
.articleSM ul li a {
display:inline-block;
float:none;
margin-left:9px;
margin-bottom:0px !important;
}
.articleSM ul li a:first-child {
margin-left:0px;
}
.bigPicture, .columwidthPicture {
position:relative;
margin-bottom:35px;
}
.columwidthPicture {
clear: both;
float: left;
}
.bigPicture .creditTop, .bigPicture .creditBottom,
.columwidthPicture .creditTop, .columwidthPicture .creditBottom, 
.slider .creditTop {
    color: #a5a5a5;
    font-size: 11px;
    line-height: 1.1em;
    margin-bottom: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: -13px;
}
.bigPicture .creditBottom, .columwidthPicture .creditBottom {
top:auto;
bottom:-17px;
}
.columwidthPicture .creditTop, .columwidthPicture .creditBottom, .slider .creditTop {
right:0px;
}
p.teaserText {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:500;
}
article .slider {
margin-bottom:25px;
margin-top:45px;
}

.articleImageSideBox {
float:left;
clear:left;
margin-left:-167px;
margin-right:15px;
margin-top:3px;
margin-bottom:15px;
width:285px;
background-color:#e6e9eb;
}
.articleImageSideBox .content {
padding:15px;
}
.articleImageSideBox .content h3, .articleImageSideBox .content p, .articleImageSideBox .content ul, .articleImageSideBox .content ul li {
margin:0px !important;
font-size:14px;
}

.oon-audio {
margin-bottom:22px;
}
.oon-audio + p {
margin-top:-22px;
}
.infoBoxImage {
position:relative;
}
.infoBoxImage .imageCopyright {
position:absolute;
top:-18px;
right:0px;
font-size:12px;
color:#757575;
}
.infoBoxImageOnly {
position:relative;
}
.infoBoxImageOnly h3 {
text-align:right;
color: #757575;
text-transform: uppercase;
font-size: 12px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
padding: 8px 20px;
}
.infoBoxImageOnly p.imageCaption {
position: absolute;
left: 0px;
padding: 0px 13px;
bottom: 10px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
line-height: 1.151em;
font-size: 19px;
color:#ffffff;
margin-bottom:0px;
}
.articleInfoboxSmall {
float:left;
clear:left;
margin-left:-167px;
margin-right:15px;
margin-top:3px;
margin-bottom:15px;
padding:15px;
width:285px;
position:relative;
background-color:#e6e9eb;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
font-size: 16px;
}
.articleInfoboxSmall h3 {
font-size:20px;
}
.articleInfoboxSmall h4.InfoDatum {
font-weight:400;
font-size:20px;
padding:8px 0 10px 0;
}
.articleInfoboxSmall h4.InfoDatum span {
color:#b60a06;
}
#content .articleInfoboxSmall ul {
margin-bottom:0px;
}
.articleInfoboxLarge {
float:left;
clear:both;
margin-left:-167px;
margin-right:15px;
margin-top:3px;
margin-bottom:25px;
padding:0px 0px 0 167px;
box-sizing:content-box;
width:100%;
position:relative;
background-color:#f0f1f5;
}
.articleInfoboxLarge.moreInfotext {
height:160px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow:hidden;
}
.articleInfoboxLarge.moreInfotext:after {
content:url("../img/verlauf_readmore.png");
position:absolute;
left:0px;
bottom:-8px;
z-index:10;
}
.articleInfoboxLarge.moreInfotext.active {
height:auto;
padding-bottom:20px;
}
.articleInfoboxLarge.moreInfotext.active:after {
content:"";
}
.articleInfoboxLarge.moreInfotext span.infoboxReadmore {
width:26px;
display:block;
height:37px;
position:absolute;
bottom:0px;
left:0px;
width:100%;
background:	transparent url(../img/icon_moreinfo_open.png) no-repeat center 14px;
z-index:100;
text-indent:-99999px;
overflow:hidden;
cursor:pointer;
}
.articleInfoboxLarge.moreInfotext.active span.infoboxReadmore {
background:	transparent url(../img/icon_moreinfo_close.png) no-repeat center 14px;
}
.articleInfoboxLarge + h2, .articleInfoboxLarge + p, .articleInfoboxLarge + h2, .articleInfoboxLarge + h4, .articleInfoboxLarge + ul {
clear:both;
}
.articleInfoboxLarge .infoBoxImage {
margin-left:-167px;
float:left;
margin-right:15px;
}
.articleInfoboxLarge .content {
padding:15px 15px 15px 0px;
}
.articleInfoboxLarge .content p, .articleInfoboxLarge .content ul {
margin-bottom:0px !important;
}
blockquote.zitat {
clear:both;
float:left;
width:100%;
text-align:center;
}

blockquote.zitat p {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;font-style:italic;
font-size:23px;
text-align:center;
background-color:transparent;
max-width:440px;
margin:0px auto;
line-height:1.55em;
padding-left:0px;
padding-right:0px;
padding-bottom:40px;
padding-top:15px;
position:relative;
}
blockquote.zitat p:before {
content:url(../img/icon_zitat.png);
position:relative;
top:1px;
margin-right:10px;
}
blockquote.zitat p:after {
content:url(../img/icon_zitat.png);
position:relative;
bottom:-2px;
margin-left:12px;
}

.videostream {
margin-bottom:25px;
}
/***************** Forms  *******************************************************/
/********************************************************************************/
article form {
background-color:#f0f1f4;
padding:15px;
float:left;
width:100%;
margin-bottom:25px;
}
article form label {
float:left;
width:150px;
}
article form span {
float:left;
width:150px;
}
article form span.longtext {
float:none;
width:auto;
display:block;
margin-bottom:3px;
}
article form .form-group .radio {
float:left;
padding-bottom:15px;
}
article form .form-group .radio label, article form .form-group .checkbox label {
float:none;
width:auto;
margin-right:25px;
line-height:1.3em;
font-size:15px;
display:block;
padding-bottom:0px;
}
article #form649 .form-group .radio label, article #form649 .form-group .checkbox label {
margin-right:0px;
}
article #form649  .newsletterAbo .radio label, article #form649 .form-group .checkbox label {
margin-right:25px;
}
article form .form-group .radio input, article form .form-group .checkbox input {
float:left;
margin-right:10px;
width:auto;
height:auto;
margin-top: 2px;
}
article form .form-group {
float:left;
width:100%;
margin-bottom:10px;
}
article form .form-group div{
margin-left:150px;
}
article form .compound {
margin-left:150px;
display:block;
margin-bottom:25px;
font-size:15px;
line-height:1.3em;
}
article form .newsletterAbo {
float:left;
clear:both;
padding-top:20px;
}
article #form337 .newsletterAbo {
padding-top:0px;
}
article form .form-group div div {
margin-left:0px;
}
article form .form-info {
font-size:13px;
margin-left:150px;
padding-bottom:5px;
}
article form .form-group select {
font-size:14px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
padding:3px;
width:100%;
float:left;
height:24px;
border:none;
}
article form .form-group input {
float:left;
width:100%;
padding:3px;
font-size:14px;
float:left;
height:24px;
border:none;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
}
article form .form-group input#formular_upload {
height:auto;
}
article form .form-group textarea {
float:left;
width:100%;
padding:3px;
border:none;
float:left;
font-size:14px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
}
article form .form-group input[type="submit"], #content a.button {
width: 130px;
float:right;
background-color: #b60a06;
color: #ffffff;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
text-transform: uppercase;
padding: 8px 8px 6px 8px;
font-size: 18px;
height:auto;
line-height: 18px;
box-sizing:border-box;
margin-top:10px;
}
#content a.button { 
 width:auto;
 margin-left:10px;
 }

.votingBox {
margin-bottom:25px;
}
.votingBox h2 {
background-color:#b60a06;
color:#ffffff;
font-family: 'ORF Universal SC',Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: 500;
text-transform:uppercase;
padding:10px;
margin-bottom:0px;
}
.votingBoxContent {
background-color: #e6e9eb;
padding:25px 15px 5px 15px;
}
.votingBox p.votingItem {
font-weight:700;
font-size: 18px;
}
.votingBox p.votingResult {
margin-bottom:0px;
font-size: 18px;
}
.votingBox p.votingItem {
clear:left;
}
.votingResult100 {
display:block;
width:220px;
float:left;
}
.votingResultCalc {
display:block;
background-color:#b60a06;
height:15px;
margin-top:3px;
}
.votingResultText {
display:block;
float:left;
margin-right:15px;
}
#content .votingButtons, #content .votingButtons li, #content .votingBoxContent .votingForm ul, #content .votingBoxContent .votingForm li {
list-style:none;
padding:0px;
margin:0px;
}
#content .votingButtons li {
float:left;
display:block;
width:30%;
margin-right:5%;
background-image:none;
padding:0px 5px 5px 5px;
text-align:center;
background-color: #e6e9eb;
}
#content .votingButtons li span {
text-align:center;
text-transform:uppercase;
font-weight:700;
display:block;
padding:7px 5px 5px 5px;
color:#ffffff;
font-size:15px;
}
#content .votingButtons li a, #content .votingButtons li a:link, #content .votingButtons li a:visited {
background-color:#ffffff;
text-align:center;
text-transform:uppercase;
font-weight:700;
display:block;
padding:7px 5px 5px 5px;
color:#000000;
font-size:15px;
}
#content .votingButtons li a:hover, #content .votingButtons li a:active, #content .votingButtons li.active a {
background-color: #e6e9eb;
}
#content .votingButtons li:last-child {
margin-right:0px;
}

article .votingBox .votingForm {
background-color: transparent;
float: none;
margin-bottom: 20px;
padding: 0px;
width: 100%;
}
article .votingBox .votingForm label {
float: none;
width: auto;
font-weight:700;
font-size: 18px;
padding-left:10px;
}
#content article .votingBoxContent .votingForm button {
width: 130px;
border:none;
background-color: #b60a06;
color: #ffffff;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
text-transform: uppercase;
padding: 8px 8px 6px 8px;
font-size: 18px;
height:auto;
line-height: 18px;
box-sizing:border-box;
margin-top:10px;
margin-left:28px;
}
#content .votingBoxContent .votingForm li {
padding-bottom:5px;
}
article .oonmedia-audio {
display: inline-block;
width: 65%;
}
/***************** Club  *******************************************************/
/********************************************************************************/

.clubpartner {
margin-left:167px;
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #d3d6de;
}
.clubpartner p:last-child {
margin-bottom:0px;
}
.clubpartner h2 {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
font-size: 16px;
font-weight: normal;
line-height: 1.4em;
margin: 0;
}
/***************** Suche  *******************************************************/
/********************************************************************************/
#searchContainer {
margin-right:2%;
}
#search {
background-color:#f0f1f4;
padding:15px;
float:left;
width:100%;
}
#search .checkboxes, #search .radiobuttons {
float:left;
margin-bottom:5px;
width:100%;
}
#search .checkboxes span, #search .radiobuttons span {
white-space:nowrap;
}
#search .checkbox, #search .radiobutton {
float:left;
width:20%;
}
#search label {
font-size:15px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
}
#search .checkbox label {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}

#search .checkbox input, #search .radiobutton input {
margin-right:8px;
}

#search .radiobutton.selectDaysPredefined, #search .radiobutton.selectDaysUserdefined {
width:80%;
white-space:nowrap;
}
#search .radiobutton.selectDaysPredefined label {
min-width:140px;
display:inline-block;
 }
#search select {
font-size:15px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
padding:3px;
border:1px solid #c7c7c7;
margin:0px 8px 5px 8px;
}
.textsearch input {
float:left;
border:none;
padding:8px;
font-size:15px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
}
.textsearch input[type="text"] {
width:77%;
margin-right:1%;
background-color:#ffffff;
color:#888a8f;
}
.textsearch input[type="submit"] {
width:22%;
background-color:#b60a06;
color:#ffffff;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
text-transform:uppercase;
padding:8px 8px 6px 8px;
font-size:18px;
line-height:18px;
}
.search7Days {
border-top:2px solid #ffffff;
background-color:#f0f1f4;
padding:8px 15px;
float:left;
width:100%;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
font-size:15px;
}
.search7Days a {
position:relative;
}
.search7Days a:after {
content:"";
width:12px;
height:13px;
display:block;
background: transparent url("../img/icons.png") repeat left -400px;
position:absolute;
right:-20px;
top:1px;
}
.search7Days a:hover:after, .search7Days a:active:after {
background: transparent url("../img/icons.png") repeat left -425px;
}
#searchResults {
float:left;
width:100%;
margin-top:2%;
position:relative;
}
#searchResults .searchSort {
font-size:14px;
position:absolute;
right:10px;
top:8px;
width:100px;
text-align:right;
line-height:1.1em;
}

.searchResultItems {
background-color: #f0f1f4;
margin-bottom: 2px;
padding: 10px 80px 10px 158px;
position: relative;
}
.searchResultItems p, .searchResultItems h3 {
font-size:16px;
}
.searchResultItems p {
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
margin-bottom:0px;
}
#content ul.pager {
background-color: #f0f1f4;
margin-bottom: 2px;
margin-top: 2px;
padding: 10px 15px 10px 158px;
}
#content ul.pager:first-child {
margin-top:0px;
}
#content ul.pager li {
float:left;
background-image:none;
display:block;
width:25px;
height:25px;
line-height:25px;
text-align:center;
margin-right:10px;
padding:0px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
#content ul.pager li.page a, #content ul.pager li.page a:link, #content ul.pager li.page a:visited {
background-color:#b60a06;
color:#ffffff;
display:block;
width:25px;
height:25px;
}
#content ul.pager li.page a:hover, #content ul.pager li.page a:active {
background-color:#000000;
}
#content ul.pager li.page.active a {
background-color:transparent;
color:#000000;
display:block;
width:25px;
height:25px;
}
#content ul.pager li.first, #content ul.pager li.previous, #content ul.pager li.next, #content ul.pager li.last {
text-indent:-10000px;
font-size:0.01em;
}
#content ul.pager li.first a, #content ul.pager li.previous a, #content ul.pager li.next a, #content ul.pager li.last a {
display:block;
width:25px;
height:25px;
}
#content ul.pager li.first a, #content ul.pager li.first a:link, #content ul.pager li.first a:visited {
background: transparent url("../img/icons.png") repeat left -550px;
}
#content ul.pager li.previous a, #content ul.pager li.previous a:link, #content ul.pager li.previous a:visited {
background: transparent url("../img/icons.png") repeat left -599px;
}
#content ul.pager li.next a, #content ul.pager li.next a:link, #content ul.pager li.next a:visited {
background: transparent url("../img/icons.png") repeat right -599px;
}
#content ul.pager li.last a, #content ul.pager li.last a:link, #content ul.pager li.last a:visited {
background: transparent url("../img/icons.png") repeat right -550px;
}

#content ul.pager li.first a:hover, #content ul.pager li.first a:active {
background: transparent url("../img/icons.png") repeat left -575px;
}
#content ul.pager li.previous a:hover, #content ul.pager li.previous a:active {
background: transparent url("../img/icons.png") repeat left -624px;
}
#content ul.pager li.next a:hover, #content ul.pager li.next a:active {
background: transparent url("../img/icons.png") repeat right -624px;
}
#content ul.pager li.last a:hover, #content ul.pager li.last a:active {
background: transparent url("../img/icons.png") repeat right -575px;
}
/***************** Slider  *******************************************************/
/********************************************************************************/
.flexslider {
background: transparent;
border: none !important;
border-radius: 4px;
margin: 0px !important;
position: relative;
}
.flex-caption {
position:absolute;	
left:0px;
padding:0px 15px;
bottom:12px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
line-height:1.151em;
font-size:28px;
z-index:100;
margin-bottom:0px;
color:#ffffff;
text-transform:none;
}
#teaser .flex-caption {
font-size:36px;
line-height:40px;
}
.flex-caption b {
display:block;
}
body.articleDetails #relatedContent li {
margin-bottom: 2%;
margin-right: 2%;
position: relative;
width: 48%;
overflow:hidden;
float:left;
}
body.articleDetails #relatedContent li:after {
content: url(../img/overlay_content_347.png);
width: 100%;
top: 0px;
right: 0px;
position: absolute;
z-index:10;
}
body.articleDetails #relatedContent li img {
width:100%;
}
#carousel {
float:left;
clear:both;
width:100%;
}
#carousel h2 {
padding-left:15px;
}
body.articleDetails #relatedContent .flex-caption, body.articleDetails .carousel .flex-caption {
position:static !important;
background-color:transparent;
padding:0px;
}
body.articleDetails #relatedContent .flex-caption b, body.articleDetails .carousel .flex-caption b {
color: #000000;
display: block;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
font-size: 12px;
opacity: 0.5;
padding: 7px 15px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0;
z-index: 100;
background: transparent url("../img/transparent_w.png") repeat scroll left top;
}
body.articleDetails .carousel .flex-caption span b {
top:-22px;
left:15px;
right:auto;
opacity:1;
padding:0px;
color:#ffffff;
background-image:none;
}
#relatedContent .flex-caption span, .carousel .flex-caption span {
bottom: 12px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:700;
font-size: 19.5px;
left: 0;
line-height: 1.151em;
padding: 0 15px;
position: absolute;
z-index: 100;
min-height:45px;
color:#ffffff;
}
#content #relatedContent h2, #content .carousel h2 {
padding-left:15px;
margin-bottom:12px;
}
body.articleDetails .flex-caption {
position:relative;	
padding:10px;
background-color:#e6e9eb;
color:#000000;
font-size:14px;
line-height:1.4em;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
padding-right:50px;
bottom:0px !important;
}
body.articleDetails .bigPicture .slider {
text-align:center;
}
body.articleDetails .bigPicture .flex-caption {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;font-style:italic;
font-size:23px;
text-align:center;
background-color:transparent;
max-width:440px;
margin:0px auto;
line-height:1.55em;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:38px;
position:relative;
}
body.articleDetails .bigPicture .flex-caption:before {
content:url(../img/icon_zitat.png);
position:relative;
top:1px;
margin-right:10px;
}
body.articleDetails .bigPicture .flex-caption:after {
content:url(../img/icon_zitat.png);
position:relative;
bottom:-2px;
margin-left:12px;
}
body.articleDetails .flex-caption b {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;
font-weight:700;
}
.flexslider ul, #relatedContent ul, .carousel ul {
margin:0px !important;
}
.flexslider li, #relatedContent ul li, .carousel ul li {
position:relative;
background-image:none !important;
padding:0px !important;
}
.carousel ul.flex-direction-nav li, .teaser ul.flex-direction-nav li {
position:static !important;
padding:0px !important;
}

.flex-direction-nav li a {
z-index:10 !important;
}

.flex-direction-nav a.flex-prev:before {
content: " " !important;
}
.flex-direction-nav a.flex-prev {
width:32px !important;
height:90px !important;
background:	transparent url(../img/icons.png) repeat left -800px;
text-indent:-100000px !important;
margin-top:-90px !important;
left:0px !important;
}
.flex-direction-nav a.flex-next:before {
content: " " !important;
}
.flex-direction-nav a.flex-next {
width:32px !important;
height:90px !important;
background:	transparent url(../img/icons.png) repeat right -800px;
text-indent:-100000px !important;
text-align:left !important;
margin-top:-90px !important;
right:0px !important;
}
.flex-direction-nav a {
top:55% !important;
}
.bigPicture .flex-direction-nav a {
top:200px !important;
}
.bigPicture .flex-direction-nav a.flex-next, .bigPicture .flex-direction-nav a.flex-prev {
margin-top:0px !important;
}
#carousel .flex-direction-nav a {
top:68% !important;
}
.flex-control-nav {
right:8px !important;
padding:0px !important;
height:auto;
text-align:right !important;
top:8px !important;
bottom:auto !important;
}
#teaser .flex-control-nav {
width:auto;
}
body.articleDetails .flex-control-nav {
display:none;
}
.flex-control-paging li a, .flex-control-paging li a:link, .flex-control-paging li a:visited {
background: transparent !important;
border-radius: 0px !important;
box-shadow:none !important;
cursor: pointer;
display: block;
border:1px solid #ffffff;
text-indent: 0px !important;
font-size:14px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
width:18px !important;
line-height:0.91em;
text-align:center;
height:auto !important;
padding:2px 0px 1px 0px !important;
color:#ffffff;
}
.flex-control-paging li a:hover, .flex-control-paging li a:active,
.flex-control-paging li a.flex-active, .flex-control-paging li a.flex-active:link, .flex-control-paging li a.flex-active:visited {
background-color:#ffffff !important;
color:#b60a06;
}
.flex-control-nav li {
margin: 0 5px !important;
}
#sliderSpacer {
position:relative;
margin-right:2%;
margin-bottom:2%;
display:none;
}
body.front #sliderSpacer, body.list #sliderSpacer {
display:block;
}
#sliderSpacer img {
width:100%;
}
.slider {
position:relative;
}
.sliderImageCount {
position:absolute;
right:0px;
width:100%;
text-align:center;
top:-25px;
margin-bottom:-35px;
z-index:100;
}


/* UGC */
.ugc_action {
    background-color: #f0f1f4;
    border-top: 3px solid #fff;
    color: rgb(183, 14, 11);
    font-weight: bold;
    line-height: 48px;
    padding-left: 167px;
    text-decoration: none;
    text-transform: uppercase;
}
a.reorderugc, a.ugc_action, a.ugc_toggle, .ugc_header {
    background-image: url("img/icon_sprite.png");
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
    font-size:18px;
}
#ugc {
max-width: 100%;
padding: 0 2% 0 0px;
width: 723px;
float:left;
clear:both;
}
.ugc_text {
    background-position: 0 -467px;
}
.ugc_text:hover {
    background-position: 0 -525px;
}
.ugc_audio {
    background-position: 0 -935px;
}
.ugc_audio:hover {
    background-position: 0 -993px;
}
.ugc_image {
    background-position: 0 -585px;
}
.ugc_image:hover {
    background-position: 0 -643px;
}
.ugc_video {
    background-position: 0 -1400px;
}
.ugc_video:hover {
    background-position: 0 -1450px;
}
a.ugc_action span, .ugc_header span, a.ugc_toggle span, a.ugc_toggle:hover, a.ugc_action:hover {
    color: rgb(183, 14, 11);
    text-decoration: none;
}
.postarticle {
    border-top: 0.2em solid #fff;
}
.postarticle p {
margin-bottom:0px;
font-size:14px;
}
.artikelbox {
    padding: 0.5em 15px 0.5em 167px;
}
.grau, .box, .bar, .rkh {
    background-color: #f0f1f4;
}
.reorderugc-container {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding-left:167px;
}
.reorderugc-container ul, .reorderugc-container ul li {
    list-style: outside none none;
    margin: 0 !important;
    padding: 0 6px 0 0 !important;
    background-image:none;
}

.reorderugc-container li {
    float: left;
    margin: 0;
    padding: 0 6px 0 0;
}

a.reorderugc, a.ugc_action, a.ugc_toggle, .ugc_header {
    background-image: url("../img/icon_sprite.png");
    background-repeat: no-repeat;
    display: block;
    height: 48px;
}
a.by_a-z {
    background-position: 0 -121px;
}
a.by_a-z:hover, .selected a.by_a-z {
    background-position: 0 -179px;
}
a.by_date:hover, .selected a.by_date {
    background-position: 0 -1224px;
}
a.by_date {
    background-position: 0 -1166px;
}
a.by_rating {
    background-position: 0 -1050px;
}
a.by_rating:hover, .selected a.by_rating {
    background-position: 0 -1108px;
}
a.reorderugc {
    text-indent: -9999px;
    width: 96px;
}
#ugclist .listbox {
padding:0px 0px 6px 167px;
position:relative;
}
#ugclist .listbox.grau {
background-color: #f0f1f4;
}
#ugclist .listbox h2 {
font-size:16px;
padding-right:15px;
margin-bottom:0px;
}
#ugclist .listbox p {
font-size:14px;
padding-right:15px;
margin-bottom:0.6em;
}
#ugclist .posting-autor {
    font-weight: bold;
    margin-bottom: 0.5em !important;
}
#ugclist .posting-autor span {
    font-weight: normal;
    color: #808285;
    font-style: italic;
}
#ugclist .listbox img {
margin-bottom:10px;
}
.ugc_counter_rating {
    left: 120px;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0) url("../img/ico-ugc-star.png") no-repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    width: 40px;
}
#ugclist .listbox .bottom_right {
    bottom: 16px;
    position: absolute;
    right: 6px;
}

#ugclist .listbox .bottom_right a {
    background-color: #fff;
    color: rgb(183, 14, 11);
    text-decoration: none;
    border: 1px solid rgb(183, 14, 11);
    display: block;
    font-size: 0.75em;
    padding: 0.35em 0.7em;
    text-align: center;
    width: 7em;
    font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
}
#ugclist .listbox p.abstract {
    padding-right: 196px;
}
/***************** program *******************************************************/
/********************************************************************************/
#program {
margin-right:2%;
}

.timeOfDay h2 {
background-color:#d3d6de;
color:#b60a06;
cursor:pointer;
text-align:right;
text-transform:uppercase;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
font-size:12px;
line-height:28px;
padding:0px 5px;
margin-bottom:2px;
letter-spacing:1px;
position:relative;
}
.timeOfDay h2 .programDate {
position:absolute;
left:5px;
top:1px;
color:#ffffff;
font-size:20px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
}
.accordionSubContent .accordionSubItem:first-child {
margin-top:-2px;
}
.accordionSubItem {
position:relative;
background-color:#f0f1f4;
padding:10px 0px 10px 0px;
margin-bottom:2px;
border-right:1px solid #f0f1f4;
}
.accordionSubItem.active {
background-color:#ffffff;
padding-bottom:0px;
}
.accordionSubItem.active h3 {
margin-bottom:8px;
}

.accordionSubItem div {
/*display:none;*/
}
.accordionSubItem.active p {
line-height:20px;
margin-bottom:12px;
}
.accordionSubItem.active p.teaserText {
margin-bottom:11px;
}
#program .now:after {
content:"jetzt";
padding:0px 7px;
line-height:28px;
color:#ffffff;
background-color:#b60a06;
text-transform:uppercase;
position:absolute;
right:34px;
top:0px;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
font-size:17px;
}


/* InfoButtons */
.programButtonContainer {
position:absolute;
right:-1px;
top:0px;
}
#articleButtons .programButtonContainer {
position:static;
} 
.infoButton .infoText {
display:block;
position:absolute;
top:0px;
right:32px;
height:28px;
line-height:31px;
white-space:nowrap;
background-color:#000000;
-webkit-opacity: 0.001;
-moz-opacity: 0.001;
opacity: 0.001;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index:10;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:400;
visibility:hidden;
}
.infoButton .infoText {
right:31px;
}
.infoButton .infoText strong {
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
.infoButton:hover .infoText,  .infoButton:active .infoText, .infoButton:focus .infoText {
display:block;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility:visible;
padding:0px 5px 0px 10px;
}
.infoButton, .infoButton:link, .infoButton:visited {
display:block;
width:32px;
height:28px;
position:relative;
color:#ffffff;
text-decoration:none;
float:right;
margin-left:2px;
margin-bottom:8px;
}
#articleButtons .infoButton, #articleButtons .infoButton:link, #articleButtons .infoButton:visited {
float:none;
margin-left:0px;
}
.infoButton7Tage {
background:#d3d6de url('../img/icons.png') no-repeat 9px -392px;
font-size:13px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.now .infoButton7Tage {
background:#b60a06 url('../img/icons.png') no-repeat -137px -392px;
}
.infoButtonDownload {
background:#d3d6de url('../img/icons.png') no-repeat 6px -441px;
font-size:13px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.infoButton:hover, .infoButton:active { 
background-color:#000000 !important;
}
.accordionSubItem h3, .sendereihe .accordionSubItem h2{
padding-left:158px;
padding-right:70px;
position:relative;
font-size:18px;
color:#b60a06;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
cursor:pointer;
margin-bottom:0px;
}
.accordionSubItem .relatedContentProgram h3 {
padding-left:15px;
color:#000000;
}
.relatedContentProgram {
padding-top:10px;
}
.relatedContentProgram .relatedItem {
border-top: 1px solid #d3d6de;
padding:10px 15px 0px 0px;
}
.relatedContentProgram h3 + .relatedItem {
border:none;
}
.relatedContentProgram .relatedItem p b {
font-weight:normal;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
}
.accordionSubItem h3.notlinked {
cursor:default;
color:#000000;
}
.accordionSubItem .content, .accordionSubItem .programName {
padding-left:158px;
padding-right:40px;
}
.accordionSubItem h3 .programTime {
position:absolute;
left:0px;
width:150px;
text-align:center;
color:#000000;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
}
#program .now h3 .programTime, #program .now .programName, #program .active .programName {
color:#b60a06 !important;
}
.accordionSubItem .programBoxImage .imageCopyright {
text-align:right;
font-size:11px;
color:#757575;
}
.programName {
margin-bottom:0px;
}
.active p.programName {
margin-bottom:0px !important;
}
.active h3 + .programName {
margin-top:0px;
margin: 0 0 1.1em 0;
}
.programBoxImage {
width:305px;
}
.programBoxImage img {
margin-top: -10px;
}
.accordionSubItem p.programTeaser {
font-size: 16px;
line-height: 1.4em;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
.sendereihe .accordionSubItem.active {
padding-bottom:0px;
min-height:120px;
}
#program .accordionSubItem.active {
padding-bottom:0px;
min-height:195px;
}
/* Calender */
#programCalender table {
width:100%;
border:none;
padding:0px;
border-spacing: 0px;
border-collapse: colapse;
font-size:18px;
line-height:28px;
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:400;
border-bottom:12px solid #f0f1f4;
}
#programCalender table th {
background-color:#d3d6de;
color:#b60a06;
text-align:center;
font-weight:normal;
text-transform:uppercase;
border-bottom:12px solid #f0f1f4;
width:14.285%;
}
#programCalender table th.selected {
background-color:#ffffff;
color:#b60a06;
}
#programCalender table td {
background-color:#f0f1f4;
color:#b60a06;
text-align:center;
font-weight:normal;
line-height:28px;
}
#programCalender table td.active {
background-color:#404040;
}
#programCalender table td.active a, #programCalender table td.active a:link, #programCalender table td.active a:visited  {
color:#ffffff;
}
#programCalender table td.active a:hover, #programCalender table td.active a:active  {
color:#b60a06;
}
#programCalender table td a {
display:block;
text-align:center;
}
#programCalender table td a:hover, #programCalender table td a:active,
#programCalender table td a.active, #programCalender table td a.active:link, #programCalender table td a.active:visited {
background-color:#000000;
color:#ffffff;
}

#programCalender table td.inactive {
color:#000000;
}

.single {
display:inline-block;
width:0.91em;
text-align:right;
}
#programCalender .monthSelector, #programCalender .daySelector {
float:right;
clear:both;
width:100%;
max-width:240px;
}
.monthSelectorContainer {
background-color:#f0f1f4;
float:right;
clear:both;
width:100%;
margin-top:2px;
}
.daySelectorContainer {
float:right;
clear:both;
width:100%;
}
#programCalender .monthSelector {
background-color:#f0f1f4;
width:100%;
}
#programCalender .monthSelector a {
width:50%;
display:block;
padding:2px 9px;
box-sizing:border-box;
float:left;
font-size:16px;
}
#programCalender .daySelector {
margin-top:2px;
width:100%;
margin-bottom:10px;
}
#programCalender .daySelector a, #programCalender .daySelector a + a + a {
width:33%;
display:block;
float:left;
text-align:center;
font-size:16px;
padding:2px 9px;
}
#programCalender .monthSelector a:first-child, #programCalender .daySelector a:first-child {
text-align:left;
}
#programCalender .daySelector a:last-child {
text-align:right;
}
#programCalender .daySelector a + a {
width:34%;
}
#programCalender .monthSelector a + a {
float:right;
text-align:right;
}
#programCalender .daySelector a:hover, #programCalender .daySelector a:active {
color:#000000;
background-color:#f0f1f4;
}
#programCalender .daySelector a.active {
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:500;
color:#000000;
background-color:#f0f1f4;
}
#programCalender .monthSelector a:hover, #programCalender .monthSelector a:active {
background-color:#ffffff;
}
#programCalender .filter li {
background-image:none;
padding-left:9px;
padding-bottom:3px;
font-size:16px;
}
#programCalender .filter li a.active {
font-family: 'ORF Universal Condensed', Arial, Helvetica, Sans-Serif; font-weight:700;
}
/***************** FORMULARE  *******************************************************/
/********************************************************************************/

div.one_more_comment {
  visibility: hidden;
  content: ".";
  display: block;
  height: 0;
}

/***************** Footer *******************************************************/
/********************************************************************************/
footer {
float:left;
clear:both;
background-color:#000000;
width:100%;
padding:22px 15px;
position:relative;
}
#footerMenu {
float:right;
}
#footerMenu li {	
float:left; 
line-height:1em;
padding-left:25px;
padding-top:3px;
}
#footerMenu li:last-child {
padding-top:0px;
}
#footerMenu a, #footerMenu a:link, #footerMenu a:visited {
color:#ffffff;
font-size:14px;
line-height:1em;
font-family: 'ORF Universal', Arial, Helvetica, Sans-Serif;font-weight:700;
}
#footerMenu a:hover, #footerMenu a:active {
color:#b60a06;
}
#logoORF {
display:block;
position:absolute;
left:15px;
top:25px;
}
.offscreen {
 display: none;
}




/* ---- grid-item ---- */

.grid-sizer{
  width: 50%;
}
.grid {
margin-bottom:-15px;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.gutter-sizer { width: 0%; }
/* ---- Werbung---- */
.banner {
position:absolute;
left:1030px;
top:0px;
}


/* rkh form */

span.help-block {
background-color: #e5a1a1;
}

div.gift.hidden {
display: none;
}


/* Didomi Consent Box */

#didomi-host #didomi-notice {
  margin: 0px 25px 0px 128px !important;
  width: auto !important;
  max-width: 915px;
}

@media (max-width: 800px) {
  #didomi-host #didomi-notice {
  margin: 0px !important;
  }
}

/**
* Define focus styles for interactive elements
*
* Defines which elements can be focused so that focus visibility
* handling works properly in web components. Otherwise non-
* interactive DOM elements (e.g. the shadow dom host) might
* receive a focus outline, when focus is shifted programatically.
*/

/* 1. Basis-Fokus für alle Browser */
a[href]:focus,
button:not([disabled]):focus,
textarea:not([disabled]):focus,
input[type="text"]:not([disabled]):focus,
input[type="radio"]:not([disabled]):focus,
input[type="checkbox"]:not([disabled]):focus,
input[type="search"]:not([disabled]):focus,
select:not([disabled]):focus,
[tabindex="0"]:focus,
[tabindex="-1"]:focus {
  outline: 2px solid #0A97EE !important;
  outline-offset: 2px !important;
}

/* 2. Maus-/Touch-Fokus wieder entfernen */
a[href]:focus:not(:focus-visible),
button:not([disabled]):focus:not(:focus-visible),
[tabindex="0"]:focus:not(:focus-visible),
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: none !important;
}

/* 3. Sichtbarer Fokus nur bei Tastatur-Navigation (optional für neuere Browser) */
a[href]:focus-visible,
button:not([disabled]):focus-visible,
textarea:not([disabled]):focus-visible,
input[type="text"]:not([disabled]):focus-visible,
input[type="radio"]:not([disabled]):focus-visible,
input[type="checkbox"]:not([disabled]):focus-visible,
input[type="search"]:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
[tabindex="0"]:focus-visible,
[tabindex="-1"]:focus-visible {
  outline: 2px solid #0A97EE !important;
  outline-offset: 2px !important;
}