/* ------------------------------------------------ */
/* CSS-Layout (c) 2004 by Ingo Turski (www.1ngo.de) */
/*  (mit Anpassungen fuer den IE im 'quirks mode')  */
/* ------------------------------------------------ */

/* allgemeine Definitionen */
html, body {
  margin:0;
}
body {
  font-size:100.1%;
  padding:7px;
  background:#17a;
  text-align:center;
}
#seite {
  text-align:left;
  margin:auto;
  width:auto;
}
a {
  text-decoration:underline;
  color:navy;
}
a:visited, a:hover, a:active {
  color:black;
}
a:hover, a:active {
  background:white;
}
a:active {
  text-decoration:none;
}
img {
  border: 0 none;
}

/* Header */
h1 {
  font: bold 1.5em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  letter-spacing:1em;
  text-align:center;
  padding:5px;
  margin:0;
  color:white; background:#069;
  border-width:1px; border-style:solid;
  border-color:#6cf;
}
h1 span {
  font-size:0.55em;
  letter-spacing:0.66em;
}

/* Textbereich */
#text {
  float:none;
  clear:left;
  width:auto;
  margin: 2em 2em 5em;
  padding:1em;
  color:black; background:#eee;
  border-width:3px; border-style:solid; border-color: white #999 #999 white;
  border-top-width:3px; border-bottom-width:3px;
}
html>body #text {
  width:auto;
  margin: 3em 2em 2em;
}
h2 {
  font: bold 1.25em "Century Gothic","Trebuchet MS",Tahoma,Helvetica,sans-serif;
  color:black;
}
h2 img {
  float:left;
  width:98px;
  height:85px;
  margin: 0 7px 3px 0;
  background:white;
}
h3 {
  font: bold 0.91em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  margin: 2em 0 0.5em;
  color:black;
}
p {
  text-align:justify;
}
p, #text li {
  font: normal 0.91em "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.2em;
}
#text ul {
  margin: 0 0 0 1em;
  padding-left:0;
}


/* Menue */
#imenu {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  float:none;
  width:auto;
  margin:2em;
  padding: 0 1px;
  height:auto;
  background-color:transparent;
  border: 0 none;
}
html>body #imenu {
  margin: 2em 0 4em 2em;
}
#imenu li {
  list-style:none;
  font-size:1em;
  float:left;
  width:12em;
  margin: 0 0.5em 0 0.5em;
}
#imenu li a, #imenu li span {
  display:block;
  text-decoration:none;
  margin-bottom:0.5em; margin-top:0.5em;
  color:white; background:#39c;
  border-width:1px; border-style:solid; border-color: #5bd #035 #068 #6cf;
  border-left: 1em solid #fc0;
  padding: 0.25em 0.5em 0.4em 0.75em;
  width:99%;
}
html>body #imenu li a, html>body #imenu li span {
  width:auto;
}
#imenu li span {
  border-color: #069 #6cf #5bd #f30;
  background:#17a;
  padding: 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a.aktuell {
  border-color: #5bd #035 #068 #f30;
}
#imenu li a:hover, #imenu li a.aktuell:hover {
  border-color: #069 #6cf #5bd #fc0;
  color:white; background:#28b;
  padding: 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a:active, #imenu li a.aktuell:active {
  border-color: #069 #6cf #5bd white;
  color:white; background:#17a;
  padding: 0.4em 0.35em 0.25em 0.9em;
}

/* Footer */
#fuss {
  clear:both;
  font: normal 0.83em Verdana,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  text-align:right;
  padding:0.2em;
  margin: -3.5em 0 0 0;
  color:white;
  border-left: 0 none;
  border-bottom: 0 none; border-right: 0 none;
}
html>body #fuss {
  margin-top:1em;
}
#fuss a {
  color:black;
  text-decoration:none;
  font-weight:bold;
}

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