/* wichtige Klassen für die Bearbeitung stehen hier */
.bild_rechts { float: right; margin-bottom: 20px; margin-left: 10px; 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; }


body { color: cccccc; background-image: url(../grafiken/hintergrundgrafik_content.jpg); background-repeat: repeat-y; background-position: center top; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100.01% ; top: 0; margin: 0;}


/* Ebenen für Folgeseiten */

/*Kopfgrafik*/


#kopfgrafik { background-image: url(../grafiken/kopfgrafik.jpg); background-repeat: no-repeat; background-position: center bottom;  height: 100px; left: 0px; position: relative; top: 0; width: 800px; padding-bottom: 0; border: solid 0px red;}


#rahmen { width: 800px;  visibility: visible; margin: 0 auto; border: solid 0px red;}




#schriftzug1 {  height: 22px; position: relative; width:500px; float: left; margin: 13px 0 0; border: solid 0 red; }
#schriftzug1 a:link, #schriftzug1 a:visited { color: #006699; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; padding: 10px 180px 10px 10px; text-decoration: none; }
#schriftzug1 a:hover, #schriftzug1 a:active, #schriftzug1 a:focus { text-decoration: underline }

#schriftzug2 {  height: 22px; position: relative; width: 500px; float: left; margin: 13px 0 0; border: solid 0 black; }
#schriftzug2 a:link, #schriftzug2 a:visited {color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0; line-height: 21px; padding: 10px 355px 10px 10px; text-decoration: none; }
#schriftzug2 a:hover, #schriftzug2 a:active, #schriftzug2 a:focus { text-decoration: underline }

#schriftzug1-d { height: 22px; position: relative; width:500px; float: left; margin: 13px 0 0; border: solid 0 red; }
#schriftzug1-d a:link, #schriftzug1-d a:visited { color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 21px; padding: 10px 180px 10px 10px; text-decoration: none;}
#schriftzug1-d a:hover, #schriftzug1-d a:active, #schriftzug1-d a:focus { text-decoration: underline }

#schriftzug2-d { height: 22px; position: relative; width: 500px; float: left; margin: 13px 0 0; border: solid 0 black; }
#schriftzug2-d a:link, #schriftzug2-d a:visited {color: #006699; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0; line-height: 21px; padding: 10px 355px 10px 10px; text-decoration: none;}
#schriftzug2-d a:hover, #schriftzug2-d a:active, #schriftzug2-d a:focus { text-decoration: underline }
* html #schriftzug2 p {color: #4d4d4d; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; margin: 30px 0 0 12.49em; line-height: 21px; }




#content { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:497px; position:relative; left: 4px; height: 370px; float: left; min-height: 350px; margin: 0; overflow:auto; border: solid 0 red; }
* html #content { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:448px; position:relative; float: left; min-height: 32em; height: auto !important; height: 32em; }
#content_sl { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:66px; position:relative; float: left; min-height: 300px; margin-top: 0; margin-bottom: 0; border: solid 0 blue; }
* html #content_sl { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:448px; position:relative; float: left; min-height: 32em; height: auto !important; height: 32em; }
#content_sr { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:389px; position:relative; float: left; min-height: 300px; margin-top: 0; margin-bottom: 0; margin-left: 20px; border: solid 0 blue; }
* html #content_sr { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:448px; position:relative; float: left; min-height: 32em; height: auto !important; height: 32em; }
#content_slx { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:160px; position:relative; float: left; min-height: 30px; margin-top: 0; margin-bottom: 0; border: solid 0px red; }
* html #content_slx { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:160px; position:relative; float: left; min-height: 32em; height: auto !important; height: 32em; }
#content_srx { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:85px; position:relative; float: left; min-height: 1px; margin-top: 0; margin-bottom: 0; margin-left: 0px; border: solid 0px blue; }
* html #content_srx { background-image: url(../grafiken/grey.gif); background-repeat: no-repeat; background-position: 0 top; width:85px; position:relative; float: left; min-height: 23px; height: auto !important; height: 32em; }
#content_home {  color: #4d4d4d; width:31.7em; position:relative; left:18.6em; top:0; float: left; min-height: 29.5em; }
* html #content_home { color: #4d4d4d; width:31.7em; position:relative; left:18.6em; top:0; float: left; min-height: 28.5em; }
/*#content_home { color: #4d4d4d; width:31.7em; position:relative; left:5.1em; top:42px; float: left; min-height: 29.5em; }*/
#content_bild_startseite { background-repeat: no-repeat; text-align: right; width:43.4em; height: 29.5em; position:relative; left:0; top:0; float: left; }
* html #content_bild_startseite { text-align: left; position:relative; left:-18.6em; top: 0; width:43.5em; margin:0px; padding:0px;} 

