/* Hej Torben */

@import url('https://fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic,400italic,700,700italic,900,900italic');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i');

/* Default overwrites */
*																{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
h1, h2, h3, h4, h5, h6											{ margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; -webkit-appearance:none !important; }
table, caption, tbody, tfoot, thead, tr, td, th					{ margin: 0px; padding: 0px; border-collapse: collapse; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, object, main, img		{ display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
address															{ font-style: normal; }
html															{ display: block; height: 100% !important; }
body															{ background-size: cover; background-attachment: fixed; color: #252525; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -webkit-font-smoothing: antialiased !important; line-height: 25px; }

h1																{ font-size: 24px; font-weight: 600; margin-bottom: 20px; }
h2																{ font-size: 20px; font-weight: 600; margin-bottom: 10px; }
h3																{ font-size: 16px; font-weight: 600; margin-bottom: 10px; }

p																{ margin-bottom: 15px; }

strong															{ font-weight: 600; }

ol,
ul																{ margin-left: 15px; margin-bottom: 15px; }

blockquote														{ background-color: #e7e7e8; padding: 20px; margin-bottom: 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

a:link,
a:active,
a:visited														{ color: #c43d1e; text-decoration: none; }
a:hover															{ text-decoration: none; }

button,
a.button														{ display: inline-block; background-color: #c43d1e; border: 0; height: 30px; line-height: 30px; color: #ffffff; font-size: 15px; text-decoration: none; text-transform: uppercase; padding: 0 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
button:hover,
a.button:hover													{ background-color: #ff9279; }

input															{ color: #252525; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased !important; border: 1px solid #c43d1e; padding: 0 10px; }
input[type=text],
input[type=password],
input[type=email]												{ height: 40px;/*  border-radius: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */ width: 100%; margin-bottom: 5px; }
input[type=text].no_round_borders,
input[type=password].no_round_borders,
input[type=email].no_round_borders								{ border-radius: 0; }
form input[type=button],
form input[type=submit]											{ float: right; background-color: #c43d1e; height: 40px; color: #ffffff; font-size: 16px; /* margin-top: 10px; */ padding: 0 40px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
form input[type=button]:hover,
form input[type=submit]:hover									{ background-color: #ff9279; /* border-color: #ff9279; */ }
select															{ width: 100%; height: 40px; border: 1px solid #bcbdc0; /* border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; */ width: 100%; margin-bottom: 5px; padding: 0 5px; }

input[type=text].width_30										{ width: 29%; margin-right: 1%; }
input[type=text].width_70										{ width: 70%; }

input[type=text].is_error										{ border-color: #D8000C; }
input[type=text]:disabled										{ background-color: #ffffff; }
select:disabled													{ background-color: #ffffff; color: #000000; font-size: 14px; }

textarea														{ width: 100%; height: 100px; color: #252525; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased !important; border: 1px solid #bcbdc0; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; resize: none; }

#link_back														{ display: block; padding: 10px 0; color: #c43d1e; font-size: 18px; }
#link_back:hover												{ color: #ff9279; }

.ds_clear														{ clear: both; }

#frontpage_static_text iframe,
#frontpage_static_text embed						{ width: 100%; }

#cookie_text													{ background-color: #77b279; position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 5px 10px; color: #ffffff; text-align: center; }
#cookie_text a:link,
#cookie_text a:active,
#cookie_text a:visited											{ color: #ffffff !important; font-weight: 600; }
#cookie_text a:hover											{ text-decoration: underline; }
#cookie_text #cookie_accept_button								{ background-color: #458948; height: 40px; line-height: 40px; color: inherit; font-family: inherit; font-size: inherit; border: 0; margin-left: 40px; cursor: pointer; }

/*
#ds_background													{ position: fixed; z-index: 0; width: 100%; height: 100%; background-image: url('../gfx/background.png'); background-size: cover; /* background-size: 200px 200px;  background-attachment: fixed; background-repeat: repeat; }
*/

#ds_background {
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url(../gfx/bg2.jpg);
    background-size: cover;
    background-size: 200px 200px;
    background-attachment: fixed;
    background-repeat: repeat;
}

#container														{ position: relative; width: 100%; max-width: 1212px; margin: 0 auto; padding: 0 10px; }

header #header_main												{ background-color: #ed694b; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; }
header #dsd_logo												{ float: left; padding-top: 5px; }
header #header_main > .button									{ float: right;  margin-top: 5px; }
header #header_banner, #public_header_banner					{ background-color: #ffffff; width: 100%; height: 90px; line-height: 90px; }
header nav														{ background-color: #77b279; width: 100%; height: 100px; line-height: normal; }
header nav ul													{ display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0 !important; }
header nav li													{ display: table-cell; position: relative; text-align: center; }
header nav li div												{ position: absolute; bottom: 10px; width: 100%; text-align: center; }
header nav a:link,
header nav a:active,
header nav a:visited											{ display: block; height: 100px; color: #ffffff; text-decoration: none; }
header nav a.current											{ background-color: #458948; }
header nav a i													{ display: block !important; font-size: 30px; }
header svg														{ display: block; height: 90px; fill: #ffffff; margin: 0 auto 0 auto; transform: translateY(-5px); }
header a:hover svg												{ fill: #b5dab6; }

/* Footer content */
#index_navigation		{ background-color: #ed694b; width: 100%; height: 50px; line-height: 50px; text-align: center; }
#index_navigation button {margin: 0 20px;}
main															{ background-color: #ffffff; position: relative; width: 100%; padding: 20px 10px; }
main#filter_box,
main#display_table												{ display: table; }
main#display_table												{ padding: 0; }
#main_menu														{ display: table-cell; vertical-align: top; background-color: #ed694b; width: 290px; }
#main_content													{ display: table-cell; vertical-align: top; padding: 20px; width: 100%; }

.items															{ cursor: pointer !important; }
.items .item													{ display: inline-block; vertical-align: top; width: 25%; margin-right: -4px; margin-bottom: 20px; padding: 5px; overflow: hidden; }
.items .item .item_title										{ font-size: 16px; font-weight: 700; height: 50px; margin-bottom: 10px; }
.items .item .item_title.auto									{ height: auto; }
.items .item .item_title_sub									{ height: 60px; font-size: 12px; font-weight: 400; line-height: 21px; margin-top: 10px; }
.items .item .item_spacer										{ margin-bottom: 30px; }
.items .item .item_image > img									{ width: 100%; max-width: 285px; max-height: 160px; }

footer															{ text-align: center; margin: 20px 0; }

/* Filter */
#filter_list													{ display: table-cell; width: 200px; height: 100%; font-size: 13px; padding: 10px; }
#filter_list .filter_box										{ margin-bottom: 5px; }
#filter_list .filter_box .filter_title							{ font-weight: 600; height: 20px; cursor: pointer; }
#filter_list .filter_box .filter_content						{}
#filter_list .filter_box .filter_content.filter_content_hide	{ display: none; }
#filter_list .filter_box .filter								{ position: relative; background-color: #f3f3f4; margin: 2px 0; padding: 2px; }
#filter_list .filter_box .filter .filter_overlay				{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
#filter_list .filter_box .filter .filter_checkbox				{ position: absolute; top: 0; left: 0; z-index: 0; }
#filter_list .filter_box .filter .filter_value					{ padding-left: 20px; }
#filter_list #filter_input										{}
#filter_list #filter_input input[type=text]						{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 10px; }
#filter_content													{ display: table-cell; }

#search_container												{ margin: 20px 0; }
#search_container > .search_result:nth-child(odd)				{ background-color: #9ec8dd; padding: 10px; }
#search_container > .search_result:nth-child(even)				{ background-color: #ffffff; padding: 10px; }
#search_container a:link,
#search_container a:active,
#search_container a:visited										{ display: block; color: #252525; text-decoration: none; }
#search_container a:hover										{ color: #58585A; }
#search_container .search_result_title							{ font-size: 19px; margin-bottom: 5px; }
#search_results_found											{ background-color: #ed694b; color: #ffffff; margin-bottom: 40px; padding: 10px; }
#search_results_found a:link,
#search_results_found a:active,
#search_results_found a:visited									{ float: right; color: #ffffff; }


#ds_publication_container										{ position: relative; width: 100%; height: auto; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 1.6em; color: #413F40; font-weight: 400; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#static_menu													{ width: 290px; font-weight: 700; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#static_menu .static_menu_item									{ width: 100%; padding: 10px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; }
#static_menu .static_menu_item.ds_publication_list				{ padding: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#static_menu .static_menu_item:hover,
#static_menu .static_menu_item.static_menu_item_active			{ background-color: #c43d1e; color: #ffffff; }
#static_menu .static_menu_title									{ background-color: #bcbdc0; width: 100%; height: 40px; line-height: 40px; color: #ffffff; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#static_menu .static_menu_title:hover							{ background-color: #bcbdc0; }
#static_menu .static_menu_item_sub_title						{ color: #ffffff; font-size: 16px; text-transform: uppercase; padding: 25px 15px 10px 15px; cursor: default; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#static_menu .static_menu_item_sub_title:hover					{ background-color: transparent; }
#static_menu_closed												{ display: none; background-color: #458948; width: 40px; height: 40px; line-height: 38px; color: #ffffff; text-align: center; cursor: pointer; margin-bottom: 10px; }

/* .amazingaudioplayer-tracklist-container							{ background-image: linear-gradient(to bottom, #b5dab6 0%, #77b279 100%) !important; background-image: -webkit-linear-gradient(top, #b5dab6 0%, #77b279 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5dab6), color-stop(1, #77b279)); background-image: -o-linear-gradient(top, #b5dab6 0%, #77b279 100%); background-color: -moz-linear-gradient(top, #b5dab6 0%, #77b279 100%); background-color: -ms-linear-gradient(top, #b5dab6 0%, #77b279 100%); } */

.songbank_list,
.songbank_list ul												{ list-style: none; }
.songbank_list ul												{ margin: 0; }
.songbank_list .songbank_list_letter							{ font-size: 18px; font-weight: 600; }
.songbank_list a:link,
.songbank_list a:active,
.songbank_list a:visited										{ color: #c43d1e; }
.songbank_list a:hover											{ color: #ff9279; }

@media only screen and (max-width:960px) {
	#main_menu,
	#main_menu #static_menu,
	#main_content 												{ display: block; width: 100%; }
	
	header nav													{ height: auto; }
	header nav ul												{ margin: 0; padding: 0; }
	header nav ul,
	header nav ul li											{ display: block; }
	header nav ul li											{ text-align: left; font-size: 15px; font-weight: 700; }
	header nav ul li a:link,
	header nav ul li a:active,
	header nav ul li a:visited									{ background-color: #b5dab6; color: #252525; display: block; padding: 10px 15px !important; }
	header nav ul li a:hover,
	header nav ul li a.current									{ background-color: #77b279; color: #ffffff; }
	header nav ul li svg										{ display: none; }
}

@media only screen and (max-width:900px) {
	.items .item												{ width: 33%; }
}

@media only screen and (max-width:850px) {
	
}

@media only screen and (max-width:800px) {
	.items .item												{ width: 50%; }
	.items .item .item_image img								{ width: 100%; max-width: none; max-height: none; }
}

@media only screen and (max-width:460px) {
	.items .item												{ width: 100%; }
	.items .item .item_title,
	.items .item .item_title_sub								{ height: auto; }
}

@media only screen and (max-width:840px) {
	#filter_list												{ display: block; width: 100%; height: auto; }
	#filter_content												{ display: block; }
	#filter_list .filter_box									{ display: none; }
	#filter_list #filter_input									{ background-color: #e7e7e8; padding: 10px; margin-bottom: 20px; }
	#filter_list #filter_input input							{ margin-bottom: 0 !important; }
}

#main_content img{ display: unset; }

.note-float-center{
	display: flex!important;
	margin-left: auto;
	margin-right: auto;
}

.global_search {
    height: 90% !important; 
    width: 15% !important;
    float: right !important;
    margin-top: 2px !important;
    margin-right: 5px !important;
}