/* ************************************************/
/* k_all.css - Standard-Styles für die Drucker-   */
/* ausgabe und die Bildschirmausgabedarstellung   */
/* "#" -> "id"-Selektor; "." -> "class"-Selektor  */
/* ************************************************/

/* --- html --- */
html {
 padding:0px;
 margin:0px;
}

/* --- body --- */
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-style:normal;
 font-weight:normal;
 letter-spacing:1px;
 color:#333333;
 background-color:var(--col_body);
 text-align:left;
 vertical-align:middle;
}

/* --- Formular allgemein --- */
form {
 margin-top:0px;
 margin-bottom:0px;
}

/* --- Formular-Elemente --- */
form checkbox, form input, form radio, form select, form textarea {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-style:normal;
 font-weight:normal;
 letter-spacing:0px;
}

form option {
 height:12px;
}

/* --- Formular-Elemente, verschiedene Breiten --- */
select.w_150 {width:150px;}

/* --- Links -Allgemein --- */
a {
 white-space: nowrap;  /* nicht umbrechen */
}

a:link {
 color:#000099;
 text-decoration:none;
 border-style:none;
}

/* --- Bilder links (ohne floating, ohne Rahmen, ohne Rand) --- */
/* --- Vorbereitet zur Ausgabe des Bildes mit oder ohne Beschriftung --- */
img {
 float:none;
 background-color:transparent;
 border-width:0px;
 border-style:none;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

/* --- Bilder links (ohne floating, mit Rahmen, ohne Rand) --- */
/* --- Vorbereitet zur Ausgabe des Bildes mit oder ohne Beschriftung --- */
.img_fn_by_mn {
 float:none;
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

/* --- Bilder links (floating links, ohne Rahmen, ohne Rand) für rechtsseitigen Fließtext --- */
/* --- Vorbereitet zur Ausgabe des Bildes mit oder ohne Beschriftung --- */
.img_fl_bn_mn {
 float:left;
 background-color:transparent;
 border-width:0px;
 border-style:none;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

/* --- Bilder links (floating links, mit Rahmen, ohne Rand) für rechtsseitigen Fließtext --- */
/* --- Vorbereitet zur Ausgabe des Bildes mit oder ohne Beschriftung --- */
.img_fl_by_mn {
 float:left;
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

/* --- Bilder rechts (floating rechts, ohne Rahmen, ohne Rand) für linksseitigen Fließtext --- */
/* --- Vorbereitet zur Ausgabe des Bildes mit oder ohne Beschriftung --- */
.img_fr_bn_mn {
 float:right;
 background-color:transparent;
 border-width:0px;
 border-style:none;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

/* --- Bilder rechts (floating rechts, mit Rahmen, ohne Rand) für linksseitigen Fließtext --- */
/* --- Vorbereitet zur Ausgabe des Bildes mit oder ohne Beschriftung --- */
.img_fr_by_mn {
 float:right;
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

/* --- Bilder zentriert (ohne floating, ohne Rahmen, ohne Rand) ohne Fließtext --- */
/* --- Vorbereitet zur Ausgabe des Bildes mit oder ohne Beschriftung --- */
.img_fn_bn_mn {
 background-color:transparent;
 border-width:0px;
 border-style:none;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

/* --- Bilder links (floating links, ohne Rahmen, mit rechten Rand) für rechtsseitigen Fließtext --- */
/* --- Aufruf: <img src="xxx" class="img_fl_bn_mr> --- */
.img_fl_bn_mr {
 float:left;
 background-color:transparent;
 border-width:0px;
 border-style:none;
 text-align:center;
 font-size:12px;
 font-weight:bold;
 margin-top:4px;
 margin-right:10px;
 margin-bottom:4px;
 margin-left:0px;
}

/* --- Bilder links mit Beschriftung (floating links, ohne Rahmen, mit rechten Rand) für rechtsseitigen Fließtext --- */
/* --- Aufruf: <span class="img_fl_bn_mr"><img src="xxx"><br>Beschriftung</span> --- */
span.img_fl_bn_mr {   /* Erbt von img_fl_bn_mr (siehe oben)*/
}

/* --- Bilder links (floating links, mit Rahmen, mit rechten Rand) für rechtsseitigen Fließtext --- */
/* --- Aufruf: <img src="xxx" class="img_fl_by_mr> --- */
.img_fl_by_mr {
 float:left;
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
 text-align:center;
 font-size:12px;
 font-weight:bold;
 margin-top:4px;
 margin-right:10px;
 margin-bottom:4px;
 margin-left:0px;
}

/* --- Bilder links mit Beschriftung (floating links, mit Rahmen, mit rechten Rand) für rechtsseitigen Fließtext --- */
/* --- Aufruf: <span class="img_fl_by_mr"><img src="xxx"><br>Beschriftung</span> --- */
span.img_fl_by_mr {   /* Erbt von img_fl_by_mr (siehe oben)*/
}

/* --- Bilder rechts (floating rechts, ohne Rahmen, mit linken Rand) für linksseitigen Fließtext --- */
/* --- Aufruf: <img src="xxx" class="img_fr_bn_ml> --- */
.img_fr_bn_ml {
 float:right;
 background-color:transparent;
 border-width:0px;
 border-style:none;
 text-align:center;
 font-size:12px;
 font-weight:bold;
 margin-top:4px;
 margin-right:0px;
 margin-bottom:4px;
 margin-left:10px;
}

/* --- Bilder rechts mit Beschriftung (floating rechts, ohne Rahmen, mit linken Rand) für linksseitigen Fließtext --- */
/* --- Aufruf: <span class="img_fr_bn_ml"><img src="xxx"><br>Beschriftung</span> --- */
span.img_fr_bn_ml {   /* Erbt von img_fr_bn_ml (siehe oben)*/
}

/* --- Bilder rechts (floating rechts, mit Rahmen, mit linken Rand) für linksseitigen Fließtext --- */
/* --- Aufruf: <img src="xxx"class="img_fr_by_ml> --- */
.img_fr_by_ml {
 float:right;
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
 text-align:center;
 font-size:12px;
 font-weight:bold;
 margin-top:4px;
 margin-right:0px;
 margin-bottom:4px;
 margin-left:10px;
}
/* --- Bilder rechts mit Beschriftung (floating rechts, mit Rahmen, mit linken Rand) für linksseitigen Fließtext --- */
/* --- Aufruf: <span class="img_fr_by_ml"><img src="xxx"><br>Beschriftung</span> --- */
span.img_fr_by_ml {   /* Erbt von img_float_rahmen_rechts_ml (siehe oben)*/
}

/* --- Listen und Listenelemente - Grundeinstellungen --- */
ul {
 list-style:none;
 margin-top:5px;
 margin-bottom:5px;
 margin-right:0px;
 margin-left:5px;
 padding:0px;
}

ol {
 list-style:decimal outside;
 margin-top:5px;
 margin-bottom:5px;
 margin-right:0px;
 margin-left:30px;
 padding:0px;
}

li {
 margin-left:0px;
}

/* --- pre --- */
pre {
 font-size:12px;
 letter-spacing:0px;
 width:100%;
 overflow:auto;
}

/* --- Textformate (durch Bezeichnung selbsterkärend) --- */
.txt_normal {
 font-size:12px;
 font-style:normal;
 font-weight:normal;
}

.txt_kursiv {
 font-style:italic;
}

.txt_fett {
 font-weight:bold;
}

.txt_schwarz {
 color:#000000;
}

.txt_rot {
 color:#FF0000;
}

.txt_rotfett {
 color:#FF0000;
 font-weight:bold;
}

.txt_orange {
 color:#FF8C00;
}

.txt_orangefett {
 color:#FF8C00;
 font-weight:bold;
}

.txt_blau {
 color:#000099;
}

.txt_blaufett {
 color:#000099;
 font-weight:bold;
}

.txt_gruen {
 color:#008000;
}

.txt_gruenfett {
 color:#008000;
 font-weight:bold;
}

.txt_hellgruen {
 color:#00cc00;
}

.txt_magenta {
 color:#ff00ff;
}

.txt_bg_blau {
 background-color:#9999FF;
}

.txt_bg_gelb {
 background-color:#FFFF00;
}

.txt_bg_blassgelb {
 background-color:#FFFFd7;
}

.txt_kleiner {
 font-size:11px;
 letter-spacing:0px;
}

.txt_kleinerfett {
 font-size:11px;
 font-weight:bold;
 letter-spacing:0px;
}

.txt_kleinernormal {
 font-size:11px;
 font-weight:normal;
 letter-spacing:0px;
}

.txt_sehrklein {
 font-size:9px;
 letter-spacing:0px;
}

.txt_groesser {
 font-size:13px;
}

.txt_groesserfett {
 font-size:13px;
 font-weight:bold;
}

.txt_sehrgross {
 font-size:16px;
}

.txt_monospace {
 font-family:monospace;
 letter-spacing:0px;
}

.txt_hoch {
 font-size:10px;
 position:relative;
 top:-2px; 
}

.txt_tief {
 font-size:10px;
 position:relative;
 bottom:-2px; 
}

.txt_rechts {
 position:absolute;
 left:0px;
 width:629px;
 text-align:right;
}

.txt_rechts_box {
 position:absolute;
 left:0px;
 width:624px;
 text-align:right;
}

/* --- Alle Elemente linksbündig, horizontal zentriert und rechtsbündig --- */
.alignleft {
 text-align:left;
}

.aligncenter {
 text-align:center;
 float:all;
}

.alignright {
 text-align:right;
 float:right;
}

/* --- Alle Elemente oben bündig, vertikal zentriert und  unten bündig --- */
.valigntop {
 vertical-align:top;
}

.valignmiddle {
 vertical-align:middle;
}

.valignbottom {
 vertical-align:bottom;
}

/* --- Schmale Leerzeile mit <span> - <br> dagegen erzeugt eine breite Leerzeile --- */
/* --- Aufruf: <span class="br_schmal"><br></span> --- */
span.br_schmal {
 font-size:0.6em;
 line-height:0.6em;
 display:block;
}

/* --- Bereich Kopfzeile links --- */
#bereich_kopf_links {
 position:absolute;
 top:0px;
 left:0px;
 height:80px;
 width:80px;
 font-size:10px;
 font-weight:bold;
 letter-spacing:2px;
 background-color:var(--col_kopf_zeile);
 margin:3px;
 padding:5px;
 border-width:1px;
 border-style:solid;
 border-color:#333333;
}

/* --- Überschrift h1 (ohne Abstand zum darüberliegenden Element, da immer 1. Element) --- */
/* --- Spezielles h1 für Pressemeldungen und Veröffentlichungen (kleinere Schrift, hellerer Hintergund als h1.box) --- */
#bereich_mitte h1.info {
 font-size:12px;
 font-weight:bold;
 letter-spacing:1px;
 color:#303030;
 background-color:#F0F0F0;
 margin-top:3px;
 margin-right:3px;
 margin-bottom:3px;
 margin-left:3px;
 padding-top:3px;
 padding-right:5px;
 padding-bottom:3px;
 padding-left:5px;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
}

/* --- Überschrift h1 (ohne Abstand zum darüberliegenden Element, da immer 1. Element) --- */
#bereich_mitte h1.box {
 font-size:14px;
 font-weight:bold;
 letter-spacing:1px;
 color:#000000;
 background-color:#D0D0D0;
 margin-top:3px;
 margin-right:3px;
 margin-bottom:3px;
 margin-left:3px;
 padding-top:3px;
 padding-right:5px;
 padding-bottom:3px;
 padding-left:5px;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
}

/* --- Überschrift h2 (mit Abstand zum darüberliegenden Element) --- */
#bereich_mitte h2.box {
 clear:both;
 font-size:12px;
 font-weight:bold;
 letter-spacing:1px;
 color:#202020;
 background-color:#E0E0E0;
 margin-top:8px;
 margin-right:3px;
 margin-bottom:3px;
 margin-left:3px;
 padding-top:3px;
 padding-right:5px;
 padding-bottom:3px;
 padding-left:5px;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
}

/* --- Überschrift h3 (mit Abstand zum darüberliegenden Element) --- */
#bereich_mitte h3.box {
 clear:both;
 font-size:12px;
 font-weight:bold;
 letter-spacing:1px;
 color:#303030;
 background-color:#F0F0F0;
 margin-top:8px;
 margin-right:3px;
 margin-bottom:3px;
 margin-left:3px;
 padding-top:3px;
 padding-right:5px;
 padding-bottom:3px;
 padding-left:5px;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
}

/* --- Bilder links mit Rahmen --- */
#bereich_mitte img.scrsht {
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#666666;
 margin-top:5px;
 margin-right:2px;
 margin-bottom:0px;
 margin-left:3px;
 max-width:619px;
 padding:0px;
}

/* --- Absatz p --- */
#bereich_mitte p {
 margin-left:5px;
 margin-right:5px;
 margin-top:5px;
 margin-bottom:5px;
 padding:0px;
 clear:both;
}

