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

@media all and (max-width: 3200px) {
	#subheader-forside { padding-bottom: 33%; }    
}
@media all and (max-width: 2800px) {
	#subheader-forside { padding-bottom: 32%; }    
}
@media all and (max-width: 2200px) {
	#subheader-forside { padding-bottom: 30%; }    

	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 22%; }


	#subheader-forside .subheader-text-wrapper {
		font-size: 32px;
		line-height: 40px;
	}

/*	#subheader-forside { 
		position: absolute;
		height: 260px; 
		padding-bottom: 0%;
	}*/
}
@media all and (max-width: 2000px) {
	#subheader-forside {  padding-bottom: 29%; }
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 20%; }
}








@media all and (max-width: 1860px) {
	#subheader-forside { padding-bottom: 29%; }
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 19%; }
}

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

	#subheader-forside { padding-bottom: 29%; }
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 17%; }

	#subheader-forside .subheader-text-wrapper {
		font-size: 28px;
		line-height: 36px;
	}

	.divTableLeftColumn { width: 0%; /*overflow: hidden;*/ }
	.divTableCenterColumn { width: 100%; min-width: 1000px; max-width: 1710px;  }
	.divTableRightColumn { width: 0%; /*overflow: hidden;*/ }

	/*#subheader-forside .subheader-wrapper-inner {
		position: relative;
		padding: 12% 0px 0px 0px;
	}*/

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

@media all and (max-width: 1780px) {
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 16%; }
}

@media all and (max-width: 1620px) {
	#subheader-forside { padding-bottom: 29%; }
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 15%; }

	#header-desktop .header-wrapper-inner {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}

	#subheader-forside .subheader-wrapper-inner {
		width: 94%;
		padding: 0px 3% 0px 3%;
	}

	#main .main-wrapper-inner {
		width: 93%;
		padding-left: 3.5%;
		padding-right: 3.5%;
	}

	#footer .wrapper-inner {
		width: 93%;
		padding-left: 3.5%;
		padding-right: 3.5%;
	}

	#wrapper-content-center-wide .articleBody { padding: 0px 0px 0px 0px; }
	#wrapper-content-center-wide .contentBottom, #wrapper-content-center-wide .contentTop { padding: 0px 0px 0px 0px; }

	#headermenu ul a {
		font-size: 23px;
		line-height: 42px;
	}

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

@media all and (max-width: 1560px) {
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 13%; }

	/*#subheader-forside { height: 400px; }*/
}

@media all and (max-width: 1500px) {
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 11%; }

	/*#subheader-forside { height: 360px; }

	#subheader-forside .subheader-wrapper-inner {
		padding: 140px 3% 0px 3%;
	}*/

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


@media all and (max-width: 1400px) {
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 8%; }

	#headermenu ul a {
		font-size: 20px;
		line-height: 38px;
	}

	/*#subheader-forside { height: 320px; }

	#subheader-forside .subheader-wrapper-inner {
		padding: 120px 3% 0px 3%;
	}*/

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


@media all and (max-width: 1270px) {
	#subheader-forside .subheader-wrapper-inner .subheader-top-margin { padding-bottom: 6%; }

	#subheader-forside .subheader-text-wrapper {
		font-size: 24px;
		line-height: 32px;
	}

	#headermenu ul a {
		font-size: 17px;
		line-height: 34px;
	}

	/*#header-desktop, #subheader-forside, #subheader-underside { display: none; }*/
	/*#header-tablet { display: block; }*/



	.container-kontaktbox-foto { width: 20%; }
	.container-kontaktbox-margin { width: 5%; }
	.container-kontaktbox-info { width: 75%; }

	/*.forsidemap-desktop { display: none; }*/
	/*.forsidemap-tablet { display: block; }*/

	.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-banner-titel h2 {
		font-size: 40px;
	}

	.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-banner-tekst a {
	    font-size: 20px;
	}

	.maalgruppeoversigt .maalgruppeoversigt-post-wrapper .maalgruppeoversigt-post-titel a, 
	.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-post-titel { font-size: 24px; }

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

