@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  background: url(designBilleder/bottom_bg.png) left bottom repeat-x, #546dab url(designBilleder/top_bg.jpg) top left repeat-x;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 80%;
}
#container {
  background: #546dab;
  margin: 0 auto;
  width: 100%;
}
#side {
  background: url(designbilleder/top_bg.jpg) repeat-x;
}
#indholdWrapper {
  display: flex;
  width: 100%;
  margin: 0 auto;
}
#top {
  position: relative;
  width: 100%;
  height: 6.3rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 20px;
}
#top p:has(img) {
  display: none;
}
#toplinje {
  width: 100%;
  padding: 1px 0;
  zoom: 1;
  /* IE6-trick til at beskytte mod floats */
}
/* beskyt mod evt. float-regler i brugermenu - start */
#toplinje:before,
#toplinje:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}
#toplinje:after {
  clear: both;
}
/* beskyt mod evt. float-regler i brugermenu - slut */
#indhold {
  display: inline-block;
  color: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 2em 0px 2em 0;
  margin: 0 auto;
  position: relative;
  min-height: 800px;
  vertical-align: top;
}
#panel2 {
  display: none;
  margin: 2em 0 0 1em;
  width: 30%;
  vertical-align: top;
}
#indhold p {
  line-height: 1.5em;
}
#ekstra-infoboks3,
#ekstra-infoboks2,
#ekstra-infoboks1 {
  width: 290px;
  text-align: left;
  margin-left: 10px;
  margin-top: 33px;
}
#login_links {
  position: absolute;
  top: 70px;
  right: 0px;
}
#login_links a {
  display: inline-block;
  border: 1px solid #fff;
  padding: 5px 10px;
  color: #fff;
  margin-right: 5px;
}
#login_links a:hover {
  text-decoration: none;
}
#bund {
  display: none;
  color: #888888;
  background: #fff;
}
#bund a {
  color: #888888;
}
#bund-indhold {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
#bund-indhold #left,
#bund-indhold #middle,
#bund-indhold #right,
#bund-indhold #firma {
  display: inline-block;
  vertical-align: top;
  margin: 20px 5% 0 5%;
}
#bund #bund-indhold #left {
  margin-left: 0;
}
h1 {
  font-size: 1.5em;
  margin: 0;
  padding: 0.3em 0;
  border-bottom: 1px solid #fff;
}
#bund h1 {
  font-size: 1.1em;
}
h2 {
  font-size: 1.35em;
  margin: 0;
  padding: 0.1em 0 0.2em 0;
}
h3 {
  font-size: 1.2em;
  margin: 0;
  padding: 0 0 0.2em 0;
}
h4 {
  font-size: 1.1em;
  margin: 0;
  padding: 0 0 0.1em 0;
}
p {
  margin: 0;
  padding: 0 0 0.5em 0;
  line-height: 1.3;
}
a {
  color: #c6c6c6;
  text-decoration: none;
}
#blog a {
  color: #000;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
