/* PAGELAYOUT CSS - 2014 */

body
{
    background-color: #eaebeb;
}

div#page
{
    background-color: #ffffff;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
}

div#page.design-wide
{
    max-width: none;
    padding: 0;
}

.page-width
{
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

div#page.design-wide .page-width
{
    max-width: 980px;
    padding: 0 20px;
}

div#header-bg
{
}

header
{
    min-height: 120px !important;
    position: relative;

}

#header-bg
{
    background-color: #ffffff;
}


/* TOPSELECTORS */

div#topselectors-bg
{
    /* Theme color */
}

div#topselectors
{
    height: 60px;
    position: relative;
}

div#siteselector
{
    font-size: 0.9em;
    position: absolute;
    bottom: -6px;
    left: 0;
}

div#siteselector ul
{
    margin: 0;
    padding: 0;
}

div#siteselector li
{
    background: linear-gradient( #fefefe 0, #dddddd 100% );
    margin: 0 2px 0 0;
    border-radius: 5px 5px 0 0;
    float: left;
    list-style-type: none;
    position: relative;
}

div#siteselector a
{
    font-size: 1.1rem;
    font-weight: bold;
    color: #5a5a5a;
    padding: 7px 20px 5px 20px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
}

div#siteselector li.selected
{
    background-color: #ffffff;
    top: -4px;
}

div#siteselector li.selected a
{
    /* Theme color */
    font-size: 1.2rem;
    background-color: #ffffff;
    padding: 10px 20px 6px 20px;
    border-radius: 5px 5px 0 0;
}


/* ACCSESSIBILITY */

div#accessibilityselector
{
    font-size: 0.85em;
    margin: 25px 0 0 20px;
    float: right;
}

div#accessibilityselector ul
{
    margin: 0;
    padding: 0;
}

div#accessibilityselector li
{
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 1px solid #ffffff;
    float: left;
    list-style-type: none;
}

div#accessibilityselector li:first-child
{
    padding-left: 0;
    border-left: none;
}

div#accessibilityselector li.fontsize
{
    background: url(../images/icon-fontsize.png) 100% 0 no-repeat;
    padding-right: 55px;
    position: relative;
}

div#accessibilityselector span, div#accessibilityselector a
{
    color: #ffffff;
    padding: 2px 0;
    display: block;
}

div#accessibilityselector a
{
    text-decoration: none;
}

div#accessibilityselector a:hover
{
    text-decoration: underline;
}

div#accessibilityselector li.fontsize a
{
    width: 14px;
    height: 16px;
    position: absolute;
}

div#accessibilityselector a#fontsize-normal
{
    font-size: 1.3rem;
    top: -1px;
    right: 31px;
}

div#accessibilityselector a#fontsize-large
{
    font-size: 1.6rem;
    top: -5px;
    right: 15px;
}

div#accessibilityselector a#fontsize-extralarge
{
    font-size: 2rem;
    top: -9px;
    right: -1px;
}


/* LOGO */

div#logo
{
    position: absolute;
}

div#logo h1
{
    margin: 0;
}

div#logo a, div#logo span.image
{
    display: block;
}

div#logo a
{
    text-decoration: none;
}

div#logo a span.text
{
    display: none;
}


/* SEARCHBOX */

div#searchbox
{
    width: 300px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 20px;
}

div#page.design-wide div#searchbox
{
    right: 20px;
} 

div#searchbox input
{
    width: 100%;
    border: 1px solid #d6d6d6;
    padding: 5px 5px 6px;
    vertical-align: middle;
}

div#searchbox button
{
    /* Theme color */
    margin-left: 10px;
    padding: 5px 5px;
    border: none;
    border-radius: 3px;
    display: inline-block;
}

div#searchbox button i
{
    color: #ffffff;
    font-size: 1.6rem;
}


/* EXTRA MENU */

nav#extramenu
{
    font-size: 1.1rem;
    float: right;
}

nav#extramenu ul
{
    margin: 0;
    padding: 0;
}

nav#extramenu li
{
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    border: 1px solid;
    /* Theme color */
    border-style: none none none solid;
    float: left;
    list-style-type: none;
    list-style-image: none;
}

nav#extramenu li:first-child
{
    border-left: none;
}

nav#extramenu a
{
    color: #777777;
    padding: 6px 0 4px 0;
    text-decoration: none;
    display: inline-block;
}

nav#extramenu a:hover
{
    text-decoration: underline;
}

nav#extramenu li.language-selector span.text
{
    display: none;
}

nav#extramenu li.language-selector span.flag.nor-NO, nav#extramenu li.language-selector span.flag.eng-GB
{
    width: 24px;
    height: 16px;
    background: 50% 50% no-repeat;
    display: inline-block;
    position: relative;
    top: 1px;

}

nav#extramenu li.language-selector span.flag.nor-NO
{
    background-image: url(../images/no.gif);
}

nav#extramenu li.language-selector span.flag.eng-GB
{
    background-image: url(../images/en.gif);
}


/* HEADERMENU */

nav#headermenu
{
    float: right;
    display: none;
}

nav#headermenu ul, nav#headermenu li
{
    margin: 0;
    padding: 0;
}

nav#headermenu li
{
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    display: block;
    float: left;
}

nav#headermenu li a
{
    font-size: 2.1rem;
    color: #000000;
    margin: 0;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    text-align: center;
}

nav#headermenu li.selected a
{
/*     background-color: #ededed; */
}

nav#headermenu .fa-search
{
    position: relative;
    top: -1px;
}

nav#headermenu span.flag-no, nav#headermenu span.flag-en
{
    width: 24px;
    height: 16px;
    background: 50% 50% no-repeat;
    padding: 10px 15px;
    display: inline-block;
    position: relative;
    top: 1px;
}

nav#headermenu span.flag-no
{
    background-image: url(../images/no.gif);
}

nav#headermenu span.flag-en
{
    background-image: url(../images/en.gif);
}


div#headermenu-dropdown-bg
{
    background-color: #ededed;
    clear: both;
    display: none;
}

div#headermenu-dropdown
{
    font-size: 1.6rem;
    color: #ffffff;
    padding: 10px 10px !important;
    position: relative;
}

div#headermenu-dropdown a
{
    color: #000000;
    text-decoration: none;
}

div#searchbox-dropdown + div#contentmenu-dropdown
{
    margin-top: 20px;
    padding-top: 5px;;
    border-top: 1px solid #d0d0d0;
} 

div#contentmenu-dropdown ul, div#contentmenu-dropdown li
{
    margin: 0;
    padding: 0;
    clear: both;
}

div#contentmenu-dropdown > ul > li
{
    padding-right: 40px;
    border-top: 1px solid #d0d0d0;
}

div#contentmenu-dropdown ul > li:first-child
{
    border-top: 0;
}

div#contentmenu-dropdown li
{
    list-style-type: none;
    list-style-image: none;
}

div#contentmenu-dropdown > ul > li > ul > li:last-child a
{
    margin-bottom: 10px;
}

div#contentmenu-dropdown li li
{
    margin-left: 20px;
}

div#contentmenu-dropdown a
{
    width: 100%;
    padding: 10px 0;
    display: block;
    float: left;
}

div#contentmenu-dropdown a:hover
{
    text-decoration: none;
}

div#contentmenu-dropdown a.collapse-menu
{
    color: #606060;
    width: 20px;
    font-size: 1.1rem;
    margin: 17px -45px 0 0;
    padding: 0;
    float: right;
}

div#contentmenu-dropdown > ul > li:first-child
{
    margin-top: -5px;
}

div#contentmenu-dropdown > ul > li:last-child
{
    margin-bottom: -5px;
}

div#headermenu-dropdown a:hover
{
    text-decoration: underline;
}

div#headermenu-dropdown button, 
div#headermenu-dropdown input,
div#headermenu-dropdown a.button
{
    padding: 3px 5px;
}

div#headermenu-dropdown input
{
    width: 100%;
    background-color: #ffffff;
/*     background-image: -o-linear-gradient( top, #e0e0e0, #ffffff 100.0%);
background-image: -ms-linear-gradient( top, #e0e0e0, #ffffff 100.0%);
background-image: -moz-linear-gradient( top, #e0e0e0, #ffffff 100.0%);
background-image: -webkit-linear-gradient( top, #e0e0e0, #ffffff 100.0%); */
    border-color: #000000 #e0e0e0 #e0e0e0 #000000;
}

div#headermenu-dropdown button,
div#headermenu-dropdown a.button
{
    color: #ffffff;
    background-color: #a0a0a0;
    border-color: #e0e0e0 #000000 #000000 #e0e0e0;
    white-space: nowrap;
}

div#searchbox-dropdown
{
    width: 100%;
    padding: 5px 0;
    text-align: right;
}

div#searchbox-dropdown input
{
    width: 100%;
}

div#searchbox-dropdown button
{
    margin-left: 10px;
}

div#contentmenu-dropdown + div#usermenu-dropdown
{
    padding: 15px 0 10px 0;
    border-top: 1px solid #d0d0d0;
}

div#usermenu-dropdown div.row
{
    position: relative;
}

div#usermenu-dropdown label
{
    font-weight: normal;
}

div#usermenu-dropdown input
{
    width: 100%;
}

div#usermenu-dropdown button
{
}

div#usermenu-dropdown p
{
    margin-top: 5px;
}

div#usermenu-dropdown div.col-table
{
    width: 50%;
}

div#usermenu-dropdown div.row-table + div.row-table div.col-table
{
    padding-top: 10px;
}

div#usermenu-dropdown div.col-table + div.col-table
{
    padding-left: 10px;
}

div#usermenu-dropdown div.col-table.width-min
{
    vertical-align: bottom;
}

div#languagemenu-dropdown ul, div#languagemenu-dropdown li
{
    margin: 0;
    padding: 0;
    display: block;
}

div#languagemenu-dropdown a
{
    padding: 10px 0;
    display: block;
}

div#languagemenu-dropdown li:first-child
{
    margin-top: -5px;
}

div#languagemenu-dropdown li:last-child
{
    margin-bottom: -5px;
}

div#languagemenu-dropdown ul
{
/*    border-top: 1px solid #a0a0a0;*/
}

div#languagemenu-dropdown li + li
{
    border-top: 1px solid #d0d0d0;
}

div#languagemenu-dropdown span.flag
{
    width: 24px;
    height: 16px;
    margin-right: 5px;
    background: 50% 50% no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
}

div#languagemenu-dropdown span.nor-NO, .language-flag.language-flag-no
{
    background-image: url(../images/no.gif);
}

.language-flag 
{
	width: 24px;
	height: 16px;
	display: block;
}

div#languagemenu-dropdown span.eng-GB, .language-flag.language-flag-en
{
    background-image: url(../images/en.gif);
}

div#languagemenu-dropdown span.ger-DE, .language-flag.language-flag-de
{
    background-image: url(../images/de.gif);
}


/* TOP MENU */

div#topmenu-bg
{
    background-color: #ededed;
    border: 1px #dddddd;
    border-style: solid none;
    margin-bottom: 20px;
    position: relative;
}

div#topmenu-hover
{
    padding: 6px 0;
    border: 1px #ffffff;
    border-style: solid none;
}

nav#topmenu
{
    position: relative;
    z-index: 1000;
}

nav#topmenu strong
{
    margin-left: 10px;
    display: none;
}

nav#topmenu div.submenu, nav#topmenu li.topextra
{
    display: none;
}

nav#topmenu div.dropdownmenu
{
    position: absolute;
    top: 28px;
    left: -1px;
    display: none;
    z-index: 1;
}

nav#topmenu div#dropdownID0
{
    left: -10px;
}

nav#topmenu ul
{
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

nav#topmenu div.dropdownmenu ul
{
    min-width: 200px;
    padding: 5px 10px;
    border: 1px #dddddd;
    border-style: none solid solid solid;
}

nav#topmenu div.dropdownmenu ul ul
{
    display: none;
}

nav#topmenu li
{
    margin: 0 10px 0 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid #cbcaca;
    float: left;
    list-style-type: none;
    list-style-image: none;
    position: relative;
}

nav#topmenu li:first-child
{
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}

nav#topmenu li li
{
    margin: 0;
    padding: 5px 0;
    border: none;
    float: none;
}

nav#topmenu a
{
    color: #000000;
    text-decoration: none;
    display: block;
    white-space: pre;
    position: relative;
}

nav#topmenu li.selected > a
{
    font-weight: 700;
    /* Theme color */
}

nav#topmenu ul ul, nav#topmenu li.current a.children.menuhover, nav#topmenu a.children.menuhover
{
    background-color: #ededed;
}

nav#topmenu a.children.menuhover
{
    position: relative;
}

nav#topmenu a:hover
{
    /* Theme color */
}


/* PATH */

div#path-bg
{
    margin: -10px 0 25px 0;
    clear: both;
}

nav#path
{
    font-size: 1.1rem;
    padding: 0;
}

nav#path p, nav#path a, nav#path span
{
    color: #b8b7b7;
}

nav#path em
{
    font-style: normal;
}


/* CONTENT TOP */

div.hide-content-top section#content-top
{
    display: none;
}

section#content-top
{
    margin-bottom: 20px;
}

div#page.design-wide div.content-focus 
{ 
}

div#page.design-wide section#content-top 
{
    max-width: 100%;
    padding: 0;
}

/* MIDDLE COLUMNS */

div.hide-content-left div#content-left-area
{
    padding-left: 0;
}

div.hide-content-right div#content-right-area
{
    padding-right: 0;
}

div#content-middle-container
{
    width: 100%;
    display: table;
}

section#content-left, section#content-center, section#content-right
{
    display: table-cell;
    vertical-align: top;
}


/* CONTENT LEFT */

section#content-left
{
    width: 25%;
    padding-right: 15px;
}

div.hide-content-left section#content-left
{
    display: none;
}

nav#sidemenu ul, nav#sidemenu li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

nav#sidemenu ul
{
}

nav#sidemenu ul ul
{
    /* Theme color */
    border-top: 1px solid #cfcfcf;
}

nav#sidemenu li
{
    border-top: 1px solid #cfcfcf;
}

nav#sidemenu li:first-child
{
    border-top: none;
}

nav#sidemenu li li
{
}

nav#sidemenu a
{
    color: #000000;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}

nav#sidemenu li.selected > a
{
    font-weight: bold;
}

nav#sidemenu li li a
{
    padding-left: 30px;
}

nav#sidemenu li li li a
{
    padding-left: 50px;
}

nav#sidemenu li li li li a
{
    padding-left: 70px;
}

nav#sidemenu li li li li li a
{
    padding-left: 90px;
}

nav#sidemenu a:hover
{
    background-color: #f8f8f8;
}

nav#sidemenu li.selected > div > a
{
    /* Specific site attribute */
    background: 10px 1.1rem no-repeat;
    padding-left: 20px;
}

nav#sidemenu li.selected li.selected > div > a
{
    background: transparent;
    padding-left: 30px;
}

nav#sidemenu li li a:hover
{
    /* Theme color */
}

/* CONTENT CENTER */

section#content-center
{
    padding: 0 5px;
}

div.hide-content-left section#content-center
{
    padding-left: 0;
}

div.hide-content-right section#content-center
{
    padding-right: 0;
}


/* CONTENT RIGHT */

section#content-right
{
    width: 25%;
    padding-left: 15px;
}

div.hide-content-right section#content-right
{
    display: none;
}


/* CONTENT BOTTOM */

div.hide-content-bottom section#content-bottom
{
    display: none;
}


/* FOOTER */

div#footer-bg
{
    background-color: #eaebeb;
    margin-top: 25px;
    border-top: 1px solid #eaebeb;
}

footer
{
    color: #717474;
    padding-bottom: 20px;
    text-align: left;
}

footer h3
{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

footer ul, footer li
{
    list-style-type: none;
    list-style-image: none;
}

footer ul
{
    margin: 0 !important;
    padding: 0;
}

footer li
{
    margin: 5px 0 0 0;
}

footer li:first-child
{
    margin-top: 0;
}

div#sociallinks li
{
    display: inline-block;
    margin-top: 3px;
}

div#sociallinks li:first-child
{
    margin-top: 0;
}

div#sociallinks i
{
    margin-right: 5px;
}

div#sociallinks a
{
    font-size: 3.2rem;
    color: #ccc;
    margin-left: 2px;
    text-decoration: none;
}

div#sociallinks a:hover
{
    
    color: #ccc;
    text-decoration: none;
}

footer address
{
    font-style: normal;
    text-align: left;
}

footer address p
{
    margin-bottom: 5px;
}

footer address p:first-child
{
    margin-top: 0;
}

div#loginbox label
{
    font-weight: normal;
    margin: 10px 0 3px 0;
}

div#loginbox label:first-child
{
    margin-top: 0;
}

div#loginbox div.forgotpassword
{
    margin-top: 10px;
    float: right;
}

div#loginbox div.forgotpassword p
{
    margin: 0;
}

div#loginbox input.button
{
    margin-top: 10px;
}

div#credits
{
    font-size: 1.1rem;
    margin: 20px auto 10px auto;
    text-align: center;
}

div#credits a, div#credits address
{
    color: #808080;
}

div#credits address
{
    font-style: normal;
    padding:  0 10px;
}

/* NEW */

div#mobilemenu-control a, nav#mobilemenu div.mobilemenu-showhide, nav#mobilemenu ul
{
    transition: 0.25s;
}

div#mobilemenu-control a, nav#mobilemenu
{
    display: none;
}

div#mobilemenu-control a
{
    font-size: 2.4rem;
    color: #000000;
    margin-top: -5px;
    padding: 12px 15px;
    float: right;
}

div#mobilemenu-control.show a
{
    color: #ffffff;
    background-color: #606060;
}

nav#mobilemenu, nav#mobilemenu a
{
    color: #ffffff;
}

nav#mobilemenu
{
    font-size: 1.6rem;
    width: 100%;
    position: absolute;
    left: -100%;
    clear: both;
    z-index: 1000;
}

nav#mobilemenu div.mobilemenu-showhide
{
    position: relative;
    right: -200%;
}

nav#mobilemenu.show div.mobilemenu-showhide
{
    right: 0;
}

nav#mobilemenu div.grid-form + div.grid-form
{
    margin-top: 1rem;
}

nav#mobilemenu ul
{
}

nav#mobilemenu a
{
    padding: 15px 40px;
    text-decoration: none;
    display: block;
    position: relative;
}

nav#mobilemenu a span
{
}

nav#mobilemenu a span i
{
    font-size: 2rem;
    padding: 5px 10px;
    position: absolute;
    top: 12px;
    opacity: 0.5;
}

nav#mobilemenu a span.previous i
{
    float: left;
    left: 3px;
}

nav#mobilemenu a span.next i
{
    float: right;
    right: 3px;
}

nav#mobilemenu ul, nav#mobilemenu li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav#mobilemenu ul
{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
/*     padding:  0 10px;
 */}

nav#mobilemenu ul.current > li > ul
{
    left: 100%;
    opacity: 0;
}

nav#mobilemenu ul.current
{
    left: 100%;
    opacity: 1;
}

nav#mobilemenu li
{
    background-color: #808080;
    border: 1px solid;
    border-color: #a0a0a0 #404040 #404040 #a0a0a0;
}

nav#mobilemenu li.search, nav#mobilemenu li.back
{
    font-weight: 700;
    background-color: #606060;
    border-top: none;
}

nav#mobilemenu li.back:after
{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block; 
    clear: both;
}

nav#mobilemenu li.back a
{
    width: 50%;
    float: left;
}

nav#mobilemenu li.back a:first-child
{
    border-right: 1px solid #404040;
}

nav#mobilemenu li.back a:last-child
{
    border-left: 1px solid #a0a0a0;
}

/* nav#mobilemenu li.back a
{
    padding-bottom: 5px;
}

nav#mobilemenu li.back a + a
{
    padding-top: 5px;
    padding-bottom: 15px;
}

nav#mobilemenu li.back a + a span i
{
    top: 2px;
}
 */
nav#mobilemenu li form
{
    padding: 20px 40px 20px 40px;
}

nav#mobilemenu li form label
{
    font-weight: 400;
    white-space: nowrap;
}

nav#mobilemenu li form input, nav#mobilemenu li form button 
{
    padding: 2px 5px;
}

nav#mobilemenu li form input
{
    font-size: 2rem;
}

nav#mobilemenu li form button
{
    font-size: 1.8rem;
    color: #ffffff;
    background-color: #606060;
}

nav#mobilemenu li form a
{
    padding: 0;
    display: inline;
}

nav#mobilemenu li div.grid-form-row + div.grid-form-row div.grid-form-col
{
    padding-top: 10px;
}

nav#mobilemenu li div.grid-form-col
{
    padding: 0 0.5rem;
    vertical-align: bottom;
}

nav#mobilemenu li div.grid-form-col:first-child
{
    padding-left: 0;
}

nav#mobilemenu li div.grid-form-col:last-child
{
    padding-right: 0;
}

nav#mobilemenu li.sub-header {
    padding: 15px 40px;
    text-decoration: none;
    display: block;
    position: relative;
    font-weight: 700;
    background-color: #606060;
    
}