/*-----------------*/
/*     COLORS      */
/*-----------------*/

#ctl00_txtUsername::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d5d5d5;
}
#ctl00_txtUsername::-moz-placeholder { /* Firefox 19+ */
  color: #d5d5d5;
}
#ctl00_txtUsername:-ms-input-placeholder { /* IE 10+ */
  color: #d5d5d5;
}
#ctl00_txtUsername:-moz-placeholder { /* Firefox 18- */
  color: #d5d5d5;
}
#ctl00_txtPassword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d5d5d5;
}
#ctl00_txtPassword::-moz-placeholder { /* Firefox 19+ */
  color: #d5d5d5;
}
#ctl00_txtPassword:-ms-input-placeholder { /* IE 10+ */
  color: #d5d5d5;
}
#ctl00_txtPassword:-moz-placeholder { /* Firefox 18- */
  color: #d5d5d5;
}
/*TYSK LOGINBOKS FIX*/
#DE #km-log-in:hover #km-login-options {
    width: 175px;
    
}


/* NORMAL COLORS */
.km-txt-blue {
	color: #477190;
}

.km-hover-blue:hover {
	background-color: #477190 !important;
}

.km-bg-blue,
.content-header > span::after {
	background-color: #477190;
}

.km-border-blue-light {
	border-color: #779db9 !important;
}

.km-hover-blue-light:hover {
	background-color: #779db9 !important;
}

/* DARK COLORS */
.km-bg-blue-dark,
.km-hover-blue-dark:hover,
#topmenu .home_link_responsive {
	background-color: #224F72 !important;
}

#topmenu .km-login-color {
	background-color: #224F72;
}

.km-txt-blue-dark {
	color: #224F72;
}

.km-bg-blue-fade-dark {
    background-color: rgba(71,113,144, 0.8);
}

html body form .txt-white {
	color: white !important;
}

@media screen and (max-width: 769px) {
	body #topmenu #topmenu-responsive {
		background-color: #477190;
	}
}





@media screen and (min-width: 770px) {
	a.menu[href="#"] {
  pointer-events: none;
}

#topmenu {
    padding-right: 95px;
}
	ul.level2.gold-mega, ul.level2.gold-normal  {
	max-height: calc(100vh - 60px);
		overflow: auto;
		}
}








/*-----------------*/
/*     BANNER      */
/*-----------------*/
#banner {
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
	margin-bottom: 60px;
}
#banner .bannertext {
	text-align: center;
}
#banner .bannertext h2 {
	color: #fff;
	font-size: 2em;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.75);
}
#banner .bannertext p {
	color: #fff;
	font-size: 1.4em;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.75);
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 769px) {
	#banner .bannertext h2 {
		color: #fff;
		font-size: 1.6em;
		line-height: 2em;
		text-shadow: 2px 2px 2px rgba(100,100,100,0.75);
	}
	#banner .bannertext p {
		color: #fff;
		font-size: 1.1em;
		text-shadow: 1px 1px 1px rgba(100,100,100,0.75);
		margin: 0;
		padding: 0;
	}
}
#banner .container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0px;
}


#banner .row {
	position: relative;
	height: 100%;
	margin: 0px;
}

#banner .row > div {
	position: relative;
	height: 100%;
	padding: 0px;
}

#banner .heroSlider-fixed {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0px !important;
}

#banner .prev, #banner .next {
	display: block !important;
}

#banner .prev {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
}

#banner .next {
	position: absolute;
	right: 0px;
	width: 50px;
	height: 50px;
}

#banner .prev > span, #banner .next > span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 50px !important;
	transition: all 0.2s linear;
}

#banner .prev:hover > span, #banner .next:hover > span {
	opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
}

#banner-slider {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#banner-slider .slick-list {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#banner-slider .slick-track {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#banner-slider .slick-slide {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;

	background-position: top center;
	background-size: cover;
}

#banner-slider .slick-slide span {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;

	background-position: top center;
	background-size: cover;
}

#banner-overlay {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 50%;


	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#banner-overlay > div {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}


#banner-overlay #banner-logo {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

#banner-overlay #banner-logo img {
	display: block;
	width: auto;
	height: auto;
	max-height: 200px;
	margin: 0px auto !important;
}

#banner-overlay #banner-h2 {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	color: white;
	margin: 10px 0px;
	font-size: 40px;
	text-transform: uppercase;
}

#banner-overlay #banner-buttons {
	display: table;
	width: auto;
	height: auto;
	margin: 0px auto;
	margin-top: 25px;
}

#banner-overlay #banner-opret {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	padding: 0px 25px;
	padding-right: 75px;
	color: white;
	text-decoration: none;
	margin: 0px 7px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.2s linear;
}

