/*--------------------------------------------------------------
 Various
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	font-family: 'MuseoSans', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: rgb(0, 0, 0);
	font-size: 22px;
	line-height: 1.375;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
p {
	margin-bottom: 1.5em;
}

.manchet {
  font-size: 24px;
  color: rgb(122, 122, 122);
  line-height: 1.25;
}

/*--------------------------------------------------------------
 HEADINGS
--------------------------------------------------------------*/

h1 {
	font-size: 88px;
	font-family: 'CooperLight', sans-serif;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;
}

h2 {
	font-size: 50px;
	font-family: 'CooperLight', sans-serif;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;
}

h3 {
	font-size: 34px;
	font-family: "CooperLight", sans-serif;
	color: rgb(0, 0, 0);
	font-weight: normal;
	line-height: 1.2;
	font-style: normal;
}

/*--------------------------------------------------------------
 Links
--------------------------------------------------------------*/

a {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover,
a:focus,
a:active {
	color: #000000;
	text-decoration: underline;
}

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

.btn-group {
	display: none;
}

.vandretstreg {
	margin: 10px 0px 10px 0px;
	height: 1px !important;
	color: #DADADA;
	background-color: #DADADA;
	overflow: hidden;
}

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

html {
    position: relative;
    min-height: 100%;
	margin: 0;
	padding: 0;
}

body {
    padding-top: 170px;
	margin: 0px;
	background-repeat: no-repeat;
}
body.forside { background-size: 100% 770px; }
body.underside { background-size: 100% 770px; }

#main { min-height: 600px; /* background-color: #e1e9d9; */}
#main .main-wrapper-inner {
	width: 1524px;
	margin: 0 auto;
	padding-bottom: 120px;

	/*border-left: 1px solid #a6aca0;*/
	/*border-right: 1px solid #a6aca0;*/
}




/* 3 kolonner */
#wrapper-content-left {	float: left; width: 24.40%; min-height: 1px; }
#wrapper-content-center { float: left; width: 53.55%; min-height: 1px; }
#wrapper-content-right { float: right; width: 22.05%; min-height: 1px; }
#wrapper-content-left .wrapper-inner { padding: 0px 60px 0px 0px; }
#wrapper-content-right .wrapper-inner { padding: 0px 0px 0px 60px; }

/* 2 kolonner */
#wrapper-content-center-wide { float: left; width: 60.63%; min-height: 1px; }
#wrapper-content-right-wide { float: right; width: 39.37%; min-height: 1px; }
#wrapper-content-center-wide .wrapper-inner { padding: 40px 5px 0px 0px; }
#wrapper-content-right-wide .wrapper-inner { padding: 92px 0px 0px 60px; }

#wrapper-content-left img, #wrapper-content-center img, #wrapper-content-right img, #wrapper-content-center-wide img, #wrapper-content-right-wide img { max-width: 100%; }

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

/* 2 kolonner - hoejre kolonne design */

/* graa boks */
.right-grey-wrapper { background-color: #F1F1F1; margin-bottom: 50px; }
.right-grey-wrapper .inner { padding: 26px 40px 45px 60px; }

/* hvid boks */
.right-white-wrapper { background-color: #FFFFFF; margin-bottom: 50px; }
.right-white-wrapper .inner { padding: 45px 60px 45px 60px; }

/* hoejre menu 








.aktivitetsvisning .aktivitet-praktisk-box {
	background-color: #428968;
	padding: 0 13%;
}
.aktivitetsvisning .aktivitet-praktisk-content {
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 50px;
}

.aktivitetsvisning .aktivitet-praktisk-box h2 {
	color: #FFFFFF;
}


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







*/

.right-nav-wrapper { 
	background-color: #428968;
	padding: 0 13%;

/*background-color: #496558; margin-bottom: 50px; width: 80%; float: right; */}
.right-nav-wrapper .inner { 
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 50px; }

.right-nav-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.right-nav-wrapper .nav  h2 {
	font-size: 40px;
	line-height: 52px;
	color: #FFFFFF;
}

.right-nav-wrapper ul li a {
	font-size: 22px;
    line-height: 1.375;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

.right-nav-wrapper ul li li a { padding-left: 12px; }
.right-nav-wrapper ul li a:hover { 
    transition: all linear 0.15s;
    color: #E0E0E0;
}
.right-nav-wrapper ul li a.active { color: #FFFFFF; }

/*--------------------------------------------------------------
 Site structure - footer
--------------------------------------------------------------*/

#footer { 
	background: #242c21;
	border-top: 0px solid #000000;
	min-height: 360px; 

}
#footer .wrapper-inner {
	width: 1524px;
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 40px;
}

#footer .footerbox {
	float: left;
	width: 22%;
	padding-right: 3%;
}
#footer .footerbox-inner {
	font-family: 'MuseoSans', sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: 300;
	line-height: 1.2;
	font-style: normal;

}
#footer .footerbox-inner a { color: #FFFFFF; text-decoration: none; }
#footer .footerbox-inner a:hover { color: #E0E0E0; text-decoration: underline; }

