/*
globale Styles für alle Seiten
*/

/*
########################################################
globale Styles
*/


* {
padding: 0;
margin: 0;
}
body {
margin: 0 0 100px 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 100.01%;
background-repeat: repeat-x;
background-position: 0px 5.1875em;
}

#body-wrapper {
background-repeat: no-repeat;
background-position: 0 5.1875em;
}

.clearer {
clear: both;
font-size: 1px !important;
height: 0px !important;
line-height: 0px !important;
overflow: hidden;
}
a {
text-decoration: none;
font-weight: bold;
color: #007ece;
}
a:focus {
text-decoration: underline !important;
outline-color: #3F97E9 !important;
}

a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline !important;
}
ul, ol, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.paragraph ul li {
list-style-type: square;
margin-left:1.25em;
}
img {
display: block;
border: none;
}
img.nebeneinander {
display: inline;
}
cite {
font-style: normal;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
fieldset.zeigefieldset {
margin-bottom: 0.6250em;
padding: 0.3125em;
border: 1px solid #e4e2d8;
}
fieldset.zeigefieldset legend {
display: inline !important;
padding: 0 0.4167em;
font-size: 0.75em;
font-weight: bold;
color: #AEADA4;
margin:0pt 0pt 0pt -0.4167em;
}
table {
width: 100%;
border-collapse:collapse;
}
table.datentabelle {
font-size: 0.75em;
border-top: 1px solid #e4e2d8;
border-right: 1px solid #e4e2d8;
border-left: 1px solid #e4e2d8;
}
table caption {
padding: 0.313em;
font-weight: bold;
text-align: left;
background-color: #D4D2C8;
}
.datentabelle th {
padding: 0.313em;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #e4e2d8;
background-color: #F2F1E7;
}
.datentabelle thead th {
background-color: #E5E3D9;
}
th.tabletext {
font-weight: normal;
text-align: left;
background-color: #e4e2d8;
}
.datentabelle tr {
border-bottom: 1px solid #e4e2d8;
vertical-align: top;
}
.datentabelle td {
padding: 0.313em;
background-color: #ffffff;
border-bottom: 1px solid #e4e2d8;
}

.rightText {
text-align: right !important;
}
.centerText {
text-align: center !important;
}

abbr, acronym {
border-bottom:medium none;
cursor:help;
font-style:normal;
}


/* AJAX LOADING DISPLAY */
/*.ajaxLoader {  height:11px; width:100%;position:absolute;display:block;  z-index:99; background:transparent url(/resources/img/ajax-loader.gif) no-repeat center 0; }*/
.ajaxLoader { overflow:hidden;position: absolute;  width:100%; height: 40px; margin-left: -20px;z-index: 1104; }
.ajaxLoader div { position: absolute; bottom: 0; left: 50%; width: 40px; height: 480px; background-image: url('/resources/css/jquery/fancybox/fancybox.png'); }
.ajaxLoaderOverlay {
	position: absolute;
	top: inherit !important;
	left: inherit !important;
	z-index: 999;
	display: block;
    background-color:#000000 !important;

}


/*
########################################################
# Skiplinks
########################################################
*/
#skiplink ul li {
display:inline;
}
#skiplink a:link, #skiplink a:visited {
position: absolute;
left: -1000px;
overflow:hidden;
display:inline;
}
#skiplink a:hover,
#skiplink a:focus,
#skiplink a:active {
position:absolute;
z-index: 100;
top: 0.8333em;/*10px*/
left: 11.25em;/*135px*/
font-size: 0.75em;
width: 14.5833em;/*175px*/
text-align:center;
background-color: #fff;
padding: 0.33em 0 0.5833em;
background-image: url(img/topLevelNaviGradient.gif);
}
/*
########################################################
# Kopfbereich
########################################################
*/
#kopf {
padding:0;
min-width:780px;
background-repeat: repeat-x;
background-position: left -0.375em;
}
#kopf .kopf-wrapper {
height: 5.1875em; /*83px*/
padding-left: 0.50em;
min-width: 780px;
min-height:75px;
background-position:0 -0.375em;
background-repeat: no-repeat;
}
/* Logo, Datum, Seitenübersicht, Hilfe, Kontakt, Impressum, Unternehmen, ARD.DE */
#statusleiste {
clear: both;
width: 89.2727em;/*982*/
height: 2.5455em;
margin: 0;
padding:0.7273em 0pt 1.2727em;
font-size: 0.6875em;
}
#kopf-voll #statusleiste {
margin-bottom:0;
}
#statusleiste .logo {
float: left;
padding: 0 30em 0 0.4545em;
}
#statusleiste .logo img {
width: 7.4545em;
height: 2.5455em;
}
#statusleiste .datum {
float: left;
padding-right: 0.5455em;
}
#statusleiste .datum,
#statusleiste .linkleiste {
/*padding-top: 6px;*/
padding-top:0.5455em;
line-height:100%;
}
#statusleiste .linkleiste li {
border-left: 1px solid #48A2DC;
float: left;
padding:0pt 0.5455em 0.0909em;
}
#statusleiste .datum,
#statusleiste .linkleiste li a {
font-weight: bold;
}
/* Hauptnavigation */
#topnavigation {
clear: both;
position:absolute;
width: 61.38em;
min-width:690px;
}
#topnavigation a {
text-decoration: none;
color: #5E5C56;
}
#topnavigation a:focus,
#topnavigation a:hover,
#topnavigation a:active {
color: #000;
text-decoration: underline;
}
#topnavigation ul {
border-bottom: 0.3750em solid #48A2DC;
float: left;
height:2.0625em;/* 33px */
}
#topnavigation li {
float: left;
font-weight: bold;
margin: 0.1875em 0.0625em 0.0625em 0;
background-color: #DFDDD9;
padding: 0.0625em 0.0625em 0;
}
#topnavigation li a {
font-size: 0.6875em;
float: left;
padding: 0.4545em 0 0.8182em;/* 5px 0 9px*/
text-align: center;
background-color: #F2F1EC;
border: 0.0909em solid #F6F5F2;
border-bottom: none;
background-image: url(img/topLevelNaviGradient.gif);
background-repeat: repeat-x;
}
#topnavigation .nav-fernsehen a {
width: 9.2727em; /*102px*/
}
#topnavigation .nav-radio a {
width: 6.0909em; /*67px*/
}
#topnavigation .nav-nachrichten a {
width: 10.9091em; /*120px*/
}
#topnavigation .nav-sport a {
width: 6.2727em; /*69px*/
}
#topnavigation .nav-geschichte a {
width: 9.9091em; /*109px*/
}
#topnavigation .nav-sachsen a {
width: 7.8182em; /*86px*/
}
#topnavigation .nav-sachsenanhalt a {
width: 13.3636em; /*147px;*/
}
#topnavigation .nav-thueringen a {
width: 9.4545em; /*104px*/
}
#topnavigation .nav-mediathek a {
width: 12.1818em; /*134px*/
}
#topnavigation .nav-mediathek {
margin-right: 0 !important;
}

/* Funktionsleiste mit Selectbox und Suche*/
#funktionsleiste {
width: 81.6667em; /*980px*/
min-width: 700px;
margin: 14px 10px 0;
font-size: 0.75em;
}
#funktionsleiste .pfeilbutton {
background-image: url(img/linkArrowRound.png);
background-position: center;
background-repeat: no-repeat;
width: 14px;
height: 14px;
margin:-4px 0pt 0pt 2px;
}
#funktionsleiste .sendungsauswahl {
/*border-right: 1px solid;*/
float:left;
padding:5px 0 5px 8px;
width:30em;
}
#funktionsleiste .sendungsauswahl select {
width: 18.75em;
margin: 0px 0 1px 0;
font-size:1.1125em;
}
#funktionsleiste form {
padding: 0;
margin: 0;
border: none;
}
#funktionsleiste .suche {
color:#EEEEEE;
float:right;
font-weight:bold;
width: 30em;
text-align: right;
padding:5px 10px 0px;
}
#funktionsleiste .suche input.textfeld {
width: 11.5em;
margin-left: 0.4167em;
font-size:1.1125em;
}
/* Brotkrumenpfad */
#breadcrumb {
padding: 5px 0 0 39px;
font-size: 0.68em;
height: 25px;
}
#breadcrumb span {
display: none;
visibility: hidden;
}
#breadcrumb li {
float: left;
padding: 0 0.5454em;
white-space: nowrap;
border-left: 1px solid;
line-height: 110%;
}
#breadcrumb li.first {
border-left: 0;
padding-left: 0;
}
#breadcrumb li span{
display: block;
visibility: visible;
}
#breadcrumb a {
font-weight: normal;
}

/*
########################################################
## Bereich zwischen Seitenkopf und -fuß
########################################################
*/
#content {
clear: both;
}

.hasPromo #content {
width:78.9em;
}

/*
########################################################
## Spalten
########################################################
*/
#spalten-wrapper {
width: 61.8750em;/*990*/
margin-bottom: 1.25em;
float: left;
}
#spalten-wrapper2,
#spalten-wrapper2,
#spalten-wrapper3 {
width: 61.8750em;/*990*/
float: left;
}
#content-wrapper {
float: right;
width: 49em;/*784*/
position: relative;
}

#header-inhalt-funktion {
background-repeat: repeat-x;
display: none;
}

#header-inhalt-funktion .ressortHead {
display: block;
padding: 0.5em;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.1667em;
}

#nav .topline,
.cssIndexPage #funktion .topline,
#promo .topline,
#nav .teaserText,
.cssIndexPage #funktion .teaserText,
#promo .teaserText,
#nav .airTime,
.cssIndexPage #funktion .airTime,
#promo .airTime,
#nav .downloadText,
.cssIndexPage #funktion .downloadText,
#nav .vCardText,
.cssIndexPage #funktion .vCardText,
#nav .vCardAdditional,
.cssIndexPage #funktion .vCardAdditional {
color: #fff;
}
#nav .airTime,
#funktion .airTime,
#promo .airTime {
margin-top: 0.6777em;
}

#nav span.otype,
.cssIndexPage #funktion span.otype,
#promo span.otype {
color: #fff;
display: none;
}

#nav .cssLinkArd span.ardStation,
.cssIndexPage #funktion .cssLinkArd span.ardStation,
#promo .cssLinkArd span.ardStation {
display: inline;
color: #fff;
}

/*
########################################################
## Linke Navigation
########################################################
*/
#nav {
float:left;
overflow: hidden;
width: 11.8750em;/*190*/
position: relative;
margin: 1.25em 0 0 0.5em;
display: inline; /*wg ie*/
}
#navTop,
#subNav,
#navBottom {
margin: 0 0 1em 0;
overflow: hidden;
}
#blo1 .header,
#blo2 .header {
display: none;
}

/* Teaser Sendezeit */

#nav .cssProgramHint {
    background: none repeat scroll 0 0 #808080;
    border-radius: 10px 10px 10px 10px;
	color: #fff;
	font-family: arial, helvetica;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#nav .cssProgramHint h3 {
background-repeat: no-repeat;
background-position: left top;
margin: -0.6667em -0.6667em 0.6667em !important;
padding: 0.6667em 0.75em 0;
}

.broadcastFirst p {
background-image: url("img/bg_banner_sendezeit_opacity25_top.png");
background-repeat: repeat-y;
font-size: 1.250em !important;
padding: 0.2em 0.4em 0;
}
.broadcastFirst span {
background-image: url("img/bg_banner_sendezeit_opacity25_bottom.png");
height: 0.3125em;
display: block;
background-repeat: no-repeat;
}
.broadcastRepetition {
margin: 0.625em 0.125em 0;
}
.broadcastRepetition h4,
.broadcastRepetition p {
font-size: 0.6875em !important;
}

#subNav li,
.subnavbanner li {
padding: 0;
margin: 0 0 0 0;
border-bottom: solid 1px;
font-weight: bold;
line-height: 100%;
}
#subNav li.hasChilds {
padding: 0 0 0 0;
margin: 0 0 0 0;
border-bottom: solid 1px;
font-weight: bold;
}
#subNav li.hasChilds li.hasChilds {
padding: 0 0 0 0;
}
#subNav .aktiv ul a {
background-color: transparent;
}
#subNav ul.level2,
#subNav ul.level3 {
margin: 0;
display: block;
padding: 0; /* alle außer IE */
border-top: solid 1px;
font-weight: normal;
}
#subNav ul.level2 li,
#subNav ul.level3 li {
padding: 0;
margin: 0 0 0 10px;
border-bottom: solid 1px;
}
#subNav ul.level1 a,
#subNav .leerzeile,
.subnavbanner ul.level1 a,
.subnavbanner .leerzeile {
font-size: 0.75em;
font-weight: bold;
}
#subNav ul.level2 a,
#subNav ul.level3 a {
font-size: 0.75em;
font-weight: normal;
}
#subNav ul.level2 li.last,
#subNav ul.level3 li.last {
border-bottom: 0px;
}
#subNav a,
.subnavbanner a {
display: block;
padding: 0.3125em 0pt 0.4375em 0.3125em;
}
#subNav .noRef,
.subnavbanner li h4 {
display:block;
font-size: 0.75em;
margin: 0;
padding: 1.5em 0 5px 0.3125em;
}



/*
########################################################
## Teaser
########################################################
*/

/* Teaser-Boxen */
.box {
clear: both;
margin-top: 0.5em;
}

.box.first {
margin-top:0;
}

#topArea .box.last {
margin-bottom: 0.5em;
}
#topArea .box.last.keinAbstand {
margin-bottom: 0;
}

.box h2.title,
.subBox h3.title,
.box h2.fixed {
font-size: 1em;
padding: 0.5em;
background-color:#F5F4F0;
background-repeat: repeat-x;
font-family: arial;
line-height: 1.2em;
}
#inhalt .box h2.title  {
margin-bottom: 0.0625em;
}

/* Header per css ausblenden */
.box.transparentheader h2.title {
    display: none;
}

