li.odd 
{
	background-color:#fffbe9;
}

li.odd_bgwhite
{
	background-color:#229d69;

}

.rss
{
	font-size: 0.8em;
	color: #000000;
	font-family: Verdana, Tahoma, sans-serif;

}

/* ----- Anpassungen Teaser ----- */
#topTeaser a, .standardTeaser a {
	color:#FFFFFF;
}



/* ---------------------------------------------------------------------------------- */

/* rr:
html, body, fernsehen aktiv, metafunktionen rausgenommen
*/
#header #topBanner {
	background-color: #0c5028;
	background-image: url(/bilder/oben.jpg);
}


/* ---------------------------------------------------------------------------------- */



html, body	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Verdana, Tahoma, sans-serif;
	color: #ffffff;
	background-color: #F3F3F3;
}
h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}
h1, h2 {
	font-size: 1.1em;
}
img {
	border: none;
}
ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
input, select, textarea {
	font-size: 1em;
	color: #000;
	font-family: Verdana, Tahoma, sans-serif;
}
input.contentbreite, select.contentbreite, textarea.contentbreite {
width:45em;
}
label, button, .textButton input {
    cursor: pointer;
}
.clearMe {
	clear: both;
	font-size: 1px;
	height: 0;
	margin: 0;
	line-height: 0px;
	display: block;
}
.IEabbr, abbr, acronym {
	border-bottom: none;
}

/* to wrap "-" even in Mozilla */
.mozWrap:after {
	content: " "; margin-right: -0.32em;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
/*rr: verhindert css-valide */
html:not([dummy]) fieldset legend {  /*Mozilla hat bei der legend ein Problem mit dem verschieben */
	display: none;	
}

/* ----- Links ----- */
a {
	color: #FFFFFF; /* Grunds�tzlich alle Links weiss */
	text-decoration: none;
}
a:hover, a:focus, a:active, a:active span, a:hover span, a:focus span {
	text-decoration: underline;
}
.leftNavL1 a:hover, .leftNavL1 a:focus, .leftNavL1 a:active, .leftNavL1 a:hover span, .leftNavL1 a:active span, .leftNavL1 a:focus span  {
	text-decoration: none;
}
/* ---- Fonts ---- */
.headerText {
	font-size: 0.65em;
}
#centerCol {
	font-size: 0.6875em;
	font-size: 0.7em;
}

/* ***** Top Navigation ***** */

#header #topBanner {
	background: url(/bilder/oben.jpg) no-repeat left #0c5028;
}
#header #topBanner #innerTopBanner {
	width: 48.15em;
	height: 45px;
	background: url(/bilder/oben.jpg) no-repeat left #0c5028;
}
#header #topBanner #innerTopBanner #headerLogo {
	margin: 8px 0 0 6px;
	float: left;
}
#topBanner #headerClaim {
	margin: 15px 0 0 0;
	float: right;
}


