span {
	behavior: url(/css/iepngfix.htc);
}

/*---------- bubble tooltip -----------*/
.ttJS, 
.ttReferenz,
.tt-red-top-left,
.tt-red-top-right,
.tt-red-bottom-left,
.tt-red-bottom-right,
.tt-black-top-left,
.tt-black-top-right,
.tt-black-bottom-left,
.tt-black-bottom-right {
    position:relative;
    z-index: 25;
    color: black;
}
.ttJS span.hl,
.ttReferenz span.hl,
.tt-red-top-left span.hl,
.tt-red-top-right span.hl,
.tt-red-bottom-left span.hl,
.tt-red-bottom-right span.hl,
.tt-black-top-left span.hl,
.tt-black-top-right span.hl,
.tt-black-bottom-left span.hl,
.tt-black-bottom-right span.hl { 
	text-decoration: underline;
	color: black ! important;
}

.ttReferenz span.desc,
.tt-red-top-left span.desc,
.tt-red-top-right span.desc,
.tt-red-bottom-left span.desc,
.tt-red-bottom-right span.desc,
.tt-black-top-left span.desc,
.tt-black-top-right span.desc,
.tt-black-bottom-left span.desc,
.tt-black-bottom-right span.desc { 
	display: none;
	text-decoration: none ! important;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/

.ttJS h2,
.ttReferenz h2,
.tt-red-top-left h2,
.tt-red-top-right h2,
.tt-red-bottom-left h2,
.tt-red-bottom-right h2,
.tt-black-top-left h2,
.tt-black-top-right h2,
.tt-black-bottom-left h2,
.tt-black-bottom-right h2 {
	font-size: 34px;
	margin-bottom: 16px;
	font-weight: bold;
	line-height: 34px;
}

.ttReferenz:hover,
.tt-red-top-left:hover,
.tt-red-top-right:hover,
.tt-red-bottom-left:hover,
.tt-red-bottom-right:hover,
.tt-black-top-left:hover,
.tt-black-top-right:hover,
.tt-black-bottom-left:hover,
.tt-black-bottom-right:hover {
    position:relative;
	z-index:98; 
	background:;
}
.ttReferenz:hover span.desc,
.tt-red-top-left:hover span.desc,
.tt-red-top-right:hover span.desc,
.tt-red-bottom-left:hover span.desc,
.tt-red-bottom-right:hover span.desc,
.tt-black-top-left:hover span.desc,
.tt-black-top-right:hover span.desc,
.tt-black-bottom-left:hover span.desc,
.tt-black-bottom-right:hover span.desc {
    display: block;
    position: absolute;
	width: 450px;
	height: 295px;
	color: white;
	font-weight: normal;
	z-index:99;
}
.ttJS span.desc {
    display: block;
	width: 450px;
	height: 270px;
	color: white;
	font-weight: normal;
	font-family: arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
}
.ttJS span.desc 						{background: url(/pix/bubble-red-js.png) no-repeat top;}
.ttJSteam span.desc 					{background: url(/pix/black/bubble-black-js.png) no-repeat top;}
.ttReferenz:hover span.desc 			{top: 23px; left: -10px;	background: url(/pix/bubble-red-top-left.png) no-repeat top;}
.tt-red-top-left:hover span.desc 		{top: 23px; left: -10px;	background: url(/pix/bubble-red-top-left.png) no-repeat top;}
.tt-red-top-right:hover span.desc 		{top: 23px; left: -360px;	background: url(/pix/bubble-red-top-right.png) no-repeat top;}
.tt-red-bottom-left:hover span.desc 	{top: -297px; left: -10px;	background: url(/pix/bubble-red-bottom-left.png) no-repeat top;}
.tt-red-bottom-right:hover span.desc 	{top: -297px; left: -360px;	background: url(/pix/bubble-red-bottom-right.png) no-repeat top;}
.tt-black-top-left:hover span.desc 		{top: 23px; left: -10px;	background: url(/pix/bubble-black-top-left.png) no-repeat top;}
.tt-black-top-right:hover span.desc 	{top: 23px; left: -360px;	background: url(/pix/bubble-black-top-right.png) no-repeat top;}
.tt-black-bottom-left:hover span.desc 	{top: -297px; left: -10px;	background: url(/pix/bubble-black-bottom-left.png) no-repeat top;}
.tt-black-bottom-right:hover span.desc	{top: -297px; left: -360px;	background: url(/pix/bubble-black-bottom-right.png) no-repeat top;}

.ttReferenz:hover span.desc:hover,
.tt-red-top-left:hover span.desc:hover,
.tt-red-top-right:hover span.desc:hover,
.tt-red-bottom-left:hover span.desc:hover,
.tt-red-bottom-right:hover span.desc:hover,
.tt-black-top-left:hover span.desc:hover,
.tt-black-top-right:hover span.desc:hover,
.tt-black-bottom-left:hover span.desc:hover,
.tt-black-bottom-right:hover span.desc:hover {
    display: none;
}

.ttReferenz:hover span.desc div,
.tt-red-top-left:hover span.desc div,
.tt-red-top-right:hover span.desc div,
.tt-black-top-left:hover span.desc div,
.tt-black-top-right:hover span.desc div {
    padding: 40px 20px 20px 20px;
}

.tt-red-bottom-left:hover span.desc div,
.tt-red-bottom-right:hover span.desc div,
.tt-black-bottom-left:hover span.desc div,
.tt-black-bottom-right:hover span.desc div {
    padding: 20px 20px 40px 20px;
}
.ttJS span.desc div {
    padding: 20px;
}

.ttJSref h2 {
	margin-bottom: 0;
}