.subBox h3.title {
font-family:verdana,arial,helvetica;
font-size:0.875em;
padding-bottom:0;
}


#funktion .box h2,
#nav .box h2,
#promo .box h2 {
font-size: 0.75em;
padding: 0.5em 0.667em;
font-family:verdana,arial,helvetica;
}

#funktion .subBox h3.title {
background-color: transparent;
font-size: 0.75em;
padding-bottom:0.5em;
color: #fff;
background-color: gray;
}



.teaser .disclaimer {
color: gray;
font-size: 0.68em;
margin: 2px 0 0;
}
#nav .teaser .disclaimer,
.cssIndexPage #funktion .teaser .disclaimer,
#promo .teaser .disclaimer {
color: #fff;
}

.teaser.cssLinkExternal .disclaimer {
margin-top: 0.625em;
}


/* Teaser */
.teaser {
background-color:#F5F4F0;
clear: both;
margin: 0 0 1px;
padding: 0.5em;
/* Hides from IE-mac \*/
/*height: 1%;*/ /* rausgenommen wegen Problemen auf modularer Verteilseite */
/* End hide from IE-mac */
}

/*
#funktion .teaser,
#nav .teaser,
#promo .teaser {
padding: 0.5em;
}
*/

/* Kein Padding bei HTML-Spezialteasern */
.teaser.cssHtml.special {
padding:0;
}

/* Kein Hintergrund bei Teasern, wenn Klasse transparentbg mitgegeben */
.teaser.transparentbg {
background-color: transparent !important;
}

/* Banner-Statics mit 4px Padding */
.teaser.cssHtml.special.teaserpadding4 {
padding:0.25em;
}
/* Banner-Statics mit 8px Padding und Chatprotokolle im Teaser */
.teaser.cssHtml.special.teaserpadding8,
.teaser.cssHtml.special .chatprotokoll {
padding:0.5em;
}

.teaser .teaserImage {
float: left;
padding: 0;
}

#funktion .teaser .teaserImage,
#nav .teaser .teaserImage,
#promo .teaser .teaserImage {
margin: -0.5em -0.5em 0.5em;
float: none;
}


/* Textelemente Teaser */
.teaser h3 {
	font-size: 0.75em;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
	/* line-height: 1.2em; */
}
.teaser.cssArticleShortNews h3 {
	padding-bottom: 8px;
}

.teaser .topline {
	font-size: 0.9167em;
	padding: 0 0 0.364em;
	display: block;
	color: #666;
	line-height: 120%;
}

.teaser .headline {
	display: block;
	font-size: 1.1667em;
	text-decoration: inherit;
}

.teaser p {
font-size: 0.75em;
/* line-height: 1.4167em; */
margin:0;
}

#nav .teaser .headline,
#funktion .teaser .headline,
#promo .teaser .headline {
	font-size: 1em;
}

/*#nav .topline,
#funktion .topline,
#promo .topline,
#nav .headline,
#funktion .headline,
#promo .headline,
#nav .teaserText,
#funktion .teaserText,
#promo .teaserText {
	padding: 0 0.25em;
}*/


/* Teaser Mittelspalte mit 180er Teaserbild */

#inhalt .cssBoxTeaserStandard .teaser.hasImage .teaserImage,
.inlineBox .teaser.hasImage .teaserImage,
.cssBoxMultiGroupStandard .teaser.hasImage .teaserImage,
#inhalt .cssBoxTeaserStandard .teaser.mgCalendar .kalender,
#inhalt .inlineBox .teaser.mgCalendar .kalender {
width: 11.25em;
}

#inhalt .cssBoxTeaserStandard .teaser.hasImage .teaserText,
#inhalt .cssBoxTeaserStandard .teaser.hasImage h3,
#inhalt #standardArea .cssBoxTeaserStandard .teaser.hasImage .airTime,
#inhalt .cssBoxTeaserStandard .teaser.mgCalendar h3,
#inhalt .cssBoxTeaserStandard .teaser.mgCalendar .teaserText  {
	float: right;
	width: 26em; /*25.8333em*/
}
#inhalt .airTime {
	margin-top: 0.8333em;
}


/* Top Teaser mit 512er Bild */

#inhalt #topArea .teaserImage {
	float: none;
	margin: -0.25em -0.25em 0.5em;
	width: auto;
}

#inhalt #topArea .banner .teaserImage {
	margin: 0;
}

#inhalt #topArea .cssBoxTeaserStandard .teaser  h3,
#inhalt #topArea .cssBoxTeaserStandard .teaser  .teaserText {
	float: none;
	width: auto;
}

/* AV im Top-Bereich */

#inhalt #topArea .avElement .teaserImage,
#inhalt #topArea .cssVCard .teaserImage,
#inhalt #topArea .cssDownload.special .teaserImage {
	float: left;
	margin: 0;
	width: 11.25em;;
}
#inhalt #topArea .cssBoxTeaserStandard .avElement  h3,
#inhalt #topArea .cssBoxTeaserStandard .avElement .teaserText {
	float: right;
	width: 26em; /*25.8333em*/
}


/* Schlagzeilenteaser und Teaserpluslinks */
.teaser ul.teaserLinks {
margin-top: 0.5em;
}
.cssArticleShortNews ul.teaserLinks,
.cssBoxTeaserCatchline ul.teaserLinks,
.cssBoxTeaserCatchlinePlus ul.teaserLinks,
.cssBoxMultiGroupCatchline ul.teaserLinks, 
.cssBoxMultiGroupCatchlinePlus ul.teaserLinks,
.cssBoxWidgetCatchline ul.teaserLinks {
margin-top: 0;
}


/* Zweispaltenteaser mitte (Standard) oder unten (Rubrik) */
.twocolLeft {
float: left;
width: 16.1875em;
margin: 0;
}
.twocolRight {
float: left;
width: 16.1875em;
margin-left: 2px;
}
.teaserTwocol {
width: 32.5em;
margin: 0 0 1px 0;
background-color:#F6F5F2;
background-position: 16.1875em 0;
background-repeat:repeat-y;
}
.teaserTwocol .teaser {
padding-top: 0;
}
.teaserTwocol .teaserImage {
float:none;
margin:0.125em -0.375em;
overflow:hidden;
padding:0;
width: 15.9375em !important; /* important wegen subboxen */
}
.teaserTwocol h3 {
padding-top: 0.5em;
}
.teaserTwocol h3,
.teaserTwocol p,
.teaserTwocol .downloadText,
.teaserTwocol .vCardText { 
float: none !important; /* important wegen subboxen */
width: auto !important; /* important wegen subboxen */
}

.rubrik .teaserTwocol {
margin-top: 2px;
}
.rubrik .teaserTwocol.last{
margin-bottom: 2px !important;
}

.cssBoxTeaserTwocol.rubrik .teaser .topline {
display: none;
}

#boxStandardArea24 .teaserTwocol .teaser {
padding-top: 0;
padding-bottom: 0;
}
 

.rubrik .doppel-links a,
.rubrik .twocolRight a {
color: #fff;;
}

.rubrik .twocolLeft h3 a,
.rubrik .twocolRight h3 a {
background-image: url(img/linkArrowRound.png);
background-position: right 0.333em;
background-repeat: no-repeat;
display: block;
padding: 0 20px 8px 0;
}
* html .rubrik .twocolLeft h3 a,
* html .rubrik .twocolRight h3 a {
background-image: url(img/linkArrowRoundPixel.gif);
}





.rubrik .teaserTwocol .teaser,
.rubrik .teaserTwocol .directteaser {
background-color: transparent;
border-bottom: 0 none;
}
.rubrik img {
border: none;
}


/* Rating im Teaser */

p.rating span {
background-image:url(img/ratingStars.gif);
background-repeat:no-repeat;
float:left;
height:0;
overflow:hidden;
padding-top:18px;
width:65px;
margin-right:0.5em;
}

.rating.star_5_0 span {
background-position:0 2px;
}
.rating.star_4_5 span {
background-position:0 -23px;
}
.rating.star_4_0 span {
background-position:-13px 2px;
}
.rating.star_3_5 span {
background-position:-13px -23px;
}
.rating.star_3_0 span {
background-position:-26px 2px;
}
.rating.star_2_5 span {
background-position:-26px -23px;
}
.rating.star_2_0 span {
background-position:-39px 2px;
}
.rating.star_1_5 span {
background-position:-39px -23px;
}
.rating.star_1_0 span {
background-position:-52px 2px;
}
.rating.star_0_5 span {
background-position:-52px -23px;
}
.rating.star_0_0 span {
background-position:-65px 2px;
}



/* Bildteaser / Banner */
#nav .banner,
#funktion .banner,
#promo .banner {
padding: 0;
}
.banner .teaserImage {
float: none;
}
#inhalt .banner .teaserImage {
width:auto !important;
}

.banner h3 {
display: none;
}

#nav .banner .teaserImage,
#funktion .banner .teaserImage,
#promo .banner .teaserImage {
margin: 0;
}

#inhalt .banner {
padding: 0.25em;
background-color: #f6f5f2;
}

.teaserTwocol .teaser {
margin-bottom: 0;
}

.teaserTwocol .banner .teaserImage {
margin: -2px -2px;
padding: 0;
}







/* AV-Teaser */
.cssAudio .avElement,
.cssVideo .avElement,
.cssMultimediaGallery .avElement {
/*background-color: transparent;*/
height: 1%;
}

.teaser.cssAudio.special,
.teaser.cssVideo.special,
.teaser.cssMultimediaGallery.special,
.teaser.cssLivestream.special {
padding: 0;
}

.avTeaser {
padding: 0.5em;
background-color: #E2E6E9;
position: relative;
}
.floatBox .avTeaser {
padding:0;
}

/* breite Texte einspaltiger Teaser definieren */
#inhalt .box .avTeaser h3,
#inhalt .box .avTeaser p {
	float: right;
	width: 26em; /*25.8333em*/
}

.avAirTime {
	font-size: 11px;
}

#inhalt .box .avTeaser p.avAirTime,
#inhalt .inlineBox .avTeaser p.avAirTime {
	width: 28.3636em; /*28.18em*/ 
	padding-top:0.909em;
	font-size: 0.6875em;
}

#inhalt .inlineBox .avTeaser p.avAirTime,
#inhalt .cssBoxMultiGroupStandard .avTeaser p.avAirTime {
	width: 27.7em;
}

.floatBox .avTeaser h3,
.floatBox .avTeaser .avAirTime {
font-size: 11px;
padding: 4px 4px 0;
clear:both;
}

.floatBox .avTeaser .avAirTime {
padding: 0 4px 8px;
}

.floatBox .avTeaser .avAirTime span {
display:block;
}

/* Teaserbild- img muss nicht immer da sein, ansonsten wird ein bg-image dargestellt und ist klickbar */
.avElement .teaserImage a,
.teaser.cssAudio .avElement .avScreen {
display:block;
width: 11.25em; 
height: 8.4375em;
position: relative;
}

.avElement .teaserImage span.icon {
left: 6.938em;
margin: 0;
position: absolute;
top: 6.0625em;
}

.teaser.cssAudio.special .teaserImage  {
background-image: url(img/default_audio_180.jpg);
background-repeat: no-repeat;
width: 11.25em;
}

.teaser.cssVideo.special .teaserImage {
background-image: url(img/default_video_180.jpg);
background-repeat: no-repeat;
width: 11.25em;
}






.avLabel {
font-size: 10px;
padding: 1px 2px;
color: #fff;
background-color: #0064AE;
line-height: 14px;
}



/*Fusszeile */

.avFooter,
.avAlternativeLink {
background-color: #e2e6e9;
border-top:1px solid #f6f5f2;
clear:both;
font-size:12px;
height:27px;
line-height:170%;
padding:4px 8px 0;
}

.floatBox .avFooter {
font-size: 11px;
padding: 4px 4px 0;
}

/* Fusszeile Download */
 .avDownload {
padding: 0 0 2px 26px;
background-image: url(img/av_sprite_new.png);
background-repeat: no-repeat;
background-position: -81px -273px;
float:left;
}

.avDownload .avDownloadSize {
font-weight: normal;
}

.floatBox .avDownloadText {
display:none;
}



/* MMGalerie*/
.avTeaserMultimediaGallery {
padding: 0;
}

.avTeaserMultimediaGallery h3,
.avPlayerMultimediaGallery h3,
body.cssMultimediaGallery #inhalt h1,
.avTeaserMultimediaGallery .avHeader {
float:none !important;
width:auto !important;
padding:0.5em;
background-color: #CACFD4;
font-size: 0.75em;
font-weight: bold;
}

.cssMultimediaGallery .avPodcast,
.avTeaserPodcast h2 {
	background-image: url("img/av_sprite_new.png");
    background-position: -80px -512px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 28px;
    width: auto;
}

.avElement .avGalleryDetailLink {
float:right;
width: auto;
}

.avTeaserMultimediaGallery,
.avTeaserList a {
color: #313131;
}

/* MMG Teaserlist */

.avTeaserMultimediaGallery ul {
height:18em;  /*288px*/
overflow-x:hidden;
overflow-y:scroll;
border-left: 0.0625em solid #CACFD4;
border-right: 0.0625em solid #CACFD4;
position:relative;
margin: 0 !important;
}

ul.avTeaserList li {
background-color:#FFFFFF;
background-image: none !important;
border-bottom:0.0625em solid #CACFD4;
float:left;
font-size:1em !important;
list-style-type:none !important;
margin-left:0 !important;
padding: 0.25em; /*4px*/
position:relative;
}
ul.avTeaserList li.last {
border-bottom: 0 none;
}
/* Hover über Zeile */
.avTeaserList li.jsHover .avTeaserListPoint {
margin: -0.0625em;
padding: 0.0625em;
}
.avTeaserList li.jsHover .avTeaser,
.avTeaserList li.jsSelected .avTeaser {
background-color:#E2E6E9;
}

.avTeaserList .avTeaserListPoint {
background-color: #E2E6E9;
width: 100%; /* 494px;*/
}

