/* fonts.googleapis.com.Montserrat cyrillic-ext */

/* cookieconsent.min */


/* fonts.googleapis.com.Montserrat cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cookieconsent.min */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/* HTML, Menu */

/* OpenLayers */


html, body {
	
  width:100%;
  height: 100%;
  margin: 0;

  padding: 0;

  line-height: 1.5;
  font-family: "Montserrat", sans-serif;
  font-size: 13.5px;
  overflow-x: hidden;
}

@media only screen and (Xmax-width:620px) {
  .venstrePanel, .midterPanel, .fuldtPanel, .kortPanel, .hoejrePanel {
    width:100%;
  }
  #restbannerbillede {
    display: none;
  }
}
* {
  box-sizing: border-box;
}
.hovedPanel:-moz-full-screen {
   height: 100%;
}
.hovedPanel:-webkit-full-screen {
  height: 100%;
}
.hovedPanel:-ms-fullscreen {
  height: 100%;
}
.hovedPanel:fullscreen {
  height: 100%;
}
.hovedPanel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  float:left;
  width: 100%;
  height: 100%;
}

table.controls td {
  padding: 2px 5px;
  min-width: 120px;
}

#logo { 
  width:220px; 
}

.hoejrePanel {
  position: absolute;
  left: 1010px;
  width: 220px;
}
#venstrePanel {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 220px;
  height: max-content;
}
#hovedMenu {
  float:left;
  width:220px;
  border: 0px;
  border-top: 1px;
  border-style: solid; 
  border-color: #fff; 
  font-size: 13px;
}
#venstreRubrikker {
  position: relative;
  float:left;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.midterPanel {
  position: absolute;
  float:left;
  top: 0;
  min-height:100%;
  max-width:980px;
  min-width:317px;
 /*  min-width:400px;
  max-width:790px; */
}
.signatur {
  position: absolute;
  float: left;

  bottom: 0px;
  width: 100%;
  height: 75px;
  color:#fff;
  background:#880b0b;
  text-align:center;
  padding-bottom: 10px;
  font-size: 10px;
  display: none;
}
  #logo {
    background : url(../../_res/kv/img/kortviserenlogo220x220.png) no-repeat;
    height: 220px;
  }
  #hovedMenu {
    display: block;
    position: none;
  }
  .venstreRubrikker {
    display: block;
  }
  .venstrePanel {
    display: block;
  }

.venstreP {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 220px;
  height: 100%;
  float: left;
  background: #444444;
  z-index: -1;
  display: block;
}
indhold {
  float:left;
  position: relative;
  width:100%;
  padding: 40px 10px 75px 20px;
}
banner {
  position: relative;
  float:left;
  top: 0px;
  left: 0px;
  width:100%;
  height: 220px;
  //background-color: #999999;
  overflow:hidden;
  padding-left: -10;
}
#vbanner,
bannerbillede {
  position: absolute;
  //top: 110px;
  //right: calc(-10% - 200px);
  right: 0px;
  //width:360px;
  height: 220px;
  //background-color: #ff0400;
  //background-image: url(../img/banner/banner0a.jpg); 
 
}
bannertitel {
  position: absolute;
  top: 60px;
  left: 0px;
  font-size: 32px;
  //max-width:70%;
  color: #fff;
  background-color: #999;
  padding: 10px 10px 10px 20px;
  margin-left: -10px;
}
bannersubtitel {
  position: absolute;
  top: 140px;
  left: 0px;
  font-size: 12px;
  max-width:60%;
  background-color: #eee;
  //color: #fff;
  margin-left: 10px;
  padding: 10px 10px 10px 10px;
}
#hbanner,
#restbannerbillede {
  position: relative;
  //left: 220px;
  float:left;
  //width:220px;
  margin-bottom: 60px;
  display: none;
}

