/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXpsog.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*Transition*/
.transition {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.transitiontext {
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
}
/*Knap*/
/*Border og baggrund*/
/* Hold design */
/*Indhold */
* {
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  background: #EBEBEB;
  background-size: cover;
  font-family: 'Montserrat', helvetica, verdana, arial, sans-serif;
  font-size: 90%;
  overflow-y: scroll;
  height: 100%;
}
#container {
  overflow: hidden;
}
#container,
#top-indhold,
#indhold,
#bund-indhold {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
#top-indhold {
  position: relative;
}
#top-indhold #topimg {
  position: absolute;
  left: 4%;
}
#top-indhold #toptext {
  text-align: center;
  position: absolute;
  right: 4%;
}
.height_control {
  background: #fff;
}
#top {
  position: relative;
  background: #3c7bc3 url(billeder/topbanner.jpg) no-repeat bottom left;
  height: 100px;
  color: #fff;
  padding: 0 20px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
#top h1 {
  font-size: 46px;
}
#bruger-menu {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
#bruger-menu li {
  position: relative;
}
#bruger-menu li a,
#bruger-menu li span {
  display: block;
  color: #262626;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1.2em 1.5em;
}
#bruger-menu li a:hover,
#bruger-menu li span:hover {
  transition: 1s linear;
  background: #3c7bc3;
  color: #fff;
  text-decoration: none;
}
#bruger-menu li.valgt-menupunkt {
  background: #3c7bc3;
}
#bruger-menu li.valgt-menupunkt a {
  color: #fff;
}
#bruger-menu ul.niveau2 {
  position: absolute;
  top: 60px;
  padding: 0;
  width: 15em;
  z-index: 10;
  background: transparent;
  border: 2px solid #3c7bc3;
}
#bruger-menu ul.niveau2 li {
  width: 100%;
  display: block;
}
#bruger-menu ul.niveau2 li a,
#bruger-menu ul.niveau2 li span {
  color: #3c7bc3;
}
#bruger-menu ul.niveau2 li a:hover,
#bruger-menu ul.niveau2 li span:hover {
  color: #fff;
}
#bruger-menu ul.niveau2 li.valgt-menupunkt a,
#bruger-menu ul.niveau2 li.valgt-menupunkt span {
  color: #fff;
}
#toplinje {
  background: #fff;
  width: 100%;
  border-bottom: 5px solid #3c7bc3;
}
#indhold {
  box-sizing: border-box;
  min-height: calc(100vh - 460px);
  background: #fff;
  padding: 3em 2em;
  position: relative;
}
#indhold > h1 {
  font-size: 2.5em;
  text-align: center;
}
#panel1,
#panel2 {
  box-sizing: border-box;
  float: left;
  vertical-align: top;
  width: 225px;
  margin-top: 2em;
  padding: 0.5em;
}
#ekstra-infoboks2,
#ekstra-infoboks3 {
  margin-top: 2em;
}
#bund {
  padding-top: 170px;
  background: #fff url(billeder/bottom-image.png) no-repeat left top;
}
#bund #bund-indhold {
  display: flex;
  flex-flow: row wrap;
  padding: 20px;
  background: #000;
}
#bund #bund-indhold p,
#bund #bund-indhold h2,
#bund #bund-indhold a {
  font-size: 12px;
  color: #ccc;
}
#bund #bund-indhold h2 {
  margin-bottom: 5px;
}
#bund #bund-indhold a {
  text-decoration: underline;
}
#bund #bund-indhold div {
  width: 25%;
}
#bund #bund-indhold div:last-child {
  margin-right: 0;
}
#ekstra-side-kalender table {
  width: 100%;
}
#ekstra-side-kalender .overskrift,
#ekstra-side-kalender thead {
  background-color: #3c7bc3;
  color: #fff;
  width: 98.9%;
}
#ekstra-side-kalender .overskrift a,
#ekstra-side-kalender thead a {
  color: #fff;
}
#ekstra-side-kalender tbody th {
  background-color: #262626;
  color: #fff;
}
#ekstra-side-kalender #kalender-kalender-liste {
  margin-top: 30px;
}
h1 {
  font-size: 1.5em;
  margin: 0;
  padding: 0.3em 0;
}
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 {
  text-decoration: none;
  color: #233035;
}
a:hover {
  text-decoration: underline;
}
legend {
  color: #000;
  font-weight: bold;
}
.knapdesign {
  cursor: pointer;
  padding: 0.5em 1em;
  width: 300px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #a98161;
  border: none;
  -webkit-box-shadow: 0 0 5px 1px #c2c2c2;
  box-shadow: 0 0 5px 1px #c2c2c2;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.knapdesign:hover {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  background-color: #2c839f;
}
button {
  cursor: pointer;
  padding: 0.5em 1em;
  width: 300px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #a98161;
  border: none;
  -webkit-box-shadow: 0 0 5px 1px #c2c2c2;
  box-shadow: 0 0 5px 1px #c2c2c2;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
button:hover {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  background-color: #2c839f;
}
#forside #forside-liste {
  font-size: 0.8em;
  padding-left: 25px;
}
#tidligerereleases,
#releasedokumenter {
  width: 100%;
  height: auto;
}
#tidligerereleases h2,
#releasedokumenter h2 {
  text-align: center;
  border-bottom: 0.3em solid #3d7bc3;
  padding-bottom: 0.5em;
}
#tidligerereleases .aarsopdeling,
#releasedokumenter .aarsopdeling {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2em;
  align-content: start;
  list-style: none;
}
#tidligerereleases .aarsopdeling li h3,
#releasedokumenter .aarsopdeling li h3 {
  margin-bottom: 0.5em;
}
#tidligerereleases .aarsopdeling .aar,
#releasedokumenter .aarsopdeling .aar {
  padding: 0;
  list-style: none;
  text-align: left;
}
#tidligerereleases .aarsopdeling .aar li,
#releasedokumenter .aarsopdeling .aar li {
  margin-bottom: 0.3em;
}
.pakkerheader {
  display: block;
  background: #3c7bc3;
  margin: 0;
  padding-left: 30px;
  color: #fff;
  height: 50px;
  line-height: 45px;
}
.pakker td {
  position: relative;
  cursor: default;
}
.pakkerknap {
  cursor: pointer;
  padding: 0.5em 1em;
  width: 300px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #a98161;
  border: none;
  -webkit-box-shadow: 0 0 5px 1px #c2c2c2;
  box-shadow: 0 0 5px 1px #c2c2c2;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.pakkerknap:hover {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  background-color: #2c839f;
}
.pakkerlabels {
  display: block;
  font-size: 18px;
}
#forside textarea {
  resize: vertical;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#forside textarea:focus {
  outline: none;
  background-color: #fff;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#forside .pakkernavnfelt,
