:root
{
  --color1: #E1F5EE; //#ddeee3;
  --color2: #9FE1CB; //#99ccac;
  --color3: #44885d;

  --text: #071123;
  --lightText:#575e69;

	--border: #dfe2e4;
	--gray:#F4F6F8;

	--gray0:#FAFAFA;
	--gray1:#dfe2e4;
	--gray2:#071123;
	
	--brown1: #F5F4EE;

  --padding:20px 20px;

	--shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  --border-radius:12px;
  
  --pageWth:1100px;
}
* {box-sizing: border-box;line-height:150%;}
body {margin:0;padding:0;padding-top:68px;background-color:var(--gray);}
form,p {margin:0;padding:0}
body,table,tr,td,form,input,select,textarea,h1,h2,h3 {font-family:Poppins;font-size:15px;color:var(--text);}
img {border:0}
input,select,textarea {color:var(--text);font-size:14px}
input[type=text], input[type=password], input[type=number], select, textarea,fieldset {display:block;margin:0;padding:12px;border-radius:var(--border-radius);outline:none;border:1px solid var(--color2); background-color:white; width:100%;}
input[type=radio] {margin:0 0 0 0;}
select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, fieldset:focus-within {box-shadow:var(--color2) 0 0 6px 0px;}
input:placeholder,textarea:placeholder {font-size:14px;color:var(--lightText);}
label {display:block;font-weight:normal;color:var(--lightText);font-size:12px; margin-bottom:2px;}
a:link, a:visited, a:hover, a:active {text-decoration:none;color:var(--color3);}
a:hover { text-decoration:underline}
span {line-height:inherit;}
hr {height:1px;border:none;background-color:var(--border);margin:20px 0;}
ul,ol {margin:0;padding:0;padding-left:20px}
li {margin-top:5px;padding-left:0px}
li:first-child {margin-top:0}

/*
h1: Page-title
h2: Undertitler
h3: Navn
h4: Headings i boks
*/

h1 {font-family:inherit;font-size:30px;color:var(--text); font-weight:bold;padding:0;margin:0;margin-bottom:40px;text-align:center;line-height:110%;}
h2 {font-family:inherit;font-size:24px;color:var(--text); font-weight:bold;padding:0;margin:0;margin-bottom:20px;text-align:center;line-height:110%;}
h3 {font-family:inherit;font-size:100%;color:var(--text); font-weight:bold;padding:0;margin:0;margin-bottom: 5px;text-align:left  ;line-height:110%;}
h4 {font-family:inherit;font-size:100%;color:var(--text); font-weight:bold;padding:0;margin:0;margin-bottom: 5px;text-align:left  ;line-height:110%;}

#header {position:fixed;top:0;left:0;width:100%;border-top:3px solid var(--text);border-bottom:1px solid var(--gray1);background-color:#FEFEFE;padding:0 10px}
#header,#header a {color:var(--text);}
#header>div {display:flex;justify-content:space-between;align-items:center;max-width:var(--pageWth);margin:auto;height:64px;}







#header > div > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > img {height:35px}
#header > div > div:nth-child(1) > div:nth-child(1) {display:flex;gap:10px;align-items: center;}
#header > div > div:nth-child(1) > div:nth-child(1) > a:nth-child(2) {font-size:28px;text-decoration:none;}
#header > div > div:nth-child(1) > div:nth-child(2) {display:none;font-size:12px;}






#header > div > div:nth-child(2) {font-size:12px;}
#header > div > div:nth-child(2) > div {color:var(--lightText);}
#header > div > div:nth-child(3) {display:flex;gap:15px;align-items: center;font-size:14px;}
#header > div > div:nth-child(3) > a {color:var(--lightText);text-decoration:none;font-weight:500;}
#header > div > div:nth-child(3) > a:hover {color:var(--text);}
#header > div > div:nth-child(3) > a.button {color:white}
#header > div > div:nth-child(1) > a:nth-child(2) {text-decoration:none;}

