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

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

img, fieldset { border: 0; }

hr { /* TODO wird das benötigt? */
  color: #000; /* Mozilla */
  background-color: #000; /* Ie */
  border: #000; /* Opera */
  height: 1px;
}
a:link, a:visited, a:hover, a:active {
	color: #CC3333;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #CC6666;
}
a:active, a:hover {
	color: #CC0000;
	text-decoration: underline;
}

h1 {
	font-size:1.12em;
	font-weight:bold;
}
h2 {
	font-size:1.1em;
	font-weight:bold;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}

/*
* STRUCTURE
*
*/
body {
	padding: 0;
	margin: 0;
	border-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #000;
	background-color: #9CC5E9;
}

html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
}

.printOnly {
	display: none;
}
.screenOnly {
}

.container {
	font-size:0.76em;
	height: 450px;
	width: 772px;
	margin: 24px auto 0 auto;
	border: 1px solid #9CC5E9;
	/*_height: 545px;*/
	overflow:visible;
	min-height:545px;
	position:relative;
	text-align:left;
}

/*
 * Kopf mit Logo und Top-Navigation
 */
.containerHeader {
	position: relative;
	width: 772px;
	height: 69px;
}
#logo {
	position: absolute;
	top: 0;
	left: 12px;
}
.containerService {
	position: absolute;
	top: 55px;
	left: 295px;
	width: 441px;
}
#logoRbb {
	position: absolute;
	top: 40px;
	left: 688px;
	width: 84px;
}

/*
 * Top-Navigation
 */
.containerService ul li {
	float: left;
	color: #FFF;
	font-weight: bold;
	margin-right: 1.15em;
}
.containerService ul li a:link, .containerService ul li a:visited {
	color: #FFF;
	text-decoration: none;
}
.containerService ul li a:hover {
	text-decoration: underline;
}

/*
 * Bereich für Kopfhintergrundgrafik, Bereichsbild und ggf. Flash-Film
 */
#containerTop {
	position: relative;
	margin-top: 74px;
	width: 772px;
	height: 170px;
	background: url( "../grafik/backgrounds/neutral_top.gif" ) no-repeat;
}
/*
 * Gute-Nacht-Kreis
 */
#gutenacht {
	position: absolute;
	margin-top: 12px;
}
/*
 * Bereichslogo (Sandmannbild)
 */
#areaLogo {
	position: absolute;
	left: 76px;
	top: 12px;
}
#topFlash {
	position: absolute;
	left: 160px;
	top: 0;
}


/*
 * Hauptbereich
 */
.containerMain {
	width: 772px;
	/*min-height: 436px;*/
	min-height: 276px;
	float: left;
	padding-bottom: 20px;
	background: url( "../grafik/backgrounds/neutral.gif" ) repeat-y;
}

/*
 * Linke Spalte für Navigation
 */
.containerMarginalA {
	position: absolute;
	left: 0;
	top: 240px;
	width: 150px;
}

/*
 * Linke Navigation
 */
.navigationA li {
	font-weight: bold;
	width: 149px;
	margin-bottom: 12px;
}
.navigationA li a {
	display: block;
	height: 22px;
	background: url("../grafik/backgrounds/navi_item.gif") top left no-repeat;
	text-decoration:none;
	padding: 12px 0 0 60px;
}
.navigationA li a:visited {
	color: #CC3333;
}
.navigationA li a:hover, .navigationA li.active a:link,
		.navigationA li.active a:visited {
	background-image: url("../grafik/backgrounds/navi_item_active.gif");
	color: #FFF;
}
.navigationA li.active span {
	display: block;
	height: 22px;
	background: url("../grafik/backgrounds/navi_item_active.gif") top left no-repeat;
	text-decoration:none;
	padding: 12px 0 0 60px;
	color: #FFF;
}
/* Falls aktiver Menüpunkt doch als Link ausgegeben wird, darf Span nicht als
 	Block mit Hintegrundbild angezeigt werden, sondern ganz normal. */
.navigationA li.active a span {
	display: inline;
	height: auto;
	background: none;
	padding: 0;
	color: #FFF;
}

