@charset "UTF-8";

/* --------------------------------------------------------------

   navigation.css
   * Sets up the navigation design

-------------------------------------------------------------- */


/* General style
-------------------------------------------------------------- */


#nav { padding-right:70px; }

#nav a { border:none; }

#nav ul,
#nav li {
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
}
	
/* 1st level
-------------------------------------------------------------- */

#nav ul.level_1 li {
	display:block;
	margin-bottom:20px;
}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:hover,
#nav ul li a:active,
#nav ul.level_1 li.active span {
	display:block;
	font-size:14px;
	padding-right:12px;
}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited { }

#nav ul li a:hover,
#nav ul li a:active,
#nav ul.level_1 li.active span {
	background-image:url(../img/neg/nav_rollover_white.png);
	background-position:right;
	background-repeat:no-repeat;
}

/* positive color scheme */

.pos #nav ul li a:hover,
.pos #nav ul li a:active,
.pos #nav ul.level_1 li.active span {
	color: #609;
	background-image:url(../img/pos/nav_rollover.png);
	background-position:right;
	background-repeat:no-repeat;
}

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

/* 2nd level general style */
#nav ul.level_2 li {
	line-height: 20px;
	margin-bottom: 0;
}

#nav ul.level_2 li a { font-size:12px; }

/* style and hide 2nd Level */
#nav ul li ul {
	visibility:hidden;
	left:-999em;
	height:0;
	line-height:0;
	background:none;
}

/* 2nd level going to be visible */
#nav ul li:hover ul,
#nav ul li a:hover ul,
#nav ul li.sfhover ul {
	visibility:visible;
	left:auto;
	display:block;
	height:auto;
	line-height:20px;
	z-index:99;
}

/* show 2nd Level permanently if active */
#nav ul li.trail ul {
	visibility:visible;
	display:block;
	left:auto;
	height:auto;
	z-index:0;
}

/* 2nd level active button */
#nav ul.level_2 li.active {
	background-image:url(../img/nav_rollover_white.png);
	background-position:right;
	background-repeat:no-repeat;
}

#nav .level_2 li.active span {
	font-size:12px !important;
}



/* Navigation on the right side (Impressum etc.)
-------------------------------------------------------------- */

#subnav { position: relative; left: -14px;}

#subnav ul,
#subnav li { list-style: none; padding: 0; margin-bottom: 5px; }

#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:visited,
#subnav ul li a:hover,
#subnav ul li a:active,
#subnav ul.level_1 li.active span {
	display:block;
	padding-left: 14px;
}

#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:visited {
	color: #ccc; 
}

#subnav ul li a:hover,
#subnav ul li a:active,
#subnav ul.level_1 li.active span {
	background: none;
	background-image:url(../img/neg/nav_rollover_white.png);
	background-position:left;
	background-repeat:no-repeat;
	color: #fff;
}

/* positive color scheme */

.pos #subnav ul li a,
.pos #subnav ul li a:link,
.pos #subnav ul li a:visited {
	color: #666;
}

.pos #subnav ul li a:hover,
.pos #subnav ul li a:active,
.pos #subnav ul.level_1 li.active span {
	color: #609;
	background-image:url(../img/pos/nav_rollover.png);
	background-position:left;
	background-repeat:no-repeat;
}