/*  
mørk blå:#005aa5
Brun:    #3d3118
Brun2:   #383830 (meny)
grønn    #76AC44
lys blå: #59B3DB
lys grå: #BEBEA3
grå:     #C7C7AB
grå:     #D6D6BE (bakgrunn)
*/

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin:0;
  padding:0;
  background: #D6D6BE;
  color: #3d3118;
  font-size:80%;  
}

div.all {
  background: #fff url(../img/left_line.jpg) top left repeat-y;
  color: #3d3118;
  padding-left:26px;
  width:910px;
  margin-right:auto;
  margin-left:auto;  
}

div.all2 {
  background: #fff url(../img/right_line2.jpg) top right repeat-y;
  color: #3d3118;
  padding-right:176px;
  padding-top:10px;
}

div.content {
  background: #fff;
  color: #3d3118;
  height:100%;
  margin-left:265px;
}

.advertising {
  float:right;
  width:150px;
  padding-top:120px;
  }

div.content div.html,
div.content div.newsitem,
div.content div.newsitem_hover,
div.content div.text,
div.content div.link {
  padding-right: 10px;
}

div#item7128 {padding-right: 0;}

.pathprefix {
  float:left;
  margin-right:5px;
  margin-left:25px;
  margin-top:15px;
}
.pathline {padding-top:15px;}

.topbanner {
  background: #BEBEA3;
  color: #000;
  margin-bottom:2px;
  height:50px;
}

.search {
  float:right;
  background: #C7C7AB;
  color: #000;
  padding:3px;
  font-size:80%;
  margin-top:12px;
  margin-right:10px;
}
.search input {margin-left:5px;}
.search img {vertical-align:bottom;}

h2 {
  color: #005AA5;
  background: #fff;
  font-size:140%;
  font-weight:normal;
  margin-top:15px;
}

h3,h4 {
  color: #005AA5;
  }


a:link {
  color: #005aa5;
}
a:visited {
  color: #666;
}
a:hover {
  color: #000;
}

.external {
  background: #eee;
}

.footer {
  clear:both;
}


.tright {text-align: right;}
.tleft {text-align: left;}
.right {float: right;}
.left {float: left;}
.center,.tcenter {text-align: center;}

img.right,div.right img  {
  padding-left:5px;
  padding-bottom:5px;
  padding-top:5px;
  }

img.left,div.left img {
  padding-right:5px;
  padding-bottom:5px;
  padding-top:5px;
  }

img {border: 0;}

th,td {
  text-align: left;
  vertical-align: top;
  }

fieldset {border:0;}

label {width:8em;float:left;}

.systemname {
  color: #005aa5;
  font-weight:bold;
  font-size:90%;
  }
  
.comment {
  color:red;
  }  
  
.link p {margin-top:0;}
.kurs p {
  margin-top:5px;
  margin-bottom:5px;  
  }
.kurs h3 {margin-bottom:0;}


/* venstre meny */

.navigation {
  float:left;
  width:253px;
  clear:left;
  background: #fff url(../img/es_ill.gif) top right no-repeat;
  line-height:1.6em;
  padding-right:10px;
  margin-top:15px;
  height:300px;
  }

.navigation .homenav {height:2em;}  
.navigation .home {float:right;}  


.navigation .subcats {
  text-align:right;
  float:right;
  font-size:smaller;
  width: 115px;
  line-height:1.2em;
  margin-top:5px;
  }  
.navigation .subcats li {
  margin-bottom:5px;
  }  

.navigation ul {
  margin-left:0;
  padding-left:0;
  margin-bottom:10px;
  }  

.navigation li {
  list-style:none;
  margin-left:0;
  }  

.navigation a {
  text-decoration:none;
  padding-left:20px;
  color: #3c3016;
  background: transparent;
  }  
.navigation li li a {padding-left:0;}  


.navigation a:hover {
  color: #000;
  text-decoration:underline;
  background: transparent;
  }  

.navigation li span.curcat {
  padding-left:20px;
  background: transparent url(../img/arrow_right.gif) no-repeat left;
  color: #005AA5;
  }  

.navigation span.curcat {color:red;}  


#vertnav{
  list-style: none;
  width:8.5em;
  margin-left:18px;
  }

#vertnav ul {
   z-index:99;
   overflow:visible;
   position:absolute;
}

#vertnav li {
  position: relative;
  width: 8.5em;
   display:block;
   height:1.5em;
   margin:0;
  margin-top:3px;  
}

#vertnav ul li{
  width:12em;
  height:1.3em;
  padding:0; 
  }

#vertnav li{ border-width:1px 1px 0 1px;}

#vertnav a {
    text-decoration:none;
    display:block;
    padding: 0.1em;
    xmargin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
    width:8em; /*helps IE with hover */
    height:1.2em;
    xborder:solid 1px red;
}

