/* cmsms stylesheet: Vertikal menu stylesheet modified: Friday, June 12, 2020 7:15:44 AM */
html, body {
font-family: Arial;
background-color: black;
}

h1 {
text-align: center;
text-transform: uppercase;
}

img {
max-width: 100%;
height: auto;
}

a {
color:white
}

a:hover {
color: #bcc3ce;
}

#header {
background: url(../../uploads/images/toplogouas.jpg);
}

#footer {
background-color: #152b43;
}

.thpics {
display: block;
}

.tekstiboksunderside {
width: 95%;
margin-left: auto;
margin-right: auto;
}

table, th, td {
  border: 1px solid;
  border-collapse: collapse;
padding: 5px;
}

.cms_form > table, th, td {
border: 0px;
}

#fbrp__42_2, label {
display: none;
}

table {
  width: 100%;
}

@media screen and (min-width: 1279px) {

.herolille {
display: none;
}

/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
	height: 1%;
	width: auto;
	margin: 0;
	padding: 0;
       text-align: center;
}
ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
	padding-left: 10px;
color: white;
}
ul#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;

}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */

/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 1px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the \"a\" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 220px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the \"a\" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1em;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: white;
  text-align: center;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 12px 15px 12px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
}
ul#primary-nav li li a:hover {
color: #bcc3ce;
}
ul#primary-nav li a.menuactive {
	color: white;
font-weight: bold;
}
ul#primary-nav li a.menuactive:hover {
	color: white;
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
	display: block;
	background:  url(__URL%2c%2c641852bf022ec0b50add718347cdbc86__.html) no-repeat 98% center;
}
/* gif for IE6, as it can\'t handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or \'right\' puts it to far */
	background:  url(__URL%2c%2cdde15551292e9f1a8fe80946b5220cf8__.html) no-repeat 98% center;
}
ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 3px 6px 15px;
	font-weight: normal;
	color: #fff;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
background-color: #152b43;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	opacity: 1;
border: solid #bcc3ce;
border-width: 0px 3px 3px 3px;
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	color: #000
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

#logoholdermobile {
	position: absolute;
	left: -1000px;
visibility: hidden;
}

.banner {
margin-left: 1.5%;
margin-top: 1.5%;
width: 380px;
}

#container {
width: 1200px;
margin: 0 auto;
}

#menu {
width: 75%;
float: left;
}

#content {
width: 100%;
margin-right: auto;
margin-left: auto;
}

/////#news {
float: right;
width: 23%;
border: solid #D05A57;
padding: 5px;
margin-top: 75px;
margin-bottom: 10px;
}

#title {
font-size: 2em;
text-align: center;
margin-top: 30px;
}

#fakta {
width: 31.9%;
height: 100%;
background-color: rgba(192,192,192,0.3);
position: absolute;
//transition: all 1s ease;
padding-left: 5px;
padding-right: 5px;
}

/* Start change 2019 */
#explainingText{
background-color: rgba(192,192,192,0.3);
color: white;
width: 781px;
height: auto;
padding: 1%;
margin-top: 0.4%;
}

#hero_twitter_holder{
display: flex;
height: auto;
align-items: stretch;
}

#twitterBox {
flex-grow: 2;
height: auto;
}

#twitter {
width: 392px;
}

#billedefakta_hero_and_text{
margin-right: 1%;
flex-grow: 8;
}
/* End change 2019 */

#flexboks {
display: flex;
}

#textholder {
padding: 10px;
float: left;
width: 31%;
margin-top: 5px;
background-color: #1e3d60;
min-height: 500px;
//transition: background-color 1s ease;
color: white;
flex: 1;
}

//#textholder:hover {
background-color: rgba(87,117,153,1)
}

#thpic {
width: 99%;
margin-right: 2px;
}

