/*
Nachfahren-Selektoren
div i { color:red; }

Damit wird wie nach CSS-1.0-Syntax bekannt festgelegt, dass i-Elemente, 
sofern sie innerhalb eines div-Bereichs vorkommen, rote Textfarbe (color:red;) erhalten. 
Dabei wird das i-Element auch dann rot formatiert, wenn es z.B. in dieser Form vorkommt: 
<div><ul><li><i></i></li></ul></div>. Deshalb gibt es ab CSS2 die Möglichkeit, genauer 
festzulegen, für welche Verschachtelung die Formatdefinition gelten soll.

div * b { color:violet; }

Der Universalselektor * wird hier als Platzhalter für ein beliebiges Element und damit 
für eine weitere Verschachtelungsebene verwendet. Im obigen Beispiel wird festgelegt, 
dass b-Elemente, die innerhalb eines div-Bereichs vorkommen, nur dann violette Textfarbe 
(color:violet;) erhalten, wenn das b-Element in dieser oder einer vergleichbaren Form 
vorkommt: <div><p><b></b></p></div>, also mindestens zwei Ebenen unterhalb des 
div-Elements. Im obigen Beispiel sind verschiedene Textstellen an verschiedenen Stellen 
mit <b>...</b> ausgezeichnet. Das erste b-Element in dem Text, der zuerst und direkt 
innerhalb des div-Bereichs notiert ist, erhält noch keine violette Farbe, wohl aber das 
nächste b-Element im gleichen Satz, da dieses Element bereits zwei Ebenen unterhalb des 
div-Elements liegt (das i-Element liegt dazwischen).

Kind-Selektor
div > p { color:blue; }

Mit dem Zeichen > wird in diesem Selektor festgelegt, dass p-Elemente, sofern sie 
innerhalb eines div-Bereichs vorkommen, nur dann blaue Textfarbe (color:blue;) erhalten, 
wenn das p-Element in dieser Form vorkommt: <div><p></p></div>, also eine Ebene unterhalb 
des div-Elements. Im obigen Beispiel ist innerhalb des div-Bereichs unter anderem auch 
eine Tabelle notiert, in der noch mal ein p-Element vorkommt. Dort greift die Formatierung 
der blauen Farbe nicht, weil das p-Element mehr als eine Verschachtelungsebene unterhalb 
des div-Elements liegt (die Tabellenelemente sind dazwischen).

Nachbar-Selektor
div + p { margin-top:100px; }

Mit dem Zeichen + wird in diesem Selektor festgelegt, dass p-Elemente, die unmittelbar auf 
ein div-Element hin folgen, einen Abstand von 100 Pixeln nach oben hin erhalten 
(margin-top:100px;). Im obigen Beispiel ist das bei dem vorletzten p-Element der Fall. 
Dieses folgt unmittelbar hinter dem div-Bereich.


Der Internet Explorer 6.0 interpretiert die Selektoren > und + noch nicht!


Erläuterung:
Mit margin: können Sie den Rand/Abstand für oben, rechts, unten und links bestimmen. Erlaubt sind ein bis vier numerische Angaben oder die Werte auto und inherit.

Eine Angabe bedeutet: alle vier Ränder des Elements erhalten den gleichen Außenabstand.

Bei mehreren Angaben werden diese abhängig von deren Anzahl interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben und unten, die zweite den Abstand für rechts und links.
Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts und links und die dritte den Abstand für unten.
Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts, die dritte den Abstand für unten und die vierte den Abstand für links. 


Mit padding: bestimmen Sie den Innenabstand zwischen Elementinhalt und den vier Elementgrenzen oben, rechts, unten und links. Erlaubt sind ein bis vier numerische Angaben.

Eine Angabe bedeutet: alle vier Ränder des Elements erhalten den gleichen Innenabstand.

Bei mehreren Angaben werden die Angaben intern nach der angenommenen Reihenfolge für 1=oben, 2=rechts, 3=unten, 4=links interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben und unten, die zweite den Abstand für rechts und links.
Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts und links und die dritte den Abstand für unten.
Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts, die dritte den Abstand für unten und die vierte den Abstand für links.


border-width:
    thin = dünn
    medium = mittelstark
    thick = dick
*/ 


