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

html{
	margin:0px;
	padding:0px;
	background-color:#007603;
	
}

body,#gron,{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	
background-color:#C93;
}


a{
	outline:none;
	
}

#gron{
	display:block;
	position:absolute;
}

body{
font-family: 'Noto Sans', sans-serif;
font-size:12px;
color:#FFF;
}

.paoraud{
	display:block;
	background-color:#CB000F;
	height:15px;
	border-top:3px solid #FFF;
	border-bottom:3px solid #FFF;
background: rgb(211,0,3); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(211,0,3,1) 0%, rgba(153,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(211,0,3,1)), color-stop(100%,rgba(153,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(211,0,3,1) 0%,rgba(153,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(211,0,3,1) 0%,rgba(153,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(211,0,3,1) 0%,rgba(153,4,4,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(211,0,3,1) 0%,rgba(153,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30003', endColorstr='#990404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#spor{
	display:block;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	height:400px;
	position:fixed;
	top:0px;
	left:0px;

opacity: 0.2;
    filter: alpha(opacity=20);

}

#content{
	overflow:auto;
	width:100%;
	display:block;
	position:absolute;
	z-index:10;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
}

#topimages{
	background-color:rgba(0,0,0,0.4);
}

#top{
	margin-top:5px;
}

#logo{
	display:block;
	position:absolute;
	background-color:#036;
	width:30%;
	text-align:center;
	vertical-align:middle;
	min-width:250px;
	z-index:100;

background: rgb(0,17,68); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,17,68,1) 0%, rgba(2,53,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,17,68,1)), color-stop(100%,rgba(2,53,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(0,17,68,1) 0%,rgba(2,53,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(0,17,68,1) 0%,rgba(2,53,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(0,17,68,1) 0%,rgba(2,53,86,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(0,17,68,1) 0%,rgba(2,53,86,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001144', endColorstr='#023556',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
 opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	
	
}

#logo img{
	width:80%;
	vertical-align:middle;
}

#theimages{
	overflow:hidden;
	width:100%;
	height:100%;
}

#theimagesc{
	display:block;
	width:4000%;
	height:100%; 
}

#theimages img{
	height:140%;
	position:relative;
	top:-20%;
}

#topimagescontainer{
	height:100%;
	overflow:hidden;
}

#mainmenu{
	display:block;
	width:100%;
	margin-top:20px;
}

#mainmenu a{
	display:block;
	border-radius:4px;
	border:0px solid #FFF;
	color:#FFF;
	margin-bottom:10px;
	width:50%;
	margin-left:25%;
	background-color:rgba(0,0,0,0.4);
	text-decoration:none;
	padding:4px;
	font-family: 'Fjalla One', sans-serif;
	font-size:18px;	
}

#mainmenu a:hover{
	background-color:rgba(0,0,0,0.7);
	box-shadow:0px 0px 4px #FFF;
}

#mainmenu a.mainactive{
	background-color:#900;
	position:relative;
	left:30px;
}

#mainmenu a.mainactive:hover{
	background-color:#900;
}

#mainmenu a:click{
	background-color:rgba(0,0,0,0.9);
}


#submenus{
	display:block;
	position:absolute;
		z-index:100;
		width:140px;
}

#submenus a{
	background:none;
	display:block;
	color:#FFF;
	font-family: 'Fjalla One', sans-serif;
	font-size:20px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	text-align:center;
}

#submenus .submenu{
	display:block;
	vertical-align:middle;
	background-color:rgba(240,240,240,0.7);
	height:100%;
	background-color:rgba(0,116,7,0.8);
	text-shadow: 0px 0px 3px #000;
}

#submenus a{
	display:block;
	width:100%;
	color:#FFF;
}

#submenus a:hover{
	background-color:rgba(0,0,0,0.6);
	color:#FFF;
}

#toplinks{
	text-align:right;
	font-family: 'Fjalla One', sans-serif;
	margin-top:0px;
	vertical-align:top;
}

#toplinks a{

	padding:2px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	font-size:15px;
	color:#FFF;
	margin-right:20px;
	text-decoration:none;
}

#page{
	display:block;
	width:100%;
	text-align:center;
}


