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

body,
button,
input,
select,
textarea {
	color: #000000;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	line-height: 24px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
p {
	margin-bottom: 1.5em;
}
h1 {
 font-size: 36px;
 line-height: 40px;
 margin-bottom: 30px;
}

/* Sitemap */
#osmap ul, #osmap .menutitle {
	margin: 0px;
}

/* Events */
/*#events {
	overflow: hidden;
	max-height: 330px;
	display: inline-block;
}

#events h2 {
	font-size: 18px !important;
	line-height: 18px !important;
}*/

/*--------------------------------------------------------------
 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;
}

/* Sitemap */
.osmapexcl {
	display: 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
--------------------------------------------------------------*/
@media ( min-width: 1030px ) {
	#wrapper-footer .footer-logo-container {
		margin-top: -87px;
		background-color: #383D40;
		padding-bottom: 10px;
		height: 280px;
	}
}

@media ( max-width: 1029px ) {
	#wrapper-footer .footer-logo-container {
		display: none;
	}
}

#wrapper-footer .footer-top-container {
	background-color: #EDEDED;
	min-height: 380px;
	overflow: hidden;
	padding-bottom: 40px;
}
#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%;
	height: 70px;
/*	background-color: #1D4D4D;*/
}


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

#wrapper-footer .footer-info-a-container, 
#wrapper-footer .footer-info-b-container, 
#wrapper-footer .footer-info-c-container, 
#wrapper-footer .footer-info-d-container {  }

#wrapper-footer .footer-info-type-0 { float: left; width: 100%; }
#wrapper-footer .footer-info-type-1 { float: left; width: 100%; }
#wrapper-footer .footer-info-type-2 { float: left; width: 50%; }
#wrapper-footer .footer-info-type-3 { float: left; width: 33.333333333%; }
#wrapper-footer .footer-info-type-4 { float: left; width: 25%; }

#wrapper-footer .footer-info-c-content img, 
#wrapper-footer .footer-info-d-content img { width: 100%; max-width: 170px; float: right; }

#wrapper-footer .footer-info-a-content h2 { margin-top: 0px; padding-top: 0px; }

#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%; min-height: 1px; }
#wrapper-footer .footer-bottom-b-content { padding: 0px 0px 0px 28%; min-height: 1px; }
#wrapper-footer .footer-bottom-c-content { padding: 0px 0px 0px 28%; min-height: 1px; }
#wrapper-footer .footer-bottom-d-content { padding: 0px 0px 0px 28%; min-height: 1px; }
#wrapper-footer .footer-bottom-e-content { padding: 0px 28% 0px 0px; text-align: right; min-height: 1px; }

#wrapper-footer .footer-bottom-a-content p, 
#wrapper-footer .footer-bottom-b-content p, 
#wrapper-footer .footer-bottom-c-content p, 
#wrapper-footer .footer-bottom-d-content p, 
#wrapper-footer .footer-bottom-e-content p { padding: 0px; margin: 0px; }

#wrapper-footer .footer-bottom-a-content img { vertical-align: middle; }


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


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


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


/*--------------------------------------------------------------
 Form - v. 2018
--------------------------------------------------------------*/

.nyheder-arkiv-soeg {
	padding-bottom: 30px;
}