#textholder2 {
width: 31%;
background-color: grey;
height: auto;
padding: 10px;
margin-top: 5px;
float: left;
margin-left: 1%;
margin-right: 1%;
background-color: #152b43;
min-height: 500px;
//transition: background-color 1s ease;
color: white;
flex: 1;
}


#thpic2 {
width: 100%;
margin-top: auto;
}


#textholder3 {
float: left;
width: 31%;
height: auto;
padding: 10px;
margin-top: 5px;
min-height: 500px;
background-color: #152b43;
//transition: background-color 1s ease;
color:white;
flex: 1;
}

//#textholder3:hover {
background-color: rgba(87,117,153,1)
}

#thpic3 {
width: 99%;
}

.tekstiboks {
padding: 10px;
float: left;
width: 95%;
}

#textholderunderside {
background-color: #1e3d60;
width: 100%;
height: auto;
overflow: hidden;
color: white;
border: solid #bcc3ce;
border-width: 3px 0px 0px 0px;
}

#footer {
width: 100%;
height: auto;
float: left;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
}

#header {
float: left;
width: 100%;
height: auto;
}

#picfooter {
  width: 30%;
text-align: left;
color: white;
padding-left: 2%;
opacity: 0.7;
}

#copyright {
width: 65%;
text-align: left;
color: white;
border: solid white;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
opacity: 0.7;
}

#tokasserfooter {
    display: flex;
    justify-content: center;
padding: 20px;
}

#logoholder {
margin-bottom: 10px;
opacity: 0.7;
}

#sduouh {
 width: 100%;
    height: auto;
    left: 0px;
    right: 0px;
}


#content iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content iframe {
  width: 100%;
}

table, th, td {
  border: 1px solid;
  border-collapse: collapse;
padding: 5px;
}

.cms_form > table, th, td {
border: 0px;
}

#fbrp__42_2, label {
display: none;
}

table {
  width: 100%;
}

#search {
float: right;
margin-top: 13%;
margin-right: 0.5%;
}

#flag {
float: right;
margin-top: 13%;
margin-right: 1%;
}

}

/* TAAAAAAAABLEEEEEEEEEET */
@media screen and (max-width: 1278px) {

.herolille {
display: none;
}

/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
	height: 1%;
	width: auto;
	margin: 0;
	padding: 0;
       text-align: center;
}
ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
	padding-left: 10px;
}
ul#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;

}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */

/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 1px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the \"a\" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 220px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the \"a\" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1em;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: white;
  text-align: center;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 12px 15px 12px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
}
ul#primary-nav li li a:hover {
	color: #bcc3ce;
}
ul#primary-nav li a.menuactive {
	color: white;
	font-weight: bold;
}
ul#primary-nav li a.menuactive:hover {
	color: white;
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
	display: block;
	background:  url(__URL%2c%2c641852bf022ec0b50add718347cdbc86__.html) no-repeat 98% center;
}
/* gif for IE6, as it can\'t handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or \'right\' puts it to far */
	background:  url(__URL%2c%2cdde15551292e9f1a8fe80946b5220cf8__.html) no-repeat 98% center;
}
ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 3px 6px 15px;
	font-weight: normal;
	color: #fff;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
background-color: #152b43;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	opacity: 1;
border: solid #bcc3ce;
border-width: 0px 3px 3px 3px;
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	color: #000
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

#logoholdermobile {
	position: absolute;
	left: -1000px;
visibility: hidden;
}

.banner {
margin-left: 1%;
margin-top: 3%;
width: 290px;
}

/* Start change 2019 */
.herostor {
display: none;
}

.herolille {
display: block;
}

#explainingText{
background-color: rgba(192,192,192,0.3);
color: white;
width: auto;
height: auto;
padding: 1.5%;
margin-top: 10px;
margin-bottom: 10px;
}

/* End change 2019 */

#container {
width: 900px;
margin: 0 auto;
}

#menu {
width: 75%;
float: left;
}

#content {
width: 100%;
margin-right: auto;
margin-left: auto;
}