#banner-overlay #banner-opret::after {
    position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-size: 24px !important;
    font-weight: 900 !important;
    transition: all 0.2s linear;
}

#banner-overlay #banner-facebook, #banner-overlay #banner-instagram {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0px 7px;
	transition: all 0.2s linear;
}


#banner-overlay #banner-facebook i, #banner-overlay #banner-instagram i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: white;
	text-align: center;
}












/*-----------------*/
/*     MENUBAR     */
/*-----------------*/
#txtTopMenuSearch {
    height: 30px;
    margin: 15px 10px !important;
}
.hasLink {
	cursor: pointer !important;
}
#menu li ul.gold-five {
	max-height: 60vh;
	overflow-y: auto;
}
#menu li ul.gold-five ul.level3 .menu {
    line-height: 25px;
    text-align: left;
}
html body #menuBar #topmenu ul.gold-five ul.level3 i {
   
    line-height: 25px !important;
}
body #menuBar {
	position: absolute;
	top: 400px;
}

.home_link_responsive {
	transition: all 0.2s linear;
}


body #topmenu li .menu {
	font-size: 15px !important;
}

body #topmenu .level1 > li .menu {
	padding: 0px 10px !important;
}

body #topmenu .level1 > li::after {
	position: absolute;
	content: '';
	top: 15px;
	right: 0px;
	height: 30px;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.25);
	transition: all 0.2s linear;
}

body #topmenu .level1 > li:last-child::after {
	content: none !important;
}

body #topmenu .level1 > li:hover::after {
	background-color: rgba(255, 255, 255, 0);
}


body #topmenu li:hover > .menu, body #topmenu .home_link_responsive:hover {
	color: white !important;
}


body #topmenu ul li ul li:hover > .menu {
	color: white !important;
}
body #menu ul li ul .menu.km-bg-blue-light {
	color: #fff;
}
html body .topmn > .level1 > li .popout:after {
	/*
    position: relative;
    float: right;
    */
    margin-left: 5px;
    font-size: 12px !important;
}
/*
html body .topmn .level2 > li .popout:after {
   float: none !important;
   margin-left: 10px !important;
}
*/






html body #menuBar #topmenu .gold-menu .gold-normal {
	/*left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;*/
	display: flex;
	flex-wrap: wrap;
	position: fixed;
}

html body #menuBar #topmenu .gold-menu .gold-normal > li {
	position: relative;
	float: left;
	width: 250px !important;
	height: auto;

	padding: 0px 5px;
	/*border-right: 1px solid rgb(230, 230, 230) !important;*/
}










html body #menuBar #topmenu .gold-menu .gold-mega {
	position: fixed !important;
	display: flex;
	flex-wrap: wrap;
}

html body #menuBar #topmenu .gold-menu .gold-mega > li {
	position: relative;
	float: left;
	width: 25%;
	height: auto;

	border: none !important;

	padding: 0px 5px;
	/*border-right: 1px solid rgb(230, 230, 230) !important;*/
}




html body #menuBar #topmenu .gold-normal > li > a, html body #menuBar #topmenu .gold-mega > li > a {
	border: none !important;
	font-weight: bold;
	color: inherit !important;
	margin-bottom: 5px !important;
	padding: 0px 10px !important;
}

html body #menuBar #topmenu .gold-normal > li:hover > a, html body #menuBar #topmenu .gold-mega > li:hover > a {
	background-color: transparent !important;
	cursor: default !important;
	color: inherit !important;
}

html body #menuBar #topmenu .gold-normal > li > a::after, html body #menuBar #topmenu .gold-mega > li > a::after {
	position: absolute;
	content: '' !important;
	bottom: 0px;
	left: 0%;
	width: 100%;
	border-bottom: 2px solid black;
	border-color: inherit !important;
	margin: 0px !important;
}

html body #menuBar #topmenu .gold-normal > li > ul, html body #menuBar #topmenu .gold-mega > li > ul {
	position: relative;
	float: left;
	width: 100% !important;
	height: auto !important;

	top: 0px;
	left: 0px;
    box-shadow: none;
}

html body #menuBar #topmenu .gold-menu:hover .gold-normal > li > ul, html body #menuBar #topmenu .gold-menu:hover .gold-mega > li > ul {
	visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

html body #menuBar #topmenu .gold-menu .gold-mega ul.level3 i {
	float: right;
    vertical-align: middle;
    line-height: 40px;
}
html body #menuBar #topmenu .gold-menu .gold-mega ul.level3 a:hover i {
	display: inline-block !important;
}
html body #menuBar #topmenu .gold-menu .gold-mega .hasLink {
	cursor: pointer;
}
html body #menuBar #topmenu .gold-menu .gold-mega .hasLink i {
	float: right;
    vertical-align: middle;
    line-height: 40px;
}