body {
    color: black;
    background-color: #F0F0F0;
    font-size: 100.01%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    margin: 0.5em; /* mindestens ein rechter Rand von >=0.5em (>=8px) verhindert ab IE7 die Bildung einer unteren Scrollleiste! */
    padding: 0; /* Innenabstand zwischen Elementinhalt und den vier Elementgrenzen */
    min-width: 61.6em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    }

/* bis IE 6.0: */
* html body {
    color: black;
    background-color: #F0F0F0;
    font-size: 100.01%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    margin: 0.5em;
    padding: 0;
    width: 61.6em; /* bis IE 6.0 wird 'min-width' nicht unterstützt! (61.6em passen genau in 1.024px Screenweite und werden auch für den PHP-Jahreskalender benötigt.) */
    }


/***** Logozeile: *****/
p#LogoZeile {
    margin: 0;
    padding: 0;
    height: 5.8em; /* (entspricht 92px in Normaleinstellung) */
    background-image: url("../images/bg_808080-ffffff_2x21.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: white;
    white-space: nowrap;
    }
html>body p#LogoZeile {
    border-color: gray; /* Farbangleichung an den Internet Explorer */
    }
#LogoZeile #Logo {
    float: left;
    margin: 20px 5px 0;
    }

/*** Einstellungen der iFrameBox-Einheiten: ***/
#LogoZeile #SuchBx {
    float: right;
    width: 11.01em;
    height: 3.8em;
    margin: 30px 5px 0 0;
    }
#LogoZeile #NewsBx {
    width: 29.2em;
    min-width: 468px;
    height: 3.8em;
    margin: 30px 0 0 1px; /* (linker Rand analog zu '#SponsorBx') */
    }


/***** Tickerzeile: *****/
#TickerZeile { 
    margin: 0 0.1em 0 0.1em;
    padding: 0;
    height: 25px;
    background-image: url("../images/bg_ticker2x25.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: black;
    border-top: 1px solid #666666;
    border-bottom: 1px solid white;
    white-space: nowrap;
    overflow: hidden;
    }
html>body #TickerZeile {
    border-color: gray; /* Farbangleichung an den Internet Explorer */
    }
#UhrBx {
    float: right;
    height: 25px;
    margin: 0 0.5em 0 0;
    }

/*** Einstellungen der iFrameBox-Einheiten: ***/
#TickerBx {
    width: 85%;
    height: 24px;
    margin: 0 0.5em;
    }


/***** Sponsorzeile: *****/
p#SponsorZeile {
    margin: 0;
    padding: 0;
    height: 92px; /* (feste Höhe wg. unt. Hintergrundbildzeile!) */
    background-color: #54BBA5;
    background-image: url("../images/bg_54bba5-000000_1x50.png");
    background-repeat: repeat-x;
    background-position: 0 42px;
    white-space: nowrap;
    }
html>body p#SponsorZeile {
    border-color: gray; /* Farbangleichung an den Internet Explorer */
    }

/*** Einstellungen der iFrameBox-Einheiten: ***/
#SponsorBx {
    width: 468px;
    height: 40px;
    margin: 0 0 0 16.2em; /* (linker Rand wie in 'div#Inhalt') */
    }

/*** Menü: ***/
ul#Navigation {
    font-size: 0.7em;
    background-color: #AACCBB;
    float: left;
    width: 21.42em;
    min-width: 240px;
    margin: 0.9em 0 1.2em 0;
    padding: 0;
    list-style-type: none;
    border: none;
    }

/*** Java-Script-Hinweis im Menü und bei zusätzl. UnterMenü-Einblendung im Inhaltsfenster: ***/
ul#Navigation noscript, #Inhalt .NavigationU noscript {
    font-weight: 600;
    font-size: x-small;
    color: #606060;
    margin-left: 0.4em;
    }

/* kein oberer Rand beim Sponsor-Fenster: */
#home ul#Navigation,
#qfnd ul#Navigation,
#qfnd_list ul#Navigation,
#qfnd_laus ul#Navigation,
#sprs ul#Navigation,
#link ul#Navigation,
#link_spon ul#Navigation {
    margin: 0 0 1.2em 0;
    }
