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

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

ul, ol, dl {
  list-style: none;
}

img, fieldset { border: 0; }

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

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


body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	font-size: 101%;
}

input, textarea /*9.7.2009*/{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border: solid 1px #333333; /*9.7.2009*/
}

/* Ausgewählte Links (Highlighting) und unverlinkte Textelemente */
a {
	color: #000000;
}

a.more {
	background: url('../grafik/icons/pfeil_mehr.gif') no-repeat 5px 4px;
	padding-left: 16px;
	font-size: 0.9em;
}

a.up {
	background: url('../grafik/icons/nach_oben_trans.gif') no-repeat;
}
a.down {
	background: url('../grafik/icons/nach_unten_trans.gif') no-repeat;
}
a.back, .arrowLink input.back {
	background: url('../grafik/icons/nach_links_trans.gif') no-repeat;
}
a.forward, input.forward {
	background: url('../grafik/icons/nach_rechts_trans.gif') no-repeat;
}
a.backFR { /* fast rewind */
	background: url('../grafik/icons/nach_links_schnell_trans.gif') no-repeat;
}
a.forwardFF { /* fast forward */
	background: url('../grafik/icons/nach_rechts_schnell_trans.gif') no-repeat;
}

a.anchor {
	color: #000;
	text-decoration: none;
	cursor: default;
}
a.anchor:hover {
	text-decoration: none;
}

p.mediaLinks {
	font-size: 0.9em;
}
p.mediaLinks a {
	font-weight: bold;
	padding: 1px 0 1px 23px;
}
#containerCenter .textA p.mediaLinks a {
	font-weight: bold;
}
p.mediaLinks a.external, p.mediaLinks a.link, p.mediaLinks a.uebersicht, p.mediaLinks a.uebersicht, p.mediaLinks a.beitrag, p.mediaLinks a.sendeplatz, p.mediaLinks a.sendestrecke, p.mediaLinks a.rezension, p.mediaLinks a.termin, p.mediaLinks a.cast {
	padding: 0;
}
a.external, a.gallery, a.video, a.audio, a.game, a.download, a.voting, a.ecard, a.pdf, a.uebersicht, a.beitrag, a.sendeplatz, a.sendestrecke, a.rezension, a.termin, a.cast {
	font-weight: bold;
}
a.gallery, a.bildergalerie {
	background: url('../grafik/icons/galerie.gif') no-repeat bottom left;
}
a.video, a.medialib_video {
	background: url('../grafik/icons/video.gif') no-repeat bottom left;
}
a.audio, a.medialib_audio {
	background: url('../grafik/icons/audio.gif') no-repeat bottom left;
}
a.game, p.mediaLinks a.game, a.quiz, p.mediaLinks a.quiz {
	background: url('../grafik/icons/spiel.gif') no-repeat bottom left;
	padding-left: 28px;
}
a.download {
	background: url('../grafik/icons/download.gif') no-repeat bottom left;
}
a.voting {
	background: url('../grafik/icons/voting.gif') no-repeat bottom left;
}
a.ecard {
	background: url('../grafik/icons/email.gif') no-repeat bottom left;
}
a.pdf {
	background: url('../grafik/icons/pdf.gif') no-repeat bottom left;
}

.imageSubmitButton {
	vertical-align: bottom;
	margin-bottom: 1px;
	border: 0 none; /* 2.8.2009*/
	
}

/* Einzeiliges Eingabefeld */
.textField {
	width: 294px;
}


/* Heller Hintergrund mit Padding */
.containerHighlight {
	padding: 10px;
}


/* Seitenkopf - erste Zeile */
#containerHeaderTop {
	position: relative;
	margin-top: 13px;
	margin-bottom: 24px;
	width: 988px;
	height: 32px;
	font-size: 0.7em;
}
/* Aktuelles Datum + Uhrzeit */
#containerHeaderTop #date {
	position: absolute;
	top: 8px;
	left: 20px;
	padding-left: 2px;
}
/* Suchfeld */
#containerHeaderTop #search {
	position: absolute;
	top: 6px;
	left: 352px;
	line-height: 15px;
	padding-left: 1px;
}
#containerHeaderTop #search input#searchQuery {
	border: solid 1px #990000;
	width: 125px;
	height: 15px;
	font-size: 1em;
	padding: 0 2px;
	margin-right: 2px;
}
/* Senderlogos */
#containerHeaderTop #logos {
	position: absolute;
	right: 0;
	top: 0;
}


