/*
	<link rel="stylesheet" href="css/tooltip.css" type="text/css">
	<script type="text/javascript" src="js/tooltips.js"></script>



<span class="tooltiplink" id="content">link</span>



<div id="tooltipinhalt_content" class="tooltipinhalt" style="width: auto;">

	content

</div>



<script type="text/javascript">
<!--
	//important that this is located at the end because all html elements have to be rendered before this function is called
	
	doTooltips();
-->
</script>

*/

div.tooltipinhalt {

	position: absolute;
	z-index: 1;
	visibility: hidden;
	overflow: visible;
	width: 300px;

	background-color: #C5DDC3;

	padding: 5px;

	border: 2px solid Green;

}

div.tooltipinhalt div.heading {

	background-color: #C5DDC3;

	border-bottom: 1px solid black;
	font-size: 7pt;
	font-weight: bold;

	padding: 2px;

}

div.tooltipinhalt div.content {

	background-color: #EBF3EA;
	font-size:7pt;
	padding: 2px;
}


a.tooltiplink {
}

span.tooltiplink {

	color: green;
	cursor: help;


/*
	padding-left: 9px;

	background-position: left;
	background-image: url(../images/fragezeichen.gif);
	
	background-repeat: no-repeat;
*/
}

span.tooltiplinkplain {

	color: green;
	cursor: help;

}