ul#Navigation li, #Inhalt ul.NavigationU li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #F0FFFF;
    border-right: none;
    border-bottom: 1px solid gray;
    border-left: none;
    list-style-type: none; /* gilt auch für Unter-Menüs! */
    }
/* horiz. Abstand im mittleren Menüblock vergrößern: */
ul#Navigation li#nav_anml,
ul#Navigation li#nav_idee {
    padding-top: 0.9em;
    background-color: #F0F0F0;
    }


/*** Pseudoklassen (Reihenfolge beachten!):
:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Verweise, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Verweise, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Verweise */

ul#Navigation a {
    display: block;
    font-weight: bold;
    background-color: #005050;
    background-image: url("../images/bg_54bba5-000000_1x50.png");
    background-repeat: repeat-x;
    background-position: 0 -20px;
    padding: 0.2em;
    text-decoration: none;
    }
ul#Navigation a:link {
    color: white;
    }
ul#Navigation a:visited {
    color: white;
    }
ul#Navigation a:focus {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation a:hover {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation a:active {
    color: #E00000;
    background-color: #202020;
    }

ul#Navigation li.intern a {
    background-color: #505050;
    background-image: url("../images/bg_anthrazit_verlauf2x25.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    }
ul#Navigation li.intern a:link {
    color: white;
    }
ul#Navigation li.intern a:visited {
    color: white;
    }
ul#Navigation li.intern a:focus {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation li.intern a:hover {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation li.intern a:active {
    color: #E00000;
    background-color: #202020;
    }


/*** Unter-Menüs: ***/
ul#Navigation ul.NavigationU a {
    display: block;
    background-image: none;
    font-weight: 400;
    padding: 0 0.2em;
    }
ul#Navigation ul.NavigationU a:link {
    color: black;
    background-color: #AACCBB;
    }
ul#Navigation ul.NavigationU a:visited {
    color: black;
    background-color: #AACCBB;
    }
ul#Navigation ul.NavigationU a:focus {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation ul.NavigationU a:hover {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation ul.NavigationU a:active {
    color: #E00000;
    background-color: #202020;
    }

ul#Navigation ul.NavigationU ul.NavigationU a {
    background-color: #CCCCBB;
    }
ul#Navigation ul.NavigationU ul.NavigationU a:link {
    color: black;
    background-color: #CCCCBB;
    }
ul#Navigation ul.NavigationU ul.NavigationU a:visited {
    color: black;
    background-color: #CCCCBB;
    }
ul#Navigation ul.NavigationU ul.NavigationU a:focus {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation ul.NavigationU ul.NavigationU a:hover {
    color: #F00000;
    background-color: #303030; /* Highlight */
    }
ul#Navigation ul.NavigationU ul.NavigationU a:active {
    color: #E00000;
    background-color: #202020;
    }

/* eigener <li>-Bereich für Untermenüs: 
(sonst Highlight für alle Untermenü-Punkte unterhalb 
eines aktiven Navi-Elements als Obermenü!) */

ul#Navigation li.lileer {
    display: inline; /* verhindert im IE Leerzeile bei leerem <il>-Tag */
    border: none;
    margin: 0; 
    padding: 0; 
    height: 0;
    }
li.lileer ul.NavigationU {
    margin-top: 0;
    padding-top: 0;
    }
* html ul#Navigation li.lileer { /* verhindert im IE (auch IE7!) Leerzeile bei leerem <il>-Tag */ 
    height: auto;
    }

/*** Einstellungen der iFrameBox-Einheiten: ***/
#MultiBx {
    width: 100%; /* (liegt innerhalb von 'ul#Navigation') */
    height: 14.42em;
    min-height: 160px;
    margin: 0;
    }

/*** Pfeil am rechten Rand für aktives Navi-Element: ***/
ul#Navigation a:hover,
ul#Navigation a:active,
ul#Navigation li.intern a:hover,
ul#Navigation li.intern a:active,
ul#Navigation ul.NavigationU a:hover,
ul#Navigation ul.NavigationU a:active {
    background-image: url("../images/arrow-right2.gif");
    background-repeat: no-repeat;
    background-position: right;
    }