/* Zweite Ebene */
.navigationA li li {
	height: auto;
	margin-bottom: 4px;
	padding: 0 0 0 12px;
	color: #FFF;
}
.navigationA li li a {
	display: inline;
	height: auto;
	background: none;
	padding: 0;
	color: #FFF;
}
.navigationA li.active li a:link, .navigationA li.active li a:visited {
	background: none;
	color: #FFF;
}
.navigationA li ul {
	margin-left: 50px;
}
.navigationA li li a:hover, .navigationA li.active li a:hover {
	color: #CC3333;
}
.navigationA li li.active {
	background: url("../grafik/backgrounds/aktivpunkt.gif") left 3px no-repeat;
}

.containerCenter {
	width: 600px;
	margin-left: 171px;
}

.containerFunctions {
	font-size: 0.9em;
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
}
.containerFunctions .containerFunctionsLeft {
	width: 240px;
	float: left;
}
.containerFunctions .containerFunctionsLeft a,
		.containerFunctions .containerFunctionsCenter a,
		.containerFunctions .containerFunctionsRight a {
	line-height: 33px;
	padding: 10px 0 10px 40px;
}
.containerFunctions .containerFunctionsLeft a.backLink {
	background: url("../grafik/symbole/pfeil_zurueck.gif") no-repeat;
}

.containerFunctions .rightIcons a {
	float: left;
	height: 22px;
	padding: 10px 34px 0 0;
	background-position: right;
	background-repeat: no-repeat;
	margin-right: 24px;
}
.containerFunctions .rightIcons a.printLink {
	background-image: url("../grafik/symbole/druck_blau.gif");
}
.containerFunctions .rightIcons a.closeWindowLink {
	background-image: url( "../grafik/symbole/schliessen_blau.gif" );
}

.containerFunctions .containerFunctionsCenter {
	float: left;
	width: 130px;
}
.containerFunctions .containerFunctionsCenter a.printLink {
	background: url("../grafik/symbole/druck.gif") no-repeat;
}

.containerFunctions .containerFunctionsRight {
	float: right;
	width: 210px;
	text-align: right;
	margin-right: 12px;
}

.containerFunctions .containerFunctionsRight .forwardLink {
	background: url("../grafik/symbole/pfeil_mehr.gif") no-repeat right;
	padding: 0 30px 0 0;
	margin-right: 0;
	float: none;
	height: auto;
	line-height: 33px;
}

#containerFooter {
	background: url( "../grafik/backgrounds/neutral_bottom.gif" ) no-repeat;
	width: 772px;
	height: 39px;
}

.contentFooter {
	margin-left: 160px;
}
.navFooter li {
	float: left;
	font-weight: normal;
	color: #FFF;
	font-size: 0.9em;
	margin-right: 20px;
}
.navFooter li a:link, .navFooter li a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.navFooter li a:hover, .navFooter li a:active {
	text-decoration: underline;
	font-weight: normal;
	/*color: #CC3333;*/
}


.headA {
	/*margin-bottom: 30px;*/
}

.headA h1 {
	font-size:1.12em;
	font-weight:bold;
	margin:0 12px 4px 0;
}

.headA h2 {
	font-size: 1.12em;
	margin-bottom: 10px;
}

.textA p {
	margin: 12px 12px 12px 0;
}

p.caption {
	font-size: 0.9em;
}

.containerHead h1 {
	float: left;
}
.containerHead .containerHeadRight {
	float: right;
	width: 240px;
	text-align: right;
	margin-right: 12px;
}
/*
* General Helpers
*
*/
.killfloat {
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}

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

.floatLeft { float: left;}
.floatRight {	float: right; }

/*.containerCenter h2 {
	margin-bottom: 10px;
}*/
.containerCenter ul ul {
	margin: 10px 0 10px 40px;
	list-style: disc;
}

/* Linke Spalte im Hauptbereich (zweispaltig) */
.containerContentA {
	float: left;
	width: 375px;
}
/* Rechte Spalte im Hauptbereich (zweispaltig) */
.containerContentB {
	width: 215px;
	margin-left: 385px;
}

