/*--------------------------------------------------------------
 Typography
--------------------------------------------------------------*/

@font-face {
	font-family: 'ChronicleDisplay-BoldItalic';
	src: url('//www.dof.dk/dof_design/fonts/chronicledispboldital/chronicledispboldital.eot');
	src: url('//www.dof.dk/dof_design/fonts/chronicledispboldital/chronicledispboldital.eot?#iefix') format('embedded-opentype'),
		 url('//www.dof.dk/dof_design/fonts/chronicledispboldital/chronicledispboldital.woff') format('woff'),
		 url('//www.dof.dk/dof_design/fonts/chronicledispboldital/chronicledispboldital.ttf') format('truetype'),
		 url('//www.dof.dk/dof_design/fonts/chronicledispboldital/chronicledispboldital.svg#chronicledispboldital') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChronicleDisplay-SemiItalic';
	src: url('//www.dof.dk/dof_design/fonts/chronicledispsemiboldital/chronicledispsemiboldital.eot');
	src: url('//www.dof.dk/dof_design/fonts/chronicledispsemiboldital/chronicledispsemiboldital.eot?#iefix') format('embedded-opentype'),
		 url('//www.dof.dk/dof_design/fonts/chronicledispsemiboldital/chronicledispsemiboldital.woff') format('woff'),
		 url('//www.dof.dk/dof_design/fonts/chronicledispsemiboldital/chronicledispsemiboldital.ttf') format('truetype'),
		 url('//www.dof.dk/dof_design/fonts/chronicledispsemiboldital/chronicledispsemiboldital.svg#chronicledispsemiboldital') format('svg');
	font-weight: normal;
	font-style: normal;
}


body,
button,
input,
select,
textarea {
	/*font-family: 'Dosis', sans-serif;*/
	font-family: 'Museo-Sans', 'Segoe UI', sans-serif, serif;
	font-style: normal;
	font-weight: 300;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
p {
	margin-top: 0em;
	margin-bottom: 1.3em;
}
h1 {
 font-size: 36px;
 line-height: 40px;
 margin-bottom: 30px;
}
/*--------------------------------------------------------------
 Links
--------------------------------------------------------------*/
a {
	color: #B20638;
	text-decoration: none;
}
a:visited {
	color: #B20638;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #F7135E;
	text-decoration: none;
}

/*--------------------------------------------------------------
 Diverse
--------------------------------------------------------------*/
.clearfix {
	clear: both;
}
.clear {
	clear: both;
}
/*--------------------------------------------------------------
 Site structure
--------------------------------------------------------------*/

html, body, #wrapper-page, #wrapper-left, #wrapper-right, #wrapper-right-container { height: 100%; margin: 0; padding: 0; }

body > #wrapper-page > #wrapper-right > #wrapper-right-container { height: auto; min-height: 100%; background-color: #FFFFFF; }

#wrapper-content { padding-bottom: 390px; background-color: #FFFFFF; /*background-color: #FFFF00;*/}
#wrapper-footer { clear: both; position: relative; z-index: 10; height: 390px; margin-top: -390px; }

/* Theme */


body { background: url('../images/dof_bg_graa_13_3800.png') repeat-y 13% top; }

body, #wrapper-page { max-width: 1920px; }


#wrapper-left {
	width: 13%;
	height: 100%;
	float: left;
}
#wrapper-right {
	width: 87%;
	height: 100%;
	float: left;
	background-color: #FFFFFF;
}


#content-container {
	width: 64%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#right-container {
	width: 36%;
	float: right;
}

#content-outer  {
	max-width: 780px;
	margin: 0 auto;
}

#content-inner  {
	margin: 0px 30px 0px 30px; /*bredde*/
}

#contentTopMargin { height: 40px; }
#contentBottomMargin { height: 80px; }



/*--------------------------------------------------------------
 Footer
--------------------------------------------------------------*/


#wrapper-footer .footer-top-container {
	background-color: #EDEDED;
	height: 330px;
}
#wrapper-footer .footer-bottom-container {
	background-color: #676C6F;
	height: 60px;
}
#wrapper-footer .footer-bottom-container, #wrapper-footer .footer-bottom-container a {
	font-size: 14px;
	line-height: 60px;
	color: #EDEBEC;
	text-transform: uppercase;
}

#wrapper-footer .footer-top-container {
	font-size: 17px;
	line-height: 26px;
	text-transform: uppercase;
}
#wrapper-footer .footer-top-container p {
	margin-bottom: 15px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#wrapper-footer .footer-top-container .footer-info-navn-content {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	text-transform: uppercase;
}

#wrapper-footer .footer-top-container .footer-info-navn-container {
	width: 100%;
/*	background-color: #1D4D4D;*/
}