@media(max-width:800px)
{
#header > div > div:nth-child(3) > a:nth-child(1) {display:none;}
#header > div > div:nth-child(3) > a:nth-child(2) {display:none;}
}

@media(max-width:650px)
{
#header > div > div:nth-child(3) > a:nth-child(3) {display:none;}
}

@media(max-width:500px)
{
#header > div > div:nth-child(1) > div:nth-child(2) {display:block;}
#header > div > div:nth-child(1) > div:nth-child(1) > a:nth-child(2) {font-size:25px;}
#header > div > div:nth-child(2) {display:none;}
}

.shadedBox {border:1px solid var(--color2);border-radius:var(--border-radius);overflow:auto;}
.shadedBox>div:nth-child(odd) {padding:20px;background-color:var(--color1);}
.shadedBox>div:nth-child(even) {padding:20px;}


#MenuTgl {font-size:20px;text-decoration:none}
a#MenuTgl  {}
a:hover#MenuTgl {color:red}

#MenuBar {position:fixed;right:max((100vw - 1200px)/2,10px);top:58px;background-color:white;padding:10px;z-index:999;font-size:12px;border-radius:10px;box-shadow:var(--shadow);}
#MenuBar>p {display:block;color:var(--text);padding:3px 10px;text-decoration:none;}
#MenuBar>a {display:block;color:var(--text);padding:3px 10px;text-decoration:none;}
#MenuBar>a:hover {background-color:var(--color1);border-radius:10px;}


#body 
{
	max-width:var(--pageWth);
	margin:auto;
	padding:40px 10px;
}


#footer {border-top:4px solid var(--color3);background-color:white}
#footer > div {max-width:var(--pageWth);margin:auto;padding:40px 10px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;}
#footer > div, #footer > div a {color:var(--lightText);font-size:14px;}
#footer >div h2 {font-size:14px;font-weight:bold;text-align:left;margin:0;}
#footer > div:nth-child(1) > div {flex:1 0 175px;display:flex;flex-direction:column;gap:8px;}
#footer > div:nth-child(1) {border-bottom: 1px solid #dfe2e4;}
#footer > div:nth-child(1) > div:nth-child(1) > div {padding-bottom:10px;}
#footer > div:nth-child(2) {padding:20px 10px;}


.bulletList {display:flex;flex-direction: column;gap:10px}
.bulletList > div {display:flex;align-items: center;gap:20px}
.bulletList > div > *:nth-child(1) {flex-shrink:0;display:flex;justify-content:center;align-items: center;width:50px;height:50px;border-radius:50%;border:2px solid var(--color3);color:var(--color3);font-size:24px;font-weight:bold}
.bulletList > div > *:nth-child(2) {}


.fit {max-width:fit-content;margin:auto;}
.info {background-color:var(--color1);border-radius:var(--border-radius);padding:25px;}
.spc {margin-top:5px}
.ctr {text-align:center}
.flex {display:flex;flex-wrap:wrap;gap:10px;align-items:center;}

.bullet {display:grid;grid-template-columns:30px auto;gap:20px 10px;justify-content: center;}
.bullet>div:nth-child(odd)  {border-radius:50%;width:30px;height:30px;background-color:var(--color3);color:white;text-align:center;padding-top:5px;}
.bullet>div:nth-child(even) {padding-top:5px;}

.w400  {max-width: 400px;margin:auto;}
.w500  {max-width: 500px;margin:auto;}
.w600  {max-width: 600px;margin:auto;}
.w800  {max-width: 800px;margin:auto;}
.w1000 {max-width:1000px;margin:auto;}
.w1100 {max-width:1100px;margin:auto;}
.w1200 {max-width:1200px;margin:auto;}
.w1300 {max-width:1300px;margin:auto;}
.w1400 {max-width:1400px;margin:auto;}

