/*
## layout.css - Contains style for page layout
*/

.lectureSearch #lectureSearchForm select {
  width: auto;
  margin-bottom: 5px;
}

.lectureSearch #lectureSearchForm input {
  margin-bottom: 5px;
}

.lectureSearch #lectureSearchForm label {
  display: block;
  clear: left;
}

.lectureSearch #lectureSearchForm fieldset {
  display: block;
  float: left;
  padding: 0px 20px 10px 0px;
}

.lectureSearch #lectureSearchForm fieldset.submitFields,
.lectureSearch #searchResults {
  clear: both;
}

.lectureList #content p {
  margin-bottom: 0px;
}

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #003399;
}

a:hover {
  text-decoration: underline;
}

a.internalLink {
  text-decoration: underline;
}

a.externalLink {
  text-decoration: underline;
}

ul, ol {
  padding-left: 30px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 0.69em Arial, Helvetica, Verdana, Sans-serif;
  background-color: #d5cfce;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
  xfont-size: 1em;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
}

h1 { 
  font-size: 1.64em; 
}
h2 { 
  font-size: 1.45em;
}
h3 { 
  font-size: 1.18em; 
}
h4 { 
  font-size: 1.09em; 
}

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 790px;
  padding: 10px;
  background: #fff;
}

#header {
  height: 70px;
  background: url('../GFX/header_statenskartverk.gif');
  position: relative;
}

#header.nor {
  background: url('../GFX/header_statenskartverk.gif');
}

#header.eng {
  background: url('../GFX/header_statenskarverk_eng.gif');
}

.sjokart #header {
  xbackground: url('../GFX/header_sjokart.gif');
}

.sjokart_eng #header {
  xbackground: url('../GFX/header_sjokart_eng.gif');
}

.tinglysing #header {
  xbackground: url('../GFX/header_tinglysing.gif');
}

.propertycentre #header {
  xbackground: url('../GFX/header_propertycentre.gif');
}

#header #statkart a,
#header #portal a {
  display: block;
  position: absolute;
}

#header #statkart a {
  top: 10px;
  left: 10px;
  width: 145px;
  height: 25px;
}

#header #portal a {
  top: 30px;
  left: 10px;
  width: 280px;
  height: 35px;
}

#header form#search {
  display: inline;
  position: absolute;
  right: 10px;
  top: 32px;
}

form#search fieldset {
  display: inline;
  xfloat: right;
  xclear: both;
  padding-right: 10px;
  padding: 0px;
}

input {
  border: 1px solid #000;
  padding: 2px 5px;
  margin-right: 3px;
}

input[type=checkbox] {
  border:none;
}

input.text {
  height: 14px;
  color: #103e79;
  background: url('../GFX/input_bg.gif') no-repeat;
  margin-right: 5px;
}

#header input.button {
  background: url('../GFX/button_bg.gif') repeat-x;
  border: 1px solid #000;
  height: 20px;
  color: #fff;
  margin-right: 0px;
}

#breadcrumbs {
  background: url('../GFX/header_menu_bg.gif') no-repeat bottom right;
  padding-left: 10px;
  color: #727388;
  height: 25px;
  margin-bottom: 5px;
}

#breadcrumbs a {
  color: #727388;
}

#breadcrumbs a.active {
  color: #444;
}

#leftColumn {
  float: left;
  width: 190px;
}

#mainColumn {
  margin-left: 10px;
  float: left;
  width: 380px;
}

#rightColumn {
  float: right;
  width: 190px;
}

/*******************
## PROFILE STYLES ##
*******************/

#profile {
  margin-bottom: 10px;
  color: #fff;
  position: relative;
  float: right;
  width: 590px;
}

#profile.full {
  width: 790px;
  height: 250px;
}

#profile .text {
  position: relative;
  padding: 10px;
}

#profile .text h1 {
  font-size: 1.91em;
}

#profile.full .text h1 {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

#profile.full .text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 380px;
  height: auto;
  padding: 0px;
}

#profile.full .text h1 {
  position: static;
}

#profile .text p {
  font-size: 1.09em;
}

#profile.full .profileImage {
  float: right;
  width: 390px;
  height: 250px;
}

#profile .profileImage {
  height: 140px;
}

#profile a {
  color: #fff;
  text-decoration: underline;
}

/******************
## COMMON STYLES ##
******************/

hr.separator {
  margin: 10px 0px;
  clear: both;
  float: left;
  width: 100%;
  height: 1px;
}

