/*--------------------------------------------------------------
 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	line-height: 24px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
p {
	margin-bottom: 10px;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}



h1 {
	font-size: 34px;
	line-height: 38px;
	font-family: "Times New Roman", Georgia, Serif;
	margin: 20px 0px 12px 0px;
}
h2 {
	font-size: 20px;
	line-height: 24px;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	font-family: "Times New Roman", Georgia, Serif;
}

/*--------------------------------------------------------------
 Links
--------------------------------------------------------------*/
a {
	color: #404040;
	text-decoration: none;
}
a:visited {
	color: #404040;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #A0A0A0;
	text-decoration: none;
}

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

#bmatopgraphic {

}
#bmatopgraphic img {
	width: 100%;
	display: block;
}
#forside-wrapper {
	min-height: 400px;
}


#wrapper-top .inner, #wrapper-content .inner, #wrapper-footer .inner, #wrapper-species .inner {
    width: 100%;
    margin: 0 auto;
}
#wrapper-top .inner { max-width: 1024px;}
#wrapper-content .inner { max-width: 835px; }

#wrapper-species .inner { max-width: 1024px; }

#wrapper-footer .inner { max-width: 1024px; }

#wrapper-content .inner .verticalbottommargin { height: 40px; }
#wrapper-species .inner .verticalbottommargin { height: 40px; }


#contentTopMargin { height: 60px; }
#contentTopMarginFrontpage { height: 60px; }
#contentBottomMargin { height: 50px; }

.btn-group {display: none;}

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

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 120px; /* bottom = footer height */
}
#wrapper-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 140px;
    width: 100%;
	background-color: #FFFFFF;
	border-top: 3px solid #400000;
	padding-top: 20px;
}

#wrapper-footer .content1 { 
	text-align: center; 
	float: left;
	width: 33.33%;
}
#wrapper-footer .content2 { 
	text-align: center; 
	float: left;
	width: 33.33%;
	padding-top: 10px;
}
#wrapper-footer .content3 { 
	text-align: center; 
	float: left;
	width: 33.33%;
	padding-top: 30px;
}

#wrapper-footer .content a { color: #FFFFFF; }
#wrapper-footer .content .mobile { display: none; }


/*--------------------------------------------------------------
 Species Information
--------------------------------------------------------------*/

#wrapper-species {
	background-color: #FFFFFF; 
}
#wrapper-species .species-topphoto {
	position: relative;
	height: 100%;
	margin-bottom: 20px;
}
#wrapper-species .species-topphoto img {
	width: 100%;
	display: block;
}
#wrapper-species .species-topphoto .species-title-container {
	background-color: rgba(64,0,0,0.5);;
	position: absolute;
	bottom: 8px;
	height:60px;
	width: 100%;
}
#wrapper-species .species-topphoto .species-title-container-inner { 
	padding-left: 8.5%;
}
#wrapper-species .species-topphoto .species-title-container h1 { 
	display: inline;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 60px;
	margin: 0px;
}

#wrapper-species .species-topphoto .species-title-container h2 {
	display: inline;
	color: #FFFFFF;
	padding-left: 30px;
	font-size: 20px;
	line-height: 24px;
	margin: 0px;
}

#wrapper-species .species-margin-bottom { height: 120px; }

#wrapper-species .species-text {
	padding-top: 35px;
	font-size: 16px;
	line-height: 26px;
}

#wrapper-species .species-title-box {
	padding-bottom: 12px;
	display: none;
}

#wrapper-species .species-info-box {

}


#wrapper-species .species-info-right {
	float: left;
	width: 4%;
	min-height: 1px;
}
#wrapper-species .species-info-left {
	float: left;
	width: 4%;
	min-height: 1px;
}
#wrapper-species .species-info-center {
	float: left;
	width: 83%;
	min-height: 0px;
}
#wrapper-species .species-info-right-margin, #wrapper-species .species-info-left-margin {
	float: left; 
	width: 4.5%;
	min-height: 1px;
}

#wrapper-species .species-info-right img {
width: 100%;
}

/*--------------------------------------------------------------
 Species List
--------------------------------------------------------------*/

#specieslist-wrapper .specieslist-box-wrapper {
	padding-bottom: 20px;
}

#specieslist-wrapper .specieslist-box-name {
	width: 50%;
	float: left;
	font-size: 20px;
	line-height: 26px;
}

#specieslist-wrapper .specieslist-box-photo {
	width: 50%;
	float: left;
	min-height: 1px;
}
#specieslist-wrapper .specieslist-box-photo img {
	width: 90%;
}
/*--------------------------------------------------------------
 Left Drop-right menu
--------------------------------------------------------------*/


#bmatopmenu {
	background-color: #400000;
}

