﻿BODY {
    BACKGROUND-IMAGE: url(../images/bg_top.gif);
    BACKGROUND-COLOR: #ffffff;
    MARGIN: 0px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-SIZE: 100%;
    width: 960px !important;
}

#left {
    FLOAT: left
}

#middle {
    FLOAT: left
}

#right {
    FLOAT: left
}

#bodycontainer {
    MARGIN-TOP: 20px;
    CLEAR: both
}

.printheader {
    background-image: url(../images/pt_logo_web.gif);
    height: 42px;
    width: 200px;
}

.tipafriendbody {
    width: 185px !important;
    padding: 5px;
}

.helpbody {
    width: 430px !important;
}

.printbody {
    width: 750px !important;
}

.welcomebody {
    width: 540px !important;
    padding: 10px;
    font-size: 9pt;
}

.printing {
    height: 10px;
    float: right;
    position: relative;
    top: -10px;
}

.footer {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

#top {
    BACKGROUND-IMAGE: url(../images/bg_header_front.jpg);
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 160px;
    CLEAR: both;
    OVERFLOW: hidden
}

.feedbackPanelERROR {
    color: red;
}

.feedbackPanelINFO {
    color: black;
}

#left {
    WIDTH: 170px;
    DISPLAY: inline;
    MARGIN-LEFT: 15px;
    MARGIN-RIGHT: 15px
}

#middle {
    WIDTH: 760px;
    OVERFLOW: hidden
}

#right {
    WIDTH: 170px;
    MARGIN-LEFT: 15px
}

#bottom {
    BACKGROUND-IMAGE: url(../images/bg_bottom.gif);
    WIDTH: 100%;
    BACKGROUND-REPEAT: repeat-x;
    CLEAR: both
}

A:link {        
    COLOR: #003366;
    TEXT-DECORATION: none;
}

A:active {
    COLOR: #003366;
    TEXT-DECORATION: none;
}

A:visited {
    COLOR: #003366;
    TEXT-DECORATION: none;
}

A:hover {
    COLOR: #003366;
    TEXT-DECORATION: none;
    BORDER-BOTTOM: #cccccc 1px solid;
}

A.archive:link {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_archive.gif) no-repeat left top;
    FONT-WEIGHT: bold
}

A.archive:active {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_archive.gif) no-repeat left top;
    FONT-WEIGHT: bold
}

A.archive:visited {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_archive.gif) no-repeat left top;
    FONT-WEIGHT: bold
}

A.archive:hover {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_archive.gif) no-repeat left top;
    FONT-WEIGHT: bold
}

A.file:link {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_file.gif) no-repeat left top
}

A.file:active {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_file.gif) no-repeat left top
}

A.file:visited {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_file.gif) no-repeat left top
}

A.file:hover {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_file.gif) no-repeat left top
}

A.map:link {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_map.gif) no-repeat left top
}

A.map:active {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_map.gif) no-repeat left top
}

A.map:visited {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_map.gif) no-repeat left top
}

A.map:hover {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_map.gif) no-repeat left top
}

a.print:link {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    PADDING-LEFT: 17px;
    BACKGROUND: url(../images/print_ny.gif) no-repeat left top

}

a.print:active {
    PADDING-LEFT: 17px;
    BACKGROUND: url(../images/print_ny.gif) no-repeat left top

}

a.print:visited {
    PADDING-LEFT: 17px;
    BACKGROUND: url(../images/print_ny.gif) no-repeat left top

}

a.coprint:hover {
    PADDING-LEFT: 17px;
    BACKGROUND: url(../images/print_ny.gif) no-repeat left top

}

A.mail:link {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_mail.gif) no-repeat left top
}

A.mail:active {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_mail.gif) no-repeat left top
}

A.mail:visited {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_mail.gif) no-repeat left top
}

A.mail:hover {
    PADDING-LEFT: 13px;
    BACKGROUND: url(../images/icon_mail.gif) no-repeat left top
}