/* Container fuer die Reiter selbst  */	
.navcont {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background: #004b1a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	} 
	
/* Navigation: linksbuendig */

.navcont ul {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	background: #004b1a url(/bilder/back_masternavi.gif) repeat-x bottom;
	/* border-left: 1px solid #647fac; */
} 

.navcont ul.right {
	margin: 0;
	padding: 0;
	float: right;
	/* border-left: 1px solid #647fac; */
} 

.navcont .listContainer {
	width: 48.75em;
	float: left;
}
	

.navcont li {
	font-size: 0.75em;
	list-style-type: none;
	float: left;
	}

.navcont a {
	color: #fff !important;
	text-decoration: none;
	display: block;
	padding: 0.25em 0.3em 4px 0.3em;
	margin: 0;
	text-align: center;
	border-right: 1px solid #fff;
	background: none;
	text-decoration: none !important;
	}


/* Das sind die ganzen hovers fuer die onmouseovers */

a.home:hover, a.home:focus, a.home:active, .impretcFit.homecol { background: #3D8FCC url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.nachrichten:hover, a.nachrichten:focus, a.nachrichten:active, .impretcFit.nachrichtencol { background: #5985DE  url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.sport:hover, a.sport:focus, a.sport:active, .impretcFit.sportcol { background: #ff8400  url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.boerse:hover, a.boerse:focus, a.boerse:active, .impretcFit.boersecol { color: #004B1A !important; background: #FFE614  url(/bilder/back_masternavi.gif) repeat-x bottom; }
a.ratgeber:hover, a.ratgeber:focus, a.ratgeber:active, .impretcFit.ratgebercol { background: #08A396 url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.boulevard:hover, a.boulevard:focus, a.boulevard:active, .impretcFit.boulevardcol { background: #731C9F url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.wissen:hover, a.wissen:focus, a.wissen:active, .impretcFit.wissencol { background: #682257 url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.kultur:hover, a.kultur:focus, a.kultur:active, .impretcFit.kulturcol { background: #FF3C00 url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.kinder:hover, a.kinder:focus, a.kinder:active, .impretcFit.kindercol { background: #009400 url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.fernsehen:hover, a.fernsehen:focus, a.fernsehen:active, .impretcFit.fernsehencol { background: #f3f3f3 url(/bilder/back_masternavi.gif) repeat-x bottom; color: #264966 !important; }
a.radio:hover, a.radio:focus, a.radio:active, .impretcFit.radiocol { background: #3D8FCC url(/bilder/back_masternavi.gif) repeat-x bottom; color: #fff !important; }
a.mediathek:hover, a.mediathek:focus, a.mediathek:active, .impretcFit.mediathekcol { background: #fff; color: #004b1a !important; }
a.intern:hover, a.intern:focus, a.intern:active, .impretcFit.interncol { background: #3D8FCC url(/bilder/back_masternavi.gif) repeat-x bottom; }

/* AKTIV */
a.fernsehenaktiv { background: #f3f3f3; color: #264966 !important; border-left: #fff 1px solid !important; }

/* ----- Meta-Funktionen (Datum / Breadcrumb) ----- */
.metaFunktionen {
	padding-top: 1px;
	clear: both;
	width: 48.15em;
	color: #454545;
}
.metaFunktionen .left {
	width: 11.20em;
	float: left;
}
.metaFunktionen .left span.headerText {
	display: block;
	padding: 5px;
}
.metaFunktionen .breadcrumb {
	width: 22em;
	margin-left: 3.3em;
	float: left;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
}
.metaFunktionen .breadcrumb div.headerText {
	padding: 5px;
	display: block;
}
.metaFunktionen ul, .metaFunktionen ul li {
	display: inline;
}
.metaFunktionen .breadcrumb ul.firstUl {
	margin-left: -1px;
}
.metaFunktionen .breadcrumb ul li img {
	vertical-align: baseline;
	margin-bottom: -1px;
	margin-right: 2px;
}
.metaFunktionen .meta {
	width: 10.85em; 
	padding: 5px 0;
	float: left;
}
.metaFunktionen a {
	color: #454545;
}
.metaFunktionen .meta div.headerText {
	float: right;
}
.metaFunktionen .meta div.headerText .firstOne{
	border: none;
}
.metaFunktionen .meta ul li {
	float: left;
	border-left: 1px solid #454545;
	margin-bottom: -1px;
	height: 1.4em;
}
/*rr: verhindert css-valide */
html>body .metaFunktionen .meta ul li {  /*Anpassung Opera + Firefox */
	float: none;
}
html:not([dummy]) .metaFunktionen .meta ul li {  /*Anpassung speziell NUR f�r den Firefox*/
	float: left;
}

.metaFunktionen .meta ul li img {
	margin: 0 5px -1px;
	vertical-align: baseline;
}
.metaFunktionen .meta ul li span {
	display: block;
	margin-left: 5px;
}
/*rr: verhindert css-valide */
html>body .metaFunktionen .meta ul li span {  /*Anpassung Opera + Firefox */
	display: inline;
	padding-left: 5px;
}
html:not([dummy]) .metaFunktionen .meta ul li span {  /*Anpassung speziell NUR f�r den Firefox*/ 
	display: block;
	margin-left: 5px;
	padding-left: 0;
}

.metaFunktionen #headTrenner {
	clear: both;
	padding-top: 1px;
	border-bottom: 1px solid #F3F3F3;
	margin-bottom: 7px;
}


/* ***** Die allgemeine Seitenstruktur (Spalten-Layout) ***** */
#colStructure {
	clear: both;
	background: url(/bilder/verlauf.jpg) left top repeat #AED0E9;
	border-bottom: 1px solid #004b1a;
	min-width:49em;
}
/* ----- Die Zeile mit dem Panoramabild (Die Hintergrundfarbe l�uft 10px unter dem Panoramabild) ----- */
#google_oben {
	background: url(/bilder/verlauf.jpg) left top repeat-x repeat-y #ffffff;
	height: 90px;
	padding-bottom: 10px;
}
/* ----- Die Linke Spalte (suche / secLevel Navigation)----- */
#leftCol {
	float: left;
	width: 14.66em;

}
/* Die Mittelteil (manchmal 1-spaltig, machmal 2spaltig) */
#centerCol {
	float: left;
	width: 500px;
	/*margin-left: 260px;*/

	/*position:absolute;
	left:260px;*/


}
#centerCol .abstand {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
	border: none;
	margin: 0px 0px 0px 0px;
}
#centerCol .trenner {
	clear: both;
	height: 2px;
	font-size: 1px;
	line-height: 0px;
	background-image: url(/bilder/verlauf.jpg);
	border: none;
	background-position:left;
	background-repeat:repeat-y;
	margin: 0px -10px 9px -10px;
}
#centerCol #contentArea .trenner {
	background-color: #000000;
	margin: 10px 0px 10px 0px;
}
#centerCol #contentArea .trenner2 {
	clear: both;
	height: 2px;
	font-size: 1px;
	line-height: 0px;
	background-repeat:repeat-y;
	margin: 0px 0px 0px 0px;
}


