@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

@import url('https://fonts.googleapis.com/css?family=Open+Sans');



/** {

   background: #000 !important;

   color: #0f0 !important;

   outline: solid #f00 1px !important;

}*/





.row {

    margin-right: -15px; /* this is the exact culprit */

    margin-left: -15px;

}

.container-fluid {

    padding-right: 0px;

    padding-left: 0px;

    margin-right: 0px;

    margin-left: 0px;

}



body {


font-family: 'Open Sans', sans-serif;
font-size: 16px !important;

}


html,body {height:100%;}



a {

        color:#f88b4d;

        -webkit-color:#f88b4d;

}




a:hover, a:focus {

        text-decoration: none;

}



h1 {

        font-size: 2em;

}





h4 {

    font-size: 19px;

   

    font-weight: 500;

}



h3 {

        font-size: 1.6em;

}



img {

    vertical-align: middle;

    /*width: 100%;*/

}

#content img {
        width: 100%;
}



.breadcrumb {
    /*padding: 20px 15px;*/
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
        background-color: transparent;
}


  /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
               .breadcrumb {
                       display: none;
               }
    }



.mostread,

.weblinks,

.category-module {

        padding:0px 0px 0px 20px;

}



.syndicate-module {

        display:block;

}



.nopadding {

        padding-right: 0px;

        padding-left: 0px;

}



.current a { color: #ff0000; }



.left_sidebar a:hover {

        color: #0CF;

}



/* selected link blue */

.left_sidebar a:active {

        color: #0CF;

}




/*-----------------------------------
Top header starter
---------------------------------------*/


.fs2-top-header{
        background-color: #0f2f40;
    color: #fff;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 45px;
}




.top-kontakt {
        float: right;
}

.top-kontakt a {
        margin-left: 10px;
        padding-left: 10px;
        color:#fff;
        text-decoration: none;
}


/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
.top-kontakt a {
        display: inline-block;
}
    }

/* Custom, iPhone Retina */ 

    @media only screen and (max-width : 340px) {
               .fs2-top-header{
                       display: none;
               }
}

/*-------------------------------------------------
Main navigation med dropdown starter
------------------------------------------------*/


.moduletable-fs2menu {
        float: right;
        
}

.moduletable-fs2menu li {
        float: left;
}


.moduletable-fs2menu .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: grey;
    text-transform: uppercase;
        font-size: 14px;
            background-color: transparent;
        
}



.moduletable-fs2menu li:hover > a{color:#e3793c; background-color: none;}
.moduletable-fs2menu .nav .menu li:active > a {color:#e3793c;
}

.moduletable-fs2menu li.active {
/*font-weight: 900;*/
        color:#e3793c;
}
.moduletable-fs2menu ul {
        max-height: 0;    
}


.moduletable-fs2menu .nav > .active{
    color: #e3793c;
  font-weight: 600;
}

.moduletable-fs2menu .nav > .active > a,
.moduletable-fs2menu .nav > .active > a:hover,
.moduletable-fs2menu .nav > .active > a:focus {
    color: #e3793c;
  background: transparent;
}

.moduletable-fs2menu li  > .nav-child {     
	float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: all .30s ease;
       -moz-transition: all .30s ease;
        -ms-transition: all .30s ease;
         -o-transition: all .30s ease;
            transition: all .30s ease;
}    
.moduletable-fs2menu li:hover > .nav-child {   
	opacity: 1;
    top: 50px;
    visibility: visible;}  

.moduletable-fs2menu .nav-child{
    position: absolute;
    z-index: 999;
    background-color: #afafaf;
    padding-left: 0px;
            
}
.moduletable-fs2menu .nav-child ul {
    padding-left: 0px;
        
}

.moduletable-fs2menu .nav-child li {
	list-style: none;
    padding: 15px 15px;
    font-size: 14px;
    background-color: #fff;
    width: 200px;
                
}

.moduletable-fs2menu .nav-child li:hover {
background-color: #0f2f40;
list-style: none;
}

.moduletable-fs2menu .nav-child li:hover a {
color: #fff;
text-decoration: none;             
}
.moduletable-fs2menu .nav-child li  a{
color: #5A5A5A;
}


a .fs2spelter2 {
color: #0f2f40;
}


/*----------------Top navigation ---------------*/



.logo_holder img {
        width: auto;
        padding-left: 10px;
}



.navig {

	/*background-color: #5d5d5e;*/
	padding: 15px 0px;
	/*position: absolute;*/
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
}

.navig2 {
/*background-color: #5d5d5e;*/
padding: 15px 0px;       
position: absolute;
z-index: 9;
top: 0;
left: 0;
right: 0;
}

/* Small Devices, Tablets */

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

.moduletable-fs2menu {
	display: none;
}

.navig .navig2 {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	position: fixed;

}

.bottom_header {
	background-color: #5d5d5e;
}


.logo_holder img {
	display: table;
	margin: 0 auto;
}  
        
}