BODY {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TD {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

INPUT {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

ADDRESS {
    FONT-STYLE: normal;
    FONT-SIZE: 0.65em
}

H1 {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px
}

H2 {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px
}

H3 {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px
}

H4 {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px
}

H5 {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px
}

P {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px
}

UL {
    FONT-SIZE: 11px
}

INPUT {
    FONT-SIZE: 11px
}

.sitemap_level1 {
    FONT-SIZE: 11px
}

P {
    FONT-SIZE: 0.7em
}

P.preamble {
    LINE-HEIGHT: 1.3em
}

P.paragraph {
    COLOR: #333333
}

P.caption {
    FONT-SIZE: 0.65em
}

P.title {
    MARGIN-BOTTOM: 5px
}

H1 {
    MARGIN-TOP: 0px;
    WIDTH: 535px;
    FONT-SIZE: 18px
}

H2 {
    FONT-SIZE: 1em
}

H3 {
    FONT-SIZE: 0.9em
}

H4 {
    FONT-SIZE: 0.8em
}

H5 {
    MARGIN: 0px;
    WIDTH: 150px;
    FONT-SIZE: 13px
}

H6 {
    MARGIN: 0px;
    WIDTH: 150px;
    FONT-SIZE: 13px
}

P.date {
    MARGIN-BOTTOM: 0px;
    COLOR: #666666;
    MARGIN-RIGHT: 20px
}

LABEL {
    FONT-SIZE: 11px
}

UL {
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN-TOP: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    MARGIN-LEFT: 5px;
    PADDING-TOP: 0px
}

LI {
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN-TOP: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    MARGIN-LEFT: 5px;
    PADDING-TOP: 0px
}

SPAN {
    DISPLAY: block
}

.column_2_left {
    WIDTH: 245px;
    FLOAT: left
}

.column_2_right {
    WIDTH: 245px;
    FLOAT: left;
    MARGIN-LEFT: 25px
}

.searchbutton {
    BACKGROUND-COLOR: #eeeeee;
    WIDTH: 15px;
    MARGIN-LEFT: 5px;
    FONT-SIZE: 9px
}

#middle .thumb {
    FLOAT: left;
    MARGIN-RIGHT: 10px
}

#right .thumb {
    MARGIN-BOTTOM: 10px
}

.logo {
    PADDING-BOTTOM: 15px;
    PADDING-LEFT: 15px;
    WIDTH: 87px;
    PADDING-RIGHT: 15px;
    FLOAT: left;
    HEIGHT: 100px;
    PADDING-TOP: 15px
}

.spacer {
    HEIGHT: 20px;
    CLEAR: both
}

.contact {
    PADDING-LEFT: 25px;
    WIDTH: 920px;
    PADDING-TOP: 15px
}

.breadcrumb {
    BACKGROUND-IMAGE: url(../images/bg_breadcrumb.gif);
    PADDING-LEFT: 13px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 19px;
    FONT-SIZE: 10px;
    PADDING-TOP: 11px
}

.introduction {
    PADDING-BOTTOM: 15px;
    BACKGROUND-COLOR: #eeeeee;
    MARGIN-TOP: 5px;
    PADDING-LEFT: 175px;
    PADDING-RIGHT: 15px;
    BACKGROUND-REPEAT: no-repeat;
    MARGIN-LEFT: 5px;
    PADDING-TOP: 15px
}

.contentmiddle {
    MARGIN-TOP: 10px;
    MARGIN-LEFT: 10px
}

.contentright {
    PADDING-BOTTOM: 10px;
    MARGIN-TOP: 10px;
    MARGIN-LEFT: 10px
}

.frontpage_news {
    MARGIN-LEFT: 5px
}

.frontpage_archive P.date {
    MARGIN-BOTTOM: 5px;
    FLOAT: left
}

.archive P {
    FLOAT: left;
    MARGIN-RIGHT: 10px
}

.thumb {
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-TOP: 2px
}

.sitemap_level1 {
    BORDER-BOTTOM: #cccccc 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 245px;
    FONT-WEIGHT: bold
}

.divider {
    BORDER-BOTTOM: #cccccc 1px solid;
    MARGIN-TOP: 10px;
    WIDTH: 100%;
    MARGIN-BOTTOM: 10px;
    CLEAR: both
}

.forbrukerinfo {

}

.forbrukerinfo IMG {
    MARGIN: 5px 10px 5px 5px;
    FLOAT: left
}

.drawer {
    BACKGROUND-IMAGE: url(../images/drawer.gif);
    LINE-HEIGHT: 0px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-POSITION: center 50%;
    HEIGHT: 10px;
    CLEAR: both;
    FONT-SIZE: 0px
}

.temadrawer {
    BACKGROUND-IMAGE: url(../images/drawer.gif);
    LINE-HEIGHT: 0px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-POSITION: center 50%;
    HEIGHT: 10px;
    CLEAR: both;
    FONT-SIZE: 0px
}

.temadrawer {
    WIDTH: 160px;
    MARGIN-LEFT: 10px
}

.drawer {
    WIDTH: 170px;
    MARGIN-LEFT: 0px
}

LABEL.varsling {
    WIDTH: 50px;
    DISPLAY: block;
    FLOAT: left
}

/***************** BOUVET CUSTOM STYLES ********************/
body {
    background-image: none;
}

#bottom {
    width: 960px;
}

