* { margin: 0; padding: 0; }
body {
  font-family: Verdana,Arial,sans-serif;
}
#krop {
  margin: 10px;
  padding: 0 10px 10px 10px;
  border: 1px solid #f27a00;
  border-radius: 7px;
  background-image: url(img/globesnit2.png);
  background-repeat: no-repeat;
  background-position: top right;
}
#hoved {
  height: 60px;
  overflow: hidden;
}
#hjem img{
  border: none;
}
#hovedlogo {
  float: right;
  margin-top:10px;
}
a { text-decoration: none; }
a:link, a:visited { color: #6c0074; }
a:hover { color: #063; }
ul {
  margin-left: 20px;
}
a#pull {
	display: none;
}
ul#menu {
  border-bottom: 1px solid #4c0054;
  list-style-type: none;
  padding-bottom: 5px;
  margin-left: 0;
  font-family: "Courier New", Courier, monospace;
	display: block;
}
ul#menu li {
  float: left;
  margin-right: 20px;
}
ul#menu li a:before {
  content: "{ ";
}
ul#menu li a:after {
  content: " }";
}
ul#menu a#aktiv {
}
ul#menu li a#aktiv:before {
  content: "< ";
}
ul#menu li a#aktiv:after {
  content: " >";
}


h2 { margin-bottom: 10px; }
#indhold {
  margin-top: 20px;
  float: left;
  width: 70%;
}
div.spacer {
  clear: both;
}
div#ref {
  margin-top: 20px;
	float: right;
	width: 30%;
}
a img {
  border: none;
}
div#ref a {
  width: 120px;
  float: right;
  clear: both;
  margin-bottom: 20px;
  border: 1px solid #4c0054;
  padding: 5px;
  background-color: #fff;
}
div#ref p.caption {
  width: 120px;
  text-align: center;
  font-size: 80%;
}
div#ref h2 {
  float: right;
  clear: both;
}
table {
  border-collapse: collapse;
  width: 100%;
}
td {
  border: 1px solid #000;
  padding: 2px 5px 2px 5px;
}
p.dato {
  font-size: 80%;
}
div.fotos
{
  padding: 0px 0px 0px 20px;
  margin: 10px 0px 0px 0px;
}
div.foto
{
  float: left;
  text-align: center;
  height: auto;
  width: auto;
  margin: 10px 5px 10px 5px;
}
div.foto img
{
  display: inline;
  border: 1px solid #111;
  background-color: #fff;
}
div.foto div.caption
{
  text-align: center;
  font-size: 80%;
  margin: 2px;
}
div.spacer {
  clear: both;
}
div.blok {
    margin: 0px 0px 20px 0px;
}
#footer{
  font-size: 80%;
  clear:both;
  padding-top: 20px;
}
@media all and (max-width: 620px) {
div#menu {
  border: 1px solid #4c0054;
  border-radius: 7px;
  margin-top: 10px;
}
ul#menu {
  margin:0;
  padding:0;
	width: 100%;
	height: auto;
  display: none;
  border: none;
  background-color: rgba(60,30,0,0.2);
  border-top: 1px solid #4c0054;
}
ul#menu li {
	display: block;
	float: none;
	width: 100%;
	border-radius:0;
	border: 0;
	background-color: transparent;
	margin:0;
	padding:0;
}
ul#menu li a {
	display: block;
	float: none;
	width: 95%;
/*	border-bottom: 1px solid #567;*/
	background-color: #transparent;
	color: #111;
	padding: 8px 0;
	padding-left: 5%;
	text-align: left;
  font-size: 18px;
  font-weight: bold;
}
ul#menu li {
  background-color: transparent;
}
ul#menu li a:link { color: #111; }
ul#menu li a:visited { color: #111; }
ul#menu li a:active { color: #111; }
a#pull {
  display: block;
  width: 95%;
  position: relative;
  height: 30px;
  padding-top: 10px;
  padding-left: 5%;
  font-size: 18px;
  font-weight: bold;
  background-color: rgba(40,0,50,0.4);
}
a#pull:after {
  content:"";
  background: url('img/nav-icon.png') no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 10px;
}
#indhold {
  width: 100%;
}
div#ref {
  margin-top: 0;
	float: none;
	width: 90%;
}
div#ref a {
  width: 120px;
  float: left;
  margin: 10px;
  border: 1px solid #4c0054;
  padding: 5px;
  background-color: #fff;
  clear: none;
}
div#ref p.caption {
  width: 120px;
  text-align: center;
  font-size: 80%;
}
div#ref h2 {
  display: block;
  float: none;
  text-align: center;
}
div.foto, div.fotos {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  float: none;
  padding: 0;
}
div.foto img {
  max-width: 100%;
}
iframe {
  width: 95%;
  max-width: 95%;
}
img#hovedlogo {
  max-width: 80%;
  /*max-width: calc(100% - 50px);*/
}
}