﻿
.nav 
{
	width: 900px;  /*
	position: absolute; 
 	float:left;*/
	padding-top:155px;      /*     nav afstand til top     */
    margin-left: auto;
    margin-right: auto;
	background-color:#660000;		/*     #950101;   ******************************************* */
    height: 40px; /* set same as height & line-height below */    
    text-align:center;
}

.nav ul 
{
	display:inline-block;
	list-style:none;
}

.nav li 
{
	float:left;
	text-align:center;
	line-height:45px;	
/*	width:120px;   		  bredden af hver enkelt menupkt.*/
	display: inline-block;    
	padding-left: 2px;
	padding-right:2px;
}

.nav li a {
	font-size:16px;
	font-weight:bold;
	color:#d0d0c5;
/*	display:block;
	width:100%;
	height:90px;   */
	padding-left: 15px;
	padding-right:15px;
}


/* :hover allows you change the background color of the nav items when you mouse over them. Play around with the transition value to change the speed of the hover transition. */
.nav li:hover 
{
  background: black;
  transition: background .3s;
  line-height: 40px;
}

/* This rule is applied to the link <a> tag. It lets you turn off the link underline and set the link text color. */
.nav-link 
{
  color: #000;
  text-decoration: none;
}