legend {
  color: #000;
  font-weight: bold;
}
#bruger-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  place-self: center;
}
#bruger-menu.vandret .niveau2 a {
  line-height: 15px;
  padding: 0.5em 0 0.5em 0.4em;
  z-index: 2;
}
#bruger-menu li {
  float: left;
}
#bruger-menu a {
  display: block;
  padding: 3px 1em;
  color: #000;
  text-decoration: none;
}
#bruger-menu a:hover {
  color: #555;
  background: #ddd;
}
input,
textarea {
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 1em;
}
fieldset {
  padding: 0.5em;
}
fieldset fieldset {
  padding: 0;
}
#login-side #indhold {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#login-side #indhold h1 {
  height: max-content;
  grid-column: 1 / -1;
}
#login-side #indhold #login-billede {
  order: 3;
}
#login-side #indhold .login-wrapper {
  justify-self: right;
  order: 2;
}
.login-formular {
  width: 23em;
  margin: 50px auto;
}
.login-formular fieldset {
  border: none;
  padding-left: 0;
}
.login-formular legend {
  font-weight: bold;
  color: #000;
  display: none;
}
.login-formular ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.login-formular .knap-linje {
  display: inline-block;
  width: 50px;
  margin: 0;
}
.login-formular li:last-child {
  display: inline-block;
  margin-left: 35px;
}
.login-formular .glemt-login-gruppe {
  width: 402px;
  padding: 0;
  margin: 0 auto;
}
.login-formular .glemt-login-gruppe ul {
  display: inline-block;
  vertical-align: top;
}
.login-formular .glemt-login-gruppe ul li {
  margin: 0;
}
.login-formular .glemt-login-gruppe ul label {
  line-height: 25px;
}
.login-formular .glemt-login-link a {
  display: block;
  padding-top: 6px;
  color: #fff;
}
.glemt-login-knap-holder {
  display: inline-block;
  text-align: right;
}
.glemt-login-knap-holder button {
  margin-top: 5px;
  padding: 0 10px 2px 10px;
}
.login-formular li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0;
  overflow: hidden;
  vertical-align: top;
}
.login-formular label {
  width: 7em;
  float: left;
  clear: left;
}
.login-formular input {
  width: 11em;
}
.bruger-formular fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
#tilmeldings-side .opret-tilmelding-knap {
  margin-top: 20px;
  margin-right: 200px;
}
.bruger-formular legend {
  font-weight: bold;
  color: #000;
  font-size: 120%;
  background: #fff;
  padding: 5px 15px;
  width: 40%;
}
.bruger-formular ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bruger-formular li {
  list-style: none;
  margin: 5px 0;
  padding: 0.3em;
  overflow: hidden;
  vertical-align: top;
  justify-self: self-start;
}
.bruger-formular li.password_li label {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
.bruger-formular li.password_li input {
  display: block;
  float: none;
}
.bruger-formular li.fejl {
  background: #e76b52;
}
.bruger-formular label {
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
}
.bruger-formular li.fejl .skal-udfyldes-symbol {
  display: none;
}
.bruger-formular label.fejl {
  color: #800;
}
.bruger-formular label.radio-label {
  clear: none;
  width: auto;
}
.bruger-formular .skal-udfyldes-symbol {
  color: #800;
  margin: 0 0.5em;
  font-size: 130%;
}
.bruger-formular #Felt21 {
  display: block;
}
.bruger-formular input,
.bruger-formular select {
  display: block;
  padding: 2px;
  width: 341px;
  margin-left: 5px;
  margin-top: 5px;
}
.bruger-formular input[type="checkbox"] {
  display: inline-block;
  width: auto;
}
.bruger-formular input.fejl {
  border: 1px solid #800;
}
.bruger-formular textarea {
  width: 606px;
  height: 8em;
  float: left;
  margin-left: 5px;
}
.bruger-formular .spaerret-felt {
  margin: 2px;
  padding: 2px;
  max-width: 30em;
}
.bruger-formular legend label {
  float: none;
}
.bruger-formular fieldset fieldset {
  overflow: hidden;
  border: none;
  margin: 0;
  padding: 0;
}
.bruger-formular fieldset fieldset legend {
  font-weight: normal;
  padding: 0;
  margin: 0;
  margin-left: 5px;
}
.bruger-formular fieldset fieldset ul {
  overflow: hidden;
  padding-left: 16em;
}
.bruger-formular fieldset fieldset li {
  float: left;
  width: 40%;
}
.bruger-formular fieldset fieldset label {
  clear: none;
  width: 20em;
}
#ekstra-side-kontingent-oversigt .bruger-formular {
  margin: 0 auto;
}
#ekstra-side-kontingent-oversigt .bruger-formular fieldset {
  width: 470px;
  margin: 0 auto;
  overflow: hidden;
}
#ekstra-side-kontingent-oversigt .bruger-formular legend {
  width: 100%;
}
#ekstra-side-kontingent-oversigt .bruger-formular .kontingent-muligheder-gruppe li {
  width: 100%;
}
fieldset.knapset {
  margin-top: 1rem;
  border: none;
  text-align: center;
}
.hold-liste {
  list-style: none;
  margin: 3em 0 0 1em;
  padding: 0;
  overflow: hidden;
}
.hold {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none;
  width: 45%;
  border: 2px solid #424242;
  vertical-align: top;
  overflow: hidden;
  margin: 0 1em 1em 0;
  padding: 0.5em;
  background: #fff;
  color: #000;
}
#indhold .hold .hold-navn {
  margin: -0.5em -0.5em 0 -0.5em;
  padding: 0.6em 0.6em 0.2em 4.5em;
  font-size: 1.3em;
  font-weight: bold;
  background: #fff url(designBilleder/hold_bg.png) top left no-repeat;
  height: 45px;
  line-height: 17px;
  color: #000;
}
.hold .tidspunkt-linje {
  background: #424242;
  font-weight: bold;
  margin: 0 -0.5em 0.3em -0.5em;
  padding: 0.15em 0.3em;
  overflow: hidden;
  color: #fff;
}
.hold .pris-linje {
  font-weight: bold;
  font-size: 1.1em;
  float: left;
}
body#booking-tilmeld .hold,
body#booking-ok .hold {
  display: block;
  margin: 0 auto;
}
.kategori-oversigt {
  list-style: none;
  margin: 0;
  padding: 1em 0.5em;
  text-align: center;
  margin-top: 25px;
}
.kategori-oversigt li {
  display: inline;
  margin: 0;
  padding: 0 0.5em;
}
.kategori-oversigt a {
  padding: 8px 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9em;
  background-color: #ff8135;
  background-image: o-linear-gradient(transparent, #ff7401);
  background-image: -webkit-linear-gradient(transparent, #ff7401);
  background-image: -moz-linear-gradient(transparent, #ff7401);
  background-image: linear-gradient(transparent, #ff7401);
  color: #fff;
  border: 1px solid #c1c1c1;
  box-shadow: 1px 1px 5px #000;
  -webkit-box-shadow: 1px 1px 5px #000;
}
.kategori-oversigt a:hover,
.kategori-oversigt .valgt a {
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  background-color: #ffa051;
}
/*
.kategori-1 {
	background: #f0f2f3;
	border: 1px solid #ccd;
}
.kategori-1 h2{
	background: #bcc9db;
}
.kategori-1 .tidspunkt-linje {
	background: #d8dadb;
}
.kategori-2 {
	background: #f1ee9f;
	border: 1px solid #fec;
}
.kategori-2 h2{
	background: #ebc860;
}
.kategori-2 .tidspunkt-linje {
	background: #efdb6d;
}
.kategori-3 {
	background: #f3ded2;
	border: 1px solid #fcc;
}
.kategori-3 h2{
	background: #f3aa7e;
}
.kategori-3 .tidspunkt-linje {
	background: #f3bd9c;
}
.kategori-4 {
	background: #e9e0fb;
	border: 1px solid #dcd;
}
.kategori-4 h2{
	background: #c1a5fb;
}
.kategori-4 .tidspunkt-linje {
	background: #d3c1fb;
}
.kategori-5 {
	background: #e5fbe0;
	border: 1px solid #cdc;
}
.kategori-5 h2{
	background: #96db8d;
}
.kategori-5 .tidspunkt-linje {
	background: #bbeba6;
}
*/
.fuldbooket {
  color: #555;
}
.fuldbooket h2 {
  color: #555;
}
.tidspunkt-linje .dato {
  float: left;
}
.tidspunkt-linje .tid {
  float: right;
}
.antal-pladser-linje {
  margin: 0;
  padding: 0.5em 0 0 0;
}
.antal-ledige-pladser-linje {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.tilmeld-knap,
.venteliste-knap {
  float: right;
  padding: 5px 10px;
}
.tilmeldingsfrist-udloebet,
.maks-antal-naaet,
.allerede-tilmeldt,
.allerede-paa-venteliste {
  float: right;
  font-style: italic;
  font-weight: bold;
  color: #555;
  overflow: auto;
}
.bekraeft-booking-knap-holder,
.bekraeft-venteliste-knap-holder {
  padding: 1em;
  text-align: center;
}
.betingelser-blok {
  overflow: auto;
  height: 20em;
  margin: 0 0.5em;
  padding: 0.5em;
  border: 1px solid #888;
}
.betingelser-blok p {
  margin: 0;
  padding: 0 0 0.5em 0;
}
.accepter-betingelser {
  display: block;
  margin-left: 0.5em;
}
.accepter-betingelser #accepter {
  display: inline-block;
}
#betalings-formular .betalings-muligheder-gruppe {
  border: none;
  padding: 0;
  width: 50%;
  margin: 2em auto 0 auto;
}
.bruger-formular .betalings-muligheder-gruppe {
  border: none;
  padding: 0;
  width: 65%;
  margin: 3em auto 0 auto;
  clear: both;
}
#tilmeldings-betalings-side .betalings-muligheder-gruppe {
  width: 100%;
  margin: 3em 0;
}
#tilmeldings-betalings-side .betalings-muligheder-gruppe legend {
  width: 97%;
  padding: 10px 5px;
}
#tilmeldings-betalings-side .betalings-muligheder-gruppe li {
  display: block;
  width: 95%;
}
.bruger-formular .kontingent-muligheder-gruppe li {
  display: block;
  width: 71%;
}
.bruger-formular .kontingent-muligheder-gruppe input {
  display: inline-block;
  float: none;
}
.bruger-formular .kontingent-muligheder-gruppe label {
  display: inline-block;
  margin-left: 10px;
  line-height: 20px;
  width: 92%;
}
.bruger-formular .kontingent-muligheder-gruppe label,
.bruger-formular .betalings-muligheder-gruppe label,
.bruger-formular .accepter-betingelser label {
  clear: none;
}
.bruger-formular .betalings-muligheder-gruppe label {
  clear: none;
  width: 95%;
}
.bruger-formular .kontingent-muligheder-gruppe ul,
#betalings-formular .betalings-muligheder-gruppe ul,
.bruger-formular .betalings-muligheder-gruppe ul {
  list-style: none;
  margin: 0.5em 0;
  padding: 0;
}
.bruger-formular .kontingent-muligheder-gruppe li,
#betalings-formular .betalings-muligheder-gruppe li,
.bruger-formular .betalings-muligheder-gruppe li {
  padding: 0.5em 0 0.5em 0.5em;
  clear: both;
  overflow: hidden;
}
.bruger-formular .kontingent-muligheder-gruppe input,
#betalings-formular .betalings-muligheder-gruppe input,
.bruger-formular .betalings-muligheder-gruppe input {
  vertical-align: top;
  float: left;
}
#betalings-formular .betalings-muligheder-gruppe legend,
.bruger-formular .betalings-muligheder-gruppe legend {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
#betalings-formular .betalings-mulighed-navn,
.bruger-formular .betalings-mulighed-navn {
  font-weight: bold;
  float: left;
}
#betalings-formular .betalings-mulighed-gebyr,
.bruger-formular .betalings-mulighed-gebyr {
  padding-left: 0.2em;
  display: inline;
  color: #000;
  float: left;
}
#betalings-formular .betalings-mulighed-total,
.bruger-formular .betalings-mulighed-total {
  font-size: 1.1em;
  padding: 0.1em 0.5em 0 0em;
  display: inline;
  color: #fff;
  font-weight: bold;
  float: Left;
}
#betalings-formular .valgt .betalings-mulighed-total,
.bruger-formular .valgt .betalings-mulighed-total {
  color: #000;
}
#betalings-formular .fejl-meddelelse,
.bruger-formular .fejl-meddelelse {
  margin-left: 5px;
}
#betalings-formular .gaa-til-betaling-knap-holder,
.bruger-formular .gaa-til-betaling-knap-holder {
  display: block;
  width: 50%;
  margin: 0 auto;
}
#soegeord-formular {
  float: right;
}
#soegeord-formular fieldset {
  float: right;
}
#udsnit-navn {
  clear: both;
}
#vaelg-udsnit-formular {
  float: left;
  margin-bottom: 1em;
  overflow: hidden;
}
#vaelg-udsnit-formular fieldset {
  float: left;
}
#vaelg-udsnit-formular select,
#vaelg-udsnit-formular button,
#vaelg-udsnit-formular label {
  vertical-align: middle;
}
#udsnit-vaelger {
  margin-right: 0.5em;
}
#udsnit-holder {
  padding: 0.5em 0.2em;
  overflow: auto;
}
.udsnit-tabel {
  border-collapse: collapse;
  margin: 0 auto;
}
.udsnit-tabel th,
.udsnit-tabel td {
  border: 1px solid #888;
  padding: 0.2em;
}
.udsnit-tabel .lige {
  background: #000088;
}
.udsnit-tabel tbody tr:hover {
  background: #008080;
}
.fejl-meddelelse {
  font-weight: bold;
  color: #800;
}
.liste-navigation {
  text-align: center;
}
.liste-navigation .foerste-link-inaktivt,
.liste-navigation .forrige-link-inaktivt,
.liste-navigation .naeste-link-inaktivt,
.liste-navigation .sidste-link-inaktivt,
.liste-navigation a {
  padding: 0 0.3em;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.liste-navigation a:focus {
  outline: none;
  border: 1px dotted #555;
}
.liste-navigation .foerste-link-inaktivt {
  background: url(pil-foerste-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .forrige-link-inaktivt {
  background: url(pil-forrige-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .naeste-link-inaktivt {
  background: url(pil-naeste-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .sidste-link-inaktivt {
  background: url(pil-sidste-disabled.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
  padding: 0 0.3em;
  color: #888;
}
.liste-navigation .foerste-link {
  background: url(pil-foerste.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation .forrige-link {
  background: url(pil-forrige.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation .naeste-link {
  background: url(pil-naeste.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation .sidste-link {
  background: url(pil-sidste.png) no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999em;
}
.liste-navigation-tal a {
  color: #555;
}
.liste-navigation .valgt {
  font-weight: bold;
  color: #000;
}
.liste-antal-formular {
  display: inline;
  padding-right: 3em;
}
#kort-typer img {
  height: 20px;
}
.kort-type-liste {
  list-style: none;
  padding: 0;
  width: 960px;
  text-align: right;
  margin: 0 auto;
}
.kort-type-liste li {
  display: inline;
  margin: 0;
  padding: 0 0.1em;
  vertical-align: middle;
}
.kort-type img {
  vertical-align: middle;
}
.udskriv-link {
  float: right;
}
.eksporter-link {
  float: right;
}
.valgt-kontingent-liste {
  border-collapse: collapse;
  border: 1px solid #000;
  font-size: 1em;
  margin: 1em auto;
}
.valgt-kontingent-liste th,
.valgt-kontingent-liste td {
  border: 1px solid #000;
  padding: 0.2em 0.4em;
  text-align: left;
}
.valgt-kontingent-liste .kontingent-dage {
  text-align: center;
}
.valgt-kontingent-liste td.kontingent-pris,
.valgt-kontingent-liste td.kontingent-betal,
.valgt-kontingent-liste td.kontingent-ialt {
  text-align: right;
}
.valgt-kontingent-liste .kontingent-ialt-tekst,
.valgt-kontingent-liste .kontingent-ialt {
  font-weight: bold;
}
.hold-udskrift-link {
  clear: both;
  font-size: 0.8em;
}
.hold-bemaerkning {
  padding: 1em 0 0.5em;
  margin: 20px 0 0 0;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: underline;
}
.antal-pladser-linje {
  float: right;
  padding: 0;
}
.antal-bookinger-linje {
  font-weight: bold;
}
.kalender {
  border-collapse: collapse;
  border: 1px solid #888;
  float: right;
}
.kalender td {
  text-align: right;
  border: 1px solid #888;
  min-width: 1.5em;
  padding: 0.15em 0.2em 0.15em 0.1em;
}
.kalender .aktivuge td {
  background-color: #F3E5A7;
}
.kalender td.hold-fundet {
  background-color: #bac5da;
}
.kalender .aktivuge td.hold-fundet,
.kalender td.aktivdag {
  background-color: #DFCF84;
}
.kalender .uge {
  text-align: right;
  padding: 0.15em 0.3em 0.15em 0;
  min-width: 1.5em;
  color: #555;
}
.kalender .ugedag {
  font-weight: bold;
  text-align: center;
  color: #555;
}
.kalender .tom,
.kalender .aktivuge td.tom {
  background-color: #888;
}
.kalender a {
  display: block;
}
.kalender a:hover {
  text-decoration: none;
  background: #cddeff;
}
.kalender td a {
  font-weight: bold;
  color: #2e325a;
}
.kalender .uge a {
  color: #555;
}
.kontospecifikation-formular fieldset {
  border: none;
}
.kontospecifikation-formular label {
  padding: 0 0.5em;
  font-weight: bold;
}
.kontospecifikation-tabel {
  border-collapse: collapse;
  border: none;
}
.kontospecifikation-tabel th,
.kontospecifikation-tabel td {
  border: 1px solid #555;
  padding: 0.2em 0.8em;
}
.kontospecifikation-tabel .debiteret,
.kontospecifikation-tabel .krediteret,
.kontospecifikation-tabel .saldo,
.kontospecifikation-tabel .endelig-saldo {
  text-align: right;
}
.kontospecifikation-tabel .endelig-saldo-tekst,
.kontospecifikation-tabel .endelig-saldo {
  font-weight: bold;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
#hold-rediger .hold {
  display: block;
  margin: 0 auto;
}
.rediger-hold-formular {
  width: 50%;
  margin: 2em auto;
}
.rediger-hold-formular fieldset {
  padding: 2em;
}
.rediger-hold-formular ul,
.rediger-hold-formular li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rediger-hold-formular button {
  float: right;
}
.rediger-hold-formular label {
  font-weight: bold;
}
.rediger-hold-formular textarea {
  width: 100%;
  margin-bottom: 0.5em;
  border: 1px solid #ccc;
}
.hold-rediger-link {
  font-size: 0.8em;
  text-align: center;
}
#bruger-menu.vandret {
  list-style: none;
  margin: 2px 0 2px 10px;
  padding: 0;
}
#bruger-menu.vandret ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
}
#bruger-menu.vandret .niveau2 li:first-child {
  padding-top: 0;
}
#bruger-menu.vandret .niveau2 li {
  border-bottom: 1px solid #e5e5e5;
  z-index: 2;
}
#bruger-menu.vandret li {
  float: left;
  margin: 0;
  padding: 5px 5px;
  position: relative;
  line-height: 2em;
  border-right: 1px solid #e5e5e5;
}
#bruger-menu.vandret li ul {
  position: absolute;
  left: -1px;
  top: 40px;
  width: 195px;
  display: none;
  z-index: 2;
}
#bruger-menu .niveau2 {
  -webkit-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.45);
  -moz-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.45);
  box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.45);
}
#bruger-menu.vandret .niveau3 {
  left: 195px;
  top: 0px;
}
#bruger-menu.vandret li li ul {
  position: absolute;
  top: 0;
  left: 14em;
  display: none;
}
#bruger-menu.vandret li:hover ul,
#bruger-menu.vandret li.animation-hover ul {
  display: block;
}
#bruger-menu.vandret li:hover ul ul,
#bruger-menu.vandret li.animation-hover ul ul {
  display: none;
}
#bruger-menu.vandret li li:hover ul,
#bruger-menu.vandret li li.animation-hover ul {
  display: block;
}
#bruger-menu.vandret li li {
  float: none;
}
#bruger-menu.vandret li li a {
  display: block;
  font-size: 1.1em;
}
#bruger-menu.vandret a,
#bruger-menu.vandret span {
  display: block;
  padding: 0 10px;
  font-size: 1.3em;
}
#bruger-menu.vandret span {
  cursor: default;
  padding-right: 20px;
  background: url(designbilleder/arrow_down.png) no-repeat center right;
  margin-right: 5px;
}
#bruger-menu.vandret a:hover,
#bruger-menu.vandret span:hover {
  -webkit-transition-property: background color;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  transition-property: background color;
  transition-duration: 1s;
  transition-timing-function: ease-out;
  -ms-transition-property: background color;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: ease-out;
  -moz-transition-property: background color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  color: #555555;
  background: #dddddd;
}
.blog-liste {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  color: #000;
  display: flex;
  flex-flow: row wrap;
}
#blog .blog-indlaeg {
  margin: 23px 0 20px;
}
#blog .blog-indlaeg {
  width: 95%;
}
.blog-indlaeg,
.blog-indlaeg-uddrag {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 10px;
  float: left;
}
.blog-indlaeg-uddrag:first-child {
  width: 94%;
}
.blog-indlaeg .blog-indlaeg-titel {
  font-size: 170%;
  padding: 0;
  margin: 0;
}
.blog-indlaeg .blog-indlaeg-titel a {
  color: inherit;
}
.blog-indlaeg .blog-indlaeg-titel a:hover {
  color: inherit;
  background-color: inherit;
}
.blog-indlaeg .blog-indlaeg-info {
  font-size: 85%;
  font-style: italic;
  float: left;
  width: 100%;
  color: #000;
}
.blog-liste .blog-indlaeg-tekst {
  line-height: 20px;
}
.blog-indlaeg .blog-indlaeg-tekst {
  padding: 10px 0;
  line-height: 20px;
  float: left;
  color: #000;
}
.blog-link-linje {
  display: block;
}
.blog-indlaeg-forfatter {
  display: none;
}
.blog-indlaeg-uddrag .blog-indlaeg-titel {
  font-size: 150%;
}
.blog-indlaeg-uddrag .blog-indlaeg-titel a {
  color: inherit;
}
.slet-blog-indlaeg-link:hover {
  color: red;
  text-decoration: none;
}
.rediger-blog-indlaeg-linje .opret-blog-indlaeg-link:hover {
  color: #838383;
  text-decoration: none;
}
.blog-indlaeg-uddrag .blog-indlaeg-titel a:hover {
  color: inherit;
  background-color: inherit;
}
.blog-indlaeg-uddrag .blog-indlaeg-info {
  background-color: #f1f1f1;
  color: #000;
  padding: 5px 10px;
  font-size: 90%;
  width: 100%;
  float: right;
  margin: 10px -10px -10px;
  position: absolute;
  bottom: 10px;
}
.blog-indlaeg-forfatter {
  margin-left: 30px;
}
.blog-indlaeg-svar-taeller {
  float: right;
  display: none;
}
.blog-svar-liste {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-svar-liste .blog-svar {
  background-color: #ddd;
  border: 1px solid #888;
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 10px;
}
.blog-svar-liste .blog-svar.ikke-godkendt {
  background-color: #fee;
}
.blog-svar-liste .blog-svar textarea {
  width: 100%;
  height: 200px;
}
.blog-svar-liste .blog-svar-info {
  font-size: 85%;
  font-style: italic;
  padding-bottom: 10px;
}
.opret-blog-indlaeg-linje {
  text-align: right;
}
.rediger-blog-indlaeg-linje,
.slet-blog-indlaeg-linje,
.slet-blog-svar-linje,
.godkend-blog-svar-linje {
  float: right;
  padding-left: 10px;
}
.opret-blog-indlaeg-formular {
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
}
.opret-blog-indlaeg-formular fieldset {
  border: none;
  padding: 0;
}
.opret-blog-indlaeg-formular ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.opret-blog-indlaeg-formular li {
  padding: 0;
  margin: 0;
}
.opret-blog-indlaeg-formular li.knap-linje {
  text-align: center;
}
.opret-blog-indlaeg-formular label {
  margin-top: 10px;
  display: block;
}
.opret-blog-indlaeg-formular #input-titel {
  width: 40em;
}
.opret-blog-indlaeg-formular #input-teasertekst {
  width: 40em;
  height: 8em;
}
.opret-blog-indlaeg-formular .gem-indlaeg-knap {
  margin-top: 15px;
  padding: 8px 15px;
}
.blog-navigation-linje {
  font-size: 90%;
}
/* clear-fix */
.blog-navigation-linje:before,
.blog-navigation-linje:after {
  content: " ";
  display: table;
}
.blog-navigation-linje:after {
  clear: both;
}
/* clear-fix slut */
.blog-navigation-link-nyere {
  float: left;
}
.blog-navigation-link-aeldre {
  float: right;
}
table td {
  vertical-align: top;
}
.forum-indlaeg-oversigt,
.forum-emne-oversigt {
  width: 100%;
  border-collapse: collapse;
}
.forum-indlaeg-oversigt th,
.forum-emne-oversigt th {
  text-align: center;
  font-weight: bold;
}
.forum-indlaeg-oversigt th,
.forum-indlaeg-oversigt td,
.forum-emne-oversigt th,
.forum-emne-oversigt td {
  border: 1px solid #888;
  padding: 5px 10px;
  vertical-align: top;
}
.forum-indlaeg-oversigt tbody tr:hover,
.forum-emne-oversigt tbody tr:hover {
  background-color: #ffc;
}
.forum-indlaeg-oversigt tbody tr:hover td,
.forum-emne-oversigt tbody tr:hover td {
  color: #000;
}
.forum-indlaeg-oversigt tbody tr:hover a,
.forum-emne-oversigt tbody tr:hover a {
  color: #000;
}
.forum-indlaeg-oversigt td.antal-svar,
.forum-emne-oversigt td.antal-indlaeg {
  text-align: center;
}
.forum-indlaeg-oversigt td.dato,
.forum-indlaeg-oversigt td.svar-dato,
.forum-emne-oversigt td.dato {
  text-align: right;
  white-space: nowrap;
}
.forum-indlaeg-oversigt td.titel,
.forum-emne-oversigt td.titel {
  font-weight: bold;
}
.forum-emne-beskrivelse {
  font-weight: normal;
  font-style: italic;
}
.forum-indlaeg-oversigt a,
.forum-emne-oversigt a {
  display: block;
  white-space: nowrap;
  color: #fff;
}
.forum-indlaeg,
.forum-svar,
.forum-indlaeg-svar {
  border: 1px solid #aaa;
  margin-bottom: 2px;
}
.forum-svar {
  border-width: 1px;
}
.forum-indlaeg-svar {
  margin-top: 5px;
  border-bottom-color: #888;
  background-color: #efefef;
}
.forum-indlaeg-svar-tekst-linje,
.forum-indlaeg-svar-knap-linje {
  text-align: center;
}
.forum-indlaeg-svar-tekstboks {
  width: 95%;
  height: 15em;
}
.forum-indlaeg-top {
  background-color: #fff;
  padding: 1em;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  color: #000;
}
.forum-svar-top {
  background-color: #fff;
  padding: 0.5em 1em;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  color: #000;
}
.forum-indlaeg-tekst {
  padding: 1em;
}
.forum-indlaeg-titel {
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0 0.5em;
}
.forum-indlaeg-forfatter,
.forum-svar-forfatter {
  font-weight: bold;
  float: left;
}
.forum-indlaeg-tid,
.forum-svar-tid {
  float: right;
}
.forum-indlaeg-svar-overskrift {
  font-size: 1.5em;
  padding: 1em;
  color: #000;
}
.forum-soege-linje {
  text-align: right;
  font-size: 85%;
}
.forum-soege-linje button {
  font-size: inherit;
}
.forum-opret-indlaeg-formular fieldset {
  border: none;
}
.forum-opret-indlaeg-formular label {
  display: block;
  font-weight: bold;
}
.forum-opret-titel-linje input {
  width: 95%;
}
.forum-opret-indhold-linje textarea {
  width: 95%;
  height: 15em;
}
.forum-opret-gemknap-linje {
  text-align: center;
}
.forum-indlaeg-oversigt th.forum-soegeresultat-emne {
  text-align: left;
}
.forum-indlaeg .slet,
.forum-svar .slet {
  float: right;
  padding: 0 0 0 5px;
}
.forum-emne-oversigt thead {
  background: #fff;
  color: #000;
}
.forum-opret-indlaeg-linje {
  margin-bottom: 5px;
}
.forum-opret-indlaeg-linje a {
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px 10px;
  color: #000;
  box-shadow: 1px 1px 2px;
  -webkit-box-shadow: 1px 1px 2px;
}
.forum-opret-indlaeg-linje a:hover {
  text-decoration: none;
}
.forum-tilbage-link a {
  color: #fff;
  font-style: italic;
}
#begivenhedsliste {
  background-image: linear-gradient(to right, #889dcf 0%, #546dab 100%);
}
#begivenhedsliste #begivenhed_header {
  text-align: center;
  margin-left: -10px;
}
#begivenhedsliste img {
  margin-top: 10px;
}
#begivenhedsliste h2 {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  font-size: 150%;
}
#begivenhedsliste,
#facebook,
#galleri #indhold {
  margin-bottom: 20px;
  color: #fff;
}
/*----- Kalenderen -----*/
#kalender-mini {
  background: none;
  min-height: 50px;
  margin: 0 0 0 20px;
  padding: 0;
}
#kalender-mini h3 {
  font-size: 100%;
  font-weight: bold;
  width: 85%;
  margin-top: 15px;
  border-bottom: 1px solid #ff8135;
}
#kalender-mini h3 a {
  margin-left: 90px;
  font-size: 80%;
  font-style: italic;
}
#kalender-mini ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em 10px;
  font-size: 90%;
}
#kalender-mini ul li {
  margin: 5px 0px;
}
#kalender-mini .beskrivelse {
  display: none;
}
#kalender-kalender-liste {
  width: 97%;
  background: #fff;
  padding: 15px;
  float: left;
  margin-top: 20px;
  color: #000;
  margin-bottom: 40px;
}
#kalender-kalender-liste h3:first-child {
  background: #ff8135;
  margin: -15px;
  padding: 20px;
  font-size: 150%;
  color: #fff;
}
#kalender-kalender-liste ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em;
}
#kalender-kalender-liste li {
  padding: 30px;
}
#kalender-kalender-liste li ol {
  padding: 0;
  margin-left: 15px;
}
#kalender-kalender-liste li ol li {
  padding: 0 0 0 5px;
  margin: 0;
}
#kalender-kalender-liste li ul li {
  padding: 0;
  margin-left: 15px;
  list-style: disc;
}
#kalender-kalender-liste span {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  margin-right: 10px;
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 5px;
}
.liste-kalender .dato {
  width: 6em;
}
.mini-kalender table {
  border-collapse: collapse;
}
.mini-kalender td {
  text-align: right;
  width: 12%;
  padding: 2px;
}
.mini-kalender td.begivenhed {
  color: #800;
  font-weight: bold;
}
.mini-kalender td.idag {
  border: 1px dotted #85a7c9;
}
.mini-kalender td.valgt {
  background-color: #ccdae8;
}
.mini-kalender th.uge {
  font-size: 80%;
}
.mini-kalender .uge {
  width: 16%;
}
.stor-kalender {
  width: 100%;
}
.stor-kalender .overskrift {
  position: relative;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  padding: 5px;
}
.stor-kalender .forrige {
  position: absolute;
  top: -2px;
  left: 35%;
  font-size: 200%;
}
.stor-kalender .naeste {
  position: absolute;
  top: -2px;
  right: 35%;
  font-size: 200%;
}
.stor-kalender .forrige a:hover,
.stor-kalender .naeste a:hover {
  text-decoration: none;
}
.stor-kalender table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.stor-kalender td {
  width: 14%;
  height: 4em;
  padding: 2px;
  font-size: 90%;
  border: 1px solid #cdcdcd;
  vertical-align: top;
}
.stor-kalender td.tom {
  background: #f3f3f3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
.stor-kalender th {
  font-weight: normal;
}
.stor-kalender th.tom-uge {
  width: 2%;
}
.stor-kalender th.uge {
  font-size: 80%;
  width: 2%;
  vertical-align: top;
  color: #8d8d8d;
  border: 1px solid #cdcdcd;
  background-color: #f3f3f3;
}
.stor-kalender th.ugedag {
  padding: 4px 0;
}
.stor-kalender .dag {
  font-size: 90%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.stor-kalender .har-indhold .dag {
  color: #fff;
}
.stor-kalender .begivenhed,
.stor-kalender .booking,
.stor-kalender .ressource {
  background-color: #8df;
  margin-bottom: 1px;
  font-size: 90%;
  padding: 1px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stor-kalender td {
  position: relative;
}
.begivenheds-link:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.begivenheds-taeller a {
  color: #fff;
}
.begivenheds-link {
  z-index: 5;
  font-size: 1.4em;
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  vertical-align: middle;
  background: #14466a;
}
.begivenheds-link:hover {
  color: #fff;
  text-decoration: none;
  background: #2377b4;
}
.stor-kalender .booking {
  background-color: #519fde;
  color: #fff;
}
.stor-kalender .ressource {
  background-color: #C9EDDE;
}
.maaned {
  font-size: 22px;
}
.clickable {
  cursor: pointer;
}
.galleri-oversigt {
  list-style: none;
}
.galleri-holder {
  margin: 5px;
  display: inline-block;
}
.galleri-oversigt,
.galleri-billed-oversigt {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
#galleri h1 {
  border-bottom: 1px solid #fff;
}
.galleri-holder,
.galleri-billed-holder {
  display: inline-block;
  vertical-align: top;
  height: 202px;
  width: 198px;
  margin: 5px 0px 0px;
  padding: 5px;
  background-color: #efefef;
  border: 1px solid #dedede;
  text-align: center;
}
.galleri-holder:nth-child(3n+2),
.galleri-billed-holder:nth-child(3n+2) {
  margin: 5px 5px 10px;
}
a.galleri-link,
a.galleri-billed-link {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.galleri-billede,
.galleri-miniature {
  min-width: 225px;
  min-height: 225px;
}
.galleri-navn {
  position: absolute;
  width: 100%;
  bottom: 0px;
  color: #fff;
  text-align: center;
  font-size: 130%;
  font-weight: bold;
}
.galleri-antal-billeder {
  display: none;
}
.galleri-link:hover {
  text-decoration: none;
}
/*       galleri-popup */
#sb-container a {
  text-decoration: none;
  border: 0;
}
#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
  font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #fff;
}
#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 9999;
  text-align: left;
  visibility: hidden;
  display: none;
}
#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}
#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px;
}
#sb-wrapper-inner {
  position: relative;
  border: 1px solid #303030;
  overflow: hidden;
  height: 100px;
}
#sb-body {
  position: relative;
  height: 100%;
}
#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}
#sb-player.html {
  height: 100%;
  overflow: auto;
}
#sb-body img {
  border: none;
}
#sb-loading {
  position: relative;
  height: 100%;
}
#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}
#sb-loading-inner span {
  background: url(loading.gif) no-repeat;
  padding-left: 34px;
  display: inline-block;
}
#sb-body,
#sb-loading {
  background-color: #060606;
}
#sb-title,
#sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  /*overflow:hidden;*/
}
/*#sb-title,#sb-title-inner{height:26px;line-height:26px;}*/
#sb-title-inner {
  font-size: 16px;
}
#sb-info,
#sb-info-inner {
  height: 20px;
  line-height: 20px;
}
#sb-info-inner {
  font-size: 12px;
}
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
  background-repeat: no-repeat;
}
#sb-nav-close {
  background-image: url(close.png);
}
#sb-nav-next {
  background-image: url(next.png);
}
#sb-nav-previous {
  background-image: url(previous.png);
}
#sb-nav-play {
  background-image: url(play.png);
}
#sb-nav-pause {
  background-image: url(pause.png);
}
#sb-counter {
  float: left;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}
