html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

body {
    font-size: 12px;
    font-family: Verdana, Helvetica, Sans-Serif;
    line-height: 150%;
}

form {
    height: 100%;
    margin: 0;
}

hr {
    color: #0060A9;
    height: 1px;
}

p, td {
    color: #000000;
}

td {
    vertical-align: top;
    border: none 0px white;
}

a {
    color: #E46809;
}

a:hover {
    text-decoration: none;
}

h1 {
    color: #0060A9;
    font-size: 12px;
    font-weight: bold
}

h2 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2px
}

li {
    color: #0060A9;
    font-size: 12px;
    list-style-type: none
}

li a {
    text-decoration: none
}
@media (min-width: 940px) {

    #wrap {
        width: 1200px;
    }
    #main {
        width: 980px;
    }
}

@media (min-width: 560px) and (max-width: 940px) {

    #wrap {
        width: 940px;
    }
    #main {
        width: 720px;
    }
}


@media (max-width: 560px) {

    #wrap {
        width: 560px;
    }
    #main {
        width: 320px;
    }
}

#wrap {
    margin: 0 auto -70px auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#header {
    clear: both;
    width: 100%;
    margin-top: 10px
}

#logo {
    float: left;
    width: 180px;
    padding-left: 10px;
}

#title {
    float: right;
    width: 660px;
    padding-left: 80px;
    padding-top: 30px;
    padding-bottom: 10px;
}

#title-left {
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 10px;
}

#main {
    float: right;
    min-height: 591px;
}

#single-main {
    width: 720px;
    min-height: 591px;
}

#wait {
    position: relative;
    z-index: 1000;
    width: 30px;
    height: 30px;
    left: 340px;
    top: 260px;
    margin-bottom: -30px;
    visibility: hidden;
}

#push {
    clear: both;
    height: 70px;
}

#footer {
    width: 100%;
    height: 70px;
}

#bgPicture {
    background-image: url(images/Bolge_enkel_logo.gif);
    background-repeat: repeat-x;
    border: solid 1px #0060A9;
}

#layoutTable {
    border-collapse: collapse;
    width: 950px;
}

#left {
    float: left;
    width: 200px;
    padding-left: 20px
}

#fullmain {
    min-width: 920px;
    min-height: 591px;
    padding-left: 20px;
    padding-right: 20px;
}

.waitImage {
    background-color: white;
}

.leftCell {
    width: 210px;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.middleCell {
    width: 530px;
    border: solid 1px #0060A9;
}

.bigrightCell {
    width: 728px;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.rightCell {
    width: 210px;
    border: solid 1px #0060A9;
}

.bottomCell {
    border: solid 1px #0060A9;
}

.fineText {
    font-size: 18pt;
    color: #0060A9;
}

.fineSmalltext {
    font-size: 12pt;
    color: #0060A9;
}

.button {
    margin: 3px;
    padding: 3px 5px;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #0093d1;
    background-color: rgb(0, 158, 224);
    text-align: center;
}

.button a {
    border: solid 1px #0060A9;
    color: #0060A9;
    text-decoration: none;
    padding: 2px;
}

.button a:hover {
    color: #0060A9;
    text-decoration: none;
    font-weight: normal;
}

.button a:active {
    color: #0060A9;
    text-decoration: none;
    font-weight: normal;
}

.button a:visited {
    color: #0060A9;
    text-decoration: none;
    font-weight: normal;
}

#menu {
    clear: both;
    width: 100%;
    height: 37px
}

.menuItem {
    color: #0060A9;
    border: 0px;
    text-align: center;
}

.menuItem {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-left: 20px;
}

.menuItem a {
    font-size: 14px;
    color: #0060A9;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
}

.menuItem a:hover {
    color: #E46809;
    text-decoration: underline;
}

.menuItemRight {
    color: #0060A9;
    border: 0px;
    text-align: center;
}

.menuItemRight {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-right: 20px;
    font-size: 12px;
}

.menuItemRight a {
    color: #0060A9;
    text-decoration: none;
    font-weight: normal;
    padding: 0px;
}

.menuItemRight a:hover {
    border: 0px;
    color: #0060A9;
    text-decoration: none;
    font-weight: normal;
    padding: 0px;
}

.menuItemRight a:active {
    border: 0px;
    color: #0060A9;
    text-decoration: none;
    font-weight: normal;
    padding: 0px;
}

.menuItemRight a:visited {
    border: 0px;
    color: #0060A9;
    text-decoration: none;
    font-weight: normal;
    padding: 0px;
}

#toolPanel {
}