/*-----------------*/
/*     CONTENT     */
/*-----------------*/
#main-content #indhold {
	min-height: 0px;
	padding: 25px 0px;
}

.content-header {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px 0px;
	margin: 5px 0px;
}

.content-header > span {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
}

.content-header > span::after {
	position: absolute;
	content: '';
	bottom: -4px;
	left: 0px;
	width: 100%;
	height: 4px;
	background-color: #477190;
}














/*-----------------*/
/*       NEWS      */
/*-----------------*/
#news-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px 0px;
	background-color: white;
	transition: all 0.5s linear;
	max-height: 9999px;
}

#news-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.news-item {

}

#news-bar:not(.even) #news-content .news-item:nth-child(1) {
	position: relative;
	float: left;
	width: 100%;
	height: 630px;
	padding: 15px 0px;
	margin: 0;
	border: none;
	border-bottom: 1px solid rgb(240, 240, 240);
}

.news-item {
	position: relative;
	float: left;
	width: 50%;
	height: 400px;
}

.news-item:nth-child(even) {
	margin: 15px 0px;
	padding-right: 15px;
	border: none;
}

.news-item:nth-child(odd) {
	margin: 15px 0px;
	padding-left: 15px;
	border: none;
	border-left: 1px solid rgb(240, 240, 240);
}
#news-bar.even .news-item {
	position: relative;
	float: left;
	width: 50%;
	height: 400px;
}

#news-bar.even .news-item:nth-child(odd) {
	margin: 15px 0px;
	padding-right: 15px;
	border: none;
}

#news-bar.even .news-item:nth-child(even) {
	margin: 15px 0px;
	padding-left: 15px;
	border: none;
	border-left: 1px solid rgb(240, 240, 240);
}
#news-bar:not(.even) .news-item:nth-child(1) .news-image {
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
}

.news-item .news-image {
	position: relative;
	float: left;
	width: 100%;
	height: 200px;

	background-image: url(../images/patterns/13.png);
	background-position: center center;
	background-size: 200px;
	background-repeat: repeat;
}

.news-item .news-header {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;

	font-size: 30px;
	color: #477190;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-item .news-teaser {
	position: relative;
	float: left;
	width: 100%;
	height: 85px;
	padding-top: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}

.news-item .news-button {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	color: white;
	text-decoration: none;
	padding: 0px 25px;
	padding-right: 75px;
	transition: all 0.2s linear;
}



#news-bar:not(.even) .news-item:nth-child(1) {
	height: 450px !important;
	padding: 0px !important;
}

#news-bar:not(.even) .news-item:nth-child(1) .news-teaser {
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 100%;
	height: auto;
	min-height: 80px;
	color: white !important;
	padding: 15px;
	padding-right: 30% !important;
	margin: 0px !important;
}

#news-bar:not(.even) .news-item:nth-child(1) .news-button {
	position: absolute;
	bottom: 15px !important;
	right: 15px !important;
	width: 25% !important;
}

.news-item:nth-child(2) .news-button, .news-item:nth-child(3) .news-button {
	width: 50% !important;
}
#news-bar.even .news-item .news-button {
	width: 50% !important;
}
.news-item .news-button::after {
    position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: white;
    transition: all 0.2s linear;
}














/*-----------------------*/
/*       FRAMES BAR      */
/*-----------------------*/
#frames-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: rgb(245, 245, 245);
	padding: 50px 0px;
}

#frames-bar .container {
	position: relative;
	height: auto;
}

#frames-bar .row {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

#frames-bar .row > div {
	height: 425px;
}

#frames-bar .row > div:nth-child(1) {
	height: auto !important;
}

#frames-bar .row > div > a {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0px 15px;


	font-weight: bold;
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	text-align: left;
	font-size: 18px;
	letter-spacing: 1px;
	transition: all 0.2s linear;
}

#frames-bar .row > div > a::after {
	position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-size: 24px !important;
    font-weight: 900 !important;
    transition: all 0.2s linear;
}

/*Facebook embed */
#frames-bar #fbembed {
	height: auto;
	padding: 25px 0 50px 0;
}
#fbembed #fbembedtop {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	display: flex;
}

#fbembed #fbembedtop #fb_pageinfo {
    position: absolute;
    top: 10px;
    left: 10px;
}
#fbembed #fbembedtop #fb_pageinfo #fb_logo, #fbembed #fbembedtop #fb_pageinfo > div {
	float: left;
}