/* (z.Zt. nicht eingerichtet!)
ul#Navigation ul.NavigationU li.intern a:hover,
ul#Navigation ul.NavigationU li.intern a:active {
    background-image: url("../images/arrow-right2.gif");
    background-repeat: no-repeat;
    background-position: right;
    }
*/

/*** Highlight für aktives Navi-Element: ***/
ul li#Navigation,
#home #nav_home a,
#qfnd #nav_qfnd a,
#qfnd_list #nav_qfnd_list a,
#qfnd_laus #nav_qfnd_laus a,
#qfnd_mrtn #nav_qfnd_mrtn a,
#qfnd_hstc #nav_qfnd_hstc a,
#qfnd_lips #nav_qfnd_lips a,
#qfnd_owls #nav_qfnd_owls a,
#qfnd_xaus #nav_qfnd_xaus a,
#lkal #nav_lkal a,
#bula #nav_bula a,
#bula_bw #nav_bula_bw a,
#bula_bw_a-g #nav_bula_bw_a-g a,
#bula_bw_h-o #nav_bula_bw_h-o a,
#bula_bw_p-z #nav_bula_bw_p-z a,
#bula_by #nav_bula_by a,
#bula_be #nav_bula_be a,
#bula_brb #nav_bula_brb a,
#bula_bre #nav_bula_bre a,
#bula_hh #nav_bula_hh a,
#bula_he #nav_bula_he a,
#bula_mv #nav_bula_mv a,
#bula_nds #nav_bula_nds a,
#bula_nrw #nav_bula_nrw a,
#bula_nrw_a-c #nav_bula_nrw_a-c a,
#bula_nrw_d-g #nav_bula_nrw_d-g a,
#bula_nrw_h-k #nav_bula_nrw_h-k a,
#bula_nrw_l-m #nav_bula_nrw_l-m a,
#bula_nrw_n-r #nav_bula_nrw_n-r a,
#bula_nrw_s-z #nav_bula_nrw_s-z a,
#bula_rp #nav_bula_rp a,
#bula_sar #nav_bula_sar a,
#bula_sac #nav_bula_sac a,
#bula_san #nav_bula_san a,
#bula_sh #nav_bula_sh a,
#bula_th #nav_bula_th a,
#anml #nav_anml a,
#anml_hp #nav_anml_hp a,
#anml_qf #nav_anml_qf a,
#anml_la #nav_anml_la a,
#anml_lk #nav_anml_lk a,
#anml_tk #nav_anml_tk a,
#anml_ol #nav_anml_ol a,
#anml_ol_demoanml #nav_anml_ol_demoanml a,
#anml_ol_demoover #nav_anml_ol_demoover a,
#anml_ol_onl-lauf #nav_anml_ol_onl-lauf a,
#anml_ls #nav_anml_ls a,
#upld #nav_upld a,
#upld_norm #nav_upld_norm a,
#upld_live #nav_upld_live a,
#xtra #nav_xtra a,
#xtra_lfzb #nav_xtra_lfzb a,
#xtra_ratg #nav_xtra_ratg a,
#xtra_vcrd #nav_xtra_vcrd a,
#xtra_bmix #nav_xtra_bmix a,
#xtra_jkal #nav_xtra_jkal a,
#xtra_ftag #nav_xtra_ftag a,
#xtra_tagz #nav_xtra_tagz a,
#xtra_ggle #nav_xtra_ggle a,
#xtra_mifg #nav_xtra_mifg a,
#xtra_adob #nav_xtra_adob a,
#xtra_java #nav_xtra_java a,
#xtra_code #nav_xtra_code a,
#xtra_cdez #nav_xtra_cdez a,
#xtra_musi #nav_xtra_musi a,
#sprs #nav_sprs a,
#link #nav_link a,
#link_spon #nav_link_spon a,
#link_lsei #nav_link_lsei a,
#sple #nav_sple a,
#help #nav_help a,
#help_sysi #nav_help_sysi a,
#help_faqs #nav_help_faqs a,
#help_java #nav_help_java a,
#help_moni #nav_help_moni a,
#idee #nav_idee a,
#info #nav_info a,
#pblc #nav_pblc a,
#smap #nav_smap a,
#mail #nav_mail a,
#impr #nav_impr a,
#impr_dscl #nav_impr_dscl a {
    color: #00FFCC;
    background-color: #202020;
    background-image:url("../images/arrow-right2.gif");
    background-repeat: no-repeat;
    background-position: right;
    }

