body {
	background-color: rgb(255, 255, 255);
	font: 400 14px/1.38 Arial;
	width: 100%;
	height: 100%;
}
.overstrek {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 24;
	width: 100%;
	height: 5px;
	background-color: rgb(0, 0, 0);
}
a:link {
	color: #900;
	background-color: transparent;
	text-decoration: underline;
}
a:visited {
	color: #999;
	background-color: transparent;
	text-decoration: none;
}
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}

.bgforside {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-image: url('../images/lerret3.jpg');
	background-size: contain;
	background-position: center center;
	background-attachment: fixed;
	opacity: 0.06;
}

.forside {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-top: 5px solid rgb(0, 0, 0);
	border-right: 5px solid rgb(0, 0, 0);
	border-left: 5px solid rgb(0, 0, 0);
	background-image: none, url('../images/Logo1.jpg'), none, none;
	background-repeat: no-repeat;
	background-attachment: fixed, fixed, fixed, fixed;
	background-size: 20%;
	background-position: left 0% top 10%;
	box-shadow: 0 0 44px 8px rgba(0, 0, 0, 0.25) inset;
	/* [disabled]overflow: visible; */
}

.trill {
	position: relative;
	z-index: 26;
	left: 50px;
	width: 36%;
	float: left;
	margin-top: 20%;
	margin-left: 5%;
}

.skrekk {
	position: relative;
	z-index: 26;
	max-width: 40%;
	font: 20px/1.58 Arial;
	letter-spacing: 5px;
	color: rgb(0, 0, 0);
	float: left;
	margin-top: 25%;
	margin-left: 15%;
}

.flagg {
	z-index: 22;
	position: fixed;
	top: 5%;
	right: 5%;
}

.understrek {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 23;
	width: 100%;
	height: 6px;
	margin: 0 auto;
	background-color: rgb(0, 0, 0);
	box-shadow: 0 0 44px 8px rgba(0, 0, 0, 0.25);
}

 @media(max-width: 940px) {
	 

.bgforside {
	left: 0;
	right: 0;
	height: 1280px;
	margin-right: auto;
	margin-left: auto;
}
.forside {
	left: 0;
	right: 0;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: none, url('../images/Logo1.jpg'), none, none;
	background-repeat: no-repeat;
	background-attachment: fixed, fixed, fixed, fixed;
	background-size: 40%;
	background-position: left 0% top 20%;
}



}
 @media(max-width: 768px) {
body {
	font-size: small;
}
.bgforside,  .innhold3 .footer,  .understrek {
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
}
.forside {
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	background-image: url('../images/Logo1.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed, fixed, fixed, fixed;
	background-size: 80%;
	background-position: left 0% top 20%;
}

.skrekk {
	top: 40%;
	/* [disabled]display: none; */
}

}
 @media(max-width: 540px) {

.bgforside,  .innhold3 .footer,  .understrek {
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
}
.forside {
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	background-attachment: fixed;
	background-image: url('../images/Logo2.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed, fixed, fixed, fixed;
	background-size: contain;
	background-position: left 0% top 20%;	
}

.skrekk {
	top: 30%;
	/* [disabled]display: none; */
}

}
 @media(max-width: 480px) {

.forside {
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	background-attachment: fixed;
	background-image: url('../images/Logo2.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed, fixed, fixed, fixed;
	background-size: contain;
	background-position: left 0% top 20%;
}	  

.skrekk {
	position: fixed;
	top: 20%;
	left: 34%;
	z-index: 1;
	width: 38.25%;
	min-height: 59px;
	font: 20px/1.58 Arial;
	letter-spacing: 5px;
	color: rgb(0, 0, 0);
	max-width: 60%;
}

}