/////#news {
float: right;
width: 23%;
border: solid #D05A57;
padding: 5px;
margin-top: 75px;
margin-bottom: 10px;
}

#title {
font-size: 2em;
text-align: center;
margin-top: 30px;
}

#fakta {
width: 32.8%;
height: 225px;
background-color: rgba(192,192,192,0.3);
text-align: left;
position: absolute;
}

#faktatekst {
color:white;
padding-left: 25px;
padding-right: 25px;
position: absolute;
font-size: 14px;
}

#billedefakta {
height: 225px;
width: 100%;
background-color: black;
position: relative;
display: block;
border: solid #bcc3ce;
border-width: 3px 0px 0px 0px;
}

#flexboks {
display: flex;
}

#textholder {
padding: 10px;
float: left;
width: 30.5%;
margin-top: 10px;
background-color: #1e3d60;
min-height: 500px;
//transition: all 1s ease;
color:white;
flex: 1;
}

//#textholder:hover {
background-color: rgba(87,117,153,1);
}

#thpic {
width: 99%;
}

#textholder2 {
width: 30.5%;
height: auto;
padding: 10px;
margin-top: 10px;
float: left;
margin-left: 0.9%;
margin-right: 0.9%;
background-color: #152b43;
color:white;
flex: 1;
}

//#textholder2:hover {
background-color: rgba(87,117,153,1);
}


#thpic2 {
width: 100%;
}

#textholder3 {
float: left;
width: 30.5%;
height: auto;
padding: 10px;
margin-top: 10px;
min-height: 500px;
background-color: #152b43;
//transition: all 1s ease;
color:white;
flex: 1;
}

//#textholder3:hover {
background-color: rgba(87,117,153,1);
}

#thpic3 {
width: 99%;
}

.tekstiboks {
padding: 10px;
}

.tekstiboksunderside {
width: 95%;
margin-left: auto;
margin-right: auto;
}

#textholderunderside {
background-color: #1e3d60;
width: 100%;
height: auto;
overflow:hidden;
color:white;
border: solid #bcc3ce;
border-width: 3px 0px 0px 0px;
}

#footer {
width: 100%;
height: auto;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

#header {
float: left;
width: 100%;
}

#picfooter {
  width: 30%;
text-align: left;
color: white;
padding-left: 2%;
opacity: 0.7;
}

#copyright {
width: 65%;
text-align: left;
color: white;
border: solid white;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
opacity: 0.7;
}

#tokasserfooter {
    display: flex;
    justify-content: center;
padding: 20px;
}

#logoholder {
margin-bottom: 10px;
opacity: 0.7;
}

#sduouh {
 width: 100%;
    height: auto;
    left: 0px;
    right: 0px;
}

#search {
margin-right: 1%;
margin-top: 15%;
float: right;
}

#flag {
float: right;
margin-top: 15%;
margin-right: 1%;
}

}


/* MOBIL */
@media screen and (max-width: 900px) {
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;

}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
	height: 1%;
	width: 100%;
	margin: 0;
	padding: 0;

}
ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul#primary-nav {
	padding-left: 0px;
}
ul#primary-nav ul {
	position: absolute;
margin: 0px;
padding: 0px;


}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */

/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 1px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
/* no margin/padding keeps them next to each other, the padding will be in the \"a\" */
	margin: 0px;
	padding: 0px;
      width: 100%;

}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 220px;
/* removes any left margin it may have picked up from the first li */
	margin-left: auto;
margin-right: auto;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */

}
/* set the \"a\" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 14px;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: white;
  text-align: center;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 12px 15px 15px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
}
ul#primary-nav li li a:hover {
	color: white;
font-weight: bold;
}
ul#primary-nav li a.menuactive {
	color: white;
	font-weight: bold;
}
ul#primary-nav li a.menuactive:hover {
	color: white;
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
	display: block;

}
/* gif for IE6, as it can\'t handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or \'right\' puts it to far */
	background:  url(__URL%2c%2cdde15551292e9f1a8fe80946b5220cf8__.html) no-repeat 98% center;
}
ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	font-weight: normal;
	color: #fff;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