.search-field {
	background-color: #EDEDED;
	height: 30px;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	line-height: 28px;
	border: 0px;
	padding-left: 10px;
	margin-right: 6px;
}
.search-select {
	background-color: #EDEDED;
	height: 30px;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	line-height: 28px;
	border: 0px;
	padding-left: 10px;
	margin-right: 6px;
}
.search-date {
	background-color: #EDEDED;
	height: 28px;
	font-family: 'Dosis', sans-serif;
	font-size: 16px;
	width: 100px;
	border: 0px;
	padding-left: 10px;
	margin-right: 6px;
}
.search-submit {
	background-color: #F6E5EB;
	height: 30px;
	color: #B20638;
	border: 1px solid #B20638;
	text-transform: uppercase;
	line-height: 28px;
	padding: 0px 10px 0px 10px;
}
.nyheder-arkiv-soeg input::placeholder { color: #B0B0B0; }
.nyheder-arkiv-soeg input::-webkit-input-placeholder  { color: #B0B0B0; }


/*--------------------------------------------------------------
 Sidenavigation - v. 2018
--------------------------------------------------------------*/

.sidenavigation {
	font-size: 28px;
    color: #000000;
    font-weight: bold;
	line-height: 30px;
}
.sidenavigation .moredots {
    color: rgb(144, 144, 144);
}
.sidenavigation img { text-decoration: none;  vertical-align: top; padding-top: 2px; }
.sidenavigation a.sidenavigation-nummer { 
	font-size: 28px;
    color: rgb(144, 144, 144);
    font-weight: bold;
	text-decoration: none;
}
.sidenavigation a.sidenavigation-nummer:hover { text-decoration: underline; }



/************* MESSAGES *************/

.messagetext-outer-0 {
	width: 100%;
	border-bottom: 2px solid #F15A25;
	border-top: 2px solid #F15A25;
	background-color: #F9ED9F;
}
.messagetext-outer-1 {
	width: 100%;
	border-bottom: 2px solid #888888;
	border-top: 2px solid #888888;
	background-color: #DDDDDD;
}
.messagetext-inner-0, .messagetext-inner-1 {
	padding: 3px 0px 3px 20px;
}


/*--------------------------------------------------------------
 Nyheder
--------------------------------------------------------------*/

.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;
}

.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 */
#nyhedsbokse-wrapper {}
.nyhedsbokse-wrapper-top-margin {
	position: relative;
	top: -33px;
}

/*--------------------------------------------------------------
 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 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; }


/*--------------------------------------------------------------
 Mobile navigation - v. 2018
--------------------------------------------------------------*/

#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; }


/*--------------------------------------------------------------
 Left column - logo v. 2018
--------------------------------------------------------------*/

#logo-grafik, #logo-tekst { float: left; width: 100%; }
#logo-grafik .inner { padding: 20px 28px 0px 28px; }
#logo-tekst .inner { padding: 0px 28px 30px 28px; }

#logo-grafik .inner img {
	width: 100%;
	max-width: 200px;
}

#logo-tekst .inner {
	font-family: 'PT Serif', serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 38px;
	-webkit-font-smoothing: antialiased;
}

#logo-tekst .inner a, #logo-tekst .inner a:hover {
	color: #FFFFFF;
}

#logo-tekst .inner p { padding: 0px; margin: 0px; }

.mobilemenubutton { float: right; width: 100px; text-align: right; display: none; }
.mobilemenubutton .mobilemenubuttoninner { padding: 77px 28px 0px 0px; }
.mobilemenubutton .mobilemenubuttoninner img { max-width: 40px; }

/*--------------------------------------------------------------
 Left column
--------------------------------------------------------------*/





#bannerForsideStoetDOFContainer {
	width: 100%;
	margin: 20px 0px 20px 0px;
}
#bannerForsideStoetDOF {
	text-align: center;
	margin: 0 auto;
}
#bannerForsideStoetDOF img {
	width: 100%;
	max-width: 116px;
}

#navigation-mobile { display: none; }

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

/* Støt Lokal */
.stoet-lokal {
	background-color: #B50839;
	color: white;
	text-align: center;
	font-size: 32px;
	line-height: 36px;

	display: block;
	width: 116px;

	max-height: 116px !important;

	border-radius: 50%;

	margin-right: auto;
	margin-left: auto;

	padding-top: 16px;
	padding-bottom: 28px;
}

/* Tilbage til DOF Knap */
.dof-go-back {
	background-color: #B50839;
	color: white;

	font-size: 20px;
	
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;

	display: block;
	text-align: center;

	height: 40px;
	width: 85px;
	
	padding-top: 15px;

	margin-top: 30px;
}

.dof-go-back:hover, .dof-go-back:active, .stoet-lokal:hover, .stoet-lokal:active {
	color: white;

	opacity: 0.9;
}

.dof-go-back:visited, .stoet-lokal:visited, .dof-go-back:focus, .stoet-lokal:active {
	color: white;
}

/*--------------------------------------------------------------
 Breadcrumbs
--------------------------------------------------------------*/
#breadcrumbs ul {
	padding-left: 0px;
}

#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 ul li:first-child {
	display: none !important;
}

#breadcrumbs, #breadcrumbs .breadcrumbs {
	margin-bottom: 0px;
}

#breadcrumbs li .divider > img {
	display: none !important;
}