.hoejreSpalte {
  //padding-left: 20px;
  margin-left: 20px;
  //padding: 20px;
  //background: #a0a;
  //padding-top : 40px;
//width:200px;
  //position: relative;
  float:left;
  text-align:center;
}
#hoejreAnoncer {
  //margin-left: 10px;
  //width:200px;
  //background: #a0a;
  //padding-top : 40px;
}
.hoejreRubrik{
  position: relative;
  float:left;
  width:220px;
  //height: 650px;
  text-align:center;
}
.anoncerubrik {
  width:200px;
  font-size: 0px;
  text-align:center;
  float:left;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rubrik {
  width:200px;
  font-size: 0px;
  text-align:center;
  float:left;
}
.rubrikmedkant {
  width:200px;
  background: #fff;
  border-width: 1px;
  border-style: solid; 
  border-color: #333; 
  padding:5px; 
  font-size: 12px;
  text-align:center;
  float:left;
}
.rubrikmedkant a {
  background-color: #fff!important;
  //color: #fff;

  padding: 0px!important;
  //text-decoration: none; 
}
.anoncer {
  padding: 10px 10px 10px 10px; 
}
.venstreSignatur {
  //float: left;

  //position: absolute;//relative;
  //position: relative;
  //position: static;
  position: fixed;//inherit;
  bottom: 0px;
  width: 220px;
  float: left;

  height: 75px;
  background:#880b0b;
  color:#fff;
  text-align:center;
  padding-bottom: 10px;
  font-size: 10px;
}
.xsignatur {
  float: left;

  width: 100%;
  //width:calc(100% - 440px);
  height: 80px;
  background:#880b0b;
  color:#fff;
  text-align:center;
  //padding: 0px 220px 0px 220px;
  //margin-right: 220px;

  //margin-left: 220px;

  font-size: 12px;
}
.fixedVenstreSignatur a:visited,
.venstreSignatur a:visited,
.signatur a:visited { 
  color: #fff;
 
  text-decoration: none;

}

.fixedVenstreSignatur a:hover,
.venstreSignatur a:hover,
.signatur a:hover, a:active, a:focus { 
  text-decoration: none;

  font-weight: bold;
}

.fixedVenstreSignatur a:link,
.venstreSignatur a:link,
.signatur a:link {
  color: #fff;
	
  text-decoration: none; 
}
flydhoejre {  
  float: right;

  margin-left: 10px;

  margin-bottom: 10px;


}

flydvenstre { 
  float: left;

  margin-bottom: 10px;

  margin-right: 10px;

}
flydikke { 
  clear: both;

}


a:hover, a:active, a:focus { 
  text-decoration: none;

  //opacity: .9;
}

a img { 
  border: none;

  //background-color: #fff;
}

a:link {
  color: #4A3;

  text-decoration: none; 
}
a:visited {
  color: #D63;

  text-decoration: none;

} 

a:hover, a:active, a:focus { 
  text-decoration: none;

  //opacity: .9;
}

a img { 
  border: none;

}

#hovedMenu ul{
  list-style: none; 
  //margin-left: -40px; 
  background: #999999;
  margin-top: 0px;
  margin-bottom: 0px;
}
#hovedMenu ul ul{
  margin-left: 10px;
}
#hovedMenu ul ul ul{
  margin-left: 10px;
}
#hovedMenu ul ul ul ul{
  margin-left: 10px;
}
#hovedMenu > ul { 
  padding: 0; 
}
#hovedMenu a {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 2px;
  padding-left: 16px;
  background-color: #999999;
  margin-bottom: 0px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
#hovedMenu a:hover { 
  font-weight: bold;
}
#hovedMenu .active > a { 
  background-color: #a82b26;
  font-weight: bold;
}

#hovedMenu .closed,
#hovedMenu .opened {
  background-position: 2px 2px;
}
#hovedMenu .closed > a { 
  background-image: url(../img/menu_aabn.png); 
  background-repeat: no-repeat;
}
#hovedMenu .opened > a { 
  background-image: url(../img/menu_luk.png); 
  background-repeat: no-repeat;
}
#fuldskaermKnap {
  position: absolute;
  width: 24px;
  height: 24px;
  color: #fff;
  background: #999999;  
  float: left;
  top:  5px;
  left: 5px;
  font-size: 18px;
  border-width: 0px;
  cursor:pointer;
}
#fuldskaermPanelKnap {
  position: absolute;
  width: 24px;
  height: 24px;
  color: #999999; //#fff;
  background: #fff; //#999999;  
  top:  5px;
  left: -440px;
  font-size: 18px;
  border-width: 0px;
  cursor:pointer;
  display: block;
}
#lukmenuKnap {
  position: absolute;
  width: 24px;
  height: 24px;
  color: #fff;
  background: #999999;  
  top:  35px;
  left: 5px;
  font-size: 18px;
  border-width: 0px;
  cursor:pointer;
}
#lukmenuPanelKnap {
  position: relative;
  color: #999999; //#fff;
  background: #fff; //#999999;  
  top:  35px;
  left: -440px;
  width: 24px;
  height: 24px;
  font-size: 18px;
  border-width: 0px;
  cursor:pointer;
}
#fuldskaermPanelKnap:hover,
#fuldskaermPanelKnap:focus,
#lukmenuPanelKnap:hover,
#lukmenuPanelKnap:focus { 
  //opacity: .85;
  background: #a82b26;
}
#fuldskaermPanelKnap:hover,
#fuldskaermPanelKnap:focus,
#lukmenuPanelKnap:hover,
#lukmenuPanelKnap:focus { 
  //opacity: .85;
  background: #ddd;
}
.visMenu {
  position: absolute;
  top:  35px;
  left:  5px;
}
.skjulMenu {
  position: absolute;
  top:  35px;
  left:  5px;
}
ul, ol, dl { 
  padding: 0; 
}