#loginForm {
  margin-top: 10px;
}

#loginForm label {
  clear: left;
  display: block;
  margin: 3px 0px;
}

#loginForm input.text {
  width: 119px;
}

#loginForm input.submit {
  clear: both;
  margin-top: 3px;
  display: block;
}

.success {
  color: #3cb878;
}

.error {
  color: #ed1c24;
}

h3.title {
  padding: 4px 10px;
  font-size: 1em;
  margin: 4px 0px 0px;
}

.box {
  margin-top: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #8FA5BB
  background-image: none;
}

.box div {
  padding: 10px;
}

a.readmore {
  padding-left: 10px;
  background: url('../GFX/menu_button_blue.gif') no-repeat 0px 3px;
}

p.caption {
  display: block;
  background: #efefef;
  padding: 3px 5px;
}

#sectionContact,
#calendarContainer {
  background-image: none;
}

#rightColumn ul.navSub {
  margin-bottom: 0px;
  background-image: none;
}

img#language {
  position: absolute;
  top: 38px;
  right: 200px;
}

#sizeSelector {
  float: right;
  margin-right: 20px;
  margin-top: 3px;
}

#sizeSelector span {
  cursor: pointer;
  padding-right: 5px;
  color: #fff;
  font-weight: bold;
}

#sizeSelector span.small {
  font-size: 1em;
}


#sizeSelector span.medium {
  font-size: 1.25em;
}

#sizeSelector span.large {
  font-size: 1.5em;
}

a.rss {
  background: transparent url('../GFX/icon_rss.png') no-repeat;
  padding-left: 20px;
}

a.sitemap {
  padding-left: 20px;
  background: transparent url('../GFX/icon_sitemap.png') no-repeat;
}

a.employeeSearch {
  display: block;
  font-weight: bold;
  border-top: 1px solid #8FA5BB;
  padding: 10px 0px 10px 30px;
  background: transparent url('../GFX/icon_employeeSearch.gif') no-repeat 10px 50%;
}

/*******************
## OPEN POSITIONS ##
*******************/

.overskrift1 { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000
}

.overskrift2 { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/

#content {
  xwidth: 400px;
  xdisplay: inline;
  margin-top: 20px;
}

#content.full {
  width: 590px;
}

#content.list {
  width: 380px;
}

#content.list .left {
  float: left;
  width: 180px;
}

#content.list .right {
  float: left;
  width: 180px;
  margin-left: 20px;
}

#content.list .summary p {
  margin-bottom: 0px;
}

#content .summary,
#content .article {
  padding-bottom: 20px;
}

#content .summary h3 {
  margin-bottom: 3px;
}

#content .article h1 {
  font-size: 1.91em;
  margin-bottom: 2px;
}

#content .article span.date {
  color: #999;
  font-size: 0.91em;
  display: block;
  padding-bottom: 10px;
}

#content .article .text {
  font-size: 1.25em;
}

/*************
## CALENDAR ##
**************/

#smallCalendar table {
  margin: 10px auto;
  width: 170px;
}

#smallCalendar table th {
  text-align: center;
  padding: 3px;
  font-weight: normal;
}

#smallCalendar table tr.months {
  background: none;
}

#smallCalendar table tr.months th {
  font-weight: bold;
}

#smallCalendar table tr {
  background: #ffffff;
}

#smallCalendar table tr.weekdays th {
  border-bottom: 1px solid #9C9C9C;
}

#smallCalendar table td {
  text-align: center;
  font-weight: normal;
  padding: 1px 3px;
  border-bottom: 1px solid #D7DFE7;
}

#smallCalendar table td.hidden {
  color: #9C9C9C;
}

#smallCalendar table td.event {
  background: #FFFFFF url('../GFX/active_calendar.gif') repeat-x center center;
}

#smallCalendar table td.event a {
 color: #000000;
}

#eventList {
  list-style: none;
  padding-left: 0px;
}

#eventList li {
  padding: 5px;
}

#eventList li.even {
  background: #ececec;
}

#eventList li span.dateTime {
  margin-right: 20px;
}

/*********************
## PROFILED  STYLES ##
*********************/

#profile.bla {
  background: #5a95db;
}

div.bla {
  background: #d7dfe7;  
}

#profile.gra {
  background: #7e98b3;
}

div.gra {
  background: #F6F2EE;
}

#profile.gronn {
  background: #a4bf96;
}

div.gronn {
  background: #a4bf96;
}