/*----------------------------------------------------------
Mobil menu 
------------------------------------------------*/


.fs2-mobil-menu{
	display: none;
}
    
#nav-toggle {
	cursor: pointer;
	padding: 50px 35px 16px 0px;
	float: right;
}


/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
               
               
.fs2-top-header {
	margin-top: 80px;
    }

.moduletable-fs2menu {
	display: none;
}

.navig .navig2 {
   padding-top: 10px;
   padding-bottom: 10px;
   background: #fff;
	 position: fixed;

}

.navig {

   padding-top: 10px;
   padding-bottom: 10px;
   background: #fff;
	 position: fixed;
	   width: 100%;
}
               
.fs2-mobil-menu {
  display: block;
}
               
#nav-toggle {
     padding: 10px 35px 16px 0px;
     
}
.bottom_header {
  background-color: #2b803f;
}
        

.logo_holder img {
	display: table;
	margin: 0 auto;
	max-height: 60px;
}
           
}


.position {
  top: 28px;
  left: 20px;
  transition: all .3s ease;
  z-index: 2;
  position: fixed;
}




#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #676767;
  position: absolute;
  display: block;
  content: '';
}

#nav-toggle span:before {
  top: -10px;
}

#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  transition: all 200ms ease-in-out;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}

#nav-toggle.active span:before {
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
/* Off Canvas Navigation */


.fs2-mob {
	width: 250px;
	height: 100%;
	position: fixed;
	top: 0;
	left: -250px;
	background: #c5c5c5;
	font-size: 1.1em;
	font-family: sans-serif;
	font-weight: 300;
	transition: all .3s ease;
	z-index: 999;
	max-height: calc(100% - 0px);
	overflow-y: auto;
}

.fs2-mob .logo_holder{
	padding: 20px;
	float: none;
}

.fs2-mob .nav-child li{
        padding-left: 20px;
}
.fs2-mob p {
  color: #cdcdcd;
  padding: 20px;
}

.fs2-mob nav ul {
  margin: 0;
  padding: 0;
}

.fs2-mob nav ul li:first-of-type {
  border-top: 1px solid #b1b1b1;
}

.fs2-mob nav ul li {
  border-bottom: 1px solid #b1b1b1;
}

.fs2-mob nav ul li a {
  padding: 10px 20px;
  display: block;
  color: #272727;
  text-decoration: none;
}

.fs2-mob nav ul li a:hover {
  background: #454545;
}
/* JavaScript toggle */

.show-nav .fs2-mob,
.show-nav .position,
.show-nav main {
  transform: translateX(250px);
}
.show-nav .position {
  position: fixed;
}

.show-nav article {
  padding: 0 80px;
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 340px) {
#nav-toggle {
	padding: 10px 35px 16px 0px;
}

/*--------------- Top slider ---------------*/

.top-image {
	position: relative;
	background-size: cover;
}



#top-image img {
	object-fit: cover;
	background-size: cover;
	}
}




/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.top-image {
margin-top: 0px;
}
}
      /* Custom, iPhone Retina */ 
@media only screen and (max-width : 350px) {
.top-image {
margin-top: 80px;
}
}


.item-image img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}



/*--------------------------------
Content 2 column
----------------------------------*/


.right-content{
        padding: 20px;
}

.left-content{
        padding: 20px;
}
.right-content img{
        width: 100%;
}
.left-content img {
        width: 100%;
}


/*-------------top-row-1 overskrift --------------------*/



.custom-sp h2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-top: 40px;

  padding-bottom: 50px;

  font-size: 22px;

  color: #565656;

  font-weight: 700; 

}



.custom-sp h2:before, h2:after {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  height: 1px;

  content: '';

  background-color: currentColor;

}