@media all and (max-width: 1270px) {
	#headermenu ul a {
		font-size: 16px;
		line-height: 32px;
	}
}

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

	#headermenu ul a {
		font-size: 15px;
		line-height: 30px;
	}

	/*#header-tablet ul li a { font-size: 24px; line-height: 66px; }*/

	.element-raekke-2 .element-box { float: left; width: 47%; overflow: hidden; }
	.element-raekke-2 .element-margin { float: left; width: 6%; height: 1px; }

	.element-raekke-3 .element-box { float: left; width: 100%; overflow: hidden; }
	.element-raekke-3 .element-margin { float: left; width: 100%; height: 34px; }

	.element-raekke-4 .element-box { float: left; width: 47%; overflow: hidden; }
	.element-raekke-4 .element-margin { float: left; width: 6%; height: 1px; }
	
	.element-raekke-3 { padding-bottom: 34px; }

	.maalgruppeoversigt .maalgruppeoversigt-post-wrapper .maalgruppeoversigt-post-titel a, 
	.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-post-titel { font-size: 33px; }


	/* forsiden */

	#wrapper-content-front { padding-top: 40px; padding-bottom: 0px; }




	#wrapper-content-front-left .inner-box { padding: 30px 60px 10px 10px; }
	#wrapper-content-front-center .inner-box { padding: 30px 64px 10px 40px; }
	#wrapper-content-front-right .inner-box { padding: 30px 0px 10px 50px;  }

	#wrapper-content-front .textbox h2 {
		font-size: 40px;
		margin-block-start: 0.4em;
	    margin-block-end: 0.4em;
	}
	#wrapper-content-front .textbox .textbox-text {
		font-size: 20px;
		line-height: 28px;
		padding-top: 2px;
		padding-bottom: 30px;
	}
	#wrapper-content-front .textbox .textbox-link a { 
		font-size: 20px;
		line-height: 28px;
	}


	/* .aktivitetsvisning */

	.aktivitetsvisning { padding-bottom: 60px; }

	.aktivitetsvisning .aktivitet-praktisk-content {
		font-size: 18px;
		padding-top: 10px;
		padding-bottom: 50px;
	}

	.aktivitetsvisning .aktivitet-content {
		font-size: 18px;
	}

	.aktivitetsvisning .aktivitet-content h2 {
		font-size: 40px;
		margin-block-start: 0.8em;
		margin-block-end: 0.5em;
	}

	.aktivitetsvisning .aktivitet-content h3 {
		font-size: 30px;
	}

	.aktivitetsvisning .aktivitet-praktisk-box h2 {
		font-size: 34px;
	}

	.aktivitetsvisning .aktivitet-praktisk-box h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.aktivitetsvisning .aktivitet-content {
		padding-top: 0px;
	}

	.aktivitetsvisning .aktivitet-content .aktivitet-tekstafsnit {
		padding-top: 30px;
	}



	#header-desktop, #subheader-forside { display: none; }
	#header-mobile { display: block; }

	.forside {
		background-color: #e1e9d9 !important;
		background-image: none !important; 
	}

	body {
		padding-top: 0px;
	}

	.right-nav-wrapper .nav  h2 {
		font-size: 34px;
		line-height: 1.2;
	}


	/*--------------------------------------------------------------
	Oversigtsformular 
	--------------------------------------------------------------*/

	#soeg_maalgruppe_select, 
	#soeg_skolefag_select, 
	#soeg_sted_select, 
	#soeg_periode_select {
	   background: transparent;
		width: 180px;
		height: 36px; 

		font-weight: bold;
		font-size: 12px;
		border-top: 1px solid #a6aca0;
		border-bottom: 1px solid #a6aca0;
		border-left: 0px;
		border-right: 0px;

		padding-left: 5px;
		padding-right: 5px;

	}

	#aktivitet-soege-form .soegeform .button {
		font-family: 'CooperLight';
		background-color: #203B2F;
		color: #FFFFFF;
		padding: 6px 23px 6px 23px;
		border: none;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 17px;
		border-radius: 4px;
	}


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





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


	/*.right-nav-wrapper { display: none; }*/



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



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

	#subheader-forside .subheader-text-wrapper {
		font-size: 20px;
		line-height: 28px;
	}

	#footer .footerbox { width: 100%; }
	#footer .wrapper-inner { padding-bottom: 40px; }

	
	.right-nav-wrapper .nav  h2 {
		font-size: 28px;
		line-height: 1.2;
	}

	

	/*--------------------------------------------------------------
	Oversigtsformular 
	--------------------------------------------------------------*/

	#soeg_maalgruppe_select, 
	#soeg_skolefag_select, 
	#soeg_sted_select, 
	#soeg_periode_select {
	   background: transparent;
		width: 140px;
		height: 36px; 

		font-weight: bold;
		font-size: 12px;
		border-top: 1px solid #a6aca0;
		border-bottom: 1px solid #a6aca0;
		border-left: 0px;
		border-right: 0px;

		padding-left: 5px;
		padding-right: 5px;

	}

	#aktivitet-soege-form .soegeform .button {
		font-family: 'CooperLight';
		background-color: #203B2F;
		color: #FFFFFF;
		padding: 6px 23px 6px 23px;
		border: none;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 17px;
		border-radius: 4px;
	}


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



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

	.element-raekke-2 .element-box { float: left; width: 100%; overflow: hidden; }
	.element-raekke-2 .element-margin { float: left; width: 100%; height: 34px; }

	.element-raekke-3 .element-box { float: left; width: 100%; overflow: hidden; }
	.element-raekke-3 .element-margin { float: left; width: 100%; height: 34px;}

	.element-raekke-4 .element-box { float: left; width: 100%; overflow: hidden; }
	.element-raekke-4 .element-margin { float: left; width: 100%; height: 34px; }


	.element-raekke-1 { padding-bottom: 34px; }
	.element-raekke-2 { padding-bottom: 34px; }
	.element-raekke-3 { padding-bottom: 34px; }
	.element-raekke-4 { padding-bottom: 34px; }

	#forsidelinks { display: none; }
	#forsidelinks-tablet { display: block; }


	/*.arrangementvisning-info-row { padding-bottom: 0px; }
	.arrangementvisning-info-bokx { width: 100%; padding-bottom: 30px; }
	.arrangementvisning-info-bokx-margin { width: 100%;  }*/


