/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

body { line-height: 1;}

ol, ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 0px;
	color: #777777;
	background-color:white;
	text-align:left;
	}
	


h1 {
font-size: 1.5em;
	font-weight:bold;
    margin-bottom:1.2em;
	}

h1:first-of-type{
    -webkit-margin-before: 0em;
}
	
h2 {
    font-size: 1.3em;
	font-weight:bold;
    margin-bottom:1em;		
	}
	
h3 {
    font-size: 1em;
	font-weight:bold;
    margin-bottom:0.3em;	
	}

i {
  font-style: italic;
}

p{
text-align: left;
padding-bottom:0.9em;
}


p {
    display: block;
    -webkit-margin-before: 0.6em;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.indhold3 p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.9em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}	
.luft{margin-bottom:1em;}

.page-content-wrapper{width:100%;}
	
#megawrapper{
	width:100%;
	min-height:400px;
	}


	
#header{
	background-color:#799b28;
	margin-top:2em;
	}
	
.wrapperTop{
	width:1140px;
	margin:1.2em auto;
	}
	
.wrapper{
	width:1140px;
	margin:0 auto;
	}

	
.wrapper #printknap{
	width:4%;
	float:right;
}

.wrapper #printknap img{
	max-width:100%;
height:auto;}

.print {
	background-image:url('/images/print-icon.png');
	background-repeat:no-repeat;
	cursor: pointer;
	-webkit-appearance: none;
}
	
.content strong{font-weight: bold;}	
	
strong{font-weight: bold;}		
	
	
.content{
	width:70%;
	float:right;

	}
content:after {
 margin-bottom:6em;
}	
.content h1{
	width:100%;
}

.wrapper100 h1{
	width:100%;
}	
.wrapper100 #printknap{
	width:2.7%;
	float:right;
}

.wrapper100 #printknap img{
	max-width:100%;
height:auto;}


.contentLeft{
	width:70%;
	float:left;	
}

.contentRight{
	width:27%;
	float:right;	
}

.content100{
	width:100%;
}


.content100 #printknap{
	width:3%;
	float:right;
}

.content100 #printknap img{
	max-width:100%;
height:auto;}

.contentSkema{
	width:96%;
	padding:0 2%;
}

.contentRapport{
	width:80%;
}
.contentRapport h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1.5em;
    -webkit-margin-after: 0.6em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


.content .rodtekst{color:red;}		
	
	
	
.content .imgvid{
	width:30%;
	display:none;
	float:left;
	margin-bottom:1.2em;
	}
	
.content .imgvid img{
	width:75%;
	float:left;
	display:none;
	}	
	
.content .imghv{
	width:65%;
	float:right;
	display:none;
	margin-bottom:1.2em;
	}
	
.content .imghv img{
	width:50%;
	float:right;
	display:none;
	padding-top:1em;
	}	





	
.content100 .imgvid{
	width:30%;
	display:none;
	float:left;
	margin-bottom:1.2em;
	}
	
.content100 .imgvid img{
	width:75%;
	float:left;
	display:none;
	}	
	
.content100 .imghv{
	width:65%;
	float:right;
	display:none;
	margin-bottom:1.2em;
	}
	
.content100 .imghv img{
	width:50%;
	float:right;
	display:none;
	padding-top:1em;
	}	
	
	
	
	
	
	
.content .v{width:50%;
	float:left;
	font-style: italic;
	display:block;
	}	
	
.content .h{width:50%;
	float:right;
	text-align:right;
	font-style: italic;	
	display:block;
	}	

.content100 .img{width:100%;
	float:right;
	display:none;
	}
	
.content100 .img img{width:25%;
	float:right;
	display:none;
	}	
	
.content100 .v{width:50%;
	float:left;
	font-style: italic;
	display:none;
	}	
	
.content100 .h{width:50%;
	float:right;
	text-align:right;
	font-style: italic;	
	display:none;
	}
	

.content100 img{max-width:100%;
	height:auto;
	}
	
  .content2, .content2 * {
	visibility: hidden;
	display:block;
  }	
	
	
  .content2	{
	background-color:blue;
	margin-top:6em;
	}	

  .content2	.adresse{
	  display:none;
	position: fixed;
    left: 0;
    right: 0;	
    bottom: 0;
    width: 100%;
	
	}

input:-moz-read-only { /* For Firefox */
  background-color: #eee;
}

input:read-only {
  background-color: #eee;
}

textarea:-moz-read-only { /* For Firefox */
  background-color: #eee;
}

textarea:read-only {
  background-color: #eee;
}

input[required]{
 border:1px solid #F08080;
}

:required{
 border:1px solid #F08080;
}
	
input:required + label {
  color: red;
}
	
.navn{width:50%;
	float:right;
	text-align:right;
	margin-top:1em;}	
		
.navn h2{
	font-size:2em;
}
.navn p{
	text-align:right;
}
#header .wrapper p{
	text-align:right;
	color:white;
	padding:0.6em 0;
}



#aside{
	width:25%;
	float:left;
	margin-right:5%;

}