iframe {  
 border: none;

}

openseadragon-container:active {
    border: none !important;
    outline: 0 !important;
}

#kortPanel {
  position: absolute;
  top: 0;
  right: 0px;
  width:calc(100% - 220px);
  //height: 100%;
  margin-left : 220px;
  //background: #aaa;
}
#kort,
#map {
  width: 100%;
  height: 100%;
  float: left;
}

.ol-box{box-sizing:border-box;border-radius:2px;border:2px solid #00f}
.ol-control:hover{background-color:rgba(255,255,255,.6)}

@media print{.ol-control{display:none}}

.ol-control button{
  display:block;
  margin:1px;
  padding:0;
  color:#fff;
  font-size:1.14em;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  height:1.375em;
  width:1.375em;
  line-height:.4em;
  background-color:rgba(0,60,136,.5);
  border:none;
  border-radius:2px
}
.ol-control button::-moz-focus-inner{border:none;padding:0}
.ol-touch .ol-control button{font-size:1.5em}
.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}

.ol-zoom{top:.5em;left:.5em}
.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}
.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}

.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}
.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}
.ol-control button {
  background: #880b0b;
  color: #fff;
  cursor:pointer;
  font-size: 18px;
} 
.ol-control button:hover,
.ol-control button:focus { 
  opacity: .85;
  //background: #fff;
  background: #880b0b;
}
.ol-full-screen {   
    top:  5px;
    left: 5px;
    right: inherit; 
    display: block;
}
.ol-zoom {
    top: 65px;
    left: 5px;
}
.ol-attribution.ol-unselectable
{
  position : absolute;
  right    : 8px;
  bottom   : 5px;
  //top      : 5px;
  //bottom   : inherit; 
}

ol-attribution.ol-unselectable ul{
  position : absolute;
  right    : 55px;
  bottom   : 55px;
  //top      : 5px;
  //bottom   : inherit; 
}

.ol-attribution{
  text-align:right;
  bottom:5px;
  right:55px;
  max-width:calc(100% - 1.3em)
}
.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}
.ol-attribution li{display:inline;list-style:none;line-height:inherit}
.ol-attribution li:not(:last-child):after{content:" "}
.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}
.ol-attribution button,.ol-attribution ul{display:inline-block}
.ol-attribution.ol-collapsed ul{display:none}
.ol-attribution.ol-logo-only ul{display:block}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}
.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}
.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}
.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}
.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button{display:none}

.xol-mouse-position{top:8px;right:8px;position:absolute}
.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}
.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}
.ol-zoom-extent{top:4.643em;left:.5em}
.ol-zoom-extent button{line-height:1.4em}
.ol-touch .ol-zoom-extent{top:5.5em}
.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}
.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}
.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}
.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}
.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}
.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}
.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}
.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}
.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}
.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}

#indstillinger {
  background: #bbb;
  padding: 2px 0px 0px 5px;
  //border-top: 4px solid #880b0b;
  //border-bottom: 2px solid #666;
}
.musePosition,
#musePosition,
.custom-mouse-position {
  font-size: 12px;
  width  : 140px;
  padding: 1px 4px 0px 2px;
  //margin: 0px 2px 0px 0px;
  vertical-align: 3px;
  text-align: right;
  //float: left;
  background : #bbb;
  border: none;
  cursor:pointer;
}
#nyKnap {
  width  : 16px;
  height : 16px;
  border: none;
  background : url(../img/fbhover.png) no-repeat top left;
  cursor:pointer;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
