body{
  margin:0px;
  background-color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif, Nimbus Sans;
}

td {
  vertical-align:top;
}

.button_l{
     width: 4px;
     height: 28px;
     background-image: url(img/onlinefs_links.png);
     background-repeat: no-repeat;
     background-position: 1px 0px;
     border-spacing : 0px;
}
.button_r{
     width: 3px;
     height: 28px;
     background-image: url(img/onlinefs_rechts.png);
     background-repeat: no-repeat;
     border-spacing : 0px;
}
.button_m {
     background-image: url(img/onlinefs_mitte.png);
     border-spacing : 0px;
 }

a {
    font-family: Verdana, Arial, Helvetica, sans-serif, Nimbus Sans;
    color:#22699D;
    font-size: 8pt;
    line-height: 1.5em;
    font-weight: bold;
    text-decoration: none;
}
a:hover {color:#597297}

.reiter:hover .button_m {
     background-image: url(img/reiter_mitte_b.gif);
}
.reiter:hover .button_l {
     background-image: url(img/reiter_links_b.gif);
}
.reiter:hover .button_r {
     background-image: url(img/reiter_rechts_b.gif);
}

.menu {
    position:relative;
    font-size: 8pt;
    }

.reitertext {
    color:#597297;
    vertical-align:middle;
    line-height:28px;
    height:28px;
    display:block;
}
.reitertext:hover {
/*    color:#FFFFFF;*/
    color:#40516A;
}

.menu span{
  position:absolute;
  line-height: 1.5em;
  background-color:#597297;
  text-align: left;
  font-size: 8pt;
  display:none;
}

.menuitem {
  font-weight: bold;
  border-bottom: 1px dotted #FFFFFF;
  white-space: nowrap;
  margin:2px 4px 0px 4px;
  color:#FFFFFF;
  display:block;
}

.menuitem:hover{
  color:#000000;
  border-bottom: 1px dotted #000000;
}