.content ul {
     -webkit-margin-before: 0;
    -webkit-margin-after: 2em;
	list-style: square;
	padding-left:2.3em;
	padding-top:0.3em;}
/* nav */
.cb{clear:both;line-height:1px;}
.cl{clear:left;line-height:1px;}
.cr{clear:right;line-height:1px;}

#container {
  margin: 0 auto;
  max-width: 890px;
}

.overfor{background-color:#eee;}
/*p {text-align: left; }*/

 .toggle, [id^=drop] {
 display: none;
}



input[type=submit] {
    width: 100%;  height: 3em; background-color:#cc3300; color:white;cursor: pointer;
}



.knapsubmit {
    border:none;
	background-color:white;
	width:30px;
	float:right;
	cursor: pointer;
}

/*input[type="button"].differentbutton { /* Your styles here */ }*/

input[type=radio] + label {
	margin-right:0.6em;
 }

input[type=radio]:not(old) + label{
	display:block;
    margin-bottom:1.8em;

}

input[type=checkbox] {
	margin-right:0.6em;

}


input[type=checkbox]:not(old) + label{
	display:block;
    margin-bottom:1.6em;
}


.knapLink {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    color: #8f1f08;
    background: transparent;
    font: inherit;
    line-height: normal;
    text-decoration: underline;
    cursor: pointer;
}

.status-available{color:#2FC332;}
.status-not-available{color:#D60202;}




.knap {
    width: 3em;
    height: 2em;
    background-color: white;
    color: black;
    float: right;
}

.graa{color:gray;}


  dt {
    float: left;
    clear: left;
    width: 30px;
    text-align: right;
    font-weight: bold;
    color: #799b28;
	
  }

  dd {
    margin: 0 0 0 45px;
    padding: 0 0 0.2em 0;
  }
  
.tekstKolding dd:nth-of-type(6n+1) {
    font-weight:bold;
}

  select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}

#andet{
	display:none;
}

#andetred{
	display:none;
}




#afbrudtAarsag{
	display:none;
}

#forsorgelsesAndet{
	display:none;
}

#fritagetGrund{
	display:none;
}

#udfyldtKonsulent{
	display:none;
}

#formaalIkkeAarsag{
	display:none;
}
.vis #fritagetGrund{
	display:block;
}

#hiddenform {display: none}
#hiddenform2 {display: none}

.home-intro p em {
    font-family: Shadows Into Light;
    color: #cc3300;
}

.fed{
	  font-weight: bold;	
}

.rod{
	background-color:#cc3300;	
	color:white;
}

.rodknap {
	background-color:#cc3300;
	color:white;
	padding:0.6em;
}

.rodtekst{color:#cc3300}

.slet{
	color:#cc3300;
}

.gron{
	color:#799b28;
}

.gronboks{
	background-color:#799b28;
	color:white;
	margin-top:3em;	
	padding:1em;
}

.gronboks a{
	color:white;
	text-decoration: none;
}

aside {
   
	padding:1em;
	}

.hojre{
	float:right;
}

table.borger{width:100%;}
table.borger td{padding: 0 ;}

table.borger td.hojre{text-align: right;}


table.udtraek{width:100%;border: 1px solid #ddd;}
table.udtraek td { height: 50px;vertical-align:middle;}




input[type="submit"].nyknap {
    width: 160px;
    height: 27px;
      -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(207, 207, 207)), color-stop(0.79, rgb(252, 252, 252)));
  background-image: -moz-linear-gradient(center bottom, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%);
  background-image: linear-gradient(to top, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%); 
  padding: 3px;
  border: 1px solid #000;
  color: black;
  text-decoration: none;
    cursor: pointer;
}


.dia{width:100%;
height:auto;
background-color:yellow;}
	
footer{	
	background-color:#799b28;
	color:white;
	margin-top:3em;	
	padding:1em;
	
	}

footer .wrapper .venstre p{
	width:40%;
	float:left;
	text-align:left;
}
	
footer .wrapper .hojre{
	width:60%;
	float:right;
	text-align:right;
}

footer .wrapper .hojre img{
	padding-top:0.5em;}

	
	

	
	
	
.testpup{
  width: 700px;
  border: 1px solid black;
  margin-bottom: 20px;
  padding: 5px;
}

#rather_wide {
  margin-top: 100px;
}
#rather_tall {
  height: 200px;
}
#nhpup .popup{  background-color: #f9f9f9 !important;}
/*  hover over popup style */
.pup, .pup_class2, .pup_class3 {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px 3px 3px 15px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: none;
  color: #777;
  background-color: #f9f9f9 !important;
  font-size: 0.95em;
}

.pup_class2 {
  background-color: red !important;
}
.pup_class3 {
  background-color: blue;
}

#mydivnotat {
  position: absolute;
  width:45%;
  z-index: 9;
  background-color: #f1f1f1;
  border: 1px solid #d3d3d3;
  text-align: center;
  display:none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 1em 1em 1em;
 resize: both;
  overflow: auto;
}

#mydivheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  font-style: italic;
}