/* Dreispaltiger Hauptbereich */
.threeColumns .containerContentA {
	width: 252px;
}
/* Mittlere Spalte im Hauptbereich (dreispaltig) */
.threeColumns .containerContentC {
  margin-left: 252px;
}
.threeColumns .containerContentB {
	width: auto;
	/*margin-left: 441px;*/
	margin-left: 430px;
}

.largeImages .containerContentA {
	width: 338px;
}
.largeImages .containerContentB {
	width: 240px;
	margin-left: 348px;
}

/* Rechte Spalte innerhalb eines Formulars etwas breiter */
.containerFormB .containerContentB {
	width: 225px;
	margin-left: 375px;
}

/* Zweispaltige Anordnung - zwei gleich große Spalten (2x .containerContentD) */
.containerContentD {
	float: left;
	width: 288px;
	margin-top: 24px;
	margin-bottom: 40px;
	padding-right: 12px;
}
.containerContentD ul ul {
	margin: 10px 0 10px 40px;
	list-style: disc;
}
.containerContentD ul li {
	margin-bottom: 20px;
}
.containerContentD ul li li {
	margin-bottom: 0;
}

/* Freunde-Kurzinfo (erste von drei Spalten) */
.containerContentE {
	float: left;
	width: 250px;
}
/* Freunde-Kurzinfo (zweite von drei Spalten) */
.containerContentF {
	float: left;
	/*margin-left: 260px;*/
	width: 250px;
	position: relative;
}
/* Freunde-Kurzinfo (dritte von drei Spalten) */
.containerContentG {
	margin-left: 515px;
}


/* Hintergründe für die verschiedenen Bereiche */
#programm .containerMain {
	background: url("../grafik/backgrounds/programm.gif") repeat-y;
}

/* 25.6.2009 */
#programm .headA h1, #programm .headA .containerHeadRight{
	padding-bottom: 2em; 
}

#programm.programmHeute .headA h1, #programm.programmHeute .headA .containerHeadRight{
	padding-bottom: 0;
	}
	
#programm #fernbedienung, #programm #uhr
	{top: 0}	
	
#programm.programmwoche #fernbedienung, #programm.programmwoche #uhr
	{top: 2em}

/*  */
	
#programm #containerFooter {
	background: url( "../grafik/backgrounds/programm_bottom.gif" ) no-repeat;
}
#programm #containerTop {
	background: url("../grafik/backgrounds/programm_top.gif") no-repeat;
}
#freunde .containerMain {
	background: url("../grafik/backgrounds/freunde.gif") repeat-y;
}
#freunde #containerFooter {
	background: url( "../grafik/backgrounds/freunde_bottom.gif" ) no-repeat;
}
#freunde #containerTop {
	background: url("../grafik/backgrounds/freunde_top.gif") no-repeat;
}
#geschichten .containerMain {
	background: url("../grafik/backgrounds/geschichten.gif") repeat-y;
}
#geschichten #containerFooter {
	background: url( "../grafik/backgrounds/geschichten_bottom.gif" ) repeat-y;
}
#geschichten #containerTop {
	background: url("../grafik/backgrounds/geschichten_top.gif") repeat-y;
}
#spiele .containerMain {
	background: url("../grafik/backgrounds/spiele.gif") repeat-y;
}
#spiele #containerFooter {
	background: url( "../grafik/backgrounds/foot_spiele.gif" ) no-repeat;
}
#spiele #containerTop {
	background: url("../grafik/backgrounds/spiele_top.gif") no-repeat;
}
#post .containerMain {
	background: url("../grafik/backgrounds/post.gif") repeat-y;
}
#post #containerFooter {
	background: url( "../grafik/backgrounds/post_bottom.gif" ) no-repeat;
}
#post #containerTop {
	background: url("../grafik/backgrounds/post_top.gif") no-repeat;
}
#historisch .containerMain {
	background: url("../grafik/backgrounds/historisch.gif") repeat-y;
}
#historisch #containerFooter {
	background: url( "../grafik/backgrounds/historisch_bottom.gif" ) no-repeat;
}
#historisch #containerTop {
	background: url("../grafik/backgrounds/historisch_top.gif") no-repeat;
}

/*
 * Übersichten
 * Zweispaltiges Layout (fließend links -> rechts)
 */
