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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0px;
  padding:0px;
} 

body {
   font-size:12px;
/*   line-height:14px; */
   font-family:Arial, Helvetica, sans-serif; 
   width:1080px;
   margin:0 auto;
   color : #000000;
   padding:15px 0 15px;
   background: #d0d8db url("grafikk/bg.jpg") 0 0;
}
a         { color: #3f3f3f; text-decoration : underline; }
a:link    { color: #3f3f3f; text-decoration : underline; }   /* unvisited links */
a:visited { color: #3f3f3f; text-decoration : underline; }   /* visited links   */
a:hover   { color: #3f3f3f; text-decoration : none; }        /* user hovers     */
a:active  { color: #3f3f3f; text-decoration : underline; }   /* active links    */

h1,h2,h3,h4 {
   margin:0 0 10px 0;
}
h1 {
   font-size:28px;
}
h2 {
   font-size:24px;
}
h3 {
   font-size:16px;
}
h4 {
   font-size:14px;
}
h1 a, h2 a, h3 a, h4 a                                 { color:#000; text-decoration : none; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link             { color:#000; text-decoration : none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { color:#000; text-decoration : none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover         { color:#000; text-decoration : none; }
h1 a:active, h1 a:active, h1 a:active, h1 a:active     { color:#000; text-decoration : none; }
p {
   font-size:12px;
   margin:0 0 10px 0;
}
img {
   display:inline;
   border:none;
}

#outerwrapping {
   position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
   clear:both;
	 float:left;
/* width of whole page */
   width:1080px;
   padding: 30px;
   padding: 0px;
   margin-bottom: 30px;
   overflow:hidden;
   background: #ffffff;
   background: none;
}

/* Default colmask (1 col) *******************************************/
.colmask {
   position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
   clear:both;
   float:left;
   width:100%;			/* width of whole page */
   overflow:hidden;	/* This chops off any overhanging divs */
   padding:20px 0;
}
/* 1 column full page settings */
.fullpage {
   background:green;
   background:none;
}
.fullpage .col1 {
   margin:0 15px;
   margin:0;
   background: yellow;
   background:none;
   min-height:400px;
}
/* END Default colmask (1 col) *******************************************/

/* FELLES */

.lesmer {
  clear:both;
	text-align:right;
  font-size:11px; 
  color: #000;
}
#header { 
   margin: 0; 
   padding: 0; 
   overflow: hidden;
   position: relative;
}
#banner {
   height: 125px;
   overflow: hidden;
}
#logo {
   margin: 0;
}

#site-menu {
   list-style: none;
   display: block;
   color: #787272;
   float: right;
   position: absolute;
   right: 50px;
   top: 10px;
   margin: 0;
   padding: 0;
}
#site-menu li {
   display: block;
   float: left;
}
#site-menu a {
    color: #000;
    text-decoration: none;
    padding: 0 0 0 15px;
    font-size: 11px;
    font-weight: bold;
}
#site-menu a:hover, #site-menu a.current {
   color: #000;
}

#main-menu-container {
   overflow: hidden;
   position: relative;
   margin-right:50px;
}
#main-menu {
   overflow: hidden;
   list-style: none;
   font-size: 11px;
   font-weight: bold;
   display: block;
   margin: 0;
   padding: 0;
}
#main-menu li {
   display: inline-block;
   float: left;
   margin-right: 4px;
   padding: 0 0 0 5px;
   background: transparent url(grafikk/menytab_left.gif) no-repeat scroll 0 0;
}
#main-menu li.current, #main-menu li:hover {
   display: block;
   float: left;
   margin-right: 4px;
   padding: 0 0 0 5px;
   background: transparent url(grafikk/menytab_left_aktiv.gif) no-repeat scroll 0 0;
}
#main-menu li div {
   float: left;
   background: transparent url(grafikk/menytab_right.gif) no-repeat scroll right 0;
   padding-right: 5px;
}
#main-menu li:hover div, #main-menu li.current div {
   float: left;
   background: transparent url(grafikk/menytab_right_aktiv.gif) no-repeat scroll right 0;
   padding-right: 5px;
}
#main-menu li a {
   color: #000;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   display: inline-block;
   float: left;
   height: 12px;
   padding: 11px 7px 11px 7px;
   background: transparent url(grafikk/menytab_bg.gif) repeat-x;
}
#main-menu li a:hover, #main-menu li:hover a, #main-menu li.current a { 
   color: #000;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   display: inline-block;
   float: left;
   height: 12px;
   padding: 11px 7px 11px 7px;
   background: transparent url(grafikk/menytab_bg_aktiv.gif) repeat-x;
}

#search {
   margin: 3px 3px 3px 0;
   position: absolute;
   right: 0;
   top: 0;
   overflow: hidden;
}
#search * {
   vertical-align: middle;
}
#search .text-field {
   width: 120px;
}

/* Bokser ****************************/

.box-shadow {
   position:relative;
/*
   clear:both;
   float:left;
*/
   clear:both;
   overflow:hidden;
   text-align:left;
   margin:0 auto;
   margin-bottom:0px;
   width:100%;
}
.box-inner {
   clear:both;
   position:relative;
   padding:15px;
   min-height:75px;
   background-color:#fff;
   border:1px solid #ccc;
   overflow:hidden;
}
#box-shadow-header {
   margin-top:-10px;
}
#box-shadow-header .box-inner {
   padding:0 15px;
   border:1px solid #ccc;
   border-top:0px solid #fff;
}
#box-shadow-article .box-inner {
   padding:5px 15px;
}
.box-shadow-list-article .box-inner-article .ingress {
   margin-bottom:5px;
}
.box-shadow-list-title .box-inner-article {
   padding:5px;
}
.box-shadow-list-title .box-inner-article.even {
   background-color: #d0d8db;
}
.box-shadow-list-title .box-inner-article h4 {
   margin:0;
}

