html, .body {
	margin: 0px;
	height: 100%;
	min-height: 100%;
}

body {
	background: #ffffff url('') repeat-x top left;
}


/* SKABELON */

#pageContainer {
	width: 100%;
	margin: 0px auto 0px auto;
	position: relative;
	left: 0px;
}

#pageTop {
	background: #ffffff;
	width: 100%;
	height: auto;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1200;
	padding: 10px 10px 3px 10px;
	opacity: 0.98;
}

	#pageTop.bg {
		background: #ffffff;
		border-bottom: solid 2px #f9f9f9;
	}

#pageTopmenu {
	position: absolute;
	right: 140px;
	bottom: 35%;
	text-transform: uppercase;
}

	#pageTopmenu a {
		font-size: 11pt;
	}

#pageTopmenuMobile {
	position: absolute;
	right: 0px;
	bottom: 35%;
	text-transform: uppercase;
}

	#pageTopmenuMobile a {
		font-size: 11pt;
	}

		#pageTopmenuMobile a:hover {
			text-decoration: none;
		}

		#pageTopmenuMobile a.mobileMenu::before {
			font-family: 'FontAwesome';
			content: '\f0c9 ';
		}

			#pageTopmenuMobile a.mobileMenu:hover::before {
				font-family: 'FontAwesome';
				content: '\f177';
			}

#pageBanner {
	position: relative;
	height: auto;
	min-height: 120px;
}

	body.page-10804 #pageBanner {
		height: 75vh;
	}

#pageContent {
	padding: 20px 0px 40px 0px;
}

	#pageContent1 {
		float: left;
	}

	#pageContent2 {
		float: left;
	}

	#pageContent3 {
		float: left;
	}

#pageBottom {
}

	#pageBottom a {
	}

#pageFooter {
	background: #282828;
	padding: 20px;
	position: relative;
}

	#pageFooter a {
		color: #6c6c6c;
	}

	#pageFooter a:hover {
		color: #888888;
		text-decoration: none;
	}

	#pageFooter a._linkKnap {
		background: #2e2e2e;
		color: #888888;
	}

	#pageFooter .col1, #pageFooter .col2, #pageFooter .col3 {
		float: left;
		padding: 20px;
		font-size: 10pt;
		color: #6c6c6c;
	}

	#pageFooter .col1 {
		width: 35%;
	}

	#pageFooter .col2 {
		width: 35%;
	}

	#pageFooter .col3 {
		width: 30%;
	}

#logo img {
	width: 70px;
	height: auto;
}

.clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}

.hidden {
	display: none;
}


/* VENSTRE MENU */

.leftMenuItem_Off, .leftMenuItem_On {
	font-size: 11pt;
	font-weight: 300;
	text-align: left;
}

	.leftMenuItem_Off.level1, .leftMenuItem_On.level1 {
		text-transform: uppercase;
	}

.leftMenuItem_Off a, .leftMenuItem_Off a:hover, .leftMenuItem_On a, .leftMenuItem_On a:hover {
	color: #909090;
	text-decoration: none;
	display: block;
	padding: 12px 30px 12px 30px;
}

	.leftMenuItem_Off a:hover, .leftMenuItem_On a, .leftMenuItem_On a:hover {
		color: #6c6c6c;
	}


/* TOP MENU */

.topMenuItem_Off, .topMenuItem_On {
	float: left;
	font-size: 10.5pt;
	padding: 0px 10px 0px 10px;
}

	#pageFooter .topMenuItem_Off, #pageFooter .topMenuItem_On {
		float: none;
		padding: 0px 0px 11px 0px;
	}

.topMenuItem_Split {
	display: none;
}

.topmenuItem_LastSplit {
}

.topMenuItem_Off a, .topMenuItem_Off a:hover, .topMenuItem_On a {
	color: #6c6c6c;
	text-decoration: none;
	display: block;
}

.topMenuItem_Off a:hover, .topMenuItem_On a {
	color: #000000;
}


/* MOBIL MENU */