#wrapper-footer .footer-top-container .footer-info-navn-content {
	padding: 65px 7% 15px 7%;
}
#wrapper-footer .footer-top-container .footer-info-a-content {
	padding: 0px 0px 0px 28%;
}
#wrapper-footer .footer-top-container .footer-info-b-content {
	padding: 0px 0px 0px 28%;
}
#wrapper-footer .footer-top-container .footer-info-c-content {
	padding: 0px 0px 0px 28%;
}
#wrapper-footer .footer-top-container .footer-info-d-content {
	padding: 0px 15% 0px 28%;
}



#wrapper-footer .footer-info-a-container, #wrapper-footer .footer-info-b-container, #wrapper-footer .footer-info-c-container, #wrapper-footer .footer-info-d-container { float: left; width: 25%; }

#wrapper-footer .footer-bottom-a-container { float: left; width: 27%; border: 0px solid #FF0000; }
#wrapper-footer .footer-bottom-b-container { float: left; width: 18%; border: 0px solid #FF0000; }
#wrapper-footer .footer-bottom-c-container { float: left; width: 20%; border: 0px solid #FF0000; }
#wrapper-footer .footer-bottom-d-container { float: left; width: 18%; border: 0px solid #FF0000; }
#wrapper-footer .footer-bottom-e-container { float: left; width: 17%; border: 0px solid #FF0000; }

#wrapper-footer .footer-bottom-a-content { padding: 0px 0px 0px 28%; }
#wrapper-footer .footer-bottom-b-content { padding: 0px 0px 0px 28%; }
#wrapper-footer .footer-bottom-c-content { padding: 0px 0px 0px 28%; }
#wrapper-footer .footer-bottom-d-content { padding: 0px 0px 0px 28%; }
#wrapper-footer .footer-bottom-e-content { padding: 0px 28% 0px 0px; text-align: right; }


#wrapper-footer .footer-bottom-a-content img {
	max-width: 24px;
}

/*--------------------------------------------------------------
 Site styling
--------------------------------------------------------------*/


#content-inner img { max-width: 100%; height: auto; }


#content-inner .content-manchet {
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}


/*--------------------------------------------------------------
 Form
--------------------------------------------------------------*/

.search-field {
	background-color: #EDEDED;
	height: 30px;
	/*font-family: 'Dosis', sans-serif;*/
	font-size: 16px;
	line-height: 28px;
	border: 0px;
	padding-left: 10px;
}
.search-date {
	background-color: #EDEDED;
	height: 28px;
	/*font-family: 'Dosis', sans-serif;*/
	font-size: 16px;
	width: 100px;
	border: 0px;
	padding-left: 10px;
}
.search-submit {
	background-color: #F6E5EB;
	height: 30px;
	color: #B20638;
	border: 1px solid #B20638;
	text-transform: uppercase;
	line-height: 28px;
	padding: 0px 10px 0px 10px;
}

/*--------------------------------------------------------------
 Nyhedsbrev
--------------------------------------------------------------*/

.nyhedsbrevinput {
	width: 97%;
	border: 0px;
	line-height: 28px;
	padding-left: 3%;
	margin-bottom: 3px;
}

.nyhedsbrevbuttoncontainer {
	width: 100%;
	text-align: right;
}
.nyhedsbrevbutton {
	background-color: #F6E5EB;
	height: 30px;
	color: #B20638;
	border: 1px solid #B20638;
	text-transform: uppercase;
	line-height: 28px;
	padding: 0px 10px 0px 10px;
	margin-top: 10px;
}

.nyhedsbrevlink {
	background-color: #F6E5EB;
	height: 30px;
	color: #B20638;
	border: 1px solid #B20638;
	text-transform: uppercase;
	line-height: 28px;
	padding: 0px 20px 0px 20px;
	margin-top: 10px;
}
/*--------------------------------------------------------------
 Nyheder
--------------------------------------------------------------*/

/* Nyhedsvisning */ 
.nyhedsvisning {
	margin-bottom: 50px;
}
.nyhedsvisning-dato {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.nyhedsvisning-manchet {
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}
.nyhedsvisning-forfatter {
	font-style:italic;
	margin-bottom: 20px;
}
.nyhedsvisning-tekst {}

.nyhedsvisning h1 { margin: 0px 0px 45px 0px; }
.nyhedsvisning h2 { margin: 0px 0px 0.4em 0px; padding: 0px; }

.nyhedsvisning .div-table {
  display: table;         
  width: 100%;
}
.nyhedsvisning .div-table-row {
  display: table-row;
  width: 100%;
  clear: both;
}
.nyhedsvisning .div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;
}
.nyhedsvisning .nyhedsvisning-forfatter {
	width: 60%;
	padding-bottom: 10px;
}
.nyhedsvisning .sharethis-wrapper {
	width: 40%;
	text-align: right;
}

/* Nyhedsoversigt */ 

