/*************************** MSE-iT Ribbon Blue Markup ***************************************************/

#Navigation .logo
{
	display:block;
	float:left;
	padding-top:3px;
	padding-left:3px;
	padding-right:0.4em;
}


#Navigation .languages	/* LANGUAGES */
{
	display:block;
	float:right;
	padding: 6px 12px 1px 1px;
}

#Navigation .languages > li	/* einzelne Language */
{
	padding: 0px 0px 0px 6px;
	display:block;
	float: right;
}


#Navigation .navareas	/* TABS */
{
	display:block;
	float:left;
	padding-top:15px;
}

#Navigation .navareas > li	/* einzelnes TAB */
{
	display:block;
	float: left;
	padding-top: 0.1em;
	padding-left: 1.1em;
	padding-right: 1.1em;
	height: 1.7em;
}

#Navigation .navareas > li > a 	/* Tab Link */
{
	cursor: pointer;
	text-decoration: none;

}


#Navigation .navareas > li > a:hover 	/* Maus über Tab Link */
{
 	/* background-color: #5E77AA; */
 	background-image: url("/Images/HoverGradientTabs.png");
 	background-repeat:repeat-x;
 	background-position:left top;

 	color: #003399;
 }
 
#Navigation .navareas > li > a > span	/* Tab Label */
{
	font-weight:bolder;
	font-size:115%;
	color:#42619F;
}

#Navigation .navareas > li > a:hover > span	/* Tab Label */
{
	color:#003399;
}

#Navigation .navareas > li.active > a > span	/* Tab Label */
{
	color:#003399;
}

#Navigation .navareas > li.active 		/* das aktiv markierte TAB */
{
	/* background-color: #CED9F0; */
	padding-left: 0.8em;
	height: 1.7em
}



#Navigation .navgroups	/* Groups */
{
	display:block;
	clear:left;
	float:left;
	width:100%;
	height:100%;
	background-color: #CED9F0;
	padding-top:0.0em;
	padding-bottom:0.2em;
}

#Navigation .navgroups > li			/* Group Box */
{
	display:block;
	float: left;
	border: 1px #99BBFF solid;
	margin-left:0.2em;
	margin-top:0.2em;
	margin-bottom:0.2em;
}


#Navigation .navgroups > li.active > DIV > span /* Aktiv markierte Gruppe */
{
}


#Navigation .navgroups > li > span	/* Group Label */
{
	display: block; 
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	background-color: #C2D2F3;
	text-align: center;
	font-weight: bolder;
	color: #6A7FAA;
	clear: left;
}

#Navigation .navgroups > li.active > span /* Aktiv markierter Group Label */
{
	color: #003399;
}

#Navigation .navgroups > li > DIV > span	/* Group Label im background canvas*/
{
	display: block; 
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	background-color:Transparent;
	text-align: center;
	font-weight:bolder;
	color: #6A7FAA;
	clear: left;
}

#Navigation .navgroups > li.active > DIV > span /* Aktiver Group Lable im Background cavas markierte Gruppe */
{
	color: #003399;
	
}


#Navigation .navlinks		/* Navigation Links */
{
	display:block;
}

#Navigation .navlinks > li 	/* Navigation Link */
{
	display: block;
	float: left;

	padding-left:0.3em;
	padding-right:0.3em;
	padding-top:0.3em;
	padding-bottom:0.2em;
}

#Navigation .navlinks > li > a		/* Link Link */
{
	display:block;
	cursor:pointer;
	text-decoration: none;
}

#Navigation .navlinks > li.active > a	/* Aktiver Link */
{
	display: block;
 	background-image: url("/Images/HoverGradientLargeActive.png");
 	background-repeat:repeat-x;
 	background-position:left top;	 
}


#Navigation .navlinks > li > a:hover	/* Maus über Link */
{
 	/* background-color: #5E77AA; */
 	background-image: url("/Images/HoverGradientLarge.png");
 	background-repeat:repeat-x;
 	background-position:left top;	 
}

#Navigation .navlinks > li.active > a:hover	/* Maus über Link */
{
 	/* background-color: #5E77AA; */
 	background-image: url("/Images/HoverGradientLarge.png");
 	background-repeat:repeat-x;
 	background-position:left top;	 
}




#Navigation .navlinks > li > a > img/* Linkimage */
{
	display: block;
	width: 3em;
	height: 3em;
	text-align: center;

}

#Navigation .navlinks > li > a > span /* Linktext */
{
	display: block;
	clear: left;
	text-align: center;
	font-weight: bolder;
	color:#42619D;
}

#Navigation .navlinks > li.active > a > span /* Aktiver Linktext */
{
	color:#003399;
}



#Navigation .navlinks > li > ul > li 	/* Small Link */
{
	padding-top: 0.155em;
	
}

#Navigation .navlinks > li > ul > li > a /* Small Link Link*/
{
	display: block;
	cursor:pointer;
	text-decoration: none;
	margin-top:0.2em;

}

#Navigation .navlinks > li > ul > li > a /* Small Link Link*/
{
	display: block;
	cursor:pointer;
	text-decoration: none;
	margin-top:0.2em;

}

#Navigation .navlinks > li > a:hover > span /* Maus Linktext */
{
	color: #003399;
}


#Navigation .navlinks > li > ul > li.active > a	/* Maus über Small Link */
{
 	background-image: url("/Images/HoverGradientSmallActive.png");
 	background-repeat:repeat-x;
 	background-position:left top;	
}

#Navigation .navlinks > li > ul > li > a:hover	/* Maus über Small Link */
{
 	background-image: url("/Images/HoverGradientSmall.png");
 	background-repeat:repeat-x;
 	background-position:left top;	
}

#Navigation .navlinks > li > ul > li.active > a:hover	/* Maus über Small Link */
{
 	background-image: url("/Images/HoverGradientSmall.png");
 	background-repeat:repeat-x;
 	background-position:left top;	
}


#Navigation .navlinks > li > ul > li > 	a > img /* Small Link Image*/
{
	width: 1.5em;
	height: 1.5em;
}

#Navigation .navlinks > li > ul > li > 	a > span  /* Small Link Text*/
{
	height:1em;
	text-align: left;
	font-weight: bolder;
	color: #42619D;
	vertical-align:0.35em;
}

#Navigation .navlinks > li > ul > li.active > 	a > span  /* Aktiver Small Link Text*/
{
	color: #003399;
}

#Navigation .navlinks > li > ul > li > 	a:hover > span  /* Maus Üver Link Small Link Text*/
{
	color: #003399;
}