#nyKnap:hover {
  background : url(../img/fbhover.png) no-repeat top left;
}
#gemKnap {
  float  : right;
  width  : 16px;
  height : 16px;
  border: none;
  background : url(../img/gem16.png) no-repeat top left;
  cursor:pointer;
  //padding: 0px 0px 0px 0px;
  margin: 2px 3px 0px 0px;
}
#gemKnap:hover {
  background : url(../img/gem16.png) no-repeat top left;
}
#fbKnap {
  float  : right;
  width  : 16px;
  height : 16px;
  border: none;
  background : url(../img/fb.png) no-repeat top left;
  cursor:pointer;
  //padding: 0px 0px 0px 0px;
  margin: 2px 3px 0px 0px;
}
#fbKnap:hover {
  background : url(../img/fbhover.png) no-repeat top left;
}
#gpsKnap {
  width  : 16px;
  height : 16px;
  border: none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  background : url(../img/gps16graa.png) no-repeat top left;
  cursor:pointer;
}
#gpsKnap:hover {
  background : url(../img/gps16.png) no-repeat top left;
}
#gemKnap {
  width  : 16px;
  height : 16px;
  //font-size: 18px;
  vertical-align: -1px;
  cursor:pointer;
  border: 0px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  //background : url(../img/gem16.png) no-repeat top left;
}
#gemKnap:hover {
  color: #000;
  opacity: .8;
}
#fuldskaermKnap {
  width  : 25px;
  height : 25px;
  background : url(../img/dpil.png) no-repeat;
}
#lukmenuKnap {
  width  : 25px;
  height : 25px;
  background : url(../img/dvpil.png) no-repeat;
}
.kontrolPanel {
  position: absolute;
  right: -220px;
  top:  0px;
  width: 220px;
  max-height: 100%;
  //float: right;
  background: #aaa;
  background:rgba(0,0,0,0.07);
  //opacity: .2;
  overflow: auto;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
.kontrolPanel::-webkit-scrollbar { 
    display: none;  
}
#lukKontrolpanel {
  position: absolute;
  top:  10px;
  right: 5px;
  color: #fff;
  width  : 25px;
  height : 25px;
  border-width: 0px;
  //background: #880b0b;  
  background : url(../img/dhpil.png) no-repeat;
  font-size: 18px;
  cursor:pointer;
}
#lukKontrolpanel:hover,
#lukKontrolpanel:focus { 
  opacity: .80;
  //background: #a82b26;
}
.skjulKontrolpanel {
  top:  5px;
  right: 225px;
}

.visKontrolpanel {
  top:   5px;
  right: 5px;
  //background : url(../img/kortviseren.png) no-repeat;
}
#visKontrolpanel {
  position: absolute;
  color: #fff;
  //background: #880b0b;  
  top:  115px;
  right: 5px;
  font-size: 18px;
  border-width: 0px;
  cursor:pointer;
  width  : 25px;
  height : 25px;
  //background : url(../img/kortviseren.png) no-repeat;
}

#Panelheader {
  position: absolute;
  width: 100%;
  height: 38px;
  color : #fff;
  background: #880b0b;
  padding: 6px 0px 4px 5px;
  //margin-bottom: 5px;
  border-bottom: 1px solid #d7d7d7;
  //box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

#Xekstern
{	width: 216px;
        //height: 100%;
        //padding: 0 0 0 0;
        margin : 0 0 0 0;
}

.KortSkifter {
 	//max-height: calc(100% - 300px);
	width: 100%;
	display:inline-block;
        //color: #fff;
	//background: #880b0b;//#aaa;
	background: #ccc;
	//background: #444;
        //border-width: 1px;
	padding: 48px 0px 0px 0px;
}

.ol-control.ol-layerswitcher {
	position: absolute;
	right: 0.5em;
	top: 3em;
 	//max-height: calc(100% - 6em);
	text-align: left;
	box-sizing: border-box;
	overflow: hidden;//auto;
}
.ol-control.ol-layerswitcher .panel {
	background-color: #fff;
	border-radius: 0 0 2px 2px;
	clear: both;
	display: block; /* display:block to show panel on over */
}