#fbembed #fbembedtop #fb_pageinfo > div {
    margin-left: 10px;
}
#fbembed #fbembedtop #fb_pageinfo > div > a {
	color: #fff;
	text-decoration: none;
}
#fbembed #fbembedtop #fb_pageinfo > div > a:hover {
	text-decoration: underline;
}
#fbembed #fbembedtop #fb_pageinfo > div #fb_likes {
    font-size: 0.9em;
	line-height: 1.7em;
    color: #fff;
    text-shadow: 0 2px 4px rgb(0 0 0 / 90%);
}
#fbembed #fbembedtop #fb_pageinfo > div h2 {
    font-size: 1.5em;
	line-height: 0.8em;
    color: #fff;
    text-shadow: 0 2px 4px rgb(0 0 0 / 90%);
}
#fbembed #fbembedtop iframe {
    border: none;
    overflow: hidden;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
#fbembed #fb_topcontent {
    position: relative;
    float: left;
    max-width: 500px;
    max-height: 190px;
    overflow: hidden;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}
#fbembed #fb_arrows {
	float: left;
}
#fbembed #fb_arrows span {
	cursor: pointer;
}
#fbembed #fb_arrows span.slick-disabled {
	cursor:default;
}
#fbembed #fb_arrows .fbprev {
	margin-left: 0.5em;;
}
#fbembed #fb_arrows .fbnext {
	margin-left: 2.5em;
}
#fbembed #fb_arrows i {
	font-size: 2em;
	position: absolute;
	bottom: 0;
}
#fbembed #fb_arrows .slick-disabled {
	opacity: 0.25;
}
#frames-bar #fb_topcontent > img {
    width: auto;
    max-height: 190px;
    height: auto;
    max-width: 500px;
}
#fbembed #fbembedcontent {

}
#fbembed .fb_iteminner {
	float: left;
	box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
	margin: 0 15px;
	padding: 10px;
	background-color: #fff;
}
#fbembed .fb_top {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
#fbembed .fb_top img {
	display: inline-block;
	float: left;
}
#fbembed .fb_top > div {
	float: left;
	margin-left: 10px;
}
#fbembed .fb_top > div > div {
	font-size: 0.8em;
	color: #808080;
}
#fbembed .fb_top a {
	text-decoration: none;
	color: #000;
	font-weight: 600;
}
#fbembed .fb_post {
	font-size: 0.9em;
	float: left;
}
#fbembed .fb_post > span:nth-child(2) {
	display: none;
}

#fbembed .fb_post .fbless, #fbembed .fb_post .fbmore {
    font-size: 0.8em;
    text-decoration: none;
}
#fbembed .fb_img {
	margin-top: 5px;
	float: left;
}
#fbembed .fb_img img {
	width: 100%;
	height: auto;
}
#fbembed .fb_vid {
	margin-top: 5px;
	float: left;
}

#fbembed .fb_event {
	float: left;
	margin-bottom: 5px;
    padding-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid #808080;
}
#fbembed .fb_evname {
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 5px;	
}
#fbembed .fb_evdate {
    font-size: 0.9em;
    color: #808080;
}
#fbembed .fb_evdate i {
	margin-right: 5px;
}
#fbembed .fb_count {
	padding: 7px 6px;
    margin-top: 10px;
    background-color: #e5e5e5;
    display: inline-block;
    float: left;
}
#fbembed .fb_count > span {
	float: left;
	margin: 0 6px;
	font-size: 0.8em;
}
#fbembed .fb_count > span i {
    margin-right: 5px;
    font-size: 1.3em;
    color: #fff;
    text-shadow: 0px 0px 1px #000;
	float: left;
}
#fbembed .fb_count > span i.fa-comment-alt {
	font-size: 1.2em;
	margin-top: 1px;
}
#fbembed .fb_count > span > span {
	float: left;
	margin-top: -1px;
}
#fbembed .fb_links {
	position: relative;
	float: right;
	font-size: 0.8em;
	margin-top: 20px;
}
#fbembed .fb_links > a {
	margin-right: 15px;
	color: #4267B2;
	text-decoration: none;
}
#fbembed .fb_links > a:hover {
	text-decoration: underline;
}
#fbembed .fb_share .fb_options {
    visibility: hidden;
    opacity: 0;
    transition: 0.2s all linear 0.2s;
    background-color: #888;
    position: absolute;

    right: 0px;
    margin-top: -25px;
    padding: 6px 4px;
}
#fbembed .fb_share:hover .fb_options {
	visibility: visible;
	opacity: 1;
	transition: 0.2s all linear;
	
}
#fbembed .fb_share .fb_options a {
	margin: 0 3px;
}
#fbembed .fb_share .fb_options a i {
	color: #fff;
	font-size: 1.1em;
	margin: 0 3px;
}
#fbembed .fb_share .fb_options a:hover i.fa-facebook-square {
	color: #4267B2;
}
#fbembed .fb_share .fb_options a:hover i.fa-twitter {
	color:#1DA1F2;
}
#fbembed .fb_share .fb_options a:hover i.fa-linkedin {
	color:#2867B2;
}
#fbembed .fb_share .fb_options a:hover i.fa-envelope {
	color: #EA4335;
}
@media screen and (max-width: 769px) {
	#fbembed .fb_share .fb_options {   
		width: 250px;
		background-color: #e5e5e5;
		padding: 19px 4px;
		text-align: center;
		margin-top: -70px;
	}
	#fbembed .fb_share .fb_options a {
		margin: 0 13px;
		font-size: 2em;
	}
	#fbembed .fb_share .fb_options a i.fa-facebook-square {
	color: #4267B2;
	}
	#fbembed .fb_share .fb_options a i.fa-twitter {
		color:#1DA1F2;
	}
	#fbembed .fb_share .fb_options a i.fa-linkedin {
		color:#2867B2;
	}
	#fbembed .fb_share .fb_options a i.fa-envelope {
		color: #EA4335;
	}
}

