.tooltip {
	position: absolute;
	top: 150px;
	left: 200px;
	font-size: 1em;
	line-height: 1.3em;
	color: #666;
	z-index: 20;
}

.tooltip.small {
	/*width: 154px;*/		
}

.tooltip.small .tooltipTop {
	background: url(../images/tooltip_small_left.png) 0 0 no-repeat;	
	position: relative;	
	height: 35px;
	float:left;
}

* html .tooltip.small .tooltipTop {
	background: url(../images/tooltip_small_left.gif) 0 0 no-repeat;	
}

* html #tt_right_img {
	display: none;
}

* html .tooltipTop {
	margin-right: -3px !important;
}

* html .tooltip.small .tooltipTop {
	float: left;
}

.tooltip.small .tooltipTop img {
	margin-bottom: 5px;
}

.tooltip.small .tooltipBottom {
	height: 35px;
}

.tooltipTopInner {
	padding: 6px 4px 0 25px;
}

.tooltip .bubbleArrow {
	position: absolute;
	bottom: 13px;
	left: 2px;
	width: 16px;
	height: 9px;
	background: url(../images/tooltip_bubble_arrow.png) 0 0 no-repeat;	
}
* html .tooltip.small .bubbleArrow {
	bottom: 8px;
	background: url(../images/tooltip_bubble_arrow.gif) 0 0 no-repeat !important;
}
* html .tooltip.wide .bubbleArrow {
	left: -199px;
	bottom: -5px;
}

.tooltipTop p {
	padding: 0;
}





.tooltip.wide { /* nut dummy - kann spaeter raus */
	position: absolute;
	top: 150px;
	left: 400px;		
}

.tooltip.wide {
	width: 329px;		
}
.tooltip.wide .tooltipTop {
	background: url(../images/tooltip_wide_top.png) 0 0 no-repeat;	
	position: relative;
}
* html .tooltip.wide .tooltipTop {
	float: left;
}

.tooltip.wide .tooltipTop div.left {
	float: left;
	width: 165px;
	margin-right: 10px;
}
.tooltip.wide .tooltipTop div.right {
	float: left;
	width: 100px;
}
.tooltip.wide .tooltipBottom {
	background: url(../images/tooltip_wide_bottom.png) 0 0 no-repeat;	
	height: 14px;
}

/** styles f?r tooltip mit javascript */
.tooltipContainer {
	position: relative;
}