/* ********************************************************************************* */
/* iFrame-Layer */
/* ********************************************************************************* */

@media all {
	#iframe_layer {
		background: #fff;
		border: 1px solid #09C;
		position: fixed !important; /* Firefox, Chrome, Safari, IE 7+8 */
		position: absolute; /* IE6 untersuetzt keine fixe Positionierung, deshalb die folgenden expressions */
		z-index: 100; /* muss gross genug sein, damit immer im Vordergrund*/
		left: 50%; /* horizontale Zentrierung */
		top: 20px; /* sollte gleich sein wie in der folgenden expression */
	}
	
	/* IE6-Hack: die "20" zu Beginn der Expression simuliert die Eigenschaft top und
	sollte gleich sein wie die top-Eigenschaft, die fuer das Layer "iframe_layer" gesetzt wird */
	* html #iframe_layer {
		top: expression((20+(foo1 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
	}
	
	#iframe_layer iframe {
		border: none;
		height: 100%;
		width: 100%;
	}
	
	* html body {
		height: 100%; /* IE6, ansonsten wird der Hintergrund nicht komplett angezeigt */
	}
	
	#dark {
		background-color: #09C;
		opacity: 0.3; /* Safari, Opera */
		filter: alpha(opacity=30); /* IE */
		z-index: 20; /* muss kleiner als als jener des iframe_layer */
		height: 100%;
		width: 100%;
		position:fixed !important;
		position:absolute; /* selbes Problem: IE6 kennt "fixed" nicht */
		top: 0px;
		left: 0px;
		display: none; /* der Hintergrund soll zu Beginn nicht sichbar sein */
	}
	
	/* IE6-Hack: Der Hintergrund-Layer muss immer neu positioniert werden, damit er den ganzen sichtbaren Bereich bedeckt */
	* html #dark {
		left: expression(((foo2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
		top: expression(((foo3 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');	
	}
}