/* .aktivitetsvisning */

.aktivitetsvisning { padding-bottom: 10px; }

.aktivitetsvisning .left-column { width: 100%;  }
.aktivitetsvisning .right-column{ width: 100%;  }
.aktivitetsvisning .central-margin { width: 100%;  }

.aktivitetsvisning .aktivitet-praktisk-box {
	background-color: #428968;
	padding: 0 13%;
	margin-top: 30px;
}


.aktivitetsvisning .aktivitet-praktisk-content {
    font-size: 18px;
	padding-top: 10px;
	padding-bottom: 50px;
}

.aktivitetsvisning .aktivitet-content {
    font-size: 18px;
}

.aktivitetsvisning .aktivitet-content h2 {
    font-size: 40px;
}

.aktivitetsvisning .aktivitet-content h3 {
    font-size: 30px;
}

.aktivitetsvisning .aktivitet-praktisk-box h2 {
    font-size: 34px;
}


.aktivitetsvisning .aktivitet-praktisk-box h3 {
	font-size: 30px;
	margin-bottom: 20px;
}


.aktivitetsvisning .aktivitet-content {
	padding-top: 10px;
}

.aktivitetsvisning .aktivitet-content .aktivitet-tekstafsnit {
	padding-top: 15px;
}



/* 3 kolonner */
#wrapper-content-left {	float: left; width: 100%; }
#wrapper-content-center { float: left; width: 100%; }
#wrapper-content-right { float: right; width: 100%; }