/*** Deutschlandkarte im Menü: ***/
.box_map {
    background-image: url("../images/deutschlandkarte238x276.jpg");
    background-repeat:no-repeat;
    background-position: center;
    width: 238px;
    height: 276px;
    overflow: hidden;
    border: 1px solid #FF9900;
    padding: 0;
    margin: 1px 0 1px;
    }


/***** Haupt-Inhalts-Box: *****/
div#Inhalt {
    min-width: 500px;
    /* margin: oben rechts unten links; */
    margin: 0.8em 12em 1em 16.2em; /* (linker Rand wie in '#SponsorBx') */
    border: none;
    }
* html div#Inhalt {
    height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    }

/* temporärer Inhalt: */
div#Inhalt #ContTemp {
    font-size: 0.83em;
    margin-bottom: 1.2em;
    }
div#Inhalt #ContTemp a {
    text-decoration:none;
    color: #000000;
    font-weight: 700;
    }
div#Inhalt #ContTemp a:visited {
    color: #333333;
    }
div#Inhalt #ContTemp a:hover {
    text-decoration:underline;
    color: #E00000;
    }

/*** Einstellungen der iFrameBox-Einheiten: ***/
#InhaltBx {
    width: 31.0em;
    min-width: 494px;
    height: 542px; /* (Höhe der BuLa-Karte in 'noscript' und deaktiv. Scrollleisten!) */
    min-height: 542px;
    margin: 0;
    }


/***** Seiten-Box (wird temporär ab ausreichender Fensterbreite zugeschaltet!): *****/
div#SideMainBox {
    position: relative;		/* erforderlich für 'z-index' */
    z-index: 9999;		/* steht immer vorne! */
    background-color: #F0FFF0;	/* eigene Hintergrundfarbe! z.B. #CCFFCC */
    				/* background-color: transparent; */
    width: 160px;
    height: 600px;
    margin: -2px 0 1.4em 1.2em; /* Korrekturfaktor-Oben: steht sonst nicht auf gleicher Höhe wie der nebenstehende Kalender! */
    border: 1px solid #F0FFFF;
    border-top-color: gray;
    border-left-color: gray;
    float: right;
    display: inline;
    }


/***** Info-Box: *****/
div#InfoMainBox {
    display: block; /* ('div#InfoMainBox' wird mit JavaScript bei größeren 'div#Inhalt'-Breiten ausgeschaltet!) */
    font-size: 0.8em;
    float: right;
    width: 14em;
    margin: 0.9em 0 1.1em;
    padding: 0;
    background-color: #eee;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    }
/* Info-Box fixieren: */
html>body div#InfoMainBox { /* nur fuer moderne Browser! ('html>body' schließt alle Internet Explorer für Windows bis Version 6 und Netscape 4 aus) */
    position: fixed;
    right: 0.5em;
    }
div#InfoMainBox p {
    padding: 0;
    margin: 0;
    }
div#InfoMainBox hr { /* (Linie wird sonst in FireFox nicht dargestellt!) */
    clear: both;
    }
div#InfoMainBox img#WappenIMG {
    margin: 21px;
    padding: 0;
    }
div#InfoMainBox #WappenTXT {
    font-size: 0.84em;
    font-weight: bold;
    color: #FA867E;
    margin: -21px 0 21px 21px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    }
div#InfoMainBox span#WappenTXT {
    display: block;
    text-align: left;
    }

/*** Einstellungen der iFrameBox-Einheiten: ***/
#KalBx {
    width: 100%;
/*    height: 12em;    (gültig für alten PHP-Kalender) */
    height: 16.2em; /* (gültig für Jax-Calendar) */
    margin: 0;
    }
