/* CSS Popout Menu */
/* http://www.sperling.com/examples/menuv/ */

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

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

#menu
	{
	position:absolute;				/* position, size, and text of the menu */
/*	top:118; */ /* defined in index.php */
/*	left:110px; */ /* defined in index.php */
	z-index: 10;
	width: 110px;					/* width of menu boxes */
	text-align: left;
	font-size: 10; 					/* actially set further below */
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
	}

#menulink a
	{
	font-size: 13px;
	display:block;
	padding-left: 10px;					/* expands menu box */
	padding-right: 4px;					/* expands menu box */
	padding-top: 4px;					/* expands menu box */
	padding-bottom: 4px;					/* expands menu box */
	border-left:1px solid #2f507f;		/* adds left border */
	border-right:1px solid #2f507f;		/* adds right border */
	border-bottom:1px solid #2f507f;		/* adds bottom border */
	white-space:nowrap;
	}

#menuixpat a
	{
	color: #476D61;
	font-size: 13px;
	display:block;
	padding-left: 10px;					/* expands menu box */
	padding-right: 4px;					/* expands menu box */
	padding-top: 4px;					/* expands menu box */
	padding-bottom: 4px;					/* expands menu box */
	border-left:1px solid #2f507f;		/* adds left border */
	border-right:1px solid #2f507f;		/* adds right border */
	border-bottom:1px solid #2f507f;		/* adds bottom border */
	white-space:nowrap;
	}


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

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

#menu a.parent, #menu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url('http://www.sjanghai.com/pic/pfeil.gif');
	background-position: right center;
	background-repeat: no-repeat
	}

#menu a.act	/* on mouse over -- all menus */
	{
	color: white;
	background-color: #2f507f;
	}

#menu a:hover	/* on mouse over -- all menus */
	{
	color: white;
	background-color: #7590B9;
	}

#menuixpat a:hover	/* on mouse over -- all menus */
	{
	color: white;
	background-color: #6D8F84;
	}


#menu li.topitem
	{
	border-top:1px solid #2f507f;		/* adds top border */
	width:110px;
	list-style-type:none;	/* removes bullets */
	}
	
#menu li
	{
	width:110px;
	list-style-type:none;	/* removes bullets */
	}

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: -1;
	left: 119;	/* 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: 8em;			/* 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
	{
	filter: alpha(opacity=90); 
	display: block;
	}

/* CSS Tree Menu */

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 


ul.mktree * { color: #fff; font-size: 8pt; line-height:11pt;}
ul.mktree a:visited { color: #fff; font-size: 8pt; text-decoration:none; line-height:10pt;}
ul.mktree a:hover { color: #fff; font-size: 8pt; text-decoration:none; border-bottom: dashed 1px white; line-height:10pt;}

	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:2px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 12px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../art/mnuclose.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../art/mnuopen.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../sysfiles/spacer.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 8pt; font-weight: bold; }
	ul.mktree  li ul li { font-size: 8pt; font-weight: normal; margin-left:6px;}
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 8pt; }
}