@charset "UTF-8";
body, html {height: 100%;}

@font-face {font-family: Arial,Times,Helvetica,sans-serif;}

body {background-color: #FFFFFF;box-sizing: border-box;height: 100%;margin: 0;font-family: Arial,Times,'Helvetica Neue',Helvetica,Arial,sans-serif;}
li {list-style: none;font-size:12px; font-weight:400;}

.navbar {position:relative;display: flex;align-items: right;justify-content: space-between;padding: 0px;bottom:0px;color: #000;float:right;}
.nav-links a {color: #000;text-decoration: none;font-size:12px;}
.navbar { display: flex; align-items: center; justify-content: space-between; padding: 0px;}
.nav-links a { color: #000;  font-size:13px;}
.menu { display: flex; gap: 1em; font-size: 18px;}
.menu li:hover { background-color: #4c9e9e; color: #ffffff; cursor:pointer; border-radius: 5px; transition: 0.3s ease;}
.menu li:hover a { color: #ffffff;}
.menu li { padding: 5px 6px; white-space:nowrap;}


.dropdown {background-color: rgb(58, 116, 116,.5);color: #000000;padding: 10px;position: absolute; display: none;border-radius: 4px;top: 30px;}
.dropdown li + li {margin-top: 10px;width: 100%;}
.dropdown li {box-sizing: border-box;padding-left: 10px;margin: 0px;width: 100%;text-align: left;background:none;border-bottom:thin black solid;color: #000000;}
.dropdown li:hover {background-color: #c0c0c0;}
.dropdown li a {color: #000000;}
.services {padding: 5px 6px;font-size:13px;position: relative;}
.services:hover .dropdown {display: block;}

.hamburger {display: none;font-size: 24px;user-select: none;}


#top {position: fixed;top: 0;left: 0;z-index: 3999;width: 100%;height: 80px;max-height:80px;box-shadow: 0px 0px 24px 10px rgba(0,0,0,0.42);background-color:#ffffff;z-index:3999}
.topdiv{position:relative;display:block;max-width:1150px;margin:auto;}
#maincontent{margin-top:20px;height:auto;min-height:900px}
#topmaincontent{margin-top:0px}
.pushtop,#pushtop{margin-top:80px; }
.banner {overflow-y: hidden;position:relative;background: url('powerline2.jpg') no-repeat center center;background-size: cover;height:300px;width:100%;margin:0;top:0px;transition-property: all;transition-duration: .6s;transition-timing-function: cubic-bezier(0, 1, 0.4, 1);}
.bannernopic {overflow-y: hidden;position:relative;height:300px;width:100%;margin:0;transition-property: all;transition-duration: .6s;transition-timing-function: cubic-bezier(0, 1, 0.4, 1);background-size: cover;}
.bannerbox {position:absolute;bottom:0px;;height:60%;min-height:150px;width:100%;}
.bannerboxdiv{background:rgba(0,0,0,0.4);position:relative;top: 50%;transform: translateY(-50%);height:100%;}
.bannerboxwhite {background:rgba(255,255,255,0.8);position:relative;top: 50%;transform: translateY(-50%);height:100%;}
.bannerboxwhite table td h1 a{color:#000000;}
.bannerboxwhite table td h1 a:hover{color: #666666;}
.bannerboxtable{width:100%;max-width:1150px;height:100%;margin-left:auto;margin-right:auto;padding-left: 10px;padding-right: 10px;color:#FFFFFF;}
.bannerboxtable h1{color:#FFFFFF;}
.bannertxt {display: inherit;}

.content {color: #000000;width: 100%;max-width:1150px;margin:auto;box-sizing: border-box;}
.wcontent{position:relative;display:block;color:  #000000;width: 99%;height: 100%;width: 100%;max-width:1150px;margin:auto;}

.img {height: 60px;width: auto;}
.imgdiv {height: auto;width: 30%; position:relative;display: inline-block;float:left; padding-right:10px;}
.imgdivsmall {height: auto;width: 15%; min-width: 100px; position:relative;display: inline-block;float:left; padding-right:10px;}

p {margin-top:0px;display: table;}

.logo {vertical-align: middle;}
.divtext, a, a:hover,a:visited  {color: #000000;}
.bgimg {background-size: contain;background-position: center;background-repeat: no-repeat;}
.funksjoner{width: 49%;max-width: 600px;box-sizing: border-box;}
.newsfunksjoner{width: 49%;max-width: 600px;box-sizing: border-box;margin-top:10px;margin-bottom:10px;}
.tightfunksjoner{width: 50%;position:relative;}

.goleft{float: left;text-align:left;}
.goright{float: right;}

.funksjoner2{float: left;width: 33%;max-width: 100%;}
.roundbox {width:100%;border-radius: 5px;height: auto;font-size:1em;box-sizing: border-box;padding-left: 10px;padding-right: 10px;margin-bottom:5px;background-color:#FFFFFF;box-sizing: border-box;padding-top: 5px;
border-radius: 5px;border: solid 1px #C0C0C0;}
.smalldiv{width: 50%;float:left;box-sizing: border-box;padding: 10px;position:relative;}

.em14 {font-size:1.4em;}
.em18 {font-size:1.8em;}
.em24 {font-size:2.4em;}

h1 {font-size: 1.07vw;color: #000000;font-weight: 200;border-bottom: solid 0px #333;margin-bottom:15px;}
h2{font-size: 1.1em;font-weight: 600;margin-bottom: 5px;margin-top: 5px;color: #333333;;letter-spacing: 0.1px;}
.h2{font-size: 1.2em;font-weight: 600;margin-top: 5px;color:  #333333;letter-spacing: 0.1px;color:#000000;}
h3{font-size: 1.1em;color:  #000000;font-weight: 400;}
h4 {font-size: 1em;font-weight: 400;border-bottom: solid 1px #ffffff;margin-bottom:1px;}
h5{font-size: 1em;color: #666666;color: #3e8e7e;font-weight: 600;margin-top: 4px;margin-bottom: 1px;border-bottom: solid 1px #3e8e7e;}

.smallfont,.smallfont td{ font-size: 10px;}
.small2font,.small2font td{ font-size: 0.95em;}
.small3font,.small3font td{ font-size: 0.85em}

.btnsmall{background: transparent;padding-left: 8px;padding-right: 8px;padding-top: 1px;padding-bottom: 1px;width:auto;min-height:20px;border:thin  solid #CCCCCC;font-size:0.9em;border-radius: 4px;	float:left;padding-left:20px;padding-right:20px;color:#fff;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;border-radius: 15px 0 15px;background-color:#F09300;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.btnselect{background: transparent;padding-top: 1px;padding-bottom: 1px;width:100%;min-height:28px;border:thin  solid #CCCCCC;font-size:0.9em;border-radius: 7px;	float:left;color:#fff;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;	background-color:#7E9BB2;}
.btnsel{-webkit-transition:all .2s ease-in;transition:all .2s ease-in;	background-color:#52AE8C;}

.btn, .btng, .btnr,.btnb{color:#fff;background: transparent;padding-left: 12px;padding-right: 12px;padding-top: 3px;padding-bottom: 3px;width:100%;
	min-height:30px;border:thin  solid #CCCCCC;background:rgba(255,255,255,0.7);border-radius: 4px;	float:left;
	-webkit-transition:all .2s ease-in;transition:all .2s ease-in;}
.btn{ background-color:#F09300;}
.btng{background-color: #006600;}
.btnr{background-color: #CC3300;}
.btnb{background-color: #4F94BD;}

.bgYel{ background-color:#F09300;}
.bgGreen{background-color: #006600;}
.bgRed{background-color: #CC3300;}
.bgBlue{background-color: #4F94BD;}


.btn:active,.btn:focus,.btnsmall:hover,.btng:hover,.btnr:hover,.btn:hover,.btnb:hover,.btnselect:focus,.btnselect:hover{background-color:#152342}

.u {border-bottom: solid 1px #333;}
.r {text-align:right;}
.c {text-align:center;}
.b,b,strong {font-weight:600;}
.i,.i td {font-style: italic;}
.ow {width:120px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.h,.h td {display:  ruby}

.div50 {margin:0px;padding:0px;width:49.8%;position:relative}
.wh100{width:100%;height:100%}
.cen {text-align: center;}
.priser{font-size: 28px;color:  #000000;font-weight: bolder;}
.bigpriser,.bigpriser td{line-height: 40px;font-size: 50px;}
.notbigpriser,.notbigprisertd{line-height: 30px;font-size: 38px;font-weight: 500;}

.liste {position: relative;font-size:0.9em;white-space: normal;}
.liste td,.liste th{padding: 2px;padding-right: 8px;padding-left: 8px;font-size:0.9em;white-space: normal;}
.liste {width: 100% ;border-spacing: 0px;border-collapse: separate;}

.txtliste,.txtliste td{font-size:1em;box-sizing: border-box;}
.txtliste{padding-left:10px;padding-right:10px;;}

.label{display:block;;line-height:1}
label{font-size:10px;font-weight:500;}

.graph {height:270px;width:100%;border:thin black solid;border-radius: 10px;background:rgba(202,227,202,0.4)} 

.bottomshadow{-webkit-box-shadow:9px 7px 7px 7px rgba(0,0,0,.42);-moz-box-shadow:9px 7px 7px 7px rgba(0,0,0,.42);box-shadow:9px 10px 7px 7px rgba(0,0,0,.42)}
.boxshadow{-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,.555);-moz-box-shadow:3px 3px 5px 0 rgba(0,0,0,.55);box-shadow:3px 3px 5px 0 rgba(0,0,0,.55)}

input,select { box-sizing: border-box;padding: 5px;border-radius: 5px;color: #404040;border:#a4a4a4 1px solid;font-size:16px;background: 0 ;width:100%;}
.vismer {background-color: #F09300;color:#FFFFFF}

.padd10{box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
.padding10{box-sizing: border-box;padding: 10px;}
.wb {background-color:#FFFFFF;box-sizing: border-box;padding-top: 5px;border-radius: 5px;border: solid 1px #C0C0C0;}

#bottom a{text-decoration: none;color:#FFFFFF;}
#bottom a:hover{color:#C0C0C0;transition: 0.3s ease;}
.footer {color:#FFFFFF;font-size:90%;}
.gauge{box-sizing: border-box;height:200px;min-height:180px;width:50%;padding:0px;padding-top:6px;float:left;margin:0px;}
.goleftafter{float: right;box-sizing: border-box;margin-right:10px;width:47%;}

.insertBr {display:  none;}
.p5 {padding:0px;}

.r{text-align:right;}

.gray {background:rgba(247,243,243,0.3);}

.gray td{border-bottom-style: solid;border-bottom-width: thin;border-bottom-color: #808080;}
.white  {background:rgba(237,237,237,0.3);}
.white td {border-bottom-style: solid;border-bottom-width: thin;border-bottom-color: #808080;}

.uline,.uline td {border-bottom-style: solid;border-bottom-width: thin;border-bottom-color: #808080;}

.timereg {width:99%;min-width:220px;position:relative;border-spacing: 1px;border-collapse: separate; overflow: hidden;}
.tdhighligth {background:rgba(32,32,32,0.2);}
.tdh,.tdh td{background-color: #13838C;color: #FFFFFF;}
.tdhg,.tdhg td{background-color: #FAEDC6;}

.tdhighligth,.tdhighligth td {border-bottom-style: solid;border-bottom-width: thin;border-bottom-color: #F4F4F4;color: #000000;text-align:center;font-weight:bold;}
.f{background-color: #E4AA52;color: #fff;transition: all .2s ease-in;width:100%;cursor: pointer;}

.timereg td:hover::before { background-color: #ffa;content: '';height: 100%;left: -5000px;position: absolute;top: 0;width: 10000px;z-index: -2; }
.timereg td:hover::after { background-color: #ffa;content: '';height: 10000px;   left: 0;position: absolute; top: -5000px;width: 100%;z-index: -1;}

.myhov:hover {background-color: #ffa;}
.warnMaxPris{width:100%;height:45px;white-space:nowrap;background:rgba(255,64,64,0.8);color:#FFFFFF;font-weight:600;vertical-align:middle;text-align:center;display: flex;justify-content: center;align-items: center;font-size: 90%;}
.warnMinPris{width:100%;height:45px;white-space:nowrap;background:rgba(87,197,87,0.8);color:#FFFFFF;font-weight:600;vertical-align:middle;text-align:center;display: flex;justify-content: center;align-items: center;font-size: 90%;}

input[type=number] {text-align:right;}
input[readonly]{color: #C0C0C0;}

.whitetext,.whitetext td,.whitetext label,.whitetext input { color: #ffffff;}
.whitetexta a, whitetexta td a, whitetexta a:visited,whitetexta td a:visited  { color: #ffffff;text-decoration: none;}
.whitetexta a:hover,whitetexta td a:hover{color: #C0C0C0;text-decoration: none;}


.mydiv {position:fixed;z-index:7999;margin:0px;top:0; bottom:0; right:0; left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.mydivoff{display:none;opacity: 0;}
.popupdiv{position: fixed;z-index:9350 !important;border: 1px solid #d3d3d3;width:100%;height:100%;display:none;top:10px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.slideropen {visibility: visible;opacity: 100;transition: visibility 0s 0.5s, opacity  0.5s linear;}
.sliderclosed {visibility: hidden;opacity: 0;transition: visibility 0s 0.5s, opacity  0.5s linear;}
#madalcontent{padding:1px; margin-bottom:1px;height:100%;width:auto;}

.contentTD {box-sizing: border-box;height:100%;padding:30px}
input[type=number]:hover,input[type=text]:hover,input[type=date]:hover,select:hover {cursor:pointer;background-color: #A4D8CE;opacity:0.8;transition: all 1s ease;}
input[type=number]:focus,input[type=text]:focus,input[type=date]:focus,select:focus{cursor:pointer;background-color: #A4D8CE;opacity:0.8;transition: all 1s ease;}
.mini{padding:0px;margin:0px;font-weight: 600;}

.PadH2 {margin-top:5px;padding-left:15px;}  

.PadH5 {padding-left:15px;font-size: 1em;font-weight: 600;;margin-top: 4px;margin-bottom: 10px;border-bottom: solid 1px #3e8e7e;} 

.hand{cursor:pointer;}
.smallAd {display: table;max-height:150px;;margin:auto;}  
.red,.red td {color: #D60000;}
.green,.green td {color: #197319;}

.noscroll{overflow: hidden; }
.scroll {overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
:target {display: block;position: relative;top: -100px; visibility: hidden;}
.linkboks a{color:#000000;}
.linkboks{background-color:#C0C0C0;color:#FFFFFF;float:left;padding-top:3px;padding-bottom:3px;padding-left:10px;padding-right:10px;margin-top:12px;margin-right:12px;}


.h100{height:100%;}
.h150p{height:150px;}
.h100w100 {height:100%;width:100%;}
.h100w100p {height:100px;width:100%;}
.fleft{float:left;}
.flex{display:flex;}
.tblfix{table-layout: fixed;}
.cboth{clear:both;}

.w10 {width:10%}
.w20 {width:20%}
.w25 {width:25%}
.w100 {width:100%}
.w50 {width:50%}
.w33 {width:33%}
.w14 {width:14%}
.w15 {width:15%}


@-moz-keyframes Marquees {
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes Marquees {
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); }
}
@keyframes Marquees {
	0%   { -moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}
	100% {-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%);transform: translateX(-100%); }
}


@media (max-width: 1030px) {
		body {
		height: 100%;
		margin: 0;

		font-weight: 500;
		}

	.menu { display:none;position: absolute;background-color: rgb(255, 255, 255,.8);right: 0;left: 0;text-align: center;top:60px;}
	.menu li {width:90%;}
	.nav-links a {color: #000;font-size:1em;}
	.menu li:hover {display: inline-block;background-color:#4c9e9e;transition: 0.3s ease;}
	.menu li + li {margin-top: 12px; }
	
	input[type=checkbox]:checked ~ .menu{display: block;}
	.hamburger {display: block;padding-right:25px;}
	.dropdown {left: -90%;top: 30px;transform: translateX(35%);background-color: rgb(0, 0, 0,.6);}
	.dropdown li:hover {background-color: #4c9e9e;}
	.dropdown a,.dropdown li {color: #000000;}

	.funksjoner{width: 49%;}
	.funksjoner2{float: left;width: 100%;}
	.img {height: 50px;width: auto;}
	
	.imgdiv {height: auto;width: 50%;max-width:300px;	}
	h1,h5{font-size: 1.2vw;}
	
	.goleftafter{float: left;font-size:0.8em;width:100%;}
	.tightfunksjoner{width: 100%;position:relative;}
	h1,h5{font-size: 2.5vw;;font-weight:500;}
	h2{font-weight: 500;font-size: 1.2em;margin-bottom:5px;	}
	h3{font-size: 2vw;;font-weight:500;}
	.liste td,.liste th{font-size:0.75em;white-space: normal;}
	input,select {padding: 5px;border-radius: 5px;color: #000000;border:#a4a4a4 1px solid;font-size:11px;width:80%;position:relative;display:block}	
}




@media screen and (max-width:750px){
	.pushtop,#pushtop{margin-top:60px}
	.wb {margin:0px;box-sizing: border-box;}
	.p5 {padding-left:5px;padding-right:5px;}
	.insertBr {display:block;line-height:1px;content: ' ';}
	
	.gauge{width:100%;height:200px;min-height:200px;position:relative;}
	.goleftafter{width:99%;position:relative;padding-left:15px;padding-right:15px;padding-top:0px;margin-top:0px;text-align:center;}
	.goleft{float:none;padding-bottom:10px;	}
	.goright{float:  none;padding-bottom:10px;}
	.gaugediv{height:auto;min-height:200px;position:relative;box-sizing: border-box;}
	.small3font,.small3font td{ line-height: 1.3; }
	
	.h,.h td {display: none}
	
	.funksjoner{width: 100%;margin-top:20px;margin-bottom:20px;}

	.newsfunksjoner{width: 100%;margin-top:20px;margin-bottom:20px;}
	
	.smalldiv{width: 100%;height:auto;}
	
	
	h1{	font-size: 3.5vw;font-weight:500;}
	h5{	font-size: 4vw;font-weight:500;}
	h3{	font-size: 1em;}

	
	.liste td,.liste th{font-size:0.8em;margin-left:1px;padding-right:5px;}
	.bannerbox {position:absolute;bottom:0px;;height:60%;min-height:150px;width:100%}
	.bannerbox h2 {font-size: 0.9em;}
	#top {height: 60px;}
	
	#maincontent{padding:0px;}
	.content{margin-top:0px;margin-bottom:0px;}
	.banner {height: 200px;}
	.bannernopic {height: 200px;}
	.img {height: 50px;width: 90%;}	
	.bannertxt {display: none;}
	.img {height: 40px;width: auto;}
	.imgdiv {height: auto;width: 100%;max-width: none;float: none; padding-bottom:10px;padding-right:0px;}
	.imgdivsmall {height: auto;width: 45%;max-width:90px;	float: left;padding-bottom:0px;padding-right:5px;}

	
	.graph {height:200PX;width:auto;border-radius: 5px;margin:2%; box-sizing: border-box;display:block}
	.roundbox {	width:100%;	background:rgba(214,214,214,0.2);	border-radius: 0px;	}
	.boxshadow{-webkit-box-shadow:0px 0px 0px 0 rgba(0,0,0,.13);-moz-box-shadow:0px 0px 0px 0 rgba(0,0,0,.13);box-shadow:0px 0px 0px 0 rgba(0,0,0,.13)}
	.txtliste{padding-left:5px;padding-right:5px;}
	input,select {	padding: 10px;	border-radius: 5px;	color: #000000;	border:#a4a4a4 1px solid;	font-size:12px;	width:100%;	position:relative;	display:block}
	
	.div50 {width:100%;}
}

.slidecontainer {
  width: 100%; border-radius: 3px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
background:#F3FDF3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
  border-radius: 12px;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

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

.switch {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 20px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 1px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}
.slider.round {
  border-radius: 8px;
}

.slider.round:before {
  border-radius: 50%;}