.topmenubox {
	float: left;
	width: 17%;
}
.topmenubox-language {
	float: right;
	width: 50px;
	line-height: 40px;
}


.topmenulogobox {
	float: left;
	width: 28%;
	text-align: center;
}
.topmenulogobox img {
	width: 100%;
	max-width: 279px;
}


.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}


.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 42px;
}

.topmenubox1 .main-navigation li, .topmenubox2 .main-navigation li, .topmenubox3 .main-navigation li {
	float: left;
	position: relative;
}
.topmenubox4 .main-navigation li, .topmenubox5 .main-navigation li, .topmenubox6 .main-navigation li {
	float: right;
	position: relative;
}


.site-header-left .main-navigation li {
	padding-right: 40px;
}

.site-header-right .main-navigation li {
	padding-left: 40px;
	float: right;
}

.main-navigation a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	line-height: 40px;
	font-size: 15px;
}
.main-navigation ul ul {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 2.5em;
	left: -999em;
	z-index: 99999;
	border: 1px solid #E6E6E6;
	background-color: #ffffff;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	color: #404040;
	width: 200px;
	line-height: 38px;
	padding-left: 15px;
	font-size: 15px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
	color: #A0A0A0;
}
.main-navigation ul ul :hover > a {
	color: #A0A0A0;
}
.main-navigation ul ul a:hover {
	color: #A0A0A0;
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}




/*--------------------------------------------------------------
 Diverse
--------------------------------------------------------------*/

.page-header {
	display: block;
}

.responsive-header-menu-top-left {
	float: left;
	width: 50%;
}
.responsive-header-menu-top-right {
	float: right;
	width: 50%;
}
.responsive-header-menu-top-right .topmenubox-language {
    line-height: 22px;
}

/*--------------------------------------------------------------
 BMA - Administration
--------------------------------------------------------------*/

/* forms */

.form-inputtext {
	width: 100%;
}

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

/* topmenu */

.menu-species {
	border-bottom: 1px solid #AAAAAA;
}
.menu-species-box-container {
	width: 32%;
	float: left;
}
.menu-species-box {
	background-color: #EEEEEE;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	padding-left: 8px;
}
.menu-species-box-selected {
	background-color: #C0C0C0;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	padding-left: 8px;
}
.menu-species-box-margin {
	width: 2%;
	float: left;
	height: 1px;
}

/*--------------------------------------------------------------
 RESPONSIVE HEADER
--------------------------------------------------------------*/


/*--------------------------------------------------------------
 RESPONSIVE HEADER
--------------------------------------------------------------*/

#responsive-header {
	display: none;
}
/*#responsive-header .inner { padding-left: 4.5%; padding-right: 4.5%;  }*/
#responsive-header-graphic {
	width: 100%;	
}
#responsive-header-logo .inner { text-align: center; }
#responsive-header-graphic img {
	width: 100%;
	display: block;
}




/* ###################### RESPONSIVE MENU ###################### */

#responsivemenutoggle {
	display: none;
}
#responsive-header-menu-top {
	font-size: 14px;
	line-height: 24px;
	background-color: #400000;
	text-align: left;
	/*padding-left: 30px;*/
	padding-bottom: 8px;
	padding-top: 10px;
	padding-left: 4%;
}
#responsive-header-menu-top img {
	padding-right: 20px;
	vertical-align: middle;
}
#responsive-header-menu-top a {
	color: #FFFFFF;
}
#responsive-header-menu-top a:hover {
	color: #AAAAAA;	
}
#responsivemenu {
	border-bottom: solid 5px #400000;
	border-top: solid 0px #400000;
}

#responsivemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* Width of Menu Items */
}
#responsivemenu ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: solid 1px #400000;
}
#responsivemenu ul li.menuniv1:hover>a { color: #FFFFFF; background: #400000; }
#responsivemenu ul li.menuniv2:hover>a { color: #FFFFFF; background: #400000; }
#responsivemenu .menuniv1 a {
	font-size: 14px;
	line-height: 32px;
	padding-left: 20px;
	background-color: #895555;
}
#responsivemenu .menuniv2 a {
	font-size: 14px;
	line-height: 32px;
	padding-left: 40px;
	background: #EEEEEE;
}
#responsivemenu .active a {
	background-color: #A7A8AC !important;
}




/*--------------------------------------------------------------
 Species maps
--------------------------------------------------------------*/

#species-map .left-container, #species-map .right-container {
	float: left;
	width: 48%;
}
#species-map .margin-container {
	float: left;
	width: 4%;
	height: 1px;
}

#species-map-canvas-maerkning, #species-map-canvas-genfund {
        width: 100%;
		height: 350px;
}

/*--------------------------------------------------------------
 Species fatcs
--------------------------------------------------------------*/