/* ----- Suchenformular ----- */
#sucheContainer {
	width: 14.67em;
}
#suche {
	padding: 0 0 10px 0;
	width: 14.66em;
	margin-left: 0;
	background-color: #F3F3F3;
}
#suche form {
	width: 12.6em;
	margin-left: 16px;
	padding: 6px 1px 3px 6px;
	/*background-image: url(/bilder/suche.jpg);*/
	
}
#suche #searchText {
	font-size: 0.7em;
	float: left;
	width: 14.5em;
}
#suche .submitBut {

	margin: -1px 0px 0px 3px;
}


/* ----- Linke 2nd Level Navigation ----- */
/* Hier in der prim sind alle wichtigen Selektoren eingetragen, die das Aussehen der leftNavi beeinflussen */
#leftCol .leftNavi .activeOne span, #leftCol .leftNavi .activeKat span  { /* Abstand zwischen dem aktiven Unterpunkt und dem Pfeil rr: angepasst */
	/*margin-left: -11px;*/
	margin-left: -11px;
	margin-right: 4px;
}
#leftCol .leftNavi .activeKat { /* Der Container der Kategorie + evtl. vorhandener Subpage-Navigation */
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	height: auto;
	float: left;
}
#leftCol .leftNavi .activeKat.noSubKat {
	width: 18.35em;
	padding-bottom: 3px;
	margin-bottom: 1px;
}

#leftCol .leftNavi .activeKat.noSubKat div span img {
	margin: 3px 0 0 -11px;
	float:left;
}
#leftCol .leftNavi .activeKat.noSubKat div a {
	float:left;
	color: #000000;
}