#breadcrumbs li:not(:last-child)::after {
	content: "  /  ";
}
/*--------------------------------------------------------------
 Diverse
--------------------------------------------------------------*/
.btn-group {
	display: none;
}

/*--------------------------------------------------------------
 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-bred-tilpasset {
	width: 100%;
	max-width: 800px;
	float: right;
}

#right-container .container-boks-smal:nth-child(5) {
	clear: both !important;
}

#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-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-style: normal;
	font-weight: normal;
	font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-serif;
}
#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;
}


/*--------------------------------------------------------------
 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-style: normal;
	font-weight: normal;
	/*font-family: 'ChronicleDisplay-BoldItalic', 'Dosis', sans-serif;*/
	font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-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
--------------------------------------------------------------*/
#forside-boks-container {
	display: block;
}
#forside-boks-container .container-forside-box {
	position: relative !important;
	width: 16.666% !important;
	max-width: 440px !important;
	float: left;
	display: inline-block;
	overflow: hidden;
}

#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;

}
#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-BoldItalic', 'Dosis', sans-serif;*/
	font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-serif;
	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-top: 40px;
	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;
}

#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, #forside-3boks-container .blog-post a { color: #000000; }
#forside-3boks-container .forsidenyhed a:hover, #forside-3boks-container .blog-post a:hover { color: #B20638; }
#forside-3boks-container .forsidenyhed-dato, #forside-3boks-container .blog-post-date {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px;
}
#forside-3boks-container .forsidenyhed-flere a, #forside-3boks-container .blog-posts-more a {
	text-transform: uppercase;
}

/* Aktiviteter */

#forside-3boks-container #events h2 {
    font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
}

#forside-3boks-container #events .eventoversigt-dato {
	font-weight: normal;
}


/* Blog */
#forside-3boks-container .blog-post {
	padding-bottom: 15px;
}

#forside-3boks-container .blog-post hr {
	color: #D1D1D1;
	margin-top: 12px;
	margin-bottom: 2px;
}

#forside-3boks-container .blog-post h3 {
	margin-top: 2px;
	margin-bottom: 2px;
}

#forside-3boks-container .blog-post p {
	margin-top: 3px;
	margin-bottom: 3px;
}

.blog-post-view {
	margin-bottom: 50px;
}

.blog-post-view-date {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.blog-post-view-description {
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}

.blog-post-view-author {
	font-style:italic;
	margin-bottom: 20px;
}

.blog-post-view-text {}

.blog-post-view h1 {
	margin: 0px 0px 45px 0px;
}

.blog-posts h1 {
	margin: 0px 0px 45px 0px;
}

.blog-posts h2 {
	margin: 0px 0px 8px 0px;
}

.blog-posts h2 a { color: #000000; }

.blog-posts h2 a:hover { color: #F7135E; }

.blog-posts-date {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

.blog-posts-description {
	margin-bottom: 50px;
}

h1.blog-posts {
	margin: 0px 0px 45px 0px;
}

/*--------------------------------------------------------------
 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-style: normal;
	font-weight: normal;
	/*font-family: 'ChronicleDisplay-BoldItalic', 'Dosis', sans-serif;*/
	font-family: 'ChronicleDisplay-SemiItalic', serif, 'Dosis', sans-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;
}

.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%;
}


/*--------------------------------------------------------------
 NYHEDER / ARTIKLER - FORSIDEN
--------------------------------------------------------------*/
#frontpage-latest-articles {
	padding: 30px 0px 36px 0px;
	margin: 0px 7% 0px 7%;
}


#frontpage-latest-articles .forsideartikler-wrapper {
	float: left;
	overflow: hidden;
}

#frontpage-latest-articles .forsideartikler-type-1 { width: 100%; }
#frontpage-latest-articles .forsideartikler-type-2 { width: 47%; }
#frontpage-latest-articles .forsideartikler-type-3 { width: 30%; }
#frontpage-latest-articles .forsideartikler-type-4 { width: 21.25%; }

#frontpage-latest-articles .forsideartikler-margin { float: left; min-height: 20px; }
#frontpage-latest-articles .forsideartikler-margin-type-2 { width: 6%; }
#frontpage-latest-articles .forsideartikler-margin-type-3 { width: 5%; }
#frontpage-latest-articles .forsideartikler-margin-type-4 { width: 5%; }

