/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(../images/overlay/transparent.png); 
    color:#fff; 
    height:450px; 
	z-index:999;
}
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:441px; 
    overflow-y:auto; 
}

#main .contentWrap, #footer .contentWrap {color: #fff}
#main .meldung .contentWrap p, #footer .meldung .contentWrap p {line-height: 1.5em; font-size: 1em; margin: 0 0 6px 0; padding: 0;}
#main .contentWrap h1, #main .contentWrap h2, #main .contentWrap h3, #main .contentWrap h4, #main .contentWrap h5,
#footer .contentWrap h1, #footer .contentWrap h2, #footer .contentWrap h3, #footer .contentWrap h4, #footer .contentWrap h5
{
	color: #fff;
	margin: 12px 0 12px 0;
	padding: 0;
	font-size: 1.25em;
}
#main .contentWrap img, #footer .contentWrap img {float: left; margin: 0 12px 12px 0;}

#main .contentWrap a, #footer .contentWrap a {color: #fff; font-weight: bold;}
#main .contentWrap a:hover, #footer.contentWrap a:hover {text-decoration: underline;}