@charset "UTF-8";

 /* allgemein */
html, 
body {
  margin:0;
  padding:0;
  height:100%;                  													/* b/c sticked footer */
  background:#800; }

#container {
   min-height:100%;
   position:relative; }

/* Header */
#header {
   background:#600;
   padding:10px; }

#body {
  font-size:100%;
  color:#ccc;
  padding:10px;
  padding-bottom:60px;                                              /* Height of the footer */
  text-align:left; }

/* Footer */
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;                                                     /* Height of the footer */
   background:#600; }

/* Menue */
  div#Menu {
    font-size: 90%;
    width: 10em;
    padding: 0.8em;
    border: 0px solid white;
    background-color: #800; }
  * html div#Menu {
    width: 11.3em;
    w\idth: 10em; }                                                 /* (IE 6 in standards-compliant mode) */
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center; }
  ul#Navigation li {
    list-style: none;
    position: relative;
    margin: 0.4em; padding: 0; }
  * html ul#Navigation li {
    margin-right:1.5em;                                             /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0; }
  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 9em; }
  ul#Navigation li ul li {
    margin: 0; padding-left: 1.4em; }
  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 7em;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    text-decoration: none; font-weight: bold;
    padding: 0.2em 1em;
    border: 1px solid #900;
    border-left-color: #c96; border-top-color: #c96;
    color: #000; background-color: #c00; }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 9em;
    w\idth: 7em; }                                                  /* (IE 6 in standards-compliant mode) */
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    border-color: #c96;
    border-left-color: #900; border-top-color: #900;
    background-color: #e00; }
  li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #900; }
  ul#Navigation li ul span {
    border-color: #900; border-left-color: #c96;
    color: #900; background-color: #600; }
  ul#Navigation li a:active {
    color: #000; background-color: #f00; }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none; }
  ul#Navigation li:hover>ul {
    display: block; }
  ul#Navigation>li:hover>a {
    width: 8.2em;
    background: #e00 url(pfeil.gif) no-repeat center right; }

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#Navigation li.hoverIE {
    margin-right:0;                                                 /* reservierten Platz freigeben */
    margin-bottom:-1.15em; }                                        /* Fehlerkorrektur, ggfls. anpassen */
  * html ul#Navigation li.hoverIE ul {
    display: block; }
  * html ul#Navigation li .hoverIE {
    width: 10.3em;
    w\idth: 8.2em;                                                  /* (IE 6 in standards-compliant mode) */
    background: #e00 url(pfeil.gif) no-repeat center right; }

/* Text */
h1 {
    font: bold 3.0em "Times New Roman",sans-serif;
    letter-spacing:0.2em;
    text-align:center;
    color:#000; }
h2 {
  	font: bold 2.0em "Times New Roman",sans-serif;
  	letter-spacing:0.1em;
    text-align:center;
    color:#000; }
h3 {
  	font: 1em "Times New Roman",sans-serif;
  	color:#000; }
p {
  	font: 1.0em "Times New Roman",sans-serif;
  	text-align:justify;
  	margin: 0em 0em 0em 0em;
	color:#ccc; }

/* Links */
a {
  text-decoration:none;
  color:#fff;}
a:visited, a:hover, a:active {
  color:gray; }
a:hover, a:active {
  background:#800000; }
a:active {
  text-decoration:none;}

.prebord {
  border: #ccc 1px solid;      
  background: #600; }

/* Images */
img {
  border: 0 none;}

@media print {
  #Menu { display:none; }
  #Navi { display:none; }
  #text { border:0 none; float:none; width:auto; margin:0; }
  #footer { display:none; } }

/* Tabellensortierung */
div.tableWrapper {
    padding: 24px; }
div.tableWrapper table th {
    cursor: pointer; }
div.tableWrapper table th.active {
    background: #5dd39e; }
div.tableWrapper table th.active.asc::before,
div.tableWrapper table th.active.desc::before {
    content: '<';
    transform: rotate(-90deg);
    display: inline-block;
    margin: 0 8px; }
div.tableWrapper table th.active.desc::before {
    transform: rotate(90deg); }