/* FACEBOOK */
#facebook {
	overflow: hidden;
}

#facebook-feed {
	position: relative;
	float: left;
	width: 100%;
	height: 375px;
	background-color: rgb(240, 240, 240);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

/*-----------------*/
/*   HOLD I DAG    */
/*-----------------*/
#holdidag.hide {
	position: absolute;
    top: 0;
}
#holdidag {
	padding: 25px 0px;
}
#holdidag .km-bg-blue  {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    text-align: left;
    font-size: 18px;
    letter-spacing: 1px;
    transition: all 0.2s linear;
}
#holdidag #hid_search {
	position: absolute;
    right: 8px;
    top: 8px;
}
#holdidag #hid_search input  {
    border: 1px solid #aaa;
    background-color: rgba(255,255,255,0.90);
    box-shadow: none;
    padding: 8px;
}
#holdidag #hid_search #hid_searchbtn {
    margin-left: 10px;
    cursor: pointer;
}
#holdidag #holdidagcontent {
    position: relative;
    float: left;
    width: 100%;
    background-color: rgb(245, 245, 245);
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    transition: all 0.5s linear;
	overflow-x: hidden;
	overflow-y: auto;
}
#holdidag .hid_hall {
    line-height: 40px;
    padding: 0 10px;
    font-weight: 700;
    font-size: 1.2em;
	border-bottom: 1px solid #888;
}
#holdidag .hid_hall i {
	margin-right: 10px;
}
#holdidag .hid_lokal {
	margin-top: 20px;
}
#holdidag .hid_left, #holdidag .hid_info {
	display: inline-block;
}
#holdidag .hid_left {
	width: 130px;
    display: flex;
	flex-shrink: 0;
    align-items: center;
}
#holdidag .hid_info > span {
	display: block;
}
#holdidag .hid_holdwrap .hid_hold:nth-child(odd) {
	background-color: #fff;
}
#holdidag .hid_hold {
    display: flex;
	padding: 10px 7px;
	color: #333;
    text-decoration: none;
	transition: all 0.2s linear;
}
#holdidag .hid_hold:hover {
	color: #fff;
}
#holdidag .hid_farve {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    margin-right: 10px;
    display: inline-block;
}
#holdidag .hid_time, .hid_navn  {
    font-size: 0.9em;
    font-weight: 700;
}
#holdidag .teamtitle:not(:empty) + .teamnr {
   display: none !important;
}
#holdidag .hid_pool {
    font-size: 0.9em;
    font-style: italic;
}

/*----------------*/
/*   TEAM SLIDER  */
/*----------------*/
#teams-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px 0px;
	background-color: white;
	transition: all 0.5s linear;
	max-height: 9999px;
}

#teams-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}
.teams-item {
	position: relative;
	float: left;
	height: 400px;
	margin: 0 15px;
}


.teams-item .teams-image {
	position: relative;
	float: left;
	width: 100%;
	height: 200px;

	background-image: url(../images/patterns/13.png);
	background-position: center center;
	background-size: 200px;
	background-repeat: repeat;
}

.teams-item .teams-header {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;

	font-size: 30px;
	color: #477190;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.teams-item .teams-teaser {
	position: relative;
	float: left;
	width: 100%;
	height: 85px;
	padding-top: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}

.teams-item .teams-button {
	position: relative;
	float: right;
	width: auto;
	height: 50px;
	line-height: 50px;
	color: white;
	text-decoration: none;
	padding: 0px 25px;
	padding-right: 75px;
	transition: all 0.2s linear;
}


.teams-item .teams-button::after {
    position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 34px !important;
    font-weight: 900 !important;
    color: white;
    transition: all 0.2s linear;
}
.teams-item .teams-button:hover::after {
	right: -10px;
}