#footer h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'MuseoSans', sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
}

#footer .footer-a p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

#footer .footer-a img {
	width: 100%;
	max-width: 290px;
	height: auto;
}



#footer .footer-link-image {
	width: 40px;
}

#footer .footer-link-image img {
	display: block; width: 100%; max-width: 30px;
}

#footer .footer-link-title {
	margin: auto;
}




/*--------------------------------------------------------------
 Site structure - header
--------------------------------------------------------------*/

#header-tablet { display: none; }
#header-mobile { display: none; }

.headerclass {
    height: 170px;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.nav-up {
    top: -170px;
}

.divTable{ display: table; width: 100%; }
.divTableRow { display: table-row; }
.divTableCell, .divTableHead { border: 0px; display: table-cell; padding: 0px; }
.divTableBody { display: table-row-group; }

.divTableLeftColumn { width: 45%; /*overflow: hidden;*/ }
.divTableCenterColumn { width: 10%; min-width: 1710px; max-width: 1710px; }
.divTableRightColumn { width: 45%; /*overflow: hidden;*/ }

.headerbox, .subheaderbox { float: left; /*overflow: hidden;*/ }

#header-desktop .header-wrapper-inner {
	width: 100%;
	max-width: 1524px;
	margin: 0 auto;
	padding: 38px 0px 0px 0px;
	min-height: 30px;
}

#header-desktop .headerbox-left {width: 30%; } 
#header-desktop .headerbox-rigth { width: 70%; } 

.header-desktop-bg { background: rgba(36, 44, 33, 0.9) /* .header-desktop-bg { background: rgba(225, 233, 217, 0.9) 90% opacity */ }

#header-desktop .headerbox-logo-new { width: 100%; float: left; }
#header-desktop .headerbox-logo-new img { display: block; width: 100%; max-width: 290px; margin-top: 20px;}

/* subheader */

#subheader-forside { 
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 35%;
}

#subheader-forside .subheader-wrapper-inner {
	width: 100%;
	max-width: 1524px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	min-height: 30px;
}

#subheader-forside .subheader-wrapper-inner .subheader-top-margin {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 24%;
}


#subheader-forside .subheader-text-wrapper {
	width: 480px;
	font-family: 'CooperLight';
	font-size: 36px;
	color: #FFFFFF;
	font-style: normal;
	line-height: 44px;
}

#subheader-forside .subheader-title-wrapper {
	width: 90%;
}

#subheader-forside .subheader-title-wrapper h1 {
	color: #FFFFFF;
}




/* Header menu */

#mitdfmmenu ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0;
}

#mitdfmmenu ul a
{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
	text-transform: uppercase;
	line-height: 38px;
	text-decoration: none;
	padding-left: 0px;
	color: #EDEDED;
    transition: all linear 0.15s;
	display:block;
	padding-right: 10px;

}

#mitdfmmenu ul li
{
	position:relative;
	float:left;
	margin:0;
	padding: 0px 0px 0px 5px;
}

#mitdfmmenu > ul > li:hover > a {
	border-bottom: solid 4px #FFFFFF;
    transition: all linear 0s;
}

#mitdfmmenu ul li.current-menu-item
{
}

#mitdfmmenu ul li a:hover
{
    transition: all linear 0.15s;
}
#mitdfmmenu ul li li a:hover
{
    transition: all linear 0.15s;
    color: #CCCCCC;
}

#mitdfmmenu ul ul
{
	display:none;
	position:absolute;
	top:100%;
	right:0;
	background:#9A9A9A;
	padding:0;
}

#mitdfmmenu ul ul li
{
	float:none;
	width: 200px;
	padding: 5px 0px 10px 0px;
}

#mitdfmmenu ul ul a
{
    font-size:16px;
    line-height: 1.2;
	font-family: 'Roboto', sans-serif;
    padding: 5px 30px 5px 10%;
	text-transform: none;

}
#mitdfmmenu ul li:hover > ul
{
	display: block;
}

#mitdfmmenu .mitdfmlogind {
	width: 80%;
	padding: 6px 10% 6px 10%;
}