.grafbox {
}

.grafdropdown {
    width: 130px;
    font-size: 12px;
}

.avgrensningbox {
    position: relative;
    width: 180px;
    border-bottom: solid 1px #0060A9;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.avgrensningrow {
    width: 100%;
    color: #0060A9;
    font-size: 12px;
    margin-bottom: 3px;
    margin-top: 5px
}

.avgrensningleft {
    width: 100px;
    height: 20px;
}

.avgrensningright {
    position: absolute;
    left: 90px;
    width: 95px;
}

.avgrensningicon {
    margin-left: 3px;
    border: 0px none white;
    float: right
}

.avgrensningtitle {
    font-size: 12px;
    color: #0060A9
}

.avgrensningtextbox {
    width: 90px;
    font-size: 12px;
}

.avgrensningsearch {
    width: 150px;
    font-size: 12px;
}

.avgrensningkalender td {
    font-size: 12px;
    color: #0060A9
}

#search {
    position: relative;
    left: 20px;
    top: 5px;
}

#searchresult {
    position: relative;
    top: 30px;
    padding: 5px;
    border: solid 1px #0060A9;
    margin: 20px
}

#tools {
    width: 100%;
    padding-left: 100px;
}

#content {
    float: left;
    width: 600px;
}

#right {
    float: right;
    width: 120px;
}

.avgrensningOKButton {
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.avgrensningOKButton a {
    border: solid 1px #0060A9;
    color: #0060A9;
    text-decoration: none;
    padding: 2px;
}

.avgrensningOKButton a:hover {
    color: #E46809;
    border-color: #E46809;
    text-decoration: none;
    font-weight: normal;
}

.avgrensningdropdown {
    width: 180px;
    font-size: 12px;
}

.parameterbox {
    position: absolute;
    top: 0px;
    left: 590px
}

.parameterbox td {
    color: #0060A9;
}

.tegnforklaring {
}

.grafbox {
    margin-left: 5px;
}

.kontaktbox {
    font-size: 10pt;
    border-bottom: solid 1px #0060A9;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.progress {
    margin-left: 50px;
    text-align: center;
    font-size: 10pt;
    padding-top: 20px;
    padding-bottom: 10px;
}

.bottomCell {
    text-align: center;
    font-size: 10px;
    color: #0060A9;
    padding: 6px;
}

#identdiv {
    position: absolute;
    z-index: 100;
    background-color: White;
    border: dashed 1px Black;
    visibility: hidden;
}

.identhead {
    font-size: 0.8em;
    background-color: #dddddd;
    border-bottom: solid 1px black;
    width: 220px;
    font-weight: bold;
}

.identtext {
    font-size: 0.8em;
    width: 150px;
}

.identcmd {
    font-size: 0.7em;
    width: 35px;
}

.selectedtabellrow {
    background-color: #0060A9;
}

.selectedtabellrow td {
    color: #ffffff;
}

.tabell {
    width: 100%;
    margin-bottom: 3px
}

.tabellheading th {
    color: #0060A9;
    font-size: 12px;
    border-bottom: solid 1px #0060A9;
    border-right: none;
    border-top: none;
    border-left: none;
}

.tabellrow td, .alttabellrow td, .selectedtabellrow td {
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom: solid 1px #0060A9;
    border-right: none;
    border-left: none;
    border-top: none;
}

.tabellpager td {
    font-size: 14px;
    padding-right: 2px;
    padding-left: 2px;
    margin: 2px;
}

.tabellpagertotal {
    font-size: 12px;
    font-weight: bolder;
    margin-right: 10px;
}

