﻿/*---------- bubble tooltip -----------*/
a.tt{position:relative;    z-index:0;    color:#3CA3FF;	  text-decoration:none; }
a.tt img { position:relative; border: none; }
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover {	z-index:25; 	color: #aaaaff;   background:;	}
a.tt:hover span.tooltip{display:block;position:absolute;top:0px;left:0;padding: 15px 0 0 0;margin-left: -20px;width:298px;	color: #000000;  	z-index:9999; text-align: left; }
a.tt:hover span.top{display: block;padding: 20px 8px 0;background: url(img/bubble.gif) no-repeat top;margin-left:-0px;z-index:125;}
a.tt:hover span.middle{  /* different middle bg for stretch */display: block;padding: 0 8px;background: url(img/bubble_filler.gif) repeat bottom;margin-left:-0px;z-index:9999;}
a.tt:hover span.bottom{	display: block;	padding:10px 8px 10px;color:#548912;background:url(img/bubble.gif) no-repeat bottom;margin-left:-0px;z-index:125;}/*




/*---------- bubble tooltip RECHTS -----------*/
a.tt2{position:relative;    z-index:0;    color:#3CA3FF;	  text-decoration:none; }
a.tt2 img { position:relative; border: none; }
a.tt2 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt2:hover {	z-index:25; 	color: #aaaaff;   background:;	}
a.tt2:hover span.tooltip{display:block;position:absolute;top:0px;left:0;padding: 15px 0 0 0;margin-left: -260px;width:298px;	color: #000000;  	z-index:999; text-align: left; }
a.tt2:hover span.top{display: block;padding: 20px 8px 0;background: url(img/bubble_rechts.gif) no-repeat top;margin-left:-0px;z-index:125;}
a.tt2:hover span.middle{ position:relative; /* different middle bg for stretch */display: block;padding: 0 8px;background: url(img/bubble_filler.gif) repeat bottom;margin-left:-0px;z-index:125;}
a.tt2:hover span.bottom{ display: block;	padding:10px 8px 10px;color:#548912;background:url(img/bubble_rechts.gif) no-repeat bottom;margin-left:-0px;z-index:125;}



