@font-face {
    font-family: 'opensans';
    src: url('./fonts/opensans-regular-webfont.woff') format('woff'),
         url('./fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('./fonts/openSans-italic-webfont.woff') format('woff'),
         url('./fonts/openSans-italic-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'opensans';
    src: url('./fonts/opensans-bold-webfont.woff') format('woff'),
         url('./fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('./fonts/opensans-semibold-webfont.woff') format('woff'),
         url('./fonts/opensans-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('./fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('./fonts/opensans-extrabold-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;

}

/* Siden er sat med Open Sans. Open Sans er lavet af Steve Matteson, og er udgivet under en Apache Licens 2.0, som kan findes her: http://www.apache.org/licenses/LICENSE-2.0.html*/

body { 
	background-color: #fff; 
	background-repeat: no-repeat; 
	width:815px;
	margin-left: auto;
	margin-right: auto;
	background-position:center top; 
	background-image: url('./baggrund.png');
}

header {
	display:block;
	margin: 10px 50px 20px 50px;
	overflow:hidden;
}
			
	header img {
		margin-top:10px;
	}

section {
	margin: 60px 50px 30px 50px;
}

	section p {
   		font-family: opensans, sans-serif;
		font-weight: 400;
    	font-size: 22px;
   		line-height: 1.5;
   		color: #111;  /Øverste brede felt.
	}
	
	#menu {
		clear:both;
		padding: 0px 0px;
		margin: 0px 18px 0px 18px;
	}
			
	#menu nav{
		font-family: opensans, sans-serif;
		font-weight: 400;
	}
			
		#menu nav ul{
			padding:4px 0px;
			margin: 0;
			list-style: none;
		}
			
			#menu nav ul li{
				display: inline;
				margin: 4px 0px;
			}
			
				#menu nav ul li a {
					font-size: 14px;
					padding: 6px 30px 4px 30px;
					color: #222; 
					text-decoration: none;
				}
			
				#menu nav ul li a:hover {
					background: #00bb66;
					color: #ffffff; 
					text-decoration: none;
				}

aside {
	cursor: default;
	float: left;
	margin: 2px 0px 0px 18px;
	padding: 20px 0px 0px 20px;
  	font-family: opensans, sans-serif;
	font-size: 16px;
 	line-height: 2.5;	
   	color: #fff;
  	width: 372px;
  	height: 255px;
  	background: rgba(20,20,20,0.8); 	
}
			
	aside a:link {
		color: #00f; 
		text-decoration: none;
	}
			
	aside a:visited {
		color: #fff;
		text-decoration: none;
		}

	aside ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
		aside ul li {
		 padding-top: -12px;
		}
		
			aside ul li a {
				background: url('ul.svg') no-repeat;
				background-position:left center; 
				padding: 5px 0px 5px 40px;
				}
	
			aside ul li a:hover {
				color:#00bb66;   /* farve når der hooves over link i venstre side */
				background: url('ul2.svg') no-repeat;
				background-position:left center; 
			}
			
			aside ul li a:active {
				color: #33eeaa;
			}

			aside ul li a:focus {
				background: url('ul2.svg') no-repeat;
				background-position:left center; 
				color: #00bb66;
				text-decoration: underline;
			}
			
article {
	float: right;
	margin: 2px 18px 0px 0px;
	padding: 0px 0px 10px 20px;
	width: 367px;
	height: 265px;
	color: #fff;
	font-size: 16px;
	font-family: opensans, sans-serif;
	line-height: 1.2;
	background: rgba(70,70,70,0.7);
}
			
	article a {
		text-decoration: none;
		color: #1a1d0a /*   links farve i højre side statisk */
	}
	
	article a:hover {
		color: #00bb66;  /* links farve højre side under hovering */
	}
		
#bottom {
	margin: 0px 18px;
	height: 150px;
}
	
footer {
	color: #222;
	font-family: opensans, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
}

.alignRight {
	float:right;
	margin-right: 5px;
}
			
.hidden { display: none; }
.unhidden { display: block; }

img {
	border: none; /*for the stupidity of IE*/
}