@media screen
{

	.IESMenuBgArea
	{
		position: 			absolute; 
		left: 				0px;
		top: 					calc(var(--IESTitleAreaHeight) + var(--IESTitleAreaTop));
		width:				100%;
		height: 				var(--IESMenuAreaHeight);
		
		padding: 			0px; 
		z-index: 			1; 
		
		background: 		var(--IESMenuAreaBgColor);
	}
	
	.IESMenuArea 
	{
		position:			absolute;
		left:					0px;
		top: 					2px;
		right: 				0px;
		padding: 			0px 0px 0px 0px;
		margin: 				0px 0px 0px 0px;
		background-color: transparent;
		z-index: 			1;
		height: 				calc(100% - 4px);
	}
	

	/*ul#Navigation li */
	.IESMenuArea ul li
	{
		list-style: 			none;
		float: 					left;  /* ohne width - nach CSS 2.1 erlaubt */
		position: 				relative;
		margin: 					var(--IESMenuMarginTopLeft);   /* top/left margin between horzbuttons */
		padding: 				0px;
		line-height:			var(--IESMenuLineHeight); 
		white-space: 			nowrap; 

	}


	/*ul#Navigation li ul */
	.IESMenuArea ul li ul
	{
		margin: 					var(--IESSubMenuMarginTopLeft);   /* top/left margin between horzbuttons */	/* top/left offset of submenu rectangle to parent button*/
		padding:					0px 0px 5px 0px;
		position:				absolute;
		line-height:			1em;		
		top: 						calc( var(--IESMenuLineHeight)+var(--IESMenuPaddingTop)+var(--IESMenuPaddingBottom)); 	/* Defines top border position of submenu */
		left:						var(--IESMenuSubMenuLeft);
		display:					none;  	/* Unternavigation ausblenden */
		z-index:					2;
		background:				var(--IESSubMenuBgColor);
		border:					var(--IESSubMenuBorder);
		border-radius:			var(--IESSubMenuBorderRadius);
		text-align:				left;

	}
	

	
	/*ul#Navigation a, ul#Navigation span */
	.IESMenuArea ul a, .IESMenuArea ul span, .IESMenuArea ul input
	{
		display: 				block;
		padding:					var(--IESMenuPadding) ; /*place text in button*/

		border:					var(--IESMenuBorder);
		border-radius:			var(--IESMenuBorderRadius);
		background-color:		var(--IESMenuBgColor);
		color:					var(--IESMenuFgColor);
		line-height:			var(--IESMenuLineHeight); /*1em;*/
 		padding-top:			var(--IESMenuPaddingTop); 
		padding-bottom:		var(--IESMenuPaddingBottom); 

		height:					100%;		/*1em; Mainmenu button height*/
		text-decoration:		none; 
	}
	
	
	.IESLngButtonArea .IESMenuArea ul a, .IESMenuArea ul span, .__IESMenuArea ul input
	{
		line-height: 1em;
	}
	

	
	li a#IESSubMenu, li input#IESSubMenu
	{
		text-align: 			var(--IESSubMenuTextAlign);	/* show sub menu test left aligned */
		/*background-image:		url("../../data/images/buttons/buttonbkg.png");*/
		/*background: 			linear-gradient(to bottom, #505050, lightgray, #505050);*/
		/*background:				var(--IESSubMenuBgColor);	*/
		color:					var(--IESMenuFgColor);
		/*border-radius:			var(--IESSubMenuMidBorderRadius);*/
		line-height:			var(--IESSubMenuLineHeight);
 		padding:					var(--IESSubMenuPadding);
/*		height:					100%;
		
		border-left: 			var(--IESSubMenuBorder);
		border-right: 			var(--IESSubMenuBorder);
		border-top:				none;
		border-bottom:			none;
		*/
		
		z-index:					2;
			
	}

	
	/*ul#Navigation li:hover ul*/
	.IESMenuArea ul li:hover ul	
	{
		display: block;  /* Unternavigation in modernen Browsern einblenden */
	}

	/*ul#Navigation a:hover, ul#Navigation span, li a#aktuell*/
	.IESMenuArea ul a:hover, .IESMenuArea ul span:hover, .IESMenuArea ul input:hover, li a#aktuell, 
	li a#IESSubMenu:hover , li a#IESSubMenu:hover , li a#IESSubMenu:hover ,
	li input#IESSubMenu:hover , li input#IESSubMenu:hover , li input#IESSubMenu:hover
	{
		color: 				var(--IESSubMenuFgHoverColor);
		background: 		var(--IESSubMenuBgHoverColor);
		font-weight:		normal;
	}

	.IESMenuDisabled
	{
		color:					var(--IESMenuFgColorDisabled);
		margin-top: 			0px;
	}

	
	div .IESMenuArea div 
	{
		clear: 				left;
	}

	.IESExitButton 
	{
		position:			absolute;

		top: 					0.25em;
		right: 				var(--IESGeneralBorder);
		width:				var(--IESButtonWidth);
		height: 				var(--IESButtonHeight);
		line-height:		var(--IESButtonHeight);

	}
	
	.IESHomeButton 
	{
		text-align:	center;
		width: 100%;
		height:	100%;
		border:	var(--IESButtonBorder);
		border-radius: var(--IESButtonBorderRadius);
		color:	var(--IESButtonFgColor);
		background: transparent;
	}
	
	.IESHomeButton:hover
	{
		color:	var(--IESButtonFgColorFocus);
		font-weight: bold
	}


	.IESMenuArea ul 
	{
		margin: 				0px; 
		padding: 			0px;
		text-align: 		center;
		background-color: gray; /*#fffffe;*/
	}


	li a#right 
	{  /* float element to right border */
		right:				10px;
		float: 				right;
	}

	li a#aktuell 
	{  /* aktuelle Rubrik kennzeichnen */
		color: 				maroon; 
		background-color: red;
	}

	ul#Navigation li ul span 
	{  /* aktuelle Unterseite kennzeichnen */
		background-color: maroon;
	}

	.IESDataFrame
	{
		position: 			absolute;
		top:					calc(var(--IESTitleAreaTop) + var(--IESTitleAreaHeight)+var(--IESMenuAreaHeight));
		left:					 7px;
		right:				 7px;
		bottom:				 7px;
	}

}

@media screen 
	and (max-device-width: 500px) 
	and (max-width: 800px)
	and (orientation: portrait) 
{
	.IESMenuArea ul li ul.LastMenu  
	{ right: 0px;}


	/*ul#Navigation li ul li */
	.IESMenuArea ul li ul li
	{
		float: 	none;
		display: block;
	}
}


@media print
{
	.menuframe
	{
		display: none;			
	}	
	
	.IESMenuBgArea
	{
		display: none;
	}
	
	.IESDataFrame
	{
		/*display: none;*/
	}

}