/* Seitenkopf - zweite Zeile (Logo, Hauptnavigation) */
#containerHeaderNavi {
	position: relative;
	top: 0;
	left: 0;
	width: 988px;
	height: 120px;
}
#containerHeaderNavi #logo {
	position: absolute;
	left: 20px;
	top: 0;
}
#containerHeaderNavi #containerMainNavigation {
	position: absolute;
	left: 372px;
	top: 0;
}

/* Hauptnavigation */
#containerMainNavigation li {
	float: left;
	display: block;
	font-size: 0.7em;
}
#containerMainNavigation a {
	display: block;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	width: 88px;
	height: 80px;
}
#containerMainNavigation a span {
	display: none;
}
a#navi_home {
	background: url('../grafik/navigation/home.gif') no-repeat;
}
a#navi_info {
	background: url('../grafik/navigation/info.gif') no-repeat;
}
a#navi_archive {
	background: url('../grafik/navigation/archiv.gif') no-repeat;
}
a#navi_events {
	background: url('../grafik/navigation/unterwegs.gif') no-repeat;
}
a#navi_campaigns {
	background: url('../grafik/navigation/aktionen.gif') no-repeat;
}
a#navi_media {
	background: url('../grafik/navigation/tontraeger.gif') no-repeat;
}
a#navi_contact {
	background: url('../grafik/navigation/kontakt.gif') no-repeat;
}


#containerMain {
	width: 968px;
	position: relative;
	font-size: 0.7em;
}

/* Flash-Film */
#containerFlash {
	position: absolute;
	top: 0;
	left: 0;
	width: 352px;
	height: 352px;
}
/* Liste mit roter Schrift und Listensymbol */
#containerFlash ul {
	margin-left: 14px;
	margin-bottom: 8px;
}
#containerFlash li {
	color: #990000;
	list-style: disc;
	line-height: 2em;
}
#containerNoFlash {
	margin-left: 20px;
}

/* Inhaltsbereich (1-3-spaltig) */
#containerMainContent {
	position: absolute;
	top: 0;
	left: 352px;
	width: 636px;
}

 p {
	margin-bottom: 12px;
}
a {
	font-weight: bold;
	text-decoration: none;
	color: #990000;
}
a:hover {
	text-decoration: underline;
}


.arrowLink {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0;
}
.arrowLink.up {
	margin-bottom: 22px;
}
.arrowLink.down {
	margin-top: 22px;
}
.arrowLink a, .arrowLink input.back {
	padding: 1px 0 0 21px;
	display: block;
	height: 15px;
}

.arrowLink .browseLeft {
	float: left;
	display: inline-block;
	width: 50%;
}
.arrowLink .browseRight {
	float: right;
	width: 50%;
	text-align: right;
	display: inline-block;
}
.arrowLink .browseLeft a, .arrowLink .browseRight a, .arrowLink .browseRight input, .arrowLink .browseLeft input {
	display: inline-block;
}
.arrowLink .browseRight a, .arrowLink .browseRight input.forward {
	padding: 1px 21px 0 0;
	background-position: right;
}

.browseRight input, .browseLeft input {
	color:#990000;
	font-weight:bold;
	border: none;
	cursor: pointer;
	font-size: 1em;
	line-height: 1.2em;
	height: 1.7em;
}

.arrowLink.threeColumns .browseLeft, .arrowLink.threeColumns .browseRight, .arrowLink .center {
	width: 33%;
}

.arrowLink .center {
	float: left;
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
}

/* Bereich für Aktionslinks wie Blätter-Buttons, Formular-Submits etc. */
.containerFunctions {
	margin-top: 24px;
}


span.audioTitle {
	font-weight: bold;
}


/* Linke Spalte */
#containerMarginalA {
	position: absolute;
	left: 0;
	top: 0;
	width: 144px;
	padding-bottom: 30px;
}

#containerMarginalA h2 {
	font-size: 1em;
}
#containerMarginalA h3 {
	font-size: 0.9em;
	margin-bottom: 3px;
}
/*#containerMarginalA .listItem {
	margin-bottom: 8px;
}*/
#containerMarginalA .listItem p {
	font-weight: bold;
	margin: 0 0 11px 0;
}
#containerMarginalA a.current {
	color: #000000;
}

/* Sekundäre Navigation */
ul.navigationA li {
	margin-bottom: 12px;
}
ul.navigationA li a {
	font-weight: bold;
	color: #990000;
}
ul.navigationA li.active a {
	color: #000000;
}
/* Subebenen */
ul.navigationA ul {
	margin-top: 6px;
	margin-left: 16px;
}
ul.navigationA ul li {
	margin-bottom: 6px;
}
ul.navigationA li.active li a {
	color: #990000;
}
ul.navigationA li li.active a {
	color: #000000;
}