#pageMobileSubmenu-overlay {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	background: #000000;
	opacity: 0.25;
	z-index: 1300;
	cursor: e-resize;
}

#pageMobileSubmenu {
	height: 100vh;
	background: #ffffff;
	padding: 20px;
	overflow-y: auto;
	position: fixed;
	top: 0px;
	z-index: 1400;
	border-left: solid 2px #ffffff;
	display: none;
}

	#pageMobileSubmenu .close {
		text-align: right;
		margin-bottom: 60px;
	}

		#pageMobileSubmenu .close a {
			padding: 4px;
		}

			#pageMobileSubmenu .close a .h3 {
				color: #d6d6d6;
			}

	#pageMobileSubmenu .icons {
		text-align: center;
		margin-top: 60px;
	}

		#pageMobileSubmenu .icons a {
			color: #d6d6d6;
			text-decoration: none;
			padding: 4px;
		}

			#pageMobileSubmenu .icons a:hover {
				color: #909090;
			}

	.mobileMenuItem_Off, .mobileMenuItem_On {
		color: #6c6c6c;
		border-bottom: solid 0px #eaeaea;
		padding-left: 8px;
		text-transform: uppercase;
	}

	.mobileMenuItem_On {
	}

	.mobileMenuItem_Off a {
		padding: 12px 12px 12px 5px;
		color: #6c6c6c;
		text-decoration: none;
		display: block;
		font-size: 11pt;
	}

	.mobileMenuItem_Off a:hover, .mobileMenuItem_On a {
		padding: 12px 12px 12px 5px;
		color: #000000;
		text-decoration: none;
		display: block;
		font-size: 11pt;
	}

	.mobileMenuSection.level2, .mobileMenuSection.level3, .mobileMenuSection.level4, .mobileMenuSection.level5, .mobileMenuSection.level6 {
		display: none;
	}

	.mobileMenuSection .toggleSub {
		display: none;
		float: right;
		cursor: pointer;
		padding: 12px 14px 12px 14px;
		clear: both;
		width: 18px;
		height: 100%;
		background: url('../images/mobilemenu_closed.png') center center no-repeat;
		background-size: 12px 12px;
	}

	.mobileMenuSection .toggleSub.open {
		background: url('../images/mobilemenu_open.png') center center no-repeat;
		background-size: 12px 12px;
	}


/* COOKIE BANNER */

#cookieIconLink {
	float: right;
	position: relative;
	top: 10px;
	right: 15px;
}

#cookieConfirm {
	background: #6b6b6b;
	color: #ffffff;
	padding: 12px 12px 50px 12px;
	width: 400px;
	max-width: 100%;
	position: fixed;
	right: 5px;
	bottom: 5px;
	z-index: 20000;
	opacity: 0.9;
}

#cookieConfirmButton {
	background: #b6cd3f;
	width: 70px;
	text-align: center;
	position: absolute;
	right: 15px;
	bottom: 8px;
}

#cookieConfirmButton a {
	color: #ffffff;
	line-height: 28px;
	font-weight: bold;
	display: block;
}

	#cookieConfirmButton a:hover {
		text-decoration: none;
	}


/* MOBILE */

@media (max-width: 1024px) {

	#pageContainer {
		padding-left: 0px;
	}

	#pageTop {
		width: 100%;
		height: auto;
		background: transparent;
	}

		#pageTop:not(.bg) a {
			color: #ffffff;
		}

		#pageTop.bg {
			background: #ffffff;
		}

	#logo img {
		width: 75px;
	}

	#pageBanner {
		min-height: 120px;
	}

	body.page-10804 #pageBanner {
		height: 100vh;
	}

}