/* --- Absatz p mit rechtsbündigem Text--- */
#bereich_mitte p.alignright {  /* Erbt von "p" */
 text-align:right;
}

/* --- Absatz p als centrierte Unterschrift unter ein Bild img.scrsht --- */
#bereich_mitte p.scrsht {  /* Erbt von "p" */
 font-weight:bold;
 text-align:center;
}
/* --- Absatz p als linksbündige Unterschrift unter ein Bild img.scrsht --- */
#bereich_mitte p.scrshtl {  /* Erbt von "p" */
 font-weight:bold;
 text-align:left;
}

/* --- Absatz ohne clearing --- */
/* --- Kann in Verbindung mit anderen Tags, z.B. ol und ul verwendet werden --- */
#bereich_mitte p.noclear {  /* Erbt von "p" */
 padding:0px;
 clear:none;
}

/* --- Absatz Blocktext mit clearing --- */
#bereich_mitte p.justify {  /* Erbt von "p" */
 padding:0px;
 clear:both;
 text-align:justify;
}

/* --- Absatz Blocktext ohne clearing --- */
/* --- Kann in Verbindung mit anderen Tags, z.B. ol und ul verwendet werden --- */
#bereich_mitte p.noclear_justify {  /* Erbt von "p" */
 padding:0px;
 clear:none;
 text-align:justify;
}

