/********************************************************************************************************************/
/* Style - Hintergrund abdunkeln */

#grayout {									/*Ganzen Hintergrund abdunkel*/
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.7;
   z-index: 9999;
   filter: alpha(opacity=70); 				/*für ältere IE Browser*/
}

* html #grayout {							/*Alle Elemente im Hintergrund abdunkel*/
   position: absolute;
}

#grayout_window {							/*Meldefenster Mittig*/
	/* display:inline-block; */
	display:flex;
	position: fixed;
	left: 25%;
	top: 20%;
	height: 60%;
	width: 50%;
	background-color:black;
	opacity: 1;
	filter: alpha(opacity=100); 			/*für ältere IE Browser*/
	border: 2px solid #666; 
	padding: 0.1em 0.1em 0.1em 0.1em;
	margin: 0;
	border-collapse:collapse;
	-webkit-box-shadow: 2px 2px 8px rgba(200, 200, 200, 0.5);
	box-shadow: 2px 2px 8px rgba(200, 200, 200, 0.5);	
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
	z-index: 10000;
}

/*Message in Rot für Negative Nachrichten*/
#grayout_message label {				/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:30%;
	padding: 2em 2em 1em 2em;
	font-weight:bold;
	font-size: 250%;
	text-align:center;
	color:#C00;							/*Rot*/
}

#grayout_message span {					/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:50%;
	padding: 0em 2em 2em 2em;
	font-weight:normal;
	font-size:150%;
	text-align:center;
	color:#999;
}

#grayout_message a {					/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height: 20%;
	padding: 3em 2em 1em 2em;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	color:#CCC;
}

/*Message in Grün für Positive Nachrichten*/
#grayout_message_green label {			/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:20%;
	padding: 1em 1em 1em 1em;
	font-weight:bold;
	font-size: 3em;
	text-align:center;
	color:#0C0;						/*Grün*/
}

#grayout_message_green span {			/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:60%;
	padding: 1em 1em 1em 1em;
	font-weight:normal;
	font-size:120%;
	text-align:center;
	color:#999;
}

#grayout_message_green a {				/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height: 20%;
	padding: 3em 2em 1em 2em;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	color:#CCC;
}