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

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

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: -100px;
	width: 300px;
	height:auto;
	min-width: 300px;
	min-height: 100px;
	z-index: 1000;
	color: #000000;
	border: 3px #FFFF00 solid;
	background: #C0C0C0;
/*
  font: 12px Verdana, sans-serif; 
*/	text-align: left;
}
  
/*
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}
*/

/* Absoluter Tooltip */
div#menu {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 170px; 
  height: 100px; 
  font: 18px Verdana, sans-serif; 
  z-index: 100;
  }
  
div#menu a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 3px 10px; 
  margin: 0 0 1px; 
  text-decoration: none; 
  color: black; 
  background: #99FF99;
  border: 1px solid black;
  }
  
div#menu a:hover {
  color: #441111; 
  background: #FFFF66;
  border: 1px dotted blue;
  }

div#menu a span {display: none;}
div#menu a:hover span {
   display: block;
   position: absolute; 
   top: 94px; 
   left: 0; 
   width: 158px;
   padding: 5px; 
   z-index: 100;
   color: #000000; 
   background: #FFFFCC;
   font: 12px Verdana, sans-serif; 
   text-align: center;
   border: 1px dashed black;
   }