.containerTeaserA {
	float: left;
	margin: 4px 10px 28px 0;
	width: 289px;
}

/*
 * Teaser-Text links (fließend)
 */
.teaserA {
	float: left;
	width: 138px;
}
.teaserA h2 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

/*
 * Pfeil nach unten versetzt
 */
.teaserArrowA {
	float: left;
	width: 24px;
	margin-top: 64px;
}
/*
 * Bild nach rechts versetzt
 */
.teaserPictureA {
	margin-left: 166px;
}


/*
 * Teaser für dreispaltiges Layout
 */
.containerTeaserB {
	float: left;
	margin: 0 40px 12px 0;
	width: 160px;
	min-height: 120px;
}
.containerTeaserB h2 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 12px 0;
}
.teaserB {
	float: left;
	width: 160px;
}

/* Freunde - Sechs Teaser nebeneinander (fließend links -> rechts) */
.containerTeaserD {
	float: left;
	width: 86px;
	height: 80px;
	margin: 0 1px;
}
.teaserPictureD {
	width: 80px;
	height: 80px;
	background: url("../grafik/backgrounds/freunde_rahmen.gif") no-repeat;
}
.teaserPictureD img {
	margin: 14px 0 0 16px;
}

/* Reine Textteaser, untereinander */
.containerTeaserE {
	margin-bottom: 20px;
}
.containerTeaserE h2, teaserE h2 {
	font-size: 1em;
	margin-bottom: 0;
}
.containerTeaserE h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

/* Teaser mit Text, Pfeilabstand und Bild (nebeneinander) */
.containerContentA .containerTeaserE .teaserA {
	width: 227px;
}
.containerTeaserE h2 {
	margin: 0;
}
.containerContentA .containerTeaserE .teaserPictureA {
	margin-left: 255px;
}

/* Bild (in eigener Zeile) */
.containerTeaserE img {
	margin-bottom: 10px;
}
.containerTeaserE .teaserPictureE {
	margin-bottom: 10px;
}
.containerTeaserE .teaserPictureE img {
	margin-bottom: 0;
}

.largeImages .containerTeaserE {
	margin-bottom: 40px;
}

/* Teaser mit Bild (rechtsbündig), darunter Link */
.containerTeaserF {
	margin-right: 12px;
}
.containerTeaserF .teaserPictureF {
	text-align: right;
}
.containerTeaserF .teaserF a {
	display: block;
	background: url("../grafik/symbole/pfeil_mehr.gif") no-repeat right;
	padding-right: 24px;
	font-weight: bold;
	font-size: 0.9em;
	margin: 10px 0;
}

/* Ein Teaser pro Zeile mit grauer Trennlinie oben */
.containerTeaserG {
	width: 203px;
	border-top: 1px solid #E5E5E5;
	position: relative;
	padding: 8px 0;
}
.containerTeaserG .teaserA {
	width: 110px;
	font-size: 0.9em;
	min-height: 72px;
	float: none;
}
.containerTeaserG .teaserArrowA {
	position: absolute;
	top: 61px;
	left: 82px;
	width: 24px;
	margin-top: 0;
	float: none;
}
.containerTeaserG .teaserPictureA {
	/*margin-left: 113px;*/
	margin: 0;
	text-align: right;
	height: 72px;
	/*width: 68px;*/
	position: absolute;
	top: 5px;
	/*left: 113px;*/
	right: 0;
}

/* Teaser mit Bild und darunterstehendem Text/Link (Text unter Bild zentriert) */
.containerTeaserH {
	text-align: center;
}
.containerTeaserH .teaserPictureH {
}
.containerTeaserH .teaserH {
	font-size: 0.9em;
	margin: 10px 0 20px 0;
}