/* Skygger *******************************/

.shadow-one {
/*  position: absolute; */
  position: relative;
  padding-top: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
  margin-bottom: 0px;
  clear:both;
  }	
.corner-a {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(grafikk/shadow.png) right top;
  } 
.corner-b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: url(grafikk/shadow.png) left bottom;
  }   
.shadow-two {
  background: url(grafikk/shadow.png) right bottom;
} 
.shadow-three {
  position: relative;
  left: -20px;
  top: -20px;
  background: url(grafikk/shadow.png) left top;
} 
.shadow-four {
  position: relative;
  left: 10px;
  top: 10px;
}

/* Accordion **********************************************/
#accordion-container {
   overflow: hidden;
   position: relative;
}
#accordion {
   overflow: hidden;
   list-style: none;
   font-size: 11px;
   font-weight: bold;
   display: block;
   margin: 0;
   padding: 0;
}
#accordion li {
   display: inline-block;
   clear:both;
   float: left;
   height:30px;
   width:100%;
   margin-bottom:3px;
   padding:10px 0 0 7px;
/*   background: transparent url(grafikk/news_bar.jpg) no-repeat scroll -12px 0; */
   background: transparent url(grafikk/news_bar.jpg) no-repeat;
}

#accordion li a {
   color: #fff;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}


/* Fast område typemal ************************************/
.fasttype {
   position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
/*
   clear:both;
   float:left;
   width:100%;
   overflow:hidden;
*/
}
.fasttype .label_metadescription { padding: 5px; margin-bottom: 10px; border: 1px dotted black; }
.fasttype .overskrift { margin-bottom:10px; }
.fasttype .label_image { margin-bottom: 5px; }
.fasttype .label { margin-bottom: 2px; }
.fasttype .image-text { font-size:11px; margin-bottom:10px; }
.fasttype .hovedsak { margin-bottom:10px; }
/* END Fast område typemal ************************************/


/* Artikkel typemal ************************************/
.arttype {
   position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
/*
   clear:both;
   float:left;
   width:100%;
   overflow:hidden;
*/
}
.arttype .label_metadescription { padding: 5px; margin-bottom: 10px; border: 1px dotted black; }
.arttype .label_lead-image { margin-bottom: 10px; }
.arttype .label_image { margin-bottom: 5px; }
.arttype .label { margin-bottom: 2px; }
.arttype .image-text { font-size:11px; margin-bottom:10px; }
.arttype .stikktittel { margin-bottom:10px; }
.arttype .overskrift { margin-bottom:10px; }
.arttype .ingress { clear:both; font-size:12px; font-weight:bold; margin-bottom:10px; }
.arttype .hovedsak { clear:both; margin-bottom:10px; }
/* END Artikkel typemal ************************************/

/* spesialmaler FELLES ************************************/
.special {
   position:relative;
/*
   clear:both;
   float:left;
   width:100%;
   overflow:hidden;
*/
}
/* END spesialmaler FELLES ************************************/

/* ingresser 1 spalte spesialmal ************************************/
.articles-lead .article-lead { margin-bottom: 0px; border-bottom: #666666 0px solid; }
.articles-lead .article-lead .image { margin-bottom:5px; }
.articles-lead .article-lead .overskrift { color: #999999; font-size:36px; margin-bottom:10px; }
.articles-lead .article-lead .overskrift a { color: #999999; }
.articles-lead .article-lead .ingress { font-weight:normal; margin-bottom:10px; border:#666666 0px solid; }
.articles-lead .article-lead .lesmer { white-space: nowrap; margin-bottom:10px; border:#666666 0px solid; }
.articles-lead .article-lead .lesmer a { color: #000000; }
.articles-lead .article-lead .hovedsak { margin-bottom:10px; border:#666666 0px solid; }
/* END ingresser 1 spalte spesialmal ************************************/

/* ingresser 2 spalter med toppsak spesialmal ************************************/
.leads #main-article { margin-bottom: 20px; border-bottom: #666666 1px solid; }
.leads #main-article .article { }
.leads #main-article .image { margin-bottom:5px; }
.leads #main-article .overskrift { color: #999999; font-size:36px; margin-bottom:0px; }
.leads #main-article .overskrift a { color: #999999; }
.leads #main-article .ingress { font-weight:normal; margin-bottom:10px; border:#666666 0px solid; }
.leads #main-article .lesmer { white-space: nowrap; margin-bottom:10px; border:#666666 0px solid; }
.leads #main-article .lesmer a { color: #000000; }
.leads #main-article .hovedsak { margin-bottom:10px; border:#666666 0px solid; }
.leads .lead-articles { position:relative; clear: both; width:100%; overflow:hidden; }
.leads .lead-articles .article { float:left; width:300px; border-bottom: #666666 1px solid; }
.leads .lead-articles .lead-article0 { clear: left; margin: 0 26px 20px 0; }
.leads .lead-articles .lead-article1 { margin: 0 0 20px 0; }
.leads .lead-articles .article .image { margin-bottom:5px; }
.leads .lead-articles .article .overskrift { font-size:16px; margin-bottom:0px; }
.leads .lead-articles .article .ingress { margin-bottom:10px; border:#666666 0px solid;}
.leads .lead-articles .article .lesmer { text-align:right; white-space: nowrap; margin-bottom:10px; border:#666666 0px solid;}
.leads .lead-articles .lesmer a { color: #000000; }
.leads .lead-articles .article .hovedsak { margin-bottom:10px; border:#666666 0px solid; }
/* END ingresser 2 spalter med toppsak spesialmal ************************************/