*.topbrd {margin-top:10px;border-top:1px solid #D8D8D8;padding-top:10px;}
*.map {border:1px solid #D8D8D8}
*.popup {background-color:#FFFFFF;border:1px solid #FFCC33;padding:5px;}
.sml {color:var(--lightText);font-size:12px;font-weight:normal;}
.sml>a {}

.box      {padding:20px; box-shadow:var(--shadow); border-radius:var(--border-radius);background-color:white; }
.box.brown1 {background-color:var(--brown1);box-shadow:none;}
.box.simple {background-color:white;box-shadow:none;border:1px solid var(--gray1);}
.gray {background-color:var(--gray0); }
.white {background-color:white;}
.brd {padding:12px; border:1px solid var(--color2); border-radius:12px; background-color:white; width:100%;}
.brd:focus-within {box-shadow: var(--color2) 0 0 6px 0px;}

.brdBox {padding:20px;border-radius:var(--border-radius);border:1px solid var(--border);}

.tbl    {border-collapse:collapse;}
.tbl th {background-color:var(--color1);border-left:1px solid var(--color1);}
.tbl th {padding:10px 15px; font-weight:bold;}
.tbl td {padding:10px 15px; border-bottom:1px solid var(--color1); border-right:1px solid var(--color1);}
.tbl th:first-child,
.tbl td:first-child {border-left:1px solid var(--color1);}
.tbl th:last-child {}
.tbl td:last-child {}
.tbl > tbody > tr:hover {background-color:#F4F4F4;}

.prm {display:grid;}
@media(min-width:600px)
{
	.prm {gap:2px 10px; grid-template-columns: max-content auto; align-items: start;}
	.prm>label {padding-top:1.5px;}
}
@media(max-width:599px)
{
	.prm {gap:0px; grid-template-columns:auto;}
	.prm>div {margin-bottom:10px;}
	.prm>div:last-child {margin-bottom:0;}
}
.prm>div:nth-child(odd) {color:#888;font-weight:normal;}
.prm>div:nth-child(even) {font-weight:600;}
.prm>div:nth-child(even) a {font-weight:normal;}


*.error {color:black;min-height:86px;border:2px solid var(--color3); border-radius:var(--border-radius);background-color:var(--color1); background-image:url('Img/Warning.svg');background-size:38px auto;background-repeat:no-repeat;background-position: 20px 20px;padding-left:75px; padding-right:20px; padding-top:20px; padding-bottom:20px;margin-bottom:20px;}
*.error h2 {font-size:100%;font-weight:bold;color:red;margin-bottom:0px;text-align:left;display:inline;padding-right:5px;}

.action>*:before {content:"|";padding:5 5px;}
.action>*:first-child:before {content:"";padding:0;}


*.nav, *.nav a:link, *.nav a:active, *.nav a:visited, *.nav a:hover { text-decoration:none;font-size:12px;font-weight:bold }
*.nav        { color:#666666 }
a.nav        { color:#11449E }
*.navPrev    { }
a.navPrev    { }
*.navNext    { }
a.navNext    { }
               
.TabMenu {display:flex;gap:5px;margin-bottom:40px;flex-wrap:wrap;justify-content: center;}
.TabMenu>a {text-decoration:none;padding:8px 20px 5px 20px;color:var(--text);background-color:var(--color1);}
.TabMenu>a.selected {border-bottom:3px solid var(--color2);}
.TabMenu>a:hover    {border-bottom:3px solid var(--color2);}

*.breadcrumb {margin-top:4px;margin-bottom:4px;font-size:11px;text-transform:uppercase;color:#888}

.button, .button:link, .button:active, .button:visited
{
	display:inline-block;
	text-align:center;
  padding:6px 20px;
 	text-decoration:none; 
	border-style:none;
	border-radius:20px;
	background-color:var(--text);
	transition:background-color 0.5s;
	color:white;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.button:hover
{
	background-color: color-mix(in srgb, var(--text) 70%, white 30%);
}

.button.white {background-color:#FFF; color:var(--color3); border:1px solid var(--color3); padding:5px 19px;}
.button.sml   {font-size:12px;padding:3px 10px;}
.button.green {background-color:green;}
.button.red   {background-color:red;}
.button.green:hover {box-shadow:0px 0px 8px #00BB00;}
.button.red:hover   {box-shadow:0px 0px 8px #BB0000;}


div.labelButton {display:flex;flex-wrap:wrap;gap:5px 10px;}

.labelButton>a,a.labelButton
{
	font-size:12px;
  padding: 2px 10px;
 	text-decoration:none; 
  border: 1px solid #DDD;
  border-radius: var(--border-radius);
  background-color: #EEE;
	color:#888;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
a.labelButton.icon
{
	background-position: 10px center;
  background-size: auto 10px;
  background-repeat: no-repeat;
  padding-left:25px;
}
a.labelButton:hover
{
  background-color: #DDD;
	color:var(--color3);
}

.map {border-radius:var(--border-radius); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);}

.blackBox {display: flex; justify-content: center; align-items: center; min-height:min(calc(100vh - 150px),700px); background-size:cover; background-repeat: no-repeat; background-position:center; padding:50px 25px;}
.blackBox h1,
.blackBox h2,
.blackBox h3 {color:white;}
.blackBox>div {background-color:#000000CC;color:white;border-radius:var(--border-radius); padding:50px 25px;width:100%;max-width:600px;}
.blackBox>div>div {max-width:475px;margin:auto;}

.blackBox li {color:white;}
.blackBox .border {border:1px solid var(--color1);padding:25px;border-radius:var(--border-radius);}

.section.imageInfoBox>div {display:flex; gap:50px;flex-wrap:wrap;}
.section.imageInfoBox>div>div:first-child>img {object-fit:cover; width:100%; height:100%; border-radius:20px;}

.section.imageInfoBox>div>div:nth-child(1) {flex:2 2 100px;}
.section.imageInfoBox>div>div:nth-child(2) {flex:3 3 100px;}

@media(min-width:801px)
{
}
@media(max-width:800px)
{
	.section.imageInfoBox>div {flex-direction: column;}
	.section.imageInfoBox>div>div:first-child {height:200px;}
}

.cards {display:flex;gap:20px;flex-wrap:wrap;}
.cards>div, .card {background-color:var(--color1);border-radius:var(--border-radius);padding:20px;flex:1 1 300px;}

*.logo {border:1px solid #D8D8D8;border-radius:var(--border-radius);background-color:white;padding:5px}
*.logo>tbody>tr>td {text-align:center;color:#888}
*.logo {width:calc(100px + 12px);height:calc(100px/1.3333 + 12px);}

*.label {display:inline-block;background-color:#ffd6a9;border-radius:var(--border-radius);padding:5px 10px;margin-right:15px;margin-bottom:10px;}
a.label  {text-decoration:none}

.hiddenFrm {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:340px;max-width:480px;box-sizing:border-box;}

*.MultiCombo > div:nth-child(1) > span {display:flex;align-items:center;background-color:#DDD;border-radius:15px;padding-top:2px;padding-bottom:2px;padding-right:5px;}
*.MultiCombo > div:nth-child(1) > span  > a:nth-child(1) {font-size:14px;color:#444;text-decoration:none;padding:0 10px;}
*.MultiCombo > div:nth-child(1) > span  > a:nth-child(2) {font-size:12px;font-weight:bold;background-color:#999;border-radius:50%;color:#EEE;text-decoration:none;padding:2 6px;}
*.MultiCombo > div:nth-child(1) > span:last-child {flex-grow:1;max-width:100px;background-color:inherit;padding:0;border-radius:0;display:inline;}
*.MultiCombo > div:nth-child(1) > span:last-child>input {width:100%;padding:4px 4px;margin:0;background-color:#FFF;}
*.MultiCombo > div:nth-child(1) > span:last-child>input:focus {background-color:#FFF;}
*.MultiCombo > div:nth-child(1) {display:inline-flex;flex-wrap:wrap;column-gap:10px;row-gap:10px;}
*.MultiCombo > div:nth-child(2) {display:none;border-top:1px solid #C0C0C0;margin-top:15px;padding-top:10px}
*.MultiCombo > div:nth-child(2) > a {display:block;text-decoration:none;color:black;padding:3px 10px;}
*.MultiCombo > div:nth-child(2) > a:hover {background-color:#DDD;}