.containerVoting {
}
/* Voting: links: Bild mit Hintergrundbild, rechts Radio-Button */
.containerTeaserI {
	position: relative;
	margin-bottom: 20px;
	height: 30px;
}
.containerTeaserI.video, .containerTeaserI.medialib_video {
	background: url("../grafik/backgrounds/fernseher.gif") no-repeat;
	height: 186px;
}
.containerTeaserI.audio, .containerTeaserI.medialib_audio {
	height: 95px;
	margin-bottom: 0;
}
.containerTeaserI.gallery, .containerTeaserI.bildergalerie {
	height: 60px;
}
.containerTeaserI .teaserPictureI {
	position: absolute;
}
/* Bild im Fernseher */
.containerTeaserI.video .teaserPictureI, .containerTeaserI.medialib_video .teaserPictureI {
	top: 78px;
	left: 15px;
}
.containerTeaserI.audio .teaserPictureI img, .containerTeaserI.gallery .teaserPictureI img,
.containerTeaserI.medialib_audio .teaserPictureI img, .containerTeaserI.bildergalerie .teaserPictureI img {
	margin-left: 21px;
}
.containerTeaserI .teaserI {
	position: absolute;
}
.containerTeaserI.video .teaserI, .containerTeaserI.medialib_video .teaserI {
	left: 125px;
	top: 125px;
}
.containerTeaserI.audio .teaserI, .containerTeaserI.medialib_audio .teaserI {
	left: 125px;
	top: 60px;
}
.containerTeaserI.gallery .teaserI, .containerTeaserI.bildergalerie .teaserI {
	left: 125px;
	top: 20px;
}

/* Voting-Option mit Überschrift, Bild darunter und daneben Radio-Button */
.containerTeaserJ {
}
.containerTeaserB .teaserPictureJ {
	float: left;
	width: 120px;
}
.containerTeaserB .teaserJ {
	padding-top: 70px;
}


/* Homepage */
.containerStartHome {
	background: url("../grafik/backgrounds/start/winter.gif") no-repeat 0 74px;
}
#homepage #containerStartContent {
	width: 772px;
	height: 474px;
}
#homepage .containerCenter {
	position: relative;
}
#homepage #containerTop, #homepage .containerMain, #homepage #containerFooter {
	background: none;
}
#homepage #containerTop {
	height: 77px;
}
#homepage #areaLogo {
	display: none;
}
#homepage .containerMain {
	height: 397px;
	padding-bottom: 0;
}
#homepage .contentFooter {
	margin-left: 0;
}
/* Teaser auf der rechten Seite */
#containerStartTeasers {
	width: 240px;
	position: absolute;
	left: 474px;
	top: 100px;
	background-color: #FFF;
	padding: 2px 4px;
	color: #336699;
}

#containerStartTeasers .containerTeaserG {
	padding: 3px 0 0 0;
	}
	
#homepage #containerStartTeasers .teaserA {
	margin: 0;
	margin-bottom: 7px;
}

#homepage #containerStartTeasers .containerTeaserG .teaserArrowA {
bottom: 4px;
}

#homepage .containerTeaserG {
	border: none;
	width: 236px;
	overflow: hidden;
}
#homepage .containerTeaserG .teaserA {
	width: 134px;
	height: auto;
	margin-bottom: 18px;
	font-size: 1em;
}
#homepage .containerTeaserG .teaserArrowA {
	top: auto;
	left: 106px;
	bottom: 8px;
	right: auto;
}
#homepage .containerTeaserG .teaserPictureA {
	margin-left: 34px;
}
/* Video */
#containerStartVideo {
	position: absolute;
	left: 621px;
	top: 373px;
}

/* Aktionsstartseite */
.containerStartAction {
	background: url("../grafik/backgrounds/start/nonflash.gif") no-repeat 0 74px;
}
.containerStartAction .containerTeaserE {
	margin-bottom: 0;
}

#aktion_animations div {
	position: absolute;
}
#aktion_sterne1, #aktion_sterne2 {
	left: 0;
	top: 74px;
}
#aktion_funk {
	left: 227px;
	top: 74px;
}
#aktion_blinken1 {
	left: 492px;
	top: 393px;
}
#aktion_blinken2 {
	left: 523px;
	top: 379px;
}

