/*****************************************************************************/
/*** non = newoldnew = style für altes seiten mit neuen header und footer  ***/
/*****************************************************************************/

#ardmasternav {
	float: left;
	width: 100%;
	color: #000000;
	background-image: url("../bilder/masternav_bg.jpg");
}

#masterwrapper {
	margin-left: auto;
	margin-right: auto;
	width: 998px;
}

.marke {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 32px;
	}
	
.marke p {
	padding: 0.75em 0 0 0;
	margin: 0;
	float: left;
	display: inline;
	color: #fff;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.marke img.ardde {
	padding: 0;
	margin: 0;
	float: right;
	display: block;
	}

/* Container fuer die Reiter selbst  */	
.ARDNaviContainer {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background: none;
	font-family: Verdana;
	} 

.ARDNaviContainer .ARDlistContainer {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background: #bbd0e0 url(/redesign/img/navbgs/verlauf_navi.png) repeat-x left top; 
	}

.ARDNaviContainer ul {
	margin: 0;
	padding: 0;
	display: block;
	} 
	
.ARDNaviContainer ul.right {
	margin: 0;
	padding: 0;
	float: right;
	background: #001a4b url(/redesign/img/navbgs/verlauf_navi_re.png) repeat-x left top;
} 

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

.ARDNaviContainer a {
	color: #001a4b;
	text-decoration: none;
	display: block;
	padding: 0.6em 14px 0.6em 14px;
	margin: 0;
	text-align: center;
	background: none;
	text-decoration: none !important;
	}

.ARDNaviContainer a:hover {
	margin: 0;
	border-top: 3px solid;
	}
	
.ARDNaviContainer ul.right a {
	color: #fff;
	padding: 0.6em 13px 0.6em 13px;
}
	
/* IE 6 * fuer beste Darstellung der Abstaende, v.a. auf 800_600 */
*html .ARDNaviContainer a { padding: 0.6em 13px 0.6em 13px; }
*html .ARDNaviContainer ul.right a { padding: 0.6em 11px 0.6em 12px; }

/* IE 7 * fuer beste Darstellung der Abstaende, v.a. auf 800_600 */
*+html .ARDNaviContainer a { padding: 0.6em 13px 0.6em 13px; }
*+html .ARDNaviContainer ul.right a { padding: 0.6em 11px 0.6em 12px; }




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

a.home:hover, a.home:focus, a.home:active { background: #fff; border-top: 3px solid #001a4b; color: #001a4b !important; margin: 0; padding-top: 0.3em; }

a.nachrichten:hover, a.nachrichten:focus, a.nachrichten:active { background: #fff; border-top: 3px solid #001a4b; color: #001a4b !important; margin: 0; padding-top: 0.3em; }

a.sport:hover, a.sport:focus, a.sport:active { background: #fff; border-top: 3px solid #ef5c1d; color: #001a4b !important; margin: 0; padding-top: 0.3em; }

a.boerse:hover, a.boerse:focus, a.boerse:active { background: #fff; border-top: 3px solid #ffc200; color: #001a4b !important; margin: 0; padding-top: 0.3em; }

a.ratgeber:hover, a.ratgeber:focus, a.ratgeber:active { background: #fff; border-top: 3px solid #85c3be; color: #001a4b !important; margin: 0; padding-top: 0.3em;}

a.wissen:hover, a.wissen:focus, a.wissen:active { background: #fff; border-top: 3px solid #5f224d; color: #001a4b !important; margin: 0; padding-top: 0.3em;}

a.kultur:hover, a.kultur:focus, a.kultur:active { background: #fff; border-top: 3px solid #e94000; color: #001a4b !important; margin: 0; padding-top: 0.3em;}

a.kinder:hover, a.kinder:focus, a.kinder:active { background: #fff; border-top: 3px solid #005700; color: #001a4b !important; margin: 0; padding-top: 0.3em;}

a.intern:hover, a.intern:focus, a.intern:active { background: #fff; border-top: 3px solid #001a4b; color: #001a4b !important; margin: 0; padding-top: 0.3em;}

a.fernsehen:hover, a.fernsehen:focus, a.fernsehen:active { background: #fff; border-top: 3px solid #001a4b; color: #001a4b !important; margin: 0; padding-top: 0.3em !important;}

a.radio:hover, a.radio:focus, a.radio:active { background: #fff; border-top: 3px solid #001a4b; color: #001a4b !important; margin: 0; padding-top: 0.3em !important;}

a.mediathek:hover, a.mediathek:focus, a.mediathek:active { background: #fff; border-top: 3px solid #001a4b; color: #001a4b !important; margin: 0; padding-top: 0.3em !important;}

/* AKTIV */
.ARDNaviContainer a.fernsehenaktiv, a.fernsehenaktiv:hover { background: #fff; border-top: 3px solid #001a4b; margin: 0; color: #001a4b !important; padding-top: 0.3em;}
.ARDNaviContainer a.fernsehenaktiv:hover { text-decoration: underline !important; padding-top: 0.3em;}
.ARDNaviContainer a.fernsehenaktiv {padding-top: 0.3em !important;}

/*** hintergrund nach header grau einfärben ***/
html, body {
	background-color: #cdcdcd;  
}

a.fernsehenaktiv {
	border-left: 0 !important; /* angabe aus da_prim eliminieren */
}

#globalContainer {
	background-color: #ffffff;  
	margin-left: auto;
	margin-right: auto;
	padding: 0 8px 8px 8px;
	width: 998px;
	voice-family: "\"}\""; /*hack für IE6*/
	voice-family:inherit;
	width: 982px;
}
/*** Anmerkung ***/
/* fürs zentrieren braucht es einen neues global DIV */
/* start-tag kann im /includes/top_nav.inc untergebracht werden - am ende*/
/* end-tag kann im /includes/footer.inc untergebracht werden - am anfang */
/* so die Änderung an nur einer zentrale Stelle notwendig ist*/


/*** bereich mit  meta funktion ************************************/
#globalContainer #topPanorama {
	height: 64px;
	width: 998px;
	voice-family: "\"}\""; /*hack für IE6*/
	voice-family:inherit;
	width: 982px;
}

#globalContainer #topPanorama img.logo {
	float: left;
}
#globalContainer #topPanorama img.claim {
	float: left;
	margin-left: 462px;
}


#globalContainer #topPanorama .metaRight {
	float: left;
}

#globalContainer #topPanorama ul {
	margin-top: 14px;
	float: left;
	font-size: 0.625em;
	line-height: 1.2em; 
}

#colStructure {
	border-bottom-width: 0;
}

/***  Footer  ******************************************/
#ardFussText {
display: none;
}

/* hier die Logos etc. */
#ardFussText {
display: none;
}

/* hier die Logos etc. */
#footer {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background: #001a4b;
}

#footer #logos {
	width: 62.38em !important; 
	padding: 0.5em 0 0.25em 0;
	margin: 0 auto 0 auto !important;
	float: none;
	overflow: hidden;
}


#footer #logos img {
	margin: 0;
	border: 0;
	display: inline;
}

#footer #logos a { border: 0; }