span.avType  {
float:right;
font-size: 0.6875em;
font-weight:bold;
padding-top:3.6364em;
text-align:center;
width: 7.0909em;
}

.avTeaserList .avTeaser {
background-color:#fff;
float:left;
padding:0;
width:25.25em; /*404px; 408px; 412px*/
}

#inhalt .avTeaserList .avTeaser h4, 
#inhalt .avTeaserList .avTeaser p.avAirTime {
float:right;
width: 28.7273em;
font-weight: bold;
font-size: 0.6875em;
line-height:130%;
}
#inhalt .avTeaserList .avTeaser p.avAirTime {
font-weight: normal;
padding-top:3px;
}
#inhalt .avTeaserList .avTeaser .avLabel {
display: inline-block;
margin:5px 0 4px;
}



.avTeaserList .teaserImage {
background-repeat: no-repeat;
float:left;
width: auto !important; /*wg. top-bereich*/
background-color: #8A9BA5;
background-position: center center;
}

.avTeaserList .teaserImage  a {
width: 5em; 
height: 3.75em;
display:block;
}

.avTeaserList .cssAudio .teaserImage  {
background-image: url(img/default_audio_80.jpg);
}

.avTeaserList .cssVideo .teaserImage {
background-image: url(img/default_video_80.jpg);
}

/* hover effekt in listen bei mmg und ipg */
.linkAll {
cursor:pointer;
position:absolute;
right:0;
top:0;
bottom:0; 
left:0;
z-index:100;
display:block;
clear:both;
background-color: transparent !important;
background-image: url(img/spacer.gif) !important;
}


/* Breiten für Inline-Box anpassen */
/*
.inlineBox .avTeaserListPoint {
width: 486px;
}
*/

.inlineBox .avTeaserList .avTeaser {
width:25.1250em;
}

#inhalt .inlineBox .avTeaserList .avTeaser h4, 
#inhalt .inlineBox .avTeaserList .avTeaser p.avAirTime {
width:28.5455em;
}



/* Player */
.paragraph .floatBoxZoomed {
margin-bottom: 15px;
clear:both;
}

.avPlayer .avHeader {
background-color: #CACFD4;
font-size: 11px;
text-align:right;
padding: 4px 4px;
}

.avPlayer .avHeader a.avCloser {
background-image:url("img/av_sprite_new.png");
background-position:23px -352px;
color:#000000;
font-weight:normal;
padding-right:25px;
}
.cssMultimediaGallery .avPlayer .avHeader a.avCloser {
background-position:18px -352px;
}

.avPlayer .avScreen {
height:18em;
}
.teaserImage .avPlayerAudio {
margin-top:-8.4375em 
}

.cssVideo .avScreen,
.cssMultimediaGallery .avPlayerVideo .avScreen,
body.cssVideo .avScreen {
height: 18em;
}

.cssMultimediaGallery .avPlayerAudio .avScreen,
body.cssAudio .avScreen {
height: 18em;
}

.cssMultimediaGallery .avPlayerMultimediaGallery .avScreen {
height: 18em;
}

#mediathekStage.wideStage .avScreen {
height: 19.9em;
}

.cssAudio .avScreen {
height: 8.4375em;
}



body.cssVideo .avScreen.avAlternativPlayer {
height: 308px;
background-color: gray;
background-image: none;
margin:-0.55em -0.55em 1em;
width:512px;
}
body.cssAudio .avScreen.avAlternativPlayer {
height: 40px;
background-color: gray;
background-image: none;
margin:-0.55em -0.55em 1em;
width:512px;
}




/* Detailseiten Video Audio */

div.avStage {
background-color: #E2E6E9;
padding:1px 1px 0;
margin-bottom:8px;
}

div.avStage .avElement {
background-color:#FFFFFF !important;
}

div.avStage .avLabel {
margin-right:6px;
}

div.avStage .avAlternativeLink {
border-top:0;
margin: 0 -0.6667em -0.6667em;
}

div.avStage .avPlayer .avScreen {
margin:-1px -1px 0;
}

/* Detailseite Video-Newsletter, Livestream */
.cssBroadcastNewsletter .avStage,
.cssLivestream .avStage {
height: 18em;
margin-bottom:15px;
}

/*
.cssBroadcastNewsletter .noflashBox,
.cssLivestream .noflashBox {
height: 249px
}
*/

/* Detailseite MMG */
body.cssMultimediaGallery .avTeaserMultimediaGallery ul {
height: auto;
overflow: visible;
}

body.cssMultimediaGallery .avTeaserList .avTeaserListPoint {
width:31.375em; /*502px*/
}
body.cssMultimediaGallery .avTeaserList .avTeaser {
width: 26.1875em; /*419px*/
}
body.cssMultimediaGallery #inhalt .avTeaserList .avTeaser h4, 
body.cssMultimediaGallery #inhalt .avTeaserList .avTeaser p.avAirTime {
width:30.1em;
margin: 0;
}


.avTeaserPodcast {
border: 1px solid #CACFD4;
margin-bottom: 8px;
background-color: #fff;
padding: 0.5em;
}

.avTeaserPodcast h2 {
background-color: #E2E6E9;
margin: -0.68em -0.68em 0.5em;
font-size: 0.75em;
padding:0.5em 0.5em 0.5em 36px;
float:none;
background-position: -73px -509px;
}

.avTeaserPodcast p,
.avTeaserPodcast li {
margin-bottom:8px;
font-size: 0.75em;
}

.avPodcastUrl  {
position: relative;
border:1px solid #007ECE;
margin-bottom: 10px;
}
.avPodcastUrl input {
border: 0 none;
padding: 0.125em 0.125em 0.1875em;
width: 36em;
}
.avPodcastUrl #copyUrl {
position:absolute;
right:4px;
top:3px;
width:65px;
}

.avTeaserPodcast li.avITunes {
float:left;
}
.avTeaserPodcast li.avPodcastHelp {
float:right;
}

.avTeaserMultimediaGallery .avPagination {
text-align:  right;
padding:0.5em 1.5em 0.5em 0.5em;
border: 1px solid #CACFD4;
}

.avTeaserMultimediaGallery h2 {
float: left !important;
font-size: 0.75em;
}

.avTeaserMultimediaGallery .pagination {
 font-size: 0.75em;
 margin: 0;
 background-color: #E2E6E9;
 border: 1px solid #CACFD4;
 padding: 0.5em;
}

.avTeaserMultimediaGallery.noContent  {
 background-color: #E2E6E9;
 border: 1px solid #CACFD4;
 padding: 0.5em !important;
 margin-top: 0.5em;
}
.avTeaserMultimediaGallery.noContent  p {
margin-bottom: 0;
}






/* alt */
.teaser.avplayer {
padding: 0.25em !important;
}
.teaser.avplayer .noflashbox {
padding:0.625em 0.625em 1.5625em;
}


/* Bildergalerie */
#inhalt .galerieteaser .gallery {
background-position: 99% -2px;
}








.directteaser .teaser {
margin-bottom: 0;
}
.directteaser .teaser.rssteaser {
margin-bottom: 1px;
}
/* Mini-Verteilseite */
.mini-dp .rubrik {
/*margin:-0.5625em -0.5625em 0.625em;*/
margin:-0.625em -0.625em 0.625em;
padding:0.1875em 0.9375em 0.1875em 0.625em;
}
.mini-dp .rubrik h3 {
font-size: 0.6250em;
}
.mini-dp .rubrik a {
display: block;
background-image: url(img/linkArrowRoundPixel.gif);
background-position: center right;
background-repeat: no-repeat;
}



/*
########################################################
## Eilmeldung
########################################################
*/
#newsFlashArea {
background-color: #fff;
padding: 0.5em;
margin: 0 0 0.5em;

}
#newsFlashArea h2 {
font-size: 1.125em;
line-height: 130%;
color: #e2001a;
}
.cssNewsFlash {
padding: 0.5em 0;
border-bottom: 1px dotted #000;
background-color: transparent;
}
.cssNewsFlash.last {
border-bottom: none;
}
.cssNewsFlash .headline {
color: #000;
}


/*
########################################################
## Visitenkarte und Download-Spezialteaser
########################################################
*/

.innerTeaser {
padding-bottom: 0.5em;
}

#inhalt .cssVCard .innerTeaser {
background-color: #fff;
padding: 1em;
border-top: 1px solid #e7e7e7;
}

#inhalt .teaserTwocol .innerTeaser {
padding: 0;
border-top: 0 none;
background-color: transparent;
}

#funktion .innerTeaser .teaserImage,
#promo .innerTeaser .teaserImage,
#nav .innerTeaser .teaserImage {
margin: 0 0 0.5em;
}

#inhalt .teaserTwocol .teaser .vCardText, 
#inhalt .teaserTwocol .teaser .downloadText {
background-color: transparent;
}

#inhalt .teaser.cssVCard.hasImage .innerTeaser .teaserText, 
#inhalt .teaser.cssVCard.hasImage .innerTeaser h3  {
width: auto !important;
float: none;
}

/* DL-Teaser im Top-Bereich */
#inhalt #topArea .cssDownload.special.hasImage h3, 
#inhalt #topArea .cssDownload.special.hasImage .teaserText {
 width: 26em;
 float:right;
}

#inhalt .cssBoxTeaserStandard .teaser.cssDownload.hasImage .innerTeaser .downloadText {
    float: right;
    width: 19.5em;
}

/* Formbuttons hochschieben */
#inhalt .cssBoxTeaserStandard .teaser.cssDownload .innerTeaser .downloadText,
#inhalt .inlineBox .teaser.cssDownload .innerTeaser .downloadText {
padding-top: 0.366em;
background-color: #fff;
border: 1px solid #D5D5D5;
}
#inhalt .cssBoxTeaserStandard .teaser.cssDownload .innerTeaser .downloadText p,
#inhalt .inlineBox .teaser.cssDownload .innerTeaser .downloadText p {
margin-left: 0.5em;
}
#inhalt .cssBoxTeaserStandard .teaser.cssDownload .innerTeaser .formbuttons,
#inhalt .inlineBox .teaser.cssDownload .innerTeaser .formbuttons {
margin-top: -3.66em; /*-58px;*/
background-color: transparent;
padding: 0.5em 0.5em 0.75em;
text-align:right;
}

#inhalt .teaser.hasImage .vCardText {
width: 17.25em;
float:right;
}


.innerTeaser h3,
.innerTeaser p  {
margin-bottom: 0.583em;
}
.innerTeaser p.groesse {
margin-bottom: 1.16em;
}

#funktion .cssVCard h3,
#funktion .cssVCard p,
#nav .cssVCard h3,
#nav .cssVCard p  {
font-size:0.6875em;
}

#funktion .cssVCard a,
#nav .cssVCard a {
color: #fff;
}

.vCardText span,
.downloadText span {
font-weight: bold;
}

.vCardAdditional {
clear:both;
font-style: italic;
padding: 0.75em 0.5em;
}
#funktion .vCardAdditional,
#nav .vCardAdditional,
#inhalt .teaserTwocol .vCardAdditional {
border-top: 1px solid #D5D5D5;
margin-top: 0.5em;
padding: 0.75em 0;
}


/*
########################################################
## Wechselteaser
########################################################
*/

.wechselTeaserNavi {
	height: 1.563em; /*25px*/
    padding: 0.438em 0 0; /*7px 0 0*/
	background-color: gray;
}

.wechselTeaserNavi  ul.wechselTeaserList {
	clear: both;
    margin: 0 auto;
}

.wechselTeaserNavi  ul.wechselTeaserList.count1 {
    width: 2.625em; /*42px*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count2 {
    width: 5.250em; /*84px*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count3 {
    width: 7.875em; /*126px*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count4{
    width: 10.5em; /*168px;*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count5 {
    width: 13.125em; /*210px;*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count6 {
    width: 15.750em; /*252px*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count7 {
    width: 18.375em; /*294px*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count8 {
    width: 21em; /*336px;*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count9 {
    width: 23.625em; /*378px;*/
}
.wechselTeaserNavi  ul.wechselTeaserList.count10 {
    width: 26.250em; /*420px*/
}

.wechselTeaserNavi li {
width: 3.091em; /*34px;*/
/*height: 1.455em; *//*16px;*/
float: left;
margin: 0 0.0625em;
font-size: 0.6875em;
text-align:center;
/*padding-top: 0.182em; *//*2px;*/
background-color: #ffffff;
}

.wechselTeaserNavi li.aktiv {
background-color: #d2d2d2;
}

.wechselTeaserNavi li a {
 display: block;
 text-decoration: none;
color: gray;
line-height: 18px;
}

.wechselTeaserContent {
background-color: #F5F4F0;
}


/* Wechselteaser ohne Zahlen */

.wechselteaser.bobbeln .wechselTeaserNavi li {
border-radius: 12px;
width: 1.7em;
}

.wechselteaser.bobbeln .galleryLink span { 
visibility: hidden;
}

