* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

BODY {
	font-family : Arial, Verdana, Helvetica, Sans-serif;
	font-size: 62.5%;
	font-weight : bold;
	color : #0080c0;
	text-align: center;
	background-color : #ffffff;
}

.container {
 /*width:100%;*/
    max-width:700px;
    position:relative;
    margin:0px auto;
    border : thin solid navy;
    border-collapse : collapse;
    text-align: left;
}

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

A {
	font-size : 10pt;
	font-weight : bold;
}
A:hover {
	text-decoration : underline;
	color : #66cc66;
}
A:link {
	font-family : Arial, Verdana, Helvetica, Sans-serif;
	color : #ffff00;
}
A:visited {
	font-family : Arial, Verdana, Helvetica, Sans-serif;
	color : #ffff00;
}
A:active {
	font-family : Arial, Verdana, Helvetica, Sans-serif;
	color : #ffffff;
}
.henvend {
	font : normal bold medium sans-serif;
	color : yellow;
}

div.formbund {
	  max-width:500px;
    background-color:#cc9;
    border:1px dotted #333;
    padding:5px;
    margin:0 auto;
}

div.row {
    clear:both;
    width: 95%
    max-width:600px;
    padding:15px;
    margin: 5px;
    border-radius: 15px;
    font-family:Verdana,Arial,Sans-serif;
    font-size:8pt;
    font-weight:600;
    color:navy;
    /*border : thin solid navy;*/
    border-collapse : collapse;
    overflow: hidden;
}

div.row span.label {
    float:left;
    width:80px;
    text-align:right;
    font-family:Verdana,Arial,Sans-serif;
    font-size:8pt;
    font-weight:600;
    color:navy;
}

div.row span.formw {
    float:right;
    width:85%;
    text-align:left
}

div.spacer {
    clear:both;
}

.bootx {
    font-family:Verdana,Arial,Sans-serif;
    font-size:8pt;
    font-weight:600;
    color:navy;
}

div.result {
    max-width:700px;
/*width: 90%; 
		border: 1px dotted #333; 
		padding: 5px;*/
    margin:0 auto;
}

input {
    background:#fff;
    font:normal 8pt arial,verdana,sans-serif;
    color:navy;
    border-style:solid;
    border-bottom:1px solid green;
    border-right:1px solid green;
    border-top:1px solid silver;
    border-left:1px solid silver;
}

.txtbox {
    background:#fff;
    font-weight:400;
    color:navy;
    border-style:solid;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
    border-top:2px solid green;
    border-left:2px solid green;
}

textarea {
    background:#fff;
    color:navy;
    border-top:1px solid green;
    border-left:1px solid green;
    text-transform:uppercase;
}

/* Let's add some style to our fieldset & legend */
fieldset {
    -moz-border-radius:7px;
    border:1px #ddd dotted;
    padding:10px;
    max-width:550px;
    margin-top:10px
}

fieldset legend {
    border:1px #1a6f93 solid;
    color:#000;
    font-family:Verdana;
    font-weight: normal;
    font-size:13px;
    padding-right:5px;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    -moz-border-radius:3px
}


.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
 
/* Main DIV */
.m {
    max-width:360px;
    width:100%;
    padding:20px;
    height:auto
}

/* Left DIV */
.l {
    max-width:200px;
    margin:0;
    padding:0;
    float:left;
    text-align:right
}

/* Right DIV */
.r {
    max-width:300px;
    margin:0;
    padding:0;
    float:right;
    text-align:left
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    overflow:hidden;
   	width: 100%; 
		height: 2px;
		color : navy;
  }

.a {
    clear:both;
    max-width:470px;
    padding:10px;
    font-family:Verdana,Arial,Sans-serif;
    font-size:8pt;
    font-weight:600;
    color:navy;
}

.logotxt {
	font: 2.5em arial, sans-serif;
	font-weight: 600;
	color: #FFEEAA;
	text-decoration: none;
}

.toptxt {
	font: 1.2em arial, sans-serif;
	font-weight: 600;
	color: #FFEEAA;
}

.grb{
	background-color: rgb(204, 204, 204);
	text-align: left !important;
}

TABLE {
	table-layout : fixed;
	font-size : 10pt;
	font-weight : bold;
	background-color : white;
	border-collapse: collapse;
}

td.afstand {
	line-height: 1.4;
}

.tysk {
	color : teal;
	text-align: left !important;
}
.polsk {
	color : #004080;
	text-align: left !important;
}
.engelsk {
	color : #004080;
	text-align: left !important;
}

.d {
	font : normal bold medium sans-serif;
	color : yellow;
}
 
.red {
	color : red;
}

.billede-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* Fyr fylder div, klipper overskud */
  object-position: center;  /* Centrerer billedet */
}




@media only screen and (max-width: 600px) {
    /* For mobile phones: */
div.kort {
display: none;
}


img.top {
	clear: both;
	margin: auto;
	overflow: auto;
	width: 100%;
	margin-bottom: 6px;
}

img {
	width: 100%  !important; 
	height: auto !important;
	clear: both !important;
	display: block !important;
}

img[src*="telephn.gif"] {
	width: 34px !important;
	height: 34px !important;
	max-width: 34px !important;
	max-height: 34px !important;
/*	display: inline-block !important;*/
}

img[src*="fax.gif"] {
	width: 34px !important;
	height: 34px !important;
	max-width: 34px !important;
	max-height: 34px !important;
/*	display: inline-block !important;*/
}

img[src*="llhus.GIF"] {
	width: 16px !important;
	height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
/*	display: inline-block !important;*/
}

img[src*="1person1.gif"] {
	width: 20px !important;
	height: 27px !important;
	max-width: 20px !important;
	max-height: 27px !important;
/*	display: inline-block !important;*/
}

img[src*="bornholm4OK.JPG"] {
	width: 360px !important;
	height: 418px !important;
	max-width: 360px !important;
	max-height: 418px !important;
/*	display: inline-block !important;*/
}


img[src*="bornholmkort4.gif"] {
	width: 25px !important;
	height: 29px !important;
	max-width: 25px !important;
	max-height: 29px !important;
/*	display: inline-block !important;*/
}

img[src*="backkort.jpg"] {
	width: 50px !important;
	height: 58px !important;
	max-width: 50px !important;
	max-height: 58px !important;
/*	display: inline-block !important;*/
}

img[src*="ikoner"] {
	max-width: 54px !important;
/*	display: inline-block !important;*/
}

.logotxt {
	font-size: 1.8em;
}

.toptxt {
	font-size: 1.1em;
}

		}