/*
* RBB inforadio
* stylesheet.css
*
* Author: Tino Urbiks
* Date: Januar 2009
*/

/* Header RBB */
@import url(rbb_online_header.css);

/* @group General Pre Settings */
/* --- General Pre Settings --- */
html, div, p, br, h1, h2, h3, h4, h5, ul, img, li, form {
   margin: 0;
   padding: 0;
   border-width: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

option {
        padding-left: 0.4em;
}

body {
        font-family: Verdana, Tahoma, sans-serif;
        margin: 0;
        padding: 0;
        color: #333333;
        background-color: #e2e1d2;
		font-size: 16px;#/*Safari*/ 
		font-size: 101.1%\9;/*IE6,IE7*/ 
		font-size: 101.1%\0/; /*IE8*/ 
}

ul, dl { list-style: none }

img, fieldset { border: 0; }

hr {
  color: #91817c; /* Mozilla */
  background-color: #91817c; /* Ie */
  border: #91817c; /* Opera */
  height: 1px;
}


.teaserA.fontMonospace, .teaserA.fontMonospace p, .teaserA.fontMonospace h1, .teaserA.fontMonospace h2, .teaserA.fontMonospace h3, .teaserA.fontMonospace h4, .teaserA.fontMonospace ul, .teaserA.fontMonospace ol{
        font-family: "Courier New", Courier, mono;
        white-space:pre;
        font-size: 100%;
        margin: 0;
        padding: 0;
}

.normal {font-weight: normal} /* Makeover 2010 */

.teaserA.fontMonospace {
        font-size: 120%;
}

.font_strong_rot {
        font-weight:bold;
        color:#ac0000;
}
.font_strong_blau {
        font-weight:bold;
        color: #0064aa;
}
/* @end */


/* @group General Helpers */
.killfloat { overflow: hidden; height: 0; clear: both; font-size: 0; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: 0!important; }


p.alignRight {
        text-align: right;
        padding: .5em 1.2em 0 0;
        clear: left;
}

.teaserA p.alignRight {
        padding-right: 0;
}

p.alignRight a {
        font-weight: bold;
        }

.alignRight {
        text-align: right;
        padding: 2em 0 0 0;
        clear: left;
}

p.nachOben {
        text-align: right;
        clear: left;
        background: url(../grafik/icons/icon_up.gif) no-repeat right .5em;
}
p.nachOben a {
        padding: 0 1.5em 0 0;
}
 /* Bildunterschrift */
.capture p,
p.capture {
        font-size: 1em;
        color: #666;
        padding: .5em 0 0 1.2em;
        /*margin: 0 0 -1em 0;*/
        margin: 0 0 0 0;
}
p.zwHeadline {
        color: black;
        font-weight: bold;
        padding: 0.1em 0px 0.4em 0px
}




.floatRight {
        float: right;
}
.floatLeft {
        float: left;
}
.contentForm fieldset .floatLeft p {
        width: 31em;
}

.contentForm .moreSpace fieldset {
        margin-top: 2em;
}
.contentForm .moreSpace .floatLeft {
        margin-top: 1em;
}
.centern {
        text-align: center;
        padding-right: 1em;
}
td.centern {
        text-align: center!important;
}
.containerTeaser.nachrichten {
        background-color: #f1f0e9; /* Makeover 2010 */
        border-top: .3em solid #fff!important;
        border-bottom: 1px solid #fff;
}
.nachrichten {
        background-color: #eedda;
}
.containerTeaser.nachrichten .teaserA h1 {
        font-size: 1.1em;
        padding-bottom: 1em;
        }
/* @end */


/* @group Fehlermeldung */
/* Fehlermeldung */
.error { color: red; }
.error p { color: red; }
p.error { color: red!important; }
.error strong { color: red; }
.error .formLabel label { color: red; }
.error input,
.error textarea {
        border: 1px solid red!important;
}
/* @end */



/* @group Hauptstuktur Container */
.container {
        font-size: 0.625em; /* 1em is 10px */
        width: 77.2em;
        /*War bei beiden auf 77.29 gesetzt*/
        /*background: url(../grafik/backgrounds/bg.gif) 0 0 repeat-y;*/ /* Makeover 2010 */
        background-color: #fff; /* Makeover 2010 */
}
.containerMarginalA {
        width: 18em;
        float: left;
        margin-right: .5em;
        /*background-color: #e3e2d3; /* Makeover 2010 */*/ /* Makeover 2010 */
}
.containerCenter {
        width: 40.2em;
        float: left;
        padding: 0 0 2em 0;
        /* background-color: #fff!important; */ /* Makeover 2010 */
        border-right: .5em solid #fff;
}
.containerMain {
        width: 77.2em;
        border-top: .4em solid #fff;
}
.containerMarginalB {
        width: 18em;
        float: right;
        /*background-color: #e3e2d3; /* Makeover 2010 */*/
}
/* @end */

/* @group headerStation und Print */
.headerStation {
        width: 77.2em;
        margin: 0;
        padding: 0;
}
.headerStation img { width: 77.2em; }
.logoPrint { display: none; }
/* @end */



/* @group Footer */
.footer {
        height: 2.3em;
        width: 77.2em;
        font-size: 1em;
        color: #fff;
        background-color: #9d9982;
        clear: both;
        }
.navFooter { padding: .5em 0 0 2em;  float: left;}
.navFooter li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
        }
.navFooter li a {
        width: 1.7em;
        padding: 0;
        color: #fff;
        font-weight: normal;
        }
.footer .dateCopyUp { float: right; padding-top: .5em;  }
.footer .dateTime { padding-right: 1.8em; }
.footer .topLink { float: right; padding: .3em 2em 0 1em; }
/* @end */



/* @group Hauptnavigation Navigation */
ul.navigationA {
        padding: 2em 0 .7em 0;
}
.navigationA li {
        padding: 0 0 0 1.6em;
}
.navigationA li a {
        font-size: 1em;
        font-weight: bold;
        line-height: 2em;
        display: block;
        padding: 0 .6em 0 .3em; /* Makeover 2010 */
        color: #0064AA;
        overflow: hidden;
        border-bottom: 1px solid #dbdac7;  /* Makeover 2010 */
        }
.navigationA li ul {
        padding: 0;
        }
.navigationA li ul li ul {
        padding: 0 0 .3em 0;
        margin-top: .2em;
        }
.navigationA li ul li {
        border-bottom: 0;
        padding: 0 0 0 1.2em;
        line-height: 0;
        }
.navigationA li ul li a {
        line-height: 1.8em;
        }
.navigationA li.activeB {
        background: #fff url(../grafik/backgrounds/mainnaviactive_white.gif) no-repeat 0 .6em; /* Makeover 2010 */
}
.navigationA li.activeC {
        background: #fff url(../grafik/backgrounds/mainnavisubselected_white.gif) no-repeat 0 .6em; /* Makeover 2010 */
}
.navigationA li.activeB a,
.navigationA li.activeC a {
        border: 0;
        color: #5E5246;
}
.navigationA li.activeB ul li a,
.navigationA li.activeC ul li a {
        color: #0064AA;
        border-bottom: 1px solid #dbdac7;
}
.navigationA li.active a,
.navigationA .activeB ul li.active a,
.navigationA .activeC ul li.active a {
        color: #5E5246;
        }
.navigationA li a:hover { text-decoration: underline; }
/* @end */



