h1 {font-family: sans-serif;
        font-size: 16pt;
        color: #ff0000;
        background-color: #eeeeee;
        font-weight: bold}
h2 {font-family: Arial,sans-serif;
        font-size: 14pt;
        color: blue;
    background-color: #eeeeee;
        font-weight: bold}
h3 {font-family: sans-serif;
        font-size: 12pt;
        color: #ff0000;
    background-color: #eeeeee;
        font-weight: bold}
li {font-family: sans-serif;
    font-size: 14pt;
    color: #660000;
    background-color: #eeeeee;
    font-weight: bold}
p {font-size: 12pt;
        text-indent: 25px;
        color: black}
pre { font-family: monospace; }
body {
  font-family: Arial,sans-serif;
  margin:0;
  padding:40px 20px;
  font:x-small Arial,Georgia,Serif;
  text-align:center;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#58a;
  text-decoration:none;
  }
a:visited {
  color:#969;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{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:#cff; color:#000;
    text-align: center}
DIV.Ligaam {
div style="position: absolute; left: 215px; top: 110px; height: 250px; width: 400px; padding: 1em;}