/* ------------------------------------------------ */
/* 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:silver;
  text-align:center;
}
#seite {
  text-align:left;
  margin:auto;
  width:auto;
  position:relative;
}
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:gray;
  border-width:1px; border-style:solid;
  border-color:white;
}
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 1em "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;
}
#page {
    width: 80%;
    min-width: 500px;
    max-width: 1200px;
}
#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:18em;
  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:gray;
  border-width:1px; border-style:solid; border-color:white black black #999;
  border-left:1em solid #999;
  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: #333 black #ccc #069;
  background:#666;
  padding: 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a.aktuell {
  border-color: #333 black #ccc #39c;
}
#imenu li a:hover, #imenu li a.aktuell:hover {
  border-color: #333 black #ccc #9ccf2f;
  color:white; background:#666;
  padding: 0.4em 0.35em 0.25em 0.9em;
}
#imenu li a:active, #imenu li a.aktuell:active {
  border-color: #333 #000 #ccc #666;
  color:white; background:#333;
  padding: 0.4em 0.35em 0.25em 0.9em;
}