body {
	background-image:url(/images/background.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow: auto;
}

h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
	font-weight:bold;
}
h3 {
	font-size:12px;
	font-weight:bold;
}

div.locator {
	display:inline-block;
	width:143px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin-top:62px;
	text-align: center;
}

div.bodylimit {
	display:block; 
	width:200px;
	height:1px;
}

div.header {
  display:inline-block;
  width:650px;
}

div.menu {
  display:inline-block;
  width: 14em;
  vertical-align: top;
  margin-top: 70px;
}

div.sponsorcolumn {
  display:inline-block;
  width: 120px;
  border:1px solid #A0A0A4;
  margin-top: 10px;
  background-color: white;
}

a.button {
	font-size:1em;
	font-weight:400;
	text-decoration:none;
	padding-left:10px;
	padding-top:7px;
	display:block;
	height:1.5em;
	width:13em;
	text-align:left;
	border: 1px solid black;
	margin-bottom: 5px;
	background-color:#006633;
  border-radius: 0.6em;
}

a.button, a.selectedbutton, a.button:visited, a.selectedbutton:visited {
	color:#FFFFFF;
}

a.selectedbutton, a.button:hover, a.selectedbutton:hover {
	font-weight:800;
	margin-left: 1em;
}

center.websponsor {
	font-size:12px; 
	color:#A0A0A4
}

a.websponsor, a.websponsor:visited {
	text-decoration:none;
	color:#A0A0A4;
}

a.websponsor:hover {
	text-decoration:none;
	color:#000000;
}

img {
	border: 0px;
}

br {
	clear:both;
}


/* Nye efter hugo */

.mainpage {
	display: grid;
	grid-template-columns: 190px auto 120px;	
}

#small-nav {
	display: none;
}


.big-nav {
	overflow-y: hidden;
	margin-right: -1em;
	transition: height 0.5s;
}

.kontakt {
	display: inline-block;
	border: 1px solid lightgray;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	max-width: 20em;
}

.kontaktgruppe {
	display: grid;
	grid-template-columns: auto auto auto;	
}

.gruppetitel { 
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

/* på mindre skærm*/
@media screen and (max-width: 1280px) {
	.kontaktgruppe {
		grid-template-columns: auto auto;	
	}
}

/* på lille skærm*/
@media screen and (max-width: 800px) {
	.mainpage {
		grid-template-columns: 190px auto;	
	}
	.kontaktgruppe {
		grid-template-columns: auto;	
	}
}

/* på mobil i portræt mode */
@media screen and (max-width:550px) {
 
	body {
		background-position: -180px 0px;
	}

	.mainpage {
		grid-template-columns: fit-content(100%);	
	}

	a.button, a.selectedbutton {
		font-size:1.5em;
	}
	a.selectedbutton {
		display: block;
	}
	#small-nav {
		display: block;
	}
	#small-nav a.button,#small-nav a.selectedbutton,#small-nav a.button:hover,#small-nav a.selectedbutton:hover {
		background-image: url( '/images/hamburger_icon.svg');
		background-repeat: no-repeat;
		background-position: bottom center;
		margin-left: 0;
		text-align: center;
		width: 3em;
	}
	.big-nav {
		height: 0;	
		width: 23em;
	}
	div.menu {
		margin-top: 70px;
	}
	div.locator {
		display: none;
	}
}

.content {
	display: inline-block;
	min-width: 375px;
	max-width: 1000px;
	vertical-align: top;
}

.kolonne {
	margin-right: 20px;
}

.facebooklink,  .facebooklink:visited {
	display: block;
	color: black;
	text-decoration:none;
	font-size:12px;
	font-weight:400;
}

.facebooklink:hover {
	font-weight:800;
}

.facebooklink span {
	vertical-align: top;
	line-height: 30px;
}

.leveregler {
	height:auto; 
	float:right; 
	border:solid 1px #808080; 
	margin-right: 20px;
}

.leveregler .titel {
	display:block;
	background-color:#A0A0A4; 
	color:#FFFFFF; 
 	padding-left:50px;
  font-weight:bold
}