.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count10 {
    width: 17em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count9 {
    width: 15.5em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count8 {
    width: 14em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count7 {
    width: 12em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count6 {
    width: 10.5em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count5 {
    width: 8.5em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count4 {
    width: 7em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count3 {
    width: 5.5em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count2 {
    width: 4em;
}
.wechselteaser.bobbeln .wechselTeaserNavi ul.wechselTeaserList.count1 {
    width: 2.5em;
}




/*
########################################################
## rechte Spalte
########################################################
*/
#funktion {
float: right;
width: 16em;
margin: 0 0 0 0.5em;
display: inline;
line-height: 110%;
}

.cssIndexPage #funktion h2 {
color: #fff !important;
}

/*
########################################################
## IPG-Teaser
########################################################
*/

.teaser.cssIpg.special,
.teaser.cssContainerIpgBroadcasts {
background-color: #908275 !important;
padding:0 !important;
}

.teaser.cssIpg.special h3,
.teaser.cssContainerIpgBroadcasts h3 {
background-color: #2d6591;
background-repeat: repeat-x;
padding: 0.5em;
color: #fff;
clear: both;
}


.teaser .ipgTeaserList  li {
font-size:0.75em;
position:relative;
width:100%;
list-style-position: outside;
float:left;
border-top: 1px solid #c9b29b;
}

/* Wo soll es keine border oben geben? */
.teaser.cssIpg.special h3.now, 
.teaser .ipgTeaserList  li.first ,
.teaser.cssIpgDays li {
border-top: 0 none;
}

.teaser .ipgTeaserList  li .topline {
color: #444 !important;
font-size: 0.9em;
font-weight: bold;
}

.teaser .ipgTeaserList  li p.subtitle {
font-size: 1em;
}

.teaser .ipgTeaserList  .texte .topline,
.teaser .ipgTeaserList  .texte a {
padding-bottom:3px;
}

.teaser .ipgTeaserList  li.even {
background-color:#e2e7e9;
}
.teaser .ipgTeaserList  li.odd {
background-color: #cfd9df;
}
.teaser .ipgTeaserList  .now,
.teaser .ipgTeaserList  .next {
border-bottom:1px solid #2d6591;
border-top:1px solid #2d6591;
color:#fff;
font-size:0.6875em;
}
.teaser .ipgTeaserList li .zeit {
color: #414141;
float: left;
font-weight: bold;
padding: 0.5833em;
width: 3.8333em;
}
.teaser .ipgTeaserList li .zeit .datum {
margin-bottom: 0.1250em;
display: block;
font-weight:normal;
}

.teaser .ipgTeaserList  li.even .info {
/* background-color: #EFC5B0; */
}
.teaser .ipgTeaserList  li.odd .info {
/* background-color: #F1D5C6; */
}
.teaser .ipgTeaserList li .info {
margin-left:5em;
padding: 0.5833em 0.8333em 0.75em;
display:block;
border-left: 1px solid #c9b29b;
}
/*
#funktion .teaser .ipgTeaserList li .info {
width: 14.6667em;
}
*/
#inhalt .teaser .ipgTeaserList li .info {
width: 36.6667em;
}

/* gefilterte Ankündigung und Spezialteaser Konzertkalender rechte Spalte */
#inhalt .teaser.cssContainerIpgBroadcasts .ipgTeaserList li .zeit {
text-align: left;
 width: 5.5em;
}
#inhalt .teaser.cssContainerIpgBroadcasts .ipgTeaserList li .info {
margin-left: 7.5em;
width: 34.1em;
}

/* gefilterte Ankündigung und Spezialteaser Konzertkalender rechte Spalte */
#funktion .teaser.cssContainerIpgBroadcasts .ipgTeaserList li .zeit {
 width: 5.5em;
}
#funktion .teaser.cssContainerIpgBroadcasts .ipgTeaserList li .info {
margin-left: 6.5em;
}

.cssIpgDays ul {
height: 40px;
}
.cssIpgDays .ipgTeaserList li {
float: left;
}
.cssIpgDays li.heute {
width: 72px;
margin: 5px 2px 5px 3px;
}
.cssIpgDays li.morgen {
width: 86px;
margin: 5px 2px 5px 0px;
}
.cssIpgDays li.gestern {
width: 88px;
margin: 5px 0px 5px;
}
.cssIpgDays li a {
background-image: url(img/ipgNowNextButtons.gif);
background-repeat: no-repeat;
display: block;
height: 0;
overflow: hidden;
padding-top: 30px;
}
.cssIpgDays li.morgen a {
background-position: -74px 0;
}
.cssIpgDays li.gestern a {
background-position: -162px 0;
}
.cssIpgDays .last {
border-bottom-width: 0px;
padding-bottom: 0.1875em;
}


/* Livestream-Teaser allgemein (Spezialitäten im Mediathek-css) */
.cssIpgNowNextLiveStream .ipgTeaserList li .info {
margin-left:0;
padding: 0;
width: 34.8333em !important;
}
.cssIpgNowNextLiveStream .ipgTeaserList li .info .teaserImage {
font-size: 1.333em;
}
.cssIpgNowNextLiveStream .ipgTeaserList li .info .texte {
padding: 0.5833em 0.8333em 0.75em;
width: 25.6667em;
float:left;
}

.cssIpgNowNextLiveStream .ipgTeaserList li .zeit {
float: right;
width: 7em;
}
.cssIpgNowNextLiveStream .ipgTeaserList li .zeit span{
display: block;
}
.cssIpgNowNextLiveStream .ipgTeaserList li .zeit span.laenge {
font-weight: normal;
}




/* Konzertkalender */
.teaser.cssConcertCalendar.special {
padding:0;
}

.teaser.cssConcertCalendar.special h3 {
padding:0.5em;
}

.teaser .concertTeaserList  li {
font-size:0.75em;
position:relative;
width:100%;
list-style-position: outside;
float:left;
border-top: 1px solid #E77A2D;
}

.teaser .concertTeaserList  li.even {
background-color:#F1D6C7;
}
.teaser .concertTeaserList  li.odd {
background-color: #F3E0D5;
}

.teaser .concertTeaserList li .zeit {
color: #952686;
float: left;
font-weight: bold;
padding: 0.5833em;
 width: 5.5em;
 text-align: left;
}
.teaser .concertTeaserList li .zeit .datum {
margin-bottom: 0.1250em;
display: block;
font-weight:normal;
}

.teaser .concertTeaserList  li.even .info {
background-color: #EFC5B0;
}
.teaser .concertTeaserList  li.odd .info {
background-color: #F1D5C6;
}
.teaser .concertTeaserList li .info {
margin-left: 7.5em;
padding: 0.5833em 0.8333em 0.75em;
display:block;
width: 34.1em;
}

.teaser .concertTeaserList  li .topline {
font-size: 0.9em;
font-weight: bold;
}

.teaser .concertTeaserList  li .topline .serie {
color: #952686;
}

.teaser .concertTeaserList  li p.subtitle {
font-size: 0.9em;
}

.teaser .concertTeaserList  li p.details {
font-size: 1em;
}

.teaser .concertTeaserList  .texte .topline,
.teaser .concertTeaserList  .texte a {
padding-bottom:3px;
}





/* Wetterteaser rechte Spalte */

#funktion .wetter {
background-color: #F5F4F0 !important;
padding: 0;
}


/*
#funktion .wetter h3 {
background-color: #67768B;
background-repeat: repeat-x;
padding: 0.3333em 0.8333em 0.4167em;
color: #F6F5F2;
clear:both;
height:16px;
}
*/

#funktion .wetter .bannertext {
display: none;
}

#funktion .wetter li {
margin: 0 0.125em 0 0.5em;
padding-top: 0.1875em;
border-bottom: 1px solid #9FA9B2;
display: block;
}
#funktion .wetter li.last {
border-bottom-width: 0;
padding-bottom: 0.1875em;
}
#funktion .wetter span {
display: block;
float: left;
font-size:0.75em;
padding: 0.7273em 0 0;
}
#funktion .wetter span.ort {
width: 12.0833em;
}
#funktion .wetter span.wert {
text-align:right;
width: 4em;
z-index: 1;
color: #000;
}
#funktion .wetter span.icon {
width: 3.5em;
float: right;
padding: 0;
z-index: 2;
height: 2.6667em;
}
#funktion .wetter span.icon img {
height:2.6667em;
width:3.5em;
}


/* Verkehrskarte */
#verkehrskarte {
position: relative;
}


/* Boerse Banner */
.cssIndexPage  #funktion .boerse ul.teaserLinks li {
border-bottom: 1px dotted #fff !important;
border-top: 0 none !important;
}
.boerse .werte {
 padding: 0.5em 0 0;
}
.boerse .werte ul {
background-color: #adb4cf;
padding: 0.25em;
overflow: hidden;
}
.boerse .werte li {
float: left;
font-size: 0.75em;
line-height: 1.3em;
width: 6.4em;
padding-top: 0.3125em;
}
.boerse .werte li img {
display: inline;
}
.boerse .werte a {
 color: #161A70 !important;
 font-weight:normal;
}







/* Funktionsspalte */
/*
#funktion .funktion {
margin: 0 0 0.5em 0;
overflow: hidden;
}
*/



/*
########################################################
## Short-Links (Kurzschlagzeilen)
########################################################
*/
ul.teaserLinks li,
.teaser.cssMultiGroup form.pulldown {
margin: 0 0 -1px;
padding: 0.333em 33px 0.583em 0.583em;
background-color: #fff;
border: 1px solid #e4e2d8;
font-size: 0.75em;
list-style-type: none;
list-style-position: outside;
line-height: 130%;
}

ul.teaserLinks li.last {
margin: 0 0 1px;
}

#nav .headline,
.cssIndexPage #funktion .headline,
#promo .headline,
#nav .teaserText a,
.cssIndexPage #funktion .teaserText a,
#promo .teaserText a {
color: #fff;
}

/*
.cssIndexPage #funktion .headline:hover {
	text-decoration: underline;
	}
*/

#nav ul.teaserLinks li,
#funktion ul.teaserLinks li,
#promo ul.teaserLinks li {
border-color: transparent;
background-color: transparent;
border-top: 1px dotted #fff !important;
padding: 0.5em 25px 0.5em 0;
}

#nav .cssBoxTeaserCatchline ul.teaserLinks li.first,
 .cssIndexPage #funktion .cssBoxTeaserCatchline ul.teaserLinks li.first,
 #promo .cssBoxTeaserCatchline ul.teaserLinks li.first {
 border-top: 0px none !important;
 }


#nav .teaser,
.cssIndexPage #funktion .teaser {
/*background-color: #4184C9;*/
background-color: gray;
}

#promo .teaser {
    background-color: transparent !important;
}

ul.teaserLinks a,
.anchorGroup a,
a.pfeil {
display: block;
padding: 0px 0px 0 12px;
background-image: url(img/linkArrowGlobal.gif);
background-repeat: no-repeat;
background-position: 0 0.25em;
}
#nav ul.teaserLinks a,
.cssIndexPage #funktion ul.teaserLinks a,
#promo ul.teaserLinks a {
color: #fff;
background-image: url(img/linkpfeil_white.gif);
}
.anchorGroup anchorItem.active a {
color:#000;
}
span.otype,
span.ardStation {
font-weight: normal;
text-decoration: none !important;
}

#inhalt span.otype, 
#inhalt span.ardStation {
color: black;
}


/*
########################################################
## Seite versenden, Formular Fehlerhandling
########################################################
*/
legend {
display: none;
}
.empfehlen .untertitel {
font-weight: normal !important;
}

.empfehlen a.zurueck {
background-image: url(img/linkArrowRoundBack.gif);
background-repeat: no-repeat;
font-size: 0.75em;
padding: 0 0 0 20px;
}
.erfolgsmeldung {
border: 1px solid green;
padding: 0.6875em;
color: green !important;
font-size: 0.75em;
margin: 0.125em 0 0.6875em 0;
font-weight: bold;
}

.fehlermeldung,
.warnmeldung,
.hinweistext  {
/*border: 1px solid #E31B14;
padding: 0.6875em !important;*/
margin: 0 0 0.5em;
font-size: 0.75em;
color: #E31B14;
}

.cssForm .fehlermeldung {
/*margin-left: -0.4167em;
margin-right: -0.4167em;*/
margin-bottom: 1em;
}

.paragraph .fehlermeldung ul li {
font-size: 1em;
}

.fehlermeldung ul li {list-style-type:square; margin: 0 0 0 1em;}
.fehlermeldung h2 { font-size:1em !important; margin-bottom:1em;}

.recommendPage .fehlermeldung {
border: 1px solid #E31B14;
margin: 0.125em 0 0.6875em 0;
padding: 0.6875em;
}


p.fehler {
background-color: #ffe9e9;
border: 1px solid #e31b14 !important;
padding: 0.4167em !important;
}
p.fehler strong {
display: none;
}



/*
########################################################
## Formular
########################################################
*/
#inhalt .index form.pulldown-index select {
width: 15.6250em;
float: left;
}
.forminhalt .header {
font-weight: bold;
}
.formular-container {
border: solid 1px #e4e2d8;
clear: both;
position: relative;
}

#nav .formular-container,
.cssIndexPage #funktion .formular-container,
#promo .formular-container {
border: none medium;
}
.formular-container h2 {
font-size: 0.75em;
}
.formular-container p {
margin-bottom: 15px;
}
.formular-container input.text,
.formular-container select {
width: 33.875em;
margin: 3px 0 0 0;
font-size:1.1125em;
padding: 1px;
}
.formular-container select {
width: 34.3em;
}
.formular-container .downloadinhalt select {
width:31em;
}
.formular-container input.multi {
margin: 4px 4px 0 0;
padding: 0;
font-size:1.1125em;
}
.formular-container textarea {
width: 37.6667em;
height: 100px;
margin: 3px 0 0 0;
padding: 1px;
font-family:Verdana,Arial,sans-serif;
font-size:1em;
}
.formular-container .forminhalt {
padding: 0.5em;
background-color: #ffffff;
}

/* Einverständniserklärung */
.acceptBox .text {
display:block;
padding: 0.3125em 0 0 0;
}

/* Captcha*/
.formular-container .securityBox {
border: 1px solid #E4E2D8;
background-color: #F6F5F2;
padding: 0.6667em;
}
.formular-container .securityBox .mark {
display:block;
padding:5px 0;
}
.formular-container .securityBox .task {
float: left;
padding: 0.3333em 0.8333em 0 0;
}
.formular-container .securityBox input.captcha {
width: 7.5em;
}

.formular-container .formbuttons {
padding: 0.5em;
background-color: #e4e2d8;
text-align: right;
}
.formbuttons .abstand {
padding: 0 10px 0 0;
}

h3.formheadline {
margin: 20px 0 5px;
font-size: 0.75em;
}

/* rechte Spalte */

#funktion .formular-container textarea {
width:17.5em;
}

#funktion .formular-container select {
width:16em;
}

#funktion .formular-container input.text {
width:15.7em;
}

#funktion .formular-container .securityBox input.captcha {
width: 14.7em;
}


