body {	
	background-color:#eeeeee;
	color: #222;
	font-family:'Inter', 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 21px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto; 
	padding: 0;
	max-width: 1280px;
}

h1 {
	font-size: 24px;
	line-height: 24px;
	color: #111;
	font-weight: bold;
}

h2 {
	font-size: 20px;
	color: #111;
	margin-top: 1.2em;
    	margin-bottom: 0.3em;
	
}

h3 {
	font-size: 18px;
	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;
}

figure	{	
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 0px;
	margin-right: 0px;
}

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

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: 50px;
    	content: "";
   	display: block;
    	clear: both;
}

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

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

#region { display:none; }
#lengdegradM { display:none; }	
#breddegradM { display:none; }	
#zoomingtallM { display:none; }
#lengdegrad { display:none; }	
#breddegrad { display:none; }	
#zoomingtall { display:none; }	

/* 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;
        margin:0px;
	padding:0px;
	display: inline-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; 
} 

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

[id*="page"]	{
	display: none;
}

[id*="knapperad"]	{
	display: none;
} 

[id*="currentRad"]	{
	display:none;
}

[id*="currentpage"]	{
	display:none;
}

#pageMB1	{
	display:block;
}

#knapperadMB1	{
	display:block;
}

#blabakMB		{
	display:none;
}

.knapperad {
	max-width: 600px;
	padding-left: 15px;
	padding-right: 15px;
}

.sidebutton {
	border: none;
	color: black;
	background-color: #dddddd;
	width: 40px;
	height: 40px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	display: inline-block;	
}

.sidebutton:hover {background: #cccccc;}

.flere_hus	{
	color: black;
	background-color: #dddddd;
	margin: 30px 0px 20px 0px;
	padding: 10px;
	cursor: pointer;
}

.overskrift	{
	max-width: 600px;
	padding: 0px 15px 0px 15px;	
}

.fellestekst	{
	max-width: 630px;	
}

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

#fullTekst {display: none;}
#fullTekstM {display: none;}

.mobiltekst	{
	max-width: 600px;
	padding: 0px 15px 0px 15px;	
}

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

.feriehusdel-mobil	{
	width:100%;
	padding:0px;
	display: block;	
}

.feriehusdel-pc	{
	width:100%;
	padding:0px;
	display: none;	
}

.feriehus-bilde	{
	float:left;
	position: relative;	
    	width: 98%;
	height: auto;
	padding: 0px;
	margin: 5px 2px 5px 2px;
/*	border: 4px solid #dddddd;
   	border-radius: 4px; */
	
}

.godkjent-symbol {
  position: absolute;
  top:0px;
  left:0px; 
}

.stjerner {
  position: absolute;
  bottom:30px;
  right:5px;
}

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

.fylkeskartdel	{
	width: 97%;
	height: 540px;	
	margin: 10px 5px 10px 5px;	
	background-color: #eeeeee; 	
}

.infovindu	{
	width: 100px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: 600;
}

.infovindubilde	{
	width: 100px;
	height: 62px;
	margin: 0px;
	padding: 0px;
	border-color: black; 
	border-width: 2px;
}

.norgeskartdel-320	{
	float: left;
	max-width: 320px;
	height: auto;	
	margin:20px 0px 0px 10px;	
}

.norgeskartdel	{
	float: left;
	max-width: 330px;
	height: auto;	
	margin:20px 0px 0px 10px;
	display:none;	
}

.fylkes-formrubrikk	{
	float:right;
	width: 42%;	
	padding: 15px;
	text-align: left;	
}

/* for å få med gamle mobiltelefoner med skjermbredde 320. DEnne fjernes etterkvært */
@media only screen and (min-width: 360px) {
	.norgeskartdel-320 {display:none;}
	.norgeskartdel {display:block;}		
}

/* for mobiler når den "legges" og bredskjerm brukes */
@media only screen and (min-width: 530px) {
	.aktordelmob {display:none;}
	.aktordelpc {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;}
	h3 { font-size:18px;}
	#oppBtn {font-size: 14px; padding:15px;}
	.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;}
	li {width:33%;}
	.innhold {padding-left:20px;padding-top:20px;} 
	.overskrift {padding:0px;}
	.knapperad {padding:0px;}
	.mobiltekst {display:none;}
	.pctekst {display:block;}
	.mobilbilde {display:none;}
	.feriehusdel-mobil {display:none;}
	.feriehusdel-pc	{display:block;}
        #knapperadPC1	{display:block;}
	#pagePC1 {display:block;}
	#blabakPC {display:none;}
	.feriehus-bilde	{width:42%; height:auto; margin:20px 20px 0px 0px;}
	.fylkeskartdel	{width:100%; margin: 20px 20px 20px 20px;}
	.norgeskartdel	{margin:20px 0px 0px 50px;}
}


 /* 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;
	}
	.fisk {display:block;}
	.pctekst {display:block;margin: 0px;max-width: 650px;}
	.fylkeskartdel	{margin: 10px 0px 0px 0px;}	
	
}

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