.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:150px;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}@media screen and (max-width:845px){.home{font-size:14px}
.vakt{height:150px}
.div25{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:1050px){
	.home{font-size:10px}
	#news{font-size:12px}
	.div50{width:100%}
	.div5050{width:100%}}
	
	@media screen and (max-width:500px){.home{font-size:10px}
	
	.div25{width:100%;float:left;margin-bottom:15px;}
	.news{height:auto;padding:5;width:100%;margin-bottom:5px;}
	.vakt{min-height:100px}
	.yttd{width:100%}
}
body{background-color:#ffffff}
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}
}
.trwhite {
	height:20px;
	padding:2px;
	background-color: #FFFFFF;
}
.trgray {
	height:20px;
	padding:2px;
	background-color: #E6E6E6;
}

.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:#000000}
   @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: 105%;line-height:1.4;letter-spacing: 0.02rem; }   
	  
.imgcontainer {width: 100%;;padding:0px;margin:0px}
	  
	  
 }
 
.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}
.hov:hover td{background-color:rgba(247,84,21,.4);transition:background .5s ease-out}
  @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);
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

labelupload {
   cursor: pointer;
   /* Style as you please, it will become the visible UI component. */
}

#file-upload {
   opacity: 0;
   position: absolute;
   z-index: -1;
}

 .btnSmall{color:#fff;background-color:#f09300;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;vertical-align:middle;white-space:nowrap;font-family:inherit;font-size:90%;cursor:pointer;
 border:0;padding:5px;margin-top:10px;padding-right:15px;padding-left:15px;border-radius:5px;height:30px}
 .btnSmall:hover{background-color:#152342;color:#fff}
 
.Smallbtn{-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;vertical-align:middle;white-space:nowrap;font-family:inherit;font-size:11px;cursor:pointer;border:0;padding:5px;margin-top:10px;padding-right:15px;padding-left:15px;border-radius:5px;height:30px}
.Smallbtn:hover{background-color:#152342;color:#fff;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.24),0 13px 40px 0 rgba(0,0,0,0.19)}
.orange{color:#fff;background-color:#f09300;}
.blue{color:#fff;background-color:#6c757d;}

 .btnBack{color:#fff;background-color:#6c757d;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;vertical-align:middle;white-space:nowrap;font-family:inherit;font-size:11px;cursor:pointer;
 border:0;padding:2px;padding-right:15px;padding-left:15px;border-radius:5px;height:20px;margin-top:8px;;margin-right:8px;}
 .btnBack:hover{background-color:#152342;color:#fff;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.24),0 13px 40px 0 rgba(0,0,0,0.19)}
 

 
  .btnInfo{font-family:Arial;font-size:11px;letter-spacing: .07em;color:#ffffff;background-color:#6c757d;-webkit-transition:background-color .2s ease-in;vertical-align:middle;
  transition:background-color .2s ease-in;white-space:nowrap;cursor:pointer; border:0;padding:5px;margin-top:10px;padding-right:15px;padding-left:15px;border-radius:5px}


 .btnInfo:hover{font-family:Arial;background-color:#152342;color:#fff;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.24),0 13px 40px 0 rgba(0,0,0,0.19)}

.nb,.nb td{
	white-space:nowrap;
}

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

.warntext, .warntext td{
	color:red;
}

.oktext, .oktext td{
	color:green;
}

.warn, .warn td{
	background-color:#C75E58;
	color:#FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FF9900;
	
	
}

.timereg {
 	
 	width:100%;
 	min-width:300px;
 	position:relative;
    border-spacing: 1px;
    border-collapse: separate; 	
}

.timereg td{
	font-size:12px;
    padding:2px;
    padding-right:6px;
    vertical-align: top; 
}
.edittimereg {
 	
 	width:100%;
 	min-width:300px;
 	position:relative;
    border-spacing: 1px;
    border-collapse: separate; 	
}

.edittimereg td{

    padding:2px;
    padding-right:6px;
    vertical-align: top; 
}
.ytdh,.ytdh td{
	
	background-color: #C89E6C;
	color: #ffffff;
}
.text-input {height:30px}


.elementToFadeInAndOut {
    width:100%;
    height: 100%;
    
   color: black;
   background-color: #EFF4F7; 
    
    transition: background-color 1s linear; 
   -moz-transition: background-color 1s linear;  
   -webkit-transition: background-color 1s linear; 
   -ms-transition: background-color 1s linear;

     -webkit-animation: fadeinout 2s linear ;
    animation: fadeinout 2s linear forward;
}
@-webkit-keyframes fadeinout {
  background-color: transparent;
}

@keyframes fadeinout {
 background-color: transparent; 
}
.btnshad {box-shadow: rgba(0, 0, 0, 0.44) 0px 3px 8px;}
.btnGreen{background-color: #79B977;color:#fff}
.btnRed{background-color: #FF7B7B;color:#fff}
.btnBlue{background-color:  #8F9AB1;color:#fff}
.btnAngre{background-color:  #999999;color:#fff}

.bgtd{font-size:1em;background-color:rgba(167,197,209,.95);border-bottom:1px solid #c1c9d5;-webkit-transition:background .2s ease-out;transition:background .2s ease-out}
.bgtd:hover{background-color:#f7f7f7}
.inpbg{background-color:rgba(167,197,209,.95)}