.detaljtabell {
    width: 600px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.detaljrow td {
    font-size: 12px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 3px;
    border-left: dashed 1px #0060A9;
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.detaljheading {
    color: #0060A9;
    border-left-style: none !important;
}

.rss {
    width: 200px;
    border-bottom: solid 1px #0060A9;
    margin: 10px;
    font-size: 11px;
    padding-bottom: 10px;
}

.rss h2 {
    color: #0060A9
}

.breadcrumb {
    position: relative;
    left: 10px;
    padding: 10px;
    font-size: 10px;
    color: #0060A9
}

.header {
    font-size: 12px;
    font-weight: normal;
}

.dropdown {
    font-size: 12px;
    border-color: #0060A9;
    width: 180px;
}

.menyparent {
    font-size: 12px;
    color: #0060A9;
}

.menyleaf {
    font-size: 10px;
}

.menyleaf a:hover {
    text-decoration: underline;
}

#login {
    padding-left: 150px;
    padding-top: 120px;
}

.loginbox {
    width: 120pt;
    margin: 2px
}

.box {
    float: left;
    margin-right: 0.7em;
    margin-top: 0.7em;
    width: 12em;
}

.textbox {
    width: 5em;
}

.heading {
    font-weight: bold;
    font-size: 1em;
}

.label {
    font-size: 0.8em;
}

.stasjonbox {
    font-size: 1em;
}

.buttonbox {
    float: left;
    margin-right: 0.7em;
    margin-top: 0.7em;
    width: 12em;
    text-align: center;
    padding: 3em
}

.buttonbox a {
    color: White
}

.buttonbox a:hover {
    color: Red
}

.linkbox {
    margin-left: 2px;
    font-size: 12px;
    padding: 5px;
    text-align: center
}

.linkbox a {
    color: #0060A9;
    border: solid 1px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    width: 60px
}

.linkbox a:hover {
    border-color: Red;
    color: Red
}

.linkbox a:active, .linkbox a:visited {
    color: #0060A9;
    border: solid 1px;
    font-weight: bolder;
}


.editable {
    display: block;
    padding-bottom: 3px;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: solid 1px #0060A9
}

.editable-alt {
    display: block;
    padding-bottom: 3px;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: solid 1px #0060A9
}

.colophon {
    background: #272329;
    color: white;
    padding: 10px 0;
    overflow: hidden
}

.colophon .wrapper {
    width: 960px;
    margin: 0 auto;
    overflow: hidden
}

.colophon .contact div {
    padding-right: 40px;
    float: left;
    display: block
}

.colophon a {
    color: white
}

.list {
    margin-left: 20px;
    width: 180px
}

.list a:hover {
    color: #000
}

.list li {
    margin-bottom: 5px
}

.content {
    width: 960px
}

.kommpanel {
    border: 0 none white
}

.kommeditor {
}

.kommentar-list {
    margin-top: 8px
}

.kommentar-item {
    cursor: pointer;
    width: 690px;
    min-height: 30px;
    border-radius: 4px;
    border: 1px solid #D7D7D7;
    padding: 3px;
    margin-bottom: 8px
}

.kommentar-selected {
    background: #CCCCCC
}

.gray {
    background-color: #cdcdcd;
}

.x-body {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px
}

.x-label {
    height: auto
}

.x-grid .x-column-header {
    background-color: #0060A9
}

.x-grid-group-hd .x-grid-cell-inner {
    border-top-color: #0060A9;
    border-right-color: #0060A9;
    border-bottom-color: #0060A9;
    border-left-color: #0060A9;
    border-bottom-width: 1px
}

.x-grid-group-title {
    font-family: Verdana, Helvetica, sans-serif;
    color: #0060A9
}

.x-grid-cell-inner {
    white-space: normal
}

.x-accordion-hd {
    background: #AEDCF8 !important;
    color: #5D6BAF
}

.x-accordion-hd .x-panel-header-text {
    font-weight: bold;
    color: #5D6BAF
}

.graphbox {
    background-color: #ddd;
    border-radius: 5px;
    padding: 2px;
}

.infobox {
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #db4d4d;
    font-size: large
}

.layer-control {
    top: 0.5em;
    left: 3.5em;
    display: flex;
    flex-direction: row;
}

.layer-control button {
    width: 5em !important;
    font-size: 0.8em;
}

.param-closed {
    overflow: hidden;
}