/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* nav,  a , li , ul{margin: 0; padding: 0;} */
body { font-family: 'Roboto'; }


a {text-decoration: none;}

@viewport {
 /*  width: 320px;*/
   zoom: 1;
}

.nav {
    list-style: none;
     *zoom: 1;
   
font-size: 14px; 
text-align: left;
/* margin-left: 35px; */

}

.nav ul {
    list-style: none;
  /*  width: 18em;*/
margin: 0; padding: 0;
}
.nav a {
    padding: 8px 8px;
    color:#fff;
}
.nav li {
    position: relative;

}
.nav > li {
    float: left;
    border-top: 0px solid #333333;
}
.nav > li > .parent {
  
    background-repeat: no-repeat;
    background-position: right;



}
.nav > li > a {
    display: block;
    background: #ffffff;
color: #B41621;
text-align: left;

}




.nav li a:hover {	background: #ffffff;	color: #B41621;


}

.nav li  ul {
    position: absolute;
    left: -9999px;


-webkit-box-shadow: 0 10px 10px #888;	-moz-box-shadow: 0 10px 10px #888;	box-shadow: 0 10px 10px #888;
margin: 0; padding: 0;


}
.nav > li.hover > ul {
    left: 0;
margin: 0; padding: 0;

}
.nav li li.hover ul {
    left: 100%;
    top: 0;
margin: 0; padding: 0;


}
.nav li li a {
   display: block;

color: #B41621;
    position: relative;
    z-index:100;
	font-size: 14px;	
	background:  #ffffff;		
border-bottom: 1px solid #ddd;
	line-height: 20px;
text-align: left;

}

.nav li li a:hover {	background: #777;	color: #fff;
-webkit-transition: all .5s ease-in-out;	-moz-transition: all .5s ease-in-out;	-o-transition: all .5s ease-in-out;	-ms-transition: all .5s ease-in-out;	transition: all .5s ease-in-out;

}

.nav li li li a {
     background: #ffffff;
color: #B41621;
    z-index:200;
    border-top: 1px solid #1d7a62;
}



 /* -----------------------------------------Mediaqueries ----------------------------------------*/ 

@media all  {
.toggleMenu {
    display:  none;
    background: #fff;
    padding: 1px 1px;
    color: #fff;

}


.nav {
    list-style: none;
     *zoom: 1;
  
font-size: 14px; 
text-align: left;
/*margin-left: 35px; */

display:block;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	float:left;



}


.nav ul {
    list-style: none;
    width: 18em;
margin: 0; padding: 0;
}

.nav a {
    padding: 8px 8px;
    color:#fff;
}

.nav li {
    position: relative;

}

.nav > li {
    float: left;
    border-top: 0px solid #333333;
}
.nav > li > .parent {
  
    background-repeat: no-repeat;
    background-position: right;



}
.nav > li > a {
    display: block;
    background: #ffffff;
color: #B41621;
text-align: left;

}




.nav li a:hover {	background: #ffffff;	color: #B41621;


}

.nav li  ul {
    position: absolute;
    left: -9999px;

-webkit-box-shadow: 0 10px 10px #888;	-moz-box-shadow: 0 10px 10px #888;	box-shadow: 0 10px 10px #888;
margin: 0; padding: 0;


}

.nav > li.hover > ul {
    left: 0;
margin: 0; padding: 0;

}
.nav li li.hover ul {
    left: 100%;
    top: 0;
margin: 0; padding: 0;


}
.nav li li a {
   display: block;

color: #B41621;
    position: relative;
    z-index:100;
	font-size: 14px;	
	background:  #ffffff;		
border-bottom: 1px solid #ddd;
	line-height: 20px;
text-align: left;

}



.nav li li a:hover {	background: #777;	color: #fff;
-webkit-transition: all .5s ease-in-out;	-moz-transition: all .5s ease-in-out;	-o-transition: all .5s ease-in-out;	-ms-transition: all .5s ease-in-out;	transition: all .5s ease-in-out;

}




.nav li li li a {
     background: #ffffff;
color: #B41621;
    z-index:200;
    border-top: 1px solid #1d7a62;
}


}



@media only screen and (max-width: 800px)
  
{
.toggleMenu {
 display:  none;
    background: #B41621;
    padding: 10px 20px;
    color: #fff;

}


.nav {
    list-style: none; 
/*    width: 21em;*/
font-size: 14px; 
/*  margin-left: 125px; */

}


.active {
        display: block;
    }

.nav > li {
        float: none;

    }
.nav > li > .parent {
 background-image: url("../images/pfeilu.png");
        background-position: 95% 50%;


}
    .nav li li .parent {
        background-image: url("../images/pfeilu.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.nav  li a {
   display: block;
background: #B41621;

color: #ffffff;

    z-index:100;
	font-size: 14px;	
	border-bottom: 1px solid #ddd;
	line-height: 20px;
  width: 12em;

}

.nav a {
    
display: inline;
/* margin-left: -125px;*/
}

.nav ul {
        display: block;
    }
    
 .nav > li.hover > ul , .nav li li.hover ul {
        position: static;


    }

.nav li  ul {
    position: absolute;
    left: -9999px;


-webkit-box-shadow: 0 0px 0px #fff;	-moz-box-shadow: 0 0px 0px #fff;	box-shadow: 0 0px 0px #fff;
margin: 0; padding: 0;



}

}