/*  HIER KOMMT REIN, WAS SOWOHL VON PRÄSENTATIONSSEITEN ALS AUCH VON CMS BENUTZT WIRD

shows tooltip at link */
a.tooltip { }
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #999; background:#FFFFB3; width:150px;}
a.tooltip:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}

a.tooltip_middle { }
a.tooltip_middle b {display:none;}
a.tooltip_middle:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip_middle:hover b {display:block; position:absolute; top:-20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #999; background:#FFFFB3; width:150px;}
a.tooltip_middle:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip_middle:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}

/* <a class="tooltip" href="#">LINKTEXT<b><em></em>DESCRIPION.</b></a> */