

#haupt		{
	width: 60%;
	float: left;
}

#haupt ul {
	list-style: none;
	color: #b1cb39;
	text-decoration: none;
}

#haupt ul.st1 li	{
	margin: 8px 0px 8px 20px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #fff;
	font-family: Semisansex;    
}

#haupt ul.st1 li:first-child	{
	border-top: 0px solid #b1cb39;
	padding-top: 8px;
}

#haupt ul.st1 > li:nth-child(6):after	{
	content:"icon";
    text-indent:-999em;
    display: inline-block;
	background-image: url("/w_resp/allgemein/images/layout/schleife_small.svg");
	background-size: 20px auto;
	background-repeat:no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 0 0 15%;	
}

#haupt ul.st1 li:last-child	{
	border-bottom: 2px dotted #fff;
	padding-bottom: 8px;
}

#haupt ul.st2 li	{
	margin: 0px 0px 8px 40px;
}

#haupt ul.st2 li:first-child	{
	padding-top: 0px;
	border-top: 0px dotted #b1cb39;
}

#haupt ul.st2 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#haupt ul.st3 li	{
	margin: 8px 0px 8px 60px;
}

#haupt ul.st3 li:first-child	{
	border-top: 0px dotted #b1cb39;
}

#haupt ul.st3 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#haupt ul.st4 li	{
	margin: 8px 0px 8px 80px;
}

#haupt ul.st4 li:first-child	{
	border-top: 0px dotted #b1cb39;
}

#haupt ul.st4 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#haupt li a	{
	color: #b1cb39;
	text-decoration: none;
	display: inline-block;
	font-family: Semisansex;
    text-transform: uppercase;
}

#haupt li a:before	{
	content: "\f0da";
	font-family: FontAwesome;
	position:absolute;
    margin-left:-20px;
}

#haupt li a:hover	{
	color: #fff;
}

#haupt li a.active	{
	color: #fff;
}

















#neben		{
	margin-left: 5%;
	width: 35%;
	float:left;
}

#neben ul {
	list-style: none;
	color: #b1cb39;
	text-decoration: none;
}

#neben ul.st1 li	{
	margin: 8px 0px 8px 20px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #fff;
}

#neben ul.st1 li:first-child	{
	border-top: 0px solid #b1cb39;
	padding-top: 8px;
}

#neben ul.st1 li:last-child	{
	border-bottom: 2px dotted #fff;
	padding-bottom: 8px;
}

#neben ul.st2 li	{
	margin: 0px 0px 8px 40px;
}

#neben ul.st2 li:first-child	{
	padding-top: 0px;
	border-top: 0px dotted #b1cb39;
}

#neben ul.st2 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#neben ul.st3 li	{
	margin: 8px 0px 8px 60px;
}

#neben ul.st3 li:first-child	{
	border-top: 0px dotted #b1cb39;
}

#neben ul.st3 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#neben ul.st4 li	{
	margin: 8px 0px 8px 80px;
}

#neben ul.st4 li:first-child	{
	border-top: 0px dotted #b1cb39;
}

#neben ul.st4 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#neben li a	{
	color: #b1cb39;
	text-decoration: none;
	display: inline-block;
}

#neben li a:before	{
	content: "\f0da";
	font-family: FontAwesome;
	position:absolute;
    margin-left:-20px;
}

#neben li a:hover	{
	color: #fff;
}

#neben li a.active	{
	color: #fff;
}










#metamobil		{
	margin-left: 5%;
	width: 35%;
	float:left;
    margin-top: 30px;
}

#metamobil ul {
	list-style: none;
	color: #b1cb39;
	text-decoration: none;
}

#metamobil ul.st1 li	{
	margin: 8px 0px 8px 20px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #fff;
}

#metamobil ul.st1 li:first-child	{
	border-top: 0px solid #b1cb39;
	padding-top: 8px;
}

#metamobil ul.st1 li:last-child	{
	border-bottom: 2px dotted #fff;
	padding-bottom: 8px;
}

#metamobil ul.st2 li	{
	margin: 0px 0px 8px 40px;
}

#metamobil ul.st2 li:first-child	{
	padding-top: 0px;
	border-top: 0px dotted #b1cb39;
}

#metamobil ul.st2 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#metamobil ul.st3 li	{
	margin: 8px 0px 8px 60px;
}