DIV#Kart {
    POSITION: absolute;
    WIDTH: 573px;
    DISPLAY: none;
    HEIGHT: 413px;
    TOP: 0px;
    LEFT: 10px
}

.menuleft {
    WIDTH: 960px
}

.master {
    BACKGROUND-IMAGE: url(../images/mast.jpg)
}

SPAN.caption {
    PADDING-BOTTOM: 0px;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-SIZE: 0.65em;
    PADDING-TOP: 0px
}

SPAN.caption:first-child {
    MARGIN-TOP: 5px
}

.map_breadcrumb {
    FONT-SIZE: 0.7em
}

.map_area {
    MIN-HEIGHT: 500px;
    float: left;
    clear: both;
}

/*.map_area IMG {
    BORDER-BOTTOM: #ddd 1px solid;
    TEXT-ALIGN: center;
    BORDER-LEFT: #ddd 1px solid;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #ddd 1px solid;
    BORDER-RIGHT: #ddd 1px solid;
    PADDING-TOP: 2px
} */

.introduction {
    MARGIN-TOP: 5px
}

.map_search {
    WIDTH: 100%
}

.map_search INPUT {
    WIDTH: 150px
}

.map_search SELECT {
    WIDTH: 155px
}

.map_search .button {
    WIDTH: 70px
}

.map_search {
    BORDER-BOTTOM: #ddd 1px solid;
    BORDER-LEFT: #dddddd 1px solid;
    PADDING-BOTTOM: 7px;
    BACKGROUND-COLOR: #eee;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 3px;
    WIDTH: auto;
    PADDING-RIGHT: 3px;
    MARGIN-BOTTOM: 20px;
    FLOAT: left;
    MARGIN-LEFT: 5px;
    BORDER-RIGHT: #ddd 1px solid;
    PADDING-TOP: 7px
}

#right .map_search INPUT {
    WIDTH: 140px
}

.map_search INPUT[type=submit] {
    PADDING-BOTTOM: 0px;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 0px;
    WIDTH: 145px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

.map_search INPUT[type=reset] {
    PADDING-BOTTOM: 0px;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 0px;
    WIDTH: 145px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

.map_search .button {
    WIDTH: 70px
}

.map_search .right {
    TEXT-ALIGN: right;
    MARGIN-TOP: 10px;
    MARGIN-RIGHT: 4px
}

span.wicket-ajax-indicator img {
    top: -8px;
    text-align: center;
}

span.wicket-ajax-indicator-button img {
/*top:-8px;*/
    left: 15px;
    margin-top: -18px;
    display: block;
    float: left;
    position: relative;
}

#infoBox {
    background-color: #EEE;
    padding: 0px;
    border: solid 1px #999999;
    display: none;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    z-index: 10;
    max-width: 200px;
}

#infoBox ul {
    padding: 3px;
    margin: 0px;

}

#infoBox li {

    padding: 0px;
    margin: 0px;
}

#zoomrect {
    border: 1px solid white;
    display: none;
    position: absolute;
    z-index: 10;
    background-color: transparent;
}

#map {
    width: 750px;
    height: 500px; /*border: 1px solid black;*/
}

.paging {
    font-family: 'Verdana', 'Tahoma', 'Lucida Sans', 'Arial', 'Helvetica', 'Sans-serif', 'sans';
    font-size: 0.65em;
    height: 1px;

}

.searchresult {
    font-size: 0.65em;
    padding: 0;
    white-space: normal;
}

.paging span {
    float: left;
    padding: 0 1px 0 1px;
}

.paging a {
    float: left;
    padding: 0 1px 0 1px;
    text-decoration: none;
}

#controlbuttons a {
    cursor: pointer;
}

