:root {
  --main-login-color: #385494;
  --main-account-color: #075f16;
  --main-logout-color: #454545;
  --main-LOGO-color1: #606da5;
  --main-success-color: #056605;
}

.loginMenu hr {
    background-color:var(--main-LOGO-color1) !IMPORTANT;
}
.btn-success {
    background-color: #056605 !important;
}
.btn-success:hover {
    background-color: #4cae4c !important;
}
.btn-warning{
    background-color: var(--main-logout-color) !IMPORTANT;
    border-color: var(--main-logout-color) !IMPORTANT;
}
.btn-info{
    background-color: var(--main-login-color) !IMPORTANT;
    border-color: var(--main-login-color) !IMPORTANT;
}
.loginMenu > div:nth-of-type(2) >a.btn-info:first-of-type {
    background-color: var(--main-account-color) !IMPORTANT;
    border-color: var(--main-account-color) !IMPORTANT;
}

.loginBoxMenu{
    padding: 10px;
    border-radius: 5px;
    display: flex;
    margin-top: 6px;
    flex-direction: column;
    align-items: flex-end;
}

h4 {

margin-top:30px;

}

.imgBigFrame {



    margin-top: 20px;
    border: #EEE 10px solid;
     border-radius: 10px;

}












#divDesktopMenu ul {
    float:right;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
;
    margin-top:10px;
    width:100%;
margin-bottom: 0;
}

#divDesktopMenu li {
    padding:5px 10px 5px 10px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;


}

#divDesktopMenu ul.smalMenu  li {
    padding:5px 5px 0px 10px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;


}



#divDesktopMenu li a {
    font-size:16px;

    color:#000;
    text-decoration:none;
    font-weight:bold;


    cursor:pointer;

    }
    
  #divDesktopMenu ul.smalMenu li a {
    font-size:14px;

    color:#000;
    text-decoration:none;
 font-weight:normal;

    cursor:pointer;

    }  
  #divDesktopMenu ul.smalMenu {
   margin-top:0;

    }  
    
    
#divDesktopMenu li:hover
{
    background-color:#EEE;
    

}

#divMobileMenu ul {
   
    margin-top:10px;
    width:100%;

}

#divMobileMenu li {
    padding:10px 10px 5px 10px;
   
    list-style-type:none;
    margin-top:5px;

}



#divMobileMenu li a {
    font-size:18px;
 
    color:#000;
    text-decoration:none;



    cursor:pointer;

    }
    
#divMobileMenu li:hover
{
    background-color:#EEE;
    

}




#divNavBarMenu {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
























#footer
{
    
     border-top: 5px solid gray;
       background-color: #EEE;
    
    
}





















#panorama {
    border-bottom: 5px solid #49423b;
         border:3px solid #606da5;

  background: url(https://cdn.hsystemcontent.com/images/52831.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    height: 400px;

}


#layout-panorama {
    height: 100%;
      
}


.discover-wrapper {
    
        box-shadow: rgb(96 109 165) 0px 8px 47px;
    display: flex;
    margin: 20px;
    background-color: #606da5;
    height: 200px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
 
    height: 200px;

}

.discover-wrapper .header {
    font-family: 'Antic Didone', serif;
    font-size: 25pt;
    margin-top: 20px;
  padding: 0 40px;
  color:#f8f8f8;
}


.discover-wrapper .below-header {
  padding: 0 40px;
    font-size: 18pt;
    margin-top: -5px;
}

.discover-wrapper .text {
    padding: 0 40px;
    margin-top: 15px;
    line-height: initial;
    color:#f8f8f8;
}

.discover-wrapper .coordinates {
    margin-top: 24px;
    padding: 0 40px;
}


#selectbtn{
    font-size: larger;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#selectbtn:hover{
    background-color: #fefeff !important;
    color: #606da5;
}

#valkommen{
    font-size: large;
    color:#606da5;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #81a4b1;
    background-image: -moz-linear-gradient(top, #81aab1, #819ab1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#81aab1), to(#819ab1));
    background-image: -webkit-linear-gradient(top, #81aab1, #819ab1);
    background-image: -o-linear-gradient(top, #81aab1, #819ab1);
    background-image: linear-gradient(to bottom, #81aab1, #819ab1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff81aab1', endColorstr='#ff819ab1', GradientType=0);
    border-color: #819ab1 #819ab1 #58748e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    margin-bottom:10px;
}




































.img-frame
{
    
  border:8px solid #f9f9f9 !important;
}

.puff  a:hover,.puff  a:visited,.puff  a:link,.puff  a:active{

    color:black;
  text-decoration: none;
}




.puff img {

    padding: 0;
    border: #EEE 5px solid;
}

.puff h2 {
    font-size: 1.231em;
     color: #606da5;

    text-transform: uppercase;
}


hr.areaDivider {
    height: 0px;
    width: 936px;
    max-width: 100%;
    border: 0;
    border-top: 1px solid #c1baab;
    border-bottom: 1px solid #fbfbfb;
    margin: 60px auto;
}

#divTabContent_Map{
        box-shadow: rgb(41 47 106) 0px 1px 3px, rgb(41 47 109) 0px 1px 2px;
}

@media only screen and (max-width: 600px) {
  .discover-wrapper {
margin:-30px;}
}