/* Tooltip */
/* -------------------------------------------------------------------------------------------------- */

/* simple css-based tooltip */ 
div.wpstip, 
div.dynatip { 
    display:none; 
    background:transparent url(../bilder/tooltip/black_arrow.png); 
    font-size:11px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;   
	z-index: 500;
}


/* override the arrow image of the tooltip */ 
.wpstip.bottom,
.dynatip.bottom { 
    background:url(../bilder/tooltip/black_arrow_bottom.png);     
    padding-top:40px; 
    height:55px; 
} 

div.wpstip { 
    font-size: 11px; 
    padding: 28px 18px 25px 18px; 
    font-size: 10px; 
    width: 168px; 
}
.wpstip img {
	float: left;
	margin: 0 5px 0 0;
}
.wpstip p a:link, .wpstip p a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
.wpstip p a:hover, .wpstip p a:active {
	color: #ccc;
	border-bottom: 1px dotted #ccc;
}




/* Overlay */
/* -------------------------------------------------------------------------------------------------- */

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../bilder/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../bilder/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(../bilder/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 { color:#ddd; }



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


#overlay .mitgliederliste { margin: 20px 0 0 0; }

#overlay .firma {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 1em 0;
}

#overlay .adresse, 
#overlay .tel_fax_web { margin: 0 0 1em 0; }

.contentWrap a:hover { color: #fff; }