/* @group Navigation Vor und Zurueck Beitragsseiten Wenn in der Mitte */
.conNavi {
        padding: 1.1em 0 0 0;
        clear: both;
}
ul.navigationD {
        padding: .6em 0 0 1.4em;
        list-style-type: none;
        font-size: 1.1em;
        }
.containerArticle ul.navigationD {
        float: left;
        }
.navigationD li {
        padding: 0 0 .3em 0;
        display: inline;
        border-right: 1px solid #666;
}
.navigationD li.last {
        border-right: none;
        padding-right: 0;
}
.navigationD li a {
        padding: 0 .5em 0 .5em;
        font-weight: bold;
}
.navigationD li.first a {
        padding: 0 .5em 0 0;
}
.navigationD li.active a {
        color: #666;
}
/* @end */



/* @group Navigation Content forward back */
li.iconForward {
        background: url(../grafik/icons/icon_forward.gif) no-repeat 1em .1em;
        padding-left: 1em;
        border-right: none;
        font-size: 1.2em;
}
li.iconForward a {
        padding: 0 1em 0 0;
        }
li.iconForward a:hover,
li.iconBack a:hover {
        text-decoration: none;
        }
li.iconBack {
        background: url(../grafik/icons/icon_back.gif) 0 .1em no-repeat;
        border-right: none;
        padding-right: 1em;
        font-size: 1.2em;
}
li.iconBack a {
padding: 0 0 0 1em;
}
/* @end */



/* @group Sonderformatierungen */
.wetter h1, .verkehr h2{
        font-size: 1.1em;
        margin-bottom: 1.5em;
}
.verkehr p {
        padding-bottom: 2em;
}
.verkehr p.nachOben {
        padding-bottom: 0;
}
.wetter h1 a, .wetter h1 a:hover, .verkehr h2 a, .verkehr h2 a:hover {
        color: #333;
        text-decoration: none;
}
.podcast {
        padding: 1em 0 1em 0;
        clear: left;
        position: relative;
}
.podcast p {
        font-weight: bold;
        float: left;
        padding-right: 1em;
        color: #666;
}
.podcast ul.iconList {
        position: absolute;
        left: 31em; /* Makeover 2010 */
}
.podcast ul.iconList {
        padding: 0;
}
.podcast .iconList li.download {
        background: url(../grafik/icons/icon_download.gif) no-repeat left top;/* Makeover 2010 */
        padding-left: 1.8em;/* Makeover 2010 */
}
.podcast ul.iconList li a {
        padding: 0 2.6em 0 0!important;
        font-weight: bold;
}
.conSearch p {
        font-size: 1em;
}
.contentQuiz .formItem p a {
        font-size: .95em;
}
.contentQuiz .contentForm .articleA {
        padding: 0 1.2em 0 /*1.2em*/ 0 /* Makeover 2010 */;
        margin: 0 /* Makeover 2010 */;
        }
.contentECard .articlePictureA {
        text-align: center;
}
.contentECard .contentForm fieldset .floatLeft p {
        width: auto;
        margin: 0;
        padding: 0;
}
/* @end */




/* @group Servicenavigation */
/* Makeover 2010: Servicenavigation zieht um in die linke Spalte */
.containerService {
        /* height: 2em; */ /*Makeover 2010 */
        /*width: 75.5em; /* /*Makeover 2010 */
        padding: 0 0 0 1.6em; /*Makeover 2010 */
        /* background-color: #e3e2d3; /* Makeover 2010 */ */ /*Makeover 2010 */
        border-top: 2px solid #fff;
        }
.containerService form {
        margin:0;
        padding: 0;
        }
.containerService p {
        /* display: block; /*Makeover 2010 */
        /* height: 1.4em; */ /*Makeover 2010 */
        color: #666; /*Makeover 2010 */
        padding: .4em 0 0 .6em;
        font-size: .9em;
        /*float: left; */ /*Makeover 2010 */
        /* position: absolute; */ /*Makeover 2010 */
}

.containerService .icon {
        font-size: 1em;
        float: left;
        padding: .1em 0 0 .6em; /*Makeover 2010 */
        width: 1.5em;
        border: 0 none;
    }

.serviceSelect {
         /* padding-left: 16.7em;
         position: absolute;
         text-align: left;*/ /*Makeover 2010 */
        margin: 1.6em 0;  /*Makeover 2010 */
        clear:both;  /*Makeover 2010 */
}
.serviceSelect select {
        float: left;
        font-size: 1em;
        color: #0064AA;
        width: 13.6em; /*Makeover 2010 */
        margin: 0;
        padding: 0;
        border: 1px solid #a5acb2;/*Makeover 2010 */
        }
.serviceSearch {
        /*float: right;  */
        /* padding-right:  .6em;*/ /*Makeover 2010 */
        margin: 1.6em 0 2.6em 0;  /*Makeover 2010 */
        clear:both;  /*Makeover 2010 */
        }
.serviceSearch input {
        float: left;
        /* width: 14.5em; */
        /*height: 1.2em; */
        padding: .1em 0 .1em .2em;
        font-size: 1em;
        color: #0064AA;
        width: 13.2em; /*Makeover 2010 */
        border: 1px solid #a5acb2;/*Makeover 2010 */
        }


/* Makeover 2010: weitere .icon Deklaration reduntant*/

/*.serviceSearch form .icon {
        font-size: 1em;
        padding: .2em 0 0 .4em;
        width: 1.5em;
        height: 1.5em;
        float: left;
        }*/

/* @end */



/* @group Globale Angaben */
p {
        padding-bottom: .6em;
        line-height: 1.3em;
        font-size: 1.1em;
}
.containerArticle p {
        padding-bottom: 1em;
}
p a {
        font-size: .95em;
}
p strong {
        color: #333;
}

a {
        text-decoration: none;
        color: #0064AA;
}
h1 a {
        text-decoration: none;
        color: #0064AA;
}
a:hover {
        text-decoration: underline;
}

h1 a:hover {
        color: #0064AA;
        text-decoration: underline;
}
.teaserA a,
.articleA a,
.optionItem a {
        font-weight: bold;
}
.navigationA a:hover {
        text-decoration: none;
}
p.smallText, .archiveDisclaimer {
	font-size: 1em;
	color: #666!important;
}
.containerMarginalA .teaserA p,
.containerMarginalB .teaserA p,
.containerMarginalA .teaserA a,
.containerMarginalB .teaserA a {
        font-size: 1em;
        }

.containerMarginalA .containerTeaser,
.containerMarginalB .containerTeaser {
        width: 16em;
        padding: 0 .8em .2em 1.2em;
        border: none;
}
.containerCenter .teaserA,
.containerCenter .articleA {
        padding: 1.2em 1.2em 0 1.2em;
        }
.containerTeaser,
.containerArticle {
        border-top: .3em solid #DBDAC7;
        margin-bottom: 1em;
        clear: left;
        overflow: hidden;
        width: 40.2em;
}

.containerTeaserLive {
        border-top: 0;
        padding-bottom: 1em;
        background-color: #f1f0e9; /* Makeover 2010 */
}
.headB.live h2 {
        margin: 0 0 0 0!important;
}
.containerTeaserLive ul.iconList {
        padding: .8em 0 .8em 1.3em!important;
        margin: 0;
}

/* Datum "Stand vom" in Beiträgen */
p.date {
        font-size: 1em;
        color: #666;
        padding: .5em 0 .5em 0;
        clear: left;
}
/* Makeover 2010 *//* Datum in Nachrichten-Kurzteasern */
.teaserA p.date {
        padding: 0;
}