/* --- Absatz p als Überschrift einer Liste ol.typ3 --- */
#bereich_mitte p.typ3 {  /* Erbt von "p" */
 margin-bottom:0px;
}

/* --- Tabelle über die gesamte Breite des bereich_mitte --- */
#bereich_mitte table.breit{
 width:621px;
 background-color:transparent;
 margin:0px 0px 0px 3px;  /* top, right, bottom, left */
 padding:0px;
 border-collapse:collapse;
}

/* --- Tabelle für das Suchergebnis --- */
#bereich_mitte table.suche{
 width:621px;
 background-color:transparent;
 margin:0px 0px 0px 3px;  /* top, right, bottom, left */
 padding:0px;
 border-collapse:collapse;
}

/* --- Tabelle mit Zeilen in normaler Schrifthöhe --- */
/* --- Aufruf: <table class="eng"> kein separater Aufruf für <td> --- */
#bereich_mitte table.eng {
 border-width:0px;
 border-collapse:collapse;
 margin:0px 0px 0px 5px;  /* top, right, bottom, left */
}

#bereich_mitte table.eng td {
 padding:0px 5px 0px 0px;  /* top, right, bottom, left */
 border-collapse:collapse;
}

/* --- Tabelle für die rechtsseitige Darstellung --- */
/* --- Aufruf: <table class="rechts"> --- */
#bereich_mitte table.rechts {
 float:right;
 border-collapse:collapse;
 margin:2px 3px 0px 7px;  /* top, right, bottom, left */
}