#profile.morkgronn {
  background: #758369;
}

div.morkgronn{
  background: #758369;
}

#profile.orange {
  background: #e0a970;
}

div.orange {
  background: #f6e3d0;
}

#profile.rod,
div.rod {
  background: #c27678;
}

#profile.morkbla,
div.morkbla {
  background: #5A95DB;
}

#profile.lilla,
div.lilla {
  background: #a57ca4;
}

#navSub.bla {
  background: #5a95db url('../GFX/menu_bottom_blue.gif') repeat-x bottom left;
}

#navSub.morkbla {
  background: #5a95db url('../GFX/menu_bottom_blue.gif') repeat-x bottom left;
}

#navSub.gra {
  background: #7e98b3 url('../GFX/menu_bottom_blue.gif') repeat-x bottom left;
}

#navSub.gronn {
  background: #a4bf96 url('../GFX/menu_bottom_green.gif') repeat-x bottom left;
}

#navSub.lilla {
  background: #a57ca4 url('../GFX/menu_bottom_purple.gif') repeat-x bottom left;
}

#navSub.morkgronn {
  background: #758369 url('../GFX/menu_bottom_darkgreen.gif') repeat-x bottom left;
}

#navSub.orange {
  background: #e0a970 url('../GFX/menu_bottom_orange.gif') repeat-x bottom left;
}

#navSub.rod {
  background: #c27678 url('../GFX/menu_bottom_red.gif') repeat-x bottom left;
}

.bla a {
  color: #3469a8;
}

.bla li a {
  background: url(../GFX/menu_button_blue.gif) no-repeat 0px 3px;
}

.morkbla a {
  color: #3469a8;
}

.morkbla li a {
  background: url(../GFX/menu_button_blue.gif) no-repeat 0px 3px;
}

.gronn a {
  color: #5f784a;
  text-decoration: none;
}
.gronn a:hover {
  text-decoration: underline;
}
.gronn li a {
  background: url(../GFX/menu_button_green.gif) no-repeat 0px 3px;
}

.gra a {
  color: #4c657e;
}

.gra li a {
  background: url(../GFX/menu_button_blue.gif) no-repeat 0px 3px;
}

.morkgronn a {
  color: #5d6d50;
}

.morggronn li a {
  background: url(../GFX/menu_button_white.gif) no-repeat 0px 3px;
}

.orange a {
  color: #9e7143;
  text-decoration: none;
}
.orange a:hover {
  text-decoration: underline;
}
.orange li a {
  background: url(../GFX/menu_button_red.gif) no-repeat 0px 3px; 
}

.rod a {
  color: #873b3d;
}

.rod li a {
  background: url(../GFX/menu_button_red.gif) no-repeat 0px 3px;
}

.lilla a {
  color: #653c64;
}

.lilla li a {
  background: url(../GFX/menu_button_white.gif) no-repeat 0px 3px;
}

.box.bla {
  background-color: #D7DFE7;
  border-bottom: 1px solid #8FA5BB;
}

.box.gra {
  border-bottom: 1px solid #D5CFCE;
}

.box.orange {
  background: #F6E3D0;
  border-bottom: 1px solid #ECBC88;
}

.box.gronn{
  background: #E3E9DC;
  border-bottom: 1px solid #A7C597;
}

.box.blue a {
  color: #4C657E;
}

.box.orange a {
  color: #9D080D;
}

.box.green a {
  color: #067700;
}

.box div ul li {
  padding: 0px 10px;
  margin-top: 5px;
}

h3.bla {
  color: #fff;
  background: #d7dfe7 url('../GFX/title_blue_bg.gif') repeat-x;
}

h3.orange {
  color: #fff;
  background: #d7dfe7 url('../GFX/title_orange_bg.gif') repeat-x;
}

h3.gronn,
h3.morkgronn {
  color: #fff;
  background: #d7dfe7 url('../GFX/title_green_bg.gif') repeat-x;
}

h3.gra {
  color: #fff;
  background: #f6f2ee url('../GFX/title_grey_bg.gif') repeat-x;
}

/******************
## CUSTOM STYLES ##
******************/

#kundesenter {
  width: 585px;
  margin-top: 5px;
  height: 700px;
}

#leftColumn #eJournalQuery {
  background-color: #edecec;
  border: none;
  padding: 3px 0 3px 10px;
  color: #444444;
  width: 161px;
  margin-bottom: 3px;
  margin-top: 15px;
}