@media (max-width: 720px) {

	#pageTopmenu {
		display: none;
	}

	#logo img {
		width: 60px;
	}

	#pageContent1, #pageContent2, #pageContent3 {
		float: none !important;
		clear: both !important;
		width: 100% !important;
	}


	/* INGEN TABELOPBRYDNING */

	#pageContent2 table:not(._ingen_opbrydning_mobil),
	#pageContent2 table:not(._ingen_opbrydning_mobil) > thead,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > thead > tr,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > thead > tr > td,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > tbody,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > tbody > tr,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > tbody > tr > td,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > tfoot,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > tfoot > tr,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > tfoot > tr > td,
	#pageContent2 table:not(._ingen_opbrydning_mobil) > th {
		width: 100% !important;
		display: block;
	}


	/* ADD TO HOME SCREEN */

	/* Main container */

	#addToHomeScreen {
		z-index: 9999;
		-webkit-user-select: none;
		user-select: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-touch-callout: none;
		touch-callout: none;
		width: 240px;
		font-size: 15px;
		padding: 12px 14px;
		text-align: left;
		font-family: helvetica;
		background: #ffffff;
		border: 1px solid #505050;
		-webkit-border-radius: 8px;
		-webkit-background-clip: padding-box;
		color: #212121;
		text-shadow: 0 1px 0 rgba(255,255,255,0.75);
		line-height: 130%;
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
	}

	#addToHomeScreen .addToHomeIpad {
		width: 268px;
		font-size: 18px;
		padding: 14px;
	}

	/* The 'wide' class is added when the popup contains the touch icon */

	#addToHomeScreen.addToHomeWide {
		width: 296px;
	}

	#addToHomeScreen.addToHomeIpad.addToHomeWide {
		width: 320px;
		font-size: 18px;
		padding: 14px;
	}

	/* The balloon arrow */

	#addToHomeScreen .addToHomeArrow {
		position: absolute;
		background: #ffffff;
		border-width: 0 1px 1px 0;
		border-style: solid;
		border-color: #505050;
		width: 16px;
		height: 16px;
		-webkit-transform: rotateZ(45deg);
		bottom: -10px;
		left: 50%;
		margin-left: -8px;
		-webkit-box-shadow: inset -1px -1px 0 #a9a9a9;
		-webkit-border-bottom-right-radius: 2px;
	}


	/* The balloon arrow for iPad */

	#addToHomeScreen.addToHomeIpad .addToHomeArrow {
		-webkit-transform: rotateZ(-135deg);
		background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
		-webkit-box-shadow: inset -1px -1px 0 #fff;
		top: -9px;
		bottom: auto;
		left: 50%;
	}


	/* Close button */

	#addToHomeScreen .addToHomeClose {
		-webkit-box-sizing: border-box;
		position: absolute;
		right: 4px;
		top: 4px;
		width: 18px;
		height: 18px;
		line-height: 14px;
		text-align: center;
		text-indent: 1px;
		-webkit-border-radius: 9px;
		background: rgba(0,0,0,0.12);
		color: #707070;
		-webkit-box-shadow: 0 1px 0 #fff;
		font-size: 16px;
	}


	/* The '+' icon, displayed only on iOS < 4.2 */

	#addToHomeScreen .addToHomePlus {
		font-weight: bold;
		font-size: 1.3em;
	}


	/* The 'share' icon, displayed only on iOS >= 4.2 */

	#addToHomeScreen .addToHomeShare {
		display: inline-block;
		width: 11px;
		height: 15px;
		background-repeat: no-repeat;
		background-image: url('../images/ios_share.png');
		text-indent: -9999em;
		overflow: hidden;
	}


	/* The touch icon (if available) */

	#addToHomeScreen .addToHomeTouchIcon {
		display: block;
		float: left;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9);
		box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9);
		background-repeat: no-repeat;
		width: 57px;
		height: 57px;
		-webkit-background-size: 57px 57px;
		background-size: 57px 57px;
		margin: 0 12px 0 0;
		border: 1px solid #333;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}


	/* The 'share' icon for retina display */

	@media all and (-webkit-min-device-pixel-ratio: 2) {
		#addToHomeScreen .addToHomeShare {
			background-image: url('../images/ios_share.png');
		}
	}

}


@media (max-width: 450px) {

	#pageFooter .col1, #pageFooter .col2 {
		width: 50%;
	}

	#pageFooter .col3 {
		float: none;
		clear: both;
		width: 100%;
		margin-top: 40px;
	}

}