#mitdfmmenu .mitdfmlogindknap {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	border-radius: 3px;
}
#mitdfmmenu .mitdfmlogindknap a {
    padding: 4px 0px 4px 0px; 
}
#mitdfmmenu .mitdfmlogindknap img {
   vertical-align: middle;
}
#mitdfmmenu .mitdfmloggetind {
	padding: 6px 10% 6px 10%;
    font-size:14px;
}















/* Header text */
.subheaderbox-text-top {
	font-size: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(0, 0, 0);
	line-height: 1.4;
	font-weight: 300;
	font-style: normal;
	padding-left: 26px;
	padding-top: 10px;
	padding-bottom: 2px;
}
.subheaderbox-text-bottom {
	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(0, 0, 0);
	line-height: 1.1;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	padding-left: 26px;
}
.subheaderbox-text-top a, .subheaderbox-text-bottom a {	color: #FFFFFF; text-decoration: none; }

/* Header topmenu */
.headertopmenu { text-align: left; padding-left: 10px; }
.headertopmenu ul {list-style-type: none; margin: 0px; padding: 0px; }
.headertopmenu ul li { display: inline; }
.headertopmenu ul li a {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
	text-transform: uppercase;
	line-height: 38px;
	text-decoration: none;
	padding-left: 16px;
	color: #EDEDED;
}
.headertopmenu ul li a:hover { color: #CCCCCC; }


/* Header menu */


#headermenu { padding-top: 40px; }

#headermenu ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0
}

#headermenu ul a
{
    transition: all linear 0.15s;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-family: 'MuseoSans', sans-serif;
	font-weight: 500;
	font-size: 25px;
	font-style: normal;
	line-height: 45px;
}

#headermenu ul li
{
	position:relative;
	float:left;
	margin:0;
	padding: 0px 0px 0px 30px;
}


#headermenu ul li a:hover
{
    transition: all linear 0.15s;
    color: #E0E0E0;
}

#headermenu li.withborder {
	border-left: 2px solid #FFFFFF;
}
#headermenu li.withrightpadding {
	padding-right: 30px;
}






/* HEADER SOEG */

.headermenu-wrapper-left { width: 70%; float: left; padding-top: 10px; }
.headermenu-wrapper-right { width: 30%; float: right; overflow: hidden; padding-top: 24px; text-align: right; }


#headeractions {
	list-style-type: none;
	margin:0px !important;
	padding: 0px !important;
	width: 100% !important;
	font-size: 0;
	height: 34px;
}
#headeractions li {
    margin: 0px;
	padding: 0px;
    list-style:none;
	display: block;
	text-align: right; 
	line-height:0px;
	float: right;
}

.headermenu-wrapper-right .wrapper-soeg { }
.headermenu-wrapper-right .wrapper-social { }
.headermenu-wrapper-right .wrapper-margin { width: 20px; height: 1px; }
.headermenu-wrapper-right .wrapper-bruger { }

.headermenu-wrapper-right .wrapper-social img { width: 29px; padding-top: 2px; padding-left: 6px; }
.headermenu-wrapper-right .wrapper-bruger img { width: 36px; padding-top: 0px; padding-left: 1px; }
.headermenu-wrapper-right .wrapper-bruger a {
	text-decoration: none;
	border: none;
	outline: 0;
	outline-style: none; 
	-moz-outline-style:none;  
}






/* HEADER tablet */

#header-tablet .wrapper-left {
	float: left;
	width: 46%;
	height: 73px;
	background-color: #FFFFFF;
}
#header-tablet .wrapper-right {
	float: right;
	width: 54%;
	height: 73px;
	background-color: #303030;
}

#header-tablet .wrapper-left .inner { padding-left: 6%; padding-right: 6%; }
#header-tablet .wrapper-right .inner { padding-left: 4%; padding-right: 6%; }

#header-tablet .headerbox-logo-new { width: 100%; float: left; }
#header-tablet .headerbox-logo-new img { display: block; width: 100%; max-width: 450px; margin-top: 38px; margin-right: 20px; }

#header-tablet .headerbox-logo-l { width: 70%; float: left; }
#header-tablet .headerbox-logo-r { width: 30%; float: right; }
#header-tablet .headerbox-logo-l img { display: block; width: 100%; max-width: 313px; margin-top: 38px; margin-right: 20px; }
#header-tablet .headerbox-logo-r img { display: block; width: 100%; max-width: 100px; margin-top: 16px; float: right; }

#subheader-tablet-forside { height: 217px; }
#subheader-tablet-underside { height: 117px; }