#QFMarathonBx {
    width: 100%; 
    height: auto; 
    margin: 0;
    }

/*** Links in der Info-Box: ***/
.InfoLink {
    font-size: 0.9em;
    background-color: #005050;
    float: left;
    width: 100%;
    margin: 0.9em 0 1.2em 0;
    padding: 0;
    list-style-type: none;
    border: none;
    }
.InfoLink a {
    display: block;
    font-weight: normal;
    background-color: #005050;
    background-image: url("../images/bg_54bba5-000000_1x50.png");
    background-repeat: repeat-x;
    background-position: 0 42px;
    padding: 0.2em;
    text-decoration: none;
    }
.InfoLink a:link {
    color: #00FFCC;
    }
.InfoLink a:visited {
    color: #00FFCC;
    }
.InfoLink a:focus {
    background-image: none;
    color: white;
    background-color: #303030; /* Highlight */
    }
.InfoLink a:hover {
    background-image: url("../images/arrow-right2.gif");
    background-repeat: no-repeat;
    background-position: right;
    color: white;
    background-color: #303030; /* Highlight */
    }
.InfoLink a:active {
    background-image: none;
    color: white;
    background-color: #202020;
    }
/* Zeilenabstand bis IE6 korrigieren: */
* html ul.InfoLink li a {
    margin-bottom: -1.6em; /* (geht nicht mit 'line-height'!) */
    }


/***** Fußzeile / Impressumzeile: *****/
div#FussZeile {
    clear: both;
    font-size: 0.6em;
    margin: 0;
    padding: 0;
    height: 50px;
    color: gray;
    text-align: center;
    background-color: #54BBA5;
    background-image: url("../images/bg_54bba5-000000_1x50.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    border-top: 1px solid #666666;
    }

div#FussZeile span#GraphCount {
    width: 16.2em; /* (Opera führt sonst einen Zeilenumbruch hinter dem EuroCounter durch!) */
    float: left;
    margin: 0.1em 0 0 0.4em;
    padding: 0;
    white-space: nowrap;
    }
div#FussZeile span#GraphCount span#EuroCount {
    float: left;
    padding: 0 17px 0 0; /* Abstand zw. den beiden Graphic-Anzeigen */
    }
div#FussZeile span#TxtCount {
    float: right;
    margin-right: 0.4em;
    }

div#FussZeile div#ImprZeile { /* vertikale Höhe in Bezug auf den Euro-Counter anpassen */
    clear: both;
    margin-top: -5px;
    }
div#FussZeile div img#AN { /* Bild vertikal zentrieren: <img> um 0.5em nach unten verschieben */
    margin-bottom: -0.5em;
    }

div#FussZeile a {
    color: gray;
    text-decoration: none;
    }
div#FussZeile a:link {
    color: gray;
    background-color: transparent;
    }
div#FussZeile a:visited {
    color: gray;
    background-color: transparent;
    }
div#FussZeile a:focus {
    color: #E00000;
    background-color: #ddd;
    }
div#FussZeile a:hover {
    color: #E00000;
    background-color: #ddd;
    }
div#FussZeile a:active {
    color: gray;
    background-color: transparent;
    }

div#FussZeile div a.imgLnk:hover { /* keine Hintergrundfarbe im AN-Logo bei Mouseover */
    /* color: transparent; */
    background-color: transparent;
    }

/*** Einstellungen der iFrameBox-Einheiten: ***/
#CountBx {
    width: 1px;
    height: 1px;
    }


/***** Fuß-Buttons: *****/
span#footButton {
    display: none; /* wird nur mit JavaScript aktiviert! */
    float: left;
    margin-top: 1px;
    }
#footButton button {
    font-size: 0.62em;
    font-weight: 700;
    color: #669999;
    }
#footButton img#arrowLeft { /* Links-Pfeil vertikal ausrichten */
    margin: -2px 0 -2px 0;
    }


/***** Bildrand bei Mouseover: *****/
img.HoverLogo {
    border: 1px solid transparent;
    }