#forside .pakkeremailfelt {
  width: 300px;
  height: 30px;
  padding-left: 10px;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#forside .pakkernavnfelt:focus,
#forside .pakkeremailfelt:focus {
  outline: none;
  background-color: #fff;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#tilmeldings-side .tilmelding-felt-gruppe ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#tilmeldings-side .tilmelding-felt-gruppe li {
  position: relative;
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
}
#tilmeldings-side .tilmelding-felt-gruppe input {
  padding-left: 10px;
  width: 100%;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#tilmeldings-side .tilmelding-felt-gruppe input:focus {
  outline: none;
  background-color: #fff;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#tilmeldings-side .tilmelding-felt-gruppe label {
  display: block;
  color: #000;
  text-align: left;
}
#tilmeldings-side .tilmelding-felt-gruppe fieldset.flerliste-holder {
  border: none;
  margin-top: 10px;
}
#tilmeldings-side .tilmelding-felt-gruppe fieldset.flerliste-holder legend {
  width: 100%;
  border: none;
}
#tilmeldings-side .tilmelding-felt-gruppe fieldset.flerliste-holder legend label {
  margin-left: -10px;
  border: none;
}
#tilmeldings-side .tilmelding-felt-gruppe fieldset.flerliste-holder ul {
  padding: 0;
  list-style: none;
}
#tilmeldings-side .tilmelding-felt-gruppe fieldset.flerliste-holder ul li {
  display: block;
  width: 100%;
}
#tilmeldings-side .tilmelding-felt-gruppe li:nth-child(7) {
  width: 30%;
  padding-right: 1%;
}
#tilmeldings-side .tilmelding-felt-gruppe li:nth-child(8) {
  width: 69%;
}
#tilmeldings-side .tilmelding-felt-gruppe li.checkboxLi {
  position: relative;
}
#tilmeldings-side .tilmelding-felt-gruppe li.checkboxLi input {
  position: absolute;
  width: 20px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 5px;
}
#tilmeldings-side .tilmelding-felt-gruppe li.checkboxLi label {
  margin-left: 30px;
}
#tilmeldings-side button {
  margin-left: 56px;
}
#rediger-brugeroplysninger input {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
}
#rediger-brugeroplysninger input:focus {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  background-color: #fff;
  outline: none;
}
#booking .hold {
  position: relative;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  height: 150px;
}
#booking .hold-navn {
  background-color: #3c7bc3;
}
#booking .tidspunkt-linje {
  background-color: #262626;
  color: #fff;
}
#booking button {
  width: 120px;
  position: absolute;
  right: 4px;
  top: 111px;
}
#booking-tilmeld .hold {
  position: relative;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  height: auto;
}
#booking-tilmeld .hold-navn {
  background-color: #3c7bc3;
}
#booking-tilmeld .tidspunkt-linje {
  background-color: #262626;
  color: #fff;
}
#booking-tilmeld .accepter-betingelser {
  margin-top: 10px;
}
#booking-tilmeld .bruger-formular {
  margin-top: 10px;
  width: 100%;
}
#booking-tilmeld .betingelser-blok {
  height: 200px;
}
input,
textarea {
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 1em;
}
fieldset {
  padding: 0.5em;
}
fieldset fieldset {
  padding: 0;
}
.login-formular {
  width: 23em;
  margin: 0 auto;
}
.login-formular fieldset {
  border: none;
}
.login-formular legend {
  font-weight: bold;
  color: #000;
  display: none;
}
.login-formular ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.login-formular li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0;
  overflow: hidden;
}
.login-formular li:first-child label {
  background: url(user.png);
  background-size: contain;
  background-color: #f5f5f5;
}
.login-formular li:nth-child(2) label {
  background: url(lock.png);
  background-size: contain;
  background-color: #f5f5f5;
}
.login-formular label {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 40px;
  width: 40px;
  font-size: 0px;
  border: 1px solid #cccccc;
  border-right: none;
}
.login-formular input {
  box-sizing: border-box;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  display: inline-block;
  width: 260px;
  height: 40px;
  padding-left: 5px;
  font-size: 16px;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.login-formular input:focus {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  outline: none;
  background-color: #fff;
}
.glemt-login-link a {
  font-size: 20px;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #a98161;
  text-decoration: none;
}
.glemt-login-link a:hover {
  color: #2c839f;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
  text-decoration: none;
}
#glemt-login-side label {
  background: url(mail.png);
  background-size: contain;
  margin-right: -4px;
}
.bruger-formular {
  width: 50%;
  margin: 0 auto;
}
.bruger-formular .debtor-fieldset fieldset {
  margin-bottom: 1rem;
}
.bruger-formular .debtor-fieldset .projekt {
  border: 1px solid #3c7bc3;
  padding: 1rem;
  overflow: hidden;
}
.bruger-formular .debtor-fieldset .projekt legend {
  width: calc(100% + 2rem + 2px);
  margin-left: calc(-1rem - 1px);
  padding: 10px;
  background: #3c7bc3;
  color: #fff;
}
.bruger-formular .debtor-fieldset .projekt ul {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
}
.bruger-formular .debtor-fieldset .projekt ul li {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.bruger-formular .debtor-fieldset .projekt ul li label {
  order: 1;
}
.bruger-formular .debtor-fieldset .projekt ul li .forklaring {
  order: 2;
}
.bruger-formular .debtor-fieldset .projekt ul li input,
.bruger-formular .debtor-fieldset .projekt ul li select,
.bruger-formular .debtor-fieldset .projekt ul li textarea {
  order: 3;
  width: 100%;
}
.bruger-formular fieldset {
  border: none;
}
.bruger-formular legend {
  font-weight: bold;
  color: #000;
}
.bruger-formular ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bruger-formular li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0.3em;
}
.bruger-formular li.fejl {
  background: #e76b52;
}
.bruger-formular label {
  clear: left;
  float: left;
  width: auto;
  padding-right: 5px;
}
.bruger-formular label.fejl {
  color: #800;
}
.bruger-formular label.radio-label {
  clear: none;
  width: auto;
}
.bruger-formular .skal-udfyldes-symbol {
  float: left;
  margin: 0;
  color: #800;
}
.bruger-formular select,
.bruger-formular input {
  width: 340px;
  height: 25px;
  background: #f0eded;
  border: 1px solid #ccc;
  padding-left: 5px;
  box-sizing: border-box;
  font-size: 14px;
}
.bruger-formular input[type='text'] {
  width: 100%;
}
.bruger-formular .liste-felt {
  float: none;
  display: block;
}
.bruger-formular .flerliste-holder {
  border: 1px solid #ccc;
  width: 100%;
}
.bruger-formular .flerliste-holder legend {
  margin-left: 1em;
}
.bruger-formular .flerliste-holder ul {
  padding: 1em 0;
}
.bruger-formular .flerliste-holder ul li {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.bruger-formular .flerliste-holder ul li input {
  position: absolute;
  left: 0;
  width: 20px;
}
.bruger-formular .flerliste-holder ul li label {
  margin-left: 25px;
}
.bruger-formular input[type='radio'],
.bruger-formular input[type='checkbox'] {
  width: 15px;
  height: 15px;
}
.bruger-formular label.janej-felt {
  margin-left: 20px;
}
.bruger-formular input.janej-felt {
  position: absolute;
  left: 0;
  margin: 0;
}
.bruger-formular input.fejl {
  border: 1px solid #800;
}
.bruger-formular textarea {
  width: 30em;
  height: 8em;
  float: left;
}
.bruger-formular .spaerret-felt {
  max-width: 30em;
  float: left;
}
.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;
}
.bruger-formular fieldset fieldset ul {
  overflow: hidden;
  padding-left: 0;
}
.bruger-formular fieldset fieldset li {
  float: left;
  width: 40%;
}
.bruger-formular fieldset fieldset label {
  clear: none;
  width: 10em;
}
fieldset.knapset {
  border: none;
  text-align: center;
}
.hold-liste {
  list-style: none;
  margin: 1em 0 0 1em;
  padding: 0;
  overflow: hidden;
}
.hold {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none;
  margin: 0 1em 1em 0;
  padding: 0.5em;
  width: 44%;
  border: 1px solid #ccc;
  vertical-align: top;
  overflow: hidden;
}
#bruger-side h3 {
  display: none;
}
#bruger-side .tilmeldings-liste {
  list-style: none;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  width: 30%;
  min-height: 300px;
  padding: 10px;
}
#bruger-side .tilmeldings-liste:before {
  content: 'Liste over tilmeldte hold';
  font-size: 13px;
  font-weight: bold;
}
#bruger-side .tilmeldings-liste li {
  width: auto;
  height: auto;
  border-bottom: 1px solid black;
  margin-top: 5px;
}
.hold .hold-navn {
  margin: -10px -10px 0 -10px;
  padding: 10px;
  font-size: 1.3em;
  font-weight: bold;
  background: #3c7bc3;
  color: #fff;
}
.hold .tidspunkt-linje {
  background: #262626;
  color: #fff;
  margin: 0 -10px 0 -10px;
  padding: 0.15em 0.3em;
  overflow: hidden;
}
.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;
}
.kategori-oversigt li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.kategori-oversigt a {
  padding: 0.5em 1em;
  border: 1px solid #888;
  text-decoration: none;
}
.kategori-oversigt a:hover,
.kategori-oversigt .valgt a {
  background: #cdcdcd;
}
/*
.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;
}
.hold:hover {
  border: 1px solid #000;
}
.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;
}
.tilmeld-knap,
.venteliste-knap {
  float: right;
}
.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: 8em;
  margin: 0 0.5em;
  padding: 0.5em;
  background: #efefef;
  border: 1px solid #888;
}
.betingelser-blok p {
  margin: 0;
  padding: 0 0 0.5em 0;
}
.accepter-betingelser {
  display: block;
  margin-left: 0.5em;
}
#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;
}
.bruger-formular .kontingent-muligheder-gruppe label,
.bruger-formular .betalings-muligheder-gruppe label,
.bruger-formular .accepter-betingelser label {
  width: 90%;
  clear: none;
}
.bruger-formular .betalings-muligheder-gruppe label {
  clear: none;
}
.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;
  border-top: 1px dotted #888;
}
.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;
  border-bottom: 1px dotted #888;
  clear: both;
  overflow: hidden;
}
#betalings-formular .betalings-muligheder-gruppe li:hover,
.bruger-formular .betalings-muligheder-gruppe li:hover {
  background: #e9e9e9;
}
.bruger-formular .kontingent-muligheder-gruppe li.valgt,
#betalings-formular .betalings-muligheder-gruppe li.valgt,
.bruger-formular .betalings-muligheder-gruppe li.valgt {
  background: #dfdfdf;
}
.bruger-formular .kontingent-muligheder-gruppe input,
#betalings-formular .betalings-muligheder-gruppe input,
.bruger-formular .betalings-muligheder-gruppe input {
  vertical-align: middle;
  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 2em;
  display: inline;
  color: #555;
  font-weight: bold;
  float: right;
}
#betalings-formular .valgt .betalings-mulighed-total,
.bruger-formular .valgt .betalings-mulighed-total {
  color: #000;
}
#betalings-formular .fejl-meddelelse,
.bruger-formular .fejl-meddelelse {
  margin-left: 2em;
}
#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: #efefff;
}
.udsnit-tabel thead th {
  text-align: left;
}
.udsnit-tabel thead th:first-child {
  width: 90px;
}
.udsnit-tabel thead th:nth-child(2) {
  width: 90px;
}
.udsnit-tabel thead th.Felt07 {
  width: 150px;
}
.udsnit-tabel thead th.Felt06 {
  width: 100px;
}
.udsnit-tabel thead th.Felt02 {
  width: 110px;
}
.udsnit-tabel tbody tr:hover {
  background: #ffeeaa;
}
#udsnit-handlings-links a {
  margin-right: 24px;
}
.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 {
  position: absolute;
  top: 3px;
  right: 2px;
}
.kort-type-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.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: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #800;
}
.antal-pladser-linje {
  float: right;
}
.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;
}
.stor-kalender {
  width: 100%;
  background: #fff;
}
.stor-kalender .overskrift {
  position: relative;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  padding: 5px;
}
.stor-kalender .forrige {
  position: absolute;
  top: 0;
  left: 5px;
}
.stor-kalender .naeste {
  position: absolute;
  top: 0;
  right: 5px;
}
.stor-kalender table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.stor-kalender td {
  width: 14%;
  height: 4em;
  padding: 2px;
  font-size: 90%;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  vertical-align: top;
}
.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%;
  z-index: 10;
}
.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;
}
.liste-kalender ul {
  padding-left: 15px;
  list-style: none;
}
.liste-kalender h3 {
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.liste-kalender .beskrivelse {
  display: none;
}
.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;
}
.blog-liste {
  padding: 0;
}
.blog-indlaeg-uddrag:first-child {
  margin-top: 0;
}
.blog-indlaeg-uddrag {
  list-style: none;
  position: relative;
  border: 1px solid #cccccc;
  margin-top: 30px;
  background-color: #f5f5f5;
  padding: 10px;
  cursor: pointer;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.blog-indlaeg-uddrag:hover {
  background-color: #cccccc;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.blog-indlaeg-uddrag a:hover {
  text-decoration: none;
}
.blog-indlaeg-svar-taeller {
  margin-top: 10px;
  display: none;
}
.opret-blog-indlaeg-link {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.opret-blog-indlaeg-link:hover {
  background-color: #cccccc;
  text-decoration: none;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.slet-blog-indlaeg-link,
.rediger-blog-indlaeg-link {
  color: #a98161;
  font-size: 17px;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
}
.slet-blog-indlaeg-link:hover,
.rediger-blog-indlaeg-link:hover {
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #2c839f;
  text-decoration: none;
}
.blog-indlaeg-dato {
  font-weight: bold;
  font-size: 16px;
}
.blog-indlaeg-info {
  border-bottom: 2px solid #3c7bc3;
  margin-bottom: 10px;
  margin-top: 10px;
}
.blog-indlaeg-titel {
  margin-bottom: 30px;
  margin-top: 0;
}
.blog-indlaeg-tekst {
  *zoom: 1;
  padding-bottom: 15px;
  word-break: break-word;
}
.blog-indlaeg-tekst:before,
.blog-indlaeg-tekst:after {
  content: ' ';
  display: table;
}
.blog-indlaeg-tekst:after {
  clear: both;
}
.blog-liste .blog-indlaeg-tekst a {
  font-weight: bold;
}
.blog-liste .blog-indlaeg-info {
  font-size: 0.8em;
  position: absolute;
  top: 30px;
}
.opret-blog-indlaeg-linje {
  position: absolute;
  top: 30px;
  right: 30px;
}
.opret-blog-indlaeg-linje a {
  padding: 0.5em 0.5em 0.5em 2em;
  background: url(designbilleder/create.png) no-repeat 2% 50% #f1f1f1;
  border: 1px solid #ccc;
}
.opret-blog-indlaeg-formular fieldset {
  border: none;
}
.opret-blog-indlaeg-formular ul {
  list-style: none;
  padding: 0;
  width: 100%;
}
.opret-blog-indlaeg-formular .forfatter-linje {
  display: none;
}
.opret-blog-indlaeg-formular .teaser-linje {
  margin-top: 1em;
}
.opret-blog-indlaeg-formular .tekst-linje {
  margin-top: 2em;
}
#blog-opret label {
  display: block;
  text-align: center;
  height: auto;
  width: auto;
  border: 1px solid #cccccc;
  background-color: #3c7bc3;
  color: #fff;
  line-height: 29px;
  box-sizing: border-box;
  vertical-align: top;
}
#blog-opret .titel-linje label {
  width: 100px;
  display: inline-block;
  border-right: none;
}
#blog-opret .titel-linje input {
  width: 300px;
  height: 27px;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  padding-left: 5px;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#blog-opret .titel-linje input:focus {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  background-color: #fff;
  outline: none;
}
#indmeldelse {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  text-align: center;
  background: #f85032;
  background: -moz-linear-gradient(top, #f85032 0%, #f6290c 39%, #f02f17 59%, #e73827 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f85032), color-stop(39%, #f6290c), color-stop(59%, #f02f17), color-stop(100%, #e73827));
  background: -webkit-linear-gradient(top, #f85032 0%, #f6290c 39%, #f02f17 59%, #e73827 100%);
  background: -o-linear-gradient(top, #f85032 0%, #f6290c 39%, #f02f17 59%, #e73827 100%);
  background: -ms-linear-gradient(top, #f85032 0%, #f6290c 39%, #f02f17 59%, #e73827 100%);
  background: linear-gradient(to bottom, #f85032 0%, #f6290c 39%, #f02f17 59%, #e73827 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f85032", endColorstr="#e73827", GradientType=0);
}
#indmeldelse a {
  color: #fff;
}
.kontospecifikation-tabel {
  width: 100%;
}
.kontospecifikation-afdeling {
  display: none;
}
.kontospecifikation-sortering {
  display: none;
}
.forum-soege-formular {
  position: relative;
  text-align: right;
}
.forum-soege-formular .forum-soege-felt {
  font-size: 16px;
  padding: 10px;
}
.forum-soege-formular label {
  display: none;
}
.forum-soege-formular button {
  position: absolute;
  padding: 0;
  right: 10px;
  top: 5px;
  background: url(designbilleder/loop.png) no-repeat;
  background-size: 30px;
  box-shadow: none;
  width: 30px;
  height: 30px;
  font-size: 0;
}
.forum-indlaeg-oversigt,
.forum-emne-oversigt {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.forum-indlaeg-oversigt th,
.forum-emne-oversigt th {
  text-align: center;
  font-weight: bold;
  background-color: #3c7bc3;
  color: #fff;
}
.forum-indlaeg-oversigt th,
.forum-emne-oversigt th,
.forum-indlaeg-oversigt td,
.forum-emne-oversigt td {
  border: 1px solid #888;
  padding: 5px 10px;
  vertical-align: top;
}
.forum-indlaeg-oversigt tr:hover,
.forum-emne-oversigt tr:hover {
  background-color: #ffc;
}
.forum-indlaeg-oversigt tr:nth-child(2n + 2),
.forum-emne-oversigt tr:nth-child(2n + 2) {
  background-color: #efefef;
}
.forum-indlaeg-oversigt th.titel,
.forum-emne-oversigt th.titel {
  width: 400px;
}
.forum-indlaeg-oversigt td.titel,
.forum-emne-oversigt td.titel {
  padding-bottom: 20px;
}
.forum-indlaeg-oversigt td.titel:hover,
.forum-emne-oversigt td.titel:hover {
  cursor: pointer;
}
.forum-indlaeg-oversigt td.titel:hover a,
.forum-emne-oversigt td.titel:hover a {
  text-decoration: underline;
}
.forum-indlaeg-oversigt td.antal-svar,
.forum-emne-oversigt td.antal-svar,
.forum-indlaeg-oversigt td.antal-indlaeg,
.forum-emne-oversigt td.antal-indlaeg {
  text-align: center;
}
.forum-indlaeg-oversigt td.dato,
.forum-emne-oversigt td.dato,
.forum-indlaeg-oversigt td.svar-dato,
.forum-emne-oversigt td.svar-dato {
  text-align: center;
  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;
}
.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 {
  display: flex;
  flex-flow: row wrap;
  background-color: #3c7bc3;
  color: #fff;
  padding: 1em;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.forum-indlaeg-top .edit {
  margin-left: auto;
}
.forum-indlaeg-top .edit a {
  font-size: 0;
}
.forum-indlaeg-top .edit a:before {
  display: inline-block;
  font-size: 0;
  content: url(designbilleder/edit-white.svg);
}
.forum-indlaeg-top .slet {
  margin-left: 1rem;
}
.forum-indlaeg-top .slet a {
  font-size: 0;
}
.forum-indlaeg-top .slet a:before {
  display: inline-block;
  font-size: 0;
  content: url(designbilleder/trash-white.svg);
}
.forum-indlaeg-top .forum-indlaeg-titel {
  width: 100%;
}
.forum-indlaeg-top .forum-indlaeg-forfatter {
  font-weight: normal;
}
.forum-indlaeg-top .forum-indlaeg-tid {
  margin-left: auto;
}
.forum-svar-top {
  display: flex;
  flex-flow: row wrap;
  background-color: #eee;
  padding: 0.5em 1em;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.forum-svar-top .slet {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  margin-bottom: 0.5rem;
}
.forum-svar-top .slet a {
  margin-left: auto;
  font-size: 0;
}
.forum-svar-top .slet a:before {
  display: inline-block;
  font-size: 0;
  content: url(designbilleder/trash.svg);
}
.forum-svar-top .edit {
  display: flex;
  flex-flow: row nowrap;
  width: calc(100% - 35px);
  margin-bottom: 0.5rem;
}
.forum-svar-top .edit a {
  margin-left: auto;
  font-size: 0;
}
.forum-svar-top .edit a:before {
  display: inline-block;
  font-size: 0;
  content: url(designbilleder/edit.svg);
}
.forum-svar-top .edit + .slet {
  width: unset;
  margin-left: 1rem;
}
.forum-svar-top .forum-svar-tid {
  margin-left: auto;
}
.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;
}
.forum-indstillinger-link {
  text-align: right;
  margin-top: 1em;
}
.forum-indstillinger-link a {
  color: #3c7bc3;
  text-decoration: underline;
}
.forum-svar .forum-reply-files ul,
.forum-indlaeg .forum-reply-files ul,
.forum-svar .forum-post-files ul,
.forum-indlaeg .forum-post-files ul {
  display: flex;
  flex-flow: row wrap;
}
.forum-svar .forum-reply-files ul li,
.forum-indlaeg .forum-reply-files ul li,
.forum-svar .forum-post-files ul li,
.forum-indlaeg .forum-post-files ul li {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 3px;
}
.forum-svar .forum-reply-files ul li a,
.forum-indlaeg .forum-reply-files ul li a,
.forum-svar .forum-post-files ul li a,
.forum-indlaeg .forum-post-files ul li a {
  color: #3c7bc3;
  text-decoration: underline;
}
.forum-svar .forum-reply-files ul li a:hover,
.forum-indlaeg .forum-reply-files ul li a:hover,
.forum-svar .forum-post-files ul li a:hover,
.forum-indlaeg .forum-post-files ul li a:hover {
  color: #30629c;
}
.forum-opret-indlaeg-linje {
  margin-bottom: 1em;
}
.forum-opret-indlaeg-linje a {
  cursor: pointer;
  padding: 0.5em 1em;
  width: 300px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #a98161;
  border: none;
  -webkit-box-shadow: 0 0 5px 1px #c2c2c2;
  box-shadow: 0 0 5px 1px #c2c2c2;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.forum-opret-indlaeg-linje a:hover {
  text-decoration: none;
}
.forum-opret-indlaeg-linje a:before {
  font-family: 'FontAwesome';
  content: '\f067';
  font-size: 14px;
  margin-right: 5px;
}
.forum-tilbage-link a {
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
  text-decoration: none;
  color: #a98161 !important;
}
.forum-tilbage-link a:hover {
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
  text-decoration: none;
  color: #2c839f !important;
}
.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;
}
.kontospecifikation-knap {
  display: block;
  margin-top: 15px;
}
.kontospecifikation-knap button {
  width: 178px;
  margin-left: 8px;
}
#artikler .artikel-soege-formular {
  border-bottom: 1px solid #3c7bc3;
  margin-bottom: 10px;
}
#artikler .artikel-soege-formular label:after {
  content: ': ';
}
#artikler .artikel-soege-formular button {
  width: 264px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
#artikler .artikel-liste {
  list-style: none;
}
#artikler .artikel-link {
  display: block;
  text-align: center;
  width: 100%;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
#artikler .artikel-link:hover {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  background-color: #cccccc;
}
#artikler .artikel-broedkrummer a {
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
  text-decoration: none;
  color: #a98161;
}
#artikler .artikel-broedkrummer a:hover {
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -ms-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #2c839f;
}
#choose-payment-page .betingelser-blok {
  width: 100%;
}
.debtor-fieldset input[type='checkbox'] {
  margin-left: 4px;
}
.debtor-fieldset .liste-felt:not(label) {
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  width: 100%;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
}
.debtor-fieldset .liste-felt:not(label):focus {
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  outline: none;
  background-color: #fff;
}
#udsnit-side #soegeord-formular #soege-felt {
  padding-left: 10px;
}
#udsnit-side #soegeord-formular #soege-felt:focus {
  outline: none;
}
#udsnit-side #soegeord-formular button {
  width: 100px;
  height: 40px;
}
#udsnit-side .udsnit-tabel {
  width: 100%;
}
#udsnit-side .liste-antal-formular {
  display: block;
  text-align: left;
  margin-left: 4px;
  margin-top: 30px;
}
.tooltip {
  display: none;
  height: auto;
  width: 200px;
  background-color: #3c7bc3;
  color: #fff;
  border-radius: 10px;
  position: absolute;
  left: 60%;
  top: 125%;
  padding: 10px;
  z-index: 1;
}
.tooltip:before {
  content: '\A';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #3c7bc3 transparent;
  position: absolute;
  top: -20px;
  left: 100px;
}
.tooltip:visible {
  display: block;
}
#gtadm {
  text-decoration: none;
  color: #fff;
  transition: color 300ms linear;
  font-weight: bold;
}
#gtadm:hover {
  transition: color 300ms linear;
  color: #a98161;
}
.infoforside {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px solid #3c7bc3;
  color: #3c7bc3;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: 'times new roman';
  margin-left: 12px;
}
.readmorewbs {
  float: right;
}
.readmorewbs a {
  text-decoration: none;
  transition: color 300ms linear;
  z-index: 0;
}
.readmorewbs a:hover {
  color: #a98161;
  transition: color 300ms linear;
}
#menuknap {
  position: absolute;
  right: 0;
  top: 142px;
  z-index: 1;
  display: none;
}
.navicon-button {
  display: inline-block;
  position: relative;
  padding: 2.0625rem 1.5rem;
  transition: 0.25s;
  cursor: pointer;
  user-select: none;
  opacity: 0.8;
}
.navicon-button .navicon:before,
.navicon-button .navicon:after {
  transition: 0.25s;
}
.navicon-button:hover {
  transition: 0.5s;
  opacity: 1;
}
.navicon-button:hover .navicon:before,
.navicon-button:hover .navicon:after {
  transition: 0.25s;
}
.navicon-button:hover .navicon:before {
  top: 0.825rem;
}
.navicon-button:hover .navicon:after {
  top: -0.825rem;
}
.navicon {
  position: relative;
  width: 2.75em;
  height: 0.3125rem;
  background: #e7e6dd;
  transition: 0.5s;
  border-radius: 2.5rem;
}
.navicon:before,
.navicon:after {
  display: block;
  content: '';
  height: 0.3125rem;
  width: 2.5rem;
  background: #e7e6dd;
  position: absolute;
  z-index: -1;
  transition: 0.5s 0.25s;
  border-radius: 1rem;
}
.navicon:before {
  top: 0.625rem;
}
.navicon:after {
  top: -0.625rem;
}
.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
  top: 0 !important;
}
.open .navicon:before,
.open .navicon:after {
  transition: 0.5s;
}
/* Minus */
.open {
  transform: scale(0.75);
}
/* Arrows */
.open.larr .navicon:before,
.open.larr .navicon:after,
.open.rarr .navicon:before,
.open.rarr .navicon:after,
.open.uarr .navicon:before,
.open.uarr .navicon:after {
  width: 1.5rem;
}
.open.larr .navicon:before,
.open.rarr .navicon:before,
.open.uarr .navicon:before {
  transform: rotate(35deg);
  transform-origin: left top;
}
.open.larr .navicon:after,
.open.rarr .navicon:after,
.open.uarr .navicon:after {
  transform: rotate(-35deg);
  transform-origin: left bottom;
}
.open.uarr {
  transform: scale(0.75) rotate(90deg);
}
/* Arrows */
.open.rarr .navicon:before {
  transform: translate3d(1em, 0, 0) rotate(-35deg);
  transform-origin: right top;
}
.open.rarr .navicon:after {
  transform: translate3d(1em, 0, 0) rotate(35deg);
  transform-origin: right bottom;
}
/* × and + */
.open.plus .navicon,
.open.x .navicon {
  background: transparent;
}
.open.plus .navicon:before,
.open.x .navicon:before {
  transform: rotate(-45deg);
}
.open.plus .navicon:after,
.open.x .navicon:after {
  transform: rotate(45deg);
}
.open.plus {
  transform: scale(0.75) rotate(45deg);
}
/* Base ================== */
.infoboxli {
  position: relative;
}
.infoboxli .nolinkinfobox {
  display: none;
  position: absolute;
  border: 1px solid #3c7bc3;
  background: #fff;
  padding: 0.5rem;
}
.infoboxli .nolinkinfobox p {
  padding: 0;
}
@media screen and (max-width: 600px) {
  #top h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 770px) {
  html {
    height: 100%;
  }
  body {
    height: 100%;
    margin: 0;
    background: none;
  }
  #top {
    background-size: cover;
  }
  #top #toptext {
    display: none;
  }
  #top #topimg {
    left: 22%;
  }
  #top #topimg img {
    width: 209px !important;
    height: 106px !important;
  }
  #menuknap {
    position: absolute;
    right: 0;
    top: 142px;
    z-index: 1;
    display: block;
  }
  table.forum-indlaeg-oversigt {
    font-size: 12px;
    width: 100%;
  }
  table.forum-indlaeg-oversigt .titel {
    width: 50%;
  }
  table.forum-indlaeg-oversigt .forfatter {
    width: 20%;
  }
  table.forum-indlaeg-oversigt .svar-dato {
    width: 30%;
  }
  table.forum-indlaeg-oversigt .antal-svar,
  table.forum-indlaeg-oversigt .dato {
    display: none;
  }
  #pakkerkontakt textarea {
    width: 290px;
  }
  #pakkerkontakt .pakkerknap {
    width: 312px;
  }
  .bruger-formular {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .bruger-formular .knapset button {
    width: 291px;
  }
  #ekstra-side-kalender .overskrift,
  #ekstra-side-kalender thead {
    background-color: #3c7bc3;
    color: #fff;
    width: 100.7%;
  }
  .kontospecifikation-tabel {
    table-layout: fixed;
    width: 100%;
    font-size: 8px;
  }
  #booking-tilmeld .betingelser-blok {
    width: 92%;
  }
  #booking-tilmeld .betalings-muligheder-gruppe ul,
  #booking-tilmeld .betalings-muligheder-gruppe legend {
    margin-top: 30px;
  }
  #booking-tilmeld .accepter-betingelser {
    margin-left: 0.5em;
    width: 60%;
  }
  #ekstra-side-kalender table {
    width: 102.3%;
    table-layout: fixed;
    font-size: 11px;
  }
  .hold {
    width: 94%;
  }
  .betingelser-blok {
    width: 180%;
  }
  .afkrydsningsfelt-label {
    width: 175% !important;
  }
  .new-debtor {
    margin: 0;
  }
  [data-role='sidemenu-container'] {
    position: relative;
    width: 100%;
    min-height: 100%;
    transition: transform 400ms ease;
    -webkit-transition: -webkit-transform 400ms ease;
  }
  [data-sidemenu-dir='left'].is-active {
    transform: translate3d(80%, 0, 0);
    -webkit-transform: translate3d(80%, 0, 0);
  }
  [data-sidemenu-dir='right'].is-active {
    transform: translate3d(-80%, 0, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  }
  #bruger-side .tilmeldings-liste {
    list-style: none;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    width: 97%;
    min-height: 300px;
    padding: 10px;
  }
  .arrow-down:after {
    top: -10px;
    left: 9.5%;
  }
  #udsnit-holder {
    display: none;
  }
  .liste-antal-formular:after {
    content: 'Medlemsudsnittet er ikke klar til mobil';
    display: block;
    margin-top: 80px;
    margin-left: 21%;
    font-size: 23px;
  }
}
.debtor-list {
  list-style: none;
  padding: 0;
  margin: 1em 0 0 0;
  display: flex;
  flex-flow: row wrap;
}
.debtor-list .heading {
  width: 100%;
  padding: 1em 0 1em 10px;
  background: #262626;
}
.debtor-list .heading div {
  font-weight: bold;
  color: #fff;
}
.debtor-list li {
  width: 100%;
  margin-bottom: 1em;
  display: flex;
  flex-flow: row wrap;
}
.debtor-list li .label {
  display: none;
}
.debtor-list .field-kommune,
.debtor-list .field-kommune--firma {
  width: 200px;
}
.debtor-list .field-kommune--firma {
  padding-left: 10px;
}
.debtor-list .field-navn {
  display: flex;
  flex-flow: row wrap;
  width: 200px;
}
.debtor-list .field-navn div.field-fornavn {
  margin-right: 5px;
}
.debtor-list .field-mobil,
.debtor-list .field-telefon {
  width: 80px;
}
.debtor-list .field-email {
  width: 200px;
}
.debtor-list .field-funktion {
  width: 200px;
}
#dokument-samling {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 2em;
}
#dokument-samling .dokument {
  background: url(powerpoint/maj2018/maj2018.jpg) no-repeat;
  background-size: 100% 100px;
  border: 1px solid #262626;
  padding: 110px 1em 1em 1em;
  margin-bottom: 2em;
  width: 40%;
  overflow: hidden;
}
#dokument-samling .dokument h3 {
  background: #262626;
  color: #fff;
  margin: -1em -1em 1em -1em;
  padding: 0.5em 1em;
}
#dokument-samling .dokument label {
  display: block;
  margin-top: 1em;
  font-weight: bold;
}
#dokument-samling .dokument a {
  color: blue;
  text-decoration: underline;
}
#dokument-samling .dokument a:hover {
  color: #000;
}
#dokument-samling .dokument ul {
  margin: 0;
}
#dokument-samling .dokument ul li {
  margin-bottom: 2px;
}
.file-link {
  display: flex;
  align-items: center;
  gap: 4px;
}
.file-link:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(pdf.png) center center no-repeat;
  background-size: contain;
}
.debtor-list {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.debtor-list li {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  gap: 1rem;
}
.debtor-search-button-group {
  display: none;
}
.debtor-search-field-group {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 2rem;
  padding: 2rem;
}
.debtor-search-field-group div {
  width: 100%;
}
.debtor-search-field-group div label {
  width: 100%;
}
.debtor-search-field-group div input,
.debtor-search-field-group div select {
  width: 100%;
  font-size: 16px;
  padding: 0.5rem;
}