/* Gute Nacht */
.containerGuteNacht {
	background: url("../grafik/backgrounds/gutenacht/regenbogen.gif") no-repeat 0 74px;
}
#homepage.containerGuteNacht .containerMain {
	height: 363px;
}
#homepage.containerGuteNacht #containerFooter {
	background: url("../grafik/backgrounds/neutral_bottom.gif") no-repeat;
	padding-left: 160px;
}
.containerGuteNacht #gutenacht {
	display: none;
}
#containerGuteNachtImage {
	margin-top: 32px;
	margin-left: 28px;
}
#containerGuteNachtBack {
	margin-top: 0;
	position: absolute;
	left: 600px;
	top: 517px;
}
#containerGuteNachtBack.containerFunctions .containerFunctionsLeft a.backLink {
	background-image: url("../grafik/symbole/pfeil_zurueck_dklblau.gif");
	color: #FFF;
}

/* Fernbedienung und Uhr */
#programmschalt {
	position: relative;
	right: 0;
}
#uhr {
	position:absolute;
	width: 71px;
	height: 71px;
	z-index: 2;
}

#fernbedienung {
	position:absolute;
	width: 149px;
	height: 202px;
	background: url("../grafik/backgrounds/fernbedienung.gif") no-repeat;
	z-index: 3;
}
#programmschalt #fernbedienung {
	margin-left: 58px;
}
#programmschalt #uhr{
	margin-left: 20px;
}

.programmwoche #programmschalt {
	top: 20px;
}

/* Fernbedienung im mittlerer Spalte bei dreispaltiger Anordnung */
.containerContentC #programmschalt #fernbedienung {
	margin-left: 38px;
}
/* Uhr im mittlerer Spalte bei dreispaltiger Anordnung */
.containerContentC #programmschalt #uhr {
	margin-left: 0;
}

#rbb_button {
	position:absolute;
	top: 27px;
	left: 61px;
	z-index: 4;
	width: 52px;
	height: 25px;
}
#kika_button {
	position:absolute;
	top: 50px;
	left: 51px;
	z-index: 5;
	width: 48px;
	height: 33px;
}
#mdr_button {
	position:absolute;
	top: 79px;
	left: 39px;
	z-index: 6;
	width: 53px;
	height: 33px;
}

/* Inhalt des Fernsehers in Freunde-Kurzinfo */
#freundeTv {
	position: absolute;
	top: 80px;
	left: 80px;
}


/* Einzeiliges Suchformular */
.containerFormA {
	margin: 30px 0 20px 0;
}
.containerFormA .formPicture {
	float: left;
	width: 105px;
}
.containerFormA .form {
	margin-left: 105px;
	background-color: #166998;
	padding: 10px;
	margin-right: 10px;
}
#freunde .containerFormA .form {
	background-color: #9AD334;
}

.containerFormA label {
	float: left;
	/*width: 200px;*/
	font-weight: bold;
	font-size: 0.9em;
	color: #FFF;
	padding-right: 8px;
	padding-top: 10px;
}

.submitbutton {
	background: url("../grafik/backgrounds/suchbutton.gif") no-repeat 0 4px;
	width: 104px;
	height: 28px;
	border: 0 none;
	font-weight:bold;
	color: #FFF;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.textbutton {
	background: url("../grafik/symbole/pfeil_mehr.gif") right center no-repeat;
	color: #CC3333;
	margin-top: 8px;
	padding-right: 30px;
	text-align: right;
	border: 0 none;
	font-weight: bold;
}

/* Suchergebnisse */
.containerResults {
	margin-top: 30px;
}
.containerResults h2 {
	font-size: 1.12em;
	margin-bottom: 10px;
}
.containerResults ul li {
	font-size: 0.9em;
	padding: 4px 0;
}
.containerResults a {
	background: url("../grafik/symbole/pfeil_mehr.gif") no-repeat right;
	padding-right: 30px;
}
/* Blätternavigation */
.containerBrowseNavigation {
	color: #CC3333;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
}
.containerBrowseNavigation a {
	font-weight: normal;
}

/* Druckansicht Beitrag (kein Rahmen) */
.container.print {
	margin: 24px 28px 0 28px;
	width: 534px;
}
.print #containerHeader {
	width: 534px;
}
.print #logo {
	left: 0;
}
.print .containerService {
	left: 270px;
}
.print #logoRbb {
	left: 450px;
}
.print .containerMain {
	width: 534px;
	min-height: 700px;
	float: none;
	padding-bottom: 0;
	background: #FFF;
	margin-top: 74px;
	overflow: hidden;
}