#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: relative; z-index:4; }


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

/* Ueberschriften */
/* Seitenueberschrift  */
#content h1, #content_home h1 { color: #006699; font-size: 1.2em; font-weight: bold; margin: 0 0 0 0; padding: 0; }
#content h2, #content_home h2 { color: #333; font-size: 0.8em; font-weight: bold; position: relative; margin: 20px 0 -20px; padding: 0; }
/* #content h3, #content_home h3 { color: #333; font-size: 0.9em; font-weight: normal; position: relative; padding-top: 10px; padding-left: 10px; } */
/* #content h4, #content_home h4 { color: #333; font-size: 0.75em; font-weight: normal; margin: 0; padding: 0 10px 0; } */
#content h3, #content_home h3 { color: #333; font-size: 0.75em; font-weight: bold; position: relative; margin: 10px 0 0 10px; padding: 0; }
#content h4, #content_home h4 { color: #333; font-size: 0.65em; font-weight: normal; margin: 0 10px; padding: 0; }
#content h5, #content_home h5 {color: #333; font-size: 0.9em; font-weight: bold;}
#content p, #content_home p { color: #333; font-size: 0.75em; text-align: justify; margin: 26px 0 0; padding: 0; }
#content_sl p { color: #333; font-size: 0.75em; text-align: right; margin: 26px 0 0; padding: 0; }
#content_sr p { color: #333; font-size: 0.75em; text-align: justify; margin: 26px 0 0; padding: 0; }.short { margin-top: 0; margin-right: 10px; margin-bottom: 0; padding: 0 !important; }
.small { font-size: 0.7em !important; position: relative; top: -1.2em; }
.medium { font-size: 0.8em; margin: 0; }
.email { vertical-align: -0.19em; height: 11px ; margin-bottom: 0.2em; border-width: 0; }
.email_text { vertical-align: -0.19em; height: 11px ; margin-top: 0.2em; border-width: 0; }