.nyhedsoversigt h2 {
	margin: 0px 0px 8px 0px;
}
.nyhedsoversigt h2 a { color: #000000; }
.nyhedsoversigt h2 a:hover { color: #F7135E; }
.nyhedsoversigt-dato {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
.nyhedsoversigt-manchet {
	margin-bottom: 50px;
}
h1.nyhedsoversigt {
	margin: 0px 0px 45px 0px;
}

#gallery-icon-nyheder {
	position: relative;
	top: -38px;
	width: 100%;
	height: 28px;
	z-index: 10;
	pointer-events: none;
}
#gallery-icon-nyheder img {
	margin-left: 5px;
}

/* nyheds hoejre bokse */

#nyhedsgalleri-wrapper {}
#nyhedsgalleri-wrapper ul:after { content: ''; display: block; clear: both; }

#nyhedsbokse-wrapper {}
.nyhedsbokse-wrapper-top-margin-flere { position: relative; top: -33px; }
.nyhedsbokse-wrapper-top-margin-en { position: relative; top: -5px; }

#nyhedsbokse-wrapper li { list-style: disc; margin-left: 20px; margin-bottom: 0.5em; }

#nyhedsbokse-wrapper li p { margin: 0px; padding: 0px; }



/*--------------------------------------------------------------
 Left Drop-right menu
--------------------------------------------------------------*/


.navigation-top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* Width of Menu Items */
}

.navigation-top ul li {
	position: relative;
}
	
.navigation-top li ul {
	position: absolute;
	/*left: 100%; *//* Set 1px less than menu width */
	left: 100%;
	top: 0;
	display: none;
	width: 300px;
}

.navigation-top ul li ul li {
	background: #EDEDED;
}

/* Styles for Menu Items */
.navigation-top ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	/*background: #fff; /* IE6 Bug */
	padding-left: 28px;
	font-size: 17px;
	line-height: 50px;
	text-transform: uppercase;
}

/* Fix IE. Hide from IE Mac \*/
* html .navigation-top ul li { float: left; height: 1%; }
* html .navigation-top ul li a { height: 1%; }
/* End */

.navigation-top ul li:hover>a { color: #383D40; background: #EDEDED; } /* Hover Styles */
		
.navigation-top ul li ul li a { padding-left: 28px; color: #000000; } /* Sub Menu Styles */
		
.navigation-top li:hover ul, .navigation-top li.over ul { display: block; z-index: 1000; } /* The magic */

/*--------------------------------------------------------------
 Left sub menu
--------------------------------------------------------------*/

#navigation-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* Width of Menu Items */
}

#navigation-sub ul li {
	position: relative;
}

/* Styles for Menu Items */
#navigation-sub ul li a {
	display: block;
	text-decoration: none;
	/*background: #fff; /* IE6 Bug */
	padding-left: 28px;
	text-transform: uppercase;
}

#navigation-sub ul li.parent a {
	color: #FFFFFF;
	font-size: 17px;
	line-height: 50px;
}

#navigation-sub ul li.active a  {
	color: #383D40;
	background: #EDEDED;
	font-size: 17px;
	line-height: 50px;
}

#navigation-sub ul li.child a  {
	color: #FFFFFF;
	/*background: #53595D;*/
	font-size: 14px;
	line-height: 40px;
}

#navigation-sub ul li:hover>a { color: #383D40; background: #EDEDED; } /* Hover Styles */





/*--------------------------------------------------------------
 Left Drop-right page menu
--------------------------------------------------------------*/


.navigation-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* Width of Menu Items */
}

.navigation-page ul li {
	position: relative;
}
	
.navigation-page li ul {
	position: absolute;
	/*left: 100%; *//* Set 1px less than menu width */
	left: 100%;
	top: 0;
	display: none;
	width: 350px;
}

.navigation-page ul li ul li {
	background: #EDEDED;
}

/* Styles for Menu Items */
.navigation-page ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	/*background: #fff; /* IE6 Bug */
	padding-left: 28px;
	font-size: 18px;
	line-height: 50px;
	text-transform: uppercase;
}

/* Fix IE. Hide from IE Mac \*/
* html .navigation-page ul li { float: left; height: 1%; }
* html .navigation-page ul li a { height: 1%; }
/* End */