.print .containerCenter {
	width: 510px;
	margin: 24px 12px;
}

.print .containerFunctions {
	margin-top: 20px;
}

.print .textA p {
	margin: 12px 0;
}

.print #programmschalt, .print #fernbedienung{
	visibility:hidden;
	display: none
	}
	
.print .containerHeadRight {
	display: block;
	padding-bottom: 1em;
	text-align:left;
	float: none;
	}
	
/* Multimediakonsole */
.container.multimedia {
	margin: 0;
	width: 640px;
	height: 432px;
	min-height: 0;
	background: url("../grafik/backgrounds/multimedia.gif") no-repeat;
}
.multimedia .containerHeader {
	height: 58px;
	width: auto;
}
.multimedia .containerHeader .containerCloseButton {
	position: absolute;
	right: 17px;
	top: 15px;
}
.multimedia .containerMain {
	background: none;
	float: none;
	width: auto;
	padding: 0;
	min-height: 0;
	/*height: 432px;*/
	/*height: 374px;*/
	position: relative;
}
.multimedia .containerMarginalA {
	left: 1px;
	top: 0;
	width: 79px;
	height: 374px;
	text-align: center;
}
.multimedia .containerMarginalA .containerMediaType {
	position: absolute;
	left: 0;
	bottom: 263px;
	width: 79px;
}
.multimedia .containerMarginalA p {
	color: #CC3333;
	font-weight: bold;
	margin-top: 8px;
	font-size: 0.8em;
	text-align: center;
}
.multimedia .containerCenter {
	position: absolute;
	margin-left: 0;
	height: 374px;
}
.gallery .containerCenter {
	left: 166px;
	top: 0;
	width: 474px;
	margin-left: 0;
}
.multimedia .containerImage {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 400px;
	height: 300px;
}
.multimedia .containerBrowseGallery {
	position: absolute;
	top: 305px;
	width: 400px;
}
.multimedia .containerBrowseGallery .back {
	float: left;
	margin-top: 18px;
	width: 35px;
	height: 35px;
}
.multimedia .containerImageTitle {
	float: left;
	width: 300px;
	margin: 0 15px;
	text-align: center;
	font-size: 0.9em;
	color: #333333;
}
.multimedia .containerImageTitle h1 {
	font-size: 1em;
	margin-top: 5px;
}
.multimedia .containerBrowseGallery .forward {
	float: right;
	margin-top: 18px;
	width: 35px;
	height: 35px;
}
.audioVideo .containerCenter {
	left: 112px;
	top: 10px;
	width: 512px;
}
.audioVideo .containerCenter .containerAudioVideo {
	margin-left: 64px;
}
.multimedia .containerAudioVideoTitle {
	font-size: 0.9em;
	text-align: center;
	color: #333333;
	margin-top:10px;
	
}
.multimedia .containerAudioVideoTitle h1 {
	font-size: 1em;
}
.audioVideo .containerCenter .containerAudioVideo.wideScreen {
	margin-left: 0;
}
.realVideo .containerCenter {
	left: 112px;
	top: 33px;
	width: 512px;
}
.realVideo .containerAudioVideo {
	width: 334px;
	height: 255px;
	margin-left: 90px;
	background-color: #FFF;
	overflow: hidden;
}
.realVideo .containerRealVideoPlayer {
	margin: 18px 47px 2px 47px;
	width: 240px;
}
.realVideo .containerAudioVideo p {
	margin: 0 47px;
	text-align: right;
	font-size: 0.9em;
}
.realVideo .containerAudioVideo a {
	font-weight: normal;
	padding-right: 22px;
	background: url("../grafik/symbole/pfeil_mehr_klein.gif") no-repeat right;
}
.realVideo .containerAudioVideoTitle {
	margin-top: 40px;
}

