body {
	font-size: 100.01%;
  min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
  width:100%;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
	/* text-align: center; */
	
}

.invalt {
	visibility: hidden;
	position: absolute;
	top: -9999em;
	left: -9999em;
	overflow: hidden;
}

.inv {
  display:none;
}

.clear {
	clear: both;
}


.copyright {
	display:none;
}


a img {
	border: 0;
}

a,
a:link,
a:visited {
	text-decoration: none;
	cursor: pointer;
}

a:hover,
a:focus,
a:active,
a.active {
	text-decoration: none;
	cursor: pointer;
}

a span {
	cursor: pointer;
}

.metaRight ul li a:hover {
  text-decoration:underline;
}

.metaRight ul li a {
  color:#000000;
}

#col-content .arrow-mini,
#sidebar-left .arrow-mini {
	width: .545em;
}

#sidebar-right img {
	width: 16em;
}


ul.link-list {
	font-size: .688em;
	background: transparent;
}

ul.link-list li a,
ul.link-list li a:link,
ul.link-list li a:visited {
	color: #72211b;
	display: block;
	padding: .375em 0 .375em 0;
	font-size: 1em;
}

.a-collapse {
	cursor: pointer;
}

#keyvisual  {
  position:static;
  width: 62.125em !important; /*994px*/
  /* height: 5em; */
  border-top:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  margin-left: -0.4em;
  /*margin-top: 3.6em; GSEA-ZL mh 05.04.2013 */
}

* html #keyvisual {
  margin-top: 0.01em;
}

*+ html #keyvisual {
  margin-top: 0.001em;
}

#keyvisual  img {
display:block;
width: 62.125em !important; /*994px*/
height: 5em; /*80px*/
padding-top: 2px; /* GSEA-ZL mh 05.04.2013*/
}



/*****************************************************************************/
/*** non = newoldnew = style für alte seiten mit neuem header und footer  ***/
/*****************************************************************************/

#ardmasternav {
	float: left;
	width: 100%;
	color: #000000;
	background-image: url("http://www.daserste.de/redesign/img/navbgs/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("http://www.daserste.de//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("http://www.daserste.de//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.7em 14px 0.6em 14px;
	margin: 0;
	text-align: center;
	background: none;
	text-decoration: none !important;
	}

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

/* IE 7 * fuer beste Darstellung der Abstaende, v.a. auf 800_600 */
*+html .ARDNaviContainer a { padding: 0.7em 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.4em; border-bottom:1px solid white;}

* html a.home:hover, a.home:focus, a.home:active { border-bottom: 0px solid white; }

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

* html a.nachrichten:hover, a.nachrichten:focus, a.nachrichten:active { border-bottom: 0px solid white; }

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

* html a.sport:hover, a.sport:focus, a.sport:active { border-bottom: 0px solid white; }

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

* html a.boerse:hover, a.boerse:focus, a.boerse:active { border-bottom: 0px solid white; }

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

* html a.ratgeber:hover, a.ratgeber:focus, a.ratgeber:active { border-bottom: 0px solid white;}

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

* html a.wissen:hover, a.wissen:focus, a.wissen:active { border-bottom:0px solid white; }

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

* html a.kultur:hover, a.kultur:focus, a.kultur:active { border-bottom: 0px solid white; }

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

* html a.kinder:hover, a.kinder:focus, a.kinder:active { border-bottom:0px solid white; }

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

* html a.internARD:hover, a.internARD:focus, a.internARD:active { border-bottom: 0px solid white; }

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

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

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

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

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

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

#globalContainer {
  position: static;
	background-color: #ffffff; 
	margin-left: auto;
	margin-right: auto;
	padding: 0 8px 2px 8px;
	width: 998px;
	voice-family: "\"}\""; /*hack für IE6*/
	voice-family:inherit;
	width: 982px;
}

* html #globalContainer {
	padding: 0 2px 2px 8px;
}

/* fürs zentrieren des body bereichs benötigt es ein neues globales DIV */
/* start-tag befindet sich im header - am ende*/
/* end-tag befindet sich im footer - am anfang */


/*** bereich mit  meta funktion ************************************/
#globalContainer #topPanorama {
  position: static;
	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.46em 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;
}



