body, nav, ul, li, a  {margin: 0px; padding: 0px;}
body {
  font-family: Helvetica, Arial, sans-serif;
}
a {text-decoration: none;}

.toggleMenu {
  width: 25px;
  height: 25px;
  display:  none;
  background: #FDEAD2 url('images/menu-icon-black.png') no-repeat center center;
  padding: 10px 15px;
  color: #000 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}                                                                                   
.toggleMenu:hover {
  background: #612f0e url('images/menu-icon-white.png') no-repeat center center;
  color: #FFF !important;
}


.menu {
    width: 100%;
    /*max-width: 900px;*/
    margin: 0px auto;
    /*margin-top: 40px;*/
		/*border: 1px dashed #000066;*/         
}
.submenu {
    z-index: 99;    
}

.nav li a[first]:hover {
	 -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px; 
}
.nav {
  clear: both;
  list-style: none;
  *zoom: 1;
  background: #FDEAD2; /* Haupt-Menüpunkte */
  border-top: 1px solid #592607;
  border-bottom: 1px solid #592607;
/*  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
*/ 
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
 box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);   
}
.nav:before,
.nav:after {
  content: " "; 
  display: table; 
}
.nav:after {
  clear: both;
}
.nav ul {
  list-style: none;
  width: 15em;    
}
.nav a {
  padding: 0.5em 0.75em;
  cursor: pointer;
  color:#000;
  font-size: 16px;
  /*background: #EEE;*/
  /*width: 100px;*/   
}
.nav a:after {
  /*content: "|";*/
}
.act, .nav a:hover {
  color: #fff !important;
  background-color: #612f0e !important;
  border-right: 1px solid #612f0e !important;  
}
.nav li {
  position: relative;
}
.nav > li {
  float: left;
  width: 110px;
  /*border-top: 1px solid #104336;*/
}
.nav > li > .has-submenu {
  background-image: url("images/arrow-down-black.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.nav > li > .has-submenu:hover {
  background-image: url("images/arrow-down-white.png");
}
.nav > li > .has-submenu:after {
  content: "\00a0"; /* Unicode - Geschütztes Leerzeichen*/
}
.nav li li .has-submenu {
  background-image: url("images/arrow-right-black.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.nav li li .has-submenu:hover {
  background-image: url("images/arrow-right-white.png");
}
.nav li li .has-submenu:after {
  content: "\00a0";
}
.nav > li > a {
  display: block;
  /*margin-right: 3px;*/
  border-right: 1px dashed #592607;  
}
.nav li ul {
  display: none;
  position: absolute;
  left: -9999px;
  border: 1px solid #592607;
  background-color: #FDEAD2;
     -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
 box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75); 
}
.nav > li.hover > ul {
  left: 0;
}
.nav li li.hover ul {
  left: 100%;
  top: 0;
}
.nav li li a {
  display: block;
  background: #FDEAD2; /* 1. Unterebene */
  position: relative;
  z-index: 100;
  /*border-top: 1px dashed #CBCBCB;*/
}
.nav li li + li {
  border-top: 1px dashed #592607;
}
.nav li li li a {
  background: #F9F9F9; /* 2. Unterebene */
  z-index: 200;

}
.nav li li li + li {
  border-top: 1px dotted #592607;
}

@media screen and (max-width: 600px) {

.nav {
  clear: both;
  background: none; /* Haupt-Menüpunkte */
  background-color: transparent; /*#CBCBCB;*/
  border: none;
  }


  .nav a {
    /*vertical-align: middle;*/
  background: #FDEAD2;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
  }
  .active {
    display: block;
  }
  .nav li {
    /*
    display: inline-block;
    height: 4em;
    line-height: 4em;
    */
    float: none;
    width: 100%;
    border: none;
    margin-top: 1px;        
 }
 
.nav li li + li {
  border-top: none;
} 
.nav li li li + li {
  border-top: none;
} 

.nav > li > a {
  border-right: none !important;
  height: 3.5em; 
  line-height: 3.5em;
  font-weight: bold;
  font-size: 1em;
  padding-left: 5px;  
} 

.nav li li > a {
  border-right: none !important;
  height: 3.5em; 
  line-height: 3.5em;
  padding-left: 15px;
  background: #facc91;
  white-space: nowrap;
/*  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
*/      
}
/*
.nav li li > a:before {
  content: "/";
}
*/
 
.nav li li li > a {
  padding-left: 25px;
  background: #777;
  white-space: nowrap;  
} 


  .nav > li + li {
      /*border-top: 1px dashed #CBCBCB;*/
      /*border-spacing: 10px 15px;*/
      /*outline: #CBCBCB dashed 1px;*/
  }
  .nav > li > .has-submenu {
      background-position: 95% 50%;
  }
  .nav li li .has-submenu {
      background-image: url("images/arrow-down-black.png");
      background-repeat: no-repeat;
      background-position: 95% 50%;
  }
  .nav li li .has-submenu:hover {
    background-image: url("images/arrow-down-white.png");
  }
  
  .nav ul {
      display: block;
      width: 100%;
  }
  .nav li ul {
      border: none;
  }
 .nav > li.hover > ul , .nav li li.hover ul {
      display: none;
      position: static;
  }
}