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

	/* a little styling */	
	font-size:11px;
	position: absolute;
	display: none;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	position: fixed; right: 1px; top: 1px;
	cursor:pointer;
	height:35px;
	width:35px;
	background: url(../img/overlay/close.png) scroll;
	visibility: visible;
	overflow: visible;
	display: none;
}

 #overlay {
background-image: url(logohanvol.png);
	color: #929292;
	z-index: 4;
	display: none;
}

.contentWrap {
position: fixed;
	top: 100px;
	left: 0px;
	width: 100%;
	height: 500px;
	text-align: center;
	z-index: 99 ! important;
}


#id0_inside {
-webkit-animation-name: id0_inside;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: 10;
}

@-webkit-keyframes id0_inside {
0% {-webkit-transform: rotate(0deg);}
20% {-webkit-transform: rotate(1deg) translate(15px,5px);}
40% {-webkit-transform: rotate(2deg);}
50% {-webkit-transform: rotate(-1deg) translate(-15px,-5px);}
70% {-webkit-transform: rotate(-1deg);}
90% {-webkit-transform: rotate(-1deg) translate(30px,0px);}
100% {-webkit-transform: rotate(0deg);}
}

#id7_inside {
-webkit-animation-name: id7_inside;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
}

@-webkit-keyframes id7_inside {
0% {-webkit-transform: rotate(0deg);}
20% {-webkit-transform: scale(2);}
100% {-webkit-transform: scale(1);}
}