:root
{
  --color1: #F5EBE5; //#ed1c2405; //#F5EFE9;
  --color2: #F3DCD7; //#ed1c2416; //#e7d9ca;
  --color3: #ed1c24; //#ed1c24FF; //#c09972;

  --text: #333;
  --lightTextColor:#888;
  --lightTextSize:14px;

  --padding:20px 20px;
  --border-color:#D9D9D9;
}
* {box-sizing: border-box;line-height:150%;}
body {margin:0;padding:0;background-color:rgb(245, 239, 233);}
form,p {margin:0;padding:0}
body,table,tr,td,form,input,select,textarea,h1,h2,h3 {font-family:Poppins;font-size:16px;color:var(--text);}
img {border:0}
input,select,textarea {color:var(--text);font-size:12px}
input[type=text], input[type=password], input[type=number], select, textarea {display:block;margin:0;padding:5px 10px;border-radius:5px;outline:none;border:1px solid #dfbf9f; 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 {border-color:#996633;}
input:placeholder,textarea:placeholder {color:#DDD;}
label {display:block;font-weight:normal;color:var(--lightTextColor);font-size:var(--lightTextSize); /*margin-bottom:3px;*/}
a:link, a:visited, a:hover, a:active {text-decoration:none;color:#0076f0;}
a:hover { text-decoration:underline}

hr {height:1px;border:none;background-color:var(--border-color);margin:20px 0;}
ul,ol {margin:0;padding:0;padding-left:20px}
li {margin-top:10px;padding-left:5px}
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:125%;}
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:125%;}
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:125%;}
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:125%;}

#header {display:flex; justify-content:space-between;align-items:center; padding:0 10px;background-color:white;box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.25);margin-bottom:4px;}
#header,#header a {color:var(--text);}
#header>div {display:flex;align-items:center;gap:15px;font-size:12px;}
#header > div:nth-child(1) > a:nth-child(1) {}
#header > div:nth-child(1) > a:nth-child(2) {font-size: min(calc(0.065 * (100vw - 90px)), 30px);font-size:32px;font-weight:bold;color:black;text-decoration:none;}
#header > div:nth-child(2) > a {background-color:var(--color1);border-radius:10px;padding:4px 10px;text-decoration:none;}
#header > div:nth-child(2) > a:hover {background-color:var(--color2);}
#header > div:nth-child(3) {color:var(--lightTextColor);font-size:var(--lightTextSize);}


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

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

#MenuTgl {font-size:20px;text-decoration:none}
a#MenuTgl  {}
a:hover#MenuTgl {color:red}
#MenuBar {position:absolute;right:0px;top:48px;background-color:var(--color3);padding:10px;z-index:999;font-size:12px;}
#MenuBar>p {display:block;color:var(--color1);padding:3px 10px;text-decoration:none;}
#MenuBar>a {display:block;color:var(--color1);padding:3px 10px;text-decoration:none;}
#MenuBar>a:hover {background-color:var(--color1);color:var(--color3);}


#body 
{
	max-width:1000px;
	margin:auto;
	padding:50px 10px;
}

#footer {background-color:black;padding:50px;}
#footer,#footer a {color:#C3C3C3;text-decoration:none;font-size:14px}
#footer a:hover {color:red;transition: color 0.2s linear;}
#footer h2 {color:#C3C3C3;text-align:left;}
#footer>div>div i {color:var(--color1);display:inline-block;width:25px}
@media(min-width:801px)
{
	#footer {background-color:black;padding:50px}
	#footer>div:nth-child(1) {display:flex;justify-content: space-between;max-width:800px;margin:auto}
}
@media(max-width:800px)
{
	#footer>div:nth-child(1) {display: grid;justify-content: center;}
	#footer>div>div {margin-top:40px}
	#footer>div>div:first-child {margin-top:0}
}

.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:10px;padding:25px;}
.spc {margin-top:5px}
.ctr {text-align: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;}

*.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(--lightTextColor);font-size:12px;font-weight:normal;}
.sml>a {}

.box {padding:20px; overflow:auto; box-shadow:1px 1px 4px 2px rgba(0, 0, 0, 0.2); border-radius:10px;background-color:#FFF; }
.brd {padding:5px 10px;border-radius:5px;border:1px solid #dfbf9f; background-color:white; width:100%;}

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

.prm {display:grid;}
@media(min-width:600px)
{
	.prm {gap:3px 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:bold;}
.prm>div:nth-child(even) a {font-weight:normal;}


*.error {color:black;min-height:86px;border:2px solid var(--color3); border-radius:10px;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 {color:#888;vertical-align:middle}
a.action {text-decoration:underline;text-none:uppercase;font-size:12px}

*.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(--color2);}
.TabMenu>a.selected {border-bottom:3px solid var(--color3);}
.TabMenu>a:hover    {border-bottom:3px solid var(--text);}

*.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:15px;
	background-color:var(--color3);
	color:#FFF;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*.button:active
{
	padding-top:7px;padding-bottom:5px;
	padding-left:21px;padding-right:19px;
}
*.button:hover
{
	box-shadow: 0px 0px 8px var(--color3);
}

*.button.white {background-color:#FFF;color:#000;	box-shadow: 0px 0px 8px #000000;}
.button.sml {font-size:80%;padding:3px 20px;}
.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;}



.w400 {max-width:400px;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;}

.map {border-radius:5px; 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:10px; 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:10px;}

.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:10px;padding:20px;flex:1 1 300px;}

*.logo {border:1px solid #D8D8D8;border-radius:5px;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:10px;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;}