/*
* RBB Radio eins
* stylesheet.css
* 
* Author: Tino Urbiks, Holger M. Stangl
* Date: June 2007
*/

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

ul, dl { list-style: none; }

.top25 {padding-top: .5em;}

.top25 li {
	font-size: 1em;
	margin-bottom: 0;
	clear: both;
	}

img, fieldset { border: 0; }

/* allgemeine Navigation */
a { color: #c84105; font-weight: bold; text-decoration: none; }
a:visited {color: #545456; }
a:hover { color: #f0a32b; }

/* --- STRUCTURE --- */
body {
	font-family: Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	color: #333!important;
	background-color: #fff;
	text-align: center;
	font-size: 16px;# 
	font-size: 101.1%;
	}

textarea { font-family: Verdana, Tahoma, sans-serif; }

/*start Print*/
.logoPrint { display: inline; visibility: visible; float: left; margin: 0 15px 30px 0; padding:0; border: 1px solid #fff!important;}
#headerStation h2 { display: compact; visibility: visible; float: right; font-size: 18px; padding-top: 16px; }
#headerStation img { display: none;  }
#containerCenterRad3 #logo{ display: none;  }
#containerRBB { display: none;  }
.teaserA { padding: 0 1.5em 0 0!important; }
.imgBig { display: none!important; float: none!important;}
.imgBig2 { display: none!important; float: none!important;}
.containerSearch { display: none!important;  }
.contentCenterInfo { float:none!important; clear:both!important;}
.teaserInfo  { float:none!important; clear:both!important;}	
.minHeight {height: auto!important;}
.minHeight {min-height: auto!important;}
img {margin-top: 0!important; padding-top: 0!important; top: 0;}
.teaserPicture {margin-top: 0!important; padding-top: 0!important; border: 1px solid #fff!important;}
.teaserPictureB {margin-top: 0!important; padding-top: 0!important; border: 1px solid #fff!important;}
.teaserPicture img{margin-bottom: 15px!important; }
form {display: none;}
.navigationF li img { display: none; }
.navigationF .print { margin-right: 10px; }

.headA h2 img {display: none;}
.headB h2 img {display: none;}
.print {display: block; float:left; font-size: 1.2em;}

iframe { display: none; width: 0; height: 0;}



/* --- General Helpers --- */
.killfloat {
	overflow: hidden;
	height: 0;
	clear: both;
	font-size: 0;
	}

.hidden {
	display: none;
	visibility: hidden;
	}

.alignright { text-align:right; }
.alignright img { padding-top: 2em; }

.floatLeft { float: left; }

.floatLeftB { 
	float: left;
	width: 20em; }

.floatRight { float: right; }

.orange { color:#333; }

.naviGray a { color:#333; }

.naviGray a:hover { color:#333; }

.toplink img { padding: .7em 0 .7em 0; }

.containerTeaser {min-height: auto; }

.searchList  li {
	padding: auto;
	padding-bottom: 5px;
	margin: auto;
	width: auto;
	font-size: 1.1em;
	}

.programmList { margin: 0; padding:0; }

.programmList li {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	}

/* HOLGER: Für RAD-6 */
.textBottom { height: auto; }
.textBottom .teaserA { position: relative; bottom: 0; left: auto; }
.textBottom2 { position:relative;  height: auto; }
.textBottom2 .teaserA { position: relative; bottom: 0; }

/* --- global Settings -- */
h1 { font-size: 1.2em; color: #333; }
h2 { font-size: 1em; }
h3 { font-size: 1.1em; padding: 0; font-weight: bold; color: #333; }
h4 { font-size: 1.1em; font-weight: normal; color: #333; }

.headA { height: 2.5em; background-color:#fff; }
.headA h2 { padding: .45em 0 0 0; font-size: 1.2em; }
.headA h2 img { padding: .25em 0 0 0;  float: left; }
.headA p { font-size: 1.11em; font-weight: bold; padding: .2em 1.5em 0 1.5em; float: left; }
.headA p a { color: #333333; }
.headA p a:hover { color: #333333; }

.headB { border-bottom: 0; height: 2.5em; background-color:#fff; }
.headB h2 { padding: .45em 0 0 0; font-size: 1.2em;}
.headB p { font-size: 1.11em; font-weight: bold; padding: .2em 1.5em 0 1.5em; float: left; }
.headB p a { color: #333333; }
.headB p a:hover { color: #333333; }

.changeHeadBteam .headB h2 img { padding-left: 9.5em; }
.changeHeadBteam .headB { border: 0; }

.headAabsolut { height: 2.5em; background-color:#fff; position: relative; }
.headAabsolut h2 { padding: .45em 0 0 0; font-size: 1.2em; }
.headAabsolut h2 img { padding: .25em 0 0 0;  float: left; }
.headAabsolut p { font-size: 1.11em; font-weight: bold; padding: 0 1.5em 0 0; float: right; }
.headAabsolut p a { color: #333333; }
.headAabsolut p a:hover { color: #333333; }

.changeHeadA .headA { padding-left: 0; margin: 0; border-bottom: 1px solid #fffff7; }
.contentCenterG .headA { padding-left: 0em; margin: 0; border: 0; }

.headMarathon .headA { background-color: #fff; color: #333; clear: both; }

.contentCenterB .headB .az { padding: .5em 0 0 1.7em; }

.white { background-color: #fff; background-image: none; margin: 0; padding: 0; }

.searchInput { width: 8.5em; }

.teaserA p, 
.teaserB p {
	font-size: 1.1em;
	padding-bottom: 1em;
	}

.teaserInfo p{ font-size: 1.1em; }

.teaserInfo input {
	height: 1.1em;
	width: 18.2em;
	padding-left: .1em;
	font-size: 1.1em;
	}

.teaserA ul {margin-left: 0;}
.teaserA li {font-size:1.1em;}

.icon { height: 2.8em; display: block; margin-bottom: .5em; }
.icon p { padding-left: 13.5em; display: block; }
.iconPicture { float: left; width: 15em; height: 2em; }
.mp3player .iconPicture {padding-top: .3em;}
.forum p {padding-top: 1.5em;}
.video p {padding-top: .4em;}
	
/* --- Structure Elements --- */

#container {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	font-size: 0.625em;  
	}

#containerMain {
	background-image:none;
	width: 100%;
	height: 100%;
	padding: 0;
	clear: both;
	float: none;
	}


#containerCenter {
	background-color: #fff;
	width: auto;
	float:none;
	clear: both;
	margin: 0;
	}
	
#containerCenterB {
	background-color:#fff;
	width: auto;
	float:none;
	margin: 0;
	}
	
#contentMarginalA { float: none; display: none; }
#contentMarginalC  { float: none; margin: 0; padding: 0; display: none; }
#containerBottom { float: none; display: none; }

/* Definiton der Uebersichtsseiten */
/* ----------- Container Center A oben ganze Breite ----------- */
.contentCenterA {
	width: auto;
	padding: 0;
	border: 0;
	margin-bottom: 15px;
	}

.contentCenterA .teaserPicture img {
	padding: 0 1.5em 0 0;
	float: left;
	width: 20em;
	margin: 0 0 15px 0;
	}

.contentCenterA .teaserA { padding: 0; }

/* ----------- Container Center B mitte ganze Breite ----------- */
.contentCenterB {
	width: auto;
	border-top: none;
	background-color: #fff;
	float:none;
	margin-bottom: 15px;
	border: 0;
	clear: both;
	}

.contentCenterB h1 {
	padding: 1em 0 0 0;
	margin: 0;
	}

.contentCenterB .teaserPicture {
	margin: 0;
	padding: 0;
	}

.contentCenterB .teaserPicture img {
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
	width: 12em;
	}
	
.contentCenterB .teaserA { padding: 0; margin: 0; }

/* ----------- Container Center C -- der zweispalter linke Seite ----------- */
.contentCenterC { 
	width: auto;
	clear: both;
	float:left!important;
	width: 48%!important;
	margin-bottom: 15px;
	}

.contentCenterC .teaserPicture img {
	float: left;
	padding: 0 15px 0 0;
	width: 120px;
	margin: 0 0 15px 0;
	}

.contentCenterC .teaserA {
	padding: 0;
	margin: 0;
	}

/* ----------- Container Center D -- der zweispalter rechte Seite ----------- */
.contentCenterD { 
	width: auto;
	float: right!important;
	width: 48%!important;
	margin-bottom: 15px;
	}
	
.contentCenterD .teaserPicture img {
	float: left;
	padding: 0 15px 0 0;
	width: 120px;
	margin: 0 0 15px 0;
	}

.changeFloatPic .containerTeaser .teaserPicture img{
	float: right;
	padding: 0 0 0 1.5em;
	margin: 0;
	width: 12em;
	}

.contentCenterD .teaserA {
	padding: 0;
	margin: 0;
	}
/* ----------- Container Center E -- Beitragsseite Foto und Fond  ----------- */
.contentCenterE { 
	width: auto;
	float: none;
	background-image: none;
	}

.contentCenterE .containerTeaser { width: 100%; }

.contentCenterE .teaserPicture {
	float: right;
	margin: 0;
	padding: 0 0 0 2em;
	width: 20em;
	}

.contentCenterE .teaserPicture img {
	padding: 0 0 2.5em 0;
	margin: 0;
	width: 20em;
	}

.contentCenterE .teaserA {
	padding: 3.3em 21em .1em 1.7em;
	margin: 0;
	text-align: left;
	}

/* ----------- Container Center F -- Sonderfall mit Subnavigation auf der Linken Seite ----------- */
.contentCenterF {
	width: auto;
	float: none;
	}

#contentMarginalB  { 
	float: none;
/*	display: block;
	margin: 0;
	padding: 0;
	width: 19.8em;
	border-left: 0;
	border-right: 0;*/
	}

#contentMarginalB118  { 
	float: none;
	}

.contentCenterF .teaserPicture img {
	width: 12em;
	padding-left: 1.5em;
	border-bottom: 1px solid #fffff7;
	float: right;
	}

.contentCenterF .teaserA {
	padding: 1em 0 0 2em;
	text-align: left;
	}

.contentCenterG {
	width: auto;
	float: none;
	}

.contentCenterG .teaserA { padding: 1em 1.5em 0 2em; text-align: left; }

.contentCenterG .bar{ /*grauer Balken beim Tagebuch*/
	padding: .5em 1.5em .5em 1.2em;
	margin: 2em 0 1.5em 0;
	background-color:#fff;
	}

.contentCenterG .bar a { 
	color: #000;
	font-size: 1.1em;
	font-weight: normal;
	}
	
.contentCenterG .bar a:hover { color: #FFF; }

.contentCenterG .barFollowA { /*fuer bar bei kommentar eingeben*/
	font-weight: bold;
	color:#FFF;
	background-color:#fff;
	border-bottom: 1px solid #fffff7;
	padding: .5em 1.5em .5em 1.2em;
	margin: 2em 0 1em 0;
	font-size: 1.1em;
	width: 41.4em;
}

.contentCenterG .barFollowB { /*fuer bar bei kommentar eingeben*/
	font-weight: bold;
	color:#FFF;
	background-color:#fff;
	border-bottom: 1px solid #fffff7;
	padding: .5em 1.5em .5em 1.2em;
	margin: 2em 0 0 0;
}

.contentCenterG form { 
	background-color:#fff;
	border-bottom: 1px solid #fffff7;
	padding: .5em 1.5em .5em 0;
	margin: 0;
}

.contentCenterG .comment h1{
	padding: 0 0 0 1.7em;
	margin: 0 0 -1em 0;
	}

.contentCenterG .formLabel {
	float: left;
	font-weight: bold;
	padding: 0;
	display: block;
	width: 3.5em;
	}

.contentCenterG .formItem input {
	width: 12em;
	margin-bottom: .5em;
	}

.contentCenterG .formItem textarea {
	width: 13.5em;
	height: 6.2em;
	margin-bottom: .5em;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}

.contentCenterG fieldset{
	padding: 0 0 0 0;
	margin: 0 0 0 1em;
	font-size: 1.1em;
	display: inline;
	}

.contentCenterG .space .formLabel {
	margin: 0;
	padding: 0;
	}


/* ----------- Container Center H Bilder links ----------- */
.contentCenterH {
	width: auto;
	float: none;
	}

.contentCenterH .teaserPicture img{
	float: left;
	width: 12em;
	padding: 0 1.5em 0 0;
	margin: 0;
	}

.contentCenterH .teaserA {
	text-align: left;
	margin: 0;
	padding: 1em 1.5em 0 0;
	}

/* ----------- Container Center I geht über die ganze Breite ----------- */
.contentCenterI {
	width: auto;
	float: none;
	}

.contentCenterI .containerTeaser {
	width: 100%;
	border-top: 0;
	}
	
.contentCenterI .containerTeaser .teaserA { padding-right: 1.5em; }

.contentCenterI .teaserA { text-align: left; }

.contentCenterI .teaserPicture img {
	float: left;
	padding: 0 1.5em 0 0;
	width: 12em;
	margin: 0;
	}

.contentCenterI .teaserA{ padding: 1em 0 0 2em; }
.contentCenterI .borderTop { border-top: 0; }

.contentCenterI .containerTeaser .teaserPicture { margin-bottom: 15px; }

.contentCenterJ,
.contentCenterK { 
	width: auto;
	float: none;
	}

.contentCenterJ .containerTeaser { border-top: 0; margin-bottom: 15px; }	

.contentCenterJ .teaserPicture {
	float: right;
	margin: 0;
	padding: 0 1.5em 0 1.5em;
	width: 12em;
	}

.contentCenterJ .teaserA {
	padding: 3.3em 1.5em 0 2em;
	margin: 0;
	text-align: left;
	}

.contentCenterJ .teaserB {
	padding: .5em 0 0 0;
	margin: 0;
	}

.contentCenterJ .az { 
	height: 2em;
	margin: 0;
	padding: .7em 0 0 2em;
	width: 62.1em;
	border-bottom: 1px solid #fffff7;
	border-top: 1px solid #fffff7;
	}

.contentCenterK .containerTeaser {
	border-top: 1px solid #fffff7;
	width: 100%;
	}

.contentCenterK .teaserPicture img {
	margin: 0;
	padding: 0 1.5em 0 0;
	width: 12em;
	float: left;
	}
	
.contentCenterK .teaserA {
	padding: 1em 1.5em 0 2em;
	text-align: left;
	}

.contentCenterM {
	width: auto;
	float: none;
	}

.contentCenterM .teaserA { padding: 1em 0 .1em 2em; }

.contentCenterM .containerTeaser .teaserA { padding-right: 1.5em; }

.contentCenterN { 	width: auto;
	float: none; }

.contentCenterN .containerTeaser { width: auto; }	

.contentCenterN .teaserPicture {
	float: right;
	margin: 0;
	padding: 0;
	width: 20em;
	}

.contentCenterN .teaserPicture img { 
	width: 20em;
	border-bottom: 1px solid #fffff7; }

.contentCenterN .teaserA {
	padding: 3.3em 21em 0 2em;
	margin: 0;
	text-align: left;
	}

.contentCenter0 { width: auto; padding: 0; border: 0; clear: both; float: none; }
.contentCenter0 .containerTeaser { clear: both; float: none; }
.contentCenter0 .containerTeaser .teaserPicture { height: auto; padding: 0; margin: 0; }
.contentCenter0 .containerTeaser .teaserPicture img { padding: 0 1.5em 0 0; float: left; width: auto; margin: 0 0 15px 0;}
.contentCenter0 .teaserA { padding: 0;  }
.contentCenter0 .teaserB { padding: 0 1.5em 0 0; }
.contentCenter0 .teaserPictureB img{ margin: 0; width: 10em; float: left; padding: 0 1.5em 0 0; }

.contentCenterP {
	background-image: none;
	width: auto;
	float: none;
	}

.contentCenterP .contentCenterC, .contentCenterP .contentCenterD { 
	border-top: 0;
	position: inherit;
	}


.contentCenterP .containerTeaser {
	width: auto;
	border-top: 0;
	}

.contentCenterP .teaserA { 
	padding: 3.3em 2em 0 0;
	margin: 0;
 	}

.contentCenterP .teaserPicture img {
	margin: 0;
	padding: 0 1.5em .5em 0;
	width: 12em;
	float: left;
	}

/* ----------- Container Center Q ----------- */
.contentCenterQ {
	width: auto;
	float: none;
	border: none;
	}

.contentCenterQ h1 {
	padding: 1em 0 0 0;
	margin: 0;
	}

.contentCenterQ .teaserPicture img {
	float: left;
	margin: 0 1.5em 0 0 ;
	width: 20em;
	}

.contentCenterQ .teaserA p {
	padding: 1em 2em 1em 0;
	}
	
.contentCenterQ .teaserB p {
	padding: 1em 2em 1em 0;
	}	

.contentCenterR {
	width: auto;
	float: none;
	}

/* ----------- Container Center R ----------- */
.contentCenterR {
	width: auto;
	float:left;
	background-position: 32.1em 0;
	overflow: hidden;
	position: relative;
	}

.contentCenterR .teaserPicture {
	float: right;
	width: 20em;
	}

.contentCenterR .teaserA { padding-top: 0; }

.contentCenterR .headC { position: absolute; }

.contentCenterR .teaserPicture img { 
	width: 20em;
	border: 0; 
	}

.contentCenterR .teaserA { 
	width: auto;
	padding-top: 0;
	}

.contentCenterBg { 
	width: auto;
	float: none;
	clear: both;
	}

.contentCenterS {
	padding: 0;
	margin: 0;
	width: 460px;
	float:left;
	}

.contentCenterS .containerTeaser {
	padding: 0;
	margin: 0;
	border-top: 0;
	}

.contentCenterS .teaserPicture img {
	padding: 0 1.5em 0 0;
	width: 12em;
	float: left;
	margin: 0;
	}
	
.contentCenterS .teaserA {
	padding: 1em 0 1.5em 0;
	text-align: left;
	}

.contentCenterS .containerTeaser .teaserA { padding-right: 1.5em; }

.contentMarginalS {
	padding: 0;
	margin: 0;
	/*width: 20em;*/
	width: auto;
	float:left;
	}

.dauer {
	padding: 1.5em 1.5em 0 2em;
	margin: 2em 0 0 0;
	border-top: 1px solid #fffff7;
	}

.dauer p {
	font-size: 1.1em;
	padding-bottom: 1em;
	}

/* Sonderformate - kommen nur einmal vor */
.contentCenterWeek {
	width: auto;
	float: none;
	clear: both;
	}
.contentCenterWeek .teaserDate  {
	padding: 1em 0 0 0;
	margin: 0;
	float: none;
	}

.contentCenterWeek .teaserDate .date {
	font-weight: bold;
	font-size: 1.1em;
	}

.contentCenterWeek .teaserA {
	padding: 0 1.5em .1em 15em;
	margin: 0 0 0 0;
	text-align: left;
	}

.contentCenterWeek .containerTeaser .teaserA { padding-right: 1.5em; }

.contentCenterWeek .teaserA .orange{ padding: 0; font-weight: bold; }

.contentCenterGallery { width: 64.1em; text-align: center; }

.contentCenterGallery p {
	padding: 1em 0 1em 0;
	font-size: 1.1em;
	font-weight: bold;
	}

.contentCenterGallery h1 { padding: 1em 0 1em 0; }

.teamRedaktion {
	background-image: none;
	height: 32px;
	width: auto;
	}

.paddingRedaktion .containerTeaser {border-bottom: 1px solid #fffff7;}
.paddingRedaktion .teaserA { padding-left: .2em; padding-right: 0; background-color: #fff; }
.paddingRedaktion .teaserB { margin: 1.2em 0 1.3em 2em; }

.teamRedaktion a {
	float:left;
	width:auto;
}

.teamRedaktion a span {
	padding: 7px 0 0 0;
	font-size: 1.3em;
	cursor: pointer;
	float:left;
	height:25px;
	text-align:center;
	width:29px;
}

.teamRedaktion .arrow{ background-image: none; }

.teamRedaktion a:hover {
	background-image: none;
	}

.teamRedaktion a:hover span {	
	color: #000;
	}
	
.redaktionActive a span {
	background-image: none;
	color: #535456; 
	}

.headTeam { 
	height: auto;
	margin: 0;
	padding: 0;
	background-image: none;
	border-left: 0;
	border-right: 0;
	}

.headTeam .navigationAz li{
	float: left;
	}

.headTeam .navigationAz li a{
	padding: 0 0 0 0;
	margin: 0;
	width: 1.5em;
	height: auto;
	text-align: left;
	display: block;
	float: none;
	}

.headTeam .navigationAz li a:hover { 
	background-image: none ;
	background-position: left top;
	}

.bgCircle h2{ 
	background-image: none ;
	height: auto;
	width: auto;
	font-size: 1.2em;
	text-align: left;
	padding: 0;
	margin-top: 2em;
	}

.margin1 h2 {}
.margin2 h2 {margin-left: 0;}
.margin3 h2 {margin-left: 0;}
.margin4 h2 {margin-left: 0;}
.margin5 h2 {margin-left: 0;}
.margin6 h2 {margin-left: 0;}
.margin7 h2 {margin-left: 0;}
.margin8 h2 {margin-left: 0;}
.margin9 h2 {margin-left: 0;}
.margin10 h2 {margin-left: 0;}
.margin11 h2 {margin-left: 0;}
.margin12 h2 {margin-left: 0;}
.margin13 h2 {margin-left: 0;}
.margin14 h2 {margin-left: 0;}
.margin15 h2 {margin-left: 0;}
.margin16 h2 {margin-left: 0;}
.margin17 h2 {margin-left: 0;}
.margin18 h2 {margin-left: 0;}
.margin19 h2 {margin-left: 0;}
.margin20 h2 {margin-left: 0;}
.margin21 h2 {margin-left: 0;}
.margin22 h2 {margin-left: 0;}
.margin23 h2 {}
.margin24 h2 {margin-left: 0;}
.margin25 h2 {margin-left: 0;}
.margin26 h2 {margin-left: 0;}

/* bei Musik Liste Sommernachtskonzerte*/
.musikZeit { width: 13em; float: left; }
/* fuer den Abstand bei RAD-5d - Tabelle oben */
.changeLeft10  { padding-left: 11.5em; border-top: 1px solid #333; border-bottom: 1px solid #333; }

.musikInterpret { width: 12em; float: left; }
.musikDatum { float: left; width: 23.5em; }

.berlinaleHeader { height: auto; border-bottom: 0; }
.berlinaleHeader .imgBig { position: absolute; }
.berlinaleHeader .containerTeaser {
	border: 0;
	height: auto;
	margin: 0 0 15px 0;
	width: 44em;
	background-image: none;
	background-position: -.2em 0;
	}

.berlinaleTop .teaserPicture {
	float: left;
	width: 13.5em;
	}

.berlinaleTop .teaserPicture img{
	margin-bottom: 15px;
	}

.berlinaleTop .teaserA { 
	text-align: left;
	padding: 1em 1.5em 0 0; }

.logoBerlinale { 
	float: none;
	display: none; 
	}

.berlinaleHeader .floatLeft { position: relative; }

.berlinaleIcon {width: 17.9em;}
.berlinaleIcon h2 {float: left;}
.berlinaleIcon p {float: right;}
.berlinaleIcon p img { display: none; padding: 0;}

.tracklist { margin-bottom: 4em; }
.tracklist h1 { font-family:"Courier New", Courier, monospace; font-size: 1.5em; font-style: italic; font-weight: normal; }
.tracklist h3 { font-family:"Courier New", Courier, monospace; font-size: 1.5em; margin-bottom: 1em; }	
.tracklist li { font-family:"Courier New", Courier, monospace; font-size: 1.5em; }
	
/* Tabellen */
.tableAlba {
	margin: 0;
	width: 64.1em;
	border-collapse: collapse;
	margin: 0;
	}

.tableAlba td {
	border-bottom:1px solid #fffff7;
	background-color: #fff;
	font-size: 1.1em;
	padding: .6em;
	}

.noBorder td { border-bottom:0;}

.tableAlba .fond td { background-color: #fff; }

.tableAlba tbody .fond .fondB, .tableAlba tr .fondB {
	background-color: #fff;
	color: #FFF;
	}

.nowrap { white-space:nowrap; }

.tableAlba .leftCol {
	white-space:nowrap;
	padding-left: 0;
	}

.tableStplan {
	margin: 0;
	padding: 0;
	width: 64.1em;
	border-collapse: collapse;
	table-layout: fixed;
	}

.tableStplan p {font-size:1em;}

.tableStplan #Montag,
.tableStplan #Dienstag,
.tableStplan #Mittwoch,
.tableStplan #Donnerstag,
.tableStplan #Freitag,
.tableStplan #Samstag,
.tableStplan #Sonntag {
	width: 8.2em;
	}

.tableStplan #Montag img,
.tableStplan #Dienstag img,
.tableStplan #Mittwoch img,
.tableStplan #Donnerstag img,
.tableStplan #Freitag img,
.tableStplan #Samstag img,
.tableStplan #Sonntag img {
	display: none;
	}

.tableStplan #Montag h2,
.tableStplan #Dienstag h2,
.tableStplan #Mittwoch h2,
.tableStplan #Donnerstag h2,
.tableStplan #Freitag h2,
.tableStplan #Samstag h2,
.tableStplan #Sonntag h2 {
	display: compact;
	font-size: 16px;
	}

.tableStplan th {
	height: 2.5em;
	text-align: left;
	vertical-align: bottom;
	background-color: #fff;
	}

.tableStplan thead th img { padding-left: .5em; }

.tableStplan .leftCol {
	width: 5.3em;
	padding: 0;
	}

.tableStplan .noBorderTop { border-top: 0px; }

.tableStplan .noBorderBottom{ border-bottom: 0px; }

.tableStplan td{
	background-color: #fff;
	padding: .58em 0 .58em 0;
	height: 1.34em;
	background-image: url(../grafik/backgrounds/programm/bg_stundenplan.gif);
	border-left: 1px solid #535356;
	border-top: 1px solid #535356;
	border-bottom: 1px solid #535356;
	vertical-align: top;
	}

.tableStplan .fond {
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	color: #535456;
	border-bottom-color: #FFF;
	border-left: 0;
	vertical-align: middle;
	white-space: nowrap;
	}

/* Aendert die Farbe der Zelle fuer den Aktuellen Programmpunkt */
.tableStplan .ProgAktuell { background-color: #fff; }

.tableStplan .ProgAktuell a, .tableStplan .ProgAktuell a:hover { color: #CC0000; }
	
.tableStplan a {
	font-weight: normal;
	color: #535356;
	padding: 0 .5em 0 .5em;
	display: block;
}

.tableStplan a:hover {
	font-weight: normal;
	color: #000;
}

.tableMusik {
	margin: 0;
	padding: 0;
	width: 64.1em;
	border-collapse: collapse;
	table-layout: fixed;
	}

.tableMusik th {
	height: 2.2em;
	padding-top: .3em;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	}

.tableMusik th img { display: none; }
.tableMusik th h2 { display: compact; font-size: 14px;}

.tableMusik .interpreten { 
	padding-left: 0; 
	width: auto;
	}

.tableMusik .titel { 
	padding-right: 2em; 
	width: auto;
	}

.tableMusik .record { 
	padding-right: 2em; 
	width: auto;
	}	

.tableMusik .info { 
	width: auto;
	}

.tableMusik td { 
	font-size: 1.1em;
	padding: .5em 2em .5em 0; 
	}

.tableWeather {
	margin: 1.5em 0 0 0;
	padding: 0;
	width: 64.1em;
	border-collapse: collapse;
	table-layout: fixed;
	}

/*.tableWeather thead tr th {
	padding: 0;
	margin: 0;
	height: 2.2em;
	font-size: 1.1em;
	background-color: #fff;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;  
	}*/

.tableWeather tr th {
	padding: 0;
	margin: 0;
	height: 2.2em;
	font-size: 1.1em;
	background-color: #fff;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;  
	}


.tableWeather .ort { 
	width: 29em;
	margin: 0;
	padding: 0;
	}

.tableWeather .beobachtung { 
	width: 21em;
	margin: 0;
	padding: 0;
	}

.tableWeather td { 
	font-size: 1.1em;
	padding: .5em .5em .5em 0;
	}

.tableKino {
	margin: 0;
	padding: 0;
	width: 64.1em;
	border-collapse: collapse;
	table-layout: fixed;
	border-top: 0;
	}

.tableKino thead tr th {
	padding: 0;
	margin: 0;
	height: 2.15em;
	font-size: 1.1em;
	background-color: #fff;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	}

.tableKino .firstCell { 
	width: 24em;
	margin: 0;
	padding: 0 .5em 0 0;
	}

.tableKino td { 
	font-size: 1.1em;
	padding: .5em 0 .5em 0;
	}

.tableVoting {
	margin: 0;
	padding: 0;
	width: 64.1em;
	border-collapse: collapse;
	table-layout: fixed;
	}

.voting {padding-bottom: 2.5em;}

.voting strong {
	float: left;
	padding-right: .5em;}
	
.votingBg {
	background-image: none;
	background-repeat: no-repeat;
	height: 1.4em;
	display: none;
	float: left;
	}

.voting .print{
	font-size: 10px;
	}

.tableVoting .durchschnitt { 
	width: 10em;
	}

.tableVoting th { 
	height: 2em;
	font-size: 1.1em;
	border-bottom: 1px solid #000;
	}

.tableVoting .left { 
	width: 13em; 
	padding-left: 2em;
	}

.tableVoting td { 
	font-size: 1.1em;
	padding: .5em .5em .5em 0;
	}

.kalender { padding: 2em 0 0 2em; }

.tableKalenderTop,
.tableKalender,
.tableKalenderEnd {
	margin: 0 0 .2em 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #545456;
	width: 16em;
	table-layout: fixed;
	}

.tableKalenderTop tr td,
.tableKalender tr  td,
.tableKalenderEnd tr td {
	padding: .5em 0 .5em 0;
	}

.tableKalenderTop a,
.tableKalender a,
.tableKalenderEnd a {
	color: #333;
	}

.tableKalenderTop a:hover,
.tableKalender a:hover,
.tableKalenderEnd a:hover {
	color: #333;
	background-color:#fff;
	}

.tableKalenderTop a.active,
.tableKalender a.active,
.tableKalenderEnd a.active {
	color: #333;
	background-color:#fff;
	}

.tableKalenderTop {
	background-color: #fff;
	text-align: center;
	}

.tableKalenderTop th { padding: .2em 0 .2em 0; }

.tableKalenderTop #aktuellerMonat {width: 9.4em;}

.tableKalenderTop th a {
	font-size: 1.1em;
	color: #000;
	}

.tableKalender,
.tableKalenderEnd {
	background-color: #fff;
	text-align: center;
	}

.tableKalender th a, 
.tableKalender td a,
.tableKalender td .alt,
.tableKalender td .farbe,
.tableKalenderEnd a {
	font-size: 1.1em;
	}

.tableKalender td .alt a { font-size: 1em; }

.tableKalender #Montag,
.tableKalender #Dienstag,
.tableKalender #Mittwoch,
.tableKalender #Donnerstag,
.tableKalender #Freitag,
.tableKalender #Samstag,
.tableKalender #Sonntag {
	font-size: 1.1em;
	}

.alt,
.alt a {color: #999;}

.teaserInfo { 
	padding: 2em 1.5em 15px 0;
	}

.teaserInfo a{ font-weight: bold; }

.navigationProg { 
	display: none;
	float: none;
	clear: both;
	}

.navigationF li {
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	float: left;
	font-size: 1.1em;
	list-style-type: none;
	}

.navigationF li a:hover { color: #000; }

.navigationAz{
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: none;
	}

/* Navigation innerhalb der Teaserbloecke  */
.navigationMore { 
	margin: 0;
	padding: 0 0 .8em 0;
	text-align: right;
	font-weight: bold;
	color: #535456;
	float: right;
	}


	
/* RAD-03 Styles (Homepage) */
#containerCenterRad3 {
	background-color: #fff;
	position: relative;
	height: auto;
	width: auto;
	float: none;
	}

#logo {
	position: relative;
	left: 0;
	top: 0;
	}

#flashteaser {
	position: relative;
	top: 0;
	left: 0;
	}

.contentCenterRad3a {
	position: relative;
	top: 10px;
	right: 0;
	width: auto;
	}

.contentCenterRad3a .containerTeaser {
	background-image: none;
	background-repeat: no-repeat;
	padding: 1.2em 0 0 0;
	height: auto;
	}

.contentCenterRad3a .containerTeaser .teaserA {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 .7em 1.2em .7em;
	margin: 0 0 1.2em 0;
	}

.contentCenterRad3a .containerTeaser .teaserA p {
	color: #fff;
	font-size: 1.1em;
	margin: 0 !important;
	padding: 0 !important;
	}

.contentCenterRad3a .containerTeaser .teaserA p a { color: #ffffcc; }

.contentCenterRad3a .containerTeaser .teaserA p a:hover { color: #ff9933; }

.contentCenterRad3a .containerTeaser .teaserA img {
	position: relative;
	right: 1.5em;
	top: .6em;
	}

#titletogo {
	position: relative;
	top: 10px;
	left: 2px;
	width: auto;
	clear: both;
	display: none;
	}

/*#titletogo p {
	padding: 1.5em 0 0 0;
	font-size: 1.1em;
	}

#titletogo span {
	font-size: 4.5em;
	float: none;
	}*/
	
#titletogo a {
	color: #ff9933;
	font-weight: bold;
	}
	
.contentCenterRad3b {
	position: relative;
	top: 10px;
	left: 0; 
	width: auto;
	background-image: none;
	}

.contentCenterRad3b .containerTeaser {
	float: none;
	width: auto;
	}

.contentCenterRad3b .containerTeaser .teaserPicture {
	background-image: none;
	padding: .6em .6em 1px .6em;
	}

.contentCenterRad3b .containerTeaser .teaserPicture div {
	display: block;
	position: relative;
	}

.contentCenterRad3b .containerTeaser .teaserPicture div p {
	position: relative;
	}

.contentCenterRad3b .containerTeaser .teaserPicture div p a {	
	font-size: 1.1em;
	font-weight: bold;
	color: #535456;
	}

.contentCenterRad3a .containerTeaser .teaserA p img {display: none;}
		
.contentCenterVotingSpecial {
	background-color:#fff;
	height: 100%;
}	

.contentCenterVotingSpecial .headB p { padding-top: .5em; }
.contentCenterVotingSpecial .headB p a { color: #c84105; padding: .6em 0 0 0; }
.contentCenterVotingSpecial .headB p a:visited {color: #545456; }
.contentCenterVotingSpecial .headB p a:hover { color: #f0a32b; }

.contentTeaserCast {
	background-color: #fff;
	height: 100%;
}

.contentTeaserCast .image {
	float: left;
	width: 35em;
}

.contentTeaserCast .cast {
	float: right;
	width: 24em;
}

.contentCenterVotingSpecial .contentTeaserCast h1 {
	padding: 2.5em 0 1.5em 0;
	font-size: 1.1em;
	}

.contentCenterVotingSpecial .contentTeaserCast p {padding: 0 2em 1.5em 0;}

.contentCenterVotingSpecial p {font-size: 1.1em;}

.contentCenterVotingSpecial .contentTeaserMarginal {
	width: 24em;
	float: left;
	}

.contentCenterVotingSpecial .preVoting {
	background-color: #fff;
	width: 100%;
	}

.contentCenterVotingSpecial .contentTeaserMarginal h2 {
	padding: 1.5em 0 0 0;
	font-size: 1.1em;
	}

.contentCenterVotingSpecial .contentTeaserMarginal p {padding: 0 2em 1.5em 0;}

.contentCenterVotingSpecial .preVoting p.error {
	color: #ff0000;
	font-weight: bold;
	}

.contentCenterVotingSpecial .preVoting img {padding: 1.5em 0 0 0;}
	
.contentCenterVotingSpecial .contentTeaserVoting {
	width: 40em;
	float: right;
	background-color:#fff;
	border-left: 1px solid #fffff7;
	}
	
.contentCenterVotingSpecial .image { padding: 0 0 2.5em 2.5em; }

.contentCenterVotingSpecial .contentTeaserVoting .capture {
	margin: .5em 0 0 0;
	font-weight: bold;
	float: left;
	}

.contentCenterVotingSpecial .contentTeaserVoting .agency {
	margin: .5em 0 0 0;
	font-size: 1.1em;
	float: right;
	}

.contentCenterVotingSpecial .navigationVoting {
	background-color:#fff;
	background-image: none;
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	height: 0;
	display: none;
	}
	
.contentCenterVotingSpecial .navigationVoting li {
	float: left;
	}

.contentCenterVotingSpecial .navigationVoting li a {
	height: 45px;
	width: 34px;
	display: block;
	}

.contentCenterVotingSpecial .navigationVoting li a.first {
	width: 35px;
	}

.contentCenterVotingSpecial .navigationVoting li a.last {
	width: 38px;
	}
	
.contentCenterVotingSpecial .navigationVoting li a:hover {
	margin: 0 0 0 0;
	width: 39px;
	background-image: none;
	}

.contentCenterVotingSpecial .navigationVoting li a.first:hover {
	margin:0;
	}
	
.contentCenterVotingSpecial .contenTeaserTop {
/*	width: 32em;
	float: left;
	background-color:#fff;
	border-top: 1px solid #fffff7;*/
	display: none;
	
	}

.contentCenterVotingSpecial .contenTeaserFlop {
/*	width: 32em;
	float: right;
	background-color:#fff;
	border-top: 1px solid #fffff7;
	border-left: 1px solid #fffff7;*/
		display: none;

	}

.contentCenterVotingSpecial .contenTeaserTop img,
.contentCenterVotingSpecial .contenTeaserFlop img {
	margin: 1.3em 0 0 1.9em;
	float: left;
	}

.contentCenterVotingSpecial .contenTeaserTop div.list,
.contentCenterVotingSpecial .contenTeaserFlop div.list {
	float: right;
	width: 14.4em;
	padding: 2.8em 2.8em 2.8em 0;
	font-size: 1.1em;
	}
	
.toplist li {
	font-size: 1em;
	margin-bottom: 0;
	clear: both;
	}

.gerauschWoche { background-image: url(../grafik/backgrounds/line_grausch_woche.gif); background-repeat: no-repeat; background-position: 0 2em; }
.gerauschWoche .teaserA {margin-top: 15px; }

/*----- subnavigation RAD-4  ----- */
.navigationSubA ul{ 
	background-color: #B5E4E8;
	display: block;
	}

.navigationSubA li {
	margin: 0;
	padding: .3em 0 .3em 0;
	list-style-type: none;
	display: block;
	height: 1.3em;
	background-color: #fff;
	border-bottom: 0;
	}

.navigationSubA .emptyLink { 
	background-color: #fff; 
	border-bottom: 0; 
	}

.navigationSubA li.current a { color: #fffff7; }
	
.navigationSubA a { 
	color: #fffff7;
	font-size: 1.1em;
	}

.navigationSubA a:hover { color: #333; }


/*Classen die Container aendern*/
.changeH3padding h3 { padding-bottom: 1.5em; }

.changeH2padding .headA h2 { padding-left: 11.2em; }

.changePadding5e2 p {padding-bottom:.5em;}
.changePadding5e2 h1 {padding-top:.5em;}

.setPadding .teaserA { padding: 1em 2em .1em 2em; }

.setPaddingInfo  p { padding: 0 0 1em 0; }
.setPaddingInfo  h1 { padding: 0 0 1em 0; }

.changeH1margin .teaserA h1 { margin-bottom: 1em; }

.pictureRight .teaserPicture img { float: right; margin: 0 0 0 1.5em; padding: 0; width: 20em; }
.pictureRight .teaserA { width: 40em;  }
.pictureRight .teaserB { margin: 1.5em 2em 0 2em; }	

.noBorder { border: 0!important; }

.picBorder img {border-bottom: 1px solid #fffff7;}

.change0f h2 img { padding: 0; }

.changePaddingListe .teaserA { padding: 3.3em 2em 0 0; margin: 0; }

.changePaddingA .teaserA { padding: 1em 2em 0 2em; margin: 0; }

.changePaddingPic .teaserPicture { float: left; padding: 0 0 .5em 0; width: 13.5em;}

.changeImage320 .contentCenterC .teaserPicture,
.changeImage320 .contentCenterD .teaserPicture {
	float: none;
	width: 32em;
	margin: 0;
	padding: 0;
	}

.changeImage320 .contentCenterC .teaserPicture img,
.changeImage320 .contentCenterD .teaserPicture img {
	float: none;
	padding: 0 0 0 0;
	margin: 0;
	width: 32em;
	}

.changeImage320 .contentCenterC .teaserA,
.changeImage320 .contentCenterD .teaserA {
	margin-top: 0;
	}

.changeOrange .containerTeaser .headB { background-color:#fff; }
.changeOrange .containerTeaser .headB h2{ color: #FFF; }
.changeOrange .containerTeaser  { background-color:#fff; }
.changeOrange .containerTeaser  { color: #000; }

.changeheadApadding .contentCenterC .headA, 
.changeheadApadding .contentCenterD .headA { 
	left: 0;
	}

.changeMarathon .teaserA { padding: 1em 1.5em 0 1.5em; text-align: left; }
.changeMarathon .teaserPicture img { border: 0!important; }
.changeInfoMarathon  { margin-top: 2.5em; }

.changeMarathon .headA h2{ margin-left: 0; }

.changeHeadGray .headA { background-color:#fff; }

/*standart Farben*/
.contentCenterA .containerTeaser,
.contentCenterE .containerTeaser,
.contentCenterJ .containerTeaser,
.contentCenterK .containerTeaser,
.contentCenterN .containerTeaser,
.contentCenter0 .containerTeaser,
.contentCenterP .containerTeaser {
	background-image: none !important;
	}

.contentCenterA { background-color: #fff; }
.teaserInfo { background-color: #fff; }

#subNav {
  display: none;
}