@CHARSET "UTF-8";

/* Navigation CSS File */

/* General and First Level */
#nav_container {
	position: absolute;
	top: 59px;
	right: 28px;
	z-index: 50;
	height: 37px;
	background: transparent url("../images/background_nav_level1_cornerR.png") top right no-repeat;
	font-size: 12px;
}

#navigation {
	position: relative;
	height: 37px;
	background: transparent url("../images/background_nav_level1_cornerL.png") top left no-repeat;
	margin-left: -21px;
}

#navigation ul.navigation {
	margin: 0 10px;
}

#navigation ul.navigation li {
	display: block;
	float: left;
	width: auto;
	height: 37px;
	position: relative;
}

#navigation ul.navigation li a  {
	display: block;
	color: #58595b;
	height: 29px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 8px;
}

#navigation ul.navigation a span {
	display: block;
	margin: 0 15px;
	position: relative;
	top: 6px;
}

#navigation ul.navigation :hover a,
#navigation ul.navigation a:hover,
#navigation ul.navigation a.active  {
	background-color: #022057;
	color: #fff;
}

#navigation ul.navigation a:hover {
	visibility: visible;
}

#navigation .on  { display: none; }
#navigation .off { display: block; }
#navigation li:hover .on,
#navigation a.active .on  { display: block; }
#navigation li:hover .off,
#navigation a.active .off { display: none; }

/* Runde ecken links */

#navigation li.nav1.first {
	margin-left: -3px;
}

#navigation li.nav1.first a {
	margin-left: 3px;
}

#navigation li.nav1.first:hover,
#navigation li.nav1.first.active {
	background:url("../images/background_nav_level1_cornerL_active.png") 0px 8px no-repeat;
}

/* Runde ecken rechts */

#navigation li.nav1.last {
	margin-right: -3px;
}

#navigation li.nav1.last a {
	margin-right: 3px;
}

#navigation li.nav1.last:hover,
#navigation li.nav1.last.active {
	background:url("../images/background_nav_level1_cornerR_active.png") right 8px no-repeat;
}


/* Second Level */

#navigation ul.navigation li div.nav2_container {
	position: absolute;
	top: 37px;
	right: 0;
	/*visibility: hidden;*/
	display: none;
}

#navigation ul.navigation li ul {
	position: relative;
	font-size: 11px;
}

#navigation ul.navigation li ul a  {
	color: #fff;
	height: 24px;
	margin: 0;
	width: 100%;
	display: block;
}

#navigation ul.navigation :hover ul a {
	background-color: transparent;
}

#navigation ul.navigation :hover ul :hover a,
#navigation ul.navigation li ul a:hover,
#navigation ul.navigation li ul a.active  {
	color: #58595b;
	color: #bbb;
}

#navigation ul.navigation li ul li {
	position: relative;
	float: none;
	display: block;
	height: 24px;
	background: transparent url("../images/background_nav_level2.png") top left repeat;
}

#navigation ul.navigation li ul li.first,
#navigation ul.navigation li ul li.last {
	height: 34px;
}

#navigation ul.navigation li ul li.first a {
	padding-top: 10px;
}

#navigation ul.navigation li ul li.last a {
	padding-bottom: 20px;
}

#navigation ul.navigation :hover div.nav2_container {
	/*visibility: visible;*/
	display: block;
}

#navigation ul.navigation div.nav2_bottom {
	position: absolute;
	bottom: -7px;
	right: 0;
	left: 0px;
	height: 7px;
	background: transparent url("../images/background_nav_level2_cornerR.png") top right no-repeat;
	margin-left: 7px;
}

#navigation ul.navigation div.nav2_bottom div {
	position: relative;
	background: transparent url("../images/background_nav_level2_cornerL.png") top left no-repeat;
	width: 7px;
	height: 7px;
	left: -7px;
}


/* Third Level */

#navigation ul.navigation li div.nav3_container {
	position: absolute;
	top: -2px;
	left: 100%;
	white-space: nowrap;
}

#navigation ul.navigation :hover li.nav2 div.nav3_container {
	visibility: hidden;
}

#navigation ul.navigation :hover ul :hover div.nav3_container {
	visibility: visible;
}

#navigation ul.navigation div.nav3_bottom {
	position: absolute;
	bottom: -7px;
	right: 0;
	left: 0px;
	height: 7px;
	background: transparent url("../images/background_nav_level3_cornerR.png") top right no-repeat;
	margin-left: 7px;
}

#navigation ul.navigation div.nav3_bottom div {
	position: relative;
	background: transparent url("../images/background_nav_level3_cornerL.png") top left no-repeat;
	width: 7px;
	height: 7px;
	left: -7px;
}

#navigation ul.navigation :hover ul :hover ul a {
	color: #fff;
}

#navigation ul.navigation :hover ul :hover ul :hover a,
#navigation ul.navigation li ul ul a:hover,
#navigation ul.navigation li ul ul a.active  {
	color: #58595b;
	color: #bbb;
}

#navigation ul.navigation li.nav ul ul li.nav {
	background: transparent url("../images/background_nav_level3.png") top left repeat;
	width: 100%;
}

#navigation ul.navigation li ul li.first li,
#navigation ul.navigation li ul li.last li {
	height: 24px;
}

#navigation ul.navigation li ul ul li.first,
#navigation ul.navigation li ul ul li.last {
	height: 34px;
}

#navigation ul.navigation li ul li.first li a {
	padding-top: 0;
}

#navigation ul.navigation li ul ul li.first a {
	padding-top: 10px;
}

#navigation ul.navigation li ul ul li.last a {
	padding-bottom: 10px;
}