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

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


/* --- 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;
	padding: 0;
	background-color: #b10043;
	font-size: 16px;# /* Set correct font-size for Safari Browsers with Pound Safari Post Semicolon Hack*/
	font-size: 101.1%;
	}

/* 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: #efccd9; }/*rosa*/
.fondA { background-color: #efccd9; border: 0!important; }/*rosa*/
.fondB { background-color: #e4e5e6; border: 0!important; }/*hellgrau*/
.fondC { background-color: #c9cbcd; }/*dunkelgrau*/

.commentName { background-color: #efccd9; 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; }

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

.headerStation,
.headerStationB { background-color: #414143; }/*fuer die Startseite*/
.headerCon { width: 76.1em; }

.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: none; }

.containerService { height: 2em; background-color: #86888a; font-weight: bold; }

.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: absolute; clear: both; width: 100%; } /* Dieser legt das Layout ueber die Streifen */

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

/* linke Seite -- enthaelt die Navigation */
.containerMarginalA {
	width: 17.6em;
	margin: 1.6em 0 0 0;
	float: left;
	}
				
		/* Navigation Elements */	
		.navigationA li  {
			display: block;
			height:	1.6em;
			margin: 0 0 .8em .8em;
			list-style-type: none;
			}
		
		.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: 58.4em; min-height: 23.2em; background-color:#fff; float: left; overflow: visible /*11.5.2009*/;}

.containerCenterB { width: 58.4em; min-height: 23.2em; float: left; background: url(../grafik/backgrounds/redline.gif) #fff repeat-y 39.6em 0; overflow: visible /*11.5.2009*/;}

.containerCenterC { width: 58.4em;  min-height: 23.2em; float: left; background: url(../grafik/backgrounds/redline.gif) #fff repeat-y 29em 0;  overflow: visible /*11.5.2009*/;}

/* Fuer zweispaltiges Layout */
.containerCenterC .redLine { 
	height: .4em;
	margin: 0;
	padding: 0; 
	background: url(../grafik/backgrounds/redline_2.gif) repeat-x; 
	clear: both; }
.containerCenterC .contentCenterA { border: 0;  width: 28em;  float: left; padding: 1.2em 0 0 1.2em; }
.containerCenterC .fondA.contentCenterA, 
.containerCenterC .fondB.contentCenterA  { width: 27.8em; }
.containerCenterC .fondA { margin-left: .2em; }
.containerCenterC .fondB { margin-right: .2em; }


.containerCenterD { width: 58.4em; min-height: 23.2em; background-color:#fff; float: left; }
.containerCenterD .contentCenterA { padding: 1.2em 0 0 1.2em; border-top: .4em solid #b10043;  }
/* Die Inhaltselemente 	contentCenterA global fuer alle gueltig */

.containerCenterA .contentCenterA, 
.containerCenterB .contentCenterA { padding: 1.2em 0 0 1.2em; border-top: .4em solid #b10043;  }
.containerCenterA .contentCenterB, 
.containerCenterB .contentCenterA { padding: 1.2em 0 0 1.2em; border-top: .4em solid #b10043; clear: both; }

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


	/* Subnavigation */
	ul.navigationSub { padding: 1.4em 0 1.6em 1.6em; float: left; }
	
	.navigationSub li { 
		list-style-type: none; 
		background-image: url(../grafik/icons/bullet_sub.gif);
		background-repeat: no-repeat;
		background-position: 0 .1em;
		}

	.navigationSub li.active {
		background-image: url(../grafik/icons/bullet_sub_active.gif);
		}

	.navigationSub li.active a {
	    color: #000;
	}

    .navigationSub li a { 
		color: #666; 
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.6em;
		padding-left: 1em;
		}
		
	.navigationSub li a:hover { color: #000; }
	
/* Suche bei Programm  */
.containerSearch { background-color: #e4e5e6; width: 36.8em; height: 14.4em; padding: 1.6em 0 0 1.6em; float: right; }
.containerSearch .floatLeft { padding-right: 1.9em;}
.containerSearch .inputCon { float: right; padding: 3em 1em 0 0; }
.containerSearch select.long { width: 26em; }
.containerSearch label { display: block; font-size: 1.2em; font-weight: normal; padding: .8em 0 .4em 0; }
.containerSearch input { border: 0; background-color: #e4e5e6; color: #b10043; cursor: pointer; }


/* Element Links bei Kulturkalender */
.teaserLeft { float: left; width: 16em; }
.teaserLeft p { padding-top: 0; }
.presenting { 
    background: url(../grafik/backgrounds/presented.gif) no-repeat;
    width: 7.5em;
    height: 2.8em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.contentCenterB .teaserA { margin-left: 16em;
	width: 32.8em;
	position:relative; }

.contentCenterB .teaserA p.more { position: absolute;
	bottom: .4em; 
	right: -4.5em;  }
	
.hinweis {
	margin-left: -1.2em;
	padding: 1em 0 0 1.2em;
	background-color: #E4E5E6;
	clear:both;
	}	

/* Suche bei Musiklisten  */
.containerSearchMusic { height: 7em; margin-top: -1.4em; }
.containerSearchMusic .floatLeft { padding-right: 1.8em;}
.containerSearchMusic .inputCon { float: right; padding: 3em 1em 0 0; font-weight:bold; }
.containerSearchMusic select.long { width: 25em; }
.containerSearchMusic label { display: block; font-size: 1.2em; font-weight: normal; padding: .8em 0 .4em 0; }
.containerSearchMusic input { border: 0; background-color: #fff; color: #b10043; }
.containerSearchMusic input.inputText { width: 23em; border: 1px solid #000; color: #000;}

/* Streifen im Hintergrund */
.containerStripes { margin-top: 1.6em; }
.stripes { height: 1.6em; background-color: #86888a; margin-bottom: .8em; }

.containerFooter { height: 2em; background-color: #86888a; clear: both; }
	.contentFooter { width: 76em; text-align: left; }
	.contentFooter ul { float: left; }
	
	/* Navigation Footer */
	.navFooter {padding: .2em .8em 0 16.5em;}
	.navFooter li { display: inline; font-size: 1.1em; list-style-type: none; }
	.navFooter li a { padding-left: 2em; color: #fff; font-weight: bold; }
	
.containerTopRight { 
	width: 35.2em;
	min-height: 14.4em;
	padding: 1.6em 1.6em 0 1.6em;
	float: right;
	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, navBack koennen gelöscht werden */
.navFor { float:left; margin-right: 1.8em; }
.navCenter { float: left; margin-right: 1.8em; text-align:center;}
.navBack { float:left;  }

.navD { float:left; margin-right: 1.8em; }

/* Fuer ModeratorInnen */
.contentTeam { padding: 1.2em 0 2em 2.2em; }
.containerTeamPic { float: left; padding: 2em 6.2em 0 0; }
.containerTeamPic p { width: 10.4em; }
.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; }

.headAZ { padding: 1em 0 .3em 1em; border-top: 4px solid #b10043; }
.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: 2.4em 0 0 0; }
.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;
    margin: 0 1.3em 2em 0;
    clear: both;
    }

.voting p { padding: .7em 0 .7em 3em; }

.voting .votingRadio {
    padding: .5em .5em 0 .5em;
    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;*/clear:both/*11.5.2009*/; margin-right: 1.5em; } 
.quiz p { padding: .9em 0 0 3em; } 	
.quiz .quizRadio { padding: 0 .5em 0 0; height: 2.5em; float: left;} 

/* Quiz Ergänzung 11.5.2009 Eva Bruhns*/

.contentQuiz li {padding-bottom: .9em;}
.contentQuiz .error {color:red}
.contentQuiz .correct {color: green}

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

/* Korrektur SebSchoenau */

.result { 
	font-size: 1.2em; 
	background-color: #e4e5e6; 
	min-height: 3.5em; /*6.8.2009*/
	margin: 0 1.2em 0 0; 
	border-top: 1px solid #fff;
	clear: both;
	position: relative; /*6.8.2009*/
	background:url(../grafik/backgrounds/resultGrid.gif)/*6.8.2009*/
}

.resultText {
	/*float: left;*/
	min-height: 3em; /*6.8.2009*/
	/*border-right: 1px solid #fff;*/
	padding: .5em 0 .5em .5em;
	/*background-color: #e4e5e6; */
	overflow: visible;
	width: 30.5em;
	}


.resultTextB {
	/*float: left;*/
	position: absolute;/*6.8.2009*/
	left: 42.2em;/*6.8.2009*/
	top: 0;/*6.8.2009*/
	width: 3.5em;
	min-height: 3em;
	padding: .5em .2em 0 0;
	text-align: right;
	/*background-color: #e4e5e6;*/
	}

.resultBar { 
	display: block;
	height: 3em;  /*6.8.2009*/
	width: 10.5em;
	/*float: left;*/
	position: absolute;/*6.8.2009*/
	left: 31.1em;/*6.8.2009*/
	top: 0;/*6.8.2009*/
	/*overflow: hidden;*/ /*6.8.2009*/
	padding: .5em 0 0 .4em;
	margin: 0 0 0 .1em;
	/*border-right: 1px solid #fff;
	background-color: #e4e5e6; */
	}

.resultGraphic {
	height: 1.1em;
	background-image: url(../grafik/backgrounds/votingBar.gif);
	background-repeat: repeat-x;
	background-color: #b10043;
	border: 1px solid #b10043;
	}

/* Flash Audio Player */
.containerPlayer { margin: 2em 0 0 0;} /* Nur wenn der Player nicht im TeaserPicture steht */
.player { text-align: left; width: 13em; height: 6.4em; float: left; }
.player embed { width: 11em; height: 3.4em; background-color: #fff; }
.player object { width: 11em; height: 3.4em; }

/* Tabelle Musiklisten */
/* Tabelle Beitrag mit extra Anpassungen f�r Verwendung von generischer Taglib-Tabelle (ohne thead) */
.tableMusic {
	margin: 0 1em 3em 1em;
	padding: 0;
	width: 56.4em;
	border-collapse: collapse;
	background-color: #e4e5e6;
	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-left: 1px solid #fff;
	}

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

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

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

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

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

.tableMusicFollow .time { width: 5.5em; }

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

.tablTime { width: 4.3em!important; text-align: center; padding-left: 0!important; }

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

.tableProgram td { 
	font-size: 1.2em; 
	padding: .2em .2em .2em .3em; 
	vertical-align: top; 
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff; }
	
.tablTime { width: 4.3em!important; text-align: center; padding-left: 0!important; }

/* Bildergalerie */
.contentGallery a { color: #990033; }
.contentGallery a:hover { text-decoration: underline; }
.navigationGallery { margin: 2em 1em 2em 9.1em; width: 38.2em; }

.navigationGallery div.back { width: 12em; font-size: 1.2em; float:left; }
.navigationGallery a.back { padding: .1em 0 .1em 2.6em; }
.navigationGallery a.moreback {
	padding: .1em 0 .1em 2.6em;
	line-height: 1.4em;
	color: #990033;
	background-image: url(../grafik/icons/icon_moreback.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.navigationGallery div.forward { width: 12em; font-size: 1.2em; float: right; text-align: right; }
.navigationGallery a.forward { padding: .1em 2.6em .1em 0; }
.navigationGallery a.moreforward {
	padding: .1em 2.6em .1em 0;
	line-height: 1.4em;
	color: #990033;
	background-image: url(../grafik/icons/icon_moreforward.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

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

.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: #b10043; }
.error input { border: 1px solid #b10043; }
.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;}

/* edit by Marcus Engel 07.07.08 */
/* beitrag empfehlen Formular */

.contentFormRecommend .formItem .formLabel {
	width: 13em;
	}

.contentFormRecommend .formButtons { padding: 1em 0 1em 0em; margin: 0;}

/* Ende Beitrag empfehlen */
	
.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: none; }

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

/* Icons */
ul.conNaviIcons  { padding-right: 1em; float: right; }	
.conNaviIcons li { clear: left; list-style: none; display: block; height: 1.6em; }
.teaserA .conNaviIcons li { clear: left; font-size: 1em; list-style: none; display: block; height: 1.6em; }

.iconEcard { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_ecard.gif) 0 0 no-repeat; 
	float: left; }
.iconEcard a { padding-left: 1.6em; }
.conNaviIcons .iconEcard a { padding-left: 2.2em; }
.conNaviIcons .iconEcard { background-position: .7em 0; padding: .3em 0 0 0; } 

.iconVideo { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_video.gif) 0 0 no-repeat; 
	float: left; }
.iconVideo a { padding-left: 1.8em; }
.conNaviIcons .iconVideo a { padding-left: 2.2em; }
.conNaviIcons .iconVideo { background-position: .2em 0; padding: .3em 0 0 0; }

.iconAudio { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_audio.gif) 0 0 no-repeat; 
	float: left; }
.iconAudio a { padding-left: 1.6em; }
.conNaviIcons .iconAudio a { padding-left: 2.2em; }
.conNaviIcons .iconAudio { background-position: .7em 0; padding: .3em 0 0 0; } 

.iconDownload { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_download.gif) 0 0 no-repeat; 
	float: left; }
.iconDownload a { padding-left: 1.7em; }
.conNaviIcons .iconDownload a { padding-left: 2.2em; }
.conNaviIcons .iconDownload { background-position: .45em 0; padding: .3em 0 0 0; } 

.iconPDF { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_pdf.gif) 0 0 no-repeat; 
	float: left; }
.iconPDF a { padding-left: 1.95em; }
.conNaviIcons .iconPDF a { padding-left: 2.2em; }
.conNaviIcons .iconPDF { background-position: .2em 0; padding: .3em 0 0 0; } 

.iconVoting { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_voting.gif) 0 0 no-repeat; 
	float: left; }
.iconVoting a { padding-left: 1.5em; }
.conNaviIcons .iconVoting a { padding-left: 2.2em; }
.conNaviIcons .iconVoting { background-position: .7em 0; padding: .3em 0 0 0; } 

.iconAktion { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_action.gif) 0 0 no-repeat; 
	float: left; }
.iconAktion a { padding-left: 2.4em; }
.conNaviIcons .iconAktion a { padding-left: 2.2em; }
.conNaviIcons .iconAktion { background-position: .2em 0; padding: .3em 0 0 0; }

.iconGallery { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_gallery.gif) 0 0 no-repeat; 
	float: left; }
.iconGallery a { padding-left: 1.9em; }
.conNaviIcons .iconGallery a { padding-left: 2.2em; }
.conNaviIcons .iconGallery { background-position: .4em 0; padding: .3em 0 0 0; } 

.iconSend { 
	display:block; 
	padding: .3em 0 0 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_send.gif) 0 0 no-repeat; 
	float: left; }
.iconSend a { padding-left: 1.9em; }
.conNaviIcons .iconSend a { padding-left: 2.2em; }
.conNaviIcons .iconSend { background-position: .2em 0; padding: .3em 0 0 0; }

.iconTv { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_tv.gif) 0 0 no-repeat; 
	float: left; }
.iconTv a { padding-left: 1.6em; }
.conNaviIcons .iconTv a { padding-left: 2.2em; }
.conNaviIcons .iconTv { background-position: .2em 0; padding: .3em 0 0 0; }

.iconRadio { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_radio.gif) 0 0 no-repeat; 
	float: left; }
.iconRadio a { padding-left: 1.6em; }
.conNaviIcons .iconRadio a { padding-left: 2.2em; }
.conNaviIcons .iconRadio { background-position: .2em 0; padding: .3em 0 0 0; }

.iconArticle { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_article.gif) 0 0 no-repeat; 
	float: left; }
.iconArticle a { padding-left: 1.6em; }
.conNaviIcons .iconArticle a { padding-left: 2.2em; }
.conNaviIcons .iconArticle { background-position: .6em 0; padding: .3em 0 0 0; } 

.iconLupe { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_lupe.gif) 0 0 no-repeat; 
	float: left; }
.iconLupe a { padding-left: 1.9em; }
.conNaviIcons .iconLupe a { padding-left: 2.2em; }
.conNaviIcons .iconLupe { background-position: .2em 0; padding: .3em 0 0 0; }

.iconRecomend { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_send.gif) 0 0 no-repeat; 
	float: left; }
.iconRecomend a { padding-left: 2em; }
.conNaviIcons .iconRecomend a { padding-left: 2.2em; }
.conNaviIcons .iconRecomend { background-position: .1em 0; padding: .3em 0 0 0; } 

.iconDruck { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_print.gif) 0 0 no-repeat; 
	float: left; }
.iconDruck a { padding-left: 1.7em; }
.conNaviIcons .iconDruck a { padding-left: 2.2em; }
.conNaviIcons .iconDruck { background-position: .5em .15em; padding: .3em 0 0 0; } 

.iconMerk { 
	display:block; 
	padding: .3em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_merk.gif) 0 0 no-repeat; 
	float: left; }
.iconMerk a { padding-left: 1.6em; }
.conNaviIcons .iconMerk a { padding-left: 2.2em; }
.conNaviIcons .iconMerk { background-position: .5em 0; padding: .3em 0 0 0; } 

.iconForward { 
	display:block; 
	padding: .1em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_forward.gif) no-repeat;
	background-position: top right;
	float: right; }
.iconForward a { padding-right: 2.2em; }
.conNaviIcons .iconForward a { padding-left: 2.2em; }
.conNaviIcons .iconForward { background-position: .45em 0; padding: .3em 0 0 0; }

.iconBack { 
	display:block; 
	padding: .1em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_back.gif) no-repeat;
	background-position: top left;
	float: left; }
.iconBack a { padding-left: 2.2em; }
.conNaviIcons .iconBack a { padding-left: 2.2em; }
.conNaviIcons .iconBack { background-position: .45em 0; padding: .3em 0 0 0; } 

.topLink { 
	display:block; 
	padding: .3em 0 0 0; 
	font-size: 1.1em;
	height: 1.5em; 
	background:url(../grafik/icons/icon_top.gif) 2.5em .1em no-repeat;
	float: right; }	
.topLink a { padding-right: 3em; color: #fff; font-weight: bold; }

.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 { color: #b10043; }

.conNaviIcons li .iconEcard,
.conNaviIcons li .iconVideo,
.conNaviIcons li .iconAudio,
.conNaviIcons li .iconDownload,
.conNaviIcons li .iconPDF,
.conNaviIcons li .iconVoting, 
.conNaviIcons li .iconAktion, 
.conNaviIcons li .iconGallery, 
.conNaviIcons li .iconSend, 
.conNaviIcons li .iconPrint,
.conNaviIcons li .iconTv,
.conNaviIcons li .iconRadio, 
.conNaviIcons li .iconArticle, 
.conNaviIcons li .iconLupe,
.conNaviIcons li .iconMerk,
.conNaviIcons li .iconForward,
.conNaviIcons li .iconBack,
.conNaviIcons li .iconRecomend,
.conNaviIcons li .iconDruck { clear: left; }

.iconTop { 
	display: block;
	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_white.gif) top left no-repeat;
	height: 16px;}	

.iconStart { 
	display:block; 
	padding: .1em 0 1em 0; 
	font-size: 1.2em; 
	background: url(../grafik/icons/icon_forward.gif) no-repeat;
	background-position: top right;
	float: right; }
.iconStart a { padding-right: 2.2em; }

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

/* Berwertung */
.k1 { background: url(../grafik/icons/k1.gif) no-repeat 6.3em .3em; }
.k2 { background: url(../grafik/icons/k2.gif) no-repeat 6.3em .3em; }
.k3 { background: url(../grafik/icons/k3.gif) no-repeat 6.3em .3em; }
.k4 { background: url(../grafik/icons/k4.gif) no-repeat 6.3em .3em; }
.k5 { background: url(../grafik/icons/k5.gif) no-repeat 6.3em .3em; }			

/* Suchergebniss */
.containerResults { margin: 0 1.2em 1.4em 0; background-color: #e4e5e6;  min-height: 1.5em; }
.contentResults a { color: #b10043; }
.contentResults .number { float: left; font-size: 1.2em; padding: .5em .3em .5em .3em; height: 1.5em; border-top: 1px solid #fff; text-align: right; width: 3em;}
.contentResults .date { float: left; font-size: 1.2em; padding: .5em .3em .5em .3em; width: 6em; height: 1.5em; border-top: 1px solid #fff; }
.contentResults .conIcon { float: left; padding: .4em .3em .4em .3em; width: 2em; height: 1.5em; border-top: 1px solid #fff; }
.contentResults .headline { float: left; padding: .5em .3em .5em .3em; min-height:1.5em; border-top: 1px solid #fff; }
.contentResults .headline h1 { font-size: 1.2em; font-weight: normal; padding: .2em 0 0 0; min-height: 1.5em; width: 33.5em;}

/* Suchergebniss */

/* 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 0 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; height: 36.9em; }
.contentKonsole .teaserA { text-align: left; background-color: #fff; height: 6.7em; padding: .8em; overflow: auto;}
.contentKonsole .teaserA h1, .contentKonsole .teaserB h1 { padding: 0;  }
.contentKonsole .teaserA p { padding: .5em 0 0 0; }
.contentKonsole .teaserB { text-align: left; padding: .8em; background-color: #FFF; height: 13.2em; }
.contentKonsole .teaserB p { padding: .5em 0 0 0; }
.playerlink { padding: .5em 0 0 0; background-color: #e4e5e6; height: 2.1em; text-align: center; }
.playerlink .iconStart { height: 1em; margin-right: 8em; }


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


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

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

.spaceBottom { padding-bottom: 1.5em; }

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

p.disclaimer {font-size: 1em; color: #666; border-top:1px solid #a5acb2; padding-top: 6px; 	margin-top: 6px;}

.bgStart {
	height: 10%; /* Braucht man fuer den ollern ie6*/
	background-image: url(../grafik/backgrounds/bgStart.gif);
	background-repeat: repeat-y;}
/*neu ebu 3.9.2008 */
.contentForm .formItem input.btnPreview,
.contentForm .formItem input.btnSubmit
{ width: 10em;
  float: left;
  margin-right: 4px;
  margin-bottom: 1.6em}
  
.contentForm .formItem input.typeCaptcha
{ width: 20em;
  margin-bottom: 1.6em}
  
/*Test: Fontgröße für unformatierten Teasertext 11.5.2009 Eva Bruhns (ergänzt 17.8.2009)*/

.teaserA {font-size: 1.2em}
.teaserA h1, .teaserA h4, .teaserA h3, .teaserA p, .teaserA ul li, .teaserA ol li, .teaserA .iconGallery, .teaserA .iconVideo, .teaserA .iconVideo, .teaserA .iconAudio, .teaserA .iconDownload, .teaserA .iconPDF, .teaserA .iconEcard, .teaserA .iconVoting, .teaserA .iconAktion, .teaserA .iconSend, .teaserA .iconTv, .teaserA .iconRadio, .teaserA .iconLupe, .teaserA .iconRecomend, .teaserA .iconDruck, .teaserA .iconMerk, .teaserA .iconForward, .teaserA .iconBack, .teaserA .standardTable, .teaserA .tableMusic thead th, .teaserA .tableMusic td, .teaserA .tableBeitrag td {font-size: 100%}

/*Ergänzung: Fontgröße für verschachtelte teaserA (Moderatoren)  17.8.2009*/

.teaserA .teaserA h1, .teaserA .teaserA h4, .teaserA .teaserA h3,.teaserA .teaserA p, .teaserA .teaserA ul li, .teaserA .teaserA ol li, .teaserA .teaserA .iconGallery, .teaserA .teaserA .iconVideo, .teaserA .teaserA .iconVideo, .teaserA .teaserA .iconAudio, .teaserA .teaserA .iconDownload, .teaserA .teaserA .iconPDF, .teaserA .teaserA .iconEcard, .teaserA .teaserA .iconVoting, .teaserA .teaserA .iconAktion, .teaserA .teaserA .iconSend, .teaserA .teaserA .iconTv, .teaserA .teaserA .iconRadio, .teaserA .teaserA .iconLupe, .teaserA .teaserA .iconRecomend, .teaserA .teaserA .iconDruck, .teaserA .teaserA .iconMerk, .teaserA .teaserA .iconForward, .teaserA .teaserA .iconBack, .teaserA .teaserA .standardTable {font-size: 90%}

.teaserA .tableMusic, .teaserA .tableBeitrag {
	width: 100%;
	}
	
.contentCenterB .teaserA {font-size: 100%}
.contentCenterB .teaserA h1, .contentCenterB .teaserA h4, .contentCenterB .teaserA p, .contentCenterB .teaserA ul li, .contentCenterB .teaserA ol li, .contentCenterB .teaserA .iconGallery, .contentCenterB .teaserA .iconVideo, .contentCenterB .teaserA .iconVideo, .contentCenterB .teaserA .iconAudio, .contentCenterB .teaserA .iconDownload, .contentCenterB .teaserA .iconPDF, .contentCenterB .teaserA .iconEcard, .contentCenterB .teaserA .iconVoting, .contentCenterB .teaserA .iconAktion, .contentCenterB .teaserA .iconSend, .contentCenterB .teaserA .iconTv, .contentCenterB .teaserA .iconRadio, .contentCenterB .teaserA .iconLupe, .contentCenterB .teaserA .iconRecomend, .contentCenterB .teaserA .iconDruck, .contentCenterB .teaserA .iconMerk, .contentCenterB .teaserA .iconForward, .contentCenterB .teaserA .iconBack, .contentCenterB .teaserA .standardTable, .contentCenterB .teaserA .tableMusic thead th, .contentCenterB .teaserA .tableMusic td, .contentCenterB .teaserA .tableBeitrag td {font-size: 1.2em}

/*5.2.2010*/
.teaserA.naviIcons {
margin-right: 12em;
}