/*
 * CSS-code om een tooltip te maken van een <a> element door <a class="info"> te gebruiken en de tooltip in een <span>-block in het <a>-element te plaatsen
 */
a.info{    
    z-index:24; 
    /*background-color:#ccc;
    color:#000;
    text-decoration:none
      */
}

a.info:hover {
  position:relative; /*this is the key*/
  z-index:25;
  /*
  background-color:#ff0
    */
}

a.info span { 
  display: none
}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
    left:2em; 
    width:15em;
    border:1px solid #0cf;
    background-color:#75B3FF; 
    color:#000;
    text-align: center
}

a.info:hover span ul {
  text-align: left;
}