.navigation-page ul li:hover>a, .navigation-page ul li.topactive:hover>a { color: #000000; background-color: #FFFFFF; } 
		
.navigation-page ul li ul li a { padding-left: 28px; color: #000000; } /* Sub Menu Styles */
		
.navigation-page li:hover ul, .navigation-page li.over ul { display: block; z-index: 1000; } /* The magic */

.navigation-page ul li.tree a {
	font-size: 17px;
	line-height: 50px;
}

.navigation-page ul li.topactive a {
	background: #2A2E31;
}

.navigation-page ul li.active a  {
	background: #FFFFFF url('../images/menu_dot_selected_01.png') no-repeat 14px 22px;
	color: #000000 !important;
}

.navigation-page ul.nav-child li.child a  {
	color: #000000;
	background: #EDEDED;
	font-size: 14px;
	line-height: 40px;
	/*padding-left: 58px;*/
}

.navigation-page ul.nav-child li a {

}

.navigation-page ul.nav-child li.niv-2 a  {
	text-transform: none;
}


.navigation-page ul li.niv-1 a {
	background: #4F545A;
	font-size: 15px;
	line-height: 38px;
}
.navigation-page ul li.niv-2 a {
	background: #9D9D9D;
	line-height: 38px;
	font-size: 15px;
}
.navigation-page ul li.niv-3 a {
	background: #EDEDED;
	line-height: 38px;
	font-size: 15px;
	color: #000000;
	text-transform: none;
	/*background: #EDEDED url('../images/menu_dot_selected_01.png') no-repeat 14px 14px !important;*/
	
}
.navigation-page ul li.niv-4 a, .navigation-page ul li.niv-5 a, .navigation-page ul li.niv-6 a, .navigation-page ul li.niv-7 a {
	background: #FFFFFF;
	line-height: 38px;
	font-size: 15px;
	color: #000000;
	text-transform: none;
}

.navigation-page ul li.niv-active a  {
	background: #FFFFFF url('../images/menu_dot_selected_01.png') no-repeat 14px 14px;
	color: #000000 !important;
}


.navigation-page ul li.child:hover>a, .navigation-page ul li.niv-active:hover>a, .navigation-page ul li.tree:hover>a { color: #000000; background-color: #FFFFFF; }

.navigation-page .nav>li>a { padding-top: 0px; padding-bottom: 0px; }

/*--------------------------------------------------------------
 Left column
--------------------------------------------------------------*/
#logoVibe {
	padding: 30px 0px 30px 28px;
	text-align: left;
}
#logoVibe img {
	width: 100%;
	max-width: 55%;
}
#bannerForsideStoetDOFContainer {
	width: 100%;
	margin: 20px 0px 20px 0px;
}
#bannerForsideStoetDOF {
	text-align: center;
	margin: 0 auto;
}
#bannerForsideStoetDOF img {
	width: 100%;
	max-width: 116px;
}

.forsideStoetDOF-top-margin { height: 20px; }
.soeg-top-margin { height: 20px; }

#mobileMenuButton { float: right; width: 76px; text-align: right; display: none; }
#mobileMenuButton .mobilemenubuttoninner { padding: 88px 28px 0px 0px; }
#mobileMenuButton .mobilemenubuttoninner img { max-width: 38px; padding-left: 10px; }
#mobileMenuButton .mobilemenubuttoninner a {
    color: #FFFFFF !important;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
    text-decoration: none !important;
}


#left-column-skift-sprog { text-align: center; padding-top: 70px; }
#left-column-skift-sprog img {
	width: 100%;
	max-width: 40px;
}
#left-column-skift-sprog a { color: #FFFFFF; }
#left-column-skift-sprog a:hover, #left-column-skift-sprog a:active { color: #DDDDDD; }

/*--------------------------------------------------------------
 Mobile menu
--------------------------------------------------------------*/

#navigation-mobile { display: none; width: 100%; }

#navigation-mobile {
	border-top: solid 1px #FFFFFF;
}

#navigation-mobile ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* Width of Menu Items */
}

#navigation-mobile ul li a {
	display: block;
	text-decoration: none;
	border-bottom: solid 1px #FFFFFF;

	font-size: 18px;
	line-height: 50px;
	text-transform: uppercase;
	padding-left: 28px;
	color: #FFFFFF;
}

#navigation-mobile ul li li a { padding-left: 42px; text-transform: none;}

#navigation-mobile ul li li li a { padding-left: 54px; text-transform: none;}

#navigation-mobile ul li a:hover, 
#navigation-mobile ul li a:active { color: #000000; background-color: #FFFFFF; }


/*--------------------------------------------------------------
 Breadcrumbs and share-this
--------------------------------------------------------------*/

.sharethiswrapper {
	float: right; 
	width: 20%;
}
.breadshare-wrapper {
	float: left; 
	width: 80%;
}


.breadcrumbs,.article-info {
	padding: 0px;
	margin: 0 0 18px;
	list-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}

.breadcrumbs li {
	display: inline-block;
}
#breadcrumbs, #breadcrumbs .breadcrumbs {
	margin-bottom: 0px;
}
/*--------------------------------------------------------------
 Diverse
--------------------------------------------------------------*/
.btn-group {
	display: none;
}
.page-header {
    padding: 0px;
    margin: 0px;
    border-bottom: 0px;
}
/*--------------------------------------------------------------
 Right column
--------------------------------------------------------------*/

