/* Haupt Navigation */
#nav_2 {
	position:relative;
	width:100%; 
	margin:0px;
	padding:0px;
	background-color: #000000;  /* Navigation hintergrund */
	margin-right: 0px;
}


ul#navigation_2 {
	display:inline;
	position:relative;
	border-left:0px solid #c4dbe7;
	border-right:0px solid #c4dbe7;
	float:right;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent;
}
    
    ul#navigation_2 li {
	display:inline;
	font-size: 80%;
	font-weight:normal;
	margin-top:0.000em;
	margin-right:0.000em;
	margin-left:0.250em;
	margin-bottom:0.000em;
	float:left;
	position:relative;
	border-top: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-top-left-radius: 0.000em;
 	border-top-right-radius: 0.000em; 
	border-bottom-left-radius: 0.000em;
 	border-bottom-right-radius: 0.000em; 
    border-radius: 0px;
}

ul#navigation_2 li a {
	padding: 3px 8px 3px 8px;
	margin-left:0.300em;
	color: #000000;
	text-transform: uppercase;
	display:inline-block;
	border-right: 0px solid #fff;
	border-left: 0px solid #C2C2C2;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border: 0.063em solid #c6c6c6;
	background: tranparent; /* stufe1 hintergrund */

	
	-webkit-transition:color 0.1s linear, background 0.1s linear;	
	-moz-transition:color 0.1s linear, background 0.1s linear;	
	-o-transition:color 0.1s linear, background 0.1s linear;	
	transition:color 0.1s linear, background 0.1s linear;	
}

ul#navigation_2 li a:hover { /* stufe1 hover */
	color:#333333;
}
ul#navigation_2 li:hover > a { /* stufe1 hover */
	background: #ffffff;
	border: 0.063em solid var(--grundfarbe); 
}
ul#navigation_2 li a.aktiv, ul#navigation_2 li a.aktiv:hover { /* stufe1 aktiv */
	background:#ffffff;
	border: 0.063em solid var(--grundfarbe); 
}

ul#navigation_2 li a.first {
	border-left: 0 none;
}

ul#navigation_2 li a.last {
	border-right: 0 none;
}


/* Drop-Down Navigation */
ul#navigation_2 li:hover > ul
{
/*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
	visibility:visible;
	opacity:1;
}

ul#navigation_2 ul, ul#navigation_2 ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
	width:150px;
	background:#ffffff;
/* css3 transitions for smooth hover effect */
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation_2 ul {
    left: 0px;
	background:#ffffff; /* stufe2 hintergrund */
	width:150px;
}
ul#navigation_2 ul li a:hover { /* stufe2 hover */
	background:#ffffff;
	color:#333333;
}

ul#navigation_2 ul li a.aktiv, ul#navigation_2 ul li a.aktiv:hover { /* stufe2 aktiv */
	background:#ffffff;
	color:#333333;
}


ul#navigation_2 ul li {
	clear:both;
	width:150px;
	border:0 none;
	border-bottom:0px solid #c9c9c9;
}


ul#navigation_2 ul li a {
	background:none;
	padding: 0px 5px;
	color:#333333;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:140px;
}