#vertnav ul a {
  width:11.5em; /*helps IE with hover */
  color: #fff;
  background: transparent;
  height:auto;
  padding-left:5px;
}
#vertnav ul a:hover {
  color: #000;
}


#vertnav ul {
    display:none;
    position:absolute;
    top:0;
    left:7em;
}


#vertnav li:hover ul{
    display:block;
}

li>ul {
	top: auto;
	left: auto;
}

#vertnav li li {
  border-bottom:solid 2px #fff;
  font-size:smaller;
  height:auto;
  background: #005aa5;
  
}


/* Win IE only \*/
* html #vertnav li{float:left;}
/* end holly hack */


#topmenu {
  width:731px;
  border-collapse:collapse;
}

#topmenu td {
  background: #59B3DB;
  border-left:solid 2px #fff;
}

#topmenu td.logo {
  width:263px;
  background: #005aa5;
  border-left:none;
}

#topmenu td.last {
  width:140px;
}

#topmenu td.logo a {
  padding:0;
}

div#border {
  border-top:solid 2px #fff;
  background: #76AC44;
  height:5px;
  font-size:40%;
  width: 731px;
  }


#topmenu a,
#topmenu li span.curcat {
  display:block;
  padding-top:40px;
  padding-left:10px;
  padding-right:25px;
}

#topmenu li li a,
#topmenu li li span.curcat {
  display:block;
  padding:2px;
}

#topmenu a {text-decoration:none;}
#topmenu a:link {color: #fff;}
#topmenu a:visited {color: #fff;}
#topmenu a:hover {color: #000;}
#topmenu .curcat {color: #000;}

#topmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#topmenu li.altrow,
#vertnav ul li.altrow  {
  background: #59B3DB;
}


#topmenu ul ul {
  width: 10em;
  padding-top:20px;
}

#topmenu li li {
  background: #005aa5;
  border-bottom:solid 2px #fff;
  font-size:smaller;
  padding: 2px;
}


#topmenu li {position: relative;}

#topmenu ul ul {
  position: absolute;
  z-index: 500;
}


#topmenu ul ul,
#topmenu ul li:hover ul ul
{display: none;}

#topmenu ul li.over ul,
#topmenu ul li:hover ul,
#topmenu ul ul li:hover ul
{display: block;}





.baseline {
  background: #BEBEA3 none;
  padding:3px;
  font-size:80%;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
  clear:both;
  }

table.sitater {
  clear:left;
  width:100%;
  margin-bottom:10px;
  }  

table.sitater h4 {
  font-size:130%;
  font-weight:normal;
  margin:0;
}  
table.sitater p{
  margin-top:3px;
}  

table.sitater a:link,table.sitater a:visited{
  color: #fff;
}  
table.sitater a:active,table.sitater a:hover{
  color:#000;
  background: transparent none;
}  

table.sitater td.box1{
  width:233px;
  background: #BEBEA3;
}  
table.sitater td.box2{
  background: #76AC44;
  color: #fff;
  width:120px;
}  

table.sitater td.box3{
  background: #59B3DB;
  color: #fff;
}  
table.sitater td.box4{
  background: #005AA5;
  color: #fff;
  width:110px;
 
}  

table.sitater td {
  padding:15px;
}  

div.fpkurs {
  width:265px;
  xheight:200px;
  float:left;
}

div.fpkurs div {
  background: #f1f1e9;
  margin:10px;
  padding-left:10px;	
  padding-right:10px;	
  padding-top:5px;	
  padding-bottom:5px;	
}

div.fpkurs h4 {
  margin-left:20px;
  font-weight:normal;
  font-size:120%;
  margin-top:10px;
  margin-bottom:20px;}

div.fpkurs p {
  margin:0;
}

div.fpkurs p a:link{
  color: #000;
  text-decoration:none;
}

div.fpkurs p a:visited{
  color: #666;
  text-decoration:none;
}

div.fpkurs p a:hover{
  color: #000;
  text-decoration:underline;
}


div.fpkurs p.date {
  margin-top:10px;
  margin-bottom:2px;
  color: #005aa5;
}


.latestnews {
  margin-left:265px;
  xpadding-left:20px;
  }

.articleview .ingress {font-weight:bold;}

.newsitem,.newsitem_hover {
  cursor:pointer;
  margin-bottom:20px;
  min-height:150px;
}
.news,.newsitem,.newsitem_hover {
  height:150px;
}

html>body .news,html>body .newsitem,html>body .newsitem_hover {
  min-height:150px;
  height:auto;
}


.newsitem img,.newsitem_hover img,.news img{
  float:left;
  margin-right:10px;
  margin-left:2px;
}