/* Mittelspalte (Hauptinhalt) */
#containerCenter {
	position: absolute;
	top: 0;
	left: 160px;
	width: 300px;
	padding-bottom: 30px;
}

/* Zweispaltig: keine rechte Spalte */
.containerTwoColumns #containerCenter {
	width: 400px;
}

/* Einspaltig: keine linke und rechte Spalte */
.containerSingleColumn #containerCenter {
	width: 600px;
	left: 0;
}

#containerCenter h2 {
	font-size: 1em;
	margin-bottom: 8px;
}
#containerCenter p {
	line-height: 1.4em;
}
#containerCenter h1 {
	font-size: 1.1em;
	margin-bottom: 12px;
}
/* Dachzeile */
#containerCenter h3 {
	font-size: 1em;
	margin-bottom: 8px;
}
#containerCenter .textA h2 {
	margin-top: 24px;
}
#containerCenter .textA a {
	font-weight: normal;
}

#containerCenter .disclaimer {
	margin-top: 40px;
	font-size: 0.9em;
}

#containerCenter .headA h1 {
	font-size: 1.2em;
}
#containerCenter .headB h1 {
	margin-top: 12px;
}

/* Bild mit optionaler Bildunterschrift */
#containerCenter .teaserPicture {
	margin: 16px 0;
}
#containerCenter .teaserPicture img {
	display: block;
}
/* Bildunterschrift entspricht normalem Absatz */
#containerCenter .teaserPicture span.caption {
	display: block;
	margin-top: 16px;
	line-height: 1.4em;
}

/* Liste mit roter Schrift und Listensymbol */
#containerCenter ul {
	margin-left: 14px;
	margin-bottom: 8px;
}
#containerCenter li {
	color: #990000;
	list-style: disc;
	line-height: 1.4em;
}

/* 2010-11 Liste mit schwarzer Schrift */
#containerCenter ul.black li {
color: #000;
}

/* Enhtält Link mit Pfeil nach oben */
#containerCenter .arrowLink.up {
	margin-bottom: 0;
	margin-top: 40px;
}

/* Überschrift mit CD-Symbol */
h2.cdmc {
	background: url("../grafik/icons/cd_mehr_mini.gif") no-repeat;
	padding-left: 24px;
	line-height: 18px;
}


/* Wochenplan */
.timeTable {
	margin-top: 20px;
	margin-bottom: 20px;
}
.timeTable .row {
	float: left;
	line-height: 1.4em;
}
.timeTable .row span {
	display: block;
	float: left;
}
.timeTable .row .dayOfWeek {
	width: 22px;
}
.timeTable .row .date {
	width: 62px;
}
.timeTable .row .title {
	/*width: 196px;*/
	width: 194px;
}
.timeTable .current {
	font-weight: bold;
}


/* Teaser mit umflossenen Bild */
/* TODO Mehr-Link im IE6 nicht klickbar! */
#containerCenter .containerTeaserA {
	margin-bottom: 24px;
}
#containerCenter .teaserPictureA {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	font-size: 0;
	background: none;
}
#containerCenter .containerTeaserA .teaserA {
	display: inline;
}
/* Dachzeile */
#containerCenter .teaserA h3 {
	margin-bottom: 6px;
}
#containerCenter .teaserA h1 {
	margin-bottom: 8px;
}
#containerCenter .teaserA p {
	line-height: 1.3em;
	margin-bottom: 6px;
}

/* Ergänzung durch LS, CMSDOKU-3486 */
#containerCenter .textA .containerTeaserA .teaserA p {
/* line-height: 1.3em; zu klein, wird angeglichen auf Größe von #containerCenter li */
	line-height: 1.4em;
	margin-bottom: 6px;
}


/* Einfacher Textteaser mit Überschrift in normaler Textgröße */
#containerCenter .containerTeaserB {
	margin-bottom: 12px;
}
#containerCenter .teaserB h1,
		#containerCenter .teaserB h2 {
	font-size: 1em;
	margin-bottom: 0;
}
/* Unterteaser: Link nicht fett */
#containerCenter .subTeaserB a {
	font-weight: normal;
}

#containerCenter .formB .containerTeaserA,
		#containerCenter .formB .containerTeaserB,
		#containerCenter .formB .containerTeaserC {
	margin-top: 30px;
	margin-bottom: 0;
	overflow: hidden;
}

/* Teaser mit Bild links und Text rechts (nicht umfließend) */
#containerCenter .containerTeaserC {
	margin-bottom: 12px;
}