#bereich_mitte table.rechts td {
 padding:5px 5px 5px 5px;  /* top, right, bottom, left */
}

/* --- Tabelle für die linksseitige Darstellung --- */
/* --- Aufruf: <table class="links"> --- */
#bereich_mitte table.links {
 float:left;
 border-collapse:collapse;
 margin:2px 7px 0px 3px;  /* top, right, bottom, left */
}

#bereich_mitte table.links td {
 padding:5px 5px 5px 5px;  /* top, right, bottom, left */
}

/* --- Verschiedene Paddings (Innenränder) für z.B. td, th, nicht aber für table! --- */
.pa5 {padding:5px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}

/* --- Verschiedene Margins (Außenränder) für z.B. div, table, ol, ul --- */
.mt5 {margin-top:5px;}
.mb0 {margin-bottom:0px;}
.ml11 {margin-left:11px;}
.ml60 {margin-left:60px;}
.mr60 {margin-right:60px;}

/* --- Verschiedene Border für z.B. table --- */
/* --- collapse nicht entfernen, da sonst die Border für thead und tfoot nicht funktionieren --- */
.bo0 {border:0px; border-collapse:collapse;}
.bo1 {border:1px solid; border-collapse:collapse;}

/* --- Verschiedene Border für z.B. thead und tfoot in table --- */
.bbot {border-bottom:1px solid;}
.btop {border-top:1px solid;}

/* --- Verschiedene Breiten für z.B p, img und table --- */
.w25pr {width:25%;}
.w30pr {width:30%;}
.w40pr {width:40%;}
.w45pr {width:45%;}
.w50pr {width:50%;}
.w100pr {width:100%;}
.w20px {width:20px;}
.w75px {width:75px;}
.w250px {width:250px;}
.w256px {width:256px;}
.w400px {width:400px;}
.w500px {width:500px;}

/* --- Verschiedene Höhen für z.B p, img und table --- */
.h80px {height:80px;}
.h125px {height:125px;}
.h270px {height:270px;}
.h275px {height:275px;}
.h320px {height:320px;}