.sprungmarker {
        padding-bottom: 3em;
}
.contentSprung h4 {
        padding-bottom: .7em;
}

 /* verursacht eine Fehlposition des Bildes im Paragraphen unter Layoutvariante "Sprungmarken"
.contentSprung .articlePictureA,
.contentSprung .articlePictureB,
.contentSprung .articlePictureC,
.contentSprung .teaserPictureA,
.contentSprung .teaserPictureB,
.contentSprung .teaserPictureC {
        margin-left: -1em;
}
 */

/* @end */




/* @group Wochenschema */
.wochenschema a {
        font-weight: bold;
        }
.wochenschema .containerTeaser {
        background-color: #f1f0e9; /* Makeover 2010 */
        border-bottom: 2px solid #fff;
        padding: .3em 0 .3em 0;
        border-top: none;
        margin: 0;
        }
.wochenschema .containerTeaser p {
        padding: 0 1.2em 0 1.2em;
        }
.wochenschema h2 {
        color: #333;
        padding: 1em 1.2em .6em 1.2em;
        }
.wochenschema .mitZeit {
        padding-left: 1em;
        width: 26em;
        float: left;
}
.wochenschema a.pdf {
        float: right;
        padding-right: 1.2em;
}
.wochenschema p.nachOben {
        clear: right;
        margin-right: 1.2em;
}
.wochenschema .zeit {
        float: left;
}
/* @end */


/* @group Programm */

.programmAnsichtStart {
    padding-top: 1.5em;
		display: table; 
		#position: relative; 
		overflow: hidden;}


.programmAnsichtStart p, .programmAnsichtStart h4 {
        color: #333!important;
}
.programmAnsicht .containerTeaser {
        border-top: .3em solid #DBDAC7;
        border-bottom: .3em solid #DBDAC7;
        margin: 1em 0 1em 0;
}

.programmAnsicht .containerTeaser + .containerTeaser {
        margin: -1.3em 0 1em 0;
}

.programmAnsicht .containerTeaser .teaserA {
        padding-bottom: .3em;
}
.programmTag,
.programmZeit {
        padding: .4em 1.2em 0 .9em;
        background-color: #e3e2d3; /* Makeover 2010 */
        font-size: 1em;
        font-weight: bold;
        line-height: .5em;
}
.programmTag a,
.programmZeit a {
        font-size: 1em;
}
.programmTag {
        background-color: #e3e2d3; /* Makeover 2010 */
}
.programmZeit {
        background-color: #f1f0e9; /* Makeover 2010 */
}
.programm {
        clear: left;
}

.programm p {
        float: left;
        font-weight: bold;
        padding: 0 0 0!important 1em;/* Makeover 2010 */
        margin: 0 .8em 0 1em!important;/* Makeover 2010 */
        width: 6em;
        height:.1em;/* Makeover 2010 */
        overflow: visible;/* Makeover 2010 */
        color: #666;
        position: relative;
        top: -.1em;
}

.programm h4 {
        /*float: left;*/
        padding: 0 0 0!important 1em;/* Makeover 2010 */
        margin: 0;/* Makeover 2010 */
        margin-left: 7.8em;/* Makeover 2010 */
        margin-bottom: .3em;/* Makeover 2010 */
        width: 27.1em;
}

/* @end */



/* @group Bildergroessen und Abstaende */
.containerCenter .teaserPictureA img,
.containerCenter .articlePictureA img,
.containerCenter .teaserPictureWebcam img /* Makeover 2010 */
 {
        width: 40.2em;
}

.containerCenter .teaserPictureWebcam img/* Makeover 2010 */
 {
        height: 22.6em;
}




.contentECard .articlePictureA img {
        width: 40em;
}
.containerCenter .teaserPictureC img,
.containerCenter .articlePictureC img
 {
        width: 12em;
        float: left;
        padding: 1.2em 1.4em 1em 0;
}
.containerCenter .articlePictureA {
        /*background-color: #e9e9dd;*/ /* Makeover 2010 */
}
.containerCenter .teaserWetterkarte,
.containerCenter .teaserVerkehr {
        text-align: center;
}
/*.containerCenter .teaserVerkehr img {
        width: 40em;
}*/
.containerCenter .teaserWetterkarte img {
        width: 38em;
}
.containerMarginalA .teaserWetterkarte img {
        height: 17em;
        margin-bottom: .7em;
}
.containerMarginalA .teaserPictureA img,
.containerMarginalB .teaserPictureA img,
.containerMarginalA .articlePictureA img,
.containerMarginalB .articlePictureA img {
        /*height: 6.8em;*/
        float: none;
        width: 16em; /* Makeover 2010 */
}

.containerMarginalA .teaserPictureWebcam img,
.containerMarginalB .teaserPictureWebcam img
 {
        float: none;
        width: 16em; /* Makeover 2010 */
        height: 9em;
}

.containerMarginalA .teaserPictureA,
.containerMarginalB .teaserPictureA,
.containerMarginalA .articlePictureA,
.containerMarginalB .articlePictureA,
.containerMarginalA .teaserPictureWebcam,
.containerMarginalB .teaserPictureWebcam
  {
        width: 16em;
        /*background-color: #dedcab;*/ /* Makeover 2010 */
        margin-bottom: .7em;
}


.containerCenter .teaserPictureD,
.containerCenter .articlePictureD {
        /*width: 40.2em;*/
}

.containerCenter .teaserPictureD img,
.containerCenter .articlePictureD img{
        padding-bottom: .5em;
}

.containerCenter .teaserPictureD img,
.containerCenter .articlePictureD img {
        width: 16em;
}
.containerCenter .teaserPictureB img,
.containerCenter .articlePictureB img {
        width: 16em;
        float: left;
        padding: 1.2em 1.4em 1em 0;
}
.contentQuiz .optionItem .articlePictureB img {
        padding: 0 1.4em 1em 0;
}
.teaserPictureD img,
.articlePictureD img /* Makeover 2010 */
 {
        width: 12em;
        float: left;
        padding: 1.2em 1.4em 1em 0;
}
/*.articlePictureC img {
        height: 24.6em;
        width: 18.4em;
        float: left;
        padding: 1.2em 1.4em 1em 0;
}*/

/* @end */


/* @group Vergroesserung der Bilder JS */
.imageBoxA .articlePictureB img,
.imageBoxC .articlePictureC img {
        padding: 0 0 .5em 0;
        height: auto;
}
.imageBoxA,
.imageBoxC {
        float: left;
        margin: .2em 1em 1em -1.2em;
        padding: 0;
        /* background-color: #e9e9dd*/ /* Makeover 2010 */;
        }
/* Für das erste Bild Oben */
.imageBoxB {
        margin: 0;
        padding: 0;
        /*background-color: #e9e9dd;*/ /* Makeover 2010 */
        float: none;
        }
.imageBoxB .articlePictureD img {
        padding: 0;
        float: none;
        }
.imageBoxB a.zoom {
        display: block;
        width: 1.6em;
        height: 1.6em;
        background: url(../grafik/icons/icon_plus.gif) no-repeat left bottom;
}
.zoomContainer {
        float: right;
        margin-top: -2.2em;
        padding-right: .8em;
}
.imageBoxB .capture {
        margin: 0;
}
.imageBoxB .captureText {
        display: block;
        width: 100%;
        height: auto;
        clear: both;
}
.imageBoxA {
        width: 16em;
        }
.imageBoxC {
        width: 12em;
        }
