/**
 * @description: Reset styles
 * @filename: reset.css
 * @source: http://meyerweb.com/eric/tools/css/reset/
 */
 /**
 * @description: Basic styling used over the whole site.
 * @filename: basic.css
 * @source: http://positioniseverything.net/easyclearing.html
 */

div.eniro {
    color: #0f3244;
    font: normal 81.25% / 1.3 Arial, Helvetica, sans-serif;
    position: relative
}

.eniro h1,
.eniro h2,
.eniro h3,
.eniro h4 {
    font: bold 1em / 1.1 Arial, sans-serif, Geneva, helvetica, Verdana;
}

.eniro h1 {
    font-size: 1.3em;
}

.eniro a:link {
    color: #045BAC;
}

.eniro a:visited {
    color: #045BAC;
}

.eniro a:hover {
    color: #045BAC;
    text-decoration: underline;
}

.eniro a:active {
    color: #045BAC;
}

.eniro img {
    border: 0;
}

.eniro table {
    border-collapse: collapse;
}

.eniro fieldset {
    border: none;
}

.eniro input,
.eniro textarea {
    font: 1em Verdana, Arial, Geneva, helvetica, sans-serif;
}

.eniro input[type=text],
.eniro input[type=password] {
    border: 1px solid #acb3b5;
    background: #f8f8f8;
    padding: 3px;
}

/* IE6 does not understand this selector if it is bundled with the above */
.eniro input.eniro-input-text {
    border: 1px solid #acb3b5;
    background: #f8f8f8;
    padding: 3px;
}

.eniro legend {
    color: #0f3244;
}

.eniro .eniro-strong {
    font-weight: 700;
}

.eniro label input {
    margin: 0 3px 0 0;
    vertical-align: text-bottom;
}

