
 #content {
  width: 800px;
  margin: 0 auto;
 }

 body {
  color: #999999;
  background: #000000 url(images/bg_black-smoke.jpg) repeat-x;
  font-size: 10pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 0; padding: 0;
  text-align: center;  /* Zentrierung im Internet Explorer */
 }


/* links menu oben */

  ul#Navigation {
    margin: 0; padding: 0;
    text-align: left;
    border: 0px solid black;
    background-color: #000000;
  }
  ul#Navigation li {
    font-size: 11px;
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    float: left; width: 80px;
    margin: 0; padding: 0px 5px 5px 15px;
    text-decoration: none; font-weight: normal;
    background: url(images/tab2.gif) no-repeat left bottom;
    border: 0px;
    color: #FFFFFF; background-color: #000000;
  }

  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }

  ul#Navigation a:hover, ul#Navigation span {
    background: url(images/tabhover2.gif) no-repeat left bottom;
    text-decoration: underline; font-weight: normal;
    color: white; background-color: #990000;
  }

  ul#Navigation span {
    background: url(images/tabhover3.gif) no-repeat left bottom;
    text-decoration: underline; font-weight: normal;
    color: white; background-color: #990000;
  }

  ul#Navigation div {
     clear: left;
  }


/* links allgemein */

 #allg {
  margin: 15px 5px 5px 5px ;
 }

 #allg a:link {
  color: #B8860B;
  text-decoration: none;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }

 #allg a:visited {
  color: #B8860B;
  text-decoration: none;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }

 #allg a:hover {
  color: #B8860B;
  text-decoration: underline;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }

 #allg a:active {
  color: #A9A9A9;
  text-decoration: none;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }


/* links menu fuss */

 #foot {
  background: #000000 url(images/bg_bottom.jpg) repeat-x left top;
  color: #000000;
  height: 100px;
 }

 #foot a:link {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }

 #foot a:visited {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }

 #foot a:hover {
  color: #000000;
  text-decoration: underline;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }

 #foot a:active {
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  font-family: verdana, helvetica, arial;
  font-size: 10pt
 }


 table,tr,td {
  margin: 0;
  font-family: verdana, helvetica, arial;
  font-size:10pt
 }



/* das ist in die html Dateien einzufügen.
<span class="autoTooltip" title="Erklärung des Textes" id="tooltipAdjFix">Text</span> */

SPAN.autoTooltip {
        FONT-SIZE: 0.9em; MARGIN-LEFT: 0px; CURSOR: help; COLOR: #084482; TEXT-DECORATION: underline
}