@media (max-width: 480px) {
	#teams-content .teams-item {
		width: 100vw !important;
		margin: 0;
	}
}

/*-----------------------*/
/*        GALLERY        */
/*-----------------------*/


#galembed img {
	height: 350px;
	width: auto;
}
#galembed a {
	position: relative;
}
#galembed a:hover:before {
	opacity: 1;
}
#galembed a:before {
	content: attr(data-togal);
	transition: 0.2s all linear;
	font-size: 1.1em;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	line-height: 350px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px rgb(100 100 100 / 75%);
}



/*-----------------------*/
/*        INSTAGRAM      */
/*-----------------------*/

#igembed {
	height: auto;
	background-color: #fff;
}
#igembed .slick-slide {
   opacity: .3;
   transition: opacity 2s ease-in-out;
}
#igembed .slick-current {
   opacity: 1;
   transition: opacity 2s ease-in-out;
}
#igembed .slick-active{
   opacity: 1;
   transition: opacity 2s ease-in-out;
}
#igembed .heroSlider-fixed {
        position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0px !important;
}
#igembed .row, #igembed .row > div {
	height: 100%;
}
#igembed #ig-slider {
	width: 100%;
	height: 50vh;

}
#igembed .slick-list, #igembed .slick-track {
	height: 100%;
}
#igembed .slick-slide {
	width: 100%;
	height: 100%;
	background-color: #fff;
	
	
	text-decoration: none;
	
}
#igembed .slick-slide a {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
}
#igembed .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#igembed .insta-header  {
    display: inline-block;
    color: #293948;
    height: 40px;
	line-height: 0.6em;
    font-size: 1.6em;
    font-weight: 700;
    text-decoration: none;
    text-indent: 20px; 
    text-transform: uppercase;
    
}
#igembed .fa-play {
	color: #fff;
	font-size: 2em;
	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	transition: all 0.2s linear;
	text-decoration: none;
}
#igembed .ig_info {
	position: absolute;
	overflow: auto;
    max-height: 100%;
	width: 100%;
	text-decoration: none;
	padding: 20px;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s linear;
}
#igembed .slick-slide:hover .ig_info {
	visibility: visible;
	opacity: 1;
}
#igembed .slick-slide:hover .fa-play {
	font-size: 2.5em;
}
#igembed .ig_info span {
	color: #fff;
	font-size: 0.8em;
	font-style: italic;
}
#igembed .ig_info p {
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
@media screen and (max-width: 769px) {
 #igembed {
	 margin-top:40px;
	}
}
@media screen and (max-width: 500px) {
 #igembed {
	 margin-top:40px;
	}
	#igembed .heroSlider-fixed {
		height: 350px;
	}
	#igembed #igembed-slider {
		height: 350px;
		border-left: 15px solid #fff;
		border-right: 15px solid #fff;
	}
}

/* EVENTS */
#events-content {
	position: relative;
	float: left;
	width: 100%;
	height: 375px;
	background-color: rgb(245, 245, 245);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.5s linear;
}

.events-item {
	position: relative;
	float: left;
	width: 100%;
	height: 75px;
	padding: 5px 0px;
	padding-left: 50px;
	transition: all 0.2s linear;
}

html body form #screen-wrap .events-item:hover i {
	color: white !important;
}

html body form #screen-wrap .events-item:hover .events-date {
	color: white !important;
}

html body form #screen-wrap .events-item:hover .events-header {
	color: white !important;
}

.events-item:nth-child(even) {
	background-color: rgba(150, 150, 150, 0.1);
}

.events-item i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 75px;

	line-height: 75px;
	text-align: center;

	color: black;
	font-size: 24px;
	transition: all 0.2s linear;
}

.events-item .events-date {
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 35px;
	padding: 0px 15px;
	padding-left: 0px;

	color: black;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.2s linear;
}

.events-item .events-header {
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 35px;
	padding: 0px 15px;
	padding-left: 0px;

	font-size: 20px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s linear;
}















/* CALENDAR */
#calendar-content {
	position: relative;
	float: left;
	width: 100%;
	height: 375px;
	background-color: rgb(245, 245, 245);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.5s linear;
}

.calendar-item {
	position: relative;
	float: left;
	width: 100%;
	height: 75px;
	padding: 5px 0px;
	padding-left: 50px;
	transition: all 0.2s linear;
}

html body form #screen-wrap .calendar-item:hover i {
	color: white !important;
}

html body form #screen-wrap .calendar-item:hover svg {
	color: white !important;
}


html body form #screen-wrap .calendar-item:hover .calendar-date {
	color: white !important;
}

html body form #screen-wrap .calendar-item:hover .calendar-header {
	color: white !important;
}