#metamobil ul.st3 li:first-child	{
	border-top: 0px dotted #b1cb39;
}

#metamobil ul.st3 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#metamobil ul.st4 li	{
	margin: 8px 0px 8px 80px;
}

#metamobil ul.st4 li:first-child	{
	border-top: 0px dotted #b1cb39;
}

#metamobil ul.st4 li:last-child	{
	border-bottom: 2px dotted #fff;
}

#metamobil li a	{
	color: #b1cb39;
	text-decoration: none;
	display: inline-block;
}

#metamobil li a:before	{
	content: "\f0da";
	font-family: FontAwesome;
	position:absolute;
    margin-left:-20px;
}

#metamobil li a:hover	{
	color: #fff;
}

#metamobil li a.active	{
	color: #fff;
}
























#navistiftung {
	position: absolute;
	display: inline-block;
	top: 20px;
    float: left;
    left: calc(25% + 10px);
	z-index: 100000;
	width: calc(25% - 20px);
}

#navistiftung ul	{
    position: absolute;
	list-style-type: none;
	list-style: none;
	white-space: nowrap;
}

#navistiftung > ul > li	{
    float:left;
    margin-right: 10px;
}


#navistiftung a {
    font-size: 24px !important;
    margin-right: 10px;
    color: rgba(115,181,57,1.00);
    text-decoration: none;
	text-transform: none;
    border: 3px solid rgba(115,181,57,1.00);
    padding: 5px;
    font-family: Semisansex;    
}

#navistiftung a:hover {
    color: rgba(39,101,78,1.00);
    border: 3px solid rgba(39,101,78,1.00);	
	transition: all 0.3s ease-in-out;                
}

#navistiftung a.active:hover, #navistiftung a.active {
    color: rgba(255,255,255,1.00) !important;
    background: rgba(39,101,78,1.00) !important;
	transition: all 0.3s ease-in-out;            
    border: 3px solid rgba(39,101,78,1.00);	
}

#navistiftung a:last-child {
    margin-right: 0px;
}






























#navimeta {
	position: absolute;
	display: inline-block;
    text-align: right;
	top: 10px;
    right: 20px;
    float: left;
	z-index: 100000;
	width: calc(75% - 20px);
}

#navimeta ul	{
    position: absolute;
	list-style-type: none;
	list-style: none;
	white-space: nowrap;
    text-align: right;
    right: 0px;
}

#navimeta > ul > li	{
    float:left;
    margin-right: 10px;
}

#navimeta > ul > li:last-child	{
    float:left;
    margin-right: 0px;
}

#navimeta a {
    font-size: 15px !important;
    margin-right: 10px;
    color: rgba(115,181,57,1.00);
    text-decoration: none;
    border: 3px solid rgba(115,181,57,1.00);
    padding: 3px 7px 3px 7px;
    font-family: Semisansex;    
}

#navimeta a:hover {
    color: rgba(255,255,255,1.00);
    background: rgba(115,181,57,1.00); 
	transition: all 0.3s ease-in-out;                
}

#navimeta a.active:hover, #navimeta a.active {
    color: rgba(255,255,255,1.00) !important;
    background: rgba(115,181,57,1.00) !important;
	transition: all 0.3s ease-in-out;            
}

#navimeta a:last-child {
    margin-right: 0px;
}


















#navitop {
	position: absolute;
	display: inline-block;
	top: 133px;
    left: 20px;
    width: calc(100% - 40px);
    float: none;
    padding-left: calc(25% - 10px);
	z-index: 100000;
    border: 0px solid rgba(255,0,0,1.00);
}

#navitop a {
	display: inline-block;
	width: 100%;	
	padding: 0px 0px 0px 0px;	
	white-space: nowrap;
}

#navitop ul	{
	list-style-type: none;
	list-style: none;
	white-space: nowrap;
    text-align: right;
}

#navitop > ul > li	{
	position: relative;
	margin-right: 25px;
    padding-bottom: 10px;
    float:left;
	vertical-align: bottom;
	white-space: nowrap;
    border: 0px solid rgba(0,0,0,1.00);
    cursor: pointer;
}

#navitop > ul > li:nth-last-child(1), #navitop > ul > li:nth-last-child(2) {
    float: none;
    display: inline-block;
}