/* 2 kolonner */
#wrapper-content-center-wide { float: left; width: 100%; }
#wrapper-content-right-wide { float: right; width: 100%; }

#wrapper-content-center-wide .wrapper-inner { padding: 40px 0px 0px 0px; }
#wrapper-content-right-wide .wrapper-inner { padding: 0px 0px 0px 0px; }



	/*--------------------------------------------------------------
	Oversigtsformular 
	--------------------------------------------------------------*/

	#soeg_maalgruppe_select, 
	#soeg_skolefag_select, 
	#soeg_sted_select, 
	#soeg_periode_select {
		height: 34px; 
		font-size: 11px;
		padding-left: 2px;
		padding-right: 2px
	}

	#soeg_maalgruppe_select { width: 100px;	}
	#soeg_skolefag_select { width: 130px; }
	#soeg_sted_select { width: 100px; }
	#soeg_periode_select { width: 110px; }

	#aktivitet-soege-form .soegeform .button {
		font-family: 'CooperLight';
		background-color: #203B2F;
		color: #FFFFFF;
		padding: 5px 18px 5px 18px;
		border: none;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		border-radius: 4px;
	}



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



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




	/*.forsidemap-tablet { display: none; }*/
	/*.forsidemap-mobile { display: block; }*/

	#main .main-wrapper-inner {
		width: 91%;
		padding-left: 4.5%;
		padding-right: 4.5%;
		padding-bottom: 80px;
	}

	#footer .wrapper-inner {
		width: 91%;
		padding-left: 4.5%;
		padding-right: 4.5%;
	}


	/* forsiden - FAQ */

	#forsidelinks-tablet { display: none; }
	#forsidelinks-mobile { display: block; }

	/*
	#header-mobile .header-mobile-bottom-text { padding-left: 4.5%; padding-right: 4.5%; }

	.annoncer .annoncer-tre .annonce-box { width: 100%; }
	.annoncer .annoncer-tre .annonce-box-margin { width: 100%; height: 30px; }
	.annoncer .annoncer-fire .annonce-box { width: 100%; }
	.annoncer .annoncer-fire .annonce-box-margin { width: 100%; height: 30px; }

	#header-mobile .wrapper-top .inner, #header-mobile .wrapper-bottom .inner { padding-left: 4.5%; padding-right: 4.5%; }

	#header-mobile .headerbox-logo-new img { margin-top: 46px; }
	#header-mobile .headerbox-logo-l img { margin-top: 46px; }
	#header-mobile .headerbox-logo-r img { margin-top: 20px; }
	#header-mobile .headerbox-menu img { margin-top: 25px;  }

	#header-mobile .wrapper-bottom { height: 80px; }
	#header-mobile ul li a { font-size: 32px; line-height: 80px; }

	#medlemsformular .medlemsform-text { float: left; width: 40%; }
	#medlemsformular .medlemsform-input { float: left; width: 60%; }
	#medlemsformular input { width: 98%; border: 1px solid #D7D7D7; }
	#medlemsformular input.button { width: 98%; border: 0px; background-color: #DCA958; color: #FFFFFF; }
	*/


	h1 { font-size: 40px; }
	h2 { font-size: 20px; }
	h3 { font-size: 24px; }


	/* forsiden */

	#wrapper-content-front { padding-top: 40px; padding-bottom: 0px; }
	#wrapper-content-front-left { float: left; width: 100%; min-height: 10px; }
	#wrapper-content-front-center { float: left; width: 100%; min-height: 10px; }
	#wrapper-content-front-right { float: left; width: 100%; min-height: 10px; }


	#wrapper-content-front-left .inner-box { padding: 0px 20px 20px 10px; }
	#wrapper-content-front-center .inner-box { padding: 0px 20px 20px 10px; }
	#wrapper-content-front-right .inner-box { padding: 0px 20px 20px 10px;  }

	#wrapper-content-front .textbox h2 {
		font-size: 40px;
		margin-block-start: 0.4em;
	    margin-block-end: 0.3em;
	}
	#wrapper-content-front .textbox .textbox-text {
		font-size: 20px;
		line-height: 28px;
		padding-top: 2px;
		padding-bottom: 10px;
	}
	#wrapper-content-front .textbox .textbox-link a { 
		font-size: 20px;
		line-height: 28px;
	}

