﻿/****************************************************
© 2004 - 2015 human-data.de / internetagentur-koch.de ****
****************************************************/
/*********************
	Für alle Ebenen:
**********************/
.navbar-fixed {
	top: 0;
	z-index: 100;
	position: fixed;
	width: 980px;
}
.navbar-fixed:before {
	/*content: '';*/
	/*background: url(../images/2cols/bg_navi_fixed.jpg);*/
	/*background-size: 100% 100%;*/
	/*float:left;*/
	/*width:140px;*/
	/*height:36px;*/
}

#active_all {
	background-color:#886f12;
}
ul.fly_out a {
	text-decoration:none;
	color:#f2f2f2;
	display: block;
	font-weight:400;
}
#navi_home_icon a {
	/*padding:9px 15px 6px 15px;*/
}
.navi_down_arrow{

}
ul.fly_out a:hover {
	text-decoration:none;
	background-color:#886f12;
}
.continue_character{
	background:url(../images/2cols/bg_navi_character.png) no-repeat;
	display: block;
	position: absolute;
	top: 13px;
	right: 6px;
	width:8px;
	height:10px;
}
.cc_2_last { /* 2. Ebene letzter Menüpunkt der 1. Ebene */
	background:url(../images/2cols/bg_navi_character.png) no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	right: 185px;
	transform: rotate(180deg);
	width:8px;
	height:10px;
}
/*********************
	1.Ebene:
**********************/
.fly_out_div{
	margin:0px;
	display:table;
}
ul.fly_out {
	list-style:none;
	margin:0;
	padding:0;
	z-index:200;
}

ul.fly_out li {
	float:left;
}

ul.fly_out li a{
	color:#ffffff;
	padding:10px 29px 10px 30px;
	-moz-transition: background-color ease 600ms;
	-webkit-transition: background-color ease 600ms;
	-o-transition: background-color ease 600ms;
	transition: background-color ease 600ms;
	border-left:1px solid #c4c4c4;
}
/*********************
	2.Ebene:
**********************/
.top_first_li {
	border-left:1px solid #c4c4c4;
}
.top_first_li span{
	background:url(../images/2cols/top_first_li.png);
	padding-right:101px;
}
ul.fly_out li > ul {
	list-style:none;
	padding:0px;
	visibility:hidden;
	opacity: 0;
	/*display:none;*/
	-moz-transition:opacity 600ms ease-in;
	-webkit-transition:opacity 600ms ease-in;
	-o-transition:opacity 600ms ease-in;
	transition:opacity 600ms ease-in;
	position:absolute;
	/*top:169px;*/
	box-shadow: -5px 10px 10px rgba(32, 57, 91, .3) , 5px 10px 10px rgba(32, 57, 91, .3);
}

ul.fly_out li:hover > ul {
	visibility: visible;
	opacity: 1;
	margin:0px;
	z-index:10; /*nivo-slider geht bis 9*/
}
ul.fly_out li > ul > li {
	clear:both;
	position:relative;
}
ul.fly_out li > ul > li a{
	text-align:left;
	width:168px;
	padding:10px 25px 10px 25px;
	background-color:#a68f37;
	border-bottom:1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
}
/*********************
	3.Ebene:
**********************/
ul.fly_out li > ul >li > ul {
	visibility:hidden;
	opacity: 0;
	/*display:none;*/
	-webkit-transition: 600ms ease-in-out;
	-moz-transition: 600ms ease-in-out;
	-o-transition: 600ms ease-in-out;
	-ms-transition: 600ms ease-in-out;
	transition: 600ms ease-in-out;
	position:absolute;
	top:0px;
	left:219px;
	z-index:2;
	box-shadow:none;
}
ul.fly_out li > ul >li:hover > ul {
	visibility: visible;
	opacity: 1;
}
ul.fly_out li > ul >li > ul > li a{
	background-color:#a68f37;
}
.top_flyout_last3{
	position:relative;
	left:-393px;
}
/*********************
	4.Ebene:
**********************/
ul.fly_out li > ul >li > ul >li > ul{
	opacity: 0;
	/*display:none;*/
	-webkit-transition: 600ms ease-in-out;
	-moz-transition: 600ms ease-in-out;
	-o-transition: 600ms ease-in-out;
	-ms-transition: 600ms ease-in-out;
	transition: 600ms ease-in-out;
	position:absolute;
	top:0px;
	left:219px;
	z-index:2;
}
ul.fly_out li > ul >li > ul >li:hover > ul{
	visibility: visible;
	opacity: 1;
}
ul.fly_out li > ul >li > ul >li > ul > li a{
	background-color:#a68f37;
}

.top_flyout_last4{

}