/* --- Verschiedene absolute Positionen für z.B span --- */
.pa250 {position:absolute; left:250px;}
.pa425 {position:absolute; left:425px;}

/* --- Formatierter Text pre --- */
#bereich_mitte pre {
 font-size:12px;
 margin-left:5px;
 margin-top:0px;
 margin-bottom:5px;
}

/* --- Listen und Listenelemente --- */
#bereich_mitte ol.typ1 {
 list-style-type:upper-roman;
}

#bereich_mitte li.typ1{
 font-weight:bold;
 margin-left:0px;
}

#bereich_mitte ol.typ2 {
 list-style-type:decimal;
}

#bereich_mitte li.typ2{
 font-weight:normal;
 margin-left:-25px;
}

/* --- Für normale oder gestaffelte Listen: Erste Ebene mit gefüllten Kreisen --- */
/* --- Bei gestaffelten Listen: ol.typ3e2 und ol.typ3e3 für weitere Ebenen --- */
#bereich_mitte ol.typ3 {
 list-style:disc;
 margin-top:0px;
 margin-left:20px;
}

/* --- Erste Ebene mit gefüllten Kreisen und rechtsseitigen Fließtext --- */
#bereich_mitte ol.typ3_float {
 float:left;
 list-style:disc;
 margin-top:0px;
 margin-left:20px;
 margin-right:10px;
 left:20px;
}

/* --- Erste Ebene mit gefüllten Kreisen und relativer Position --- */
#bereich_mitte ol.typ3_relative {
 position:relative;
 list-style:disc;
 margin-top:0px;
 margin-left:0px;
 left:20px;
}

/* --- Überschrift in Liste ol.typ3 --- */
#bereich_mitte li.typ3ue{
 list-style:none;
 font-weight:bold;
 margin-left:-15px;
}

/* --- Listenelement für verschachtelte Liste mit ol.typ3 --- */
#bereich_mitte li.typ3vl{
 list-style:none;
 font-weight:normal;
 margin-left:-15px;
}

/* --- Bei gestaffelten Listen: Zweite Ebene mit leeren Kreisen --- */
#bereich_mitte ol.typ3e2 {
 list-style:circle;
 margin-top:0px;
 margin-left:20px;
 margin-bottom:0px;
}

/* --- Bei gestaffelten Listen: Dritte Ebene mit gefüllten Quadraten -- */
#bereich_mitte ol.typ3e3 {
 list-style:square;
 margin-top:0px;
 margin-left:20px;
 margin-bottom:0px;
}

/* --- Unsortierte Listen --- */
#bereich_mitte ul.clear {
 clear:both;
 margin-top:10px;
 margin-bottom:10px;
}

#bereich_mitte ol.clear {
 clear:both;
 margin-top:10px;
 margin-bottom:10px;
}

/* --- Verschiedene Listenzeichen für ol und ul --- */
.lsdisc {list-style:disc;}

/* --- Reihe mit Bildern, Tables und Texten --- */
#bereich_mitte div.artikel {
 position:static;
 margin-left:3px;
 margin-right:0px;
 background-color:transparent;
 width:621px;
}

/* --- Auf Hintergrund abgesetzter Absatz --- */
#bereich_mitte div.absatz {
 position:static;
 margin-bottom:3px;
 padding:5px;
 background-color:var(--col_absatz);
 xbackground-color:#F8F8F8;
 border-width:1px;
 border-style:solid;
 border-color:#333333;
}

/* --- Submit-Buttons mit Graphik ---*/
input.ikon_16 {
 background-image:url(../image/logo/logo_16.gif);
 background-color:var(--col_button);
 background-repeat:no-repeat;
 background-position:left center;
 text-align:right;
 padding-right:5px;
 padding-left:21px;
 height:25px;
 border-width:1px;
 border-style: outset;
 border-radius: 3px;
}

input.ikon_25 {
 background-image:url(../image/logo/logo_25.gif);
 background-color:var(--col_button);
 background-repeat:no-repeat;
 background-position:left center;
 text-align:right;
 padding-right:7px;
 padding-left:32px;
 height:33px;
 border-width:1px;
 border-style: outset;
 border-radius: 3px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
}

input.ikon_32 {
 background-image:url(../image/logo/logo_32.gif);
 background-color:var(--col_button);
 background-repeat:no-repeat;
 background-position:left center;
 text-align:right;
 padding-right:7px;
 padding-left:39px;
 height:40px;
 border-width:1px;
 border-style: outset;
 border-radius: 3px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 font-weight:bold;
}