#navitop > ul > li:last-child {
    margin-right: 0px;
}

#navitop > ul > li:last-child > a:after {
	content:"";
    position: absolute;
    top: -60px;
    left: calc(50% - 20px);
    display: block;
    z-index:-1;
	background-image: url("/w_resp/allgemein/images/layout/schleife_small.svg");
	background-size: 40px auto;
	background-repeat:no-repeat;
	width: 40px;
	height: 80px;
}

#navitop > ul > li.activeli:last-child > a:after {
	content:"";
    position: absolute;
    top: -60px;
    left: calc(50% - 20px);
    display: block;
    z-index:-1;
	background-image: url("/w_resp/allgemein/images/layout/schleife_small.svg");
	background-size: 40px auto;
	background-repeat:no-repeat;
	width: 40px;
	height: 80px;
    border-width: 0px 0px 0px 0px;    
    border-color: rgba(115,181,57,0.00) transparent transparent transparent;    
}

#navitop > ul > li:after, #navitop > ul > li.activeli:after	{
	display: block;
    margin: auto auto;
    width: 68px;
	content: "";
	z-index: + 1;
}

#navitop > ul > li.is_actual:after {
    position: absolute;
    display: block;
    top: 59px;
    cursor: pointer;
    left: calc(50% - 15px);
    margin: auto auto;
    width: 0px;
    height: 28px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 26.0px 15px 0 15px;
    border-color: rgba(255,255,255,0.50) transparent transparent transparent;    
}

#navitop > ul > li.is_actual:after {
    border-color: rgba(255,255,255,1.00) transparent transparent transparent;    
}

#navitop > ul > li > a {
    text-decoration: none;
	text-transform: uppercase;
    color: rgba(39,101,78,1.00);
	text-align: left;
	font-family: Semisansex;
	font-size: 24px;
}

#navitop > ul > li > a:hover {
    color: rgba(115,181,57,1.00);
	transition: all 0.3s ease-in-out;                
}

#navitop > ul > li.is_actual > a {
    color: rgba(115,181,57,1.00);
}

#navitop > ul > li.activeli > a {
    color: rgba(115,181,57,1.00); 
}

#navitop > ul > li.activeli > a:after {
    content: '';
    position: absolute;
    display: block;
    top: -40px;
    cursor: pointer;
    left: calc(50% - 15px);
    margin: auto auto;
    width: 0px;
    height: 58px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 26.0px 15px 0 15px;
    border-color: rgba(115,181,57,1.00) transparent transparent transparent;    
}










.subdrop {
    padding-left: calc(25%);
    width: calc(100%);
    margin: auto auto;
}

.subdrop ul  {
    list-style: none;
    width: calc(1/3 * 100% - 40px / 3);
    margin-right: 20px;
    padding: 0px 0px 0px 0px;    
}

.subdrop ul ul  {
    display: none;
    position: absolute;
    float: left;
    top: 0px;
    margin-left: calc(1/4 * 100% - 20px / 3);
    list-style: none;
    width: calc(1/4 * 100% - 40px / 3);
    margin-right: 20px;
    padding: 0px 0px 0px 0px;    
}

.has_sub {
    cursor: pointer;
}

.subdrop ul:last-child {
    margin-right: 0px;
}

.subdrop ul a {
    position: relative;
    text-align: left;
    border: 3px solid rgba(255,255,255,0.20);
    color: rgba(255,255,255,1.00);    
    padding: 5px 5px 5px 10px;    
    margin-bottom: 3px;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    display: block;
    width: 100%;
    white-space: nowrap;    
    overflow: hidden;    
}

.subdrop ul a:hover, .subdrop ul li.activeli > a, .subdrop ul li a.is_actual {
    background: rgba(255,255,255,0.00);
	transition: all 0.3s ease-in-out;            
}

.subdrop ul a.active {
    color: rgba(255,255,255,1.00);    
	transition: all 0.3s ease-in-out;            
}

.subdrop .has_sub:after, .subdrop a.active.has_sub:hover:after {
    position: absolute;
    right: 0px;
    top: 9px;
    content: "";
    display: inline-block;
    margin: auto 20px;
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 13px 7.5px 0 7.5px;
    transform: rotate(-90deg);
    border-color: rgba(255,255,255,1.00) transparent transparent transparent !important;        
}