body { 
  font-family: Verdana, Helvetica, sans-serif;
  /* margin:17px; */
  margin:0px;
  background:#444444 none;
  font-size: 12pt;
  color:#FFFFDD; 
}


p.center {text-align:center; } 
/* p.right {text-align:right; background:#343434 none; } macht einen grauen streifen vor dem Link */
p.right {text-align:right; } 
p.justify {text-align:justify; } 

li.important {color:#66FF66; font-weight:bold; }
p.important {color:#66FF66; font-weight:bold; }

/* The following unfortunately doesn't work under Netscape 4.5   */
/* It should center the tables on the page following the recommendation of */
/* http://www.w3.org/TR/REC-CSS2/tables.html */
TABLE.center, TABLE.imageshow {
        margin-left: auto;
        margin-right: auto;
    }


table.imageshow td, table.center td, table.center a, table.imageshow a { background:#343434 none; }

/* Despite the fine description under                               */
/* http://www.w3.org/TR/REC-CSS2/tables.html#propdef-border-spacing */
/* this stuff doesn't work under Netscape 4.5                       */
/* TABLE.imageshow  { border-spacing: outset 10px;                  */
/*                    border-collapse: separate;                    */
/*                    border-spacing: 15pt                          */
/*                  }                                               */
/* TD.imageshow     { border: inset 5px }                           */
/* TD.special       { border: inset 10px }    / * The top-left cell */

q, p.quote, ul.quote { margin-left:2.5em;
    font-style:italic;
}

td.mainindex, th.mainindex {
  text-align:left;
  vertical-align:top;
  font-size: 10pt;
  font-weight: normal;
  width:33.33%;
}
td.language {
  text-align:right;
  vertical-align:top;
  font-size: 10pt;
  font-weight: normal;
  width:33.33%;
}
td.home {
  text-align:center;
  vertical-align:top;
  font-size: 10pt;
  font-weight: normal;
  width:33.33%;
}

td.navigation {
  width: 200px;
  vertical-align:top;
  color: #000000;
  background:#333333 none;
}

td.text { 
  background:#444444 none;
  font-size: 12pt;
  color:#FFFFDD; 
  padding-left:17px;
  padding-right:17px;
}

td.menu {
  width: 180px;
  vertical-align:top;
  background:#444444 none;
  color:#FFFFDD; 
}

td.menuactiv {
  width: 180px;
  vertical-align:top;
  color:#444444 none;
  background:#FFFFDD; 
}

td.submenu {
  width: 180px;
  vertical-align:top;
  background:#444444 none;
  color:#FFFFDD; 
  font-size: 10pt;
  padding-left:17px;
}

a:hover { 
  color:#B8860B; 
  font-weight:bold ;
  font-style:normal;
  text-decoration: none;
}

a.menu:hover {  
  text-decoration: None;
  color:#444444 none;
  font-style:normal;
  background:#FFFFDD; 
}

td.menuicon {
  width: 20px;
  vertical-align:top;
  background:#444444 none;
  color:#FFFFDD; 
  text-align:right;
}

#menubox { 
  position:fixed;
  top:0px;
  /* right:2px; ... damit kommt IE 6.0 nicht klar*/
  left:2px;
  width:196px;
  height:400px;
  z-index:2;
  background:#333333 none;
  border:solid 0px;
}