/*
	<div class="output">
		<div id="popup" class="popup_block">
			<div id="popup_Head"></div>
			<div id="popup_Content"><div id="popup_Content2"></div></div>
		</div>
	</div>

	<div class="Dialog-Header">
		<div style="float:right; margin-top:6px;"><a href="Javascript:void(0)" class="Schalter NT-Inline close"
			title="Impressum schlie&szlig;en"><span class="Icon rcOutput-close"></span></a></div>
		<div class="EFA-Ueberschriftszeile">
		<span style="vertical-align:bottom; margin-right:14px; color:#444" class="Icon rcOutput-info"></span>Impressum</div>
	</div>
	
	<div class="Dialog-Header-Gap" style="height:48px;"></div>
	
*/
	
	
/* Inline-Popup */

html.noScroll .output-Main {
	max-height:10px;
}
#fade { /* Abdecker */
	display: none; 
	background: #2a2a2a;
	position: fixed; left: 0; top: 0;
	width: 100%;
	height: 100%;
	opacity: .50;
	z-index: 9999;
}
.popup_block {
	display: none; /*--hidden by default--*/
	background: #363636;
	position: absolute;
	top:0;
	left:0;
	right:0;
	min-height:100%;
	z-index: 99999;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
}


#popup_Head {
	display:none;
	cursor:move;
}
#popup_Content {
	position:relative;
	overflow:hidden;
	padding:10px 15px 10px 10px;
	-webkit-overflow-scrolling: touch;
}
#popup_Content2 {
	position:relative;
}
.Dialog-Header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#363636;
	padding-left:10px;
	padding-right:10px;
	z-index:1;
}
body.scrolled #popup_Content .Dialog-Header {
	box-shadow:0 0 2px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5);
	animation:flyInPopup 0.2s ease-out 0.3s both;
	margin-top:0 ! important;
}

.Ueberschriftszeile {
	line-height:48px;
}

@media only screen and (max-width: 699px) {
	.popup_block{
		top: 0 ! important;
		left: 0 ! important;
	}
}
@media only screen and (min-width: 700px) {
	html.noScroll .output-Main {
		max-height:100000px;
	}

	.popup_block{
		position: fixed;
		top: 50%;
		left: 50%;
		right:auto;
		bottom:auto;
		width:500px;
		height:90%;
		min-height:auto;
		max-height:100%;
		max-height:730px;
		max-width:100%;
		overflow:hidden;
	}
	#popup_Head {
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		height:48px;
	}
	#popup_Content {
		position:absolute;
		overflow:auto;
		top:48px;
		bottom:0px;
		left:0px;
		right:0px;
	}
	.Dialog-Header {
		position:absolute;
	}
	body.scrolled .Dialog-Header { 
		box-shadow:none; /* not on body scroll */
	}
	#popup.scrolled .Dialog-Header {
		box-shadow:0 0 2px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5) ! important;
	}
	#popup_Content2 {
		position:static; /* evtl. allgemein */
	}
	#popup_Content .Dialog-Header,
	#popup_Content .Dialog-Header-Gap {
		display:none;
	}
}