#species-facts {
	background: url('http://www.birdmigrationatlas.dk/bma_design/images/facts_bg_10x600px.png') repeat;
	border: 1px solid #72BEA2;
	margin-bottom: 25px;
}

#species-facts .inner-container { padding: 15px 15px 15px 15px; }

#species-facts .left-container, #species-facts .right-container {
	float: left;
	width: 48%;
}
#species-facts .margin-container {
	float: left;
	width: 4%;
	height: 1px;
}

#species-facts .title-container h2 {
	font-size: 22px;
	line-height: 26px;
}
#species-facts .facts-footer-container {
	padding-top: 12px;
	font-size: 13px;
	line-height: 21px;
}

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


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

	#wrapper-top {  padding-left: 4.5%; padding-right: 4.5%; }
	#wrapper-species {  padding-left: 4.5%; padding-right: 4.5%; }
	#wrapper-footer .content { padding-left: 4.5%; padding-right: 4.5%; }

	#wrapper-species .species-topphoto .species-title-container {
		bottom: 8px;
		height:54px;
	}

	#wrapper-species .species-topphoto .species-title-container h1 { 
		display: inline;
		font-size: 30px;
		line-height: 54px;
	}

	#wrapper-species .species-topphoto .species-title-container h2 {
		padding-left: 26px;
		font-size: 18px;
		line-height: 24px;
	}

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

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

	#wrapper-content .inner { max-width: 1024px; }
	#wrapper-content { padding-left: 4.5%; padding-right: 4.5%; }


	#wrapper-species .species-topphoto .species-title-container {
		bottom: 8px;
		height:50px;
	}

	#wrapper-species .species-topphoto .species-title-container h1 { 
		display: inline;
		font-size: 26px;
		line-height: 50px;
	}

	#wrapper-species .species-topphoto .species-title-container h2 {
		padding-left: 20px;
		font-size: 16px;
		line-height: 24px;
	}


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


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

	body { margin: 0 0 170px; }
	#wrapper-footer { height: 170px; }

	#wrapper-footer .content .web { display: none; }
	#wrapper-footer .content .mobile { display: block; }

	#wrapper-footer .content { text-align: left; }


	#wrapper-species .species-info-right { width: 4%; }
	#wrapper-species .species-info-left { width: 4%; }
	#wrapper-species .species-info-center { width: 92%; }
	#wrapper-species .species-info-right-margin, #wrapper-species .species-info-left-margin { display: none; }

	#wrapper-species .species-topphoto .species-title-container-inner { padding-left: 4%; }

	#responsive-header { display: block; }
	#wrapper-top { display: none; }

	#wrapper-species {  padding-left: 0%; padding-right: 0%; }

	#contentTopMargin { height: 50px; }

	#species-map .left-container, #species-map .right-container { width: 100%; }
	#species-map .margin-container { width: 100%; 	height: 10px; }

	#species-map-canvas-maerkning, #species-map-canvas-genfund { height: 450px; }

	#wrapper-species .species-text { padding-top: 20px; }


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


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

	#wrapper-species .species-topphoto .species-title-container .subwebtitle { display: none; }
	#wrapper-species .species-title-box  { display: block; }

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


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

	#wrapper-footer .content1 { width: 100%; }
	#wrapper-footer .content2 { width: 100%; padding-top: 10px; }
	#wrapper-footer .content3 { width: 100%; padding-top: 20px; padding-bottom: 30px; }

	#wrapper-species .species-topphoto .species-title-container {
		bottom: 8px;
		height:40px;
	}

	#wrapper-species .species-topphoto .species-title-container h1 { 
		display: inline;
		font-size: 22px;
		line-height: 40px;
	}

	#wrapper-species .species-topphoto .species-title-container h2 {
		padding-left: 20px;
		font-size: 14px;
		line-height: 24px;
	}

	#species-map-canvas-maerkning, #species-map-canvas-genfund { height: 400px; }


	#species-facts .left-container, #species-facts .right-container { width: 100%; }
	#species-facts .margin-container { width: 100%; height: 0px; }

	#wrapper-species .species-info-center h2.subwebtitle {	
		font-size: 16px;
		line-height: 22px;
	}

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




@media all and (max-width: 410px) {
	
	.ydelse-box-container .ydelse-box-tekst-1, .ydelse-box-container .ydelse-box-tekst-2, .ydelse-box-container .ydelse-box-tekst-3 { width: 100%; }
	.ydelse-box-container .ydelse-box-tekst-indhold { padding: 0px 0px 0px 0px; }

	.ydelse-box-separator {	padding: 50px 0px 0px 0px; }
	.ydelse-box-margin-top { height: 10px; }

	#species-map-canvas-maerkning, #species-map-canvas-genfund { height: 350px; }

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

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




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