div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link,
div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}
/* Billedgalleri - Slut */
#sidebarSlider {
  margin-bottom: 5px;
}
#sidebarSlider div {
  text-align: center;
  width: 175px;
}
#sidebarSlider a {
  border: none;
  text-decoration: none;
}
.deltager-liste .mere-link {
  display: inline-block;
  width: 8em;
  text-align: center;
  padding: 5px;
  margin: 0 0 10px;
  border: 1px solid #BFC6D1;
}
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(popup-overlay.png) repeat;
  text-align: center;
  z-index: 10000;
}
#lightbox #lightboxcontainer {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -180px 0 0 -150px;
  border: 6px solid #BFC6D1;
  -mox-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
}
#lightbox #lightboxindhold {
  width: 300px;
  height: 340px;
  background-color: #fff;
  overflow: auto;
  padding: 1em;
  text-align: left;
}
#lightbox #lightboxluklink {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 5px;
  text-decoration: none;
  text-align: center;
  height: 0;
  font-size: 0;
  overflow: hidden;
  padding-top: 20px;
  width: 20px;
  background: transparent url(popup-close.png) no-repeat 100% 0;
  cursor: pointer;
}
#ekstra-side-pjecer-og-foldere #indhold img {
  margin: 0 15px 0 0;
}
.ingen-tilmeldinger {
  padding-left: 30px;
  font-style: italic;
}
#tilmeldings-side label[for="Felt18"],
#tilmeldings-side label[for="Felt17"] {
  width: 120px;
  float: right;
  margin-right: 130px;
}
#tilmeldings-side input[type="checkbox"] {
  float: left;
}
@media print {
  #top {
    display: none;
  }
  #bund {
    display: none;
  }
  #ekstra-infoboks1 {
    display: none;
  }
  body {
    color: #000000;
    background: #ffffff;
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    width: 100%;
  }
  #indhold {
    padding: 0;
    margin: 0;
    width: 100%;
    background: transparent;
  }
  p,
  h1,
  h2,
  h3,
  a,
  label,
  span {
    color: #000;
  }
  a {
    text-decoration: underline;
    color: #0000ff;
  }
}
li.blog-indlaeg-uddrag:nth-child(1) {
  display: flex;
  flex-flow: column nowrap;
  height: auto;
}
li.blog-indlaeg-uddrag:nth-child(1) .blog-indlaeg-tekst .contentBlog {
  width: 47%;
  display: inline-block;
  margin-left: 20px;
}
li.blog-indlaeg-uddrag:nth-child(1) .blog-indlaeg-tekst .contentBlog p {
  width: 100%;
}
li.blog-indlaeg-uddrag:nth-child(1) .blog-indlaeg-tekst p {
  width: 47%;
  display: inline-block;
  vertical-align: top;
}
li.blog-indlaeg-uddrag:nth-child(1) .blog-indlaeg-tekst a {
  display: block;
}
.blog-liste .blog-indlaeg-uddrag:first-child {
  box-sizing: border-box;
  width: 100%;
}
.blog-indlaeg-titel {
  color: #000;
}
.blog-liste .blog-indlaeg-uddrag:not(:first-child) .blog-indlaeg-tekst:after {
  display: block;
  content: "";
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00E7E7E2', endColorstr='#fff');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0px;
  left: 0;
}
.blog-indlaeg-tekst p {
  max-height: none;
  color: #000;
}
.blog-indlaeg-uddrag {
  width: 32%;
  margin-right: 7px;
  display: inline-block;
  overflow: hidden;
  height: 345px;
  position: relative;
}
.blog-indlaeg-uddrag:last-child {
  margin-right: 0;
}
.blog-indlaeg-tekst p:first-child {
  overflow: hidden;
  display: block;
}
.blog-indlaeg-uddrag img {
  cursor: pointer;
  vertical-align: middle;
  height: auto !important;
}
.blog-indlaeg-uddrag .blog-indlaeg-titel {
  padding: 20px;
  background: #546dab;
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
  box-sizing: border-box;
  width: 100%;
  min-height: 75px;
}
.blog-indlaeg-uddrag .blog-indlaeg-titel:hover {
  text-decoration: underline;
}
.blog-liste .blog-indlaeg-uddrag:first-child .blog-indlaeg-tekst {
  box-sizing: border-box;
  height: 200px;
}
.blog-liste .blog-indlaeg-uddrag:first-child .blog-indlaeg-tekst p:first-child {
  padding: 0;
}
.blog-liste .blog-indlaeg-tekst img {
  cursor: pointer;
  width: 99% !important;
}
.blog-liste .blog-indlaeg-uddrag:first-child p img {
  max-height: 200px;
  width: 100% !important;
  display: inline-block;
  object-fit: contain;
}
.blog-liste .blog-indlaeg-uddrag:first-child .blog-indlaeg-titel {
  padding: 0;
  font-size: 20px;
  background: none;
  color: #000;
  min-height: 0;
}
.blog-liste .blog-indlaeg-uddrag:first-child .blog-indlaeg-tekst p {
  display: inline-block;
  box-sizing: border-box;
  padding: 20px 20px 0px 0;
}
.boardDirectors {
  display: flex;
  flex-flow: row wrap;
}
.boardDirectors .boardContacts {
  width: 30%;
  margin-bottom: 50px;
}
.boardDirectors .boardContacts img {
  width: 70% !important;
  height: auto !important;
}
.contactInfo {
  display: flex;
}
.contactInfo .contactTitle {
  font-weight: bold;
}
.contactInfo div {
  margin-right: 50px;
}
.imgContainer {
  width: 100% !important;
  height: auto !important;
}
@media screen and (max-width: 1050px) {
  #indhold {
    width: 100%;
    padding: 20px;
  }
  #top-indhold {
    display: inline-block;
  }
  #indholdWrapper {
    width: 100%;
    max-width: 715px;
    margin: 0 auto;
  }
  button#menuButton {
    width: 20%;
    vertical-align: top;
    margin-top: 25px;
    text-align: right;
    border: none;
    float: right;
    color: #fff;
    background-color: transparent;
    font-weight: bold;
  }
  #top ul#bruger-menu {
    width: 100%;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
  }
  #top ul#bruger-menu li {
    display: block;
    float: none;
  }
  #top ul#bruger-menu li a,
  #top ul#bruger-menu li span {
    display: block;
    font-size: 1.5em;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #fff;
    background: none;
  }
  #top ul#bruger-menu li ul.niveau2 {
    display: none;
    position: relative;
    right: auto;
    left: 30px;
    font-size: 11px;
    top: auto;
    width: 100%;
    background: #546dab;
    padding: 0;
  }
  #top ul#bruger-menu li.arrow-down > span:after {
    font-family: 'FontAwesome';
    content: "\f078";
    font-size: 16px;
    float: right;
    margin-left: 20px;
  }
  #top ul#bruger-menu li.valgt-menupunkt a {
    font-weight: bold;
    color: #fff;
  }
  .blog-indlaeg-uddrag {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  #login-side #panel2,
  #glemt-login-side #panel2 {
    display: none;
  }
  #login-side #login-billede,
  #glemt-login-side #login-billede {
    display: none;
  }
  #login-side .login-formular,
  #glemt-login-side .login-formular {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  #panel2 {
    width: 100%;
    margin: 0;
  }
  #panel2 #ekstra-infoboks1,
  #panel2 #ekstra-infoboks2,
  #panel2 #ekstra-infoboks3 {
    margin: 0 auto;
  }
  .contactInfo div {
    margin-right: 20px;
  }
  .boardDirectors .boardContacts {
    width: 100%;
  }
  .boardDirectors .boardContacts img {
    width: 100% !important;
  }
  #ekstra-side-landsindsamling fieldset ul li,
  #tilmeldings-side fieldset ul li,
  #rediger-brugeroplysninger fieldset ul li {
    width: 100%;
  }
  #ekstra-side-landsindsamling fieldset ul li input,
  #tilmeldings-side fieldset ul li input,
  #rediger-brugeroplysninger fieldset ul li input {
    height: 30px;
  }
  #login_links {
    position: initial;
  }
  #ekstra-side-kontingent-oversigt .bruger-formular fieldset {
    width: 100%;
  }
  .hold-liste li {
    width: 100%;
  }
  .blog-indlaeg-uddrag {
    width: 100%;
    height: auto;
  }
  li.blog-indlaeg-uddrag:nth-child(1) .blog-indlaeg-tekst .contentBlog {
    width: 100% !important;
    margin-left: 0;
  }
  .galleri-holder,
  .galleri-billed-holder {
    width: 100%;
    margin: 10px 0 !important;
  }
  .galleri-billede,
  .galleri-miniature {
    width: 100% !important;
    height: auto !important;
  }
  .imgContainer {
    width: 100% !important;
    height: auto !important;
  }
  .imgContainer img {
    width: 100% !important;
    height: auto !important;
  }
  .bruger-formular input {
    width: 100% !important;
  }
  #ekstra-side-specialbehandling td {
    width: 100% !important;
    display: block;
  }
  #blog .blog-indlaeg-tekst img {
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (max-width: 360px) {
  .contentBlog {
    width: 44% !important;
  }
}
.bruger-formular.eventbooking {
  display: flex;
  flex-flow: column wrap;
  gap: 1rem;
  max-width: 625px;
  margin: 0 auto;
}
.bruger-formular.eventbooking .betalings-muligheder-gruppe {
  margin: 0;
  width: 100%;
}
.bruger-formular.eventbooking .betalings-muligheder-gruppe ul li {
  display: flex;
  flex-flow: row nowrap;
}
.bruger-formular.eventbooking .betalings-muligheder-gruppe ul li input {
  width: unset;
}
.bruger-formular.eventbooking .betalings-muligheder-gruppe ul li .betalings-mulighed-total {
  margin-left: auto;
}