@charset "utf-8";
/* CSS Document */

/* NAVIGATION OBEN */
#topnav { 
	padding: 0px; 
	margin: 0px; 
	list-style:none; 
	height:26px; 
	width: 980px;
	z-index:200;
	background-color: #E6E6E6;
	color: #333333;
	font-size: 12px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-image: url(img/bg_navi.gif);
	background-repeat: repeat-x;
	}
	
#topnav li.top { 
	display:block; 
	float:left;
	text-align: center;
	}

#topnav li a.top_link { 
	display:block; 
	float:left; 
	height:26px; 
	color:#333333; 
	text-decoration:none; 
	font-size:12px; 
	padding:0px;
	width: 162px;
	text-align: center; 
	cursor:pointer;
	}

#topnav li a.top_link span { 
	display:block; 
	padding:6px 0px;
	height:14px; 
	background:#E6E6E6;
	background-image: url(img/bg_navi.gif);
	background-repeat: repeat-x;
	}

#topnav li a.top_link span.act_link { 
	display:block; 
	padding:6px 0px;
	height:14px; 
	color:#336699; 
	background-color:#FFFFFF;
	background-image: url(img/bg_navi-hi.gif);
	/*
	*/
	}
	
#topnav li:hover a.top_link, #topnav a.top_link:hover  {
	color:#336699; 
	background:#FFFFFF;
	}
	
#topnav li:hover a.top_link span, #topnav a.top_link:hover span {
	background:#FFFFFF;
	color:#336699; 
	background-image: url(img/bg_navi-hi.gif);
	background-repeat: repeat-x;
	/*
	*/
	}
	
#topnav table { 
	border-collapse:collapse; 
	padding:0px; 
	margin:0px; 
	position:absolute; 
	left:0; 
	top:0;
	}
	
#topnav li:hover {
	position:relative; 
	z-index:200;
	}

#topnav a:hover {
	position:relative; 
	white-space:normal; 
	z-index:200;
	}

#topnav :hover ul.sub {
	left:-1px; 
	top:26px; 
	color: #333333; 
	background: #FFFFFF; 
	padding:0px; 
	border: 1px solid #CCCCCC; 
	border-top: 1px solid #E6E6E6; 
	white-space:nowrap; 
	width:162px; 
	height:auto; 
	z-index:300;
	}

#topnav :hover ul.sub li { 
	display:block; 
	height:18px; 
	position:relative; 
	float:left; 
	width:162px; 
	font-weight:normal;
	}

#topnav :hover ul.sub li a {
	display:block; 
	font-size:11px; 
	height:18px; 
	background: #E6E6E6; 
	width:162px; 
	line-height:18px; 
	color:#333333; 
	text-decoration:none;
	}

	/* submenue HI */
#topnav :hover ul.sub li a:hover {
	color:#336699; 
	background: #FFFFFF; 
	/*
	background-image: url(img/bg_subnavi-hi.gif);
	background-repeat: repeat-x;
	*/
	}
	
#topnav a:hover a:hover ul,
#topnav a:hover a:hover a:hover ul,
#topnav a:hover a:hover a:hover a:hover ul,
#topnav a:hover a:hover a:hover a:hover a:hover ul {
	background: #FFFFFF; 
	padding:0px; 
	margin:0px; 
	border:1px solid #336699; 
	white-space:nowrap; 
	width:156px; 
	z-index:400; 
	height:auto;
	}
	
#topnav ul, 
#topnav a:hover ul ul,
#topnav a:hover a:hover ul ul,
#topnav a:hover a:hover a:hover ul ul,
#topnav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#topnav li:hover li:hover > ul {
	background: #FFFFFF; 
	padding:0px; 
	white-space:nowrap; 
	z-index:400; 
	height:auto;
	}
	