/* Link im Text */
.standard  { color: #006699 !important; text-decoration: none;  }
.standard a, .standard a:link, .standard a:visited { color: #9c0 !important; text-decoration: none;  }
.standard a:hover, .standard a:active, .standard a:focus { color: #006699 !important; text-decoration: none; }

/* Link Grün*/
a:link  { color: #333; font-size: 1em; text-decoration: none; }  
a:visited  { color: #006699; font-size: 1em; text-decoration: none; }
a:hover { color: #069; font-size: 1em; text-decoration: none; }
a:active  { color: #069; font-size: 1em; text-decoration: none; }
a:focus { color: #069; font-size: 1em; text-decoration: none; } 

/* Link wichtig*/
a.importend:link, a.importend:visited  { color: #006699; font-size: 0.75em; font-weight: bold; line-height: 1em; text-decoration: blink; position: relative; top: 0.9em; padding-left: 10px; }
a.importend:hover { color: #99cc00; font-size: 0.75em; font-weight: bold; line-height: 1em; text-decoration: underline; position: relative; top: 0.9em; padding-left: 10px; }
a.importend:active  { color: #99cc00; font-size: 0.75em; font-weight: bold; line-height: 1em; text-decoration: none; position: relative; top: 0.9em; padding-left: 10px; }
a.importend:focus { color: #9c0; font-size: 0.75em; font-weight: bold; line-height: 1em; text-decoration: underline; position: relative; top: 0.9em; padding-left: 10px; } 

/* Link Bild*/
a.image:link, a.image:visited  {  }
a.image:hover {  }
a.immage:active  {  }
a.image:focus {  } 


/* Kopfnavigation */
#kopf_liner { height: 20px; position: relative; width: 500px; margin: 100px 0 0 0; padding: 0; float: left; border: solid 0px red; }
#kopf_liner p { font-size: 0.8em; color: #006699; font-weight: bolder; line-height: 21px; position: relative; left: 10px; margin: 0; padding: 0; }
#kopf_datum_links { text-align: center; height: 42px; width: 541px; margin: 0; padding: 0; float: left; border: solid 0 red; }
#kopf_datum_links a { font-size: 0.75em; color: #333; font-weight: bold; position: relative; top: 4px; left: 10px; margin: 0; padding: 0; }
#kopf_datum_links p { font-size: 0.75em; color: #333; font-weight: bold; position: relative; top: 4px; left: 10px; margin: 0; padding: 0; }
#kopf_datum_rechts { text-align: center; position: relative; height: 42px; width: 207px; margin: 0; float: left; border: solid 0px red; }
#kopf_datum_rechts p { font-size: 0.75em; color: #333; font-weight: bold; position: relative; top: 27px; margin: 0; padding: 0; }


/* neu linke Navigation */
#navi_links_punkte { font-size: 1em; background-color: #cccccc; text-align: center; position: relative; top: 0; left: 5px; width: 245px; height: 395px; padding-top: 0; float: left; margin: 0; padding-left: 0; border: solid 0px red; }


#navi_links_punkte ul { margin: 37px 0 20px 1em; padding: 0; list-style: none !important; display: block;}
#navi_links_punkte li { margin: 15px 0; padding: 0; display: block;}
#navi_links_punkte a, .navi_links_punkte a:link, .navi_links_punkte a:visited { padding: 2px 0 0 0; text-decoration: none; }
#navi_links_punkte p { margin: 10px 0; }
#navi_links_punkte img { border-width: 0; }

#navi_links_punkte a,
#navi_links_punkte a:link,
#navi_links_punkte a:visited { color: #333 !important; font-size: 0.7em; font-weight: normal; border-left: 0 solid #006699; }

#navi_links_punkte a:hover { color: #069 !important; font-size: 0.7em; font-weight: normal; text-decoration: none; border-left: 0 solid #99cc00; }
#navi_links_punkte a:active, #navi_links_punkte a:focus { color: #069 !important; font-size: 0.7em; text-decoration: none; font-weight: normal; border-left: 0 solid #99cc00;}

#navi_links_punkte a.navi_link_marker { color: #069 !important; margin: 15px 0; text-decoration: none;  border-left: 0 solid #99cc00;}


#fueller { background-color: #c93131; position: relative; height: 100%; margin-top: 20em; }


#block_rechts { margin: 30px 0 0; background-repeat: no-repeat; width: 100%; height: 51px; float: right; }


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


.liste_content { }
.liste_content ul { position: relative; left: -1.4em; }
.liste_content li { color: #333; font-size: 0.8em; margin-top: 5px; margin-bottom: 5px; }
* html .liste_content li { font-size: 0.8em; margin-top: 0; margin-bottom: 0; padding:0; line-height: 16px; }
.liste_content h4 { font-size: 1em !important; left: 0px; margin: 4px 0px; }
.liste_content p { color: #333; font-size: 0.85em !important; left: 0; margin: 5px 0 10px; }
* html .liste_content p { color: #333; font-size: 0.85em !important; left: 0; margin: 0 0; }
.liste_content a,
.liste_content a:link,
.liste_content a:visited { color: #006699; text-decoration: none; }
.liste_content a:hover { color: #9c0; text-decoration: underline; }
.liste_content a:active, .liste_content a:focus { color: #9c0; text-decoration: none; }


.liste_content ul.unterliste_content { left: -15px; }
* html .liste_content ul.unterliste_content { left: -15px; top: 10px; }
.liste_content ul.unterliste_content li { font-size: 13px; margin: 8px 0 0; }
* html .liste_content ul.unterliste_content li { font-size: 13px; margin: 0; }
.liste_content ul.unterliste_content a,
.liste_content ul.unterliste_content a:link,
.liste_content ul.unterliste_content a:visited { color: #4d4d4d; margin: 2px 0px 2px 0px; display: block;}
* html .liste_content ul.unterliste_content a,
* html .liste_content ul.unterliste_content a:link,
* html .liste_content ul.unterliste_content a:visited { color: #4d4d4d; margin: 0px 0px 0px 0px; display: block;}
.liste_content ul.unterliste_content a:hover { color: #df0000 !important; text-decoration: underline; display: block;}
.liste_content ul.unterliste_content a:active,
.liste_content ul.unterliste_content a:focus { color: #df0000 !important; text-decoration: none; display: block;}



.liste_content_standard ul { margin: 0; padding: 0; }
.liste_content_standard li { font-size: 0.8em; vertical-align: middle; margin: 0; padding: 0; list-style-type: square; }



.liste_content_inline { }
.liste_content_inline ul { position: relative; left: -1.4em; }
.liste_content_inline li { font-size: 0.8em; margin-top: 5px; margin-bottom: 5px; }
.liste_content_inline h4 { font-size: 1em !important; left: 0px; margin: 4px 0px; }
.liste_content_inline p { font-size: 0.85em !important; left: 0; margin: 5px 0 10px; }
.liste_content_inline a,
.liste_content_inline a:link,
.liste_content_inline a:visited { color: #333;  display: inline; }
.liste_content_inline a:hover { color: #9c0; text-decoration: underline; display: inline; }
.liste_content_inline a:active,
.liste_content_inline a:focus { color: #9c0; text-decoration: none; display: inline; }
/* Fusszeile */
.footer { font-size: 0.85em; margin-bottom: 8px; }
.footer hr { clear: both; }


/* 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; }


.img_km_gross{ width: 5px; height: 5px; margin-right: 11px; margin-bottom: 3px; margin-left: 0; border-width: 0; }
.img_km_mittel{width: 5px; height: 5px; float: none; margin-right: 8px; margin-bottom: 1px; margin-left: 0; border-style: none; }
.img_km_mittel_lr{ width: 5px; height: 5px; float: none; margin-right: 8px; margin-bottom: 1px; margin-left: 8px; border-style: none; }
.img_km_navi_links{ width: 5px; height: 5px; margin-right: 11px; margin-bottom: 2px; margin-left: 0; border-width: 0; }
.img_km_footer{ width: 4px; height: 4px; margin-right: 8px; margin-bottom: 1px; margin-left: 8px; border-width: 0; }
.img_km_footer_logo{ width: 4px; height: 4px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; border-width: 0; }
.img_anfahrt {width: 428px; margin: 10px; margin-right: 10px; }


/* Beginn neuer Absatz */
.clear_all { clear:both; }

/* compact */
.compact { 
	height: auto; 
	float:left; 
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px 0px 10px 0;
	padding: 6px 0;
	width:31.7em;
}

* html #content_home .compact{ visibility: hidden; position: relative;}

.compact_right { 
	height: auto; 
	text-align: right;
	float:left; 
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px 0px 10px 0;
	padding: 6px 0;
	width:31.7em;
}
/*
.compact h2 { color: #4d4d4d; font-size: 0.85em; text-align: left; font-weight: bold; line-height: 0.95em; }
.compact h3 { color: #df0000; font-size: 0.85em; text-align: left; font-weight: bold; line-height: 0.95em; }
.compact p { color: #4d4d4d; font-size: 0.8em; text-align: left;  }
*/

.compact_footer { height: auto; width: 100%; margin: 20px 0; font-size: 0.75em; position: relative; left: 0; bottom: 2px; float: none; }
* html .compact_footer { height: auto; width: 99%; margin: 0px 0; font-size: 0.75em; position: relative; bottom: 2px; }
* html #content_home .compact_footer{ visibility: hidden;}
.compact_footer p {text-align: center !important;}


.compact_text_img { text-align: left; position: relative; width: 80px; height: 80px; float: left; margin-right: 5px; border:0; }
.compact_zweispaltig_links { height: auto; width: 15.5em; float:left; text-align: left; margin: 0px 5px 0px 0; padding: 0px 0; }
.compact_zweispaltig_rechts { height: auto; width: 15.5em; float:left; text-align: left; margin: 0px 0px 0px 5px; padding: 0px 0; }
.compact_zweispaltig_button_links { height: auto; width: 15.5em; float:left; text-align: center; margin: 8px 5px 0 0; padding: 0; }
.compact_zweispaltig_button_rechts { height: auto; width: 15.5em; float:left; text-align: center; margin: 8px 0 0 5px; padding: 0; }
.compact_dreispaltig_links { height: auto; width: 4.8em; float:left; text-align: left; margin: 0px 5px 0px 0px; padding: 0px 0; }
.compact_dreispaltig_mitte { height: auto; width: 10.7em; float:left; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0; }
.compact_dreispaltig_rechts { height: auto; width: 15.5em; float:left; text-align: left; margin: 0px 0px 0px 5px; padding: 0px 0; }
.compact_vierspaltig_links { height: auto; width: 4.4em; float:left; text-align: left; margin: 0; padding: 0; border: solid 1px red; }
.compact_vierspaltig_mitte-links { height: auto; width: 9.2em; float:left; text-align: left; margin: 0; padding: 0; border: solid 1px red; }
.compact_vierspaltig_mitte-rechts { text-align: left; width: 4.4em; height: auto; float: left; margin: 0; padding: 0; border: solid 0px red; }
.compact_vierspaltig_rechts { height: auto; width: 9.2em; text-align: left; float: left; margin: 0; padding: 0; border: solid 0px red; }

/* Eingabe- und Formularelemente */
#formular { }
#formular h1 { color: #333; font-size: 0.75em; font-weight: normal; font-style: normal; margin-bottom: 5px; margin-left: 10px; }
#formular p { line-height: 1px; margin: 0 0 0 0; padding: 0; }
.formular_vierspaltig-1 { font-size: 1em; text-align: left; margin: 3px 0 0 0; padding: 0; width: 70px; height: auto; float: left; border: solid 0px red; }
.formular_vierspaltig-2 { font-size: 1em; text-align: left; margin: 0 0 0 0; padding: 0; width: 163px; height: auto; float: left; border: solid 0 blue; }
.formular_vierspaltig-2-right { font-size: 1em; text-align: right; margin: 0 0 0 0; padding: 0; width: 163px; height: auto; float: left; border: solid 0 blue; }
.formular_vierspaltig-2b { font-size: 1em; text-align: center; width: 403px; height: 20px; float: left; margin: -26px 0 0; border: solid 0px blue; }
.formular_input { color: #4d4d4d; font-size: 1em; width: 157px; }
.formular_textarea { font-family: Arial, Verdana, Helvetica, sans-serif; color: #4d4d4d; font-size: 1em; width: 405px; }
.formular_p { color: #4d4d4d; font-size: 1em; margin: -26px 0 0; }
.formular_submit { color: #4d4d4d; font-size: 0.75em; text-align: center; }
.formular_select { color: #4d4d4d; font-size: 1em; width: 355px }
.formular_button { color: #4d4d4d; font-size: 1em; width: 130px  }

/* Trennlinie - Farbe */
hr     { color: #616161; text-align: center; border-color: #185aad; }

.blue {color: #006699;}
.blue_bold {color: #006699; font-weight: bold;}

/* Content Tabellen */
#content table
{ border-collapse:collapse; margin-bottom: 20px; border: solid 1px #240b89; }
#content table caption
{ padding-bottom: 5px; border-collapse:collapse; margin-bottom: 20px; border: solid 1px #240b89; }
#content th
{ text-align: left; vertical-align: top; border: solid 1px #240b89; padding: 3px; color: #0045a9; background-color: #f3f3f3; }
#content td
{ border: 1px solid #a2a2a2; padding: 3px; text-align: left; vertical-align: top; }
#content tr
{ border: solid 1px #240b89; }
#content .row2
{ background-color: #D7DFEE; }
.tabelle_kl { font-size: 0.9em; }


/* Seitenabschluss */

#seitenabschluss { position: relative; top: -15px; left: 50px; width: 698px; height: 30px; float: left; border: solid 0 red; }
#seitenabschluss p {color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.7em; text-align: center !important; }