#header-tablet ul { list-style-type: none;  margin: 0px;  padding: 0px;  }
#header-tablet ul li { display: inline; }
#header-tablet ul li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 30px;
	font-style: normal;
	line-height: 60px;
	text-decoration: none;
	padding-right: 12px;
	color: #FFFFFF;
}
#header-tablet li:hover > a { color: #CCCCCC; }


#header-tablet .tablet-menu-top  { float: left; width: 90%; padding-top: 11px; }
#header-tablet .tablet-menu-ikon  { float: right; width: 10%; padding-top: 16px; }
#header-tablet .tablet-menu-ikon img { width: 100%; max-width: 40px; float: right; }

#header-tablet .wrapper-left .inner { padding-left: 6%; padding-right: 6%; }

#subheader-tablet-underside .subheader-tablet-inner { padding-left: 3.5%; padding-right: 3.5%; padding-top: 87px; }
#subheader-tablet-underside .subheader-tablet-title {
	background-color: #FFFFFF;
	padding: 10px 26px 10px 26px;
	display: inline;
	font-size: 28px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	color: rgb(122, 122, 122);
	line-height: 50px;

}



/* HEADER mobile */

#header-mobile .wrapper-top {
	height: 90px;
	background-color: rgba(36, 44, 33);
	display: block;
}
#header-mobile .wrapper-bottom { height: 86px; }
#header-mobile .mobile-backgroundcolor { background-color: #030303; }
#header-mobile .wrapper-top .inner, #header-mobile .wrapper-bottom .inner { padding-left: 3.5%; padding-right: 3.5%; }

#header-mobile .headerbox-logo-new { width: 84%; float: left; }
#header-mobile .headerbox-menu { width: 12%; float: right; }

#header-mobile .headerbox-logo-new img { display: block; width: 90%; max-width: 200px; padding-top: 22px; padding-right: 20px; }
#header-mobile .headerbox-menu img { display: block; width: 100%; max-width: 32px; margin-top: 29px; float: right; }


#header-mobile ul { list-style-type: none;  margin: 0px;  padding: 0px;  }
#header-mobile ul li { display: inline; }
#header-mobile ul li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 36px;
	font-style: normal;
	line-height: 86px;
	text-decoration: none;
	padding-right: 20px;
	color: #FFFFFF;
}
#header-mobile li:hover > a { color: #CCCCCC; }

#header-mobile .header-mobile-bottom-text { padding-left: 3.5%; padding-right: 3.5%; padding-top: 20px; }
#header-mobile .header-mobile-text-top, #header-mobile .header-mobile-text-top a { text-decoration: none; font-size: 22px; }
#header-mobile .header-mobile-text-bottom, #header-mobile .header-mobile-text-bottom a { text-decoration: none; font-size: 18px;}



/* HEADER mobile top menu */

#header-mobile-menu-container, #header-tablet-menu-container { display: none; }
#subheader-tablet-menu { width: 90%; background-color: #EEEEFF; z-index: 2; position: absolute; right: 0; display: none; }
#subheader-mobile-menu { width: 90%; background-color: #EEEEFF; z-index: 2; position: absolute; right: 0; display: none; }

.header-mobile-menu { background-color: #303030; }
.header-mobile-opacity-content { opacity: 0.1; }
.header-mobile-opacity-top { opacity:0.5 !important; background-color: rgba(255, 255, 255, 0.9) !important; }
.header-mobile-opacity-mobilemenu { background-color: rgba(0, 0, 0, 0.2); }

.header-mobile-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
.header-mobile-menu ul li a {
	font-family: 'Roboto', sans-serif  !important;
	font-weight: 400 !important;
	font-size: 24px !important;
	line-height: 60px !important;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border-top: 5px solid #FFFFFF;
	text-transform: uppercase;
	padding-left: 28px;
}
.header-mobile-menu ul li li a {
	font-family: 'Roboto', sans-serif  !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 54px !important;
	display: block;
	text-decoration: none;
	color: #9A9A9A !important;
	border-top: 2px solid #9A9A9A;
	text-transform: none;
	padding-left: 28px;
}
.header-mobile-menu ul li li li a { padding-left: 15px; }
.header-mobile-menu ul li li li li a { padding-left: 30px; }
.header-mobile-menu ul li a:hover { color: #FFFFFF !important; }
.header-mobile-menu ul li a.active { color: #000000; }

.header-mobile-menu-actions {
	height: 80px;
	line-height: 80px;
}
.header-mobile-menu-actions .box-social {
	float: left;
	width: 200px;
}
.header-mobile-menu-actions .box-bruger {
	float: right; 
	text-align: right;
	width: 110px;
}
.header-mobile-menu-actions .box-soeg {
	float: right; 
	text-align: right;
	width: 110px;
}

.header-mobile-menu-actions .box-social img { width: 40px; padding-left: 28px; padding-right: 15px; vertical-align: middle; }
.header-mobile-menu-actions .box-bruger img { width: 36px; padding-right: 36px; vertical-align: middle; }

.header-mobile-menu-actions .box-bruger a {
	text-decoration: none;
	border: none;
	outline: 0;
	outline-style: none; 
	-moz-outline-style:none;  
}




/*--------------------------------------------------------------
 FAQ (Naturskolerne)
--------------------------------------------------------------*/

#faq-wrapper {
	padding-top: 60px;
}

#faq-wrapper .list-title-wrapper {
  /*  border-radius: 10px;*/
    padding: 0px 0px 10px 13px;
	margin-bottom: 4px;
}
#faq-wrapper .list-title-wrapper-closed {  }
#faq-wrapper .list-title-wrapper-open {  }
#faq-wrapper .list-title-wrapper .inner {
	/*height: 40px;*/
}



