/*###################*/
/* Beginn Navigation */
/*###################*/

#navi, #navi ul {
	list-style-type:		none;                   /* Style-Reset */
	margin:			0;
	padding:			0;
}

#navi li {
	width:			128px;                  /* Horizontale Anordnung */
	float:			left;
}

#navi li ul {                                         /* Normalzustand eingeklappt */
	display:			none;
}

#navi li:hover ul {                                   /* Ausgeklappt */
	display: block;
}


/*###################*/
/* Styles fuers Auge */
/*###################*/

#navcontainer {
	height:			16px;
	position:			relative;
	z-index:                200;
	margin-top:             40px;
	margin-left:            60px;
}

#navcontainer a {
      text-decoration:		none;
      line-height:		29px;
}

#navi {
	position:			absolute;
}

#navi li.navi:hover, #navi li.navi a:hover {
      background-image:       url('/media/topnavi_hintergrund_highlighted.jpg');
}

#navi li.navi_links:hover, #navi li.navi_links a:hover {
      background-image:       url('/media/topnavi_hintergrund_links_highlighted.jpg');
}

#navi li.navi_rechts:hover, #navi li.navi_rechts a:hover {
      background-image:       url('/media/topnavi_hintergrund_rechts_highlighted.jpg');
}

#navi li {
	background-image:       url('/media/topnavi_hintergrund.jpg');
}

#navi li {
	width:                  100px;
	height:                 29px;
	float:			left;
}

#navi li a {
	padding-left:           10px;
	color:                  #333333;
}

#navi a {
	display:			block;
}


#navi li a:hover {
	color:                  #ff0200;
}

#navi li.navi_links {
	background-image:       url('/media/topnavi_hintergrund_links.jpg');
}

#navi li.navi_rechts {
	background-image:       url('/media/topnavi_hintergrund_rechts.jpg');
	background-repeat:	repeat-y;
	background-position:	right;
}


#navi ul li, #navi ul li ul li {
	background-image:		url('/media/subnavi_hintergrund.jpg');
	width:                  200px;
	height:                 29px;
}

#navi ul li.sub_letzter {
      background-image:		url('/media/subnavi_hintergrund_letzter.jpg');
	width:                  200px;
	height:                 31px;
}

#navi li.navi ul li.sub_letzter a:hover,
#navi li.navi_links ul li.sub_letzter a:hover,
#navi li.navi_rechts ul li.sub_letzter a:hover,
#navi ul li.sub_letzter:hover {
      background-image:		url('/media/subnavi_hintergrund_letzter_highlighted.jpg');
      height:                 31px;
}

#navi li.navi ul li a:hover, #navi li.navi_links ul li a:hover, #navi li.navi_rechts ul li a:hover {
      background-image:       url('/media/subnavi_hintergrund_highlighted.jpg');
      height:                 29px;
}

/*
      Unternavigation
*/

#navi ul li ul li   {
	display:			none;
}

#navi ul li:hover ul li   {
	display:			block;
}

#navi ul li:hover ul {
	display:			block;
	position:			relative;
	top:				-20px;
	left:				20px;
	width:			154px;
}