.calendar-item i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px !important;
	height: 75px;

	line-height: 75px;
	text-align: center;

	color: black;
	font-size: 24px;
	transition: all 0.2s linear;
}

.calendar-item svg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px !important;
	height: 75px;
	padding: 14px;

	line-height: 75px;
	text-align: center;

	color: black;
	font-size: 24px;
	transition: all 0.2s linear;
}

.calendar-item:nth-child(even) {
	background-color: rgba(150, 150, 150, 0.1);
}

.calendar-item .calendar-date {
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 35px;
	padding: 0px 15px;
	padding-left: 0px;

	color: black;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.2s linear;
}

.calendar-item .calendar-header {
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 35px;
	padding: 0px 15px;
	padding-left: 0px;

	font-size: 20px;
	color: #477190;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s linear;
}

















/*-----------------------*/
/*        SPONSORS       */
/*-----------------------*/
#sponsors {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: white;
	padding: 25px 0px;
	transition: all 0.5s linear;
}

#sponsors .container {
	position: relative;
	height: auto;
}

#sponsors .row {
	position: relative;
	height: auto;
}

#sponsors .row > div {
	position: relative;
	height: auto;
}

#sponsors .heroSlider-fixed {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px !important;
}

#sponsors .prev, #sponsors .next {
	display: none !important;
}

#sponsor-slider {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  background-color: white;
}


#sponsor-slider .slick-list {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

#sponsor-slider .slick-list .slick-track {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 7px 0px;
}

#sponsor-slider .slick-list .slick-track .slick-slide {
  position: relative;
  float: left;
  width: 100%;
  height: 200px;
  padding: 25px;
}

#sponsor-slider a {
	position: relative;
	float: left;
	top: 0%;
	left: 0%;

	width: 100%;
	height: 100%;
	display: inline-block;
	  display: flex;
  align-items: center;
  justify-content: center;

	border: 15px solid white;
	transition: all 0.2s linear;
	
}
#sponsor-slider a img {
	max-width: 100%;
    max-height: 100%;
}
#sponsor-slider a:hover {
	transform: scale(1.1);
	z-index: 100;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}

#sponsor-slider a:hover:after {
	position: absolute;
	/*content: "BESØG SIDE";*/
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 1000;

	bottom: -25px;
	font-size: 14px;
	font-weight: bold;
	color: black;
}

















/*----------------*/
/*     FOOTER     */
/*----------------*/
body footer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: #477190;
}

footer #footer-top {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 100px;
}

footer #footer-top #footerClubName {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 25px;

	font-size: 30px !important;
	color: white;
	text-transform: uppercase;
}

footer #footer-top #footerClubName::after {
	content: none !important;
}

footer #footer-bottom {
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	height: 60px;
	background-color: #224F72;
}

footer .row > div > h2 {
	font-size: 20px !important;
	color: white;
	text-transform: uppercase;
	margin-top: 25px;
}

footer .row > div > h2 > span {
	position: relative;
}

footer .row > div > h2 > span::after {
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: white;
}

#footer-top > div > div > div:nth-child(2) {
	padding-right: 60px;
}

#footer-top > div > div > div:nth-child(3)::after {
	position: absolute;
    content: '';
    top: 30px;
    left: -30px;
    width: 0px;
    height: 100%;
    border-left: 2px solid;
}


footer .footer-box {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 5px 0px;
	padding-bottom: 30px;
}

footer .footer-box h1 {
	color: white;

}

footer .footer-box p {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	color: white;
	margin: 3px 0px;
}
#footer-email a {
	color: #fff;
	display: inline-block;
}
footer .link-box {
	position: relative;
	float: left;
	width: 25%;
	height: auto;
}

footer #footer-links {
	/*height: 80px !important;*/
	overflow: hidden !important;
}

footer .footer-link {
	position: relative;
	float: left;
	width: 250px;
	height: auto !important;
}

footer .footer-link a {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;

	color: white;
	text-decoration: none;
	margin: 3px 0px;
}

footer .footer-link a:hover > span {
	text-decoration: underline;
	color: rgba(255, 255, 255, 1);
}

footer .footer-link a:hover > i, footer .footer-link a:hover > svg {
	color: rgba(255, 255, 255, 1);
}

footer .footer-link a > i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px !important;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	color: rgba(255, 255, 255, 1);
	text-align: right;
	transition: all 0.2s linear;
}

footer .footer-link a > svg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px !important;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	color: rgba(255, 255, 255, 1);
	text-align: right;
	transition: all 0.2s linear;
}

footer .footer-link a > span {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	padding-left: 25px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	transition: all 0.2s linear;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize !important;
}

footer .footer-link a:hover {
	text-decoration: underline;
}




