﻿.hovedmeny{background-image:url(/images/bgtopp.png)}
.nav li{background-repeat:no-repeat;background-position:right 30px center}
.nav--expand>li>ul li{display:block;background-color:rgba(255,255,255,.9)}
.nav--expand>li>ul li a:hover{background-color:#f09300}
.nav--expand>li>ul li>ul{max-height:350px;overflow:auto}

.div100{width:100%}
.div50,.div5050{width:49%;float:left;margin-left:auto}
.divhov:hover{background-color:rgba(247,84,21,.4);transition:background .5s ease-out}
.divhov{border-radius:5px;background-color:rgba(255,255,255,.9);transition:background .5s ease-out}
.home{color:#fff;font-size:24px}
.vakt{height:auto;background-color:#F75415}
.banner{background-color:#ececec}
.mainpage{padding:20px}
.flexWrapper{width:100%;display:table;padding:0}
.div50tj{float:left;width:50%;height:350px}
.divtjimg{height:350px;background-size:cover;background-repeat:no-repeat}
.div50tjtxtTable{width:100%;max-width:100%;height:100%;height:350px;margin-left:auto;margin-right:auto}
.div50tj,.div50tj td{font-size:100%}
.news{height:auto;padding:15px}
.yttd{padding:10px;width:25%;padding-bottom:0;vertical-align:top;float:left;vertical-align:middle;text-align:center}
.resp-iframe{top:0;left:0;width:100%;height:100%;border:0}
.div25{width:25%;float:left;margin-left:auto}
.div20{width:20%;float:left;margin-left:auto}
@media screen and (max-width:845px){.home{font-size:14px}
.vakt{height:auto}
.div25{width:50%;float:left;margin-left:auto}
.div20{width:50%;float:left;margin-left:auto}
.yttd{width:50%;float:left}}@media screen and (max-width:610px){.h{display:none;width:0}
.div50tj{height:250px;width:100%;float:none}
.div50tjtxtTable{width:100%;max-width:100%;height:200px;margin-left:auto;margin-right:auto;padding:0}
.div50tjtxt{width:100%;display:table-row-group;height:200px}
.div50tjimg{width:100%;display:table-header-group;height:250px;position:relative}
.divtjimg{height:250px}}
@media screen and (max-width:700px){
	.home{font-size:10px}
	#news{font-size:12px}
	
	.div5050{width:100%}}@media screen and (max-width:500px){.home{font-size:10px}
	.div50{width:100%}
	.div25{width:100%;float:left;margin-bottom:15px;}
	.div20{width:100%;float:left;margin-left:auto}
	.news{height:auto;padding:5;width:100%;margin-bottom:5px;}
	.vakt{min-height:100px}
	.yttd{width:100%}
}
body{background-color:#f2f2fe}
h1,h2,h3,h4{font-family:"Segoe UI Light";color:#000;line-height:1.3125}
.introtxt{color:#fbfbfb;font-size:140%}
@media screen and (max-width:700px){
	h1{font-size:30px;font-size:2.14286rem;line-height:1.1}
	h2{font-size:24px;font-size:1.71429rem;line-height:1.1}
	h3{font-size:20px;font-size:1.42857rem;line-height:1.05}
	h4{font-size:16px;font-size:1.14286rem;line-height:1.3125}
	h5{font-size:14px;font-size:1rem;line-height:1.5}
	h6{font-size:12px;font-size:.9rem;line-height:1.4}
	.introtxt{font-size:120%}
}
@media screen and (max-width:500px){
	h1{font-size:16px;font-size:1.14286rem;line-height:1.1}
	h2{font-size:16px;font-size:1.14286rem;line-height:1.05}
	h3{font-size:14px;font-size:1rem;line-height:1.3125}
	h4{font-size:14px;font-size:1rem;line-height:1.5}
	h5{font-size:12px;font-size:.9rem;line-height:1.4}
	h6{font-size:10px;font-size:.9rem;line-height:1.4}
	.introtxt{font-size:100%}
}
:required{
border-bottom:thin red solid}
.r{float:right}
#maincontent{margin-top:-40px;min-height:900px}
@media (max-width:845px)
{
#maincontent{margin-top:-60px;min-height:900px}
}

.white td{
	height:20px;
	padding:2px;
	background-color: #FFFFFF;
}
.gray td{
	height:20px;
	padding:2px;
	background-color: #E6E6E6;
}
.gray td,.white td{
	border-width: thin;
	border-color: #808080;

	border-bottom-style: solid;
}

.graytr,.whitetr{
	border-width: thin;
	border-color: #808080;
	border-bottom-style: solid;
}

.imgcontainer {

    display: block;

	width:100%;
  
    overflow: hidden;
   
    text-align:center;/* set image in center */

}
imgmaincontainer{
	position:static;
    display: block;

	width:100%;

    overflow: hidden;
  aspect-ratio: 16 / 9;  
    text-align:center;/* set image in center */
 
}
.imgmainnyhet {
   
    max-width:100%;
    height:auto;
    width:auto; 
  display: block;
  margin-left: auto;
  margin-right: auto; 
   object-fit: fill;
  
}
.AnsiktBilde{
 
    width:100%;
    aspect-ratio: 16 / 16;

}

.imgnyhet {
    
    width:100%;
    aspect-ratio: 16 / 9;
  
    
}
.ow {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
} 


.padd5 {padding:5px}
 .newstxt td,.newstxt {font-size: 100%;padding:0px;line-height:1.2}
      
       body,div,td{font-family: Helvetica,arial,"Segoe UI";line-height:1.5;font-size:102%;letter-spacing: 0.1rem;color:#00000}
   @media (max-width: 900px) {
    .newstxt td,.newstxt {
      font-size: 100%;padding-left:10px;padding-right:10px;line-height:1.2;;letter-spacing: 0.08rem }
  .imgcontainer {height: 150px;}

 }
      
  @media (max-width: 767.98px) {
    .newstxt td,.newstxt {
      font-size: 100%;padding-left:5px;padding-right:5px;;line-height:1.2;;letter-spacing: 0.08rem }
  .imgcontainer {width: 100%;padding:0;margin:0px}

 }
  @media (max-width: 700px) {
     .news {
      margin:5;padding:10px; } 
        .newstxt td,.newstxt {font-size: 100%;line-height:1.2;letter-spacing: 0.05rem}   
 	body,div,td{font-family: Helvetica,arial,"Segoe UI";line-height:1.5;font-size:100%;letter-spacing: 0.07rem}
 }
  @media (max-width: 500px) {
     .news {
      margin:0;padding:0px; }     
	 body,div,td{font-size: 100%;}
	  .newstxt td,.newstxt {padding-left:15px;padding-right:15px;;font-size: 110%;line-height:1.4;letter-spacing: 0.02rem; }   
	  .newstxt b,.newstxt strong {font-size: 120%;}
.imgcontainer {width: 100%;;padding:0px;margin:0px}
	.div50tjtxtTable{font-size: 110%;}  
	  
 }
 
.text-input:valid {
    border-bottom:thin green solid
}
.text-input:invalid {
   border-bottom:thin red solid
}
.tdhov:hover{background-color:rgba(247,84,21,.4);transition:background .5s ease-out}
.tdhov {background-color:rgba(229,229,229,.4);transition:background .5s ease-out}
.tdhov td a{color: #333333}
.nb {white-space:nowrap}
.nbtr td {white-space:nowrap}
  @media (max-width: 1100px) {
	.tdhov td:nth-child(4) {
	    display: block;
	   
	}
	.tdhov td{display:inline-block}

}

  @media (max-width: 700px) {
	.tdhov td:nth-child(2) {
	    display: block;
	   
	}
	.tdhov td:nth-child(3) {
	    display: block;
	   
	}
	.tdhov td{display:inline-block}

}


.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.aright {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.aleft {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.aup {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.adown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.infoboxoff{
 	display:none;
  	opacity: 0;
  	

}

.infobox {
    position:fixed;
    display:block;
	z-index:25660; !important;
	margin:0px;
	top:0; 
	bottom:0; 
	right:0; 
	left:0;
	width:100%;
	height:100%;
	background-image:url(/img/75p_black.png);
}
.infoboxdiv
{
	margin-top:15%;
	margin-bottom:70%;
	position:relative;
	width:100%;
	max-width:450px;
	min-height:200px;
	z-index:9999999; !important;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	padding:0px;
	border: thin black solid;
	
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999991; /* Sit on top */
  padding-top: 0px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 800px;
  min-height: 200px;
  margin-top:20px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}