/*Menu for Dominik Meier © admotion GmbH*/


.nav { display: inherit; }

#menu ul { margin: 0px; padding: 0px; }
#menu li { margin: 0px; padding: 0px; list-style: none; }

#menu li a { color: #5d5d5c; padding: 5px 0px 15px 25px; text-transform: uppercase; font-size: 19px; letter-spacing: 0.07em; display: block; line-height: 20px; }
#menu li:hover a, #menu li.active a { background: url(../images/hover.png) no-repeat scroll 0px 14px; color: #a62e3c; }


#menu ul ul { display: none; margin: 5px 0px 5px 0px; }
#menu li.active ul { display: block; }
#menu li.active li a { color: #5d5d5c; background: none; text-transform: none; }
#menu li.active li.active a { color: #a62e3c; background: none; text-transform: none; }
#menu li li a { font-size: 12px; letter-spacing: 0.05em; padding: 0px 0px 0px 40px; }
#menu li li:hover a, #mainmenu li li.active a { text-decoration: none; color: #a62e3c; }


/* Hamburger Menu */

#menu-small { width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#menu-small span { display: block; position: absolute; height: 3px; width: 100%; background: #a62e3c; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#menu-small span:nth-child(1) { top: 0px; }
#menu-small span:nth-child(2),#menu-small span:nth-child(3) { top: 11px; }
#menu-small span:nth-child(4) { top: 22px; }
#menu-small.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; }
#menu-small.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu-small.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-small.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; }







@media(max-width:1050px)
{
	#mainmenu ul { display: none; margin: 20px 20px 0px 20px; border-top: 1px solid #5d5d5c; }
	#mainmenu li a { padding: 3px 0px 3px 0px; border-bottom: 1px solid #5d5d5c; font-size: 12px; letter-spacing: 0.05em; }
	#mainmenu li:hover a, #mainmenu li.active a { background: none; }
    #mainmenu li.active li a { text-transform: none; }
  
	#mainmenu ul ul { display: block !important; border-top: 0px solid #5d5d5c; }
	#mainmenu li li a { text-transform: none; border-bottom: 0px solid #5d5d5c; padding: 0px 0px 0px 20px; }
	#mainmenu li li.active a { color: #a62e3c; }
	
	#mainmenu li:hover li a { color: #5d5d5c; }


    #menu li a { padding: 10px 20px; }
    #menu li:last-child a { padding: 5px 20px 20px 20px; }
    #menu li:hover a, #menu li.active a { background: none; }

    #menu li li a { padding: 5px 20px; }
}