#faq-wrapper .list-title-wrapper .se-mere-icon {
	float: left;
	width: 27px;
	/*height: 40px;
	line-height: 35px;*/
}
#faq-wrapper .list-title-wrapper .se-mere-text {
	float: left;
	color: #FFFFFF;
	font-weight: 700;
	/*font-size: 16px;
	line-height: 40px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;*/
}
#faq-wrapper .list-title-wrapper .se-mere-icon img {
    display: inline-block;
	width: 17px !important;
	height: 17px !important;
	vertical-align: middle !important;
}




#faq-wrapper .se-mere-text a { color: #000000; text-decoration: none; }

#faq-wrapper .list-content-wrapper {
	margin-bottom: 4px;
	padding-left: 40px;
}
#faq-wrapper .list-content-wrapper .inner {
	/*padding: 10px 0px 20px 0px;*/
	/*font-size: 14px;
	line-height: 21px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;*/
}


/*--------------------------------------------------------------
 Logud link button (Naturskolerne)
--------------------------------------------------------------*/

.link-button {
	text-align: center;
}

.link-button a, 
.link-button a:visited {
	font-size: 16px;
	line-height: 1.375;
    font-weight: 500;
	border: 0px; 
	font-family: 'CooperLight';
	background-color: #203B2F;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 15px 30px 15px 30px;
	white-space: normal !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.link-button a:hover, 
.link-button a:focus,
.link-button a:active {
	background-color: #496558; 
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;	
}


/*--------------------------------------------------------------
 Kontakt module (Naturskolerne)
--------------------------------------------------------------*/

.container-kontaktbox { padding-top: 50px; padding-bottom: 38px;  }
.container-kontaktbox-foto { float: left; width: 16.5%; }
.container-kontaktbox-margin { float: left; width: 3%; min-height: 1px; }
.container-kontaktbox-info { float: left; width: 80%; }

.container-kontaktbox-foto img { width: 100%; display: block; } 
.kontaktinfo-position { font-weight: 700; }
.kontaktinfo-navn { text-transform: uppercase; }
.kontaktinfo-info {  color: rgb(122, 122, 122); }
.kontaktinfo-info p { margin: 0px; }
.kontaktinfo-tlf { }
.kontaktinfo-mail { }
.kontaktinfo-spacing { }


/*--------------------------------------------------------------
 Banner module - kommuner/typer (Naturskolerne)
--------------------------------------------------------------*/




/*--------------------------------------------------------------
 Annonce module
--------------------------------------------------------------*/
/*
.annoncer { padding-top: 25px; padding-bottom: 15px; }
.annoncer .annoncer-titel { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-align: center; color: #000000; padding-bottom: 4px; }
.annoncer .annoncer-inner { border-top: 1px solid #DADADA; padding-top: 40px; padding-bottom: 2px; }
.annoncer .annoncer-row { margin: 0 auto; padding-bottom: 25px; }
.annoncer .annoncer-fire { max-width: 1270px; }
.annoncer .annoncer-tre { max-width: 950px; }
.annoncer .annoncer-to { max-width: 625px; }
.annoncer .annoncer-en { max-width: 300px; }

.annoncer .annonce-box { float: left; }
.annoncer .annoncer-fire .annonce-box { width: 23.5%; }
.annoncer .annoncer-tre .annonce-box { width: 31.6%; }
.annoncer .annoncer-to .annonce-box { width: 48%; }
.annoncer .annoncer-en .annonce-box { width: 100%; }

.annoncer .annonce-box-margin { float: left; height: 50px; }
.annoncer .annoncer-fire .annonce-box-margin { width: 2.0%; }
.annoncer .annoncer-tre .annonce-box-margin { width: 2.6%; }
.annoncer .annoncer-to .annonce-box-margin { width: 4.0%; }

.annoncer img { width: 100%; display: block; }

*/


/*--------------------------------------------------------------
 Forside 
--------------------------------------------------------------*/
#wrapper-content-front { padding-top: 0px; padding-bottom: 60px; }
#wrapper-content-front-left { float: left; width: 32%; min-height: 10px; }
#wrapper-content-front-center { float: left; width: 36%; min-height: 10px; }
#wrapper-content-front-right { float: left; width: 32%; min-height: 10px; }


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

#wrapper-content-front .textbox { }
#wrapper-content-front .textbox h2 { }
#wrapper-content-front .textbox .textbox-text {
	font-family: 'MuseoSans', sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 32px;
	padding-top: 2px;
	padding-bottom: 30px;
}
#wrapper-content-front .textbox .textbox-link a { 
    transition: all linear 0.15s;
	text-decoration:none;
	font-family: 'MuseoSans', sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	font-style: normal;
    color: #000000;

}

