/* ------ Huvudmeny ------ */
.nav {  
    height: 55px;    
    position: relative;
	padding: 0;
	}  
	
	.nav ul.mainmenu { list-style-type: none; text-align: left; margin: 0;}
	.nav ul.mainmenu li {
		padding: 18px 0 8px;
		margin: 0;
		display: inline-block;
		float: left;
		list-style-type: none;
	}
	.nav ul.mainmenu a {
		display: inline-block;
		color: #ffffff;
		padding: 0px;
		font-size: 18px;
		font-weight: normal;
		text-transform:uppercase;
		text-decoration: none;
		font-family: 'Myriad W01 Regular', Arial, Verdana, sans-serif;
	}
	
	.nav ul.mainmenu li.last .menuextra { border:none;}
	.nav ul.mainmenu li.selected { 
		-webkit-box-shadow: 0px 0px 4px -1px rgba(50, 50, 50, 1);
		-moz-box-shadow: 0px 0px 4px -1px rgba(50, 50, 50, 1);
		box-shadow: 0px 0px 4px -1px rgba(50, 50, 50, 1);
		background: #ffffff;
		margin-left: -1px;
	} 
	.nav ul.mainmenu li .menuextra { padding: 0 15px; border-right: 1px solid #ffdd00; }
	.nav ul.mainmenu li.selected .menuextra { border-right: none; }
	.nav ul.mainmenu li.selected a { color: #25316a; border-bottom: 4px double #ffdd00; }
	.nav ul.mainmenu li:hover a { border-bottom: 4px double #ffdd00; }
	 
	
/* ------ Undermeny ------ */	
ul.submenu { list-style-type: none; margin: 0 0 20px!important; background: url("images/mainmenu-bg.png") repeat left top; border-radius: 5px; padding: 2% 2% 4%; display: none; }
	ul.submenu li { list-style-type: none; margin: 0; }
	ul.submenu li a { 
		text-decoration: none;
		font-family: 'Myriad W01 Regular', Arial, Verdana, sans-serif;
		font-size: 16px;
		color: #ffffff;
		display: block;
		width: 100%;
		padding: 1% 0;
		border-bottom: 1px solid #575756;
	}
	ul.submenu li.selected a, ul.submenu li a:hover { color: #ffdd00;}
	
	ul.submenu ul.submenu { display: none; }
	ul.submenu li.selected ul.submenu { display: block; margin: 0; padding: 0; }
	ul.submenu li.selected a { color: #ffdd00; }
	ul.submenu li.selected li a { color: #ffffff; padding: 1% 4%; background: url("images/submenu-normal.png") no-repeat 1% 50%; width: 92%; }
	ul.submenu li.selected li.selected a { color: #ffdd00; background: url("images/submenu-active.png") no-repeat 1% 50%; }
	
/************ SKÄRM MINDRE ÄN 935px ************/
@media screen and (max-width: 935px) {  

} 

/* SKÄRM MINDRE ÄN 780px */
@media screen and (max-width: 780px) {
	ul.submenu { display: block; }
}
	
/* SKÄRM MINDRE ÄN 715px */
@media screen and (max-width: 715px) {
	
}	

/* SKÄRM MINDRE ÄN 380px */
@media only screen and (max-width: 380px) {   

} 