#leftCol .leftNavi .activeKat div {
	padding-bottom: 0;
}
#leftCol ul.leftNavi { /* u.a. die Farbe / der Verlauf zwischen den Listpunkten (1px hohe Linien) */
	font-weight: bold;
	font-size: 0.8em;
	background-color: #F3F3F3;
	margin: 0;
	padding: 0;
	width: 18.35em;
	background: url(/bilder/leftnav_verlauf.gif) repeat-y;
}
#leftCol .navitrenner { /*rr: 1pixel hohe linie mit verlauf als trenner (z.b. oberhalb der navi) */
	clear: both;
	font-size: 1px;
	height: 1px;
	margin: 0;
	line-height: 0px;
	display: block;
	background: url(/bilder/leftnav_verlauf.gif) repeat-y;
	background-color:#f3f3f3;
}
#leftCol ul.leftNavi div { /* alle divs ansprechen */
	padding-top: 1px;
}



/* 2te Ebene */
#leftCol ul.leftNavi li {
	/*height: 1.57em;*/ /* die li 1px hoeher als das div, da hier der Verlauf gesetzt wird */
	margin-bottom: 1px;
	clear: both;
	background-color:#F3F3F3;
}
#leftCol ul.leftNavi li.lastOne {
	padding-bottom: 10px;
	background-color: #F3F3F3;
}
#leftCol ul.leftNavi li div { /* alle Divs */
	/*height: 1.47em;*/
	/* background: url(/img/navi/home/leftnav_verlauf.gif) repeat-y; */
	background-color: #F3F3F3;
	padding-left: 15px;
	color: #000000;
	display: block;
	padding-bottom: 3px;
}
#leftCol ul.leftNavi li a { /* Spricht alle Links an */
/*	display: block; */
	width: 16.3em;
	/*width: 18.3em;*/
	color: #454545;
}

#leftCol ul.leftNavi li ul {
	float: left;
}
#leftCol ul.leftNavi li ul li {
	height: auto;
	font-weight: normal;
}
#leftCol ul.leftNavi li ul li.lastOne {
	margin-bottom: 0;	
	padding-bottom: 0;
	background-color: transparent;
}

/* 'Alle Sendugen' Formular */
#leftCol ul.leftNavi li div.toValidate { /* Das Form mu� in einem Blockelement stehen, damit die Seite validiert */
	padding-left: 0;
	padding-bottom: 0;	
}
#leftCol ul.leftNavi form {
	width: 18.55em;
	font-size: 0.9em;
	padding: 1px 0 8px 0;
	padding-top:1px;
	padding-bottom:8px;
	padding-left:1.7em;
	padding-right:0.1em;
	float: left;
	background-color: #F3F3F3;
	color: #454545;
	font-weight: normal;
}
#leftCol ul.leftNavi select {
	margin-top: 1px;
	margin-left: -4px;
	font-size: 0.95em;
	width: 15.8em;
	float: left;
}
#leftCol ul.leftNavi .submitBut {
	float: left;
	margin-top: 0px;
	margin-left: 3px;
	/* rr: border: 1px solid #353E5F; */
}

/* Ab hier die Micropage Navigation */
#leftCol ul.leftNavi li ul li.activeSendung {
	float: left;
	font-size: 0.9em;
	/*background-color: #fc0;*/
	width: 100%;
	
	/* einfarbige l�sung:*/
	border-bottom: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
}
#leftCol ul.leftNavi li ul li.activeSendung div {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	background-repeat: repeat-y;
	width: 16.3em;
	/*width: 18.5em;*/
}
#leftCol ul.leftNavi li ul li.activeSendung a { /* Links inklusiv des Sendungsnamens (Micropage) */
	color: #000000;
	width: 16.3em;
	/*width: 18.3em;*/
}
#leftCol ul.leftNavi li ul li.activeSendung li.activeOne div { /* Der aktive Unterpunkt */
	font-weight: bold;
	width: 16.3em;
	/*width: 18.3em;*/
}
#leftCol ul.leftNavi li ul li.activeSendung li.activeOne img {
	margin-top: 3px;
	float: left;
	/*margin-left: -13px;*/
	margin-left: -22px;
	margin-right: 11px;
}
/*ausrichtung bei verlinktem aktiven Navigationspunkt*/
#leftCol ul.leftNavi li ul li.activeSendung div span img {
	margin-top: 2px;
	float: left;
	margin-left: -11px;
	margin-right: 4px;
}
#leftCol ul.leftNavi li ul li.activeSendung ul li { 
	font-size: 1em;
	margin-top: 1px;
}
#leftCol ul.leftNavi li ul li.activeSendung ul li a { /* Die Unterpunkte der Micropage Navi */
	color: #454545;
	width: 16.1em;
	/*width: 18.3em;*/
	display: block;
}