#frontpage-latest-articles .forsideartikler-margin-nr-1 {}
#frontpage-latest-articles .forsideartikler-margin-nr-2 {}
#frontpage-latest-articles .forsideartikler-margin-nr-3 {}

#frontpage-latest-articles h2 { font-size: 34px; }

#frontpage-latest-articles .forsideartikler-date { text-transform: uppercase; color: #A0A0A0; font-size: 18px; padding-bottom: 4px; }

#frontpage-latest-articles .forsideartikler-category { text-transform: uppercase; font-size: 16px; padding-bottom: 4px; font-weight: bold; }

#frontpage-latest-articles .forsideartikler-title h3 {
	font-size: 28px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 8px;
	margin-top: 0px;
	padding-top: 10px;
}
#frontpage-latest-articles .forsideartikler-title a, 
#frontpage-latest-articles .forsideartikler-category a, 
#frontpage-latest-articles .forsideartikler-text a, 
#frontpage-latest-articles .forsideartikler-date a { text-decoration: none; }

#frontpage-latest-articles .forsideartikler-arkivlink { text-align: right; padding-top: 40px; }
#frontpage-latest-articles .forsideartikler-arkivlink a {  text-transform: uppercase; color: #A0A0A0; text-decoration: none; }

/*--------------------------------------------------------------
 NYHEDER / ARTIKLER - visning
--------------------------------------------------------------*/

.article-wrapper { padding-bottom: 30px; }
.article-wrapper .article-wrapper-inner {}
.article-wrapper .article-title {}
.article-wrapper .article-introimage {}
.article-wrapper .article-date { text-transform: uppercase; color: #A0A0A0; font-size: 18px; }
.article-wrapper .article-text {}
.article-wrapper .article-introimage img { width: 100%; }
.article-wrapper .article-text img { max-width: 100%; }
.article-wrapper .article-category { text-transform: uppercase; font-size: 16px; padding-bottom: 4px; font-weight: bold; }


.article-archive-link { text-align: right; }
.article-archive-link a {  text-transform: uppercase; color: #A0A0A0; text-decoration: none; }

.article-wrapper .article-title, .article-wrapper .article-title a { color: #631d2c; }
.article-wrapper .article-title a:hover { color: #555555; }

.article-wrapper-introtext { padding-bottom: 30px; }

/* --- 2019 --- */

.article-info-wrapper {margin-bottom: 60px; }
.article-info-wrapper .article-info-wrapper-inner { background-color: #EDEDED; padding-bottom: 20px; overflow: hidden; }
.article-info-wrapper .article-info-wrapper-inner p { padding: 0px 20px 0px 20px; }

/*--------------------------------------------------------------
 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%;
}

/*--------------------------------------------------------------
 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% !important; }
} /* 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-type-0, 
	#wrapper-footer .footer-info-type-1, 
	#wrapper-footer .footer-info-type-2, 
	#wrapper-footer .footer-info-type-3, 
	#wrapper-footer .footer-info-type-4 { width: 100%; }


	#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) {

	#forside-boks-container .container-forside-box { width: 50% !important; }

	#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; }

	#frontpage-latest-articles .forsideartikler-wrapper { width: 100%; }
	#frontpage-latest-articles .forsideartikler-margin { width: 100%; min-height: 36px; }

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


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

	#forside-boks-container .container-forside-box { width: 33.333% !important; }

	#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; }

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

	#logo-grafik { width: 120px; }
	#logo-tekst { width: 120px; }
	#logo-grafik .inner { padding: 20px 0px 12px 28px; }
	#logo-tekst .inner { padding: 38px 28px 0px 20px; font-size: 34px; line-height: 38px; }

	#logo-grafik .inner img { max-width: 80px; }
	#logo-grafik .inner p { margin-bottom: 0em; }

	.mobilemenubutton { display: block; }

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

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


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

	#forside-boks-container .container-forside-box { width: 50% !important; }

	#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-3boks-container .forside-3boks-container { width: 100%; }
	#forside-3boks-container .forside-3boks-inner { padding: 0px 7% 0px 7%; }
	

	/*--------------------------------------------------------------
	 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%; }




} /* 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; }

	#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;
	}

	#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: 440px) {

	#forside-boks-container .container-forside-box { width: 100% !important; }

} /* 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; }
} /* END OF @media all and (max-width: 320px) */