* {                     /* indstiller hele navens position */
    margin:0; 
    padding:0; 
    outline:0;
}
.nav {
       height:36px; 
	   width: 100%;
	   border-radius: 5px;
       background:gray;  /* Overordnet farve på hele naviagtionsbaren */
       color:#fff; 
       text-shadow:1px 1px #888; 
       z-index:1000;
	   margin-bottom: 8px;

	   box-shadow: 0px 0px 2px 2px #B8B8B8;
}
.menu a {
     float:left; 
     color:#000000;    /* Linkfarven */
     text-decoration:none; 
     width:110px; 
	 height:32px; 
     padding-top:5px;
}
.menu span { 
    color:#000000; 
    text-decoration:none;
    width:110px; 
    height:28px; 
    padding-top:8px;
	
}
.menu a:hover {
    color:#FFFFFF 	/* Her kan du style den farve selv link teksten skal have når du musen er over den */
}
.menu {
    list-style:none; 
    font:20px Arial,Verdana; /* skriftstørrelse overskrift menu */
    text-align:center; 
    width:auto; 
    margin:0 auto;
}
.menu li {
    position:relative; 
    float:left; 
    width:110px; 
    z-index:1000;
}
.menu ul {
	border-radius: 5px;
    display:none; 
    position:absolute; 
    font:normal 13px Arial,Verdana; /* skriftstørrelse undermenu */
    top: 36px; 
    left:0; 
    background:gray;   /* listefarven uden hover */
    display:none; 
    list-style:none;
	margin: 0 auto;
}
.menu ul li {
    float:none; 
    border-top:1px solid #ccc; 
    width:110px  
}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
    float:none; 
    display:block; 
    background:none; 
    height:36px; 
    padding-top: 3px
}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
    background:#ACACAC; /* Farven på det udenom linket når man køre musen over det */
    color:#FFFFFF ; /* Farven på liste tekst linket når man køre musen over det */
	box-shadow: inset 0px 0px 2px 2px #fff;
}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
    float:none; 
    display:block; 
    background:none; 
    height:22px; 
    padding-top:5px
}
.menu ul ul {
    left:110px; 
    top:0
}

.menu li.noborder {
    border-top:none
}
li.menuhover a, li.menuhover li.menuhover a {
    color:#fff; /* tekst farven på overordnet menu item */
    background:#ACACAC	 /* Farven på overordnet menu item */
}

/*-------------------------- responsive ------------------------*/
	
@media screen and (max-width: 760px)
{
	.nav {
			display:none;
		}
}