#leftCol .leftNavi .activeKat .activeSendung .activeOne div a {
	display: inline;
}

#leftCol ul.leftNavi li ul li.activeSendung ul li div { 
	width: auto;
	padding-left: 26px;
	font-weight: normal;
}
#leftCol ul.leftNavi li ul li.activeSendung ul li ul li {
	margin-top: 0px;
}
#leftCol ul.leftNavi li ul li.activeSendung ul li ul li div a {
	font-weight: normal;
}


/* ----- Die AdditionalInfo Boxen auf der homepage (in der leftCol) ----- */
.addInfoBox {
	padding-left: 5px; /* Abstand zum linken Rand */
	color: #13293E;
	font-size: 0.7em;
	vertical-align: top;
	/*border-bottom: 1px solid #EBF4FA;*/
	background-repeat: repeat-y;
}
.addInfoBox h3 {
	font-size: 1.1em;
	padding-top: 5px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	margin-bottom: 2px;
}
.addInfoBox select {
	margin: 3px 0 0 10px;
	padding:0;
	float: left;
	background-color: #FFFFFF;
	width: 15.45em;
}
.addInfoBox .submitBut {
	/* rr: border: 1px solid #1E4766; */
	margin: 2px 3px 10px 8px;
	/*explizite neudefinition*/
	margin-left:3px;
}
.addInfoBox ul {
	float: left;
	width: 19em;
	padding-bottom: 10px;
}
.addInfoBox ul div { /* Die unverlinken Zeilen in der linken Navi */
	margin-left: 20px;
	padding-bottom: 2px;
	width:17em;
}
.addInfoBox li {
	margin-bottom: 2px;
	clear: both;
}
.addInfoBox li a {
	display: block;
	color: #13293E;
}
.addInfoBox li a strong {
	display: block;
	margin-left: 0px;
	float:left;
	width:16.5em;
}
.addInfoBox li a span {
	width: 20px;
	float: left;
	text-align: center;
}
.addInfoBox li a img {
	margin-top: 2px;
}

.bigIcon strong { /* Wenn in der Navigation ein grossen Icon steht (z.B. Forum) muss der Text weiter nach unten ger�ckt werden */
	padding: 0;
	margin:0;
	float:left;
}

/* rr: 20x20er icons abstand nach oben korrigieren, sonderdefinitionen in da_ie.css */
.bigIcon a span img {
margin: -3px 0 0 -1px;
}
.bigIcon a span img.tv {
margin: -5px 0 0 -2px;
}

#leftCol .trenner { /* 2 px Abstand zwischen den Teaserboxen in der linken Spalte */
	clear: both;
	height: 1px;
	font-size: 1px;
	border-bottom: 2px solid #EBF4FA;
	margin-left: -10px;
}

.footerSpacer {
	/* background: url(/img/navi/home/leftnav_verlauf.gif) repeat-y #EBF4FA; */	
	height: 10px;
	margin-top: -2px;
}
/* Das div soll nur die Breite halten, damit die centerCol nicht unter die leftCol springt, wenn man das Fenster verkleinert */
#widthKeeper {
	width: 49em;
	float:left;
}



