div.tekstballons{
background-color:#ff0; /* ballontip achtergrondkleur */
border:1px solid black;   /* ballontip rand */
position:absolute;
top:0;
z-index:100;
visibility:hidden;
line-height:1em;
padding:8px;
width:200px; /* ballontip breedte*/
border-radius:8px; /* CSS3 voor afgeronde randen */
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 10px #888888; /* CSS3 schaduw */
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
margin-top: 0px; /* indien je de tekstballon naar beneden wenst te verplaatsen */
margin-left: 0px; /* indien je de tekstballon naar rechts wenst te verplaatsen */
}


/* gemeenschappelijke CSS voor up pijl DIV */
div.tekstballons div.tekstballons-pijl{  
border-color: transparent transparent #ff0 transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-19px;
left:20px;
z-index:101;
_display:none; /* IE hack om pijl in IE6 te verbergen */
}

/* gemeenschappelijke CSS voor up pijl rand DIV */
div.tekstballons div.tekstballons-pijl-border{ 
border-color: transparent transparent black transparent; 
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:20px;
z-index:101;
_display:none; /* IE hack om pijl in IE6 te verbergen */
}

div.downversie div.tekstballons-pijl{ /* CSS voor down pijl DIV */
border-color: #ff0 transparent transparent transparent;
top:auto;
bottom:-19px;
}

div.downversie div.tekstballons-pijl-border{ /* CSS voor down pijl rand */
border-color: black transparent transparent transparent;
top:auto;
bottom:-20px;
}