#right-container .container-boks-smal, #right-container .container-boks-annonce {
	position: relative;
	width: 50%;
	max-width: 400px;
	float: right;
	display: inline-block;

}

#right-container .container-boks-smal:after, #right-container .container-boks-annonce:after {
	padding-top: 90%;
	display: block;
	content: '';
}

#right-container .container-boks-bred {
	position: relative;
	width: 100%;
	max-width: 800px;
	float: right;
	display: inline-block;
}

#right-container .container-boks-bred:after {
	padding-top: 60%;
	display: block;
	content: '';
}


#right-container .container-boks-hoej {
	position: relative;
	width: 50%;
	max-width: 400px;
	float: right;
	display: inline-block;

}

#right-container .container-boks-hoej:after {
	padding-top: 180%;
	display: block;
	content: '';
}


#right-container .container-boks-smal .boks-inner, 
#right-container .container-boks-annonce .boks-inner, 
#right-container .container-boks-bred .boks-inner, 
#right-container .container-boks-hoej .boks-inner  {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
#right-container .container-boks-bred-tilpasset .boks-inner 
{
	padding-bottom: 20px;
}
#right-container .container-boks-bred-bund-tilpasset .boks-inner-content  
{
	padding-top: 20px;
	padding-bottom: 20px;
}
#right-container .container-boks-smal .boks-inner h3, 
#right-container .container-boks-annonce .boks-inner h3, 
#right-container .container-boks-bred .boks-inner h3, 
#right-container .container-boks-hoej .boks-inner h3, 
#right-container .container-boks-bred-tilpasset .boks-inner h3 {
	padding: 6px 0px 0px 0px;
	margin: 14px 0px 10px 0px;
	font-family: 'Museo';
	font-weight: 300;
	font-style: italic;
}
#right-container .container-boks-bred-bund-tilpasset .boks-inner h3 {
	padding: 16px 0px 0px 0px;
	margin: 14px 0px 10px 0px;
	font-family: 'Museo';
	font-weight: 300;
	font-style: italic;
}
#right-container img {
	max-width: 100% !important;
}


#right-container .contact-box-info-left {
	width: 58%;
	float: left;
	font-size: 14px;
	line-height: 18px;
}

#right-container .contact-box-info-right {
	width: 38%;
	float: right;
}

#right-container .boks-inner-content p {
	margin: 0px 0px 10px 0px;
}

#right-container .boks-inner .boks-inner-nyhed-link {
	width: 100%;
	padding-bottom: 8px;
}

#right-container .white-text-links a {color: #FFFFFF; }
#right-container .white-text-links a:hover {color: #CCCCCC; }


#right-container .boks-bred-zero-margin {
	padding: 0px; 
	margin: 0px;
}
#right-container .boks-bred-zero-margin p, #right-container .boks-bred-zero-margin div { 
	padding: 0px; 
	margin: 0px;
	margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#right-container .boks-bred-zero-margin iframe, 
#right-container .boks-bred-zero-margin embed, 
#right-container .boks-bred-zero-margin video {
	width: 100%;
	display: block;
/*	width:100%;
	height:auto;*/
}

/*--------------------------------------------------------------
 iFrame containers
--------------------------------------------------------------*/

.iframe-container {
}

.iframe-container iframe {
   border: 0;
   height: 1300px;
   width: 768px;
}


/*--------------------------------------------------------------
 Protect Water iframe
--------------------------------------------------------------*/

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

	.protect-water-iframe {
		height: 700px !important;
	}
} /* END OF @media all and (max-width: 860px) */



/*--------------------------------------------------------------
 FORSIDE - Banner
--------------------------------------------------------------*/

#forside-banner-container {}

#forside-banner-container .forside-banner-box {	float: left; width: 33.3333%; }

#forside-banner-container .forside-banner-box-1, #forside-banner-container .forside-banner-box-2, #forside-banner-container .forside-banner-box-3 { width: 100%; display: inline-block;}
#forside-banner-container .forside-banner-box-borders { border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1;}

#forside-banner-container .forside-banner-box-inner {
	text-align: center;
	margin: 15px 0px 45px 0px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	font-style: italic;
	/*font-family: 'ChronicleDisplay-BoldItalic', 'Dosis', sans-serif;*/
	/*font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-serif;*/
	font-family: 'Museo', 'Segoe UI', sans-serif, serif;
	
}
#forside-banner-container .forside-banner-box-inner a {color: #000000;}
#forside-banner-container .forside-banner-box-inner img { width: 100%; max-width: 411px;}

#forside-banner-container .forside-banner-box-inner-streg {
	height: 1px;
	width: 20%;
	display: inline-block; 
	background-color: #D1D1D1;
	font-size: 1px;
	line-height: 1px;
}

#forside-boks-container-top-margin {
	height: 1px;
	background-color: #D1D1D1;
}

