/* the overlayed element */

#overlayholder {
/*	position:absolute;
	top:0px;
	left:220px;*/

	margin-left: 100px;
	border-left: 50px solid blue;
}


div.overlay {
	
	/* growing background image */
/*	background-image:url(/fileadmin/tmpl/images/global/bg.overlay.png);*/


		background:url(/fileadmin/tmpl/images/global/bg.overlay.png) top left;
/*	background-color: white;*/
	/*border: 1px solid olive;*/
	
	/* dimensions after the growing animation finishes  */
/*	width:600px;
	height:400px;*/
	
	width:450px;
	height: 340px;		
	
	width:450px;
	height: 400px;		
	
/*	top: 0px!important;
	left: 0px!important;*/
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
	padding-left: 228px;
	padding-top: 30px;
}

div.overlay h1 {
	position:relative;
	top: 0px;
	left: 0px;
}

div.overlay .wrap {
/*	padding-top: 100px;*/
	margin-top: 90px;
		/*	border: 5px solid red;*/
/*	background-color: yellow;*/
	overflow-y: scroll;
	height: 295px;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 480px;
}




/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image: url(../images/global/blank.gif);
	position:absolute;
	left:210px;
	top:23px;
	cursor:pointer;
	height:35px;
	width:35px;
}


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

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

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