/* Video-Newsletter Newsletter-Bestellung */

.cssNewsletterChannel span.option {
    border: 1px solid #E4E2D8;
    display: block;
    padding: 4px;
	margin-top: -1px;
}

.cssNewsletterChannel span.option input {
float: right;
}

.cssNewsletterChannel span.header {
display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}

/*
########################################################
## Voting
########################################################
*/
.cssVoting .formular-container .thema {
font-size: 0.75em;
padding: 0 0.667em 0.667em !important;
border-bottom: solid 1px #e4e2d8;
background-color: #ffffff;
font-weight: bold;
margin: 0 -0.667em;
}
.cssVoting .formular-container ul {
margin:0;
}
.cssVoting .formular-container .meinung {
padding: 0.5em;
border-bottom: 1px solid #e4e2d8;
margin: 0 -0.5em;
overflow: hidden;
clear:both;
font-size:1em;
list-style:none outside none;
position: relative;
}

/*
* html .formular-container .meinung {
height: 1%;
}
*/

.cssVoting .formular-container .meinung.last {
border: none;
margin-bottom: -0.625em;
}

.cssVoting .formular-container .meinung.avPlayer {
padding: 0;
}

.cssVoting .formular-container .option {
float:left;
height: 1.25em;
width:5%;
}

.cssVoting .formular-container .opinion {
float:left;
width:94%;
}

.cssVoting .formular-container .meinung div.image {
float:left;
width: 11.25em;
margin-right: 0.75em;
overflow:hidden;
}

.cssVoting .formular-container label,
.cssVoting .formular-container .meinung .answer {
font-size: 0.75em;
}

.cssVoting .formular-container .hasImage .answer {
width: 24.5em; /*294px;*/
float:left;
}

.inlineBox .cssVoting .hasImage .answer {
width: 25.167em; /*302px;*/
}

.cssVoting  .formular-container .meinung .bild180 .caption {
font-size: 0.9167em;
}

.cssVoting .skala {
height: 1.4167em;
margin: 3px 0 5px 0;
padding: 1px;
background-color: #e6e3da;
font-size:0.75em;
width:auto;
}

.cssVoting .skala .ergebnis {
height: 1.4167em;
background-color: #999;
}

.cssVoting .prozente {
font-weight: bold;
}

.voteFooter {
padding: 0.5em;
background-color: #d4d2c8;
}
.votedetails {
padding-bottom: 0.417em;
}
.votedisclaimer {
font-weight: bold;
}

.hideVoteFooter .voteFooter {
display: none;
}

.voteFooter p {
margin:0;
}

.teaser .voteFooter p {
font-size:0.75em;
line-height:1.272em;
color: #000;
}

/* rechte Spalte */

#funktion .cssVoting .erfolgsmeldung {
border: 0;
padding: 0;
}

#funktion .cssVoting .formular-container .option {
width:10%;
}

#funktion .cssVoting .formular-container .opinion {
width:90%;
}

#funktion .cssVoting .formular-container .answer {
width:18.667em; /*224px*/
float:none;
}

#funktion .cssVoting .skala {
/*width: 18.5em; *//*222px*/
}

#funktion .teaser .votedetails .date {
display:block;
}
#funktion .teaser .votedetails .splitterCenter {
display: none;
}

#nav .voteFooter,
.cssIndexPage #funktion .voteFooter,
#promo .voteFooter {
color: #fff;
}

/* Dossiernavigation rechte Spalte */

#funktion .cssBoxTeaserDossier {
margin-left: -0.0625em !important;
padding:0.5em;
border-bottom: 1px solid;
}

#funktion .cssBoxTeaserDossier h2 {
display: none;
}

#funktion .cssBoxTeaserDossier li {
background-color: #fff !important;
margin: 0 0 1px -10px !important;
padding: 0.625em 0 0.625em 0.625em !important;
}

#funktion .cssBoxTeaserDossier li:hover,
#funktion .cssBoxTeaserDossier li.active {
background-color: #f6f5f2 !important;
background-image: url(img/dossier_active.gif) !important;
background-repeat: repeat-y !important;
background-position: right center !important;
}

#funktion .cssBoxTeaserDossier li.active a {
background-image: url("img/linkpfeil_zurueck_global.gif");
background-position: 0 0.1667em;
background-repeat: no-repeat;
display: block;
padding: 0 0 0 12px;
}

#funktion .cssBoxTeaserDossier a h2 {
font-size: 1em;
padding: 0;
}



/*
########################################################
## Kalender Bündelgruppe
########################################################
*/

.teaser.mgCalendar {
position: relative;
}
.mgCalendar .kalender {
float:left;
}
.mgCalendar .kalender table {
/*border-collapse: separate;*/
border: 1px solid #D5D5D5;
}
.mgCalendar th {
font-size: 9px;
}
.mgCalendar th,
.mgCalendar td { 
font-weight: normal;
text-align:center;
padding: 0.2em;
border-right: 1px solid #D5D5D5;
}

#nav .mgCalendar .kalender,
#funktion .mgCalendar .kalender,
#promo .mgCalendar .kalender {
    width: 100%;
	margin-top:0.75em;
}


.mgCalendar .kalender a {
font-weight:normal;
}

.mgCalendar td .inactive a, 
.mgCalendar td .inactive {
    color: #999999;
}

.mgCalendar td.heute {
background-color: #4CA5DF;
background-image: url("img/kalender_aktiv_bg.gif");
background-repeat: repeat-x;
}
.mgCalendar td.heute a,
.mgCalendar td.heute span {
color: #fff;
font-weight: bold;
}

.mgCalendar-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 100;
display:none;
float:left;
background-color: #F9F9F9;
}

.mgCalendar-layer .teaser {
border: 0 none !important;
}

.mgCalendar-layer ul {
overflow-y: auto;
}

.mgCalendar-closeBtn {
float: right;
font-size: 0.75em;
cursor: pointer;
}

.teaser .mgCalendar-layer h4 {
font-size: 0.82em !important;
}

.mgCalendar caption {
padding:0 !important;
line-height: 2em;
}
.mgCalendar caption a {
cursor: pointer;
}
.mgCalendar caption span.back,
.mgCalendar caption span.forward {
color: #999999;
}

.mgCalendar caption .back,
.mgCalendar caption .forward {
display: inline-block;
width: 18px;
font-weight: bold !important;
text-align:center;
font-size: 1.2em;
background-repeat: no-repeat;
background-position: center;
padding-top:0;
}

.mgCalendar caption span.monthname {
display: inline-block;
text-align:center;
padding-top: 0;
font-size: 0.9em;
}
#inhalt .mgCalendar caption span.monthname {
width: 142px;
}
#nav .mgCalendar caption span.monthname {
width: 136px;
}
#funktion .mgCalendar caption span.monthname,
#promo .mgCalendar caption span.monthname {
width: 202px;
}

.mgCalendar caption.blaetterNav span.monthname .icon {
background-image: url("img/calendarpicker.gif");
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
float: none;
height: 12px;
margin: 0 0 -0.12em 0.5em;
padding: 0;
width: 10px;
}

.mgCalendar select {
border:1px solid #e5e5e5;
font-size: 11px;
padding: 2px 2px 3px 2px;
}
.mgCalendar select.calMonth {
width: 81px;
}
.mgCalendar select.calYear {
width: 54px;
}


/*
########################################################
## Icons Kennzeichnung Dokumenttypen
########################################################
*/

/* Icons für Links */

/* shortlinks mittlere Spalte */
#nav ul.teaserLinks li {
background-repeat: no-repeat;
background-position: 12.917em 0.13em;
}

/* shortlinks mittlere Spalte */
#inhalt ul.teaserLinks li {
background-repeat: no-repeat;
background-position: right 0;
}

/* shortlinks linke, rechte und Promo-Spalte */
#funktion ul.teaserLinks li, 
#promo ul.teaserLinks li {
background-repeat: no-repeat;
background-position: 18.417em 0.13em;
}

/* rechte Spalte in Detailseiten wird in der mdrDetailpage.css definiert*/


/* ARD/Das Erste */
ul.teaserLinks .cssLinkArd,
.cssBoxArdLink {
background-image: url(img/i-ardlink-d-25x22.png);
}
#nav ul.teaserLinks .cssLinkArd,
.cssIndexPage #funktion ul.teaserLinks .cssLinkArd,
#promo ul.teaserLinks .cssLinkArd {
background-image: url(img/i-ardlink-h-25x22.png);
}
/* Audio */
ul.teaserLinks .cssAudio,
.cssBoxTeaserAudio,
.cssSearch .cssAudio {
background-image: url(img/i-audio-d-25x22.png);
}
#nav ul.teaserLinks .cssAudio,
.cssIndexPage #funktion ul.teaserLinks .cssAudio,
#promo ul.teaserLinks .cssAudio {
background-image: url(img/i-audio-h-25x22.png);
}
/* Video */
ul.teaserLinks .cssVideo,
ul.teaserLinks .cssMultimediaGallery,
.cssBoxTeaserVideo,
.searchResultList .cssVideo,
.searchResultList .cssAudio,
.searchResultList .cssMultimediaGallery {
background-image: url(img/i-video-d-25x22.png);
}
#nav ul.teaserLinks .cssVideo,
.cssIndexPage #funktion ul.teaserLinks .cssVideo,
#promo ul.teaserLinks .cssVideo,
#nav ul.teaserLinks .cssMultimediaGallery,
.cssIndexPage #funktion ul.teaserLinks .cssMultimediaGallery,
#promo ul.teaserLinks .cssMultimediaGallery {
background-image: url(img/i-video-h-25x22.png);
}
/* Multimediagallery */
ul.teaserLinks .cssMultimediaGallery,
.cssBoxTeaserMultimediaGallery,
.cssBoxTeaserMultimedia,
.cssSearch .cssMultimediaGallery {
background-image: url(img/i-multimedia-d-25x22.png);
}
#nav ul.teaserLinks .cssMultimediaGallery,
.cssIndexPage #funktion ul.teaserLinks .cssMultimediaGallery,
#promo ul.teaserLinks .cssMultimediaGallery {
background-image: url(img/i-multimedia-h-25x22.png);
}

/* Programmtipp / Konzert */
ul.teaserLinks .cssProgramHint,
.cssSearch .cssProgramHint {
background-image: url(img/i-programmtipp-d-25x22.png);
}

ul.teaserLinks .details {
color: #000;
font-weight: normal;
display: block;
}
#nav ul.teaserLinks .cssProgramHint,
.cssIndexPage #funktion ul.teaserLinks .cssProgramHint,
#funktion .cssBoxTeaserProgramhint,
#promo ul.teaserLinks .cssProgramHint {
background-image: url(img/i-programmtipp-h-25x22.png);
}

#nav ul.teaserLinks .details,
.cssIndexPage #funktion ul.teaserLinks .details,
#promo ul.teaserLinks .details {
color: #fff;
font-weight: normal;
}

/* Galerie */
ul.teaserLinks .cssImageGallery,
.teaser.cssImageGallery.special,
.cssBoxTeaserGallery,
.cssSearch .cssImageGallery,
.cssImageGallery #inhalt .topline {
background-image: url(img/i-bilder-d-25x22.png);
}
.cssImageGallery.teaser.special {
background-position: right 0.25em;
background-repeat: no-repeat;
}
body.cssImageGallery #funktion .cssImageGallery.teaser.special {
background-position: right 0.75em;
}
#nav ul.teaserLinks .cssImageGallery,
.cssIndexPage #funktion ul.teaserLinks .cssImageGallery,
.cssIndexPage #funktion .cssImageGallery.special,
#promo ul.teaserLinks .cssImageGallery {
background-image: url(img/i-bilder-h-25x22.png);
}

/* externer Link */
ul.teaserLinks .cssLinkExternal,
.cssBoxExternalLink {
background-image: url(img/i-externerlink-d-25x22.png);
}
#nav ul.teaserLinks .cssLinkExternal,
.cssIndexPage #funktion ul.teaserLinks .cssLinkExternal,
#promo ul.teaserLinks .cssLinkExternal {
background-image: url(img/i-externerlink-h-25x22.png);
}
/* Voting */
ul.teaserLinks .cssVoting,
.cssBoxcssVoting,
.cssBoxTeaserVoting {
background-image: url(img/i-voting-d-25x22.png);
}
#nav ul.teaserLinks .cssVoting,
.cssIndexPage #funktion ul.teaserLinks .cssVoting,
#promo ul.teaserLinks .cssVoting {
background-image: url(img/i-voting-h-25x22.png);
}
/* Download */
ul.teaserLinks .cssDownload,
.cssBoxDownload,
.cssBoxTeaserDownload {
background-image: url(img/i-download-d-25x22.png);
}
#nav ul.teaserLinks .cssDownload,
.cssIndexPage #funktion ul.teaserLinks .cssDownload,
#promo ul.teaserLinks .cssDownload {
background-image: url(img/i-download-h-25x22.png);
}


/* Bestimmte Objekttypen nicht anzeigen*/
li.cssLivestream span.otype,
li.cssProgramHint span.otype,
#nav ul.teaserLinks .cssProgramHint .otype,
.cssIndexPage #funktion ul.teaserLinks .cssProgramHint .otype,
#promo ul.teaserLinks .cssProgramHint .otype {
display: none;
}


/* Selectboxen unter Teasern für Bündelgruppen */
.teaser.cssMultiGroup form.pulldown {
margin-top: 1.6667em;
padding: 0.6667em;
}
#funktion .teaser.cssMultiGroup form.pulldown {
padding: 6px;
}
.teaser.cssMultiGroup form.pulldown select {
float:left;
width: 30em;
}
#funktion .teaser.cssMultiGroup form.pulldown select,
.teaserTwocol .teaser.cssMultiGroup form.pulldown select {
width:11em;
}

.teaser.cssMultiGroup form.pulldown input {
width: 5em; /*66px*/
}


/*
########################################################
## RSS-Import - Teaser 
########################################################
*/


