/* CSS Document */

/* ### Allgemein ################### */

	#navi a
	{
		position:relative;
		text-decoration:none;
		z-index:50;
	}
	
    #navi ul
	{
/*		position:relative;*/
		list-style: none;
		margin: 0;
		padding: 0;
		color:#FFFFFF;
		font-weight:bold;
	}
	
/* ### Level 1 ##################### */

    #navi ul
	{
		float:right;
		padding-right:20px;
    } 
	
    #navi ul li
	{
		float:left;
		height:39px;
		line-height:39px;
		font-size:13px;
		width:auto;
	}
	

    #navi ul li:hover,
    #navi ul li a:focus
    {
		color:#e1edf9;
		background-image:url(../../images/navigation_active.gif);
		background-position:top left;
		background-repeat:repeat-x;
    }
	
    #navi ul li a
    {
		display: block;
		height:39px;
		line-height:39px;
		color:#FFFFFF;
		margin: 0;
		padding:0px 10px;
		background:none;
		outline:none;
	} 

    #navi ul li a.active,
    #navi ul li a.active:hover
    {
		color:#5c99dc;
	} 
	
    #navi ul li.trenner
	{
		float:left;
		
		width:3px;
		height:39px;
		
		background-image:url(../../images/navigation_trenner.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}

/* ### Level 2 (Positionierer) ##################### */

    #navi ul li ul
	{
		width:226px;
		
		height:auto;
		margin:0px 0px 0px -13px;
		background-image:url(../../images/navigation_sub_back.png);
		background-position:top left;
		background-repeat:repeat-y;
	}
    #navi ul li ul.right
	{
		width:226px;
		
		height:auto;
		margin:0px 0px 0px -111px;
	}
    #navi ul li ul li
	{
		float:none;
		width:226px;
		height:auto
	}
    #navi ul li ul li:hover
	{
		background:none;
	}
	
/* ### Level 3 ##################### */

    #navi ul li ul li ul
	{
		width:200px;
		
		height:auto;
		padding:0px 13px;
		
		background:none;
/*		background-image:url(../../images/navigation_sub_back.png);
		background-position:top left;
		background-repeat:repeat-y;
*/	}
    #navi ul li ul li ul li,
    #navi ul li ul li ul li.trenner,
    #navi ul li ul li ul li.footer
	{
		float:none;
		width:200px;
		height:30px;
		line-height:30px;
		font-size:12px;
	}
    #navi ul li ul li ul li:hover,
    #navi ul li ul li ul li	a:focus
	{
		background:none;
		background-image:url(../../images/navigation_sub_active.gif);
	}
	
    #navi ul li ul li ul li.trenner,
    #navi ul li ul li ul li.trenner:hover
	{
		height:2px;
		line-height:2px;
		font-size:2px;
				
		background-image:url(../../images/navigation_sub_trenner.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}
	
    #navi ul li ul li ul li a
	{
		height:30px;
		line-height:30px;
	}
    #navi ul li ul li ul li a:hover
	{
		color:#FFFFFF;
		background-image:url(../../images/navigation_sub_active.gif);
		background-position:top left;
		background-repeat:repeat-x;
	}

    #navi ul li ul li ul li.footer,
    #navi ul li ul li ul li.footer:hover
	{
		height:28px;
		line-height:28px;

		padding:0px 13px;
		margin-bottom:-28px;
		bottom:0px;
		margin-left:-13px;

		background-image:url(../../images/navigation_sub_footer.png);
		background-position:top left;
		background-repeat:no-repeat;
	}







    #navi li {position: relative;} 

    #navi ul ul { position: absolute; z-index: 500; }
	
	#navi ul ul ul {position:static; margin:0px;}

/*    #navi ul ul ul { position: absolute; top: 0; left: 100%; } */

/*    div#navi ul ul,
    div#navi ul ul li:hover ul ul
      {display: none;} 
*/
    div#navi ul ul
/*    div#navi ul li:hover ul ul,*/
      {display: none;} 

    div#navi ul li a:focus ul,
    div#navi ul li a:focus ul ul,
    div#navi ul li:hover ul,
    div#navi ul li:hover ul ul,
    div#navi ul ul li:hover ul,
    div#navi ul ul ul li:hover ul
      {display: block;}