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;
}

h1 {
	font-size: 22px;
	font-family: Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	margin-top: 1.2em;
    	margin-bottom: 0.3em;
}

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

h3 {
	font-size: 16px;
	font-family: Gill Sans MT, Verdana, Arial, Helvetica, sans-serif;	
	color: #333333;
	margin-top: 1.5em;
    	margin-bottom: 0.3em;	
}

.fa {
  padding: 10px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

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



figure	{
	display: block;
	margin: 0px;
}

figcaption { 
	display: block;
	font-size: 12px;
}

ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li {
	float: left;
	width: 50%;
}

li a {
    display: block;	
    text-align: left; 
    padding: 10px; 
    text-decoration: none; 
}

* {
    box-sizing: border-box;	
} 

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

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

#oppBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#oppBtn:hover {
  background-color: #555;
}

/* 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;
}

.logo	{
	padding-top: 15px;
	padding-left: 8px; 
	padding-right:0;
}

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

.l1	{
	font-size: 20px;
	font-weight:500;
}

.l2	{
	font-size: 14px;
	font-weight:500;
}

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

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

.fjern_sokefelt	{
	position: relative;
	top:15px;
	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: 0px 10px 0px 10px;	
}

#mer {display: none;}
#merM {display: none;}

.fellestekst	{
	max-width: 600px;	
}

.mobiltekst	{
	max-width: 600px;	
}

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

.mobilbilde	{
	max-width: 600px;	
}

.pcbilde	{	
	max-width:630px;
	padding: 0px;
	margin: 0px;
	display:none;
}

.pc_halvbreddebilde	{
	float: left;	
	max-width: 300px;
	margin: 0px;
	margin-top: 20px;
	margin-bottom:0px;
	height:auto;	
	display: none;	
}

.bilderamme	{
	border: 4px solid #dddddd;
   	border-radius: 4px;
}

.stjerner {
  position: absolute;
  bottom:30px;
  right:5px;
  width:70px;
  height:18px
}

.eksternt_innh_mob	{
	margin: 40px 0px 0px 0px;
	max-width:600px;
	display:block;
}

.eksternt_innh_pc	{
	margin: 40px 0px 20px 0px;
	max-width:650px;
	display:none;
} 

.ekst_innh_padding_m	{
	margin: 10px 0px 20px 0px; 

}

.ekst_innh_padding_pc	{
	margin: 20px 0px 50px 0px; 

}


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

.aktordelpc	{
	width:100%;
	margin: 40px 0px 40px 0px;
	padding: 1px 0px 0px 0px;
	display: none;
}

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

.aktor td 	{ 
	border:0px solid black;
	padding: 5px 10px 5px 0px;
		
} 

.hoyreside	{
	width: 100%;
	padding: 0px;
	
}

.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;margin-top: 1.0em;margin-bottom: 0.8em;}
	h2 { font-size:20px;}
	li { width: 33%;}
	figcaption {font-size:16px;}
	.heading { height:50px;}
	.logo	{padding-top:15px;padding-left:15px;}	
	.l1 {font-size:28px;font-weight:600;}
	.l2 {font-size:18px;}
	.sokefelt {width:400px;top:50px;left:auto;right:100px;}
	.accmeny {width:350px;top:51px;}
	.panel a {font-size:16px;}
	.menytabell th, td {padding:15px;} /* e denne i bruk? */
	.innhold {padding:0px 20px 0px 20px;} 
	.aktor td {padding: 5px 30px 5px 0px;}
	.mobiltekst {display:none;}
	.pctekst {display:block;}
	.eksternt_innh_mob {display:none;}
	.eksternt_innh_pc {display:block;} 
	.fylkestabell	{font-size: 16px;}
	.mobilbilde {display:none;}
	.pcbilde {display:block;}
	.pc_halvbreddebilde {display:block;} 	
	.aktordelmob {display:none;}
	.aktordelpc {display:block;}	
}

 /* 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;line-height: 34px;}
	.sokefelt {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;}			
		
}

@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;}

.ramme-rundt	{		/* for testeformål. Slett når ferdig. */
	border-style: solid;
	border-width: 1px;
	border-color: black;
}