.custom-sp h2::before {

  margin-right: 10px;

}



.custom-sp h2::after {

  margin-left: 10px;

}



.custom-sp h2.left-aligned::before {

  -webkit-box-flex: 0;

  -ms-flex: 0;

  flex: 0;

  margin-right: 0;

}



.custom-sp h2.right-aligned::after {

  -webkit-box-flex: 0;

  -ms-flex: 0;

  flex: 0;

  margin-left: 0;

}



/*------------------- overskrift ---------------------*/



.custom-gul h2 {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        padding-top: 70px;

        padding-bottom: 50px;

        font-size: 22px;

        color:#f88b4d;

        font-weight: 700; 

}



.custom-gul h2:before, h2:after {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        height: 1px;

        content: '';

        background-color: currentColor;

}



.custom-gul h2::before {

        margin-right: 10px;

}



.custom-gul h2::after {

        margin-left: 10px;

}



.custom-gul h2.left-aligned::before {

        -webkit-box-flex: 0;

        -ms-flex: 0;

        flex: 0;

        margin-right: 0;

}



.custom-gul h2.right-aligned::after {

        -webkit-box-flex: 0;

        -ms-flex: 0;

        flex: 0;

        margin-left: 0;

}



.moduletable-profiles {

        margin-bottom: 90px;

        margin-top: 20px;

}





  /* Extra Small Devices, Phones */ 

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

        .custom-gul h2 {
        padding-top: 20px;
        padding-bottom: 20px;
        }

}





/*-----------Fokus--------------*/

#fokus {

        background-color: #f88b4d;

        padding-bottom: 50px;

        padding-top: 50px;

}



/*------------ Left sidebar -------------*/



.mostread, .weblinks, .category-module, .syndicate-module, ul.nav.menu, #login-form {

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

    background: transparent;

    border: 1px solid transparent;

    padding: 5px;

    margin: 0px 0px 10px 0px;

        

}





/*ul.nav.menu a{

        color:#4d4d4f;

        font-size: 1.2em;

}
*/













/*------------------------Main kontent

-------------------------------*/



#content {

        padding-top: 40px;

        padding-bottom: 40px;
        
        background: #e3793c;
        color: #ffffff;

}

#content ul {
	margin-left: 20px;
}


.panel-body {

        color: #596268;
}





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


/*
#footer{

        background-color: #4d4d4f;

        padding-top: 70px;

        color:white;

}*/



.colorline {

        height: 10px;

        margin-top: 50px;

        margin-bottom: 30px;

}



#color1{

        background-color: #f88b4d;

}



#color2{

        background-color: #8e0135;

}



#color3{

        background-color: #003964;

}



/*----------------------Eksempler container -------------------*/



.fokus {

        background-color: #e8e8e8;

    padding-top: 20px;

    padding-bottom: 100px;

        margin-top: 30px;

        margin-bottom: 10px;

}





/*.moduletable-ex .carousel-control {

        background-color: red;

}*/





.carousel-control {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 15%;

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: none; 

    background-color: rgba(0,0,0,0);

    filter: alpha(opacity=50);

    opacity: .5;

}

.thumbnail {

    display: block;

    padding: 0px;

    margin-bottom: 0px; 

    line-height: 1.42857143;

    background-color: transparent;

    border: none;

    border-radius: 0px;

    -webkit-transition: border .2s ease-in-out;

    -o-transition: border .2s ease-in-out;

    transition: border .2s ease-in-out;

}





#personale a{

        color:#f88b4d;

        font-weight: 700;

}





.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {

    color: #fff;

    background-color: #f88b4d !important;

    border-color: #f88b4d ;

}



*:focus {outline:none !important}



.btn-default:active .filter-button:active {

    background-color: #f88b4d !important;

    color: white;



}



/* Medium Devices, Desktops */

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

        .left_sidebar{

               display: none;

        }

}





.container-fluid {

        padding-right: 0px;

}





/*------cookies-------------*/





body.cookiewarning {

        padding-bottom: 15em;

}



body div.cookiewarning {

        display: none;

}



body.cookiewarning div.cookiewarning {

        padding: 1em;  

        display: block;

        position: fixed;

        bottom: 0;

        width: 100%;

        z-index: 100;

        background-color: rgba(75, 74, 74, 0.84);

        color: white;

        text-align: center;

}



