@charset "utf-8";
/* CSS Document */

.popup-position{
	padding:			0;
	display:			block;
	position:			fixed;
	background-color:	rgba(0,0,0,0.5);
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	z-index:			10;
}

#popup_wrapper_top{
	width:				100%;
	height:				70px;
	float:				left;
	opacity:			0.5;
}

#popup_wrapper_left{
	width:				20%;
	height:				80%;
	float:				left;
	opacity:			0.5;
}

#popup-wrapper{
	width:				60%;
	height:				80%;
	/*background-color:	rgba(0,0,0,0.5);*/
	margin-left:		20%;
	margin-top:			5%;
	float:				left;
	text-align:			center;
	z-index:			10;
	overflow:			hidden;
}

#popup_wrapper_right{
	width:				20%;
	height:				80%;
	float:				left;
	opacity:			0.5;
}

#popup_wrapper_bottom{
	width:				100%;
	height:				auto;
	float:				left;
	opacity:			0.5;
}

#popup-container{
	width:				100%;
	height:				100%;
}

.popup-position-hoch{
	padding:			0;
	display:			block;
	position:			fixed;
	background-color:	rgba(0,0,0,0.5);
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	z-index:			10;
}

#popup_wrapper_left_hoch{
	width:				37%;
	height:				80%;
	float:				left;
	opacity:			0.5;
}

#popup-wrapper-hoch{
	width:				26%;
	height:				80%;
	/*background-color:	rgba(0,0,0,0.5);*/
	margin-left:		37%;
	margin-top:			5%;
	float:				left;
	text-align:			center;
	z-index:			10;
	overflow:			hidden;
}

#popup_wrapper_right_hoch{
	width:				37%;
	height:				80%;
	float:				left;
	opacity:			0.5;
}

#popup-container-hoch{
}

.popexit{
	/*position:			fixed;
	top:				0;
	left:				0;
	float:				none;
	opacity:			0.5;
	width:				100%;
	height:				100%;
	z-index:			1;*/
}

.popexittext{
	display:			block;
	opacity:			1.0;
	width:				30px;
	height:				30px;
	float:				right;
	background:			#eee;
	text-align:			center;	
	padding-top:		2px;
	line-height: 		30px;
	color:				#333;
	text-decoration: 	none;
	font-size:			1,5em;
	z-index:			10;
}