footer .social-link {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

footer .social-link a:hover span {
	text-decoration: underline;
}

footer .social-link a {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: white;
	text-decoration: none;
	margin: 3px 0px;
}

footer .social-link a i {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: white;
	text-decoration: none;
	line-height: 20px;
	margin-right: 10px;
}

footer .social-link a span {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: white;
	text-decoration: none;
	line-height: 20px;
}

footer #google-maps-button {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	left: -15px;

	color: white;
	text-decoration: none;
	padding: 0px 15px;
	padding-right: 75px;
	margin-top: 5px;
	transition: all 0.2s linear;
	z-index: 10000;
}

footer #google-maps-button:hover {
	/*background-color: transparent !important;*/
}

footer #google-maps-button::after {
    position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: white;
    transition: all 0.2s linear;
}


footer #klubmodul {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 60px;
	text-align: center;
	margin: 0px;
	z-index: 1000;
}

footer #klubmodul a {
	position: relative;
	top: 15px;
}














.hide {
	overflow: hidden !important;
	max-height: 0px !important;
	max-width: 0 !important;
	opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    padding: 0px !important;
    margin: 0px !important;
}













/* MOBILE DEVICES */
@media screen and (max-width: 769px) {
	body #menu ul li ul {
		background-color: transparent !important;
	}

	html body #menuBar #menu .menu {
		font-size: 14px !important;
		color: white !important;
	}

	.home_link_responsive {
		border-right: none !important;
	}

	html body form #topmenu li > .menu, html body form #topmenu .home_link_responsive {
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 1) !important;
		color: white !important;
	}

	html body #menu ul li ul {
		background-color: transparent !important;
	}

	#banner {
		margin-bottom: 0px !important;
	}

	html body #banner .prev, html body #banner .next {
		display: none !important;
	}

	#banner-overlay {
		width: 80%;
		max-width: 80%;
	}

	.content-header > span {
		font-size: 24px !important;
		width: 100% !important;
	}

	.content-header > span::after {
		height: 2px !important;
	}

	html body .news-item {
		width: 100% !important;
		padding: 0px !important;
		height: 400px !important;
		border-left: none !important;
	}

	html body .news-item .news-image {
		height: 200px !important;
	}

	html body .news-item .news-teaser {
	    position: relative !important;
	    float: left !important;
	    width: 100% !important;
	    height: 85px !important;
	    padding-top: 5px !important;
	    margin-bottom: 20px !important;
	    overflow: hidden !important;
	    background-color: transparent !important;
	}

	html body#body form #news-bar .news-item .news-button {
	    position: relative !important;
	    float: left !important;
	    width: 100% !important;
		text-align: left !important;
	    
		top: auto !important;
		bottom: auto !important;
		right: auto !important;

	}

	#frames-bar .container {
		position: relative;
		float: left;
		width: 100% !important;
	}

	#frames-bar .row {
		position: relative;
		float: left;
		width: 100% !important;
		margin: 0px;
	}

	#frames-bar .row > div {
		padding: 0px !important;
	}

	footer .footer-box {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	footer .row > div:last-child > .footer-box {
		border-bottom: none !important;
	}

	footer .footer-box, .footer-link, .social-link {
		text-align: center;
	}

	footer .footer-link a, footer .social-link a {
		float: none !important;
	}

	footer .social-link a i, footer .social-link a span {
		float: none !important;
	}

	footer #google-maps-button {
		width: 100% !important;
		left: 0px !important;
		float: none !important;
		display: inline-block !important;
		text-align: left !important;
	}

	footer #klubmodul {
		padding-top: 0px !important;
	}

	html body footer #footer-top {
		padding-bottom: 125px !important;
	}

	html body footer #footer-bottom {
		bottom: 60px !important;
	}

	html body footer #footer-bottom, html body footer #footer-bottom .row > div {
		height: 60px !important;
	}

	html body footer #klubmodul {
		top: auto !important;
		bottom: -60px !important;
	}


	footer .row > div {
		padding: 0px !important;
	}

	footer .footer-box p {
		line-height: 20px !important;
	}

	footer .footer-link {
		width: 50% !important;
		padding: 0px 15px !important;
	}

	footer .footer-link a > span {
		text-align: left !important;
		font-size: 15px !important;
	}

	footer .footer-link a > i {
		font-size: 15px !important;
	}




	body #topmenu .level1 > li .menu {
		padding: 0px !important;
	}

	body #topmenu .level1 > li::after {
		content: none !important;
	}

	html body #topmenu .topmn .menu {
		font-size: 14px !important;
	}

	html body .topmn .popout:after {
	    font-size: 14px !important;
	}
}

/* DESKTOP DEVICES */
@media screen and (min-width: 770px) {
	#main-content {
		min-height: 300px !important;
	}
}






html body #screen-wrap {
	overflow: hidden;
}