#wrapper-content-front .textbox .textbox-link a:hover
{
    transition: all linear 0.15s;
    color: #666666;
}

#wrapper-content-front .textbox h2 a, 
#wrapper-content-front .textbox .textbox-text a { 
	text-decoration:none;
}




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

#aktivitet-soege-form {

}

#soeg_maalgruppe_select, 
#soeg_skolefag_select, 
#soeg_sted_select, 
#soeg_periode_select {
   background: transparent;
   width: 220px;
   height: 38px; 

   font-weight: bold;
   font-size: 14px;
   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: 7px 25px 7px 25px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	border-radius: 4px;
}


#aktivitet-soege-form .soegeform .button:hover { 
	background-color: #496558; 
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;	
}





/*--------------------------------------------------------------
Forside LINKS / FAQ
--------------------------------------------------------------*/

#forsidelinks {
	display: block;
	padding: 30px 0px 100px 0px;
}
#forsidelinks-tablet {
	display: none;
	padding: 30px 0px 20px 0px;
}

#forsidelinks-mobile {
	display: none;
	padding: 30px 0px 20px 0px;
}

#forsidelinks h2, 
#forsidelinks-tablet h2,
#forsidelinks-mobile h2 {
	text-align: center; 
}

#forsidelinks h2 {
	margin-bottom: 80px; 
}

#forsidelinks-tablet h2 {
	margin-bottom: 60px; 
}

#forsidelinks { overflow: hidden; }
#forsidelinks a { color: #FFFFFF; }
#forsidelinks a:hover { text-decoration: none; }
#forsidelinks a:visited { color: #FFFFFF; }


#forsidelinks-tablet { overflow:hidden; }
#forsidelinks-tablet a { color: #FFFFFF; }
#forsidelinks-tablet a:hover { text-decoration: none; }
#forsidelinks-tablet a:visited { color: #FFFFFF; }


#forsidelinks-mobile { overflow:hidden; }

#forsidelinks-mobile h2 {
		font-size: 40px;
		margin-bottom: 40px; 

	}



.forside-faq-links a, 
.forside-faq-links a:visited {
	background-color: #496558;
	color: #FFFFFF;
	padding: 7px 25px 7px 25px;
	border: none;
	/*text-align: center;*/
	text-decoration: none;
	/*display: inline-block;*/
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer; /* changes the mouse on hover */
}

.forside-faq-links a:hover {
	background-color: #62796e; 
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;	
}

.forside-faq-links-wrapper { 
	text-align: center;
	display: block;
	margin: 20px auto; /* will add 20px of space around the button */
}


/*--------------------------------------------------------------
  Aktiviteter mm. - oversigts struktur
--------------------------------------------------------------*/

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

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

.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: 31.50%; overflow: hidden; }
.element-raekke-3 .element-margin { float: left; width: 2.75%; height: 50px; }

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




/*--------------------------------------------------------------
Aktiviteter - maalgruppe oversigt
--------------------------------------------------------------*/

.maalgruppeoversigt {  padding: 0px 0px 0px 0px; }

.maalgruppeoversigt .maalgruppeoversigt-post-wrapper { }

.maalgruppeoversigt .maalgruppeoversigt-post-wrapper .maalgruppeoversigt-post-titel {
  text-align: center;
  padding-bottom: 10px;
}

.maalgruppeoversigt .maalgruppeoversigt-post-wrapper .maalgruppeoversigt-post-titel a {
  font-size: 33px;
  font-family: "CooperLight";
  color: rgb(0, 0, 0);
  font-weight: normal;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
}

