BODY.pp {background-color: #dd5544;} 
BODY {font-family: Arial, SansSerif;} 
BODY.fargefelt {background-color: #c89664;} 
DIV.gruppe {width: 100%; padding-bottom: 5mm;} 
body.main {
	background-color: #14223c;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-clip: content-box;
	-moz-background-clip: content/content-box;
	background-clip: content/content-box;
}
body.sam {background-color: #351b24; margin: 0;}
body.helheim {background-color: #181824;	margin: 0; /*padding:0;*/}
body.helprivacy {background-color: #14223c;}
body.contact {background-color: #14223c;
/*	background: url(image/bg_ms.png);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;*/
}
.mainimg {
	width: 100%;
	height: 100%;
}
div.maininfo {
	font-size: 20pt;
	color: #000;
	position: absolute;
	top: 200px;
	right: 50px;
	width: 500px;
}
div.mansam {
	font-size: 14pt;
	color: #fff;
	position: absolute;
	top: 100px;
	left: 100px;
	width: 200px;
}
table.mancritic {
	font-size: 12pt;
	text-align: center;
	color: #fff;
}
div.heltext {
	font-size: 12pt;
	text-align: center;
	color: #fff;
	padding-left: 21%;
	padding-right: 21%;
}
table.mancritic td {
	padding:20px;
}
span.mancritic {
	font-style: italic;
	
}
img.privacylogo {
	width: 300px;
	position: relative;
	top: 50px;
}
img.mainlogo {
	width: 60%;
	position: relative;
	top: 100px;
}
div.holyback {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	width: 100%;
}
img.holyback {
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: -1;
}
div.samback {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	width: 100%;
}
img.discord {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 19%;
	right: 0px;
	top: 76%;
	z-index: 1;
}
img.samback {
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: -1;
}
div.samlogo {
	position: absolute;
	width: 40%;
	top: 40%;
	left: 50%;}
img.samlogo {
	width: 100%;
	position: absolute;
	top: 0px;
	left: -50%;
}
img.pesto {
	width: 16%;
	position: fixed;
	bottom: 1px;
	left: 10px;
}
img.bjorn {
	width: 12%;
	position: fixed;
	bottom: 0px;
	right: 10px;
}
div.samart{
	position: absolute;
	width: 45%;
	top: 8%;
	left: 50%;}
img.samart {
	width: 100%;
	position: relative;
	top: 0px;
	left: -50%;
}
img.manav {
	position: relative;
	width: 130px;
	margin: 20px;
}
a.manav :hover {background-color:#4b7883;}
iframe.samvideo {
	width:640px; height: 360px; border: 0;
}
iframe.helvideo {
	width:640px; height: 360px; border: 0;
}

div.hhlogo {
	width: 50%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50px;
	left: 50%;
}
img.hhlogo {
	width: 100%;
	position: relative;
	top: 0px;
	z-index: 10;
	left: -50%;
}
img.coming {
	width: 60%;
	position: relative;
	top: 0px;
	z-index: 10;
	left: -50%;
}
img.infologo {
	width: 60%;
	position: relative;
	top: 100px;
}
div.contactinfo {
	width: 60%;
	font-size: 12pt;
	background-color: #88c3e2;
	position: relative;
	top: 160px;
}
div.privacy {
	width: 60%;
	background-color: #88c3e2;
	font-size: 12pt;
	position: relative;
}
div.contactinfo :link {color: #000;}

div.teamback {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
img.teamback {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 20px;
	width: 100%;
	z-index: -1;
}
.contactback {
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	heightttt: 100%;
	z-index: -1;
}
div.mainback {
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
img.mainback {
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
}
img.mimage {
	height: 250px;
}

div.team {
	position: relative;
	left: 150px;
	width: 500px;
	z-index: 5;
}
td.membertext {
	padding-left: 30px;
}
.adresseunder {
	position: absolute;
	margin: 0px;
	padding: 10px;
	font-size: 10pt;
	height: 70px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color:#dd5544;
}
.socialunder {
	position: relative;
	top: 20px;
	margin: 0px;
	padding: 10px;
	font-size: 10pt;
	height: 50px;
}
.socialcontact {
	position: relative;
	top: 150px;
	margin: 0px;
	padding: 10px;
	font-size: 10pt;
	height: 50px;
}
table.social {
	border-spfdfdacing: 30px;
}
tr.mainav  {padding: 0px;}
td.social {
	padding: 0px 15px 0px 15px;
}
td.socialcenter {
	border-left: 1px solid rgba(0,0,0,0.25);
	border-right: 1px solid rgba(0,0,0,0.25);
	padding: 0px 15px 0px 15px;
}
td.socialright {
	border-right: 1px solid rgba(0,0,0,0.25);
	padding: 0px 15px 0px 15px;
}

img.mainav {
	width: 130px;
	height: 130px;
	border: 10px solid;
	border-radius: 10px;
	box-shadow: 0px 1px 0px 1px #39332b;
	margin: 15px;
}
div.mainav a:hover {color:#fff;}
a.mainav {color:#39332b;}
div.mainav {
	position: relative;
	top: 160px;
}
div.pull-left {
	position: absolute;
	left: 10%;
}
div.pull-right {
	position: absolute;
	right: 10%;
}
img.adresselogo {
	height: 70px;
}
li.current {background-color:#4b7883;}
ul.navtop .narrow {display: none;}
ul.navtop .wide {display: inline;}
li.menu {font-weight: bold;}
ul.navtop {
	position: fixed;
	top:0; left:0;
	z-index: 99999;
	width: 100%;
	text-align: left;
	font-family: "Arial";
	padding: 0; margin:0;
	background-color: #39332b;
}
ul.navtop:after {
	content: "";
	display: block;
	clear: both;
}
ul.navtop li, ul.navtop a {	display: inline-block;}
ul.navtop li {float: right;}
ul.navtop li#nav-company {float: left;}
//ul.navtop li#nav-company a:hover {background-color: #4b7883;}

ul.navtop li#nav-company {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
/*	background-color: #39332b;
	color: #F3F1E9;*/
}
ul.navtop a {
	color: #F3F1E9;
	font-size: 14px;
	line-height: 14px;
	padding: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
ul.navtop a:hover {background-color: #4b7883;}

@media only screen and (max-width: 750px) {
	ul.navtop .narrow {display: inline;	}
	ul.navtop .wide {display: none;	}
}
@media only screen and (max-width: 1000px) {
	iframe.samvideo {width:100%; max-width: 600px;}
}
@media only screen and (max-width: 550px) {
	div.samback {top:40px;}
}

H3.popup {text-align: center;font-family: Arial, Helvetica, Arial; font-size: 1.2em;} 
H3.finmidt {text-align: center;font-family: Arial, Helvetica, Arial; font-size: 1.2em;} 
H2.finmidt {text-align: center;font-family: Arial, Helvetica, Arial; font-size: 1.5em;} 
H1.finmidt {
	text-align: center;
	font-style: italic;
	font-family: Arial, Helvetica, Arial;
	font-size: 2em;
} 
P.midt {text-align: center;} 
P.alert {color: #ff0000;}
P.popup {font-size: 0.8em;} 
P.pophead {text-align:center; font-size:15px; margin:0; font-weight:bold;}
P.zonepopup {font-size: 12px;} 
P.endringsdato {font-size: 0.8em;} 
H1 {/*font-size: 24px;*/ color: #006666;} 
H3 {font-size: 1.2em;} 
IMG.left {float: left} 
IMG.right {float: right}