body {
	
	background-color:#ffffff;
	color: #000000;
	font-family: Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width: 1280px;
}

.facebook-del	{
	margin: 0px 0px 0px 20px;
}

h1 {
	font-size: 20px;
	line-height: 24px;
	font-family: Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0em;
}

h2 {
	font-size: 16px;
	font-family: Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;	
	color: #333333;
	margin-top: 1.2em;
    	margin-bottom: 0.3em;
	margin-left: 10px;
	margin-right: 10px;
}

p  {
	margin-left: 10px;
	margin-right: 10px;
}

* {
    box-sizing: border-box;	
} 

.dummy_heading {
	max-width: 1280px;
	height: 50px;
    	clear: both; 
	display: block;	   		
}

.clearfix:after {
	max-width: 1280px;
	height: 10px;
    	content: "";
   	display: block;
    	clear: both;
}


img	{
	max-width: 100%;
	height: auto;		
} 

/* for mobiltelefoner */
[class*="col-"] {
    	float: left;
    	width: 100%;		
}

.heading	{
	position: fixed;
	top: 0px;
	max-width: 1280px;
	display: -webkit-flex; /* Safari */
    	display: flex; 
	-webkit-justify-content: space-between;
    	justify-content: space-between;
    	width: 100%;
   	height: 45px;
    	background-color: #444444;
	color: #ffffff;	
	padding: 0px;
	margin-bottom: 0px; 
	z-index: 1;
}

.flagglogo	{
	width: 210px;
	height: 40px; 
	padding-top: 8px;
	padding-left: 5px; 
	padding-right:0;
}

.flagglogo a	{
	color: #ffffff;
	text-decoration:none;	
}

.sokefelt	{
	position:absolute;	
	top:40px;
	right:0px;
	padding:0px;
	margin:0px;
	max-width: 400px;
	display:none;	
}

.sokesymbol	{	
	position:relative;	
	top:10px;
	display:block;	
}

.fjern_sokefelt	{
	position:relative;	
	top:10px;
	font-size: 26px;
	display:none;	
}

.toppmeny	{
	position: relative;
	top:5px;
	right:10px;
	width: 30px;
    	display: inline-block;
	cursor: pointer;
}

.avslutt_X	{
	position: relative;
	top:10px;
	right:10px;
	width: 30px;
	font-size: 26px;	
	cursor: pointer;
	display: none;
}

.bar1, .bar2, .bar3 {
    width: 25px;
    height: 3px;
    background-color: #ffffff;
    margin: 6px 0;   
}

.menytabell	{
	width: 100%;
	border-collapse: collapse;	
}

.menytabell th, td	{
	border: 1px solid black;
	padding: 10px;		
}

.accmeny {
    	display: none;
    	position: absolute;
	right:0px;
	top:46px;
	background-color: #808080;
	color: #ffffff;
	width: 100%;         	
	cursor: default;
}

button.accordion {
	background-color: #444444;
	color: #ffffff;
	cursor: pointer;
	padding: 20px;
	width: 100%;
	text-align: left;  
	font-size: 16px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 0px 1px 0px;
	outline: none;
	transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #6a6a6a;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 16px;
    color: #ffffff;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */

div.panel {
	background-color: #808080;
	display: none;
}

.panel a {
	color: #ffffff;
	text-decoration: none;  
	font-size: 14px; 
} 

.fisk	{
	position: absolute;
	top:70px;
	left: 47%;
	display:none;	
	z-index:-1;
}

.innhold	{
	width: 100%;
	padding: 5px 10px 5px 10px;	
}

.tekstdel	{
	width:100%;
	padding: 0px 0px 0px 0px;	
	margin: 0px;
	max-width: 600px;
}

table.kontakt	{ 
	width: 100%;
	max-width: 600px;
	table-layout: auto; 		
	border-spacing:0px 0px;
	background: #ffffff;	
	border-collapse: collapse;
}

.kontakt td 	{ 
	border:0px solid black;
	padding: 5px 10px 5px 0px;
		
} 
.mobiltekst	{
	max-width: 600px;	
}

.pctekst	{
	max-width: 600px;
	display: none;
}

.bildedel	{
	width:100%;
	padding: 0px;
	margin: 0px;
}

.mobilbilde	{
	float: left;	
	width: 100%;
	margin: 0px 0px 0px 0px;	
}

.pc_halvbreddebilde	{
	float: left;	
	width:43%; 
	margin: 0px;
	height:auto;	
	display: none;	
}

.bildetekst	{
	padding: 0px 5px 10px 5px;
	max-width: 600px;
}

.front	{
	display:none;
}

.norgeskartdel-320	{
	width: 100%;
	height: 440px;
	font-style: verdana;
	margin-left:0px;	
}

.norgeskartdel	{
	float: left;
	width: 100%; 
	height: auto;	
	margin-top:20px; 
	margin-left:10px;
	display:none;	
}

/* for å få med gamle mobiltelefoner med skjermbredde 320. DEnne fjernes etterkvært */
@media only screen and (min-width: 350px) {
	.norgeskartdel-320 {display:none;}
	.norgeskartdel {display:block;}		
}
	
/* For tablets: */
@media only screen and (min-width: 768px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	body { font-size: 18px; line-height: 22px}
	h1 { font-size:26px;}
	h2 { font-size:20px;}
	.heading { height:50px;}
	.flagglogo { 
		width:100%;
		height:100%;
		padding-top:8px;
		padding-left:15px; 
	} 
	.sokefelt {width:400px; top:50px;left:auto;right:100px;}
	.accmeny {width:350px;top:51px;}
	.panel a {font-size:16px;}
	.menytabell th, td {padding:15px;}
	.innhold {padding:20px 20px 20px 20px;} 
	.tekstdel {padding: 0px 0px 0px 0px;}
	.bildedel {padding-top:0px;}
	.facebook-del	{margin: 50px 0px 0px 0px;}
	.mobiltekst {display:none;}
	.pctekst {display:block;}
	.mobilbilde {display:none;}
	.bildetekst {padding:10px 5px 10px 5px;}
	.pc_halvbreddebilde {display:block;} 	
	.norgeskartdel	{width: 43%; height:auto; margin:10px;}	
}

 /* For desktop: */
@media only screen and (min-width: 1024px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	h1 { font-size:30px; }
	.toppbanner  {display:block;}
	.sokefelt {width:400px; top:50px;left:auto;right:20%;}
	.toppmeny {
		padding-top:7px; 
		padding-right:12px; 
		padding-bottom:0px;
	}
	.avslutt_X {
		padding-top:10px; 
		padding-right:12px; 
		padding-bottom:0px;
	}
	.front {display:block;}			
	.norgeskartdel	{width: 400px; height:auto; margin:10px;}	
}

@media only screen and (min-width: 1280px) {
		.fisk {display:block;}

}

/* denne linja e førr å få det til å funke på gamle nettlesere, f.eks IE */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

footer	{
	background-color: #dddddd;
    	color:#000000;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
	line-height: 2.0;	
}


.show {display:block;}