body .removecookie {

        display: inline-block;

}



body.cookiewarning .removecookie {

        display: none;

}

/*.cookiewarning a {

        color: #f88b4d;

}*/



/*#submenudc li:hover > a {

    background: #F08A36;

}*/



/*#submenudc  li.current > a {

        background: #f88b4d;

        color: #fff;

}



#submenudc ul{

        padding-left: 20px;

}

.nav-child li {

    margin-top: 10px;

    margin-bottom:10px;

    list-style: none;

}



.nav-child a {

   padding-top: 8px;

   padding-bottom: 8px;

   padding-left: 8px;

   padding-right: 8px;

}
*/


.carousel-control.left {  

   background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0)),to(rgba(0,0,0,.0001)));

   /* background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); */

}



.carousel-control.right{

  

    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0)),to(rgba(0,0,0,.0001)));

    /* background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); */

}



  .google-maps {

        position: relative;

        padding-bottom: 25%; 

        height: 0;

        overflow: hidden;

}



.google-maps iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100% !important;

        height: 100% !important;

}



.contact-info .media {

        border-bottom: 2px solid #f88b4d;

        margin-bottom: 30px;

        padding-bottom: 10px; }



.contact-info .media-left {

    color: #f88b4d;

    font-size: 30px;

    min-width: 50px; }



.contact-info .media-heading {

    font-size: 18px;

    margin-top: 0; }



.contact-info .media-text {

   margin-bottom: 0; }



.toptel a {

        float:right; color:#f88b4d; font-size:1em; font-weight:700; padding-bottom: 5px;padding-top: 20px;

}





/* Extra Small Devices, Phones */ 

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

.toptel a {

        float:none; 

        padding-left: 25%;

        margin-bottom: 10px;

}



.toptel {

        margin-bottom: 10px;

}

    }





/*----------------------bottom  link-------------*/





.knap {

        color:#fff;

        background-color: #f88b4d;

        padding: 10px 15px;

}

.readmore a.btn {
        color:#fff !important;

        background-color: #f88b4d !important;

        padding: 10px 15px;
        border-radius: 0px !important;
        
}



.knap:hover {

        color:#fff;

        background-color: #4d4d4f;

        text-decoration: none;

}


/* -------- HOT SPOT - SØNDER SØ - RUTEN ------------ */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.map {
  margin:0px;
  border: none;
  position: relative;
  display: inline-block;

}

.map img {
  max-width:100%;
  display: block;
}

@media screen and (min-width: 480px) {

.box {
  width:5%;
  height:5%;
  background-image:   url(http://www.clker.com/cliparts/W/0/g/a/W/E/map-pin-red.svg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
        
        #pin-1 {
  top:80%;
  left:65%;
}

#pin-2 {
  top:67%;
  left:72%;
}

#pin-3 {
  top:79%;
  left:34%;
}

#pin-4 {
  top:22%;
  left:58%;
}

#pin-5 {
  top:15%;
  left:88%;
}

#pin-6 {
  top:75%;
  left:71%;
}

        
        .pin-text {
  position: absolute;
  top:-50%;
        z-index: 99999;
  transform:translateY(-25%);
  left:-300%;
  white-space:nowrap;
  display: none;
        background: #fff;
        padding: 5px 5px 10px 5px;

}
        }

@media only screen and (max-width : 480px) {
.box {
  width:12%;
  height:12%;
  background-image:   url(http://www.clker.com/cliparts/W/0/g/a/W/E/map-pin-red.svg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
        
        #pin-1 {
  top:75%;
  left:61%;
}

#pin-2 {
  top:67%;
  left:68%;
}

#pin-3 {
  top:74%;
  left:31%;
}

#pin-4 {
  top:22%;
  left:51%;
}

#pin-5 {
  top:15%;
  left:85%;
}

#pin-6 {
  top:73%;
  left:67%;
}

        .pin-text {
  position: absolute;
  top:-50%;
        z-index: 99999;
  transform:translateY(-25%);
  left:-210%;
  white-space:nowrap;
  display: none;
        background: #fff;
        padding: 5px 5px 10px 5px;

}
}


.box:hover > .pin-text {
  display: block;
}


.pin-text h3 {
    color:white;
    text-shadow: 1px 1px 1px #000;}