body, nav, ul, li, a  {margin: 0; padding: 0;}
body {	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-family: Roboto,sans-serif,"google"; font-style: normal; font-weight: normal;}
a {text-decoration: none;}
/*
.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}

.toggleMenu {
    display:  none;
    background: #669;
    padding: 10px 15px;
    color: #fff;
}
*/
.container { width: 90%; left: 5%;   /* max-width: 900px; */  margin-top: -40px; position:fixed;}

.toggleMenu {
    display:  none;
    background: #669;    /* farbe toggle knopf */
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
   /*  background:#175e4c; */
	     background: #6499B2;		/* dunkelblau   #175e4c  Farbe  Hauptmenu Liste #6499B2;   */  
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a, .info {
    padding: 10px 15px;
    color:#fff;
	transition: background-color 0.5s ease-in; 
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;			
}
	
.nav > li > a:hover {		/* scl */
	background:  #fff;             /* weiß Hintergrund top active #72AECC;*/
	color:#333;
			transition: background-color 0.5s ease-in; 
}	
.nav > li > a.hassub:hover {		/* scl */
	background:  #fff;             /* weiß Hintergrund top active #72AECC;*/
	color:#333;
  	background-image: url("downArrowb.png"); 
	background-repeat: no-repeat;
    background-position: 95% 50%;
}	

.nav > li > .parent {
    background-image: url("downArrow.png");
    background-repeat: no-repeat;
    background-position: right; 
}

.nav li li .parent {
    background-image: url("downArrow.png");     /* Pfeile im Klapp-Sub menu*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
}	
.nav > li > a {
    display: block;
}
	
	.nav  li  li  a.hassub:hover {			/* selektiertes submenu1 wechselt Farbe #7DBFD5;*/

	background: #fff; 
	color: #333; 
	background-image: url("downArrowb.png"); 
	background-repeat: no-repeat;
    background-position: 95% 50%;
}
	.nav  li  li  a:hover {			/* selektiertes submenu1 wechselt Farbe #7DBFD5;*/

	background: #fff; 
	color: #333; 
}
.info {	background: #e68a00;}	/* orange*/

.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
	
.nav  li  li  li a:hover {			/* selektiertes submenu2 wechselt Farbe*/
	background: #fff; 
	color: #333;
	/*text-shadow: 2px 2px #ff3; */
}	
.nav li li a {
    display: block;
	background: #72AECC; 			/*  mittelblau  #1d7a62 Farbe submenu 1  */	
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
}
.nav li li li a {
	background:#5cbdde;			/* hellblau  #249578 Farbe submenu 2  */
    z-index:200;
    border-top: 1px solid #1d7a62;
}
/*-----------------------------------------------------------------------*/

@media screen and (max-width: 960px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
		background-image: url("downArrow.png");   /* Pfeile im Klappmenu scl */
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}