/* aktivitetsvisning */

.aktivitetsvisning .aktivitet-content h2 {
    font-size: 40px;
}


.aktivitetsvisning .aktivitet-praktisk-box h2 {
    font-size: 34px;
	color: #FFFFFF;
}


.aktivitetsvisning .aktivitet-praktisk-box h3 {
	color: #FFFFFF;
	display: block;
	font-size: 30px;
	margin-bottom: 20px;
}



	/*--------------------------------------------------------------
	Oversigtsformular 
	--------------------------------------------------------------*/


	#aktivitet-soege-form .divTable{ display: block; width: 100%; }
	#aktivitet-soege-form .divTableRow { display: block; }
	#aktivitet-soege-form .divTableCell, .divTableHead { border: 0px; display: block; padding: 0px; }
	#aktivitet-soege-form .divTableBody { display: block; }

	#soeg_maalgruppe_select, 
	#soeg_skolefag_select, 
	#soeg_sted_select, 
	#soeg_periode_select {
		height: 34px; 
		font-size: 11px;
		padding-left: 5px;
		padding-right: 5px
	}

	#soeg_maalgruppe_select { width: 100%;	}
	#soeg_skolefag_select { width: 100%; }
	#soeg_sted_select { width: 100%; }
	#soeg_periode_select { width: 100%; }

	#aktivitet-soege-form .soegeform .button { width: 100%; }


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



@media all and (max-width: 580px) {
	/*
	.nyheder-forside .nyheder-forside-left { width: 100%; min-height: 10px; padding-top: 0px; }
	.nyheder-forside .nyheder-forside-margin  { width: 100%; min-height: 40px; }
	.nyheder-forside .nyheder-forside-right { width: 100%; min-height: 10px; padding-top: 0px; }
	.nyheder-forside .nyheder-forside-right .nyhed-box { padding-bottom: 40px; }
	.nyheder-forside .nyheder-forside-inner {  padding-top: 20px; }

	#header-mobile .headerbox-logo-new img { margin-top: 46px; }
	#header-mobile .headerbox-logo-l img { margin-top: 46px; }
	#header-mobile .headerbox-logo-r img { margin-top: 24px; }
	#header-mobile .headerbox-menu img { margin-top: 25px;  }

	#header-mobile .wrapper-bottom { height: 64px; }
	#header-mobile ul li a { font-size: 20px; line-height: 64px; padding-right: 16px; }
	*/

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


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

	/*
	.annoncer .annoncer-to .annonce-box { width: 100%; }
	.annoncer .annoncer-to .annonce-box-margin { width: 100%; height: 30px; }

	.element-raekke-2 .element-box { float: left; width: 100%; overflow: hidden; }
	.element-raekke-2 .element-margin { float: left; width: 100%; height: 1px; }

	.element-raekke-3 .element-box { float: left; width: 100%; overflow: hidden; }
	.element-raekke-3 .element-margin { float: left; width: 100%; height: 1px; }

	.element-raekke-4 .element-box { float: left; width: 100%; overflow: hidden; }
	.element-raekke-4 .element-margin { float: left; width: 100%; height: 1px; }

	#header-mobile ul li a { font-size: 17px; line-height: 60px; padding-right: 13px; }
	*/

	h1 { font-size: 36px; }
	h2 { font-size: 18px; }
	h3 { font-size: 22px; }

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



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

	h1 { font-size: 30px; }


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