/* Formular mit Beschriftungen oberhalb der Eingabefelder */
.containerFormB label {
	font-weight: bold;
}
.containerFormB p {
	margin: 12px 0;
}
.containerFormB input {
	width: /*178px*/ 200px;
}
.containerFormB input[type="checkbox"], .containerFormB input[type="radio"] {
	width: auto;
	margin-right: 14px;
}
/* IE6, evtl. anderer Browser, die die Selektoren nicht kennen */
.containerFormB input.radio, .containerFormB input.checkbox {
	width: auto;
	margin-right: 14px;
}
.containerFormB textArea {
	width: 344px;
}
.containerFormB .submitbutton {
	margin-left: 10px;
	width: 104px;
}

.teaserPictureG {
	text-align: center;
}
/* Normales Bild */
.teaserPictureC {
}
a.back {
	background: url("../grafik/symbole/pfeil_weniger.gif") no-repeat;
	line-height: 18px;
	padding-left: 30px;
}
a.forward {
	background: url("../grafik/symbole/pfeil_mehr.gif") no-repeat right;
	line-height: 18px;
	padding-right: 30px;
}

.eCardText p {
	font-weight: bold;
	margin: 0 150px 20px 150px;
}

.containerDekoPicture {
	position: absolute;
	bottom: 12px;
	right: 12px;
}

.containerCenter.dekoKoenig,
	.containerCenter.dekoRabe,
	.containerCenter.dekoPitti,
	.containerCenter.dekoFreunde {
	overflow: hidden;
	position: relative;
}
.dekoKoenig, .dekoRabe, .dekoPitti, .dekoFreunde {
	min-height: 350px;
}
.dekoKoenig .containerFunctions,
	.dekoRabe .containerFunctions,
	.dekoPitti .containerFunctions,
	.dekoFreunde .containerFunctions {
	position: absolute;
	bottom: 12px;
	left: 0;
}
.dekoKoenig {
	background: url("../grafik/backgrounds/koenig.jpg") bottom right no-repeat;
}
.dekoRabe {
	background: url("../grafik/backgrounds/rabe.jpg") bottom right no-repeat;
}
.dekoPitti {
	background: url("../grafik/backgrounds/pitti.jpg") bottom right no-repeat;
}
.dekoFreunde {
	background: url("../grafik/backgrounds/content_freunde.gif") top left no-repeat;
	height: 400px;
}
.minHeight {
	display: block;
	width: 0;
	height: 320px;
	float: right;
}
#containerNonFlashMenu {
	display: none;
}

.disclaimer {
	margin-top: 20px;
	font-style: italic;
}
/* Bereich für Haupteingabefeld(er) beim Quiz */
.containerFormQuestion {
	margin-bottom: 40px;
}

.highlightedText {
	color: #CC3333;
	font-weight: bold;
}

/* Voting */
.containerVotingResults {
	margin-top: 40px;
}
.containerVotingResult {
	clear: left;
	margin-bottom: 10px;
}
.textA .containerVotingResult p {
	margin: 0;
}
.containerHorizontalBar {
	border: solid 1px #CC3333;
	height: 1em;
	width: 200px;
	float: left;
	margin: 4px 0 12px 0;
}
.containerBarContent {
	background-color: #CC3333;
	height: 100%;
}
.containerVotingResultValue {
	margin-left: 210px;
	color: #CC3333;
	font-weight: bold;
}

.containerSubmit {
	margin-top: 10px;
}

/*neu für Formulare 6.4.2009*/

.containerMain input, .containerMain textarea {
	border: 1px solid #999999;
	margin-top: 4px;
	}
	
.containerMain .form input, .containerMain .form textarea {
	border: 1px solid #999999;
	margin-top: 0;
	}
	
.containerMain input.submitbutton, .containerMain input.textbutton, .containerMain input.checkbox, .containerMain input.radio {
	border: 0 none;
	}
	
.containerMain input.submitbutton {
	vertical-align: bottom;
	}
	
.datenschutz {
	color:#666666;
	font-size: 90%;
	padding: 10px 10px 0 0;
	}
.datenschutz p{
	margin: 8px 0 0 0;
	}
	
.datenschutz input{
	margin-top: 8px;
	}

	
.submitbutton.bottomRight {
	float: left;
	position: relative;
	left: 24px;
	top: 12px;
	}


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

/* @end */