/****************************************************
© 2004 - 2018 human-data.de / internetagentur-koch.de ****
****************************************************/
/* ################################### navi_top_fly_out.css ###############################################################*/
/*********************
	Für alle Ebenen:
**********************/
.navbar-fixed {
	top: 0;
	z-index: 100;
	position: fixed;
	width: 100%;
}
.navbar-fixed:before {

}
#active_all {
	color:#ffffff;
	background: #737272;
}

ul.fly_out a {
	text-decoration:none;
	color:#ffffff;
	display: block;
	background: #568994;
}
#navi_home_icon a {
}
.navi_down_arrow{
}
ul.fly_out a:hover {
	color:#ffffff;
	background: #737272;
}
.continue_character{
	background:url(../images/0cols/bg_navi_character.png) no-repeat;
	display: block;
	position: absolute;
	top: 14px;
	right: 6px;
	width:8px;
	height:10px;
}
.cc_2_last { /* 2. Ebene letzter Menüpunkt der 1. Ebene */
	background:url(../images/0cols/bg_navi_character.png) no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	display: block;
	position: absolute;
	top: 14px;
	left: -1px;
	width:8px;
	height:10px;
}
/*********************
	1.Ebene:
**********************/
.fly_out_div{
	letter-spacing:0.1em;
}
ul.fly_out {
	list-style:none;
	margin:0;
	padding:0;
	z-index:200;
}

ul.fly_out li {
	display: inline-block;
	color:#ffffff;
}

ul.fly_out li a{
	color:#ffffff;
	padding:0 5px 0 5px;
	line-height:2.4em;
	width:185px;
}
ul.fly_out li:hover {
	color:#ffffff;
}
/*********************
	2.Ebene:
**********************/
.top_first_li span {
}
ul.fly_out li > ul {
	list-style:none;
	visibility:hidden;
	opacity: 0;
	-webkit-transition:opacity ease-in 900ms;
	transition:opacity ease-in 900ms;
	position:absolute;
	box-shadow: -5px 10px 10px rgba(32, 57, 91, .2) , 5px 10px 10px rgba(32, 57, 91, .2);
	letter-spacing:0.0em;
	padding:10px 0 0 0;
	margin:0;
	z-index:10; /*nivo-slider geht bis 9*/
}

ul.fly_out li:hover > ul {
	float:none;
	visibility: visible;
	opacity: 1;
}
ul.fly_out li > ul > li {
	display: block;
	position:relative;
	margin:0;
}
ul.fly_out li > ul > li a{
	text-align:left;
	padding:9px 2px 9px 10px;
	width:185px;
	border-bottom:1px solid silver;
	font-weight:400;
	line-height:1.2em;
}
/*********************
	3.Ebene:
**********************/
ul.fly_out li > ul >li > ul {
	visibility:hidden;
	opacity: 0;
	-webkit-transition:opacity ease-in 500ms;
	transition:opacity ease-in 500ms;
	position:absolute;
	top:0;
	padding:0;
	z-index:2;
}
ul.fly_out li > ul >li:hover > ul {
	visibility: visible;
	opacity: 1;
	left:194px;
	box-shadow:none;
}
ul.fly_out li > ul >li > ul > li a{
	border-width:0 0 1px 1px;
}
.top_flyout_last3{
	left:-369px;
}
.top_flyout_last3 > a > span {
	display:none;
}
/*********************
	4.Ebene:
**********************/
ul.fly_out li > ul >li > ul >li > ul{
}

ul.fly_out li > ul >li > ul >li > ul > li a{
}
.top_flyout_last4{
	left:-369px;
}
/*********************
	1.Extra-Ebene:
**********************/
/*.menu_id_150 a { *//*Pastos*/
	/*background:silver !important;*/
	/*color: #373737 !important;*/
/*}*/
/*.menu_id_150 .n_1 { *//*Pastos*/
	/*background: silver !important;*/
/*}*/