#leftColumn #eJournalButton {
  background: transparent url('../GFX/button_green_wide.gif') no-repeat;
  border: none;
  padding: 4px 0px;
  width: 171px;
  color: #ffffff;
}

/***********
## FOOTER ##
***********/

#footer {
  background: url('../GFX/footer_bg.gif') no-repeat;
  height: 60px;
  width: 790px;
  margin: 0 auto;
  padding: 0px 10px 0px;
  color: #5F778E;
}

#footer .footerTools {
  text-align: right;
  height: 22px;
  padding-top: 6px;
}

#footer .footerTools a {
  padding-right: 10px;
  color: #ffffff;
}

/******************
## ARTICLE TOOLS ##
******************/

.articleTools {
  border-top: 1px solid #D5CFCE;
  padding: 5px;
  display: block;
  text-align: right;
}

.articleTools a {
  margin-left: 20px;
  padding-left: 20px;
}

.articleTools a.shareonfacebook {
  background: transparent url('../GFX/icon_shareonfacebook.gif') no-repeat;
}

.articleTools a.tipafriend {
  background: transparent url('../GFX/icon_tipafriend.gif') no-repeat;
}

.articleTools a.printerfriendly {
  background: transparent url('../GFX/icon_printerfriendly.gif') no-repeat;
}

#tipsForm {
  margin-top: 10px;
  display: none;
}

#tipsForm label,
#tipsForm input.text {
  width: 124px;
  float: left;
  margin-bottom: 5px;
}

#tipsForm label {
  clear: left;
}

/************************
## FRONTPAGE - 3 BOXES ##
************************/

#mainCategories {
  padding: 5px;
  margin-bottom: 20px;
}

#mainCategories h1 {
  color: #fff;
  padding: 10px;
}

#mainCategories .categoryBox {
  float: left;
  width: 33%;
  background-repeat: no-repeat;
  margin-right: 3px;
}

#mainCategories .categoryBox.last {
  margin-right: 0px;
}

#mainCategories .categoryBox h2 {
  margin-top: 120px;
  height: 60px;
  background: transparent url('../GFX/boxTransparent.png') no-repeat;
  display: block;
}

#mainCategories .categoryBox h2 a {
  padding: 20px 0 20px 40px;
  color: #FFFFFF;
  font-size: 0.75em;
  display: block;
  background: transparent url('../GFX/boxButton.png') no-repeat 15px 50%;
}

#mainCategories .categoryBox .content {
  min-height: 60px;
  padding: 10px;
  background: #2B3027;
}

#mainCategories .categoryBox .content a {
  color: #fff;
}

#mainCategories .categoryBox ul {
  padding-left: 5px;
}

#mainCategories .categoryBox ul li {
  padding: 3px 0px;
}

#mainCategories .categoryBox ul li a {
  padding-left: 10px;
  background: transparent url('../GFX/boxGreen.gif') no-repeat 0 3px;
  display: block;
}

#mainCategories .categoryBox.kundesenter {
  background-position: top right;
  margin-right: 0px;
  background-color: #fff;
}

#mainCategories .categoryBox.kundesenter h2 {
  background: none;
}

#mainCategories .categoryBox.kundesenter h2 a {
  color: #444444;
}

#mainCategories .categoryBox.kundesenter .content {
  background: #ffffff;
}

#mainCategories .categoryBox.kundesenter .content label {
  padding-left: 10px;
  background: transparent url('../GFX/boxWhite.gif') no-repeat 0 3px;
}

.threeBoxes #content .article.first,
.threeBoxes #content .summary.first {
  margin-left: 0px !important;
}

.threeBoxes #content .article,
.threeBoxes #content .summary {
  float: left;
  width: 182px;
  margin-left: 20px;
}

.threeBoxes #content .article h2,
.threeBoxes #content .summary h2 {
  font-size: 1.08em;
  margin-bottom: 5px;
}

.threeBoxes #content .summary h2 a {
  color: #000;
}

/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */

/* ************ */
/* IDIUM FOOTER*/
/* ************ */
.idiumfooter {
  clear:both;
  position:relative;
  width:790px;
  margin:0 auto;
}
.idiumfooter a {
  display:block;
  right:175px;
  top:20px;
}
.idiumfooter a:hover {
  text-decoration:none;
}
.idiumfooter *{
  position:absolute;
}
.idiumfooter a span {
  top:6px;
  left:80px;
  font-size:90%;
  color:#444;
}