.cssRssTeaser {
border:0 none !important;
clear:both;
height:1%;
margin-bottom:0;
padding:0 !important;
}

#inhalt .cssRssTeaser {
background-color: transparent !important;
}


/* rss Teaser mit 256er Bild in Mittelspalte 
Workaround für fehlerhafte Klassen enthalten*/

#inhalt .cssRssViewStandard .teaserImage {
height:8.4375em;
width:11.25em;
}

#inhalt .cssRssViewStandard .teaserImage a {
height:8.4375em;
width:11.25em;
overflow:hidden;
position: absolute;
}

#inhalt .cssRssViewStandard .teaserImage img {
left:-2.3750em;
position:relative;
top:-0.25em;
}

/* Standardteaser in der Top-Teaser-Box */
#inhalt #topArea .cssRssViewStandard .hasImage h3,
#inhalt #topArea .cssRssViewStandard  .hasImage .teaserText {
float: right;
width: 26em;
color: #000;
}
#inhalt #topArea  .cssRssViewStandard .teaserImage {
    float: left;
    margin: 0;
    width: 11.25em;
}

/* rss Teaser mit 180er Bild in Mittelspalte (mit Klasse nocrop markiert)*/
#inhalt .cssRssTeaser.nocrop .cssRssViewStandard .teaserImage img {
left:0 !important;
position:static !important;
top:0 !important;
}


/* rss Teaser mit 512er Bild */
.cssRssViewTop .teaser .teaserImage {
float:none;
margin: -0.25em -0.25em 0.5em;
width:auto !important;
overflow: hidden;
}
.cssRssViewTop .teaser h3 {
padding: 0 0 3px;
float:none !important;
color: #000;
width: auto !important;
}
.cssRssViewTop .teaser .teaserText {
float:none !important;
color: #000;
width: auto !important;
}




/* Inline-Box */
#inhalt .objektdetail .cssRssTeaser .cssRssViewTop {
overflow:hidden;
}
#inhalt .objektdetail .cssRssTeaser .cssRssViewTop .teaserImage {
margin: -0.563em -0.563em 0.5em;
}


/*rss schlagzeilenvariante*/

#inhalt .cssRssViewCatchline,
#inhalt .cssRssViewCatchlinePlus,
#inhalt .cssRssTeaserViewForum  {
padding: 0.5em;
background-color: #F5F4F0;
}

#funktion .cssRssViewCatchline,
#funktion .cssRssViewCatchlinePlus,
#funktion .cssRssTeaserViewForum  {
padding: 0.5em;
}

#inhalt .objektdetail .cssRssViewCatchline,
#inhalt .objektdetail .cssRssViewCatchlinePlus,
#inhalt .objektdetail .cssRssTeaserViewForum  {
background-color: #FFF;
border: 1px solid #E4E2D8;
}


.cssRssViewCatchline ul.teaserLinks {
margin-top: 0px;
}

.cssRssViewCatchline h4 {
font-size:0.75em;
margin-bottom:5px;
}

/* rss forumvariante */
/* rss schlagzeile und text */
.cssRssTeaserViewForum  ul.teaserLinks,
.cssRssViewCatchlinePlus ul.teaserLinks {
margin-top: 0;
}

.cssRssTeaserViewForum  a .author {
display:block;
font-size:0.916em;
font-weight: normal;
text-decoration: none;
color: #000;
}
.cssRssTeaserViewForum  a:hover {
text-decoration: none;
}
.cssRssTeaserViewForum  a:hover .title {
text-decoration: underline;
}

.cssRssTeaserCatchlinePlus p,
.cssBoxMultiGroupCatchlinePlus p {
font-size:1em;
padding-left:12px;
}

 /* RSS auf der MIP */
 /* Wechselteaser */
 .cssModularIndexPage #topArea .cssRssViewTop .teaser .teaserImage {
width: 39.75em; 
height: 16.875em;
overflow: hidden;
}
 
 /* Standard-Widget */
 .cssModularIndexPage .widget .cssRssViewTop .teaser .teaserImage {
 margin: 0 0 0.5em;
 }
 

/*Ende RSS-Import - Teaser */




/*
########################################################
## Livestreamplayer Radio
########################################################
*/

object#livestreamwidget {
 width: 11.88em; /*190px*/
 height: 12.81em; /*205px*/
}

.radiolive {
margin-bottom: 20px;
padding: 34px 5px 0pt;
width: 180px;
height: 134px;
}
.radiolive h2 {
display: none;
}
.radiolive h3 {
padding: 0;
}
.radiolive a.button {
background-image: url(img/btn_livestreams_noFlash.gif);
background-repeat: repeat-x;
background-color: #fff;
display: block;
border: 1px solid #dfddd9;
color: #5e5c56;
font-size: 12px;
padding: 5px 0 5px 28px;
width: 150px;
height: 13px;
}
.radiolive .button a.hover {
text-decoration: underline;
}
.radiolive li {
margin-top: 8px;
float: left;
}
.radiolive li.rechts {
float: right;
}
.radiolive li.links a {
color: #fff;
font-size: 11px;
padding: 0 0 0 5px;
}
.radiolive li.rechts a {
color: #fff;
font-size: 11px;
padding: 0 15px 0 0;
}

.radiolive .flashradiolivenoscript {
    height: 49px;
    padding-top: 25px;
    text-align: center;
}

.radiolive .flashradiolivenoscript a {
    background-color: transparent;
    background-image: url(img/linkArrowRound.png);
    background-position: left center;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    display: inline;
    font-size: 0.75em;
    font-weight: bold;
    padding-left: 20px;
}

/*
########################################################
## Galerie-Teaser mit Thumbs 
########################################################
*/
.cssImageGallery #funktion #rightColStandardArea .box {
padding:0;
background-color:transparent;
border-bottom: 1px solid #fff;
}

.cssImageGallery #funktion #rightColStandardArea .box h2 {
padding: 0.75em 0.5em 0;
background-color: #f6f5f2;
}

#funktion .cssImageGallery.teaser.special {
/*background-position: right 0.75em;*/
background-repeat: no-repeat;
margin: 0;
}

#funktion .cssImageGallery.teaser.special h3 {
padding: 0 25px 0.375em 0;
}

.cssImageGallery #rightColStandardArea .cssImageGallery.teaser.special h3 {
padding: 0.5em 25px 0.375em 0;
border-top: 1px dotted #949694;
}

.cssImageGallery.teaser .bilderbox {
background-color: #E4E2D8;
border: 1px solid #dde3e8;
display: inline-block;
}
#funktion .cssImageGallery.teaser .bilderbox {
padding: 0.1875em;
border: none medium;
}
#inhalt .cssImageGallery.teaser .bilderbox {
padding: 0.25em;
margin: 0.25em 0;
}
#inhalt .inlineBox .cssImageGallery.teaser .bilderbox,
#inhalt .cssBoxMultiGroupStandard .cssImageGallery.teaser .bilderbox {
padding: 0.188em;
border: 0;
}

.cssImageGallery.teaser .bilderbox span {
float: left;
overflow: hidden;
padding:0;
}
#funktion .cssImageGallery.teaser .bilderbox span {
margin-right: 0.1875em;
height: 3.5625em;
width: 4.75em;
}
#inhalt .cssImageGallery.teaser .bilderbox span {
background-color:#E4E2D8;
float: left;
height: 7.5625em;
margin-right: 0.125em;
overflow: hidden;
width: 10.0625em;
}

.cssIndexPage #inhalt .cssImageGallery.teaser .bilderbox span {
margin-right: 0.3125em;
}

.cssImageGallery.teaser .bilderbox span.last {
margin-right: 0 !important;
}

#inhalt .cssImageGallery.teaser .bilderbox a {
display:block;
height: 7.4375em;
margin: 0.0625em;
overflow: hidden;
width: 9.9375em;
}

#funktion .cssImageGallery.teaser .bilderbox img {
margin: -0.0625em 0 0 -0.125em;
}

#inhalt .cssImageGallery.teaser .bilderbox img {
margin: -0.5em -0.6875em -0.6875em;
border: none;
height:8.4375em;
width:11.25em;
}

/*
########################################################
## SMS-Kanal
########################################################
*/
.cssSmsChannel p {
 font-weight: bold;
 }


/*
########################################################
## Inhaltsfuss
########################################################
*/
#inhalt-fuss {
clear: both;
background-color: #48A2DC;
height: 70px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background-image: none !important;
background-position: bottom right;
background-repeat: no-repeat;
margin-left: 12.8750em;/*206*/
}
#inhalt-fuss ul {
padding: 28px 0 0 15px;
}
#inhalt-fuss li {
display: inline;
background-repeat: no-repeat;
font-size: 0.75em;
}
#inhalt-fuss li.zurueck {
float: left;
background-image: url(img/linkArrowRoundBackWhite.png);
background-position: center left;
padding-left: 1.5833em;
}
#inhalt-fuss li.oben {
float: right;
background-image: url(img/linkArrowRoundTopWhite.png);
background-position: center right;
padding: 0 1.5833em 0 0;
margin-right: 0px;
}
#inhalt-fuss .links {
float: left;
width: 31.5625em;
height: 70px;
background-image: none !important;
background-position: bottom left;
background-repeat: no-repeat;
}
/* Breite des Fusses bei Seitensuche, Bildergalerie, HtmlWide */
.cssSearch #inhalt-fuss .links,
.cssHtmlWide #inhalt-fuss .links,
.cssImageGallery #inhalt-fuss .links {
width: 48em;
}
#inhalt-fuss a {
color: #F6F5F1;
font-weight: bold;
}

.cssHtmlFull #inhalt-fuss,
.cssModularIndexPage #inhalt-fuss {
margin:0.0625em 0 0 0.5em;
}
.cssHtmlFull #inhalt-fuss .links,
.cssModularIndexPage #inhalt-fuss .links {
width:60.2em;
}

/*
########################################################
## 4.Spalte
########################################################
*/

#promo {
background-color:transparent !important;
float:left;
margin-left:1em;
margin-top: 1.25em;
overflow:hidden;
width:256px;
}

/*
#promo .schablone-promo1,
#promo .schablone-promo2,
#promo .schablone-promo3,
#promo .schablone-promo4 {
background-image: none !important;
}
*/


/*
########################################################
## Seitenfuß
########################################################
*/
#fuss {
clear:both;
width: 35.2500em;
margin-left: 12.8750em !important;
padding-left: 0.9375em;
color: #eee;
}
#fuss a {
color: #eee;
font-weight: normal;
}
#fuss li {
font-size: 0.6875em;
float:left;
padding: 0 0.5455em 0.0909em;
border-left: 1px solid #fff;
line-height:100%;
}
#fuss li.first {
padding-left: 0;
border-left: 0;
}
#fuss span {
display: block;
clear: both;
font-size: 0.6250em;
line-height: 2em;
}

.cssHtmlFull #fuss {
margin-left:0.0625em !important;
}
/*
########################################################
## Buttons und Links die so aussehen
########################################################
*/
.formbuttons input,
.formbuttons a.button {
background-color: transparent;
background-image: url(img/buttonLargeBlueGradientWithArrowRound.gif);
background-position: center right;
border: 0px solid;
color: #fff;
font-weight: bold;
height:2.4em;
cursor:pointer;
padding-bottom: 4px;
}

/*
#funktion .formbuttons input,
#funktion .formbuttons a.button {
background-position: center left;
}
*/

.formbuttons a.button {
font-size:0.8125em;
line-height:250%;
padding:0.6154em 2.6923em 0.7692em 0.7692em;
}
input.reset,
input.aendern {
background-image: none;
color: #007ece;
margin-right: 15px;
width: auto;
}
input.aendern {
width: auto;
}
input.abstimmen,
input.auswaehlen {
width: auto;
padding: 0 30px 0 5px;
}
#funktion input.abstimmen,
#funktion input.auswaehlen,
#funktion .cssForm input.speichern {
padding: 0;
width: 6.625em; /*90px*/
background-position: left center;
}
input.absenden,
input.weiter,
input.speichern {
width: auto;
padding: 0 30px 0 5px;
}
a.herunterladen {
padding-right:35px;
width:8.75em;
}
input.suchen {
width: 7.8333em;
padding-right: 25px;
}
input.nlabo {
width: 14em;
padding-right: 25px;
}
.unsubscribe input.nlabo {
width: 14.5em;
padding-right: 25px;
}
/* kleiner button */
input.los,
input.anzeigen {
background-color: transparent;
background-image: url(img/buttonSmallBlueGradientWithArrowRound.gif);
background-position: center right;
border: 0px solid;
color: #fff;
font-weight: bold;
width: auto;
height: 1.6154em;
cursor: pointer;
padding: 0 30px 3px 5px;
margin-left: 10px;
}
input.anzeigen {
width:7.5em;
}
input.auswaehlen {
width:8.5em;
}
.mitschnittservice input.absenden {
width: 14em;
}
.formular-container .pfeilbutton {
background-image: url(img/linkArrowRoundBlue.gif);
background-position: 2px 2px;
background-repeat: no-repeat;
vertical-align: middle;
margin-top:-5px;
padding:0;
}
.formbuttons a.erweitert,
.formbuttons a.zwischenergebnis {
float: left;
font-size:0.75em;
margin: 0.6667em 0 0pt 0;
}

.votingResult .formbuttons,
.votingEnded .formbuttons  {
text-align: left;
padding-top: 17px;
padding-bottom: 17px;
font-size:0.75em;
font-weight:bold;
}
.cssVoting.result .formbuttons a {
float: none;
}

