@charset "UTF-8";
/* CSS Document */

body {
	background-color: #C7C7C7;
	padding: 0;
	margin: 0;
	
}

header {
	margin: 0 auto;
	height: 80px;
	background-color: #000;
	width: 100%;
	position: fixed;
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);
	z-index: 1;

}

#logo {
	font-family: bebas-neue;
	font-size: 30px;
	color: #FFF;
	margin: 0 auto;
	letter-spacing: 1px;
	float: left;
	line-height: 80px;
}

#logo a {
	font-family: bebas-neue;
	font-size: 30px;
	color: #FFF;
	margin: 0 auto;
	letter-spacing: 1px;
	float: left;
}

nav {
	margin: 0 auto;
	width: 960px;
	height: 80px;
	line-height: 80px;
}


a {
	font-style: none;
	color: #000;
	padding: 0;
	text-decoration: none;
	margin-left: 0px;
}

p a:hover {
	font-size: 17px;
}

nav ul {
	list-style-type: none;
	overflow: auto;
	margin: 0;
	float: right;
	line-height: 80px;
	
}

li {
	font-family: futura-pt;
	font-style: normal;
	font-weight: 300; 
	font-size: 24px;
	color: #fff;
	float: left;
	padding-left: 35px;
}


li a {
	font-style: none;
	color: #575757;
	text-decoration: none;
	display: inline;
}

li a:hover {
	color: #fff;
	font-size: 24px;
	display: inline;
}


#top {
	width: 960px;
	height: 80px;
}

#top2 {
	width: 960px;
	height: 40px;
}

section {
	border: none;
	border-color: #000;
	margin: 0 auto;
	width: 960px;
	height: auto;
	background-color: #fff;
	z-index: 0;
	clear: both;
	overflow: auto;
	padding-bottom: 100px;
	
}



footer {
	background-color: #000;
	height: 120px;
	width: 100%;
	margin: 0 auto; 
	clear: both;
}

#footerlogo {
	float: right;
	height: 50px;
	width: 600px;
	
		
}

#footerlogo img {
	width: 600px;
	height: 50px;
}

.logoer {
	height: 55px;
	overflow: auto;
	width: 600px;
	float: left;
	padding: 0;
	margin-top: 30px;
}

.logoer img {
	height: 100%;
	
}

#footernav {
	width: 960px;
	margin: 0 auto;
	height: 80px;
}

h1 {
	font-family: bebas-neue;
	font-size: 63px;
	padding-left: 30px;
	margin-top: -10px;
	line-height: 65px;
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 50px;
		line-height: 50px;
		padding-bottom: 18px;
    }
}

h2 {
	font-family: futura-pt;
	font-size: 16px;
	font-style: normal;
	font-weight: 300; 
	padding-left: 30px;
	margin-top: 30px;
	
	
}

h3 {
	font-family: bebas-neue;
	font-size: 30px;
	font-weight: ;
	margin-left: 30px;
	margin-top: 15px;
}

h4 {
	font-family: bebas-neue;
	font-size: 30px;
	padding: 20px;
	color: #fff;
	letter-spacing: 2px;
}

h5 {
	color: #000;
	font-family: futura-pt;
	font-size: 16px;
	font-style: normal;
	font-weight: 300; 
	padding: 7px;
	margin-top: 0px;
	letter-spacing: 0.5px;
}

h6 {
	font-family: bebas-neue;
	font-size: 65px;
	padding-left: 30px;
	margin-top: -10px; 
	line-height: 70px;
	margin-bottom: 10px;

	
}

h7 {
	font-size: 14px;
	color: #fff;
	font-family: futura-pt;
	font-style: normal;
	font-weight: 300; 
	line-height: 17px;
}

article {
	width: 365px;
	height: 421.45px;
	float: left;
	margin-top: 0px;
	float: left;
	display: block;
	
}

#line {
	width: 300px;
	height: 1px;
	background-color: #000;
	margin-top: -55px;
	font-weight: normal;
	margin-left: 30px;
}

@font-face {
    font-family: FuturaStd-Light;
    src: url(FuturaStd-Light.otf);
	
}

@font-face {
    font-family: BebasNeue;
    src: url(BebasNeue.otf);
	font-weight: normal;
}

section img {
	max-width: 595px;
	height: 421.45px;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	float: left;
	display: block;
}

img .imgcontainer {
	width: 960px;
	height: auto;
	float: left;
	
}

.underside {
	width: 960px;
	height: auto;
}




p {
	
	font-family: futura-pt;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	padding: 30px;
	color: #484848;
	margin-top: -10px; 
	line-height: 20px;
	text-align: justify;
	

}

#container {
	border: none;
	border-color: #000;
	margin: 0 auto;
	width: 960px;
	height: auto;
	background-color: #fff;
	z-index: 0;
	overflow: auto;
	padding-bottom: 100px;
}

.text {
	width: 900px;
	height: auto;
	padding: 30px;
	color: #000;
	margin: 0 auto;
	line-height: 16px;
	
}

.text h1 {
	font-size: 85px;
	margin-top: 20px;
}

.text p {
	line-height: 24px;
	margin-top: -60px;
	font-size: 18px;
	padding-bottom: 0;
	
}

.bandphoto { 
	height: 250px;
	width: 200px;
	border: none;
	border-color: #000;
	float: left;
	margin-left: 55px;
	margin-top: 60px;
	
}

.bandphoto img { 
	height: auto;
	width: 100%;
	border: none;
	border-color: #000;
	float: left;
	
	
}


#line2 {
	width: 850px;
	height: 1px;
	background-color: #000;
	margin-left: 55px;
	float: left;
	
}

.line3 {
	width: 620px;
	height: 1px;
	background-color: #000;
	float: left;
	margin-left: 30px;
	margin-top: -25px;
}

.beskrivelse {
	float: left;
	width: 680px;
	height: 272px;;
	margin-top: 40px;
}

.beskrivelse p {
	margin-top: -40px;
	height: 130px;
	
	
}

.info {
	width: auto;
	height: 30px;
	background-color: #fff;
	float: left;
	margin-left: 25px;
}


h5 a:hover {
	text-decoration: underline;
	font-size: 16px;
	
}

.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #000000;
	float: left;
	margin-top: 7px;
}

#address {
	margin-top: 30px;
	float: left;
	
}

#address a {
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	font-family: futura-pt;
	line-height: 17px;
}


#imagecontainer {
	margin-left: 30px;
	float: left;
	width: auto;
	height: auto;
}

#imagecontainer .image {
	width: 185px;
	height: 185px;
	border: none;
	border-color: #000;
	margin-top: 20px;
	float: left;
	margin-left: 30px;
}

#imagecontainer .image img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover
}

.rubrik {
	width: auto;
	height: auto; 
	margin-left: 30px;
	margin-bottom: 0px;
	margin-top: 50px;
	float: left;

}

.rubrik h1 {
	margin-bottom: 0px;
	margin-top: 50px;
	float: left;
	
}

.dato {
	float: right;
	margin-top: 105px;
	margin-right: 70px;
	letter-spacing: 1px;
}