.news .readmore a,.newsitem .readmore a,.newsitem_hover .readmore a{
  text-decoration:none;
}


.news h4,.newsitem h4,.newsitem_hover h4 {
  color: #005AA5;
  margin-top:5px;
  margin-bottom:5px;
  font-weight:normal;
}

.news p,.newsitem p,.newsitem_hover p {
  color: #3c3016;
  margin-bottom:0;
}

.news p.readmore,
.newsitem_hover p.readmore,
.newsitem p.readmore {
  margin:0;
  text-align:right;
}


.newsitem_hover p,
.newsitem_hover h4,
.newsitem_hover .readmore {
  text-decoration:underline;
}
.newsarchive a {
  background: #fff url(../img/arrow_right.gif) no-repeat left;
  padding-left:20px;
}
.newsarchive {
  float:right;
  margin-top:-35px;
}

.sitat h4 {margin-bottom:0;}
.sitat p {margin-top:0;}


/* Skjuling av redigeringsknappen*/
#item6446 .editbutton,
#item7124 .editbutton,
#item7113 .editbutton,
#item7128 .editbutton,
#item7133 .editbutton,
#item7293 .editbutton,
#item7161 .editbutton{
  display:none;
}

#item7128 .text .editbutton {display:inline;}



ul.imglist{
height:200px;
overflow:auto;
border:solid 1px #666;
}

.imglist li{
  float:left;
  width:150px;
  height:150px;
  padding:10px;
  border:solid 1px #999;
  margin:10px;
  list-style:none;
  
}

.add_ads li {
  width:150px;
  height:auto;
  float:left;
}

.reklame {
  margin-bottom:10px;
}

.articleview img {
  float:right;
  margin-left:10px;
  }
  
.readallnews {text-align:center;}  

/* TABS */

div.tabs {
  height:25px;
}


div.tabs ul {
  margin:0;
  padding-left:0;
  height:1.8em;
}

div.tabs ul li {
  display:block;
  float:left;
  background: #fff url(../img/tab_white_left.gif) top left no-repeat;
  padding-top:5px;
  padding-bottom:5px;
  z-index:100;
}

div.tabs ul li a {
  background: #C8CFD5;
  text-decoration:none;
  padding-top:5px;
  padding-bottom:5px;  
  padding-right:10px;
  margin-left:10px;
}

div.tabs ul li.activetab a {
  background: #fff url(../img/tab_grey_right.gif) top right no-repeat !important;
}

div.tabs ul li.activetab {
  background: #fff url(../img/tab_grey_left.gif) top left no-repeat;
}
#oneuserform_tab a,
#oneusercontent_tab a,
#oneuseractivity_tab a, 
#pageinfo_tab a,
#pageedit_tab a,
#custommeta_tab a {
  background: #fff url(../img/tab_white_right.gif) top right no-repeat;
}

#pageedit_tab {
   xmargin-left:1px;
 }

#pageinfo,
#custommeta {
  display:none;
}

#oneuseractivity,
#oneusercontent {
  display:none;
}


.tabcontent {
  background: #eee none;
  border: solid 1px #003366;
  padding:10px;
  margin-top:-5px;
}

.tabcontent h3 {
  background: #eee none;
  color: #003366;
}
.tabcontent a:link {
  background: #eee none;
  color: #990000;
}
.tabcontent a:visited {
  background: #eee none;
  color: #333;
}
.tabcontent a:hover {
  background: #eee none;
  color: #000;
}

.tabcontent table {
  margin-top:10px;
}

.tabcontent .opustable td.blank {
  border:none;
  background: #eee none;
  color: #000;
  }
.tabcontent .blank a {
  background: #eee none;
  color: #000;
  }

/* stilsett */

.orange {
  background: #f6ac1c;
  color: #000;
}

.orange ul li {
  list-style-image: url(../img/punkt_orange.gif);
  background: #fff;
}


.green {
  background: #76AC44;
  color: #000;
}

.green ul,.orange ul {
  background: #fff;
  color: #000;

}
.green ul li {
  list-style-image: url(../img/punkt_groenn.gif);
  background: #fff;
}
.orange {
  background: #f6ac1c;
  color: #000;
}
.green {
  background: #76AC44;
  color: #000;
}

.green ul,.orange ul {
  background: #fff;
  color: #000;

}
.lightblue {
  background: #59B3DB;
  color: #000;
}

.darkblue {
  background: #005aa5;
  color: #fff;
}

.darkbluetext {
  color: #005aa5;
}

.lightbluetext {
  color: #59B3DB;
}


.graytext {
  color: #999;
}

.largetext {
  font-size:large;
}

.mediumtext {
  font-size:medium;
}

.smalltext {
  font-size:x-small;
}