.captureText {
        float: left;
        width: 85%;
        padding: 0 0 .5em 0;
        overflow: hidden;
}
p.capture a.zoom {
        background-image: url(../grafik/icons/icon_plus.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        padding: 0 .6em 1em 0;
        float: right;
        width: 1.6em;
        }
a.zoom:hover {
        text-decoration: none;
        }
/* @end */



/* @group Fonts und Headlines */
h1 {
        font-size: 1.3em;
        font-weight: bold;
        color: #333;
        margin-bottom: .2em;
}
.containerMarginalA h1,
.containerMarginalB h1 {
        font-size: 1em ;
}
h2        {
        font-size: 1.1em;
        color: #fff;
}
h3 {
        font-size: 1em;
        color: #666;
        margin-bottom: .2em;
}
h3 .h3Uhrzeit{
        white-space: nowrap;
}
.indexList h3 {
        margin-bottom: .4em;
}
h4 {
        font-size: 1.1em;
        color: #666;
        /*line-height:  1.6em;*/ /* Makeover 2010 */
        margin-bottom: .6em; /* Makeover 2010 */
}
h5 {
        font-size: 1.1em;
        color: #333;
        }
/* @end */


/* @group Header */
.containerCenter .headA {
        clear: left;
        }

.containerCenter .headA h2 {
        background-color:#0064AA;
        padding: .3em 0 .3em .9em;
        }

/* Makeover 2010 */

.containerMarginalA .headA h2,
.containerMarginalB .headA h2,
.containerMarginalA .headB h2,
.containerMarginalB .headB h2 {
        background: #0064AA url(../grafik/backgrounds/headline_corner_right_white.gif) no-repeat right bottom;
        margin: 0 0 .7em 0;
        padding: .3em 0 .3em 1em;
        }
.containerMarginalB .headA h2,
.containerMarginalB .headB h2 {
        background: #0064AA url(../grafik/backgrounds/headline_corner_left_white.gif) no-repeat left bottom;
        }

.containerMarginalA .headB h2{
        margin: 1em 0 .7em 0;
        }

/* Sonderformat fuer Boerse (Makeover 2010) */
.boerse .containerTeaser { margin: 0; padding: 0; border-bottom: 0; width: auto}
.boerse .teaserA { clear: both; float: none; border-bottom: 1px dotted #dbdac7; margin: 0 0 0 1.2em; padding: 1em 0 0 0; height: 1.35em; width: 16em;}
.boerse .teaserA.noBorder { margin-bottom: 1em; }
.boerse h1 { font-size: 1em; font-weight: normal; float:left; }
.boerse .teaserPicture { float: right;}
.boerse .teaserPicture img { width: 1.5em; position: relative; bottom: .3em}

/*  */
/* @end */



/* @group Icons in Listen */
.containerArticle .iconList {
        padding: 1.6em 0 1.2em 1.2em;
}
.containerArticle .conNavi .iconList {
        padding: .5em 0 0 1.2em;
}
.containerArticle .iconList li {
        float: left;
        padding-right: 1em;
}
.containerArticle .podcast .iconList li {
        float: none;
        padding-right: 0;
}
.containerArticle .conNavi .iconList li {
        float: right;
}
.iconList {
        list-style-type: none;
        font-size: 1em;
}
ul.iconList {
        padding: .8em 0 0 0;
}
.iconList li {
        line-height: 1.4em;
        padding: .3em 0 .3em 0;
}
.iconList li a {
        padding: 0 0 0 2.6em!important;
        font-weight: bold;
}
.iconList li.video, .iconList li.medialib_video {
        background: url(../grafik/icons/icon_video.gif) 0 0 no-repeat;
}
.iconList li.audio, .iconList li.medialib_audio  {
        background: url(../grafik/icons/icon_audio.gif) .1em 0 no-repeat;
}
.iconList li.radio {
        background: url(../grafik/icons/icon_radio.gif) .1em 0 no-repeat;
}
.iconList li.download {
        background: url(../grafik/icons/icon_download.gif) 0 0 no-repeat;
}
.iconList li.pdf {
        background: url(../grafik/icons/icon_pdf.gif) .1em 0 no-repeat;
}
.iconList li.print {
        background: url(../grafik/icons/icon_print.gif) .3em -.1em no-repeat;
}
.iconList li.suggest {
        background: url(../grafik/icons/icon_send.gif) 0 -.1em no-repeat;
}
.iconList li.listall {
        background: url(../grafik/icons/icon_article.gif) 0 0 no-repeat;
}
.iconList li.ecard {
        background: url(../grafik/icons/icon_ecard.gif) 0 0 no-repeat;
}
.iconList li.quiz {
        background: url(../grafik/icons/icon_quiz.gif) 0 0 no-repeat;
}
.iconList li.voting {
        background: url(../grafik/icons/icon_voting.gif) 0 0 no-repeat;
}
.iconList li.gallery, .iconList li.bildergalerie  {
        background: url(../grafik/icons/icon_gallery.gif) 0 0 no-repeat;
}
/* @end */
a.video, a.medialib_video {
        background: url(../grafik/icons/icon_video.gif) no-repeat left -.4em;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.audio, a.medialib_audio {
        background: url(../grafik/icons/icon_audio.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.radio {
        background: url(../grafik/icons/icon_radio.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.download {
        background: url(../grafik/icons/icon_download.gif) left -.4em no-repeat;
        padding: 0 0 0 1.8em; /*Makeover 2010*/
        display: block;
        float: left;
        margin-top: .3em;
}

/*Makeover 2010: Download Teaser in Marginalspalten*/
.containerMarginalA a.download, .containerMarginalB a.download {
        display: inline;
        margin-top: 0;
}


a.pdf {
        background: url(../grafik/icons/icon_pdf.gif) left -.2em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
        line-height: 1.5em;
}
a.print {
        background: url(../grafik/icons/icon_print.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.suggest {
        background: url(../grafik/icons/icon_send.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.listall {
        background: url(../grafik/icons/icon_article.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.ecard {
        background: url(../grafik/icons/icon_ecard.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.quiz {
        background: url(../grafik/icons/icon_quiz.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.voting {
        background: url(../grafik/icons/icon_voting.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}
a.gallery, a.bildergalerie {
        background: url(../grafik/icons/icon_gallery.gif) left -.4em no-repeat;
        padding: 0 0 0 25px;
        display: block;
        float: left;
        margin-top: .3em;
}

/* @group Index der auf Startseite */
.index {
        background-color: #0064AA;
}


.index h2 {
        float: left;
        padding: .3em 0 0 2em;
}
.index .topLink {
        float: right;
        padding: .2em 2em 0 1em;
}
.containerIndex {
        background-color: #fff;
        clear: left;
        border-top: 1px solid #fff;
        padding-bottom: 2em;
}
.containerIndex .index p {
        font-size: 1.2em;
        padding: .3em 0 0 1.8em;
}
.indexList {
        margin: 2.4em 0 0 0;
}
.indexList.last {
        padding-bottom: 2.4em;
}
.indexList ul {
        float: left;
        border-left: 3px solid #d6d5cc;
        padding: 0 1em 0 .7em;
        width: 17.5em;
}
.indexList ul.first {
        border-left: 0;
        padding: 0 0 0 .7em;
}
.indexList li {
        font-size: 1em;
        line-height: 1em;
        padding-bottom: .5em;
        font-weight: bold;
        color: #666;
}
.indexList li a {
        font-size: 1em;
        font-weight: bold;
}
/* @end */

/* Hintergrundfarben zusammengefasst Makeover 2010*/
.fond, .fondA, .fondB, td.fondB, .fondC {
        background-color: #f1f0e9;
}

/* @group Tabelle Wetter */

table.inforadio  {
        width: 38em;
        border-collapse: collapse;
        padding: 0 1.4em 2.1em 0;
        margin: 0 0 1em 0;
        font-size: 1em;
        }

table.inforadio th {
        background-color: #e3e2d3; /* Makeover 2010 */
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        text-align: left;
        padding: .4em;
        /*font-size: 1.1em;*/
}
table.inforadio td {
        background-color: #f1f0e9; /* Makeover 2010 */
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        text-align: left;
        vertical-align: top;
        padding: .4em;
        /*font-size: 1.1em;*/
}
table.inforadio .bild {
        text-align: center;
        vertical-align: middle;
}
/* @end */

/* @group Flash */
.containerMarginalB .teaserFlash, .containerMarginalA .teaserFlash /* Makeover 2010 */{
        float: none;
        margin-bottom: .7em;
}
.containerCenter .teaserFlash {
        width: 16em;
        float: left;
        padding: 1.2em 1.2em 1em 0;
}
.containerCenter .teaserFlashSolo {
        width: 23em;
        float: left;
        padding: 1.2em 1.2em 1em 0;
}
.containerMarginalB .teaserFlashSolo {
        width: 16em;
        padding: 1.2em 1.2em 1em 0;
}
.contentQuiz .optionItem .teaserFlash,
.contentQuiz .optionItem .teaserFlashSolo {
        padding: 0 1.4em 1em 0;
}
.contentQuiz table .teaserFlash,
.contentQuiz table .teaserFlashSolo,
.contentQuiz table .articlePictureB img {
        float:  none;
}

.containerCenter .podcast .teaserFlashSolo/* Makeover 2010 */
 {
        padding-top: 0!important;
        padding-bottom: 0!important;

}
/* @end */


/* @group Kontaktformulare */
.contentForm {
        padding: 1.2em 0 0 1.2em;
        width: 38em;
}
.contentForm .navigationC {
        padding-right: 5em;
}
.contentForm form {
        padding: 0;
}
.contentForm .floatRight {
        padding-right: 2.2em;
}
.contentForm fieldset {
        margin: 0 0 1.5em 0;
        padding: 0;
}
.contentForm .formItem {
        margin: 0 0 .5em 0;
}
.contentForm .formItem p {
        padding-top: .8em;
}
.contentForm .formItem .formLabel {
        width: 11em;
        float: left;
        text-align: left;
        padding: .1em 1em 0 0;
}
.contentForm .formItem .formLabel label {
        padding: 0 .3em 0 0;
        font-size: 1.1em;
}
.contentForm .formItem input {
        font-size: 1.3em;
        width: 17.7em;
        border: 1px solid #a5acb2;
        padding: 0 0 0 .3em;
}
.contentForm .formItem textarea {
        font-size: 1.3em;
        width: 17.7em;
        border: 1px solid #a5acb2;
        padding: 0 0 0 .3em;
        margin-bottom: 1em;
        height: 10em;
}
.contentForm .checkbox {
        padding: 0;
        margin: 0 1em 0 0;
}
.contentECard .contentForm .formItem textarea {
        width: 27em;
}
.captcha {
        padding: 0 0 0 1.2em;
}
/* @end */

/* @group Quiz */
.contentQuiz .navigationForBack {
        margin-bottom: 1em;
}
.contentQuiz .contentForm {
        background-color: #f1f0e9;
        padding: 0;
        width: 40.2em;
        margin-bottom: 1em;
}
.contentQuiz .formItem {
        border-top: 1px solid #fff;
        padding: .8em 0 0 .8em;
}
.contentQuiz .formItem p {
        padding: 0 0 .8em 0;
}
.contentQuiz input.radio {
        float: left;
        margin-right: .5em;
        border: 0!important; /*Makeover 2010 */
        width: 1em;
}

.contentQuiz .optionItem {
        float: left;
        width: 34.2em;
        padding-top: .2em;
}
.optionItem .articlePictureB {
        padding: 0;
}
.contentQuiz label {
        font-weight: bold;
        font-size: 1.1em;
        margin-bottom: .5em;
}
.contentQuiz .contentForm label {
        padding: .8em 0 0 1.2em;
        display: block;
}
.contentQuiz .contentForm .optionItem label {
        padding: 0 0 0 0;
}
.submitData {
        margin: 2em 0 0 0;
        background-color: transparent!important;
}
.submitData .floatRight {
        margin: 1em 0 1em 0;
}
.submitData .formItem {
        border-top: 0;
}
.submitData p, .submitData h1 {
        padding: .8em 0 0 .8em;
}
.submitData p {
        padding-bottom: .8em;
}
/* Richtige Antwort */
.confirm, .confirm p, p.confirm, .confirm strong, .confirm .formLabel label {
        color: green;
        padding-left: .8em;
        }

/* falsche Antwort ausgrauen */
/* .invalid p,
.invalid label {color:#999}
.invalid img, .imvalid .teaserFlash {
        opacity:0.4;
        filter: gray();
        }
.invalid a {color: #ffcccc}
.invalid p.confirm {color: #ccffcc}
*/
/* @end */


/* @group Voting Ergebnis */
.resultTable {
        width: 100%;
        background-color: #f1f0e9; /* Makeover 2010 */
        border-collapse:collapse;
}
.resultTable h1 {
        font-weight: bold;
}
.resultTable th, .resultTable td {
        vertical-align:top;
        padding: .6em;
        border: 1px solid #fff;
        border-right: 0 none;
}
.resultTable th {
        text-align:left;
        font-weight: normal;
        padding-left: 1.2em;
        border-left: 0 none;
        width: 100%;
}
.resultTable.rating th {
        width: auto;
}
.resultTable th h1,
.resultTable th p {
        font-size: 1.1em;
        margin: 0;
        padding: 0;
}
td.resultTextB {
        text-align:right;
        white-space:nowrap;
}
td.resultBar {
        text-align:left;
}
.resultTable.rating td.resultBar {
        width: 11.2em;
}
/* Grafik/Farbe für Ergebnisbalken */
.resultGraphic {
        height: 1.1em;
        background-image: url(../grafik/backgrounds/votingBar.gif);
        border: 1px solid #d6d5cc;
        }
/* @end */

/* @group Suche oben */

.searchTop select {
        font-size: 1em;
        color: #333;
        width: 17em;
        margin-bottom: .8em;
}
.searchTop .icon input {
        background: url(../grafik/icons/icon_enter.gif) no-repeat right top;
        height: 1.5em;
        width: 1.5em;
}
.searchTop  {
        padding: .8em 0 1.5em 0;
}
.searchTop .inputTop {
        font-size: 1em;
        color: #333;
        width: 16.5em;
        margin-bottom: .5em;
}
.searchTop fieldset {
        float: left;
        padding-left: 1em;
        width: 17em;
}
fieldset.left {
        margin-right: 1.5em;
}
label.searchLabel {
        float: left;
        padding: 0 .3em 0 1em;
        font-size: 1.1em;
        color: #0064AA;
}

/* @end */

/* @group Suchergebnisse */
.searchResults {
        width: 40.2em;
        padding: 0;
        margin: 0;
        overflow: hidden;
}
.searchResults h1 {
        font-size: 1.1em;
        margin: 0;
}
.searchResults h3 {
        margin: 0;
}
.searchResults .containerTeaser {
        margin: 0;
}
.searchResults .teaserA {
        padding-top: .8em;
}
/* @end */

.forward input.btnSubmit {
        background:transparent url(../grafik/icons/icon_forward.gif) no-repeat scroll right 0.2em;
        border:medium none;
        color:#0064AA;
        cursor:pointer;
        font-size:1.1em;
        font-weight:bold;
        line-height:1.4em;
        padding:0.1em 2.1em 0.1em 0pt;
        text-align:right;
        width:auto;
}
.back input.btnSubmit {
        background:transparent url(../grafik/icons/icon_back.gif) no-repeat scroll left 0.2em;
        border:medium none;
        color:#0064AA;
        cursor:pointer;
        font-size:1.1em;
        font-weight:bold;
        line-height:1.4em;
        padding:0.1em 0 0.1em 2.1em;
        text-align:left;
        width:auto;
}

/* @group Bildergalerie */
.galleryImage p {
        font-size: 1.1em;
        padding-left: .9em;
}
a.forward {
        padding: .1em 2.6em .1em 0;
        line-height: 1.4em;
        background-image: url(../grafik/icons/icon_forward.gif);
        background-position: top right;
        background-repeat: no-repeat;
}
a.back {
        padding: .1em 0 .1em 2.2em;
        line-height: 1.4em;
        background-image: url(../grafik/icons/icon_back.gif);
        background-position: top left;
        background-repeat: no-repeat;
        }
.contentGallery a { color: #0064AA; }
.contentGallery a:hover { text-decoration: underline; }
.navigationGallery, .navigationForBack  { margin: 2em 1em 0 1em; width: 38.2em; }
.navigationGallery div.back, .navigationForBack div.back {
        width: 12em;
        font-size: 1.1em;
        font-weight: bold;
        float:left;
}
.navigationGallery a.back, .navigationForBack a.back {
        padding: .1em 0 .1em 2.6em;
}
.navigationGallery a.moreback, .navigationForBack a.moreback {
        padding: .1em 0 .1em 2.6em;
        line-height: 1.4em;
        background-image: url(../grafik/icons/icon_moreback.gif);
        background-position: top left;
        background-repeat: no-repeat;
}
.navigationGallery div.info, .navigationForBack div.info {
        width: 10.5em;
        font-size: 1.1em;
        float: left;
        text-align: center;
}
.navigationGallery div.forward, .navigationForBack div.forward {
        width: 12em;
        font-size: 1.1em;
        font-weight: bold;
        float: right;
        text-align: right;
}
.navigationGallery a.forward, .navigationForBack a.forward { padding: .1em 2.6em .1em 0; }
.navigationGallery a.moreforward, .navigationForBack a.moreforward {
        padding: .1em 2.6em .1em 0;
        line-height: 1.4em;
        background-image: url(../grafik/icons/icon_moreforward.gif);
        background-position: top right;
        background-repeat: no-repeat;
}
.galleryImage {
        padding: 1em 0 2em 0;
        margin: 0;
        width: 40.2em;
        border-bottom: 1px solid #fff;
        }
.galleryImage div.image {
        width: 40.2em;
        background-color: #f1f0e9; /* Makeover 2010 */
        margin: 0 0 2em 0;
        padding: 0;
        text-align: center;
        }
.galleryImage p.capture { margin: 0 1em; }
.galleryImage h1 { font-size: 1.1em; color: #333; margin: 0 .9em; float: none;}
.galleryThumbs {
        margin: 1em 0 .5em 1em;
        width: 38.2em;
        }
.galleryThumbs .item {
        float: left;
        text-align: center;
        margin: 0 1.4em 0 0;
        width: 9.6em;
        display: block;
        }
.galleryThumbs .itemPic{
        border: 1px solid #0064AA;
        width: 9.6em;
        margin: 0 0 .5em 0;
        padding: 0;
        background-color: #f1f0e9; /* Makeover 2010 */
        }
.galleryThumbs .number {
        font-size: 1.1em;
        font-weight: bold;
        color: #999;
}
.galleryThumbs .numberActive {
        font-size: 1.1em;
        font-weight: bold;
        color: #000;
}
.galleryThumbs .back {
        float: left;
        margin: 5.9em 1.5em 0 0;
}
.galleryThumbs .forward {
        float: right;
        margin: 5.9em 0 0 0;
}
/* @end */

/*Print*/
.print { display: none; }
.iconList .print {
        display: block;
}
.containerArticle .iconList .print{
        display: inline;
}

.containerCenter .teaserA .author,
.containerCenter .articleA .author {
        font-style: italic;
}

.contentECard .navigationForBack {
        margin: 2em 0 0;
        width: 38em;
}



.containerMarginalB a.video, .containerMarginalB a.medialib_video,
.containerMarginalB a.audio, .containerMarginalB a.medialib_audio,
.containerMarginalB a.radio,
.containerMarginalB a.download,
.containerMarginalB a.pdf,
.containerMarginalB a.print,
.containerMarginalB a.listall,
.containerMarginalB a.ecard,
.containerMarginalB a.quiz,
.containerMarginalB a.voting,
.containerMarginalB a.gallery, .containerMarginalB a.bildergalerie {
        margin-top: .1em;
        float: none;
}

/* für Makeover 2010 */
/* Headlines - H4 - mit Icons */


.medialib_video, .medialib_audio {
        font-size: .9em;
        padding: 0 0 .4em 0;
        margin-top: -.2em;
        }

.medialib_video h4, .medialib_audio h4 {
        background-repeat: no-repeat;
        line-height:  1.5em;
        vertical-align:top;
        font-weight: normal;
        padding: 0 0 0 2em;
        margin: 0;
        background-position: 0 -0.2em;
        }

.medialib_video h4 {
        background-image:url(../grafik/icons/icon_video_grey.gif);
}

.medialib_audio h4 {
        background-image:url(../grafik/icons/icon_audio_grey.gif);
}


/* Damit im FF das Icon nicht hinter dem Bild verschwindet */

.containerCenter .medialib_video h4, .containerCenter .medialib_audio h4 {
        margin-left: 16em;
        }

.containerCenter .medialib_video.podcast h4, .containerCenter .medialib_audio.podcast h4 {
        margin-left: 0;
        }
/*  */






/* Listen in Beiträgen 8.6.2009*/

.articleA ul, .articleA ol {
        position: relative;
        left: 1.8em;
        margin: 0 0 .8em 0;
        padding: 0 0 0 .5em;
        width: 90%;
}

.articleA ol {
        left: 1.3em;
        padding: 0 0 0 1.6em;
        }

.articleA ul li, .articleA ol li {
        font-size: 110%;
        padding: 0;
        margin: 0;
}

.articleA ul li {
        list-style-type: disc;
        padding-left: .5em;
}

/* Verkehr Ãœberschriften */

h2 a#aktuelle, h2 a#infoReport, h2 a#rbb0097, h2 a#rbb0098, h2 a#rbb0099, h2 a#rbb0100, h2 a#rbb0101, h2 a#rbb0102, h2 a#rbb0103 {
        font-size: 1.2em;
        display: block;
        margin-bottom: .6em;
        text-decoration: none;
        }


/* 12 2009 */ 
/* Makeover 2010: jezt im Programm Box */
/* Makeover 2010 (II) */

.containerTeaserLive {
	/*width: 40.2em*/
	}

/*.programmAnsichtStart*/ .containerTeaserLive {
	padding: .6em .3em;
	margin: 1em 0 1em 0;
	position: relative}
	
.containerTeaserLive {
	border-top: 0;
	/*padding-bottom: 1em;*/
	background-color: #f1f0e9; /* Makeover 2010 */
}

.containerTeaserLive ul.iconList {
	/*padding: .8em 0 .8em 1.3em!important;
	margin: 0;*/
}

/*.programmAnsichtStart*/ .containerTeaserLive ul.iconList {
	padding: 0!important;
	margin: 0!important;
	}

	
/*.programmAnsichtStart*/ .containerTeaserLive ul.iconList li{
	display:inline!important;
	}
	
/*.programmAnsichtStart*/ .containerTeaserLive ul.iconList li.programm {
	position: absolute;
	right: 1.5em;
	top: .3em;
	}
	
	
.programmAnsichtStart {/*display: table; height: 24em;  #position: relative; overflow: hidden;*/}

.programmAnsichtStart .middle { #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
.programmAnsichtStart .inner { #position: relative; #top: -50%}



/* neu für Makeover 2010 */

.containerMarginalB .nachrichten,
.containerMarginalB.nachrichten{
        border-bottom: 4px solid #fff;
        }

.containerMarginalB .nachrichten, .containerMarginalB .nachrichten .headA,
.containerMarginalB.nachrichten, .containerMarginalB.nachrichten .headA {
	        background-color: #e5eff6; /* Makeover 2010 */
        }

.containerMarginalB .nachrichten .headA h2,
.containerMarginalB .nachrichten .headB h2,
.containerMarginalB.nachrichten .headA h2,
.containerMarginalB.nachrichten .headB h2 {
	        background: #0064AA url(../grafik/backgrounds/headline_corner_left_nachrichten.gif) no-repeat left bottom;
        }

.containerMarginalB .nachrichten .containerTeaser,
.containerMarginalB.nachrichten .containerTeaser {
	        margin-bottom: 0;
        }

.containerMarginalB .nachrichten .teaserFlashSolo,
.containerMarginalB.nachrichten .teaserFlashSolo {
	        padding: 0 0 1.2em 0;
        }

.containerMarginalB .nachrichten p,
.containerMarginalB.nachrichten p {
	  margin: 0 0 .5em 0;
        padding: 0;
        }

.containerMarginalB .nachrichten p.marginTop, .containerMarginalB .nachrichten h3,
.containerMarginalB.nachrichten p.marginTop, .containerMarginalB.nachrichten h3 {
	  margin: 1.2em 0 .5em 0;
        padding: 0;
        }

.containerMarginalB .nachrichten h1 {
	color: #666;
}

.containerMarginalA .nachrichten .containerTeaser.borderTop,
.containerMarginalB .nachrichten .containerTeaser.borderTop {
        padding-top: 0.5em;
        border-top: none;
}

.containerMarginalA .containerTeaser.borderTop,
.containerMarginalB .containerTeaser.borderTop {
        padding: 1.2em .4em 0 .8em;
        margin: 0 .4em 1em .4em;
        border-top: .3em solid #dbdac7; /* Makeover 2010 */
}

.containerTeaser.AZ h1 {
        color: #666;
        }

.containerTeaser.cast  {
        clear: none;
        float:left;
        width: 20.1em;
}

.containerCenter .containerTeaser.cast .teaserPictureD{
        clear: none;
        float: none;
        width: 16em;
        margin-left: 1.2em;
}

.containerIndex.cast {
        padding: 1.2em;
        width:auto;
        }

.cast .indexList {
        float: left;
        width: 18.9em;
        margin: 0;
        }

.cast .indexList ul {
        width: auto;
        float: none;
        margin-bottom: 1.8em;
}

.cast .indexList ul li{
 line-height: 1.1em;
 padding-bottom: .6em

}

.cast .indexList li a, .cast h3 {
        font-size: 1.1em;
}


.containerTeaser.cast p.capture {
         float: none;
         font-size: 1.1em;
        color: #333333;
        padding-right: 1.4em;
        }

.containerTeaser.cast p.capture a{
         font-weight: bold;
         font-size: 1em;
        }

/* für Video E-Card */

#player {padding: 0 .1em }

/* Wetter Relaunch 2010 Teil II: bisherige Tabellenlayouts wieder aktivieren / modernisieren */

.containerMain.contentWeather {
 background-image:url(../grafik/backgrounds/bg_main_contentWeather.gif);
 background-position: 1px;
 }
 
.contentWeather .containerCenter, 
.contentWeather .containerCenter .containerTeaser,
.contentWeather .containerCenter .containerArticle {
	width: 58.7em;
	border: 0
	}


/* tableA, tableB altes rbb Layout*/
table.tableA, table.tableB { 
	width: 100%;
	border-collapse: collapse;
	padding: 0 1.4em 2.1em 0;
	margin: 1.5em 0 0 0em;
	}
	
/* fuer inf weniger Abstand*/
.tableA.reisewetter {
	margin-top: 0
	}
	
.tableA p, .tableB p {
	font-size: 1em;
	padding: 0;
	}

/*Badeseen altes Design neue Aufteilung */
.tableA.badeseen td strong {
	display: block;
	width: 200px;
	overflow: visible
}

.tableA.badeseen td.fondB {
	width: 3.9em;
	text-align: center;
}

/* neue Tabellen, Uebernahme aus rbb*/

.contentWeather .tableA td, .contentWeather .tableA th, .contentWeather .tableB td, .contentWeather .tableB th {
	margin: 0;
	vertical-align: top;
	/*--*/
	text-align: left;
	color: #454545;
	padding: .7em .2em;
	border-bottom: 1px solid #f1f0e9;
	border-top: 1px solid #f1f0e9;
	}

	

.contentWeather .tableA td.fondB, .contentWeather .tableB td.fondB {
	width: 18.4em;
	font-weight: bold;
	border-left: 1px solid #fff;
	/*--*/
	padding-left: .4em;
	background-color: #f1f0e9;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #f1f0e9;
	color: #666;
}


.contentWeather .tableA td.spacer {
	padding: .6em;
	border: 0!important;
}

.contentWeather .tableB td.fondB {
	width: 3.9em;
	font-weight: bold;
	text-align:center
}

/* ---- */
.contentWeather tbody {margin: 0; padding: 0}

.contentWeather .tableTimeframe, .contentWeather .tableTemperatures, .contentWeather .tableForecast{
	width: 100%;
	color: #454545;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 1.4em;
	/*font-size: 1.1em*/
	}
	
.contentWeather .tableTimeframe {font-size: 1.1em}
		
.contentWeather .tableTemperatures, .contentWeather .tableA {margin-bottom: 2.4em;}

.contentWeather .tableTemperatures.water {margin-top: 1em; margin-bottom: .4em}
		
.contentWeather .tableForecast {/*font-size: 1em;*/ margin-bottom: 0}


.contentWeather .tableTimeframe td {
	background-color: #f1f0e9;
	border-right: 1px solid #fff;
	text-align:center;
	width: 12.2%;
	font-weight: bold;
	}	
	
	
.contentWeather .tableTimeframe td a{
	color: #333;
	display:block;
	padding: .4em;
	text-decoration:none;
	white-space: nowrap;
	}
	
.contentWeather .tableTimeframe td.active, .contentWeather .tableTimeframe td:hover,
.contentWeather .tableTimeframe td a:hover,.contentWeather .tableTimeframe td.active a {
	 background-color: #0064aa;
	 color:#fff;
}
	
.contentWeather h1 {
	margin: 0;
	padding: 0}
	
.contentWeather .containerCenter .headB,
.contentWeather .containerCenterB .headB{
	margin-left: 1.2em;
	}

.contentWeather .containerCenter .headB h2 {
	color: #666;
	}

.contentWeather p { 
	padding: 0; 
	margin-top: .6em;
}

.contentWeather p.paddingBottom { padding: 1em 0 2em 0; }
	
.contentWeather .tableTemperatures caption, .contentWeather .teaserA h2, .contentWeather .articleA h2, .contentWeather .tableForecast caption, .contentWeather .teaserA h5, .contentWeather .badeseen caption{
	text-align: left;
	color: #333;
	font-size: 1.1em;
  font-weight: bold;
	padding:0;
	margin-bottom: 1em;
	}
	
.contentWeather .tableForecast caption {
	font-size:1.1em;
}
.contentWeather .tableForecast caption {
	margin-top: 2em
	}

.contentWeather .articleA h2, .contentWeather .articleA h5 {
    text-align: left; 
    color: #333; 
    font-size: 1.1em; 
	font-weight: bold; 
    padding:0; 
    margin-bottom: 1em; 
} 


.contentWeather h5 {
	color: #666!important;
	margin: 0;
	padding: 0}
	
	
.contentWeather .tableTemperatures th, .contentWeather .tableTemperatures td {
	/* wie .contentWeather .tableA td, .contentWeather .tableA th, .contentWeather .tableB td, .contentWeather .tableB th */
	text-align: left;
	color: #454545;
	padding: .7em .2em;
	border-bottom: 1px solid #f1f0e9;
	border-top: 1px solid #f1f0e9;
	/* */
	font-weight: normal;
	vertical-align:top;
	}
	
.contentWeather .tableTemperatures th, .tableA.reisewetter td{width: 44%}
.contentWeather .tableTemperatures td {width: 30%}
	
.contentWeather .tableTemperatures td.numeral{
/*wie .contentWeather .tableA td.fondB, .contentWeather .tableB td.fondB*/ 
	padding-left: .4em;
	color: #666;
	background-color: #f1f0e9;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #f1f0e9;
	/* */
	white-space:nowrap;
	font-weight: bold;
	text-align: right;
	padding: .7em .8em!important; 
	width: 7.2%!important;
}	

.contentWeather .tableA.reisewetter td.fondB {
	padding: .7em 1.3em!important; 
	}
	
.contentWeather .tableTemperatures td.spacer, .contentWeather .tableA.reisewetter td.spacer {
/* wie .contentWeather .tableA td.spacer */
	padding: .6em;
	border: 0!important;
	/* */ 
	width: 2%;
}
	
	
.contentWeather .tableForecast th{
	padding: .4em;
	text-align:left;
	border: 1px solid #F1F0E9;
}


.contentWeather .tableForecast th.col.iconLabel {
	border: none;
	background-color: transparent!important;
	padding-top: 0;
	}
	
.contentWeather .tableForecast td.icon, .contentWeather .tableForecast th.col {
	background-color:#f1f0e9;
	text-align: center;
	padding: .4em .2em .2em .2em;
	border: none;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #f1f0e9;
	}
	
.contentWeather .tableForecast th.col {
	padding: 1.2em .4em;
	}

.contentWeather .tableForecast td {
	padding: /*1.6em*/1.2em .4em;
	text-align: center;
	border: 1px solid #F1F0E9;
	color:#666;
	font-weight: bold;
	width: 10%
}

.contentWeather .tableForecast.water td {
	width: 20%
}

.contentWeather .tableForecast td.empty {
	background-color: transparent;
	border:none;
	width: 4%;
	padding: 0}
	
	
.contentWeather .imageRotator {
	height:40em;
	padding: 1em;
	margin-bottom: 2em;
	background-color:#f1f0e9;
	width: 56.7em;

}

.contentWeather .imageRotator object{
	float: left;
	margin-right: 1em;
}

.contentWeather .imageRotatorText {margin-top: 5.8em;}
.contentWeather .imageRotatorText p, .contentWeather .imageRotatorText h2{
   margin: 0;
	 padding: 0;
	 color:#333;
	}
	
.contentWeather .imageRotatorText h2{
   margin-bottom: .4em;
	 font-weight: bold
	}

.contentWeather p.floatRight.paddingBottom { padding-top: .2em; }



/* Sonderormatierung Wetter Tabelle altes rbb Layout */
.reisewetter th {
	text-align: left;
	padding: 1.4em 0 .6em 0;
	border: 0;
}

.reisewetter th h1 {
	font-size: 1.3em;
	color: #454545;
}

.tableA.reisewetter td.fondB {
	width: 3.9em;
	text-align: center;
}
.reisewetter td.fondB p {
	width: 3.9em!important;
}

/*Badeseen altes Design neue Aufteilung */
.tableA.badeseen {margin-bottom: .4em}

.tableA.badeseen td strong {
	display: block;
	width: 200px;
	overflow: visible
}

.tableA.badeseen td.fondB {
	width: 3.9em;
	text-align: center;
}
.containerCenter .serviceSelect select {
    margin-right: 0.5em;
    width: 20em;
}
.contentWeather .containerCenter .teaserPictureA {
    background-color: #F1F0E9;
}
h5.white {
    color: #FFFFFF !important;
}
.pictureFixed {
    height: 9em;
    overflow: hidden;
    width: 58.7em;
}
.pictureFixed img {
    position: absolute;
    width: 58.7em;
}
.contentFixed {
    padding: 1.5em 0 0 1.5em;
    position: absolute;
}
.contentFixed p {
    font-size: 1em;
    padding: 0 0 0.5em;
}

/* flashMapStyle */

#flashMapContainer
{
  margin: 0 0 10px 0;
  height: /*410px*/424px;
	position:relative;
}

#flashMapContainer object
{
	margin-top:-16px;
}


h1#regionTitle
{
  /*background-color: #f7f8f8;*/	
	position:relative;
	z-index:10;
	padding: 0 2px
}

/* kartenueberlagernde Elemente (temp, wind, back) */
#mgFlashMapControls
{
  position: absolute;
	top:/*372px*/386px; left: 0;
  height: 38px;
	width: 567px;
}

/* kartenueberlagernde Links */
#mgFlashMapControls a
{
  display: block;
  float: left;
  line-height: 38px;
  /*font-size: 12px;
  text-decoration: none;*/
	font-size: 110%;
  color: #333333;
	font-weight: bold;
	
}

#mgFlashMapControls a.active
{
  color: #ac0000;
}



/* Unterstreichung fuer die kartenueberlagernden Texte */
#mgFlashMapControls a:hover
{
  /*text-decoration: underline;*/
}

/* Temperatur-Link */
#mgFlashMapControls a.temp
{
	background-image: url(../grafik/wetter/thermometer.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	/*background-position: -14px 0px;*/
	background-position: 2px 0px;
	padding-right: 20px;
	/*margin-left: -14px;*/
}

/* Wind-Link */
#mgFlashMapControls a.wind
{
	background-image: url('../grafik/wetter/windpfeil.gif');
  background-repeat: no-repeat;
  padding-left: 44px;
	margin-left: 0;
}


/* "Zurueck zu Berlin-Brandenburg"-Link */
#mgFlashMapsBackButton
{
  display: none;
  float: right !important;
  font-weight: bold;
}