#1e3d60;
float: left;	
	padding: 0px;
	width: 96.5%;
	height: auto;
	display: none;
	z-index: 999;
	opacity: 1;
border: 0px;
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	color: #000
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
float:left;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

#container {
width: 100%;
margin-left: auto;
margin-right: auto;
}

#menu {
width: 75%;
float: left;
margin: 0px;
}

#content {
width: 100%;
}

.banner {
margin-bottom: 1.5%;
}

#header {
width: 100%;
height: auto;
padding-bottom: 10px;
}

#header img{
display: block;
margin-left: auto;
margin-right: auto;
}

#search {
margin-top: 0px;
display: block;
margin-right: 1%;
}

/////#news {
float: right;
width: 23%;
border: solid #D05A57;
padding: 5px;
margin-top: 75px;
margin-bottom: 10px;
}

#title {
font-size: 2em;
text-align: center;
margin-top: 30px;
}

#fakta {
width: 100%;
background-color: #152b43;
position: inherit;
overflow: hidden;
height: auto;
text-decoration: none;
}

#faktatekst {
color:white;
padding-left: 8%;
padding-right: 6%;
font-size: 13px;
position: inherit;
text-decoration: none;
}

#fakta a {
text-decoration: none;
}

#billedefakta {
width: 100%;
background-color: black;
display: block;
height: auto;
background: url(uploads/images/Hero-illu_v5_mobil.html) no-repeat;
}



.mobilbillede {
width: 100%;
height: auto;
}

#flexboks {
display: block;
}

.tekstiboksunderside {
width: 82%;
margin-left: auto;
margin-right: auto;
}

#textholder {
padding: 0px;
width: 100%;
margin-top: 10px;
background-color: #1e3d60;
min-height: 500px;
color:white;
border: solid #bcc3ce;
border-width: 3px 0px 0px 0px;
font-size: 13px;
}

#thpic {
width: 90%;
margin: 0 auto;
margin-top: 10px;
}

#textholder2 {
width: 100%;
height: auto;
margin-top: 10px;
background-color: #152b43;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
color:white;
overflow: hidden;
font-size: 13px;
}

#thpic2 {
width: 90%;
margin: 0 auto;
margin-top: 10px;
}

#textholder3 {
width: 100%;
height: auto;
padding: 0px;
margin-top: 10px;
background-color: #152b43;
color:white;
font-size: 13px;
}

#thpic3 {
width: 90%;
margin: 0 auto;
margin-top: 10px;
}

.tekstiboks {
padding-left: 8%;
padding-right: 6%;
}

#textholderunderside {
background-color: #1e3d60;
width: 100%;
height: auto;
overflow: hidden;
}

#footer {
width: 100%;
height: auto;
float: left;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
}


#picfooter {
  width: 35%;
text-align: left;
color: white;
padding-left: 3%;
opacity: 0.7;
}

#copyright {
width: 52%;
text-align: left;
color: white;
border: solid white;
border-width: 0px 1px 0px 0px;
padding-right: 2%;
opacity: 0.7;
}

#tokasserfooter {
    display: flex;
    justify-content: center;
padding: 20px;
}

#logoholder {
	position: absolute;
	left: -1000px;
visibility: hidden;
}

#logoholdermobile {
margin-bottom: 10px;
opacity: 0.7;
visibility: visible;
left: 0px;
position: static;
}

#sduouh {
 width: 100%;
    height: auto;
    left: 0px;
    right: 0px;
}

.thpics {
height: auto;
}

#flag {
float: right;
margin-top: 0%;
margin-right: 1%;
}

.herostor{
display: none;
}

.herolille {
display: block;
}

}