/*
########################################################
## Promo-Spalte
########################################################
*/
/*
.schablone-promo1,
.schablone-promo2,
.schablone-promo3,
.schablone-promo4 {
background-repeat: no-repeat;
position: absolute;
width: 10px;
height: 10px;
overflow: hidden;
}
.schablone-promo1 {
left:0px; top:0;
}
.schablone-promo2 {
right: 0px; top:0px;
}
.schablone-promo3 {
left:0; bottom:0;
}
.schablone-promo4 {
right: 0; bottom:0;
}
*/
/*
########################################################
## Schablonen
########################################################
*/
.schablone-li1,
.schablone-li2,
.schablone-mi1,
.schablone-mi2,
.schablone-re1,
.schablone-re2,
.schablone-mire1,
.schablone-mire2,
.schablone-promo1,
.schablone-promo2,
.schablone-promo3,
.schablone-promo4 {
background-repeat: no-repeat;
position: absolute;
width: 10px;
height: 10px;
overflow: hidden;
}
/*oben links*/
.schablone-li1,
.schablone-mi1,
.schablone-mire1,
.schablone-re1,
.schablone-promo1 {
left:0;
top:0;
}
/*oben rechts*/
.schablone-mi2,
.schablone-mire2,
.schablone-re2,
.schablone-promo2 {
right: 0;
top:0;
}
/*unten links*/
.schablone-li2,
.schablone-promo3 {
left:0;
bottom:0;
}
/*unten rechts*/
.schablone-promo4 {
right: 0;
bottom:0;
}
/*
########################################################
## Icons auf Teaser- und Absatzbildern (Player, etc)
########################################################
*/
span.icon {
position: relative;
cursor: pointer;
float: right;
width:0;
height:0;
}

/* Bildvergroesserung */
a.lightbox .icon {
background-image: url(img/iconZoom.gif);
background-repeat: no-repeat;
margin: -1.8em 0.7em 0 0.31em;
width: 1.25em;
height: 1.25em;
}
a.lightbox {
cursor: pointer;
}

/* Teaser Audio, Video, MMG, Livestream */

div.cssVideo a .icon {
background-image:url("img/av_sprite_new.png");
background-position:-135px -223px;
height: 30px;
width: 60px;
margin:-2.4em 0.5em 0;
}
div.cssVideo.special a .icon {
background-image:url("img/av_sprite_new.png");
background-position:-255px -222px;
}

/*
.teaser.cssLivestreamVideo.standard,
.teaser.csslivestreamVideo.standard {
	position: relative;
}
.teaser.cssLivestreamVideo.standard.hasImage .topline,
.teaser.csslivestreamVideo.standard.hasImage .topline {
	color: #d91a0e;
}
div.cssLivestreamVideo.standard a .icon,
div.csslivestreamVideo.standard a .icon {
	position:absolute;
	top: 0;
	left: 0;
	background-image: url("img/av_eventlivestreamMarker180.png");
	background-repeat: no-repeat;
	width: 11.25em; 
	height: 8.4375em;
}
#topArea div.cssLivestreamVideo.standard a .icon,
#topArea div.csslivestreamVideo.standard a .icon {
	background-image: url("img/av_eventlivestreamMarker512.png");
	height: 11.25em;
    width: 32em;
}
#funktion div.cssLivestreamVideo.standard a .icon,
#funktion div.csslivestreamVideo.standard a .icon {
	background-image: url("img/av_eventlivestreamMarker256.png");
	height: 9em;
    width: 16em;
}
*/


div.cssAudio a .icon,
div.cssLivestreamAudio a.icon,
div.csslivestreamAudio a.icon {
background-image:url("img/av_sprite_new.png");
background-position: -135px -162px;
height: 30px;
width: 60px;
margin:-2.4em 0.5em 0;
}
div.cssAudio.special a .icon,
div.cssLivestreamAudio.special a.icon,
div.csslivestreamAudio.special a.icon {
background-image:url("img/av_sprite_new.png");
background-position: -255px -162px;
}

div.cssMultimediaGallery.standard a .icon {
background-image:url("img/av_sprite_new.png");
background-position: -135px -102px;
height: 30px;
width: 60px;
margin:-2.4em 0.5em 0;
}

/* Teaser MMG Liste */
.cssAudio .avType {
background-image:url("img/av_sprite_new.png");
background-position:-245px -154px;
}
.cssVideo .avType {
background-image:url("img/av_sprite_new.png");
background-position: -246px -214px;
}


/* todo: ie6-ansichten */
* html div.cssVideo a .icon,
* html div.cssAudio a .icon {
background-image: url(img/av_sprite.gif);
}
* html div.cssVideo a:hover .icon,
* html div.cssAudio a:hover .icon {
background-image: url(img/av_sprite.gif);
}




/*
########################################################
## Bildvergroesserung
########################################################
*/

.highslide {
cursor: url(img/cursorZoom.cur), pointer;
outline: none;
}
.highslide {
cursor: pointer;
}
.highslide-active-anchor img {
visibility: hidden;
}
.player .highslide-active-anchor img {
visibility: visible;
}
.highslide img,
.highslide:hover img {
border: none;
}

.highslide-wrapper {
background: white;
}
.highslide-image {
border: 4px solid white;
}

.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
padding: 5px;
background-color: white;
}
/*Rechte*/
.highslide-caption span,
.caption span {
display:block;
font-size:0.8333em;
padding-top:0.9091em;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px 2px 2px 22px;
border: 1px solid black;
background-color: white;
background-image: url(img/highslideLoading.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
background-color: red;
float:right;
height:20px;
text-decoration:none;
width:20px;
margin-right: 4px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
a.highslide-full-expand {
background: url(img/highslideFullExpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
/* These must always be last */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control {
float: right;
display: block;
position: relative;
margin: 1px 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
.control:hover {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin-top: 0;
margin-bottom: 0;
}
.control, .control * {
color: #666;
}
.highslide-html-content {
background-color: black;
}
/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
height: 40px;
/*border-bottom: 1px solid #dddddd;*/
background-color: black;
}
.draggable-header .highslide-heading {
position: absolute;
margin: 2px 0.4em;
}
.draggable-header object {
margin-left: 10px;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: relative;
float: right;
z-index: 2;
padding: 0;
margin:0.625em 0.625em 0 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 81px;
background-image: url(img/highslideClose.gif);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
.draggable-header .highslide-maincontent {
padding-top: 1em;
background-color: white;
}
/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
display: none;
}
.highslide-previous, .highslide-next {
display: none;
}
/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
position: absolute;
margin: 1px 0.4em;
color: #666666;
}
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
display: none;
}
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
/*
########################################################
## 3px Problem bei embed-Objekten
########################################################
*/
embed {
margin-bottom: -3px;
}
.avobject embed {
margin-bottom: 0;
}
/*
########################################################
## Noflash
########################################################
*/
.noflashBox {
margin:-0.5em -0.5em 0.5em;
}
.noflashBox p.hinweistext {
	background-color: #CACFD4;
    background-image: url("img/iconFlash.jpg");
    background-position: 0.8333em 1em;
    background-repeat: no-repeat;
    margin: 0.5em;
    padding: 0.8333em 0.8333em 0.8333em 50px !important;
	float: none !important;
	width: auto !important;
}

/*
########################################################
## auf/zu Layer
########################################################
*/
ul.stapelnavi {
float: left;
line-height: 100%;
width: 100%;
}
.stapelnavi li {
float:left;
font-size:0.75em;
margin: 2px 2px 0 0;
border-right:1px solid #D4D2C8;
border-top:1px solid #D4D2C8;
border-left:1px solid #D4D2C8;
padding: 5px 0;
background-color: #E5E3D9;
}
.stapelnavi li a {
padding:6px 5px;
color:#007ECE;
/* background-color:#E5E3D9; */
position: relative;
white-space: nowrap;
}
.stapelnavi li a:hover {
text-decoration: underline;
}
.stapelnavi li.aktiv, 
.stapelnavi .ui-state-active {
background-color:#fff;
color:#000;
margin:0 2px 0 0;
padding: 6px 0;
overflow: visible;
}
.stapelnavi li.aktiv a, 
.stapelnavi .ui-state-active a {
color: #000;
padding-bottom: 9px;
background-color: #fff;
z-index: 10;
text-decoration:none;
}

.js .stapel .ebene { position: absolute; left:-9000em;}

#inhalt .stapel .ebene,
#inhalt .stapel .ebene.jsaktiv, 
#inhalt .stapel .ebene.ui-tabs-panel {
width: 31.88em;
margin-bottom:0.625em;
}
.cssHtmlWide #inhalt .stapel .ebene,
.cssHtmlWide #inhalt .stapel .ebene.jsaktiv, 
.cssHtmlWide #inhalt .stapel .ebene.ui-tabs-panel {
width: 47em;
}

.stapel .ebene.jsaktiv, 
.stapel .ebene.ui-tabs-panel {
clear: both;
background-color: #fff;
display: inline-block; /*wg IE*/
border:1px solid #D4D2C8;
z-index: 1;
padding: 0.5em;
}

.stapel h2 {
padding:4px 7px 7px;
font-size: 0.75em;
clear: both;
}

.stapel.turm .ebene {
margin-bottom: 0.25em !important;
}

.stapel.turm .ebene h2 {
border:0 none;
margin:0 !important;
}
.stapel.turm h2 {
background-position: 98% center;
background-repeat:no-repeat;
display: block;
padding-right: 15px;
}
.stapel.turm h2.ui-state-default  {
background-image:url(img/stapelTurmExpand.gif);
cursor: pointer;
}
.stapel.turm h2.ui-state-active {
background-image:url(img/stapelTurmReduce.gif);
border-bottom: 0;
cursor: pointer;
}
.jsaktiv h2.title {
display: none;
}

.jsaktiv h2.title, .ui-tabs-hide, .ui-tabs-panel h2.title  {
display: none !important;
}


/*
########################################################
## Seite empfehlen
########################################################
*/

.recommendPage .pagination {
	background-color: transparent;
}

.recommendPage .pagination a.back {
padding: 0 12px;
}


/*
########################################################
## Mobilkram
########################################################
*/
.mobileOnly {
	visibility: hidden;
	display: none;
}

/*
########################################################
## Sonstiges
########################################################
*/
.inv,
.avpix {
left:-1000px;
overflow:hidden;
position:absolute !important;
top:-1000px;
visibility:hidden;
height:0 !important;
}

html.js #mediathekStage .avTeaser,
html.js .avStage .avTeaser,
html.js #topArea .avTeaserList {
    display:none;
}


.suchhervorhebung {
background-color:#4184C9;
color:#FFFFFF;
display:inline;
}
.clearfix {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.spalte50 {
float: left;
font-size: 0.75em;
width: 49.9%;
}
.spalte33 {
float: left;
font-size: 0.75em;
width: 33.3%;
}
/* FLASH: OUTLINE BEI FOCUS AUSSCHALTEN */
object {
outline: none;
}

/* Jquery*/

/* Jquery UI Accordion*/

/* Focus Linien beim Accordion verhindern */
.ui-accordion h2:focus {outline:0px !important; cursor:pointer; }


/* Contol-Panel im Preview */
#controlPanel {
	position: absolute;
    width: 100%;
}

#controlPanel #cpInnerPanel {
	padding: 12px 20px !important;
	background-color: #F5F4F0 !important;
	border-bottom: 1px solid #E4E2D8;
}

#controlPanel #cpInnerPanel .aktiv {
 color: black !important;
}

#controlPanel #cpEnableButton  {
    padding: 5px 12px !important;
	margin: 3px 10px !important;
	position: absolute;
    right: 0;
    top: 0;
	float:none !important;
	width:106px;
	height: 32px;
}

/* offline-Dokumente */
#body-wrapper .offline {
	background-color: #F99090 !important;
    background-image: url("img/descclient_achtung2.png") !important;
    background-position: 0 0 !important;
    background-repeat: repeat-x !important;
    border-color: red !important;
    border-width: 1px !important;
    padding-top: 20px !important;
}

/* On-Site-Umfrage */

#eboss_layer {
left: 260px !important;
}



/* AV  Anpassungen */

.ajaxLoaderSpinner {
    width:64px;
    height:64px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 100;
    background-color:#222222;
	position: absolute;
}
.ajaxLoaderSpinner .ajaxLoaderDisplay { left:32px !important; top:32px !important; }
.ajaxLoaderDisplay {position: absolute !important;}

html.js p.hinweistext { display:none !important; }
html.js .avScreen { position: relative;}


html.js .innerStage div.teaser { display:none !important;}

/* No Flash, no HTML5, no Quicktime */
html.js.lastExit .innerStage div.teaser { display:block !important;}
html.js.lastExit  p.hinweistext { display:block !important; }
html.js.lastExit #mediathekStage .avTeaser,
html.js.lastExit .avStage .avTeaser,
html.js.lastExit #topArea .avTeaserList {  display:block; }
html.js.lastExit body.jsAktiv #mediathekStage  {min-height:inherit;}

.container.html5Mode.loading { background-color: #000;}

.playBtn {z-index:202; display:block; position: absolute; left:50%; margin:-56px 0 0 -56px; top:50%; width:120px; height:120px; background: transparent url(img/playBtnNorm.png) no-repeat -10px -10px; opacity: 0.75;}
.floatBox .playBtn { margin-top: -60px; }
.container.audio .playBtn {background-image: url(img/playBtnNormAudio.png); }
.objectPosterImage img { position: absolute;}
.html5Description {
	width:96.1% !important;
	padding:2% !important;
	background-color: #000;
    bottom: 0;
    color: #fff;
    display: block;
    opacity: 0.85 !important;
    position: absolute;
    z-index: 99;
}
.html5Description span.title  {
    margin-bottom: 0.68em;
	display: block;
}
.html5Description span.infos {
    font-size: 0.6875em;
	display: block;
}
/* Play Button Zentrierung
.avTeaserAudio .teaserImage .container {height:8.4375em; }
 */

.objectPosterImage { position: absolute; width:100%; height:100%;z-index: 0; }
/* .objectPosterImage img { max-width:32em; } */
.objectContainer { position: absolute; width:100%; height:100%; z-index: 1; overflow: hidden;}



/* TagCloud */
#inhalt-funktion .tagcloud {
line-height: 26px;
overflow: hidden;
padding-top: 0;
}
#inhalt-funktion .tagcloud ul.teaserLinks li a {
background-image: none !important;
padding: 0 !important;
display: inline-block;
/*text-shadow: 1px 1px 1px #666;*/
}
#inhalt-funktion .tagcloud ul.teaserLinks li a .otype {
display: none;
}
#inhalt-funktion .tagcloud ul.teaserLinks li {
background-color: transparent;
border: 0 none !important;
display: inline;
margin-right: 6px;
padding: 0;
background-image:none;
}
#inhalt .tagcloud ul.teaserLinks li {
margin-right: 15px;
}
/* TagCloud Schriftgrössen */
.tagcloud .tagcloud10 {
font-size: 1.75em;
}
.tagcloud .tagcloud9 {
font-size: 1.625em;
}
.tagcloud .tagcloud8 {
font-size: 1.5em;
}
.tagcloud .tagcloud7 {
font-size: 1.375em;
}
.tagcloud .tagcloud6 {
font-size: 1.25em;
}
.tagcloud .tagcloud5 {
font-size: 1.125em;
}
.tagcloud .tagcloud4 {
font-size: 1em;
}
.tagcloud .tagcloud3 {
font-size: 0.875em;
}
.tagcloud .tagcloud2 {
font-size: 0.75em;
}
.tagcloud .tagcloud1 {
font-size: 0.625em;
}