.ol-layerswitcher .panel {
	list-style: none;
	padding: 0 0 0 0;
	margin:0;
	overflow: hidden;
	font-family: Tahoma,Geneva,sans-serif;
	font-size:0.9em;
	-webkit-transition: top 0.3s;
	transition: top 0.3s;
	position: relative;
	top:0;
        //box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.ol-layerswitcher .panel ul {
	list-style: none;
	clear: both;
	//background: #d7d7d7;
	//border-bottom:1px solid #ddd;
}

.ol-layerswitcher input[type="radio"] {
	display:none;
}


.ol-layerswitcher .panel li {
	-weblit-transition: -webkit-transform 0.2s linear;
	transition: transform 0.2s linear;
	clear: both;
	display: block;
	//#border:1px solid transparent;
	box-sizing: border-box;
        padding: 1px 0px 1px 0px;
        //margin: 1px 0px 1px 0px;
	//border-bottom: 1px solid #d7d7d7;
}
.li-content {
  //width: 200px;
  min-height: 14px;
        //padding: 0px 0px 0px 3px;
        //margin: 0px 0px 0px 3px;
}
.ol-layerswitcher .panel li label {
        float 	   : left;
	position: relative;
	display: inline-block;
	height: 1.4em;
	max-width: 185px;
	overflow: hidden;
	white-space: nowrap;
	//text-overflow: ellipsis;
	cursor: pointer;
}

.ol-layerswitcher .panel li li label {
	padding: 0 0 0 20px;
}

.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="checkbox"] + label:before,
.ol-layerswitcher [type="radio"]:checked + label:after,
.ol-layerswitcher [type="checkbox"]:checked + label:after {
        display: none;
}
.ol-layerswitcher label {
//	content: '';
//	background: #ddd;
//	color: #ff0;
//	padding: 0 0 0 0px;
}

li.ol-layer-group,
li.ol-layer-tile {
        width: 220px;
	//height: 22px;
}

.visible.ol-layer-group ,
.visible.li.ol-layer-tile {
        //width: 220px;
	height: auto;
}

.baselayer {
	content: '';
        //padding: 0px 0px 0px 30px;
        //margin : 0 0 0 20px;
	background: #ddd;
	color: #000;
}
.visible.baselayer {
	background: #eee;
	//content: '';
        //padding: 0px 0px 0px 30px;
	//background: #880b0b;
	//color: #fff;
}

.ol-layerswitcher label:before {
}

.ol-layerswitcher label:after {
}

.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="radio"] + label:after {
	border-radius: 50%;
}

.ol-layerswitcher [type="radio"]:checked + label:after
{	background: #4A3 none repeat scroll 0 0;
	margin: 0.3em;
	width: 0.6em;
	height: 0.6em;
}

.ol-layerswitcher [type="checkbox"]:checked + label:after {
  background: transparent;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #4A3;
  width: 0.7em;
  height: 1em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0.55em;
  top: -0.05em;
  box-shadow: 1px 0px 1px 1px #ccc;
}

.ol-layerswitcher .panel li.ol-layer-hidden
{	opacity: 0.6;
}

.ol-layerswitcher.ol-collapsed .panel
{	display:none;
}
.ol-layerswitcher.ol-forceopen .panel
{	display:block;
}
.ol-layerswitcher-buttons0 
{	display:block;
	//position: relative;
	float: left;
	text-align:right;
	padding: 0 5px 0 5px;
        //padding-right: 5px;
}
.ol-layerswitcher-buttons {
	display:block;
	float: left;
        width: 100%;
        height : 20px;
	//max-height: 20px;
	text-align:right;
}
.ol-layerswitcher-buttons > div
{	display: inline-block;
	position: relative;
	cursor: pointer;
	height:1em;
	width:1em;
	margin:1px;
}

.ol-layerswitcher .panel li > div
{	display: inline-block;
	position: relative;
}

.ol-layerswitcher .ol-separator
{	display:block;
	width:0;
	height:1;
	padding:0;
	margin:0;
	background-color: #ddd;
}

