/*	MENU-BOXEN-STYLES */

/*	Zentralmenue/Meldung/ fkt: push_meldung() */
/*	verwendet in fkt: push_meldung() (fkt_tool.php)*/
.mcen{
	position: absolute;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	background-color: #009;
	box-shadow: 5px 5px 10px black;
	border-radius: 10px;
	color: #000;
	padding: 10px;
	width: 50%;
	top: 20%;
	left: 25%;
	animation: col_r 9s ease-in-out 1ms 1 alternate running;
	font-family: "Arial Black", Gadget, sans-serif;
	}

.mcen:hover{ animation: col_r paused; background-color: #CCF;}
.mcen_tit{ font-weight: bold; color: #900; font-size: large;}
.mcen_txt{ color: #000; font-size: large;}
.mcen_inp{ position: absolute; left: 50%;}
.mcen_bez{ font-size: large;}
.mcen_btn{ font-size: large;}
.mcen_bta{
	font-size: large;
	color: #630;
}

/*	Linksmenue/Meldung */
.mlin{
	position: relative;
	top: 20%;
	width: 190px;
	left:-180px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	background-color: #009;
	box-shadow: 5px 5px 10px black;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #000;
	animation: mov_r 12s ease-in-out 1ms 1 alternate running;
	padding: 10px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: large;
	}

.mlin:hover{ animation: mov_r paused; background-color: #CCF; left:0px;}


.mlin_btn{ font-size: large;	}
.mlin_tit{
	position: relative;
	transform: rotate(-90deg);
	font-weight: bold;
	color: #FF6;
	right: -45%;
	}

@keyframes mov_r {
	0%		{transform:translate(0px);
			}	
	10%		{transform:translate(180px);
			background-color: #CCF;
			}	
	75%		{transform:translate(180px);
			background-color: #CCF;
			}	
	100%	{transform:translate(0px);
			background-color: #009;
			}	
	}

@keyframes col_r {
	0%		{background-color: #009;
			}	
	10%		{background-color: #CCF;
			}	
	90%		{background-color: #CCF;
			}	
	1000%	{background-color: #009;
			}	
	}