h1,h2,h3{
		font-family: 'Fjalla One', sans-serif;
		font-weight:normal;
}

h1{
margin:0px;
	font-size:40px;
}
.side{
	display:inline-block;
	width:600px;
	max-width:96%;

	text-align:left;
	background-color:#000;
	background-color:rgba(0,0,0,0.3);
	padding:10px;
	margin:10px;
	vertical-align:top;
}

#personer{
	display:inline-block;
	width:60%;
	vertical-align:top;
	max-width:99%;
	padding-top:6px;
}

#personer span{
	display:inline-block;
	width:190px;
	background-color:rgba(2, 53, 86, 0.8);
	color:#FFF;
	margin:4px;
	font-size:11px;
	padding:4px;
}

#personer img{
	width:100%;
}

#personer span h3{
	margin:0px;
	font-size:18px;
}

#personer span p{
	margin:0px;
	margin-bottom:2px;
}

#page a{
	color:#C00;
}

#personer span a{
	color:#CCC;
}

#personer span a:hover{
	color:#F8F8F8;;
}


#yr{
	max-width:width:99%;
	display:inline-block;
}

#newsarkiv{
	display:inline-block;
	background-color:rgba(255,255,255,0.7);
	color:#069;
	padding:4px;
	padding-top:1px;
	padding-bottom:1px;
	text-decoration:none;
	margin-top:4px;
	margin-left:6px;
	font-size:11px;
	border-radius:3px;
}

.list{
	display:inline-block;
	width:600px;
}

.slideshow{
	display:inline-block;
	width:100%;

}

.slide{
	display:inline-block;
	margin:5px;
	background-color:rgba(0,0,0,0.2);
	color:#FFF;
	width:100%;
	max-width:600px;
	border:2px solid rgba(0,0,0,0.3);
	vertical-align:top;
}

.slide .txt{
}

.slide h3{
	font-size:20px;
	text-align:center;
	width:100%;
	font-weight:normal;
	display:block;
	margin:0px;
}

.slide h3 a{
	display:block;
	color:#FFF !important;
	text-decoration:none;
	margin:0px;
}

.slide h3 a:hover{
	background-color:rgba(0,0,0,0.4);
}

.slidecontent .txt{
	padding:10px !important;
	display:inline-block;
	padding-top:0px;
	padding-bottom:0px;
}

.slidecontent .txt p{
	margin:0px;
	padding:0px;
}

img.hovedbilde{
	max-width:100%;
	display:block;
}


.ilslide{
	display:block;
	width:100%;
	overflow:hidden;
}

.ilslide .ilslideimg{
	display:block;
	width:100%;
	height:auto !important;
	max-height:none !important;
}

.ilslide .ilslideimg img{
	width:100%;
	height:auto;
}

.ilslidenav{
	display:block;
	margin-top:2px;
}

.ilslidenav a{
	display:inline-block;
	margin:2px;
	width:19%;
	border:1px solid #999;
}

.ilslidenav img{
	width:100%;
}
.ilslidenav a:hover{
	border:1px solid #C00;
}

.flimg{
	display:block;
	width:100%;
	margin-bottom:2px;
}

.flimg img{
	display:block;
	width:100%;
		height:auto;
}

.video{
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	
}

.topimgcontainer{
	display:inline-block;
	height:120%;
	vertical-align:top;
}

.topslidecomment{
	height:100px !important !important;
	margin-top:-100px;
	position:relative;
	top:-300px;
	left:40px;
	text-align:left;
	color:#FFF;
	font-family: 'Fjalla One', sans-serif;
	color:rgba(255,255,255,0.9);
	text-shadow:0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000;
	font-size:50px;
vertical-align:top;
    opacity: 0.4;
    filter: alpha(opacity=40);
	}
	

.godkjenning{
	display:inline-block;
	margin-right:6px;
	width: 27%;
	min-width:150px;
	padding:8px;
	min-height:60px;
	vertical-align:top;
	vertical-align:middle;
	background-color:#C00;
	font-family: 'Fjalla One', sans-serif;
	text-align:center;
	font-size:14px;
	color:#FFF;
	color:#FFF !important;
	text-decoration:none;
	padding-top:10px;
}

.godkjenning:hover{
	background-color:#900;
}