/**
 * navigations
 *
 * @description:	in this file all navigations are defined:
 * 					languageSelector, mainNavigation, footerNavigation
 *
 * @author:			Marco Huber <marco.huber@marit.ag>
 * @dependencies: 	see element documentations	
 * @required: 		see element documentations	
 * @constants:		see element documentations	
 * @version:		1.0
 */

/**
 * languageSelector
 */
#header #languageSelector {
	height: 20px;
}
#header #languageSelector .languageSelectorInnerWrap {
	border:1px solid #828282;
	float: right;
	width: 200px;
	height: 18px;
	overflow: hidden;
}
#header #languageSelector .languageSelectorInnerWrap ul {
	display: block;
	height: 20px;
	width: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	background: url('../images/selectboxArrow.png') #FFFFFF top right no-repeat;
	z-index: 2;
}
#header #languageSelector .languageSelectorInnerWrap ul:hover,
#header #languageSelector .languageSelectorInnerWrap ul.hover {
	position: absolute;
	height: auto;
	border-bottom: 1px solid #838382;
}
#header #languageSelector .languageSelectorInnerWrap ul li {
	background: none;
	padding: 0;
}
#header #languageSelector .languageSelectorInnerWrap ul li.active {
	border-bottom:1px solid #828282;
}
#header #languageSelector .languageSelectorInnerWrap ul li.first {

}
#header #languageSelector .languageSelectorInnerWrap ul li.last {

}
#header #languageSelector .languageSelectorInnerWrap ul li,
#header #languageSelector .languageSelectorInnerWrap ul li a,
#header #languageSelector .languageSelectorInnerWrap ul li span {
	display: block;
	padding-left: 9px;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
#header #languageSelector ul li:focus,
#header #languageSelector ul li a:focus,
#header #languageSelector ul li:hover,
#header #languageSelector ul li a:hover,
#header #languageSelector ul li.active ,
#header #languageSelector ul li.active a {
	color: #000000;
}

/**
 * mainNavigation
 */
#mainNavigation {
	position:absolute;
	width:640px;
	height:51px;
	/*	top:50px; */
	top:57px;
	left:155px;
	font-weight:bold;
	z-index:12;
	/* j.v. nachdem es das navi_bg.png nirgends gibt, hab ich die  die zeile deaktiviert */
	/* background:url(../img/navi_bg.png); */
	
	font-size: 11px;
}

#mainNavigation ul {
	background-color:#fff;
	margin:0;
}
#mainNavigation ul ul {
	position: static;
}

#mainNavigation li {
	background: none;
	float:left;
	margin-right: 9px;
	text-transform:uppercase;
	/* padding:4px 0;*/
	padding:3px 0;
}
#mainNavigation li li {
	text-transform: none;
}

#mainNavigation li:hover,
#mainNavigation li.hover,
#mainNavigation li.active,
#mainNavigation li.current {
	background-color:#dff0f9;
}	
	
#mainNavigation li a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#202020;
	border-left:1px solid #818281;
	border-right:1px solid #818281;
	padding:0 10px;
	display:block;
	/*   like other comments before this is for the smaller navi  */
	line-height: 12px 
}

#mainNavigation li:hover a,
#mainNavigation li.hover a,
#mainNavigation li.active a,
#mainNavigation li.current a {
	color:#143a58;	
	border-left:1px solid #dff0f9;
	border-right:1px solid #dff0f9;
}	
	
#mainNavigation li:hover li a,
#mainNavigation li.hover li a,
#mainNavigation li.active li a {
	color:#4c4c4c;			
	border-left:1px solid #818281;
	border-right:1px solid #818281;
}		
	
#mainNavigation li li:hover a,
#mainNavigation li li.hover a,
#mainNavigation li li.current a {
	border-left:1px solid #dff0f9;
	border-right:1px solid #dff0f9;
}	
#mainNavigation li.first a {
	border-left: none;
}

#mainNavigation li .secondLevel {
	display:none;
	position:absolute;
	padding: 10px 0 20px;
	/* top:25px;   */
	top:18px;
	height:30px;
	left:0;
	width: 100%;
	z-index: 1000;
}
#mainNavigation li:hover .secondLevel,
#mainNavigation li.hover .secondLevel,
.json #mainNavigation li.active .secondLevel  {
	display:block;
}

#mainNavigation .secondLevel .menuBar {
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 22px;
	width: 618px;
	height: 10px;
	background-color: #dff0f9;
}
#mainNavigation .current .secondLevel {display:block;}

/**
 * footerNavigation
 */

.showMe {display:block;}

.footerNavigation {
	clear: none;
	margin: 0;
}
.footerNavigation li {
	background:none repeat scroll 0 0 transparent;
	float:left;
	padding:0;
	position: relative;
}

.footerNavigation a {
	color: #333;
	line-height: 30px;
	padding: 8px 10px;
	text-decoration: none;
	text-align: center;
	width: 200px;
}
.footerNavigation a:hover,
.footerNavigation li.active a {
	background-color: #bfe1f4;
	color: #000;
}