.maalgruppeoversigt .maalgruppeoversigt-post-wrapper .maalgruppeoversigt-nyhed-foto img { width: 100%; display: block; padding-bottom: 12px; }





/*--------------------------------------------------------------
Aktiviteter - aktivitets oversigt (Naturskolerne)
--------------------------------------------------------------*/

.aktivitetsoversigt {  padding: 80px 0px 0px 0px; }

.banner-wrapper { padding: 0px 0px 0px 0px !important; }

.aktivitetsoversigt .aktivitetsoversigt-post-wrapper { }

.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-post-titel a,
.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-banner-titel a,
.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-banner-tekst a  {
  text-decoration: none;
}

.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-post-titel {
  text-align: center;
  padding-bottom: 10px;
  font-size: 33px;
  font-family: "CooperLight";
  color: rgb(0, 0, 0);
  font-weight: normal;
  line-height: 1.2;
}

.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-banner-titel h2 {
	font-size: 50px;
	font-family: 'CooperLight', sans-serif;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;
}

.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-banner-tekst a {
	font-family: 'MuseoSans', sans-serif;
    font-size: 24px;
    font-style: normal;
    line-height: 32px;
    padding-top: 2px;
    padding-bottom: 30px;
	color: rgb(0, 0, 0);
	text-decoration: none;
}

.aktivitetsoversigt .aktivitetsoversigt-post-wrapper .aktivitetsoversigt-nyhed-foto img { width: 100%; display: block; padding-bottom: 12px; }







/*--------------------------------------------------------------
Aktiviteter - aktivitetsvisning
--------------------------------------------------------------*/

.aktivitetsvisning { padding-bottom: 140px; }

.aktivitetsvisning .left-column { width: 57%; float: left; overflow:hidden; padding-top: 1px; }
.aktivitetsvisning .right-column{ width: 36%; float: left; overflow:hidden; padding-top: 1px; }
.aktivitetsvisning .central-margin { width: 7%; float: left; overflow:hidden; min-height: 1px; }

.aktivitetsvisning .aktivitet-praktisk-box {
	background-color: #428968;
	padding: 0 13%;
}
.aktivitetsvisning .aktivitet-praktisk-content {
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 50px;
}

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


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




.aktivitetsvisning .aktivitet-praktisk-content p {
	margin-top: 0px;
	margin-bottom: 6px;
}

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

.aktivitetsvisning .aktivitet-content .aktivitet-beskrivelse {
	font-weight: bold;
}

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

.aktivitetsvisning .aktivitet-content .aktivitet-tekstafsnit li:not(:last-child) {
    margin-bottom: 10px;
}





.aktivitetsvisning .aktivitet-aarshjul-box {
	padding-top: 50px;
	text-align: center;
}

.aktivitetsvisning .aktivitet-aarshjul-box img {
	width: 80%;
	max-width: 360px;
}

.aktivitetsvisning .aktivitet-book-knap {
	text-align: center;
	padding-top: 50px;
}


#aktivitetbookknap input.button { 
	border: 0px; 
	font-family: 'CooperLight';
	background-color: #203B2F;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 15px 30px 15px 30px;
	white-space: normal !important;
	max-width: 200px;
	text-align: center;
}
#aktivitetbookknap input.button:hover { 
	background-color: #496558; 
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;	
}

#aktivitetbookknap input.button-expired { 
	border: 0px; 
	font-family: 'CooperLight';
	background-color: #999999;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 15px 30px 15px 30px;
	white-space: normal !important;
	max-width: 200px;
	text-align: center;
}



/*--------------------------------------------------------------
 Opret bruger formular (Naturskolerne)
--------------------------------------------------------------*/


/* 
#loginform input, 
#logoutform input, 
#glemtlogindform input {
	width: 80%; height: 38px; border: 1px solid #D7D7D7; margin-bottom: 10px; 
}
#loginform input.button, 
#logoutform input.button, 
#glemtlogindform input.button { 
	width: 80%; 
	border: 0px; 
	font-family: 'CooperLight';
	background-color: #203B2F;
	color: #FFFFFF;
	border-radius: 4px;

}
#loginform input.button:hover, 
#logoutform input.button:hover, 
#glemtlogindform input.button:hover { 
	background-color: #496558; 
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;	
}

#aktivitetbookknap input.button { 
	border: 0px; 
	font-family: 'CooperLight';
	background-color: #203B2F;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 15px 30px 15px 30px;
	white-space: normal !important;
	max-width: 200px;
	text-align: center;
}

*/










