/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/popup/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:950px;		
	
	/* some padding to layout nested elements nicely  */
	padding:65px 25px 35px 25px;
	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(images/popup/close.png);
	position:absolute; right:27px; top:27px;
	cursor:pointer;
	height:30px;
	width:30px;
}

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(images/popup/transparent.png);
	color:#efefef;
	height:650px;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:511px;
	overflow-y:auto;
}

#dynatip {
	display:none;
	background:transparent url(images/popup/black_arrow.png);
	font-size:12px;
	height:62px;
	width:170px;
	padding:19px 20px 9px 20px;
	color:#fff;	
}

/* style the trigger elements */
#dyna img {
	cursor:pointer;
	margin:0px;
	padding:0px;
}

/* override the arrow image of the tooltip */
#dynatip.bottom {
	background:url(images/popup/black_arrow_bottom.png);	
	padding:25px 20px 3px 20px;
	height:62px;
}

/* DynaTip 2 - fuer "Verfuegbarkeit" */
#dynatip2 {
	display:none;
	background:transparent url(images/popup/black_arrow_bigger.png);
	font-size:11px;
	height:142px;
	width:215px;
	padding:19px 20px 9px 20px;
	color:#fff;	
}

/* style the trigger elements */
#dyna2 p {
	cursor:pointer;
	margin:0px;
	padding:0px;
}

/* override the arrow image of the tooltip */
#dynatip2.bottom {
	background:url(images/popup/black_arrow_bottom_bigger.png);	
	padding:28px 20px 0px 20px;
	height:142px;
}

#dynatip2 hr {
	height:1px;
	border-top:1px dotted #FFF;
	border-bottom:0px;
}