@charset "utf-8";body{font:115%/1.4 Verdana, Arial, Helvetica, sans-serif;}
html{min-height: 100%;}

body { margin:0 0 -60px 0;padding:0 0 -60px 0;
  --text-color: #222;
  --bkg-color: #fff;
}
body.dark-theme {
  --text-color: #eee;
  --bkg-color: #121212;
}

@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
  body {
    --text-color: #eee;
    --bkg-color: #121212;
  }
  body.light-theme {
    --text-color: #222;
    --bkg-color: #fff;
  }
}

* 

body {
  background: var(--bkg-color);
}

h1, h2, h3, h4, h5, h6, h7, ul, li,
p {
  color: var(--text-color);
}


#navcontainer ul
{
	position:fixed; z-index:1;
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #0050aa;
color: #FFF;
width: 100%;
font-size: clamp(8px, 3vw, 18px);
font-weight:bold;
line-height:2em;
text-align: center;
border-bottom:solid 1px;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
background-color: ##0050aa;
color: #FFF;
padding: .2em .5em;

border-left: 1px solid #fff;
}

#navcontainer li a:hover
{
background-color: #fff;
color:#F00;
}
.europa{width:100%;min-width:320px;max-width:960px;}
.container{width:100%;max-width:560px;min-width:320px;margin:0 auto; padding-left:5px}
.container2{width:100%;max-width:900px;min-width:320px;margin:0 auto; padding-left:5px}
.container3{width:100%;max-width:960px;min-width:320px;margin:0 auto; padding-left:5px}
h2.trailer{margin-left:5px;font-size: 0.8em;line-height: 0.9em; margin-top:0px}
.trailer {position: absolute; top: 0px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#002855}
.contact, .contact a:link, .contact a:active, .contact a:visited{width:300px;height:50px;background-color:#0050aa;font-weight:bold;text-decoration:none;color:#fff;margin:0px;display:table-cell;vertical-align:middle;font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;border-radius:15px}
.contact2, .contact2 a:link, .contact2 a:active, .contact2 a:visited .contact2 span{width:300px;height:100px;background-color:#0050aa;font-weight:bold;text-decoration:none;color:#fff;margin:0px;display:table-cell;vertical-align:middle;font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;border-radius:15px}
figure{margin:0 0 0 -20px;text-align:left;}
figure img{width:100%;max-width:960px;min-width:320px;width:auto\9;margin-bottom:15px}
figcaption{color:#000;font-size:small;margin-left:20px;margin-top:0px;margin-bottom:10px;}
.fff{color:#FFF}
.000{color:#000}
.grey{color:#a9a9a9}
.lang{color:#a9a9a9;font-weight:bold}
.lng{background-color:#fff;font-weight:bold}
ul.vlaggen  li:first-child{list-style-image:url('transport_sweden.jpg');}
ul.vlaggen li:first-child + li{list-style-image:url('transport_denmark.jpg');}
ul.vlaggen li:first-child + li + li{list-style-image:url('transport_germany.jpg');}
ul.vlaggen li:first-child + li + li + li{list-style-image:url('transport_the_netherlands.jpg');}
ul.vlaggen li:first-child + li + li + li + li{list-style-image:url('transport_europe.jpg');}
.dropbtn{background-color:#0050aa;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:135px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a{color:#0050aa;padding:12px 16px;text-decoration:none;display:block;}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block;}
.dropdown:hover .dropbtn{background-color:#0050aa;}
.not-active{z-index:99999999;height:40px;line-height:25px;bottom:0px;background-color:#5F5F5F;border-top:0px solid #000;opacity:0.9;filter:alpha(opacity=90);font-size:12px;color:#fff;font-weight:bold;font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;position:fixed;width:100%;text-align:center;display:table-cell;vertical-align:top;}
#container3{height:225px;width:300px;position:relative;top:0;}
#image_full_screen{width:100%;min-width:320px;max-width:1920px;}
#image3{position:;left:0;top:0;}
#text3{z-index:100;position:absolute;color:red;font-size:32px;font-weight:bold;left:50px;top:50px;vertical-align:middle;}
table.table1 {border-collapse: collapse;width: 100%; text-align:left;}
table.table1 th, td {text-align: left;padding: 8px;}
table.table1 tr:nth-child(even){background-color: #ccdcee}
table.table1 th { background-color: #002855;color: white;}
div.img {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
div.img:hover {border: 1px solid #777;}
div.img img { width: 100%;height: auto;}

div.imgfullscreen { }
div.imgfullscreen:hover { }
div.imgfullscreen img { width: 100%;height: auto;}

div.img {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);position: relative;}
div.img:hover {border: 1px solid #777;}
.img:hover .trailer {background-color:#FF0000;}
div.img img { width: 100%;height: auto;}

div.img2 {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color:#FFF}
div.img2:hover { }
div.img2 img { width: 100%;height: auto;}
div.desc {padding: 15px;text-align: left;}
* {box-sizing: border-box;}
.trailer {position: absolute; top: 0px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#0050aa}
.trailer2 {position: absolute; top: 0px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#0050aa}
.trailer3 {position: absolute; bottom: -12px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#FF0000}
div.img {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);position: relative;}
h2.trailer{margin-left:5px;font-size: 1em;line-height: 1em; margin-top:0px}
h2.trailer2{margin-left:5px;font-size: 0.8em;line-height: 0.9em; margin-top:0px}
h2.trailer3{margin-left:5px;font-size: 0.8em;line-height: 0.9em; margin-top:0px;}
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

input:checked + .slider {
  background-color: #2196F3;
}

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

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

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

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




.responsive2 { padding: 0 6px;float: left; width: 49.99999%;margin: 6px 0;}
@media only screen and (max-width: 1152px){
.responsive2 { width: 49.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 600px){
.responsive2 {width: 100%;;margin: 6px 0;}
}

.responsive3 { padding: 0 6px; float: left; width: 32.99999%;margin: 6px 0}
@media only screen and (max-width: 1152px){
    .responsive3 { width: 49.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 600px){
.responsive3 {width: 100%;margin: 6px 0;}
}

.responsive4 { padding: 0 6px;float: left; width: 24.99999%;margin: 6px 0;}
@media only screen and (max-width: 1152px){
    .responsive4 { width: 49.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 600px){
.responsive4 {width: 100%;margin: 6px 0;}
}

.responsive5 { padding: 0 6px;float: left; width: 19.99999%;margin: 6px 0;}
@media only screen and (max-width: 1152px){
    .responsive5 { width: 49.99999%;margin: 6px 0;}
}
.responsive6 { padding: 0 6px;float: left; width: 16.66666%;margin: 6px 0;}
@media only screen and (max-width: 1152px){
    .responsive6 { width: 49.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 600px){
.responsive6 {width: 100%;margin: 6px 0;}

}
@media only screen and (max-width: 600px){
.responsive5 {width: 100%;margin: 6px 0;}
}
.responsivefs2 { padding: 0 6px;float: left; width: 49.99999%;margin: 6px 0;}
@media only screen and (max-width: 960px){
.responsivefs2 { width: 49.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 960px){
.responsivefs2 {width: 100%;;margin: 6px 0;}
}
.responsivefs3 { padding: 0 6px; float: left; width: 32.99999%;margin: 6px 0px;}
@media only screen and (max-width: 960px){
.responsivefs3 { width: 49.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 960px){
.responsivefs3 {width: 100%;margin: 6px 0;}
}
.responsivefoot { padding: 0 6px;margin: 6px 0;float: left; width: 14.28499%;}
@media only screen and (max-width: 1152px){
.responsivefoot { width: 32.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 640px){
.responsivefoot { width: 49.99999%;margin: 6px 0;}
}
@media only screen and (max-width: 320px){
.responsivefoot {width: 100%;margin: 6px 0;}
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.clearfix:after {content: "";display: table;clear: both;}