/* RSS-Teaser Sportschau FIFA Fußball WM 2014 */
.cssRssTeaser.wm2014 {
    background-position: left top;
    background-repeat: no-repeat;
	}
#inhalt .cssRssTeaser.wm2014 {
	background-image: url(img/rssSportschauWM2014HeaderInhalt.png);
	padding-top: 50px !important;
	}
#funktion .cssRssTeaser.wm2014 {
	background-image: url(img/rssSportschauWM2014HeaderFunktion.png);
	padding-top: 36px !important;
	background-color:transparent !important;
	}
#inhalt .box.cssBoxTeaserTwocol .cssRssTeaser.wm2014 {
	background-image: url(img/rssSportschauWM2014HeaderTwocol.png);
	padding-top: 36px !important;
	}
#inhalt .box.cssBoxTeaserTwocol .subBox .cssRssTeaser.wm2014 {
	background-image: url(img/rssSportschauWM2014HeaderInhalt.png);
	padding-top: 50px !important;
	}
	
.cssRssTeaser.wm2012 .teaser,
.cssRssTeaser.wm2012 .cssRssViewCatchline, 
.cssRssTeaser.wm2012 .cssRssViewCatchlinePlus {
	background-color: #3b613a;
	background-repeat: repeat-y;
	}
#inhalt .cssRssTeaser.wm2014 .teaser,
#inhalt .cssRssTeaser.wm2014 .cssRssViewCatchline, 
#inhalt .cssRssTeaser.wm2014 .cssRssViewCatchlinePlus {
	background-color: #3b613a;
	}
#funktion .cssRssTeaser.wm2014 .teaser,
#funktion .cssRssTeaser.wm2014 .cssRssViewCatchline, 
#funktion .cssRssTeaser.wm2014 .cssRssViewCatchlinePlus {
	background-color: #3b613a;
	}
.cssRssTeaser.wm2014 .teaser .topline,
.cssRssTeaser.wm2014 .teaser p.teaserText,
.cssRssTeaser.wm2014 h4 {
	color: #fff !important;
	}
.cssRssTeaser.wm2014 .teaser .headline,
.cssRssTeaser.wm2014 .teaser p.teaserText a,
.cssRssTeaser.wm2014 .teaser a {
	color: #ff7c20 !important;
	}
#inhalt .cssRssTeaser.wm2014 ul.teaserLinks li {
	background-color: #c7d9a6;
    border: 0 none;
    margin-bottom: 1px;
 }
#inhalt .cssRssTeaser.wm2014 ul.teaserLinks a {
 color: #001a4b;
 background-image: url(/resources/css/ard/brisant/img/arrowLink.gif);
 }
 #inhalt .cssRssTeaser.wm2014 ul.teaserLinks a span {
 color: #f66014;
 }


/* RSS-Teaser Sportschau OLYMPIA SOTSCHI 2014 */
.cssRssTeaser.olympia2014 {
    background-position: left top;
    background-repeat: no-repeat;
	}
#inhalt .cssRssTeaser.olympia2014 {
	background-image: url(img/rssSportschauOlympia2014HeaderInhalt.png);
	padding-top: 50px;
	}
#funktion .cssRssTeaser.olympia2014 {
	background-image: url(img/rssSportschauOlympia2014HeaderFunktion.png);
	padding-top: 49px;
	}
#inhalt .box.cssBoxTeaserTwocol .cssRssTeaser.olympia2014 {
	background-image: url(img/rssSportschauOlympia2014HeaderTwocol.png);
	padding-top: 49px;
	}
.cssRssTeaser.olympia2012 .teaser,
.cssRssTeaser.olympia2012 .cssRssViewCatchline, 
.cssRssTeaser.olympia2012 .cssRssViewCatchlinePlus {
	background-color: #0d416c;
	background-repeat: repeat-y;
	}
#inhalt .cssRssTeaser.olympia2014 .teaser,
#inhalt .cssRssTeaser.olympia2014 .cssRssViewCatchline, 
#inhalt .cssRssTeaser.olympia2014 .cssRssViewCatchlinePlus {
	background-color: #0D416C;
	}
#funktion .cssRssTeaser.olympia2014 .teaser,
#funktion .cssRssTeaser.olympia2014 .cssRssViewCatchline, 
#funktion .cssRssTeaser.olympia2014 .cssRssViewCatchlinePlus {
	background-color: #0D416C;
	}
.cssRssTeaser.olympia2014 .teaser .topline,
.cssRssTeaser.olympia2014 .teaser p.teaserText,
.cssRssTeaser.olympia2014 h4 {
	color: #fff !important;
	}
.cssRssTeaser.olympia2014 .teaser .headline,
.cssRssTeaser.olympia2014 .teaser p.teaserText a,
.cssRssTeaser.olympia2014 .teaser a {
	color: #ff7c20 !important;
	}
#inhalt .cssRssTeaser.olympia2014 ul.teaserLinks li {
	background-color: #c5daea;
    border: 0 none;
    margin-bottom: 1px;
 }
#inhalt .cssRssTeaser.olympia2014 ul.teaserLinks a {
 color: #001a4b;
 background-image: url(/resources/css/ard/brisant/img/arrowLink.gif);
 }
 #inhalt .cssRssTeaser.olympia2014 ul.teaserLinks a span {
 color: #f66014;
 }
 
 /* RSS-Teaser Sportschau PARALYMPICS LONDON 2012 */
.cssRssTeaser.paralympics2012 {
    background-position: left top;
    background-repeat: no-repeat;
	}
#inhalt .cssRssTeaser.paralympics2012 {
	background-image: url(img/rssSportschauParalympics2012HeaderInhalt.gif);
	padding-top: 49px !important;
	}
#funktion .cssRssTeaser.paralympics2012,
#promo .cssRssTeaser.paralympics2012 {
	background-image: url(img/rssSportschauParalympics2012HeaderFunktion.gif);
	padding-top: 49px !important;
	}
.cssRssTeaser.paralympics2012 .teaser,
.cssRssTeaser.paralympics2012 .cssRssViewCatchline, 
.cssRssTeaser.paralympics2012 .cssRssViewCatchlinePlus {
	background-color: #0d416c;
	background-repeat: repeat-y;
	}
#inhalt .cssRssTeaser.paralympics2012 .teaser,
#inhalt .cssRssTeaser.paralympics2012 .cssRssViewCatchline, 
#inhalt .cssRssTeaser.paralympics2012 .cssRssViewCatchlinePlus {
	background-color: #0D416C;
	}
#funktion .cssRssTeaser.paralympics2012 .teaser,
#funktion .cssRssTeaser.paralympics2012 .cssRssViewCatchline, 
#funktion .cssRssTeaser.paralympics2012 .cssRssViewCatchlinePlus,
#promo .cssRssTeaser.paralympics2012 .teaser,
#promo .cssRssTeaser.paralympics2012 .cssRssViewCatchline, 
#promo .cssRssTeaser.paralympics2012 .cssRssViewCatchlinePlus {
	background-color: #0d416c !important;
	}
#promo .cssRssTeaser.paralympics2012 .teaser .teaserImage {
    float: none;
    margin: 0.5em -0.5em;
}
.cssRssTeaser.paralympics2012 .teaser .topline,
.cssRssTeaser.paralympics2012 .teaser p.teaserText,
.cssRssTeaser.paralympics2012 h4 {
	color: #fff !important;
	}
.cssRssTeaser.paralympics2012 .teaser .headline,
.cssRssTeaser.paralympics2012 .teaser p.teaserText a,
.cssRssTeaser.paralympics2012 .teaser a {
	color: #ff7c20 !important;
	}
#inhalt .cssRssTeaser.paralympics2012 ul.teaserLinks li {
	background-color: #c5daea;
    border: 0 none;
    margin-bottom: 1px;
 }
#inhalt .cssRssTeaser.paralympics2012 ul.teaserLinks a {
 color: #001a4b;
 background-image: url(/resources/css/ard/brisant/img/arrowLink.gif);
 }
 #inhalt .cssRssTeaser.paralympics2012 ul.teaserLinks a span {
 color: #f66014;
 }

/* Twitter Widget */
.teaser.twitter {
	background-color: #fff !important;
	}
#tweets .disclaimer {
    background-color: gray;
    margin: -3px 0 0;
    padding: 0.5em;
	color: #fff;
}
#inhalt #tweets .disclaimer {
    margin: 0.5em 0 0;
}
#inhalt #tweets a.twitter-timeline {
    font-size: 0.75em;
    padding: 0.75em;
}


/* Twitter-Widget rechte Spalte */
#twitterWidget {
    overflow-y: scroll;
}
#twitterWidget li {
    background-color: #f6f5f2;
    padding: 0.25em;
	margin-bottom: 0.0625em;
	overflow: hidden;
}
#twitterWidget .image {
	float: left;
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	}
#twitterWidget p {
    font-size: 0.688em;
    line-height: 1.2em;
    margin-left: 35px;
}
#twitterWidget .linksBottom {
	display: block;
	}
	
/* Twitter Widget */
#twitterWidget {
    border: 1px solid #bbb;
    overflow: hidden;
    border: 1px solid #bbb;
    overflow: auto;
    padding: 0;
}
#funktion #twitterWidget {
    border: medium none;
    height: 300px;
}
#twitterWidget li {
    border-bottom: 1px solid #E8E8E8;
    padding: 0.6em 0.5em 0.6em 0.7em;
	margin: 0;
	color: #333;
	font-size:12px;
}
#twitterWidget a {
    color: #333;
    font-size: 12px;
    line-height: 17px;
	font-weight: normal;
}
#twitterWidget a:hover {
	text-decoration: underline;
}
#twitterWidget img {
    float: left;
    margin: 0 5px 5px 0;
}
#twitterWidget .from {
    color: #007ECE;
    font-weight: bold;
}
.tw_underline {
    margin-top: 5px;
}
.tw_underline a p {
    color: #007ECE;
    font-size: 12px;
    font-weight: bold;
}
.tw_underline a:hover {
    color: #007ECE;
}
#funktion .tw_underline a p {
	color: #fff;
}
#funktion .tw_underline a:hover {
	color: #fff;
}

/* LivestreamTeaserPlayer */

.teaserlivestream {
	position: relative;
}
#streamPlayer {
	position: absolute;
    top: 8px;
    width: 11.25em; 
    height: 8.4375em;
    background-color: transparent;
}
#streamPlayer #playerbg.over {
	background-color: black;
	opacity: 0.3;
	position: absolute;
	width: 11.25em; 
	height: 8.4375em;
	top: 0px;
}
#streamPlayer #playerbg {
	background-color: transparent;
	position: absolute;
	width: 11.25em; 
	height: 8.4375em;
	top: 0px;
}
#streamPlayer #liveplaybutton.play {
	background: url(img/playstop_bt.png) no-repeat 0 0px;
	width: 60px;
	height: 30px;
	top: 97px;
	position: absolute;
	left: 112px;
	cursor: pointer;
}
#streamPlayer #liveplaybutton.stop {
	background: url(img/playstop_bt.png) no-repeat 0 -30px;
	width: 60px;
	height: 30px;
	top: 97px;
	position: absolute;
	left: 112px;
	cursor: pointer;
}
#streamPlayer #laut {
	background-image: url(img/laut_bg.png);
	width: 51px;
	height: 19px;
	position: relative;
	left: 10px;
	top: 103px;
}
#streamPlayer #laut #laut_t {
	width: 13px;
	height: 15px;
	position: absolute;
	top: 2px;
	left: 2px;
}
#streamPlayer #laut #laut_t.off {
	background: url(img/laut_tut.png);
	opacity: 0.5;
}
#streamPlayer #laut #laut_t.on {
	background: url(img/laut_tut.png);
}
#streamPlayer #laut .laut_stark {
	width: 3px;
	height: 11px;
	position: relative;
	float: left;
	top: 4px;
	left: 16px;
	display: inline-block;
	margin-right: 3px;
}
#streamPlayer #laut .laut_stark.laut_off {
	background: none #56b1f1;
	opacity: 0.5;
}
#streamPlayer #laut .laut_stark.laut_on {
	background-color: #56b1f1;
}
#streamPlayer #laut.hidden {
	display: none;
}


/* fsk-meldung */

.fskError {
font-size: 0.85em;
padding: 0.5em;
position: absolute;
}

/* Video-Detailseite und Player-Darstellungen */
.avPlayer .fskError {
padding-top: 4em;
text-align: center;
}

/* Closed Captions */

::cue(.textGreen) {color: #00ff00;} 
::cue(.textCyan) { color: #00ffff;} 
::cue(.textBlue) { color: #0000ff;} 
::cue(.textRed) {color: #ff0000;} 
::cue(.textMagenta) {color: #ff00ff;} 
::cue(.textYellow) {color: #ffff00;} 
::cue(.textWhite) {color: #ffffff;}