#containerCenter .teaserPictureC {
	float: left;
	margin-right: 12px;
	width: 120px;
	font-size: 0;
	background: none;
}
/* Teaser-Zusatz, z. B. Multimedialinks */
#containerCenter .teaserExtrasC {
	clear: left;
	float: left;
	margin-right: 12px;
	margin-top: 12px;
}
#containerCenter .teaserC {
	margin-left: 132px;
}

/* Einzeiliges Eingabefeld */
#containerCenter .teaserC .textField {
	width: 162px;
	float: none;
	margin: 0;
}

/* Teaser mit Dachzeile, Überschriften und Audioplayer */
.containerTeaserD {
	margin-bottom: 18px;
}
.containerTeaserD .audioPlayer {
	margin-top: 12px;
}
.containerTeaserD .audioPlayer p {
	margin: 0;
}

#containerCenter .teaserD h1, #containerCenter .teaserD h3 {
	margin-bottom: 4px;
}


/* Linkliste (Dachzeile + Überschrift) */
#containerCenter .linkListA h3 {
	margin-bottom: 4px;
}
#containerCenter .linkListA h2 {
	font-size: 1.1em;
	margin-bottom: 12px;
}

/* Linkliste (Überschrift + fetter Text) */
#containerCenter .linkListB h2 {
	margin: 8px 0 0 0;
}
/* Glossarüberschrift (Buchstabe) */
#containerCenter .linkListB h3 {
	font-size: 1.1em;
	margin-top: 16px;
	margin-bottom: 0;
}
#containerCenter .linkListB p {
	font-weight: bold;
	margin-bottom: 0;
}
#containerCenter .linkListB .listItem {
	margin-bottom: 4px;
}
#containerCenter .linkListB .arrowLink.up {
	margin-top: 8px;
}

/* Glossar */
#containerCenter .linkListC h2 {
	font-size: 1.1em;
	margin-top: 16px;
	margin-bottom: 0;
}
#containerCenter .linkListC ul {
	margin-bottom: 4px;
}
#containerCenter .linkListC li a {
	font-weight: normal;
}
/* Glossar: Nach-oben-Ankerlinks */
#containerCenter .linkListC .arrowLink a,
	#containerCenter .linkListB .arrowLink a {
	width: 16px;
	padding-left: 0;
}
#containerCenter .linkListC .arrowLink span,
		#containerCenter .linkListB .arrowLink span {
	display: none;
}
#containerCenter .linkListC .arrowLink.up {
	margin-top: 4px;
}
/* Suchergebnisse: rot, fett, keine Listensymbole */
#containerCenter .linkListD ul {
	list-style: none;
	margin: 30px 0;
}
#containerCenter .linkListD li {
	list-style: none;
	margin-bottom: 0.6em;
}

#containerCenter .anchorLinks li {
	color: #666666;
	font-weight: bold;
}
#containerCenter ul.anchorLinks {
	list-style: none;
	margin: 0;
	padding: 0;
}
#containerCenter ul.anchorLinks li {
	float:left;
	margin: 0;
	padding: 0 3px 0 0;
	list-style: none;
}

/* Suchformular */
.formA {
	margin-top: 24px;
	margin-bottom: 24px;
}
.formA label {
	font-size: 1.1em;
}
.formA input {
	margin-top: 6px;
}

/* Voting-Formular, Quiz-Formular */
.formB label {
	font-weight: bold;
	margin-left: 8px;
}
.containerSubmit {
	margin-top: 40px;
}
.formB .formInput {
	margin-bottom: 10px;
	position: relative;
}
.formB .formInput .input {
	width: 24px;
	position: absolute;
	top: 0;
	left: 0;
}
.formB .formInput label {
	display: inline-block;
	margin-left: 24px;
	font-weight: normal;
	padding-top: 2px;
}

/* E-Card-Formular */
.formC {
}
.formC .formInput {
	clear: left;
}
.formC label, .formC .input {
	float: left;
	margin-bottom: 10px;
}

/* 9.7.2009*/
.formC label {
	width: /*120*/130px;
	display: inline-block;
	margin-right: 10px;
}
.formC .formInput .input {
	display: block;
	float: left;
	width: /*270*/260px;
}
.formC input, .formC textarea {
	font-size: 1em;
}
.formC .textField, .formC textarea {
	width: /*266*/256px;
}

/* Eingerücktes Feld mit Beschriftung rechts (z. B. bei Checkbox) */
.formC .test {
	position: relative;
}
.formC .formInputB {
	clear: left;
	position: relative;
	margin-left: 130px;
}
/*.formC .formInputB .input {
	float: none;
	width: 24px;
	position: absolute;
	top: 0;
	left: 0;
}
.formC .formInputB label {
	float: none;
	width: auto;
	margin-right: 0;
	margin-left: 24px;
	padding-top: 2px;
}*/
.formC .formInputB.arrowLink {
	margin-top: 24px;
}

