/* ------------------------------------------------ */
/* 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:#B4B4B4;
}
#seite {
  text-align:left;
  /* min-width:760px; */
}
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;
}

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

/* Textbereich */
#text {
  width:40em;
  margin:0 3em 0 10em;
  padding:1em;
  color:black; background:#fff;
  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; max-width:60em; min-width:550px;
}


/* Header */

#header {
  margin-bottom:1em; min-width:550px;
  height:149px; background:url(../Linie.jpg) repeat-x;
}
#Office-Management {
  float:left; margin-top:70px;
}
#Petra-von-Ameln {
  float:right;
}

h2 {
  font: normal 1em "Century Gothic","Trebuchet MS",Tahoma,Helvetica,sans-serif;
  color:black; text-align:center;
}
h2 img {
  float:left;
  width:auto;
  height:auto;
  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:left;
}
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;
}
#text .nebenBild {
  margin-left:186px;
}
#text ul.nebenBild {
  margin-top:-1em; padding-left:1em;
}

#toplink { margin:3em; text-align:center; }
#toplink a { font-weight:bold; font-size:1.25em; color:navy; }
table { border:0; width:99%; }
th, td { vertical-align:top; text-align:left; font-family:Helvetica, Arial, sans-serif; }
th { width:10em; font-size:1.12em; color:#400000; }
td { padding-bottom:1em; }
a strong { color:navy; }
.Rahmen { width:90%; margin:3em auto; border-top:2px solid black; border-bottom:2px solid black; }

/* Menue */

#imenu {
  font: normal 0.93em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;

  position:absolute;

  left:7px;
  width:10em;
  margin: 3em 0;
  padding: 0 1px;
  height:auto;
  background-color:transparent;
  border: 0 none;
}

html>body #imenu {
  margin-right:0;
  position:fixed;
}
#imenu li {
  list-style:none;
  font-size:1em;
  float:none;
  width:auto;
  margin:0;
}
#imenu li a, #imenu li span {
  display:block;
  text-decoration:none;
  margin-bottom:0.5em; margin-top:0.5em;
  color:black; background:#CFCFCF;
  border-width:1px; border-style:solid; border-color: #5bd #035 #068 #6cf;
  border-left: 1em solid #888;
  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:#069;
  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:#804040;  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:#804040; background:red;
  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; }
}