/* wichtige Klassen für die Bearbeitung stehen hier */
.bild_rechts { float: right; margin-left: 5px; border: 0;}
.bild_links  { float: left; margin-right: 5px; margin-bottom: 5px; border: 0; }
.bild_mitte { display:block; margin-left:auto; margin-right:auto; border:0; }
.bild_noborder  { border: 0; }
.bildunterschrift { display:block; font-size:11px; font-weight:bold; }


.schrift_fett { font-weight: bold; }

.teaser {font-weight:bold; font-size:11px;}

.fussnote {display: block; font-size: 11px; font-weight: bold; margin: 0;}

.grauerkasten { background-color: #efefef; margin: 10px; padding: 10px; }
.grau { background-color: #efefef; margin: 10px 10px 10px 0; padding: 10px; }
.gruenerkasten { background-color: #dff8d3; margin: 10px; padding: 10px; }
.gruen { background-color: #dff8d3; margin: 10px 10px 10px 0; padding: 10px; }
.roterkasten { background-color: #f9dee4; margin: 10px; padding: 10px; }
.rot { background-color: #f9dee4; margin: 10px 10px 10px 0; padding: 10px; }
.lilakasten { background-color: #eecfea; margin: 10px; padding: 10px; }
.lila { background-color: #eecfea; margin: 10px 10px 10px 0; padding: 10px; }
.gelberkasten { background-color: #f3ecbf; margin: 10px; padding: 10px; }
.gelb { background-color: #f3ecbf; margin: 10px 10px 10px 0; padding: 10px; }
.hellgruenerkasten { background-color: #e4edc6; margin: 10px; padding: 10px; }
.hellgruen { background-color: #e4edc6; margin: 10px 10px 10px 0; padding: 10px; }
.braunerkasten { background-color: #ecd2c2; margin: 10px; padding: 10px; }
.braun { background-color: #ecd2c2; margin: 10px 10px 10px 0; padding: 10px; }
.blauerkasten { background-color: #d2e4ef; margin: 10px; padding: 10px; }
.blau { background-color: #d2e4ef; margin: 10px 10px 10px 0; padding: 10px; }
.dunkelblauerkasten { background-color: #c4cbfd; margin: 10px; padding: 10px; }
.dunkelblau { background-color: #c4cbfd; margin: 10px 10px 10px 0; padding: 10px; }

body {font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0; background-color: #fff; font-size: 100.01% }

/* Ebenen für Folgeseiten */
#kopf { background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 60.9em; margin: 0; padding: 0; }
#schriftzug { background-position: right bottom; text-align: right; width:60.1em; left: 0; top:2px; position: absolute; padding-left: 45px; }
#schriftzug_home { background-position: right bottom; text-align: right;  width:60.5em; left: 0; top:2px; position: absolute; }
#schriftzug_neu { background-position: right bottom; text-align: right; height: 3em; top: 14px; position: absolute; right: 102px; padding-top: 15px; }
#schriftzug h1 { color: #039; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; line-height: 18px; }
#navi_rechts { background-repeat: no-repeat; background-position: right top; position: relative; width:16em; top: 50px; left: 0; right: 0; float: left; margin: 0; padding-top: 0; padding-bottom: 0; }
#navi_rechts_home { width:12.5em; left:50em; top:18.6em; position:absolute; margin-bottom: 20px; }

#content, #content_ernaehrung, #content_produktsicherheit, #content_finanzen, 
#content_verbraucherrecht, #content_kinder, #content_homebreit, #content_datenschutz, 
#content_generation60, #content_verbraucherbildung, #content_energie { 
	font-size:0.8em;
	/* wie gehabt, aber in em: */
	background-color: #fff; width:46.3em;
	/* Content passt auf 640 */
	/* width:47em; */
	position:relative; left:0; top:0; float: left; margin-left: 0; padding-top: 18px; padding-right: 5px; padding-left: 5px; }
#content_xxl { font-size:0.8em;
	/* wie gehabt, aber in em: */
	width:48em;
	/* Content passt auf 640 */
	/* width:47em; */
	position:relative; left:1.5em; top:3px; float: left; padding-top: 18px; }

#keyvisual { width: 9.3em; height: 72px; left: 0; top: 0; position: absolute; z-index:4; }
#content_home { font-size:0.8em;
	/* wie gehabt, aber in em: */
	background-color: #fff; width:39.6em;
	/* Content passt auf 640 */
	/* width:47em; */
	position:relative; left:0; top:0; float: left; margin-left: 0; padding-top: 18px; padding-right: 5px; padding-left: 5px; }


/* Eingabefelder Schrift skalierbar */
input { font-size: 0.9em; }

/* Ueberschriften */
/* Seitenueberschrift  */
#content h1, #content_home h1, #content_ernaehrung h1, #content_produktsicherheit h1, #content_finanzen h1, #content_verbraucherrecht h1, #content_kinder h1, #content_homebreit h1, #content_datenschutz h1, #content_generation60 h1, #content_verbraucherbildung h1, #content_energie h1 { 
	font-size: 1.4em; 
	font-weight: normal; 
	margin-top:1em; }
/* Kapitelueberschrift */
#content h2, #content_home h2, #content_ernaehrung h2, #content_produktsicherheit h2, #content_finanzen h2, #content_verbraucherrecht h2, #content_kinder h2, #content_homebreit h2, #content_datenschutz h2, #content_generation60 h2, #content_verbraucherbildung h2, #content_energie h2 { font-size: 1.2em; font-style: italic;/*normal*/ }
/* Standardueberschrift */
#content h3, #content_home h3, #content_ernaehrung h3, #content_produktsicherheit h3, #content_finanzen h3, #content_verbraucherrecht h3, #content_kinder h3, #content_homebreit h3, #content_datenschutz h3, #content_generation60 h3, #content_verbraucherbildung h3, #content_energie h3 { font-size: 1em; }
/* Weitere Ueberschriften */
#content h4, #content_home h4, #content_ernaehrung h4, #content_produktsicherheit h4, #content_finanzen h4, #content_verbraucherrecht h4, #content_kinder h4, #content_homebreit h4, #content_datenschutz h4, #content_generation60 h4, #content_verbraucherbildung h4, #content_energie h4 { font-size: 0.9em; font-weight: bold; }
#content h5, #content_home h5, #content_ernaehrung h5, #content_produktsicherheit h5, #content_finanzen h5, #content_verbraucherrecht h5, #content_kinder h5, #content_homebreit h5, #content_datenschutz h5, #content_generation60 h5, #content_verbraucherbildung h5, #content_energie h5 { font-size: 11px; font-weight: bold; margin: 0;}

/* Linkmanagement */	     
a:link  { color: #264583/*blue*/; text-decoration: none;  }
a:visited  { color: #264583/*blue*/; text-decoration: none; }
a:hover { color: #264583; text-decoration: underline; }
a:active  { color: black/*blue*/; text-decoration: underline; }
a:focus { color: black; text-decoration: underline; }

/* Linke Navigation Ernährung */
.navi_links_punkte_ernaehrung { background-color: #f7ffff; width: 11em; top: 50px; position: relative; left: 0; float: left; margin-right: 0; padding-top: 220px; padding-bottom: 20px; border-top: 2px solid #dfdede; border-bottom: 2px solid #dfdede; }
.navi_links_punkte_ernaehrung ul { margin-right: 0; margin-bottom: 0; margin-left: 0; padding: 3px 0; list-style: none !important; }
.navi_links_punkte_ernaehrung li { 
	display: inline;
	margin: 0px;
	padding: 0px;
}
.navi_links_punkte_ernaehrung a, .navi_links_punkte_ernaehrung a:link, .navi_links_punkte_ernaehrung a:visited { 
	margin: 1px 0 1px 2px;
	padding: 2px 5px 2px 10px;
	display: block;
}
.navi_links_punkte_ernaehrung a:hover,
.navi_links_punkte_ernaehrung a:active,
.navi_links_punkte_ernaehrung a:focus { 
	text-decoration: underline;
}
.navi_links_punkte_ernaehrung a.navi_link_marker { 
	margin: 1px 0px 0px 0px;	
	text-decoration: none;
}
.navi_links_punkte_ernaehrung ul.unternavi_ernaehrung { 
	font-size: 0.85em;
	margin: 0 0 0 10px; 
}

.navi_links_punkte_ernaehrung ul.unternavi a, .navi_links_punkte_ernaehrung ul.unternavi_ernaehrung a:visited{ 
	padding: 2px 5px 2px 15px;
	font-weight:normal;
}
.navi_links_punkte_ernaehrung ul.unternavi_ernaehrung a:hover,
.navi_links_punkte_ernaehrung ul.unternavi_ernaehrung a:active,
.navi_links_punkte_ernaehrung ul.unternavi_ernaehrung a:focus,
.navi_links_punkte_ernaehrung ul.unternavi_ernaehrung a.navi_link_marker_ernaehrung:link, 
.navi_links_punkte_ernaehrung ul.unternavi_ernaehrung a.navi_link_marker_ernaehrung:visited { 
	border: 0px;
}

/* Linke Navigation Allgemein */
#dummy_nav { width: 11em; float: left; position: relative; }
.navi_links_punkte { width: 10em; top: 3px; position: relative; left: 0; float: left; padding-top: 48px; }
.navi_links_punkte ul { margin-right: 0; margin-bottom: 0; margin-left: 0; padding: 3px 0; list-style: none !important; }
.navi_links_punkte li { 
	display: inline;
	margin: 0px;
	padding: 0px;
}
.navi_links_punkte a, .navi_links_punkte a:link, .navi_links_punkte a:visited { 
	margin: 1px 0px;
	padding: 2px 5px;
	display: block;
}
.navi_links_punkte a:hover,
.navi_links_punkte a:active,
.navi_links_punkte a:focus { 
	text-decoration: underline;
}
.navi_links_punkte a.navi_link_marker { 
	margin: 1px 0px 0px 0px;	
	text-decoration: none;
}
.navi_links_punkte ul.unternavi { 
	font-size: 0.9em;
	margin: 0px 0px 0px 0px; 
}

.navi_links_punkte ul.unternavi a, .navi_links_punkte ul.unternavi a:visited{ 
	padding: 2px 5px 2px 15px;
	font-weight:normal;
}
.navi_links_punkte ul.unternavi a:hover,
.navi_links_punkte ul.unternavi a:active,
.navi_links_punkte ul.unternavi a:focus,
.navi_links_punkte ul.unternavi a.navi_link_marker:link, 
.navi_links_punkte ul.unternavi a.navi_link_marker:visited { 
	border: 0px;
}
/* Kopfnavigation */
#navi_kopf { height:1.45em; width:30em; position:absolute; top: 4em; left: 11em; }
#navi_kopf_home { height:1.45em; width:52.75em; position:relative; z-index:2; }

#navi_kopf_punkte { vertical-align: middle; height: 20px; left: 21em; position: relative; top: 70px; width: 25em; padding-bottom: 0; }
#navi_kopf_punkte ul, #navi_kopf_punkte ul li {
	margin: 0px;
	padding: 0px;
}
#navi_kopf_punkte ul { 
	margin-top: 1px;
	margin-left:0;
}
#navi_kopf_punkte ul li { 
	list-style-type: none; 
	display:inline; 
}
#navi_kopf_punkte a.navi_head:link,
#navi_kopf_punkte a.navi_head:visited,
#navi_kopf_punkte a.navi_head:hover,
#navi_kopf_punkte a.navi_head:active,
#navi_kopf_punkte a.navi_head:focus,
#navi_kopf_punkte a.navi_head_marker:link,
#navi_kopf_punkte a.navi_head_marker:visited,
#navi_kopf_punkte a.navi_head_marker:hover,
#navi_kopf_punkte a.navi_head_marker:active,
#navi_kopf_punkte a.navi_head_marker:focus { 
	font-size: 0.75em; 
	font-weight: bold; 
}
#navi_kopf_punkte a.navi_head:link,
#navi_kopf_punkte a.navi_head:visited,
#navi_kopf_punkte a.navi_head_marker:link,
#navi_kopf_punkte a.navi_head_marker:visited {
	padding: 1px 5px;
}

#navi_kopf_punkte a.navi_head:hover,
#navi_kopf_punkte a.navi_head:active,
#navi_kopf_punkte a.navi_head:focus,
#navi_kopf_punkte a.navi_head_marker:hover,
#navi_kopf_punkte a.navi_head_marker:active,
#navi_kopf_punkte a.navi_head_marker:focus { 
	text-decoration: underline;
}

/*Hauptnavigation */
dl { margin-left: 0; padding-left: 0; margin-top: 5px; }
dt { margin-top: 10px; margin-bottom: 10px; margin-left: 5px; }
dd { line-height: 12px; margin-top: 6px; margin-bottom: 8px; margin-left: 12px; }

/*Hauptnavigation -Linkmanagement */
a.navi_link:link  { font-size: 0.75em; font-weight: bold; }
a.navi_link:visited { font-size: 0.75em;  font-weight: bold;   }
a.navi_link:hover  { font-size: 0.75em; font-weight: bold; }
a.navi_link:active { font-size: 0.75em;  font-weight: bold;  }

a.navi_link_sub:link { font-size: 0.71em;  font-weight: normal; line-height: 0.9em; }
a.navi_link_sub:visited { font-size: 0.71em;  font-weight: normal; line-height: 0.9em;} 
a.navi_link_sub:hover { font-size: 0.71em;  font-weight: normal; line-height: 0.9em; }
a.navi_link_sub:active { font-size: 0.71em;  font-weight: normal; line-height: 0.9em; }

a.navi_link_marker:link  { font-size: 0.75em; font-weight: bold; }
a.navi_link_marker:visited { font-size: 0.75em; font-weight: bold; }
a.navi_link_marker:hover { font-size: 0.75em; font-weight: bold; }
a.navi_link_marker:active { font-size: 0.75em; font-weight: bold; }

a.navi_link_sub_marker:link { font-size: 0.71em;  font-weight: normal; line-height: 0.9em; }
a.navi_link_sub_marker:visited { font-size: 0.71em;  font-weight: normal; line-height: 0.9em; }
a.navi_link_sub_marker:hover { font-size: 0.71em;  font-weight: normal; line-height: 0.9em; }
a.navi_link_sub_marker:active { font-size: 0.71em; font-weight: normal; line-height: 0.9em; }

/* Navigation - Rechte Spalte */
a.navi_rechts_link:link 	{ font-size: 0.85em; font-weight: bold; line-height: 8px; text-decoration: none; margin-left: 4px; margin-right: 4px; }
a.navi_rechts_link:visited  { font-size: 0.85em; font-weight: bold; line-height: 8px; text-decoration: none; margin-left: 4px; margin-right: 4px; }
a.navi_rechts_link:hover    { font-size: 0.85em; font-weight: bold; line-height: 8px; text-decoration: none; margin-left: 4px; margin-right: 4px; }
a.navi_rechts_link:active  	{ font-size: 0.85em; font-weight: bold; line-height: 8px; text-decoration: none; margin-left: 4px; margin-right: 4px; }

/* Listenelement */
.liste { text-align: left; margin-top: 0; margin-left: 0; padding:0; list-style: none; }
.liste_horizontal ul { margin-left: 3px; padding: 0; list-style-type: none; display: inline; }
.liste_horizontal ul li { margin-left: 5px; padding: 0; list-style-type: none; display: inline; }

/* Surfpfad */
#surfpfad { font-size: 0.85em; position: relative; width: 100%; height: 15px; }


#surfpfad ul { margin: 0; padding:0;}
#surfpfad ul li { list-style-type: none; display:inline; }

/* Fusszeile */
#footer { font-size: 0.85em; margin-bottom: 8px; }
#footer hr { clear: both; }

/* Index A-Z */
#az { text-align: center; word-spacing: 12px; height: 18px; padding-top: 2px; border: 1px solid; }
#index_keyword { margin-left: 20px; }
.index_keyword { margin-left: 20px; }
#index_link { margin-top: 10px; margin-left: 20px; }
.index_link { margin-top: 10px; margin-left: 20px; }

/* Liste für Buchstaben az (Vorsicht: auch Klassen in lokal.css)*/
.liste_az ul { margin-left: 0; padding: 0;  list-style-type: none; display: inline; }
.liste_az div:hover { position:relative; z-index:15; }
.liste_az ul li { margin-left: 8px; padding: 0; list-style-type: none; display: inline; }

/* Druck- und Versenden-Symbole in der Kopfzeile */
#kopfsymbole { height: 14px; width: 160px; top: 0; position: absolute; right: 0; visibility: visible; }

/* Trennlinie */
hr     { height: 1px; border-style: solid }

/* Hoch- und Tiefstellung */
sub { font-size: 80%; line-height: 0; bottom: 1px; }
sup { font-size: 80%; line-height: 0; top: 2px; }
#element.style { display: block;}