/* ----------------------------------------------------------------------------------------
 * navigation bar
 * ------------------------------------------------------------------------------------- */

#topnaviOutside
{
	height: 23px;

	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;

	background-image: url(/img/backgroundNaviTop.gif);
	background-repeat: repeat-x;
	background-position: 50% 50%;
}

#topnavi
{
  width: 100%;
}

.navigationTop
{
	width: 995px;
	height: 22px;
	position: relative;
	z-index: 9000;

	font-size: 12px;
	font-family: Arial, sans-serif;
}

/* no padding, margin or bullets for the ULs in the navigation */
.navigationTop ul
{
	padding: 0px;
	margin: 0px;

	list-style-type: none;
	list-style-image: none;
}

/* items */
.navigationTop li
{
	float: left;
	position: relative;

	width: 142px;
}

/* table for IE 6 */
.navigationTop table
{
	position: absolute;
	left: 0px;
	top: 0px;
}

/* ----------------------------------------------------------------------------------------
 * 1st level (always visible)
 * ------------------------------------------------------------------------------------- */

.navigationTop a, .navigationTop a:visited
{
	display: block;
	width: 131px;
	height: 23px;
	/* padding-left: 10px; nicht, wenn zentriert */

	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	line-height: 23px;
	text-align: center;
}

.navigationTop a:hover, .navigationTop li:hover
{
	color: #192787;
	background-color: transparent; /* IMPORTANT for IE 6 */
}

/* show 2nd level on hovering 1st level */
.navigationTop ul :hover ul
{
	visibility: visible;
}

/* don't show the 3rd (and 4th) level on hovering 1st level */
.navigationTop ul :hover ul ul
{
	visibility: hidden;
}


/* ----------------------------------------------------------------------------------------
 * 2nd level
 * ------------------------------------------------------------------------------------- */

.navigationTop ul ul
{
	visibility: hidden;

	width: 150px;
	height: 0px;

	position: absolute;
	left: 0px;
	top: 23px;
}

.navigationTop ul ul a, .navigationTop ul ul a:visited
{
	width: 130px;
	height: auto;
	padding: 5px 10px;
	background-color: #f3f3f3;
	background-image: none;

	font-weight: normal;
	color: #666666;
	line-height: 1em;
	text-align: left;
}

/* items with submenus */
.navigationTop ul ul a.hasChildren, .navigationTop ul ul a.hasChildren:visited
{
	background-image: url(/img/hasChildren.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.navigationTop ul ul a:hover, .navigationTop ul ul li:hover
{
	color: #192787;
	background-color: #f3f3f3;
}

/* show 3rd level on hovering 2nd level */
.navigationTop ul ul :hover ul
{
	visibility: visible;
}

/* don't show the 4th level on hovering 2nd level */
.navigationTop ul ul :hover ul ul
{
	visibility: hidden;
}


/* ----------------------------------------------------------------------------------------
 * 3rd level
 * ------------------------------------------------------------------------------------- */

.navigationTop ul ul ul
{
	width: 150px;

	left: 149px;
	top: 0px;
}

/* displaying on the left side */
.navigationTop ul ul ul.left
{
	left:-149px;
}

.navigationTop ul ul ul a, .navigationTop ul ul ul a:visited
{
	font-weight: normal;
}

.navigationTop ul ul ul a:hover, .navigationTop ul ul ul li:hover
{
	color: #192787;
	background-color: #f3f3f3;
}

/* show 4th level on hovering 3rd level */
.navigationTop ul ul ul :hover ul
{
	visibility: visible;
}