/*--------------------------------------------------------------
 FORSIDE - Boks
--------------------------------------------------------------*/
#forside-boks-container {
	display: block;
}
#forside-boks-container .container-forside-box {
	position: relative;
	width: 16.666%;
	max-width: 400px;
	float: left;
	display: inline-block;

}

#forside-boks-container .container-forside-box:after {
	padding-top: 90%;
	display: block;
	content: '';
}


#forside-boks-container .container-forside-box .boks-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}
#forside-boks-container .container-forside-box .boks-inner h3 {
	/*font-family: Georgia, serif;*/
	/*font-style:italic;*/
	/*font-style: normal;
	font-weight: normal;
	font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-serif;*/
	font-family: 'Museo';
	font-weight: 300;
	font-style: italic;
	padding: 6px 0px 0px 0px;
	margin: 14px 0px 10px 0px;
}
#forside-boks-container img {
	max-width: 100% !important;
}
#forside-boks-container .boks-inner-content p {
	margin: 0px 0px 10px 0px;
}

#forside-3boks-container {
	margin-bottom: 50px;
}

#forside-3boks-container .forside-3boks-container {
	width: 33.333%;
	float: left;
}

#forside-3boks-container .forside-3boks-inner {
	padding: 14px 0px 20px 21%;
	overflow: hidden !important;
}

#forside-3boks-container h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 6px;
}
#forside-3boks-container .forsidenyhed {
	padding-bottom: 22px;
}
#forside-3boks-container .forsidenyhed a { color: #000000; }
#forside-3boks-container .forsidenyhed a:hover { color: #B20638; }
#forside-3boks-container .forsidenyhed-dato {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px;
}
#forside-3boks-container .forsidenyhed-flere a {
	text-transform: uppercase;
}

/*--------------------------------------------------------------
 FORSIDE - Top
--------------------------------------------------------------*/

		#mixedContent
		{
			width:100%;
			height: 390px;
			position: relative;
			display: block;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#mixedContent .contentBox {
	position: relative;
	float: left;
	display: block;
	height: 390px;
	width: 650px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#mixedContent .contentBoxText {

}
#mixedContent .contentBoxText a {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 48px;
	padding-left: 22px;
	/*font-family: 'ChronicleDisplay-BoldItalic', 'Dosis', sans-serif;*/
	/*font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-serif;*/
	font-weight: 300;
	font-style: italic;
	font-family: 'Museo', 'Segoe UI', sans-serif, serif;
}


/*--------------------------------------------------------------
 Medarbejdere
--------------------------------------------------------------*/
.container-medarbejderafdeling {

}


.container-medarbejder-row {
	/*background-color: #CCCCCC;*/
	padding-bottom: 30px;
}

.container-medarbejderbox {
	float: left;
	width: 31%;
}

.container-medarbejderbox-margin {
	float: left;
	width: 3.5%;
	height: 50px;
}

.container-medarbejderbox-infobox {
	padding-top: 18px;
	padding-right: 10px;
	overflow: hidden;
}