img.HoverLogo:hover {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    }
/* bisherige Einstellung:
* html img.HoverLogo {
    border: 1px solid white;
    hover:expression(this.onmouseover=new Function ("this.style.borderTop='1px solid #DDDDDD'; this.style.borderLeft='1px solid #DDDDDD'; this.style.borderBottom='1px solid gray'; this.style.borderRight='1px solid gray';"),
    this.onmousedown=new Function ("this.style.borderTop='1px solid gray'; this.style.borderLeft='1px solid gray'; this.style.borderBottom='1px solid #DDDDDD'; this.style.borderRight='1px solid #DDDDDD';"),
    this.onmouseup=new Function ("this.style.borderTop='1px solid #DDDDDD'; this.style.borderLeft='1px solid #DDDDDD'; this.style.borderBottom='1px solid gray'; this.style.borderRight='1px solid gray';"),
    this.onmouseout=new Function ("this.style.border='1px solid white';"));
    }	  
*/
* html img.HoverLogo { /* Bildranddarstellung bis IE 6.0: */
    border: none;
    hover:expression(this.onmouseover=new Function ("this.style.borderTop='1px solid #DDDDDD'; this.style.borderLeft='1px solid #DDDDDD'; this.style.borderBottom='1px solid gray'; this.style.borderRight='1px solid gray';"),
    this.onmousedown=new Function ("this.style.borderTop='1px solid gray'; this.style.borderLeft='1px solid gray'; this.style.borderBottom='1px solid #DDDDDD'; this.style.borderRight='1px solid #DDDDDD';"),
    this.onmouseup=new Function ("this.style.borderTop='1px solid #DDDDDD'; this.style.borderLeft='1px solid #DDDDDD'; this.style.borderBottom='1px solid gray'; this.style.borderRight='1px solid gray';"),
    this.onmouseout=new Function ("this.style.border='none';"));
    }


/*****  zusätzliches Bedarfs-Menü im temporären Inhalt '$Content' 
	über der InhaltBox im Hauptfenster: 
	(Aufruf im zutreffenden Menüpunkt von 'i_navigation.inc.php')  *****/

/* Breite (allgemeingültig) in:
   QF-Suchfeld, Menüs Ebene1: */

div#Inhalt #QFSuchBx, div#Inhalt ul.NavigationU {
    width: 29.2em; /* (wie in '#LogoZeile #NewsBx') */
    min-width: 468px;
    }

/* Höhen u.a.: */
div#Inhalt #QFSuchBx {
    height: 14em;
    margin: 0;
    }


/* Menüs Ebene1: */
div#Inhalt ul.NavigationU { /* (Breite s.o.) */
    margin: 0 0 2.82em 0;
    padding: 0;
    }
div#Inhalt ul.NavigationU li {
    line-height: 0.92em;
    }

/* Link Ebene1: */
div#Inhalt ul.NavigationU li a {
    display: block;
    background-color: transparent;
    color: #404040;
    font-size: 0.7em;
    text-decoration: none;
    padding: 0;
    }
div#Inhalt ul.NavigationU li a:focus, 
div#Inhalt ul.NavigationU li a:hover, 
div#Inhalt ul.NavigationU li a:active {
    background-image:url("../images/arrow-right2.gif");
    background-repeat: no-repeat;
    background-position: right;
    color: #F00000;
    background-color: #303030; /* Highlight */
    }


/* Menüs Ebene2: */
div#Inhalt ul.NavigationU ul.NavigationU {
    width: 92.5%;
    margin: 0;
    padding-left: 2.1em;
    }
div#Inhalt ul.NavigationU ul.NavigationU li {
    border: none;
    display: inline;
    }

/* Link Ebene2: */
div#Inhalt ul.NavigationU li ul.NavigationU li a {
    display: block;
    width: 92.5%;
    }


/***************************/
/* Links zu PartnerSeiten: */
.ps {
    font-family: Verdana, Arial, Helvetica;
    font-size: 0.64em;
    color: #666666;
    text-align: right;
    margin: 0.2em 0.2em 0 0;
    }

A.ps {
    font-weight: normal;
    font-size: 100.01%;
    text-decoration:none;
    color: #666666;
    }

A.ps:visited {
    text-decoration:none;
    color: #666666;
    }

A.ps:hover {
    text-decoration:overline underline;
    color: #008080;
    }