.ol-layerswitcher .layerup {
	float: right;
        width  : 14px;
        height : 14px;
        background : url(../img/nspil14.png) no-repeat;
        opacity : .5;
	cursor: ns-resize;
}
.ol-layerswitcher .layerTrash {
        float 	   : left;
	height     : 14px;
        width      : 14px;
        background : url(../img/krydsr14.png) no-repeat;
        opacity    : .5;
}
.ol-layerswitcher .layerExtent {
	height     : 14px;
        width      : 14px;
        background : url(../img/fit14.png) no-repeat;
        opacity    : .5;
}
.ol-layerswitcher .expand-layers {	
        float 	   : left;
	height     : 14px;
        width      : 14px;
        background : url(../img/menu_aabns14.png) no-repeat;
        opacity    : .5;
}
.ol-layerswitcher .collapse-layers {
        float 	   : left;
	height     : 14px;
        width      : 14px;
        background : url(../img/menu_luks14.png) no-repeat;
        opacity    : .5;
}
.ol-layerswitcher .geoTiffSettings {
	margin   : 0px 10px 10px 10px;
	padding   : 5px 10px 5px 10px;
        width      : 200px;
	background: #FFF;
}
.ol-layerswitcher .GeoTIFFkontrol {
	margin   : 0px 5px 0px 5px;
	padding   : 5px 5px 5px 5px;
        width      : 210px;
	background: #FFF;
}
#farveskalaMinLabel,
#farveskalaMaxLabel {
	float	: none;
	width	: 35px;
}

