/* -----  Schrift  -------------------- */
* { font-family: Arial, sans-serif; font-size:100.01%; }
h1 { font-size:150%; font-weight:bold; text-align:left; margin-left:2%; margin-top:1% }
h2 { margin-bottom:1%; margin-top:3%; font-size:120%; font-weight:bold }
h3 { font-size:100%; font-weight:bold; font-style:italic; margin-top:3% }
p { text-align:justify }
span.bildbeschriftung { font-size:80% }
div#inhalt { width:80%; text-align:left }


/* -----  Tabellen  ------------------- */
th { font-weight:bold; background-color:#ccf; padding:0px; color:#000 }
table.rahmen { border-collapse:collapse }
table.rahmen td, table.rahmen th { border:1px solid black; }


/* -----  Formulare  ------------------ */
input.formular { border:1px solid #33c; margin:1px; background-color:#ffc; color:#000 }
input.formular:focus { border:2px solid #33c; margin:0px }
input.submit { border:1px solid #33c; margin:1px; background-color:#ffc; color:#000 }
input.submit:hover { border:2px solid #33c; margin:0px; }
select.formular { border:1px solid #33c; background-color:#ffc; color:#000; padding:1px }
select.formular:focus { border:2px solid #33c; padding:0px }
textarea.formular { border:1px solid #33c; margin:1px; background-color:#ffc; color:black }
textarea.formular:focus { border:2px solid #33c; margin:0px }

/* -----  Links  ---------------------- */
a, a:visited { text-decoration:none; color:#33c; background-color:#fff }
a:hover { text-decoration:none; background-color:#ccf; color:#000 } /* background-color:#ffc; */
a.extern:link, a.extern:visited { text-decoration:none; color:#33c; background-color:#fff }
a.extern:hover { text-decoration:underline; color:red; background-color:#fff }



/* -----  Navigation  ----------------- */
a.kat:link, a.kat:visited { border:1px solid black; border-left:0px; padding:0.3em 0em; text-decoration:none; background-color:#ccf; color:black; font-weight:bold; display:block; white-space:nowrap; }

a.kat:hover { display:block; text-decoration:none; background-color:#99f; color:white; font-weight:bold; white-space:nowrap; }

a.kat:active, a.kat:focus { outline:0px; background-color:#99f; color:white }

* html a.kat:link { width:100% } /* vergrößert die Klickfläche im IE6 */

* html a.kat:visited { width:100% }

a.kat-aktiv, a.kat-aktiv:visited { color:white; border-left:0px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:1px solid #33c; padding:0.3em 0em; display:block; text-decoration:none; background-color:#33c; font-weight:bold; white-space:nowrap; }

a.kat-aktiv:active, a.kat-aktiv:focus { outline:0px }

a.sub:link, a.sub:visited { margin-left:7px; margin-right:2px; text-decoration:none; color:white; background-color:#33c }

a.sub:hover { padding:2px;  margin-left:5px; margin-right:0px; text-decoration:none; color:black; background-color:#fc3; }

a.sub_aktiv:link, a.sub_aktiv:visited { font-weight:bold; margin-left:7px; margin-right:2px; text-decoration:none; color:white; background-color:#33c }

a.sub_aktiv:hover { font-weight:bold; padding:2px;  margin-left:5px; margin-right:0px; text-decoration:none; color:black; background-color:#fc3; }

span.trenner { margin-left:7px; margin-right:0px }


/* -----  Infoboxen  ------------------ */
div.infobox { margin:5px 1%; border:2px solid #fc3; background-color:#ffc }
div.infobox div.ib-titel { padding:0px 5px; margin-right:5px; background-color:#fc3; float:left; font-weight:bold }
div.infobox div span.ib-beschreibung { font-weight:bold }
div.infobox *.ib-link { font-size:90%; background-color:#ffc }
div.infobox div.ib-details { text-align:left; padding:1% }
div.infobox a { background-color:#ffc }


/* -----  Tweaks  --------------------- */
html { height:100%; margin-bottom:1px } /* dadurch werden Scrollbalken erzwungen, auch wenn Sie nicht nötig wären. Somit "springt" die Anzeige nicht hin und her */