.container-medarbejderbox-navn {
    font-size: 20px;
    line-height: 28px;
	font-weight: bold;
}
.container-medarbejderbox-navn a { color: #000000; }
.container-medarbejderbox-navn a:hover { color: #666666; }

.container-medarbejder-praesentation {
	padding-top: 30px;
}

.container-medarbejder-praesentation-tekst {
	padding-top: 30px;
}

.container-medarbejder-praesentation-foto {
	float: left;
	width: 47%;
}

.container-medarbejder-praesentation-info {
	float: right;
	width: 47%;
}


/*--------------------------------------------------------------
 Google Map - responsive kort visning
--------------------------------------------------------------*/

#mapheader {
	position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
}
.google-map {
    width: 100%;
    height: 300px;
    overflow: hidden;
}


/*--------------------------------------------------------------
 Responsive video
--------------------------------------------------------------*/

.responsive-video-wrapper {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.responsive-video-wrapper iframe, .responsive-video-wrapper object, .responsive-video-wrapper embed, .responsive-video-wrapper video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*--------------------------------------------------------------
 Lazyload video module
--------------------------------------------------------------*/

.youtubelazyload {
    background-color: #000;
    margin-bottom: 0px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtubelazyload img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtubelazyload .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtubelazyload .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtubelazyload img,
.youtubelazyload .play-button {
    cursor: pointer;
}
.youtubelazyload img,
.youtubelazyload iframe,
.youtubelazyload .play-button,
.youtubelazyload .play-button:before {
    position: absolute;
}
.youtubelazyload .play-button,
.youtubelazyload .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtubelazyload iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/*--------------------------------------------------------------
 Site structure - RESPONSIVE
--------------------------------------------------------------*/

@media all and (max-width: 1680px) {
	#wrapper-left { width: 14%; }
	#wrapper-right { width: 86%; }
	body { background: url('../images/dof_bg_graa_14_3800.png') repeat-y 14% top; }
} /* END OF @media all and (max-width: 1680px) */

@media all and (max-width: 1540px) {
	#right-container .container-boks-hoej { width: 100%; max-width: 800px;}
	#right-container .container-boks-smal { width: 100%; max-width: 800px;}
	#right-container .container-boks-annonce { width: 100%; max-width: 800px;}

} /* END OF @media all and (max-width: 1440px) */

@media all and (max-width: 1440px) {
	#wrapper-left { width: 16%; }
	#wrapper-right { width: 84%; }
	body { background: url('../images/dof_bg_graa_16_3800.png') repeat-y 16% top; }
	#content-inner {margin: 0px 50px 0px 50px;}

} /* END OF @media all and (max-width: 1440px) */

@media all and (max-width: 1280px) {
	#wrapper-left { width: 18%; }
	#wrapper-right { width: 82%; }
	body { background: url('../images/dof_bg_graa_18_3800.png') repeat-y 18% top; }

	#forside-boks-container .container-forside-box { width: 33.333%;}
} /* END OF @media all and (max-width: 1280px) */

@media all and (max-width: 1024px) {
	#wrapper-left { width: 22%; }
	#wrapper-right { width: 78%; }
	body { background: url('../images/dof_bg_graa_22_3800.png') repeat-y 22% top; }
	#content-container { width: 100%; }
	#right-container { width: 100%; }

	#right-container .moduletable {	max-width: 50%; }

	#wrapper-footer .footer-info-a-container, #wrapper-footer .footer-info-b-container, #wrapper-footer .footer-info-c-container, #wrapper-footer .footer-info-d-container { width: 50%; }

	#wrapper-right, #wrapper-left, #wrapper-right-container { height: auto;  }
	#wrapper-content { padding-bottom: 0px; }
	#wrapper-footer { height: auto; margin-top: 20px; }

	#wrapper-footer .footer-top-container {	height: auto; }

	#right-container .container-boks-hoej { width: 50%;}
	#right-container .container-boks-smal { width: 50%;}
	#right-container .container-boks-annonce { width: 50%;}


	#wrapper-footer .footer-bottom-a-container { float: left; width: 35%; }
	#wrapper-footer .footer-bottom-b-container { float: left; width: 16%; }
	#wrapper-footer .footer-bottom-c-container { float: left; width: 18%; }
	#wrapper-footer .footer-bottom-d-container { float: left; width: 16%; }
	#wrapper-footer .footer-bottom-e-container { float: left; width: 15%; }



} /* END OF @media all and (max-width: 1024px) */


@media all and (max-width: 860px) {
	#wrapper-left { width: 24%; }
	#wrapper-right { width: 76%; }
	body { background: url('../images/dof_bg_graa_24_3800.png') repeat-y 24% top; }

	#wrapper-footer .footer-bottom-a-container { float: left; width: 39%; }
	#wrapper-footer .footer-bottom-b-container { float: left; width: 12%; }
	#wrapper-footer .footer-bottom-c-container { float: left; width: 20%; }
	#wrapper-footer .footer-bottom-d-container { float: left; width: 15%; }
	#wrapper-footer .footer-bottom-e-container { float: left; width: 14%; }

	#wrapper-footer .footer-bottom-a-content { padding: 0px 0px 0px 20%; }
	#wrapper-footer .footer-bottom-b-content { padding: 0px 0px 0px 20%; }
	#wrapper-footer .footer-bottom-c-content { padding: 0px 0px 0px 20%; }
	#wrapper-footer .footer-bottom-d-content { padding: 0px 0px 0px 20%; }
	#wrapper-footer .footer-bottom-e-content { padding: 0px 20% 0px 0px; text-align: right; }

} /* END OF @media all and (max-width: 860px) */


@media all and (max-width: 768px) {
	#wrapper-left { 
		width: 100%; 
		height: auto; 
		
		background: url('../images/dof_bg_graa_10px.png') repeat top left;
	}
	#wrapper-right { width: 100%; }
	body { background: #FFFFFF; }
	.navigation-top, .navigation-page { display: none; }
	#left-column-skift-sprog { display: none; }

	#content-container { margin-bottom: 20px; }
	#bannerForsideStoetDOFContainer { display: none; }

	.forsideStoetDOF-top-margin {
		display: none; 
	}

	#logoVibe {
		float: left;
		width: 130px;
		padding: 14px 0px 6px 48px;
	}

	#logoVibe img { max-width: 76px; padding-right: 10px; }

	.soeg-top-margin { height: 0px; }

	#mobileMenuButton { display: block; }




} /* END OF @media all and (max-width: 768px) */


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

	#wrapper-footer .footer-bottom-a-container, #wrapper-footer .footer-bottom-b-container, #wrapper-footer .footer-bottom-c-container, #wrapper-footer .footer-bottom-d-container, #wrapper-footer .footer-bottom-e-container { float: left; width: 100%; }

	#wrapper-footer .footer-bottom-container { height: auto; padding: 24px 0px 20px 0px; }
	#wrapper-footer .footer-bottom-container, #wrapper-footer .footer-bottom-container a {
		font-size: 14px;
		line-height: 30px;
	}

	#wrapper-footer .footer-bottom-a-content, #wrapper-footer .footer-bottom-b-content, #wrapper-footer .footer-bottom-c-content, #wrapper-footer .footer-bottom-d-content, #wrapper-footer .footer-bottom-e-content {
		padding: 0px 0px 0px 7%;
		text-align: left;
	}


	#wrapper-footer .footer-top-container {padding-bottom: 15px;}
} /* END OF @media all and (max-width: 660px) */



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

	/*
	#forside-banner-container .forside-banner-box {	float: left; width: 100%; }
	#forside-banner-container .forside-banner-box-borders { border-left: 0px; border-right: 0px;}
	#forside-banner-container .forside-banner-box-inner { margin: 0px 0px 15px 0px;	}
	#forside-banner-container .forside-banner-box-inner img { max-width: 300px;}
	*/


	#forside-banner-container .forside-banner-box-inner {
		margin: 20px 0px 25px 0px;
		font-size: 14px;
		line-height: 16px;
	}



	#forside-3boks-container .forside-3boks-container { width: 100%; }
	#forside-3boks-container .forside-3boks-inner { padding: 0px 7% 0px 7%; }
	
	#wrapper-footer .footer-info-a-container, #wrapper-footer .footer-info-b-container, #wrapper-footer .footer-info-c-container, #wrapper-footer .footer-info-d-container { width: 100%; }

	#wrapper-footer .footer-top-container .footer-info-navn-content { 
		padding: 45px 7% 15px 7%;
	}

	#wrapper-footer .footer-top-container .footer-info-a-content, #wrapper-footer .footer-top-container .footer-info-b-content, #wrapper-footer .footer-top-container .footer-info-c-content, #wrapper-footer .footer-top-container .footer-info-d-content {
		padding: 0px 7% 0px 7%;
	}

	#wrapper-footer .footer-top-container {
		font-size: 14px;
		line-height: 18px;
	}

	/*--------------------------------------------------------------
	 Medarbejdere
	--------------------------------------------------------------*/

	.container-medarbejder-row { padding-bottom: 15px; }
	.container-medarbejderbox { width: 100%; }
	.container-medarbejderbox-margin { width: 100%;	height: 15px; }
	.container-medarbejderbox-infobox { padding-top: 18px; padding-right: 10px; }
	.container-medarbejderbox-navn { font-size: 20px; line-height: 28px; font-weight: bold; }
	.container-medarbejder-praesentation { padding-top: 30px; }
	.container-medarbejder-praesentation-tekst { padding-top: 30px; }
	.container-medarbejder-praesentation-foto { float: left; width: 47%; }
	.container-medarbejder-praesentation-info { float: right; width: 47%; }





		#mixedContent
		{
			width:100%;
			height: 250px;
			position: relative;
			display: block;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#mixedContent .contentBox {
	position: relative;
	float: left;
	display: block;
	height: 250px;
	width: 417px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#mixedContent .contentBoxText {

}
#mixedContent .contentBoxText a {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 40px;
	padding-left: 22px;
	/*font-style: normal;
	font-weight: normal;
	font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-serif;*/
	font-family: 'Museo';
	font-weight: 300;
	font-style: italic;
}






} /* END OF @media all and (max-width: 520px) */


@media all and (max-width: 480px) {
	#right-container .moduletable {	min-width: 100%; width: 100%; clear: both; }
	#content-inner  { margin: 0px 20px 0px 20px; }

	#logoVibe { padding: 14px 0px 6px 20px; }

	/*
	#forside-banner-container .forside-banner-box {	float: left; width: 100%; }
	#forside-banner-container .forside-banner-box-borders { border-left: 0px; border-right: 0px;}
	#forside-banner-container .forside-banner-box-inner { margin: 0px 0px 15px 0px;	}
	#forside-banner-container .forside-banner-box-inner img { max-width: 300px;}
	*/

	#right-container .container-boks-hoej { width: 100%;}
	#right-container .container-boks-smal { width: 100%;}
	#right-container .container-boks-annonce { width: 100%;}

} /* END OF @media all and (max-width: 480px) */

@media all and (max-width: 320px) {
	#right-container .moduletable {	min-width: 100%; width: 100%; clear: both; }
	#content-inner  { margin: 0px 10px 0px 10px; }
	#logoVibe { padding: 14px 0px 6px 10px; }

} /* END OF @media all and (max-width: 320px) */