/* =============================================================================
   Navigation - Top - Menu
   ========================================================================== */

#navTop {
	display: block;
	width: 100%;
	height: 16px;
}

#navTop ul {
    display: block;
    float: left;
    margin: 8px 16px 0 0;
    height: 16px;
}

#navTop li {
	color: #fff;
	font-size: 11px;
    line-height: 14px;
    display: inline;
    float: left;
	padding: 9px 0px 9px 8px;
    list-style: none outside none;
}

#navTop a {
    color: #f7d900;
    display: block;
    font-size: 11px;
    line-height: 14px;

    text-decoration: underline;
}



/* =============================================================================
   Navigation - Top - Search
   ========================================================================== */

#navTop fieldset {
	display: block;
	float: left;
	border: 0 none;
	height: 18px;
	margin: 24px 0 0 10px;
}

#navTop label {
	display: none;
}

#navTop input#searchterm {
	float: left;
	border: 1px solid #b1b386;
	color: #5c5c5c;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 1px 0;
}

#navTop input#searchterm:focus {
	border: 1px solid #ffce1f;
	outline: medium none;
}
   
#navTop button {
	float: left;
	width: 23px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	background: url(../../img/icon_sprite.png) repeat scroll 0 -1800px transparent;
}

#navTop button span {
	float: left;
	text-indent: -9999em;
}


/* =============================================================================
   Navigation - Main
   ========================================================================== */

#navMain {
	display: block;
	width: 100%;
	height: 32px;
}

#navMain ul.navLev1 {
    display: block;
    float: left;
    margin: 0;
    height: 32px;
}

#navMain ul.navLev1 li {
    display: block;
    position: relative;
    float: left;
    list-style: none;
}

#navMain ul.navLev1 li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#navMain ul.navLev1 li:hover,
#navMain ul.navLev1 li.selected {
    background: url(../../img/nav_prim.png) no-repeat  0 0 transparent;
}

#navMain ul.navLev1 li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 4px 24px 4px 16px;
    font-family: OpelSansW01;
    text-decoration: none;
}

#navMain ul.navLev1 li a.sub {
   background: url(../../img/icon_sprite.png) no-repeat scroll right -1684px transparent;
}

#navMain ul.navLev1 li:hover ul,
#navMain ul.navLev1 li.sfHover:hover ul {
	top: 32px; /* match top ul list item height */
	z-index: 99;
}

#navMain ul.navLev1 li.lastItem ul.navLev2 {
	left: -102px;
}


#navMain ul.navLev2 {
	position: absolute;
	display:block;
	left: 0;
	top: -999em;
	background: url(../../img/nav_prim.png) 0 0 repeat;
	padding:7px 0 7px 0;
	width: 200px;
}



#navMain ul.navLev2 li {
	display:block;
	border-top: 1px solid #474747;
    margin: 0 16px;
    padding: 1px 0;
}

#navMain ul.navLev2 li:first-child {
	border-top: 0;
}
    
#navMain ul.navLev2 li a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 18x;
    padding: 2px 8px 2px 16px;
    font-family: Verdana;
    text-decoration: none;
    margin: 0 -16px;
    width: 176px;
    
}

#navMain ul.navLev2 li.selected a,
#navMain ul.navLev2 li a:hover {
    background:url(../../img/icon_sprite.png) no-repeat 0 -2400px;
}

	
/* =============================================================================
   Navigation - Sub 1
   ========================================================================== */

#navSub1 {
	float: left;
	display: block;
	width: 970px;
	min-height: 32px;
}

#navSub1 ul {
    display: block;
}

#navSub1 li {
    display: inline;
    float: left;
    list-style: none;
}

#navSub1 li:hover,
#navSub1 li.selected {
    background: url(../../img/nav_prim.png) no-repeat left -485px transparent;
}

#navSub1 li:first-child a {
	padding: 9px 8px 9px 16px;
}

#navSub1 li a {
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    padding: 9px 8px 9px 8px;
    font-family: Verdana;
    text-decoration: none;
}

#navSub1 li a:hover,
#navSub1 li.selected a {
    color: #000;
}

/* =============================================================================
   Navigation - Sub 2 / Tabs
   ========================================================================== */

#navSub2 {
	float: left;
	display: block;
	width: 970px;
	margin: 0 16px 0 16px;
}

#navSub2 ul {
    display: block;
}

#navSub2 li {
    display: inline;
    float: left;
    height: 32px;
    list-style: none;
    background: url(../../img/nav_prim.png) no-repeat left -517px transparent;
    margin: 0 1px 0 0;
}

#navSub2 li:hover,
#navSub2 li.selected {
   background: #F8F8F8;
}

#navSub2 a {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 10px 24px 10px 24px;
    font-family: Verdana;
    text-decoration: none;
}

#navSub2 li a:hover,
#navSub2 li.selected a {
    color: #000;
}


/* =============================================================================
   Betrieb als IFrame
   ========================================================================== */
#navSub1 li#logout {
	display:none;
}