#farveskalaMin,
#farveskalaMax {
	//position:relative;
	//float	: none;
	//height	: 100px;
	width	: 100%;
}
Xol-layerswitcher .farveskalaMin {
	//position:relative;
        //top: 5px;
	//border: 1px solid #666;
	height: 2px;
	//width: 134px;
	box-sizing: border-box;
        //opacity: 0.5;
	border-radius: 3px;
	//background: #33A;
	background: -webkit-linear-gradient(left, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	background: linear-gradient(to right, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.farveskalaMin-cursor {	
        position: absolute;
	//position:relative;
	width: 16px;
	height: 16px;
	top: 39px;
	left: 50%;
	background: #fff;//#a8a8a8;//rgba(200, 200, 200, 1);
	border-radius: 50%;
	border: 1px solid;
	border-color: #888 ;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	//z-index: 1;
}
.farveskalaMax-cursor {	
        position: absolute;
	//position:relative;
	width: 16px;
	height: 16px;
	top: 67px;
	left: 50%;
	background: #fff;//#a8a8a8;//rgba(200, 200, 200, 1);
	border-radius: 50%;
	border: 1px solid;
	border-color: #888 ;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	//z-index: 1;
}
.ol-layerswitcher .kortInfo {
	margin   : 0px 10px 10px 10px;
	padding   : 5px 10px 5px 10px;
        width      : 200px;
	background: #FFF;
        overflow: hidden;
}
.ol-layerswitcher .settingsInfo {
	margin   : 0px 10px 10px 10px;
	padding   : 5px 10px 5px 10px;
        width      : 200px;
	background: #FFF;
}
.ol-layerswitcher .layerInfo {
	background: #DDD;
	border-radius: 100%;
}
.ol-layerswitcher .layerInfo:before {
	color: #000;
	content: "i";
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	width: 1.25em;
	position:absolute;
	left: 0;
	top: 0;
}
.ol-layerswitcher .settingsButton {
	float: right;
	background: #DDD;
	border-radius: 100%;
}
.ol-layerswitcher .settingsButton:before {
	color: #000;
	content: "s";
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	width: 1.25em;
}
.ol-layerswitcher .layerswitcher-opacity {
	position:relative;
        top: 5px;
	//border: 1px solid #666;
	height: 2px;
	width: 134px;
	margin:5px 0px 16px 20px;
	box-sizing: border-box;
        //opacity: 0.5;
	border-radius: 3px;
	//background: #333;
	background: -webkit-linear-gradient(left, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	background: linear-gradient(to right, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.ol-layerswitcher .layerswitcher-digdag {
	position:relative;
	//border: 1px solid #666;
	height: 2px;
	width: 134px;
	margin:5px 5px 10px 40px;
	box-sizing: border-box;
        //opacity: 0.5;
	border-radius: 3px;
	background: -webkit-linear-gradient(left, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	background: linear-gradient(to right, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	background: #333;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.ol-layerswitcher .layerswitcher-kontrast {
	position:relative;
	//border: 1px solid #666;
	height: 2px;
	width: 134px;
	margin:5px 5px 10px 40px;
	box-sizing: border-box;
        //opacity: 0.5;
	border-radius: 3px;
	background: -webkit-linear-gradient(left, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	background: linear-gradient(to right, rgba(60, 60, 60, 0.4), rgba(160, 160, 160, 0.1));
	background: #999;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.ol-layerswitcher .layerswitcher-kontrast  .layerswitcher-kontrast-cursor,
.ol-layerswitcher .layerswitcher-kontrast  .layerswitcher-kontrast-cursor:before,
.ol-layerswitcher .layerswitcher-digdag  .layerswitcher-digdag-cursor,
.ol-layerswitcher .layerswitcher-digdag  .layerswitcher-digdag-cursor:before,
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor,
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {	
        position: absolute;
	//position:relative;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	background: #fff;//#a8a8a8;//rgba(200, 200, 200, 1);
	border-radius: 50%;
	border: 1px solid;
	border-color: #888 ;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	//z-index: 1;
}
.ol-layerswitcher .layerswitcher-kontrast  .layerswitcher-kontrast-cursor:before,
.ol-layerswitcher .layerswitcher-digdag  .layerswitcher-digdag-cursor:before,
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before
{	content: "";
	position: absolute;
	//width: 90%;
	//height: 90%;
}
.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor
{	//width: 14px;
	//height: 14px;
}

.ol-layerswitcher .layerswitcher-opacity-label { 
	display:none;
	position: absolute;
    right: -2.5em;
    bottom: 5px;
    font-size: 0.8em;
}
.ol-layerswitcher .layerswitcher-digdag-label { 
	display:none;
	position: absolute;
    right: -2.5em;
    bottom: 5px;
    font-size: 0.8em;
}
.ol-layerswitcher .layerswitcher-opacity-label::after {
	content:"%";
}

.ol-layerswitcher .layerswitcher-progress
{	display:block;
	margin:-4px 1em 2px 7px;
	width: 120px;
}
.ol-layerswitcher .layerswitcher-progress div
{	background-color: #D63;
	height:2px;
	display:block;
	width:0;
}

.ol-layerswitcher button 
{	color: white;
	background-position: center;
	background-repeat: no-repeat;
	float: right;
	height: 38px;
	width: 38px;
	z-index: 10;
	position: relative;
}

#xol-full-screen-true {
	width: 138px;
  background: #000b0b;
  background : url(../img/kortviseren.png) no-repeat;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv
{	display: block
}
.ol-control.ol-layerswitcher.ol-collapsed .ol-switchertopdiv,
.ol-control.ol-layerswitcher.ol-collapsed .ol-switcherbottomdiv
{	display: none;
}
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switchertopdiv,
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switcherbottomdiv
{	display: block;
}

.ol-control.ol-layerswitcher .ol-switchertopdiv,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv
{	position: absolute;
	top:0;
	left:0;
	right:0;
	height: 45px;
	background: #fff; 
	z-index:2;
	opacity:1;
	cursor: pointer;
	border-top:2px solid transparent;
	border-bottom:2px solid #D63;
//	margin:0 2px;
	box-sizing: border-box;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv
{	top: auto;
	bottom: 0;
	height: 2em;
	border-top:2px solid #D63;
	border-bottom:2px solid transparent;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:before,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before
{	content:"";
	position: absolute;
	left:50%;
	top:50%;
	border:10px solid transparent;
	width:0;
	height:0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity:0.8;
}

.ol-control.ol-layerswitcher .ol-switchertopdiv:hover:before,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:hover:before
{	opacity:1;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:before
{	border-bottom-color: #D63;
	border-top: 0;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before
{	border-top-color: #D63;
	border-bottom: 0;
}

/* drag and drop */
.ol-layerswitcher .panel li.drag
{	opacity: 0.5;
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
}
.ol-dragover
{	background:rgba(51,102,153,0.5);
	opacity:0.8;
}
.ol-layerswitcher .panel li.forbidden,
.forbidden .ol-layerswitcher-buttons div,
.forbidden .layerswitcher-opacity div
{	background:rgba(255,0,0,0.5);
	color:#f00!important;
}

/* cursor management */
.ol-layerswitcher.drag,
.ol-layerswitcher.drag *
{	cursor:not-allowed!important;
	cursor:no-drop!important;
}
.ol-layerswitcher.drag .panel li.dropover,
.ol-layerswitcher.drag .panel li.dropover *
{	cursor: pointer!important;
	cursor: n-resize!important;
	cursor: ns-resize!important;
	cursor: grab!important;
	cursor: grabbing!important;
}

.ol-layerswitcher .panel li.dropover
{	background: rgba(51, 102, 153, 0.5);
}