/*  ----------------------------------------------------------------------------------------------------------
     Um alle drei Spalten auf 100% Höhe zu bekommen: container, body UND html: height:100%; Zusäzlich dem
     container (und ggfs. container_innen min-height:100%; und height:auto !important; geben. Für die 
     Fußleiste den container auf position:relative; setzen und der fussleiste position:absolute; bottom:0px;
     width:100%; und margin-top:0px; geben. Die Elemente innerhalb des containers (#inhalt, #rechts) brauchen
     noch ein padding-bottom in der Höhe der Fußleiste, sonst überlappt es sich. padding-bottom im gesamten
     container funktioniert nicht vernünftig auf Seiten mit weniger Inhalt. Dort wird dann die Fußleiste
     nach unten gedrückt und man erhält einen Scrollbalken.
------------------------------------------------------------------------------------------------------------*/

html, body { height:100%; /* Damit sich der container auf 100% Höhe ausdehnt.*/ margin:0px; padding:0px; }
body { font-family:arial, helvetica, sans-serif; font-size:small; color:#000; background:url(../bilder/back_links.gif) repeat-y 16% 0 #fff; }

#oben { border-bottom:1px solid #000; height:114px; background-image:url(../bilder/tastatur.jpg); background-position:top right; background-repeat:no-repeat; background-color:#fff; }

#container { position:relative; margin-bottom:20px; min-height:100%; /* wird unbedingt benötigt */ height:auto !important; /* Damit nichts abgeschnitten wird beim Scrollen. */  height:100%; /* Für den IE. */ float:left; width:100%; background:url(../bilder/back_rechts.gif) repeat-y 80% 0; }
#container_innen { float:left; width:100%; }

#links { float:left; width:80%; }
#rechts { float:right; width:20%; padding-bottom:20px; /* wg. Fußleiste */ }
#menue { float:left; width:20%; }
#inhalt { float:right; width:80%; padding-bottom:20px; /* wg. Fußleiste */ }

/* ---------- Fußleiste funktioniert so nicht im IE! Lieber weg lassen. (im html noch entfernen!) --------------------
#fussleiste { position:relative; bottom:0px; width:100%; clear:both; height:20px; margin-top:0px; background-color:#E7E7E7; border-top:1px solid #000; border-bottom:1px solid #000; }
----------------------------------------------------------------------------------------------------------------------- */

#inhalt .innen { padding:10px 20px; }
#rechts .innen { padding:25px 20px 10px 20px; }

#menue ul { list-style-type:none; margin:0px; padding:0px; }
#menue li { border-bottom:1px solid #000; font-size:120%; }
#menue a { padding:10px 15px; color:#000; text-decoration:none; display:block; }
#menue a:hover {background-color:#0061A8; color:#FFF100; }
#menue .aktiv { background-color:#bd0812; }
#menue .aktiv a { color:#ff0; }

#inhalt a, #rechts a { color:#4fa128; text-decoration:none; }
#inhalt .referenzen { color:#000; }

h1 { font-size:140%; }

#rechts .ueberschrift { color:#FFFF00; font-size:120%; background-color:#4fa128; border:1px solid #000; border-bottom:0px; margin:0px; padding:5px; }
#rechts .boxeninhalt { background-color:#fff; border:1px solid #000; border-bottom:0px; margin:0px; padding:5px; }
#rechts .box { background-color:#fff; border:1px solid #000; margin:0px; padding:5px; }
#rechts .mehr { background-color:#fff; margin:0px; margin-bottom:20px; padding:5px; padding-top:10px; text-align:right; border:1px solid #000; border-top:0px; }

img { border:0px solid #000; }
#inhalt .csc-textpic-caption, #rechts .csc-textpic-caption { font-style:italic; margin-bottom:15px; }