/* http://www.webaim.org/techniques/css/invisiblecontent/ */
/* Use the css to specify the screen reader logics instead */
.eniro-screen-reader,
.eniro legend * {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.eniro legend .eniro-show {
    position: static;
    left: auto;
    width: auto;
    height: auto;
    overflow: visible;
}

.eniro-button {
    background: transparent url(../media/sprite.png) no-repeat 0 -266px;
    position: relative;
    border: 0;
    padding: 0 0 0 2px;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

.eniro-button::-moz-focus-inner { /* overrides extra padding and borders in Firefox */
    padding: 0;
    border: none;
}

.eniro-button span {
    background: transparent url(../media/sprite.png) no-repeat 100% -266px;
    position: relative;
    display: block;
    white-space: nowrap;
    line-height: 22px;
    padding: 0 9px 0 7px;
    font-size: 1em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */
    .eniro-button span {
        margin-top: -1px;
    }
}

.eniro-two-col {
    overflow: hidden;
}

.eniro-col-1 {
    float: left;
    display: inline;
    width: 46%;
}

.eniro-col-2 {
    width: 47%;
    padding-left: 3%;
    border-left:1px solid #e5e5e5;
}

.eniro-two-col label {
    margin-bottom: 3px;
    display: block;
}

.eniro-nowrap {
    white-space: nowrap;
}

div.olMap {
	z-index: 0;
    padding: 0px!important;
    margin: 0px!important;
    cursor: default;
    height: 100%;
}

div.olMapViewport {
    text-align: left;
}

div.olLayerDiv {
   -moz-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;  
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;   
}
.olControlAttribution {
    font-size: smaller; 
    right: 3px; 
    bottom: 4.5em; 
    position: absolute; 
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
} 

div.olControlMousePosition {
    bottom: 0em;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
    right: 0px;
    bottom: 80px;
}    

.olControlOverviewMapMaximizeButton {
    right: 0px;
    bottom: 80px;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}    
.olControlNavToolbar { 
    width:0px;
    height:0px;
}    
.olControlNavToolbar div { 
  display:block;
  width:  28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}

.olControlNavigationHistory {
   background-image: url("img/navigation_history.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;

}
.olControlNavigationHistoryPreviousItemActive { 
  background-position: 0px 0px;
}
.olControlNavigationHistoryPreviousItemInactive { 
   background-position: 0px -24px;
}
.olControlNavigationHistoryNextItemActive { 
   background-position: -24px 0px;
}
.olControlNavigationHistoryNextItemInactive { 
   background-position: -24px -24px;
}

.olControlNavToolbar .olControlNavigationItemActive { 
  background-image: url("img/panning-hand-on.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive { 
  background-image: url("img/panning-hand-off.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemActive { 
  background-image: url("img/drag-rectangle-on.png");
  background-color: orange;
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive { 
  background-image: url("img/drag-rectangle-off.png");
  background-repeat: no-repeat;
}
.olControlEditingToolbar  {
    float:right;
    right: 0px;
    height: 30px; 
    width: 200px;
}
.olControlEditingToolbar div { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  float:right;
  width:  24px;
  height: 24px;
  margin: 5px;
}
.olControlEditingToolbar .olControlNavigationItemActive { 
  background-position: -103px -23px; 
}
.olControlEditingToolbar .olControlNavigationItemInactive { 
  background-position: -103px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive { 
  background-position: -77px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { 
  background-position: -77px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { 
  background-position: -51px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive { 
  background-position: -51px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { 
  background-position: -26px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { 
  background-position: -26px -23px ;                                                                   
}
.olControlSaveFeaturesItemActive { 
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
.olControlSaveFeaturesItemInactive { 
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}   

.olControlPanPanel {
    top: 10px;
    left: 5px;
}  

.olControlPanPanel div {
    background-image: url(img/pan-panel.png);
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0px;
    left: 9px;
    background-position: 0px 0px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0px;
}
.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0px;
    background-position: 0px 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
} 

.olControlZoomPanel div {
    background-image: url(img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0px;
    background-position: 0px -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0px;
    background-position: 0px 18px;
}

.olPopupCloseBox {
  background: url("img/close.gif") no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
 -moz-user-select: none;
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}
/**
 * @description: Internet explorer
 * @filename: ie.css
 * @important: Internet explorer 6, filter and hasLayout issues should only exist within this file.
 */

.eniro * {
    zoom: 1;
}
* html .olPopup,
* html .olPopup * { /* IE6 needs this as otherwise the popups become the max size set in the popup class... */
    zoom: normal;
}
.olPopupContent {
    padding: 0; /* Do NOT add padding to this element. Add padding to your own element inside this element, otherwise some math gets weird in regards to closebox in OL */
    overflow: auto;
}

.olPopupCloseBox {
  background: url("../media/popup/close-popup.png") no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 0; /* Do NOT add padding to this element. Add padding to your own element inside this element, otherwise some math gets weird in regards to closebox in OL */
    overflow: auto;
}

.eniro-headingpopup-header {
    font-size: 1.1em;
    font-weight: bold;
}

.eniro-aggregatedpopupresultitem-listItem {
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom:1px solid lightgray;
}


.eniro-aggregatedpopupresultitem-listItem.selected,
.eniro-aggregatedpopupresultitem-listItem.hover,
.eniro-aggregatedpopupresultitem-listItem:hover {
    background-color:#f5f5f5;
}


.eniro-popup-title {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding-right: 11px;
    padding-bottom: 3px;
}

.eniro-popup-tel {
    display: block;
    white-space: nowrap;
    font-weight: bold;
    line-height: 1.5;
    padding-right: 11px;
}

.eniro-popup-address {
    display: block;
    padding-right: 11px;
}

.eniro-popup-links {
    display: block;
    padding-top: 5px;
    padding-right: 11px;
}
/**
 * @description: Handles the presentation of the ControlBar
 * @filename: controlbar.css
 */

.eniro-controlbar {
    position: absolute;
    z-index: 1000;
    height: 0;
    top: 0;
    left: 0;
    width: 100%;
}

.eniro-controlbar-bottom {
    position: absolute;
    top: auto;
    bottom: 65px;
    width: 100%;
}

.eniro-controlbar-underlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent url(../media/sprite.png) 0 0 repeat-x;
    z-index: 1001;
    height: 42px;
}

* html .eniro-controlbar-underlay {
    background: #b9d2da;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha( opacity = 80);
    border-bottom: solid 1px #a9afb0;
    height: 35px;
}

.eniro-controlbar-bottom-underlay {
    border-top: solid 1px #b8d1d9;
    background-color: #e6eff1;
}

.eniro-controlbar-area {
    position: relative;
    z-index: 1002;
}

.eniro-controlbar-bottom-underlay {
    top: -1px;
    bottom: auto;
}

.eniro-controlbar-left {
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    padding-right: 10px;
    padding-left: 5px;
    width: 348px;
}

div.eniro-controlbar-center {
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 10px;
}

/* Horizontal centering, source: http://www.zoffix.com/zoffix/css/center.shtml */
.eniro-controlbar-area {
    text-align: center;
}
.eniro-controlbar-area * {
    text-align: left;
}
.eniro-controlbar-center {
    display: inline-block;
}
.eniro-controlbar-center {
    display: inline;
}
.eniro-controlbar-center {
    display: table;
}

.eniro-controlbar-right {
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.eniro-controlbar a {
    text-decoration: none;
    white-space: nowrap;
}
/**
 * @description: Handles the presentation of a ButtonBar control
 * @filename: buttonbar.css
 */

div.eniro-buttonbar {
    float: left;
    display: inline;
    padding-left: 7px;
    background-color: transparent;
    background-image: url(../media/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -315px;
}

div.eniro-buttonbar-inner {
    float: left;
    display: inline;
    padding-right: 7px;
    background-color: transparent;
    background-image: url(../media/sprite.png);
    background-repeat: no-repeat;
    background-position: 100% -351px;
}

.eniro-buttonbar-buttons {
    padding: 0 2px;
    float: left;
    display: inline;
    margin: 0;
}

.eniro-buttonbar-button {
    cursor: pointer;
    float: left;
    display: inline;
    position: relative;
}

.eniro-buttonbar-button a,
.eniro-buttonbar-button a span {
    float: left;
    line-height: 24px;
    display: inline;
    font-weight: bold;
    text-align: center;
    background-color: transparent;
    background-image: url(../media/sprite.png);
    background-repeat: no-repeat;
    background-position: 100px 100px;
    padding-bottom: 2px;
}

.eniro-buttonbar-button a {
    position: relative;
    color: #ffffff;
    font-size: 0.925em;
}

.eniro-buttonbar-button a span {
    min-width: 10px;
    padding: 0 5px;
    color: #ffffff;
}
* html .eniro-buttonbar-button a span {
    width: 10px;
}

.eniro-buttonbar-button a:hover {
    color: #ffffff;
    background-position: 100% -513px;
}

.eniro-buttonbar-button a:hover span {
    background-position: 0 -481px;
}

.eniro-buttonbar-button-selected,
.eniro-buttonbar-button-selected a,
.eniro-buttonbar-button-selected a span {
    cursor: default;
    color: #006699;
}

.eniro-buttonbar-button-selected a,
.eniro-buttonbar-button-selected a:hover {
    background-position: 100% -433px;
}

.eniro-buttonbar-button-selected a span,
.eniro-buttonbar-button-selected a:hover span {
    background-position: 0 -401px;
}

.eniro-buttonbar-button-disabled,
.eniro-buttonbar-button-disabled a,
.eniro-buttonbar-button-disabled a span {
    cursor: default;
    color: #b2b2b2;
}

.eniro-buttonbar-button-disabled a,
.eniro-buttonbar-button-disabled a:hover {
    background-position: 100px 100px;
}

.eniro-buttonbar-button-disabled a span,
.eniro-buttonbar-button-disabled a:hover span {
    background-position: 100px 100px;
}

.eniro-buttonbar-button .expandable-region {
    display: none;
}
.eniro-buttonbar-button-selected .expandable-region {
    display: block;
}

/**
 * Layer bar
 */
.eniro-layerbar-divider {
    background: transparent url(../media/sprite.png) 100% -311px no-repeat;
    width: 2px;
    height: 18px;
    margin: 3px 2px 0 2px;
}
.EniroScaleLine {
    position: static;
    font-size: 0.85em;
    margin-top: 1px;
    line-height: 1;
}

.EniroScaleLineBottom {
    border: solid 2px black;
    border-bottom: none;
    margin-top:-2px;
    text-align: center;
}

.EniroScaleLineTop {
    border: solid 2px black;
    border-top: none;
    text-align: center;
}
/**
 * @description: Handles the presentation of the ZoomBar control
 * @filename: zoombar.css
 */

div.eniro-zoombar {
    position: relative;
    float: left;
    display: inline;
    padding: 0 34px;
	background: none;
}

div.eniro-zoombar-inner {
    padding: 0;
    background-position: -150px -773px;
}

.eniro-zoombar-buttons {
    padding: 0 8px;
}

.eniro-zoombar-zoom-in,
.eniro-zoombar-zoom-out {
    padding: 0;
    height:28px;
    width:34px;
    position: absolute;
    overflow:hidden;
    background-color: transparent;
    background-image: url(../media/sprite.png);
    background-repeat: no-repeat;
}

.eniro-zoombar-zoom-out {
    top: 0;
    left: 0;
    background-position: 0 -826px;
}

.eniro-zoombar-zoom-in {
    top: 0;
    right: 0;
    background-position: 100% -826px;
}

.eniro-zoombar-button a,
.eniro-zoombar-button a span {
    line-height: 26px;
}

.eniro-zoombar-button a:hover {
    background-position: 100% -929px;
}

.eniro-zoombar-button a:hover span {
    background-position: 0 -929px;
}

.eniro-zoombar-button-selected a,
.eniro-zoombar-button-selected a:hover {
    background-position: 100% -879px;
}

.eniro-zoombar-button-selected a span,
.eniro-zoombar-button-selected a:hover span {
    background-position: 0 -879px;
}
#header-no {
    background-image: url(../media/bg-head.gif);
    background-repeat: repeat-x;
    margin: 0;
    padding-top: 0;
    width: 100%;
    height: auto;
    min-width: 950px;
    border-bottom: 1px solid #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Toppfelt */
#mapTop {
    width: 100%;
    min-width: 950px;
    height: 43px;
    /*overflow:hidden;*/
}

#header-no .logo {
    text-align: center;
    float: left;
}

#header-no .logo img {
    display: block;
}

.yellowFill {
    width: 100%;
    overflow: hidden;
}

#hovedfaner {
    float: left;
    overflow: hidden;
    margin: 0 0 0 20px;
    padding: 0px;
}

#hovedfaner li {
    display: inline;
    float: left;
    padding: 11px 12px 12px 7px;
    font-size: 14px;
}

#hovedfaner li.aktiv_gs {
    background-image: url(../media/bg_aktiv_gs.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    font-weight: bold;
}

#hovedfaner li.aktivt {
    background-color: #BDD924;
    font-weight: bold;
}

#hovedfaner li a {
    text-decoration: underline;
    color: #333333;
}

#hovedfaner p {
    float: right;
    padding: 4px 0 2px 10px;
    margin-right: 2px;
}

#hovedfaner li.aktiv_gs a {
    text-decoration: none;
}

#mapTop .rigthLink {
    width: 150px;
    float: right;
    margin-right: 10px;
    padding: 15px 0 4px 0;
    text-align: right;
    white-space: nowrap;
    font-size: 84.8718%;
}

* html .eniro-no .eniro-controlbar-underlay {
    background: #ffffff;
}

.eniro-no .eniro-showonmapcontrol-list {
    border-left: solid 1px #282828;
    border-right: solid 1px #282828;
    border-bottom: solid 5px #282828;
    background-color: #444444;
}

.eniro-no .eniro-rightclickhandler .eniro-menuitem:hover > a,
.eniro-no .eniro-obliquelayerbarbutton a:hover {
    background: #3c3b39;
}

.eniro-no .eniro-routeform-form,
.eniro-no .eniro-searchtab-search-form {
    border-bottom: solid 4px #3c3b39;
}

.eniro-no .eniro-streetviewlayerbarbutton a:hover {
    background: #3c3b39;
}

.eniro-no .eniro-buttonbar-button-selected,
.eniro-no .eniro-buttonbar-button-selected a,
.eniro-no .eniro-buttonbar-button-selected a span {
    color: #535353;
}

.eniro-no .eniro-tabnavigator-item a {
    color: #262626;
}

.eniro-no a.eniro-tabnavigator-item-nohits {
	color: #B2B2B2;
}

.eniro-no .eniro-tabnavigator-item-selected a {
    color: #000000;
}

.eniro-no .eniro-searchresulttab-company,
.eniro-no .eniro-searchresulttab-person,
.eniro-no .eniro-searchresulttab-address {
    border-left: solid 4px #3c3b39;
}

.eniro-no .eniro-footer a,
.eniro-no .eniro-footer span {
    padding-left: 0;
}

.eniro-no span.eniro-footer-copyright {
    padding-left: 10px;
}

.eniro-no .eniro-controlbar-zoom-bottom,
.eniro-no .eniro-controlbar-footer-bottom {
    margin-bottom: 7px;
}
/**
 * @description: API-specfic CSS-overrides (more specific than reset).
 * @filename: api_overrides.css
 */
 .eniro-controlbar-underlay {
    height: 17px;
 }
 
 .eniro-oblique-copyright {
    position: absolute;
    bottom: 15px;
    left: 0;
    padding: 7px;
    z-index: 900;
    display: none;
    font-weight: bold;
}