#resizable{
	background-color:#eee;
	width:94%;
	height:100%;
	padding:3%;}

textarea
{
    width:100%;
}


#mydiv {
  position: absolute;
  z-index: 9;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  text-align: left;
 display:none;
 
 
}

#mydivheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #799b28;
  color: #fff;
}

.mydiv{padding:0.6em;}


.pil{
	 cursor: pointer;
}
.btn {
	color:white;
	width:100%;
	font-size: 20px;
 background: #11598f;
 background: #799b28;
 background: #0072c6;	
 background: #cc3300;

 cursor: pointer;
	
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.btn:hover {
 	background: #799b28;
 	background: #81A62A;
width:100%;
 text-decoration: none;
}

.btngron {
    color: white;
    width: 100%;
    font-size: 20px;
    background: #799b28;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
.btngron:hover {
 		background: #cc3300;
width:100%;
 text-decoration: none;
}
/**
 * Styling top level items
 */

.nav a, .nav label {
  display: block;
 padding: .85rem;
  color: #fff;
  background-color: #151515;
  box-shadow: inset 0 -1px #1d1d1d;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: rgba(255, 255, 255, 0.5);
  background: #030303;
}

.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 2rem;
  background: #252525;
  box-shadow: inset 0 -1px #373737;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313; }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  box-shadow: inset 0 -1px #474747;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}


	
.content .imgvid{
	display:none;
	}
	
.content .imgvid img{
	display:none;
	}	
	
.content .imghv{
	display:none;
}
	
.content .imghv img{
	display:none;
	}	

	
.content100 .imgvid{
	display:none;
	}
	
.content100 .imgvid img{
	display:none;
	}	
	
.content100 .imghv{
	display:none;
}
	
.content100 .imghv img{
	display:none;
	}

.center{text-align: center;}


/* Media Queries
--------------------------------------------- */

@media screen and (max-width: 1140px) {
    .wrapper {
        width:100%;
    }
}

@media all and (max-width : 768px) {



nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #254441;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
  
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}



	@media print {
		
@page {
	   size: A4 portrait;
	  margin-top:3.5em;
	  margin-left:1.5cm;
	  margin-right:1.5cm;
	  margin-bottom:1.5cm;
	}

		
	* {
		text-align:left !importent;
	  }	
	  

  body * {
    visibility: hidden;
	text-align:left;
  }
  
body {
    font-family: 'Georgia', serif;
	font-size:16pt;
	}

	
	
#megawrapper .wrapper .content{
	
	width:100%;
	float:none;
	margin-bottom:0em !important;
	padding-bottom:0em !important;
	margin-bottom:0em;
} 

#megawrapper .wrapper .content h3 { 


	break-before: always;
	margin-top:1em;
	break-after: avoid;
  }
/* h3 {page-break-after:avoid !importent;} */

div.page
      {
        page-break-after: always;
        page-break-inside: avoid;
      }


.before{
page-break-before : always;
}

.rotated {
  transform: rotate(90deg); /* Equal to rotateZ(45deg) */
}

.content h3 {page-break-after:avoid;}

.content strong{font-weight: bold;} 
	h1,h2,p,ul,ul li{
	
}
	

	
.content .imgvid{
	display:block;
	}
	
.content .imgvid img{
	display:block;
	}	
	
.content .imghv{
	display:block;
}
	
.content .imghv img{
	display:block;
	}	

	
.content100 .imgvid{
	display:block;
	}
	
.content100 .imgvid img{
	display:block;
	}	
	
.content100 .imghv{
	display:block;
}
	
.content100 .imghv img{
	display:block;
	}
	
	
.overfor{background-color:white;}	
	
	
 .not{display:none;} 
 
  
  .section-to-print, .section-to-print * {
	position: relative;
	visibility: visible;
	text-align:left;
  }
  
  .section-to-print {
	
    position: absolute;
    left: 0;
	right:0;
    top: 0px;
	text-align:left;
	
  }  
 .content .v{width:50%;
	float:left;
	font-style: italic;
	display:block;
	}	
	
.content .h{width:50%;
	float:right;
	text-align:right;
	font-style: italic;	
	display:block;
	}


 .content100 .v{width:50%;
	float:left;
	font-style: italic;
	display:block;
	}	
	
.content100 .h{width:50%;
	float:right;
	text-align:right;
	font-style: italic;	
	display:block;
	}
  

  
  
.contentLeft{
	width:100%;
	float:none;
	}

.contentRight{
	width:100%;
	float:none;
}
 

	
.rod {
    background-color: #fff;
    color: black;
}

	
button{
	display:none;
	visibility:hidden;
}

#printknap{
	display:none;
	visibility:hidden;
}

a::after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

h1,h2, h3 {page-break-after:avoid;}


 
p {orphans:3; widows:2;}

.test{
	position:absolute;
	bottom:0;
}


 .sammen {
	 position: relative;
	 display:block;
	  page-break-inside: avoid !important;
	 }
.sammen:after {
    content: '';
    display:block;
    height:0px;
    visibility: hidden;
}	 
	 
}