@import "iesmenu.css";

@media screen
{
	ul#Navigation li 
	{
		list-style: 			none;
		float: 					left;  /* ohne width - nach CSS 2.1 erlaubt */
		position: 				relative;
		margin: 					0px 2px;   /* top/left margin between horzbuttons */
		padding: 				0px;
		/*(fi)*/	
		height:  				15px;			/* submenu button height; */
	}
	* html ul#Navigation li 
	{  /* Korrektur fuer den IE 5 und 6 */
		margin-bottom:			-0.4em;
	}
	*:first-child+html ul#Navigation li 
	{  /* Korrektur fuer den IE 7 */
		margin-bottom:			-0.1em;
	}

	ul#Navigation li ul 
	{
		margin:					0px 0px;	/* top/left offset of submenu rectangle to parent button*/
		padding:					0px 0px;	/* top/left offset of button within rectangle*/
		position:				absolute;
		/*(fi)*/	
		top: 						27px; 	/* Defines top border position of submenu */
		left:						5px;
		display:					none;  	/* Unternavigation ausblenden */
		z-index:					2;
	}
	* html ul#Navigation li ul 
	{  /* Korrektur fuer IE 5.x */
		left:						-1.5em;
		lef\t:					-0.4em;
	}
	*:first-child+html ul#Navigation ul 
	{  /* Workaround fuer den IE 7 */
		background-color:		silver; 
		padding-bottom:		0.4em;
	}


	ul#Navigation li ul li 
	{
		float: 					none;
		display: 				block;
		/*(fi)*/	
		margin-bottom: 		12px;  /*Space between submenu buttons*/
	}

	ul#Navigation a, ul#Navigation span 
	{
		display: 				block;
		/* 	width: 6.4em;  Breite den in li enthaltenen Elementen zuweisen */
		padding:					6px 7px; /*place text in button*/
		text-decoration:		none; 
		font-size:				0.8em;
		font-weight:			bold;
		border:					1px solid black;
		/*
		border-left-color: white; 
		border-top-color: white;
		*/
		border-color:			#00AAAA;
		/*
		color: maroon; 
		background-color: #ccc;
		*/
		border-radius:			10px;
		background-color:		transparent;
		color:					black;
		/*(fi)*/	
		height:					15px;  /*Mainmenu button height*/
	}
	* html ul#Navigation a, * html ul#Navigation span
	{
		width:					8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
		w\idth:					6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
	}

	li a#submenu 
	{
		text-align: 			left;	/* show sub menu test left aligned */
		/*(fi)*/	
		width:					170px;		/* width of sub menu button */
		/*background-image:		url("../../data/images/buttons/buttonbkg.png");*/
		background: 			lightgray;
		border-radius:			0px 0px 0px 0px;
		z-index:					2;
		/*(fi)*/	
		background-size:		80%;
	}


	li a#submenufirst 
	{  		/* background for submenu */
		text-align:				left;	/* show sub menu test left aligned */
		/*(fi)*/	
		width:					170px;		/* width of sub menu button */
		/*background-image:		url("../../data/images/buttons/buttonbkg.png");*/
		background: 			lightgray;
		border-radius:			10px 10px 0px 0px;
		z-index:					2;
		/*(fi)*/	
		background-size: 		80%;			
	}

	li a#submenulast 
	{  		/* background for submenu */
		text-align:				left;	/* show sub menu test left aligned */
		/*(fi)*/	
		width:					170px;		/* width of sub menu button */
		/*background-image:		url("../../data/images/buttons/buttonbkg.png");*/
		background: 			lightgray;
		border-radius:			0px 0px 10px 10px ;
		z-index:					2;
		/*(fi)*/	
		background-size: 		80%;
	}


	.menuframe
	{
		min-width: 640px; 
		padding: 0px; 
		position: relative;
		z-index: 1; 
		left: 0px; 
		top: 30px;
		width: 100%; 
		height: 35px;								
	}
	
	.dataframe
	{
		position: 			absolute;
		top:					72px;
		left:					 7px;
		right:				 7px;
		bottom:				 7px;
	}

	
	.SmallMessage
	{
		position:			absolute;
		left:					50%;
		top:					50%;

		width:				350px;
		height:				150px;

		margin-top:			-75px;
		margin-left:		-175px;
		
		background:			#FFFFFF;
		border-radius:		10px; 	
		text-align:			center;
		
		border:				1px solid black;
		z-index: 			10;
		
	}		

	
	.MediumMessage
	{
		position:			absolute;
		left:					50%;
		top:					50%;

		width:				350px;
		height:				300px;

		margin-top:			-150px;
		margin-left:		-175px;
		
		background:			#FFFFFF;
		border-radius:		10px; 	
		text-align:			center;
		
		border:				1px solid black;
		z-index: 			10;
		
	}
	
	
	.LargeMessage
	{
		position:			absolute;
		left:					50%;
		top:					50%;

		width:				500px;
		height:				400px;

		margin-top:			-200px;
		margin-left:		-250px;
		
		background:			#FFFFFF;
		border-radius:		10px; 	
		text-align:			center;
		
		border:				1px solid black;
		z-index: 			10;
		
	}


	.MessageTitle
	{
		position: 			absolute;
		top:					0%;
		height:				20px;
		width:				100%;
		background-color:	#AAAAAA;
		border-radius:		10px 10px 0px 0px;
		padding:				1px 0px 0px 0px;
		color:				#FFFFFF;

		/*
			border:1px solid black;
		*/
	}


	.MessageText
	{
		position: 			absolute;
		text-align:			left;		
		
		left:					45px;
		top:					35px;
		bottom:				30px;
		right:				7px;


		/*
			border:1px solid black;
		*/
	}


	.MessageButtons
	{
		position:			absolute;
		bottom:				0%;
		height:				27px;
		width:				100%;
		background-color: #DDDDDD;
		border-radius:		0px 0px 10px 10px;
		padding:				2px 0px 0px 0px;

		/*
			border:1px solid black;
		*/
	}

}