/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
a.tooltip:hover {
 position: relative;
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  right: 10px; 
  width: 125px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 10px Verdana, sans-serif; 
  text-align: center;
  }

/* Absoluter Tooltip */
div#links {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 170px; 
  height: 160px; 
  font: 16px Verdana, sans-serif; 
  z-index: 100;
  }
  
div#links a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 5px 10px; 
  margin: 0 0 1px; 
  border-width: 0;
  text-decoration: none; 
  color: #FFFFCC; 
  background: #444444;
  }
  
div#links a:hover {
  color: #441111; 
  background: #AAAAAA;
  border-left: 5px double white;
  border-right: 5px double white;
  }

div#links a span {display: none;}
div#links a:hover span {
   display: block;
   position: absolute; 
   top: 95px; 
   left: 0; 
   width: 160px;
   padding: 5px; 
   z-index: 100;
   color: #000000; 
   background: #FFFFCC;
   font: 10px Verdana, sans-serif; 
   text-align: center;
   }