/* Voting-Ergebnisse */
.horizontalBar {
	border: solid 1px #AC0000;
	background: url("../grafik/voting_balken.gif") repeat-x #AC0000;
	height: 12px;
}
table.containerVotingResults {
	border-collapse: collapse;
	width: 300px;
	/*border: solid 1px #FFC285;*/
	empty-cells: show;
}
.containerVotingResults td {
	padding: 4px 6px;
	margin: 0;
	border: solid 1px #FFC285;
}
.containerVotingResults td.optionText {
	width: 143px;
}
.containerVotingResults td.optionBar {
	width: 87px;
}
.containerVotingResults td.optionVotes, .containerVotingResults td.optionPercent {
	width: 35px;
}

.containerRatingResults h2 {
	margin-bottom: 0;
}
.containerRatingResults h3 {
	margin-top: 20px;
}


/* Bildergalerie */
.containerGalleryPicture {
	height: 400px;
	margin: 12px 0;
}
.containerGalleryPicture img {
	display: block;
	width: auto;
}
.containerThumbnails {
	margin: 16px 0;
}
.containerThumbnails .arrowLink .browseLeft,
		.containerThumbnails .arrowLink .browseRight {
	width: 26px;
	margin-top: 26px;
}
.containerThumbnails .back span, .containerThumbnails .forward span {
	display: none;
}
.containerThumbnail {
	width: 96px;
	float: left;
	margin: 0 10px;
}
.thumbnail {
	width: 96px;
	height: 72px;	
	border: 1px solid #990000;
	font-size: 0;
	text-align: center;
}
.thumbnail img {
	display: block;
	margin: 0 auto;	
}
.thumbnailNumber {
	text-align: center;
	margin: 10px 0;
}
.thumbnailNumber a.current {
	color: #000000;
}
/* Bild 400x300 */
.pictureA img {
	position: relative;
	left: 0;
	top: 50px;
}
/* Bild 400x300 */
.pictureB img {
	position: relative;
	left: 50px;
	top: 0;
}
/* Bild 320x240 */
.pictureC img {
	position: relative;
	left: 40px;
	top: 80px;
}
/* Bild 240x320 */
.pictureD img {
	position: relative;
	left: 80px;
	top: 40px;
}

.rowWithLabel {
	line-height: 1.4em;
}
.rowWithLabel .label {
	display: inline-block;
	width: 50px;
}


/*
	Rechte Spalte
*/
#containerMarginalB {
	position: absolute;
	left: 476px;
	top: 0;
	width: 160px;
	padding-bottom: 30px;
}
#containerMarginalB h2 {
	font-size: 1em;
}
#containerMarginalB h3 {
	font-size: 0.9em;
	margin-bottom: 3px;
}
#containerMarginalB p {
	margin-top: 4px;
	margin-bottom: 4px;
}

/* Teaser mit Bild 160x68 oder 90x68, darunter Überschrift und Text */
#containerMarginalB .containerTeaserA {
	margin-bottom: 16px;
}
#containerMarginalB .containerTeaserA .teaserPictureA {
	margin-bottom: 6px;
	font-size: 0;
}

#containerMarginalB p.mediaLinks {
	margin-top: 6px;
}

/* neu Kontaktformulare für Quiz */

.formB .contact .formInput {
	margin-bottom: 10px;
	position: static;
}

.formB .contact .formInput .input {
	width: auto;
	position: static;
}

.formB .contact input, .formB .contact textarea {
	position: static;
	width: 270px;
}

.formB .contact .formInput label {
	display:block;
	margin-left: 0;
	font-weight: bold;
	padding: 2px 0;
}

#containerCenter .containerTeaserB .disclaimer {
	margin-top: 10px;
	font-size: 0.9em;
	color:#333333;
}

#containerCenter .containerTeaserB .disclaimer h2{
	margin: 0;
}

.disclaimer label, .formC .disclaimer label{
	font-weight: normal;
	margin-left: 16px;	
	width: auto;
	display: inline;
	float: left}
	
.floatLeft { float: left;}
.floatRight {	float: right; }

/* @group Fehlermeldung */
/* Fehlermeldung */

div.error p {
	/*opacity: 1;*/
	font-weight: bold;
	color: red;
	padding: 10px;
}


div.formInput.error, p.error, .disclaimer p.error label { 
	color: red;
	font-weight: bold;
	}
		
.error input, .error textarea {
	border: 1px solid red!important;
	}

/* @end */

.checkbox {border: 0 none; float:left}