/*
* RBB Kulturradio
* stylesheet.css
* 
* Author: Tino Urbiks, Holger M. Stangl
* Date: January 2008
*/

/* --- General Pre Settings --- */
html, div, p, br, h1, h2, h3, h4, h5, ul, a, img, li, form {
   margin: 0; padding: 0; border-width: 0; }

body {
	font-family: Verdana, Tahoma, sans-serif;
	margin: 0 20px 0 20px;
	padding: 0;
	background-color: #fff;
	font-size: 101.1%;
	}

.headerRBB { display: none; }

/* Navigation */ 
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #b10043; }
.teaserA ul a { color: #000!important;}
.tableProgram a, .standardTable td a {color: #b10043;}
.conNaviIcons li a {color: #b10043!important;}

/* --- STRUCTURE --- */

/* --- General Helpers --- */
.killfloat { overflow: hidden; height: 0; clear: both; font-size: 0; }
.floatLeft { float: left; }
.floatLeftB { float: left; margin-left: 9em }
.floatRight { float: right; }
.center { text-align: center; }
.noBorder { border: 0!important; }
.hidden { display: none; visibility: hidden; }

/* fuer den Aktionsteaser */
.fond { background-color: #fff!important; }/*rosa*/
.fondA { background-color: #fff!important; border: 0!important; }/*rosa*/
.fondB { background-color: #fff!important; border: 0!important; }/*hellgrau*/
.fondC { background-color: #fff!important; }/*dunkelgrau*/

.commentName { background-color: #fff; padding: .3em 0 .3em .3em; margin-top: .8em; }

/* * Headlines und Fonts * */
h1 { font-size: 1.2em; color: #000;  padding-bottom: .8em; }
.teaserA h1 { padding-bottom: .8em; }
h2 { font-size: 1.2em; color: #000; }
h3 { font-size: 1.2em; color: #000; font-weight: normal; }
h4 { font-size: 1.2em; color: #000; }
.teaserA h4 { padding-bottom: .2em; }
	
/* globale Einstellungen fuer alle Templates */
.teaserA { padding: 0 1.2em .4em 0; }
.headA { padding-bottom: 1.4em; }
.teaserPicture img { float: left; padding: 0 1.2em 1.4em 0; }
p a, .tableMusic td a, .tableBeitrag td a { color: #b10043; }
p { font-size: 1.2em; font-weight: normal; padding-bottom: .8em;  }
p.paddingB { padding: 0 0 .8em 0;  } /* Wenn H1 und p ohne Abstand sein sollen */
.containerCenterD p { padding-top: 0;  }
.contentMarginalB p { padding-top: 0; }
input { font-size: 1.2em; }
.smallText { font-size: .8em; color: #666; padding-top: 2em; }
.dateLeft { float: left; padding-right: 1em; }
.titleLeft { float: left; width: 46em; }
.first { padding-top: .4em; } /* damit die h1 gg mit der Navi fluchtet */
.inputCon input { font-size: 1.2em; font-weight: bold; }
img, fieldset { border: 0; }
.teaserA ul {  padding-left: 2em; }
.teaserA ul li { display: list-item; list-style: square; font-size: 1.2em; }
.teaserA ol { padding-left: 2em; margin: 0; }
.teaserA ol li { display: list-item; font-size: 1.2em; }
.formButtons input { border: 1px solid #a5acb2; cursor: pointer; padding: .2em .4em .2em .4em!important; }
p a { display: none; }

/* * Structure Elements * */
.container { 
	font-size: 0.625em; /* 1em is 10px */
	}

.headerStation,
.headerStationB { display: none; }
.headerCon { width: auto; }

/*.headerStation img { width: 58.4em; }
.headerStation a img { padding-bottom: 4.6em; width: 17.6em; }

.headerStationB img { width: 69.2em; padding-left: 6.8em; }*/

.logoPrint { display: visible; }
.logoPrint h3 { margin: 20px 0 20px 0; font-size: 12px; }

.containerService { display: none; }

/*.containerService a { color: #fff; }

.serviceCon { width: 76em; height: 2em; }

.containerService form {margin:0; padding: 0;} 

		.serviceA { float: left; font-size: 1.1em; padding: .3em 0 0 17em; }
		
		.serviceB { float: left; font-size: 1.1em; padding: .3em 0 0 2.6em; }
		
		.serviceB a { float: left; }
		
		.serviceB a img { padding-top: .15em; }
			
		.serviceB img.icon { padding-left: .6em; width: 1.1em; }
		
		.serviceC { float: right; padding: .3em 1em 0 0; }
		
		.serviceC .searchField input {
			float: left; 
			width: 11.5em; 
			height: 1.25em; 
			padding: 0 0 0 .2em; 
			font-size: 1.1em; 
			border: 0; 
			}
			
		.serviceC .icon input { padding: 0 0 0 .9em; }
	*/
.containerMain { position: relative; clear: both; width: 90%; height: 100%; } /* Dieser legt das Layout ueber die Streifen */

.containerCon { width: 90%; } /* Der sorgt nur dafuer, das das Layout bei Vergroesserung nicht umbricht --- der footer liegt ausserhalb */

/* linke Seite -- enthaelt die Navigation */
.containerMarginalA { display: none; }
				
		/* Navigation Elements */	
	/*	.navigationA li  {
			display: block;
			height:	1.6em;
			margin: 0 0 .8em .8em;
			}
		
		.navigationA li .navi {
			font-size: 1.2em;
			line-height: 1.4em;
			padding-left: .7em;
			}
			
		.navigationA li a {
			display: block;
			height:	1.6em;
			color: #fff;
			font-weight: bold;
			background-color: #b10043;
			}
		
		.navigationA li a:hover {
			background-color: #86888a;
			text-decoration: none;
			color: #fff;
			}
		
		.navigationA li.active  a{
			background-color: #86888a;
			text-decoration: none;
			}*/

/* Die Haupt Centertypen	A ueber die ganze Breite
							B zweispalter Programmtipps -- zusätzlich mit roter Linie als Hintergrundgrafik 
							C Startseite
							D ueberschreibt den Abstand der p z.B. bei Suchliste */

.containerCenterA { width: auto; min-height: auto; background-color:#fff; float: none; }

.containerCenterB { width: auto; min-height: auto; float: none; background: none; }

.containerCenterC { width: auto;  min-height: auto; float: none; background: none; }

.containerCenterD { width: auto; min-height: auto; background-color:#fff; float: none; }

/* Die Inhaltselemente 	contentCenterA global fuer alle gueltig */

.contentCenterA { padding: 1.2em 0 0 0; border-top: none; clear: both; }
.contentCenterB { padding: 1.2em 0 0 0; border-top: none; clear: both; }

.containerB { clear: both; }/* haelt die rechte und linke seite bei vergr?sserung zusammen*/
.containerBLeft { width: auto;  float: none; border-right: none; }
.contentMarginalB { width: auto; float: none; overflow: hidden; }
.contentMarginalB .teaserPicture img { float: none!important; padding: 0 0 1.4em 0; }

/* Fuer zweispaltiges Layout */
.containerCenterC .redLine { display: none;} 
.containerCenterC .contentCenterA { border: 0;  width: auto;  float: none; padding: 1.2em 0 0 1.2em; }
.containerCenterC .fondA.contentCenterA, 
.containerCenterC .fondB.contentCenterA  { width: auto; }
.containerCenterC .fondA { margin-left: 0; }
.containerCenterC .fondB { margin-right: 0; }
	
	/* Subnavigation */
	ul.navigationSub { display: none; }
	
/* Suche bei Programm  */
.containerSearch { display: none; }

/* Element Links bei Kulturkalender */
.teaserLeft { float: left; width: 16em; }
.teaserLeft p { padding-top: 0; }
.presenting { display: none; }
.contentCenterB .teaserA { margin-left: 16em;
	width: 32.8em;
	position:relative; }

.contentCenterB .teaserA p.more { display: none; position: relative; }
	
.hinweis {
	margin-left: -1.2em;
	padding: .4em 0 1.2em 1.2em;
	background-color: #E4E5E6;
	clear:both;
	}	

/* Suche bei Musiklisten  */
.containerSearchMusic { display: none; }


/* Streifen im Hintergrund */
.containerStripes { display: none; }


.containerFooter { display: none; clear: both; }
	
.containerTopRight { 
	width: auto;
	min-height: auto;
	padding: 1.6em 1.6em 0 0;
	float: none;
	background-color: #FFF; 
	}

.containerTopRight .floatLeft { padding-right: .5em; min-width: 3em; }
.containerTopRight .floatLeft img { padding: .3em .5em 0 0;}

.containerForBack { height: 3em; }
.containerForBack a { color: #b10043; }
.containerCenterD .containerForBack { padding-top: 0; }
.navFor { float:left; margin-right: 1.8em; }
.navCenter { float:left; margin-right: 1.8em; }
.navBack { float:left;  }

/* Fuer ModeratorInnen */
.contentTeam { padding: 1.2em 0 2em 2.2em; }
.contentTeam a { display: block; }
.containerTeamPic { float: none; padding: 2em 6em 0 0; }
.teamPic img { width: 12em; } 
.contentTeam h1 { padding-top: .4em; }

/* Liste A bis Z*/
.containerTeaserAZ { margin-bottom: 2em; }
.containerTeaserAZ .teaserA { padding-left: 1em; }
.containerTeaserAZ p { padding-top: .3em;}
.containerTeaserAZ .iconTop { float: right; }
.containerTeaserAZ p a { display: block; }


.headAZ { padding: 1em 0 .3em 1em; border-top: 4px solid #990033; }
.headAZ h1 { font-size: 1.4em; padding: 0; margin: 0; }
.headAZ h1 a:hover { text-decoration: none; color: #000; }

.listAZ { padding: 1em 0 0 0; height: 3em; }
ul.listAZ  { padding: 0; margin: 0;}
.listAZ li { display: block; color: #86888a; float:left; font-size: 1.4em; width: 1.5em; text-align: left; font-weight: bold;list-style-type:none!important; margin: 0!important; }
.listAZ li a { color: #990033!important; }

/* Voting */
.containerVoting { padding-bottom: 2em; }
.containerVoting .formButtons { float:left; padding-top: 2em; }
.containerVoting .floatRight { padding-top: 1em; }
.containerVoting .containerTeaser { margin-bottom: 2.5em; }

.teaserPictureB { float: left; }
.teaserPictureB img { float: none; padding: 0 1.2em 1em 0;}
.teaserPictureB .player { float: none; }

.voting { 
	background-color: #e4e5e6; 
	height: 3em; 
	margin: 0 1.3em 0 0;
	border-top: 1px solid #fff;
	clear: both;} 
	
.voting p { padding: .7em 0 0 3em; } 	

.voting .votingRadio { 
	padding: .5em .5em 0 .5em; 
	height: 2.5em;
	border-right: 1px solid #fff;
	float: left;} 

.teaserPicSwf { float: left; padding-right: 1.2em; width: 16em; }
.teaserPicSwf .player { margin-top: 1em; }

/* Quiz */
/* Ergänzung vom 05.08. */
.containerQuiz .teaserB {
float: left;
width: 39em;
}
.containerQuiz .teaserPictureB {
float: left;
}
.containerQuiz textarea {
width:  31em;
height: 4em;
}
.contentQuiz { margin-bottom: 2em; }
.contentQuiz .player { width: 17em; height: 12em; }
.contentQuiz input { margin-top: 1em; }
.quiz { height: 3em; margin-right: 1.5em; } 
.quiz p { padding: .9em 0 0 3em; } 	
.quiz .quizRadio { padding: 0 .5em 0 0; height: 2.5em; float: left;} 

/* Anzeige fuer die Ergebisse beim Voting */
.containerResult { padding-bottom: 3em; }
.containerResult h1 { padding-bottom: .8em; }

.result { 
	font-size: 1.2em; 
	background-color: #fff; 
	height: 2.3em; 
	padding: 0;
	margin: 0 1.2em 0 0; 
	border-top: 1px solid #fff;
	clear: both;}

.resultText {
	float: left;
	width: 30.5em;
	height: 1.8em;
	border-right: 1px solid #fff;
	padding: .5em 0 0 .8em;}

.resultTextB {
	float: left;
	width: 4em;
	height: 1.8em;
	padding: .5em 0 0 0;
	text-align: center;}

.resultBar { 
	display: none;
	}

.resultGraphic {
	display: none;
	}

/* Flash Audio Player */
.containerPlayer { display: none; } /* Nur wenn der Player nicht im TeaserPicture steht */
.player { display: none; }

/* Tabelle Musiklisten */
.tableMusic {
	margin: 0 1em 3em 0;
	padding: 0;
	width: auto;
	border-collapse: inherit;
	background-color: #fff;
	table-layout: fixed;
	clear: both;
	}
	
.tableBeitrag {
	margin: 0 0 1em 0;
	padding: 0;
	width: 56em;
	border-collapse: collapse;
	background-color: #e4e5e6;
	table-layout: fixed;
	clear: both;
	}
	
.tableBeitrag th {
	background-color: #cacbcf;
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
	padding: .5em 0 .5em .5em;
	border: 1px solid #000;
	}

.tableMusic thead { background-color: #fff; }		
	
.tableMusic thead th{
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
	padding: .5em 0 .5em .5em;
	border: 1px solid #000;
	}

.tableMusic td, .tableBeitrag td {
	font-size: 1.2em; 
	padding: .5em 0 .5em .5em; 
	vertical-align: top; 
	border: 1px solid #000; }

/* Tabelle Musiklisten Follow */
.tableMusicFollow {
	margin: 0 1em 0 0;
	padding: 0;
	width: 90%;
	border-collapse: inherit;
	table-layout: fixed;
	clear: both;
	}	

.tableMusicFollow thead { background-color: #fff; }		
	
.tableMusicFollow thead th{
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
	padding: .5em 0 .5em .5em;
	border: 1px solid #000;
	}

.tableMusicFollow td { 
	font-size: 1.2em; 
	padding: .5em 0 .5em .5em; 
	vertical-align: top; 
	border: 1px solid #000; }

.tableMusicFollow .time { width: 5.5em; }

/* Tabelle Programmuebersicht */
.tableProgram {
	margin: 0 0 0 .1em;
	padding: 0;
	border-collapse: inherit;
	table-layout: fixed;
	background-color: #fff;
	}	

.tableProgram thead { background-color: #fff; }
	
.tableProgram thead th {
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
	padding: .2em .2em .2em .3em;
	border: 1px solid #000;
	}	

.tableProgram td { 
	font-size: 1.2em; 
	padding: .2em .2em .2em .3em; 
	vertical-align: top; 
	border: 1px solid #000!important; }

.tableProgram tr { 
	border: 1px solid #000!important; }

/* Bildergalerie */
.contentGallery a { color: #990033; }
.contentGallery a:hover { text-decoration: underline; }
.navigationGallery { display: none;  }

.galleryImage { padding: 0 1em 2em 0; }
.galleryImage div.image { background-color: #fff; margin: 0 0 2em 0; padding: 0; text-align: left; }

.galleryImage h1 { color: #333; float: none;}

.galleryThumbs { margin: 1em 0 2em 9.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 #990033;
	width: 9em;
	margin: 0 0 .5em 0;
	padding: 0;
	background-color: #e4e5e6;
	}

.galleryThumbs .number { font-size: 1.2em; font-weight: bold; color: #86888a; }
.galleryThumbs .numberActive { font-size: 1.2em; font-weight: bold; color: #000; }

.galleryThumbs .back { float: left; margin: 5.6em 1.8em 0 0; }
.galleryThumbs .forward { float: right; margin: 5.6em 0 0 0; }

/* Formulare */
/* gobale Einstellung fuer Formulare*/
label, textarea { font-size: 1.2em; font-family: Verdana, Tahoma, sans-serif; }
form h2 { padding: 1em 0 1em 0; }
.error { color: #cc0000; }
.error input { border: 1px solid #cc0000; }
.output { float: left; }
.output p { padding: 0 .5em .5em 0; }
.formItem { clear: left; }
.formItem p{ padding-top: 0; }

/* Formular fuer Ecards */
.contentFormEcard .floatLeft { padding: 0 0 2em 0; width: 28em; }
.contentFormEcard  .floatRight { padding-right: 1.3em; }
.contentFormEcard  form { padding-bottom: 3em; }
.contentFormEcard  .teaserA { padding-bottom: 5em; }

.contentFormEcard .formItem { padding: 0 0 .3em 0; }
	
.contentFormEcard .formItem input { width: 16.4em; border: 1px solid #a5acb2; padding: 0 0 0 .2em; }	

.contentFormEcard .formItem .formLabel {
	width: 4.5em;
	float: left;
	text-align: left;
	padding: .1em 1em 0 0;
	}

.contentFormEcard .formItem textarea {
	width: 46.1em;
	border: 1px solid #a5acb2;
	padding: .2em;
	margin-bottom: 1em;
	height: 10em;}

.contentForm form { padding: 1.1em 1em 0 0;}
.contentForm p { font-size: 1.2em; margin: 0 0 1em 0; }
fieldset { margin: 0; padding: 0;}

.contentForm .formItem { margin: 0 0 .4em 0; }

.formB .formItem { margin: 0 0 .9em 0; }

.formItem p { margin: 0 0 1em 0; }

.contentForm .formItem .formLabel {
	width: 8em;
	float: left;
	text-align: left;
	padding: .1em 1em 0 0;
	}

.contentForm .formItem .formLabel label { padding: 0 .3em 0 0; font-size: 1.2em;}
	
.contentForm .formItem input {
	font-size: 1.3em;
	width: 30em;
	border: 1px solid #a5acb2;
	padding: 0 0 0 .3em;}
	
.formB .formItem input { width: 13em; }	

.contentForm .formItem textarea {
	font-size: 1.3em;
	width: 30em;
	border: 1px solid #a5acb2;
	padding: 0 0 0 .3em;
	margin-bottom: 1em;
	height: 10em;}

.formB .formItem textarea {margin-bottom: 0;}

.formB .formItem textarea { width: 15em; }	

.contentForm .formButtons { padding: 2em 0 3em 9em; margin: 0;}

.formB .formButtons { padding: .2em 0 3em 9em; margin: 0;}

.formButtons input { padding: .05em .5em .05em .5em; margin: 0 .5em 0 0;}
	
.gallerylink .navigationGallery { width: 30em; padding: .4em 0 0 0; margin: 0 1em 0 1em; }	
.gallerylink .navigationGallery div.back { width: 3em; }
.gallerylink .navigationGallery div.forward { width: 3em; }
.gallerylink .navigationGallery div.info { width: 21.2em; }
.gallerylink .navigationGallery a:hover { text-decoration: none; }

/*Print*/
.print { display: block; }

/* Content Bottom */
.contentBottom { display: none; }

/* Icons */
ul.conNaviIcons  { display: none;  }	

.iconEcard { 
	display:none; }



.iconVideo { 
	display:none;}


.iconAudio { 
	display:none;  }


.iconDownload { 
	display:none; }


.iconPDF { 
	display:none;  }


.iconVoting { 
	display:none; }


.iconAktion { 
	display:none;  }


.iconGallery { 
	display:none;  }



.iconSend { 
	display:none;  }



.iconTv { 
	display:none;  }



.iconRadio { 
	display:none; }



.iconArticle { 
	display:none;  }



.iconLupe { 
	display:none;}



.iconRecomend { 
	display:none;  }



.iconDruck { 
	display:none;  }


.iconMerk { 
	display:none;  }


.iconForward { 
	display:none;  }


.iconBack { 
	display:none;  }


.topLink { 
	display:none;  }	


.iconEcard a,
.iconVideo a,
.iconAudio a,
.iconDownload a,
.iconPDF a,
.iconVoting a, 
.iconAktion a, 
.iconGallery a, 
.iconSend a, 
.iconPrint a,
.iconTv a,
.iconRadio a, 
.iconArticle a, 
.iconLupe a,
.iconMerk a,
.iconForward a,
.iconBack a,
.iconRecomend a,
.iconDruck a { display: none; }


.iconTop { 
	display: none;
	background: url(../grafik/icons/icon_top_red.gif) top right no-repeat;
	height: 16px;
	width: 15px;
	float: right; 
	padding: 0;}	
.iconTop a { width: 1.6em; height: 1.6em; display: block; }
.iconTop a:hover { text-decoration: none; }

a.iconClose { 
	padding: .4em 0 1em 2em; 
	font-weight: normal; 
	font-size: 1.1em; 
	background:url(../grafik/icons/icon_close.gif) top left no-repeat;
	height: 16px;}	

a.iconStart { 
	padding: .3em 2em 1em 0; 
	font-weight: normal; 
	color: #000;
	line-height: 1.4em;
	font-size: 1.1em; 
	background:url(../grafik/icons/icon_forward.gif) top right no-repeat;
	height: 16px;}	

.footer .floatLeft .iconClose { margin-top: .5em;}

/* Bewertung */
.k1 { background:url(../grafik/icons/k1.gif) no-repeat 6.3em 1em; padding-top: .6em; }
.k2 { background:url(../grafik/icons/k2.gif) no-repeat 6.3em 1em; padding-top: .6em; }
.k3 { background:url(../grafik/icons/k3.gif) no-repeat 6.3em 1em; padding-top: .6em; }
.k4 { background:url(../grafik/icons/k4.gif) no-repeat 6.3em 1em; padding-top: .6em; }
.k5 { background:url(../grafik/icons/k5.gif) no-repeat 6.3em 1em; padding-top: .6em; }	

/* Suchergebniss */
.containerResults  { margin-right: 1em; background-color: #e4e5e6; border-bottom: 1px solid #fff; }
.containerResults a { color: #b10043; }
.containerResults .number { float: left; font-size: 1.2em; padding: .3em; }
.containerResults .date { float: left; font-size: 1.2em; padding: .3em; width: 5em; }
.containerResults .conIcon { float: left;  padding: .3em; width: 2em; }
.containerResults .headline { float: left;  padding: .3em;}
.containerResults .headline h1 { font-size: 1.2em; font-weight: normal; }

/* Layout Konsole */
.containerPopUp { width: 61em; font-size: 0.625em; }	
.containerPopUp	.headerRBB { width: 61em; }	
.containerPopUp	.RbbNavigation { float: right; padding-right: 1em; }
.containerPopUp .footer a, .containerPopUp .footer p { color: #fff; }	
.containerPopUp .footer { width: 61em; background-color: #b10043; }	
.containerPopUp .footer .floatLeft { padding: 0 0 0 1em;}
.containerPopUp .footer .floatRight { padding: 0 2em .9em 0;}
.containerPopUp .footer .floatRight p { font-size: 1.1em; padding: .5em 0 0 0; }

.containerKonsole { background: url(../grafik/header/logo_small.gif) no-repeat #414143 1.6em 3em; height: 36.9em; }
.contentKonsole { margin-left: 13.9em; width: 32em; text-align: center; border-left: 1px solid #fff; background-color: #fff; border-right: 1px solid #fff;}
.contentKonsole .teaserA { text-align: left; padding: .8em .8em 0 .8em; background-color: #FFF; height: 8.65em; }
.contentKonsole .teaserA p { padding-top: .5em; }
.contentKonsole .teaserB { text-align: left; padding: .8em; background-color: #FFF; height: 13.2em; }
.contentKonsole .teaserB p { padding-top: .5em; }
.playerlink { padding: .8em 0 0 0; font-size: 1.1em; background-color: #e4e5e6; height: 2.1em; }

/* Tabelle Standard */
.standardTable { font-size: 1.2em; }
.standardTable th { font-weight: bold; text-align: left; border: 1px solid #000; }
.standardTable td { padding: 0 .8em .8em 0; border: 1px solid #000; }


/* Sonderformatierungen */
.moderatoren p { padding-top: 0; }
.moderatoren a { display: block; }
.moderatoren h1 { padding-top: 1.5em; }

.modName { float: left; }
.modName p { padding-top: .4em; font-weight: bold; }

.spaceBottom { padding-bottom: 1.5em; }

p.pictureSub { clear:both; font-style: italic; margin-top: -1em; }

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