/* CSS Popout Menu */

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

body
	{
	background-color: #010066;
	margin: 0;
	padding: 0;
	color: white;
	font-size: 100.01%;
	}

#MAIN {
	position:absolute;				
	top:0px;
	left:112px;
	width:700px;
	height:576px;
	background-color:white;
	}

#TITEL {text-align: middle; width:112; background-color : #c6c6c6;color:#010066; font-size: 8pt;}
#TEXT {position:absolute;				
	top:16px;
	left:1px;
	width:110px;
	background-color : white; color:black; font-size: 8pt; padding: 5px 0px 2px 0px;} 
#TEXT1 {position:absolute;				
	top:16px;
	left:1px;
	width:110px;
	background-color : white; color:black; font-size: 8pt; padding: 5px 0px 2px 0px;} 

#menu
	{
	position:absolute;				/* position, size, and text of the menu */
	top:0em;
	left:0em;
	z-index: 10;
	width: 6em;					/* width of menu boxes */
	text-align: left;
	font-size: 0.9em;
	font-family: helvetica, arial, geneva, sans-serif; 
	}

#menu a
	{
	display:block;
	padding: 0.2em;					/* expands menu box */
	border-bottom:1px solid #010066;		/* adds bottom border */
	white-space:nowrap;
	}

#menu a, #menu a:visited				/* menu at rest */
	{
	color: white;
	background-color: #010066;
	text-decoration:none;				/* removes underlines from links */
	}

#menu a.parent, #menu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menu a:hover	/* on mouse over -- all menus */
	{
	color: white;
	background-color: cornflowerblue;
	}
	
#menu li
	{
	list-style-type:none;	/* removes bullets */
	}

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 7em;	/* distance from of left menus (should be same as width) */
	display: none;
	}

div#menu ul, #menu ul ul, div#menu ul ul ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 7em;			/* width of sub menus */
	}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul
	{
	display: none;
	}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
	{
	display: block;
	}