/*--------------------------------------------------------------
 Bliv medlem formular 
--------------------------------------------------------------*/
/*
#medlemsformular { line-height: 38px; padding-bottom: 80px; }
#medlemsformular input { width: 80%; height: 38px; border: 1px solid #D7D7D7; }
#medlemsformular textarea { width: 80%; border: 1px solid #D7D7D7; }
#medlemsformular select { width: 80%; height: 38px; border: 1px solid #D7D7D7; }
#medlemsformular input.button { width: 250px; border: 0px; background-color: #AAAAAA; color: #FFFFFF; }
#medlemsformular input.button:hover { 
	background-color: #777777; 
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;	
}

#medlemsformular .medlemsform-row { padding-bottom: 20px; }
#medlemsformular .medlemsform-text { float: left; width: 20%; }
#medlemsformular .medlemsform-input { float: left; width: 80%; }
#medlemsformular .medlemsform-input-radio { line-height: 40px;}

#medlemsformular input.radioinput { width: 20px; height: 16px; border: 0px; }
#medlemsformular input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}
*/
/*--------------------------------------------------------------
 Sidenavigation
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
 Sidesoegning
--------------------------------------------------------------*/

#sidesoegning-form-wrapper, .sidesoegning-resultat-joomla-wrapper, .sidesoegning-resultat-artikler-wrapper {
	padding-left: 10%;
	max-width: 600px;
}

#sidesoegning-form-wrapper { padding-bottom: 40px; }
.sidesoegning-resultat-artikler-wrapper { padding-bottom: 80px; }

#sidesoegning-form-wrapper ul {
	list-style-type: none;
	margin:0px !important;
	padding: 0px !important;
	width: 600px !important;
	font-size: 0;
}
#sidesoegning-form-wrapper li {
    margin: 0px;
	padding: 0px;
    list-style:none;
	display: block;
	text-align: right; 
	line-height:0px;
	float: left;
}
#sidesoegning-form-wrapper ul:after { content: ''; display: block; clear: both; }


.sidesoegning-form .soegning-input-submit {
	padding: 0px;
	margin: 0px;
	height: 59px;
	width: 61px;
	border: 0px;
}

.sidesoegning-form .soegning-input-tekst {
  font-size: 30px;
  font-family: "Roboto";
  color: rgb(0, 0, 0);
  line-height: 1.048;
  padding-left: 1%;
  padding-right: 1%;
}

/* søgefeltet  */
.sidesoegning-form .soegning-input-felt {
  background-color: rgb(241, 241, 241);
  width: 500px;
  max-width: 600px;
  height: 57px;
  border: 0px;
}

.sidesoegning-resultat-joomla-post-wrapper {
	padding-bottom: 20px;
}
.sidesoegning-resultat-joomla-post {
	font-weight: bold;
}
.sidesoegning-resultat-joomla-post-sti {
	font-size:14px; color:#999999;
}

.sidesoegning-resultat-artikler-wrapper .artikeloversigt-artikel-wrapper {
	padding-left: 0;
}

/*--------------------------------------------------------------
 Login - popup
--------------------------------------------------------------*/

.contacts-top {
	padding-top: 60px;
	padding-bottom: 30px;
	padding-left: 10%;
	padding-right: 10%;
	background-color: #FFFFFF;
	
	font-size: 60px;
	font-family: 'CooperLight', sans-serif;
	line-height: 1.2;
	font-style: normal;
	color: #000000;
	text-align: center;
	font-weight: 300;

}

.contacts-bottom {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	background-color: #FFFFFF;

}

.contacts-boxinfo-wrapper {
	float: left;
	width: 33%;
}

#zenbox { padding-left: 20%; padding-right: 20%; text-align: center; }
#zenboxresponselogin { color: #FF0000; margin-bottom: 10px; min-height: 30px; }

/* GLEMT LOGIN */
.zenboxglemtlogind { margin-top: 20px; margin-bottom: 20px; min-height: 160px; }

#zenboxglemtlogindform { display: none; }


/* input */
#loginform input, 
#logoutform input, 
#glemtlogindform input {
	width: 80%; height: 38px; border: 1px solid #D7D7D7; margin-bottom: 10px; 
}
#loginform input.button, 
#logoutform input.button, 
#glemtlogindform input.button { 
	width: 80%; 
	border: 0px; 
	font-family: 'CooperLight';
	background-color: #203B2F;
	color: #FFFFFF;
	border-radius: 4px;

}
#loginform input.button:hover, 
#logoutform input.button:hover, 
#glemtlogindform input.button:hover { 
	background-color: #496558; 
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;	
}





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