/* Spacing af menu */
#menu {
	margin-top: 10px;
	margin-bottom: 10px;	
	margin-left: 233px;
}
/* Menu ved hjælp af list items */
#menu nav ul li {
	white-space: nowrap;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
#menu ul {
	margin: 0px;
}
/* Skjul undermenuer */
#menu nav ul li ul {
	display: none;
}
/* Vis undermenu når musen er over hovedmenu */
#menu nav ul li:hover ul {
	display: block;
	position: absolute;
	padding-bottom: 20px; /* Gør at menuen først forsvinder når musen er 20px under knappen */
	padding-left: 20px;
	margin-left: -20px;
	padding-right: 20px;
	margin-right: -20px;
}
/* Spacing af undermenu */
#menu nav ul li:hover li {
	margin-top: 2px;
}
/* Styling af menupunkter */
#menu nav ul li a {
	display: inline-block;
	padding: 5px;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #542217;
	background-color: #F6E8B8;
	border-radius: 3px;
	/*width: 66px;*/

	text-decoration: none;
	color: #542217;

	font-family: 'Raleway', sans-serif;
	font-size: 11pt;
	font-weight: 600;
}
/* Tilpas bredde af undermenupunkter til tekst */
#menu nav ul li a + ul a {
	width: auto;
}
/* Særlig styling af første menupunkt - forside */
#menu nav ul li a.frontpage-menu-link {
	background: none;
	border: 1px solid transparent;
	padding: none;
	text-align: right;
}
/* Unikke farver til menuer og undermenuer */
/* Plus betyder et element ved siden af - http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors */
#menu nav ul li a.projekter-menu-button:hover, #menu nav ul li a.projekter-menu-button + ul a:hover {
	background-color: #FFA746; /* Hover */
}
#menu nav ul li a.projekter-menu-button + ul a {
	background-color: #FFC98F; /* Submenu */
}

#menu nav ul li a.kompetencer-menu-button:hover, #menu nav ul li a.kompetencer-menu-button + ul a:hover {
	background-color: #77D142; /* Hover */
}
/* Plus betyder et element ved siden af - http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors */
#menu nav ul li a.kompetencer-menu-button + ul a {
	background-color: #A7D193; /* Submenu */
}

#menu nav ul li a.galleri-menu-button:hover {
	background-color: #EFB8A1;
}
#menu nav ul li a.om-mig-menu-button:hover {
	background-color: #8CC8C2;
}
#menu nav ul li a.kontakt-menu-button:hover {
	background-color: #d6ab72;
}