#controlbuttons a:visited {
    text-decoration: none;
}

.tips {
    display: block;
    float: left;
    clear: both;
    margin-top: 20px;
}

.tips .sitemap_level1 {
    width: 100%;
}

.tips .span {
    display: inline;
}

.tips_input {
    width: 170px;
}

.tips_txt {
    width: 170px;
}

.map_desc {
    float: left;
    border: 0px;
}

.margined {
    margin-top: 10px;
}

#zoomrect {
    opacity: 0.3; /*filter: alpha(opacity = 50);*/
/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);

    border: 1px solid black;
    background-color: white;
}

.contextmenu {
    Z-INDEX: 10000;
    DISPLAY: none;
    position: absolute;
    color: #000;
    background-color: #EEEEEE;
}

.contextmenu ul {
    margin: 0px;
    padding: 0px;
    width: 250px;

}

.contextmenu li {
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
    height: 30px;

}

.contextmenu li a {
    cursor: pointer;
    display: block;
    height: 30px;
    vertical-align: middle;
}

.contextmenu li a:hover {
    background-color: #DFDFDF;
    text-decoration: none;
    border: none;
}

#malepunktremove a .bgimg {
    background: url(../images/icon-remove.png) 0 0 no-repeat;
    float: left;
    width: 18px;
    height: 17px;
    margin: 4px;

}

.contextmenu li a div.linktext {
    padding-top: 5px;
}

#malepunktadd a .bgimg {
    background: url(../images/icon-add.png) 0 0 no-repeat;
    float: left;
    width: 14px;
    height: 15px;
    margin: 5px 6px 5px 6px;
}

#malepunktadd a:hover .bgimg {
    background: url(../images/icon-add_hover.png) 0 0 no-repeat;
    float: left;
}

#malepunktremoveall a:hover .bgimg, #malepunktremove a:hover .bgimg {
    background-image: url(../images/icon-remove_hover.png);
}

#malepunktremoveall a .bgimg {
    background-image: url(../images/icon-remove.png);
    background-repeat: no-repeat;
    float: left;
    width: 18px;
    height: 17px;
    margin: 4px;

}

a.mapActions:hover {
    border: 1px solid #145484;
}

.mapActions {
    padding: 5px;
    border: 1px solid #DFDFDF;
    color: #8097B9;
    width: 50px;
    margin-left: 2px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.selected {
    border: 1px solid #145484;
    font-weight: bold;
    color: white;
    background-color: #8097B9;
}

#navigation {
    cursor: pointer;
}

#navigation img {
    position: absolute;
    top: 255px;
    left: 215px;
    border: 0px;
    z-index: 12;
}

#navigation .zoomin {
    background-image: url(../images/zoom-in_hover.png);
    background-repeat: no-repeat;
    height: 45px;
    width: 52px;
    position: absolute;
    top: 325px;
    left: 230px;
    z-index: 12;
}

#navigation .zoomin:hover {
    background-image: url(../images/zoom-in.png);
}

#navigation .zoomout {
    background-image: url(../images/zoom-out_hover.png);
    background-repeat: no-repeat;
    height: 35px;
    width: 38px;
    position: absolute;
    top: 360px;
    left: 235px;
    z-index: 11;
}

#navigation .zoomout:hover {
    background-image: url(../images/zoom-out.png);

}

#navigationcontrol {
    background-image: url(../images/nav-pane.png);
    background-repeat: no-repeat;
    background-position: -71px -71px;
    height: 70px;
    width: 70px;
}

.devider {
    height: 30px;
    width: 10px;
    background-image: url(../images/skillelinje-meny.gif);
    background-position: 5px 0px;
    background-repeat: repeat-y;
    float: left;

}

.hdevider {
    height: 2px;
    width: 100%;
    background-image: url(../images/skillelinje-popup.gif);
    background-repeat: repeat-x;
    float: left;
}

a.menu_help {
    width: 75px !important;
    float: right !important;
    margin-right: 20px;
    background-image: url(../images/Menu_hjelp_out.gif)
}

a.menu_help:hover {
    background-image: url(../images/Menu_hjelp_over.gif)
}

.mapbuttons {
    width: 100%;
    float: left;
    clear: both;
}

.mapbuttons a {
    float: left;
}

.mapbuttons a.firstaction {
    margin-left: 438px;
}