﻿/************************************************/
/*                  Navigation                  */
/************************************************/

#nav-sub {margin:10px 0px 0px 0px; padding:0; float:right;transition: all 0.5s ease-in-out 3s;}

.navigation {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative; z-index:51;}
.navigation li {margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; position:relative; list-style:none; float:left;}
.navigation li ul {border-radius: 0px;margin:0px 0px 10px 0px; padding:10px 0px 10px 0px; display:none; position:absolute; z-index:102; left:0px; top:39px;background-color:#cbcbcb;}
.navigation li ul.symb_last {left:auto; right:0px;}
.navigation li ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; float:none; position:relative;}
.navigation li ul li ul {margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; display:none; position:absolute; z-index:103; left:211px; top:0px;background-color:#cbcbcb;}
.navigation li ul li ul li {margin:0px 0px 0px 0px; padding:0px 10px 0px 10px;}

/* Unternavigation in modernen Browsern einblenden */
.navigation li:hover a ul{}
.navigation li:hover ul {transition: all 1s ease; display:block;}
.navigation li:hover ul li ul {display:none;}
.navigation li:hover ul li:hover ul {display:block;}
.navigation li:hover ul li:hover ul li ul {display:none;}

/* 1 Ebene */
.navigation a {color:#00747a; height:38px; line-height:38px; display:block; font-size:110%; font-weight:normal; text-decoration:none; padding:0px 10px 0px 10px;}
.navigation a.symb1 {color:#00747a; background-color:#FFFFFF; height:38px; line-height:38px; display:block; font-size:120%; font-weight:normal; text-decoration:none; padding:0px 10px 0px 10px;}
.navigation a:hover,.navigation a.symb1:hover  {color:#00747a; background-color:#cbcbcb;}
.navigation a.aktuell,.navigation a.aktuell_symb1 {color:#00747a; background-color:#cbcbcb;}
.navigation a.aktuell_symb1:hover {}

/* 2 Ebene */
.navigation li:hover ul a {display:block; height:auto; line-height:18px; font-size:110%; text-transform:none; color:#00747a; margin:0px 0px 0px 0px; padding:6px 10px 6px 10px; border-top:0px rgba(50, 50, 50, 0.2) solid; width:auto; min-width:180px; background-image:none;}
.navigation li:hover ul a:hover {color:#00747a; background-color:#adadad; background-image:url('../img/icons/nav_pfeil_hover.png'); background-position: right top; background-repeat:no-repeat;}
.navigation li:hover ul a.symb2 {border-top:0px #cccccc solid;}
.navigation li:hover ul a.aktuell_symb2 {border-top:0px #cccccc solid; color:#cbcbcb; background-color:#00747a; background-image:url('../img/icons/nav_pfeil_akt.png'); background-position: right top; background-repeat:no-repeat;}
/*.navigation li:hover ul a.aktuell_symb2:hover,.navigation li:hover ul a:hover {background-color:#ffffff;}*/
.navigation li:hover ul a.aktuell {color:#cbcbcb; background-color:#00747a; background-image:url('../img/icons/nav_pfeil_akt.png'); background-position: right top; background-repeat:no-repeat;}

/* 3 Ebene */
/*.navigation li:hover ul li:hover a {color:#303030; background-color:#ffffff;}*/
.navigation li:hover ul li:hover ul a {display:block; height:auto; line-height:18px; font-size:110%;  text-decoration:none; color:#00747a; border-top:0px solid rgba(6, 116, 71, 0.2);padding:6px 10px 6px 10px; width:auto; min-width:150px; background-color:#cbcbcb;}
.navigation li:hover ul li:hover ul a.symb3 {border-top:0px #cccccc solid;}
.navigation li:hover ul li:hover ul a:hover {color:#00747a;  background-color:#bab10f; background-image:none;}
.navigation li:hover ul li:hover ul a.aktuell { color:#cbcbcb; background-color:#00747a;  background-image:none;}
.navigation li:hover ul li:hover ul a.aktuell_symb3 {border-top:0px #cccccc solid; color:#cbcbcb; background-color:#00747a;}
.navigation li:hover ul li:hover ul a.aktuell_symb3:hover {color:#00747a; background-color:#bab10f;}