/* ***** Hier faengt der centerCol-Bereich an ***** */
/* ----- topTeaser - Der gro�e Teaser am Anfang einer �bersichtsseite (L�uft �ber 2 Spalten) ----- */
#topTeaser {
	background-color: #324261;
	margin-bottom: 10px;
	width: 47.77em;
}
#topTeaser h2 {
	padding: 0 10px;
	font-size: 2.1em;
	font-weight: normal;
}
/*
#topTeaser a img {
	width: 47.77em;
}
*/
#topTeaser p {
	padding: 2px 10px 10px 10px;
}
#topTeaser div a { /* Der Link mit dem Sendungsnamen. Das Teaserbild soll keinen Abstand bekommen */
	
}





/* ----- StandardTeaser (Breite wird durch ".withInfoRight #contentArea" usw bestimmt) ----- */
.standardTeaser { 
	/*margin-top: 10px;*/
	background-color: #2680C3;
}
/*rr: verhindert css-valide */
html:not([dummy]) .standardTeaser {  /*Der Mozilla brauch hier eine border, ansonsten cleared er hier nicht*/
	clear:both;
	border-bottom: 0.01em solid transparent;
}

}
.standardTeaser .teaserText { /* Der Text soll abhaenig vom Bild (dessen Breite) nach recht geschoben werden */
	margin-left: 10px; 
	margin-right: 5px;
}
.standardTeaser .teaserText .bigiconlink { /* Ein Link mit optionalem Icon unter dem teasertext */
	padding-bottom: 5px;	
}
.standardTeaser .teaserText .bigiconlink img {
	margin-bottom:-4px;
}



.standardTeaser .teaserText h2 {
	padding-top: 10px;
	margin-bottom: 5px;
}
.standardTeaser .teaserText h2 img {
	margin-right: 5px;
}
.standardTeaser .teaserText p {
/*rr: abstand teasertext zum teaserlink von 3 auf 2.85*/
	margin-bottom: 2.85em; /* Der Abstand mu� so gro� bleiben, da ansonsten der Text �ber den Teaserlink l�uft */
	margin-right:5px;
}

.standardTeaser .teaserText p.einzelLink {
	margin-bottom: 5px;	
}
.standardTeaser .teaserText p.teaserLink {
	margin-bottom: 0;
}
#centerCol .standardTeaser .teaserLink {
	margin-left: 0;
	position: absolute;
	bottom: 0px;
	padding-bottom:7px;
}




#footer {
	position:static;
	display: block;
	top : 1px;
	clear: both;
	background-color: #004B1A;
	min-width:51.25em;
	color: #13293E;
	font-size: 0.7em;
}









.ueberschrift {
	margin: -10px 0 10px 0;
	padding: 5px 8px 5px 8px;
}
.ueberschrift a {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 0 0 5px;
}


#leftCol a strong { /* IE7 macht sonst Text-Cursor */
	cursor: pointer;
}



/* Allgemeine Angaben f�r diesen Bereich */
a {
	color: #000000;	
}
h2 a, h2 a:hover, h2 a:focus, h3 a, h3 a:hover, h3 a:focus { /* fuer die "a name" anker im centerCol */
	text-decoration: none;	
}

/* ***** In diesem div stehen die eigentlichen Inhalte (Inhaltstexte + Bild-/Textteaser) ***** */
#contentArea {
	color: #000;
	float: left;
	width: 100%;	
}
.withInfoLeft #contentArea {	/* Content mit infoCol auf der linken Seite */
	width: 34.3em;
	float: right; /* damit wechselt die infoCol auf die linke Seite! */
}
.withInfoRight #contentArea {	/*rr: ge�ndert: Content mit infoCol auf der rechten Seite */
	width: 31.7em;
}
.withInfoRight#centerCol { /* rr: wegen abstand zur rechten spalte 10px */
	width: 47.77em;
}