body,
input,
textarea,
button{
font-family: tahoma, arial, sans-serif;
}

body{
font-size: .7em;
line-height:1.4em;
background-color: #FFF;
}

span.rss{
    float: right;
    width: 16px;
}

input,
textarea,
button,
select{
font-size: 100%;
}

input.text,
textarea,select{
border: 1px solid #CCC;
padding: .1em;
}

input.error,
textarea.error{
background-color: #F0F0F0;
}

form{
margin: 0;
padding: 0;
}

input#query{
width:80px;
border: 1px solid #C4001B;
margin:0 1px 0 1px;
}

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

a:hover{
text-decoration: underline;
}

.print{
display: none;
}

.required{
color: #F00;
margin-left: .1em;
}

div.error{
color: #F00;
font-weight: bold;
}

div.feedback{
color: #008000;
font-weight: bold;
}

button{
border: 1px solid #369;
background-color: transparent;
font-weight: bold;
color: #369;
}

h1,
.sys-Heading1{
font-size: 1.5em;
}

h2,
.sys-Heading2{
font-size: 1.2em;
}

img{
border: 0;
}

img.border{
border: 1px solid black;
}

img.icon{
width: 16px;
height: 16px;
}

img.icon.text{
vertical-align: middle;
margin-right: .3em;
}

div.spacer{
height: 1em;
}

/* framework styles */
div#validate {
width: 878px;
margin: auto;
padding: 10px;
border: 1px dotted #ccc;
}
div.framework{
width: 880px;
background-image: url(../../images/background_3col.gif);
background-repeat: repeat-y;
color: #333;
}

div.framework.one-column{
background-image: none;
}

div.framework-two-columns {
background-image: url(../../images/background_2col_right.gif);
background-repeat: repeat-y;
}

div#left-column{
float: left;
width: 122px;
padding: 0;
margin: 0 4px 0 0;
clear: both;
overflow: hidden;
}

div.content{
background-image: url(../../images/border-top.gif);
background-repeat: repeat-x;
background-position: top;
float: left;
width: 495px;
padding: 0;
margin: 0;
min-height: 35em;
overflow: hidden;
color: #4A5557;
}

/*
div.content.two-columns{
background-image: url(../../images/border-top.gif);
background-repeat: repeat-x;
background-position: top;
float: left;
width: 754px;
padding: 0;
min-height: 35em;
overflow: hidden;
color: #4A5557;

}
*/

div.content h1,
div.content.two-columns h1,
div.item h1 {
background-color: #E8EDEB;
color: #797D7C;
padding: .4em .7em;
font-size: 1.2em;
margin: 10px 10px 0px 10px;
text-transform: uppercase;
}

div.content div#printer-version{
cursor: pointer;
float: right;
color: #369;
}

div.content.one-column {
width: 940px;
}

div.content.two-columns {
width: 753px;
}

div.content.three-columns {
width: 495px;
}

div#user-info{
color: silver;
/*float: right;*/
}

div#user-info span.username{
font-weight: bold;
}

div#user-info button{
color: gray;
padding: 0;
border: 1px solid;
cursor: pointer;
}

div#print-page,
div#close-window{
display: none;
}

div#right-column{
border-top: 10px solid #ADAFA8;
float: left;
/*
width: 234px;
padding: 0px 10px 0px 14px;
*/
width: 234px;
padding: 0;
margin: 0 0 0 14px;
overflow: hidden;
}

div#header{
padding: 0;
width: 100%;
background-repeat: repeat-y;
background-color: #FFF;
clear:both;
overflow: hidden;
border-bottom: 9px solid #fff;
}

img#logo-screen{
width: 122px;
height: 41px;
float: left;
margin:0 4px 4px 0;
}

img#top-middle{
width: 495px;
height: 41px;
float: left;
margin:0 4px 4px 0;
font-size:.8em;
color:#FFF;
}

img.icons{
margin-right:7px;
}

div#search{
width:255px;
height: 41px;
float: left;
margin:0 0 4px 0;
background-color:#C4001B;
background-image: url(../../images/search_corner.gif);
background-repeat: no-repeat;
}

div#search label {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

div.search{
color:#FFF;
font-weight:bold;
padding-top:11px;
padding-left: 15px;
text-align:center;
}

img#logo-print{
width: 110px;
height: 39px;
}

#date{
clear: both;
float: left;
width: 122px;
height: 14px;
background-color: #ADAFA8;
color: #FFF;
font-size: 10px;
text-align: center;
padding: 0 0 1px 0;
margin: 0 4px 0 0;
font-weight: bold;
}

#top-news {
width: 495px;
float: left;
height: 14px;
background-color: #ADAFA8;
color: #FFF;
font-size: 10px;
font-weight: bold;
padding: 0 0px 1px 0px;
margin: 0 4px 0 0;
}

#top-news table {
font-size:1em;
color:#FFF;
}
#top-news table a {
text-decoration:none;
color:#FFF;
}
#top-news table a:hover {
text-decoration:underline;
}

#contact{
width: 255px;
overflow: hidden;
float:left;
height:15px;
background-color:#ADAFA8;
color:#FFF;
font-size:.8em;
margin: 0;
padding: 0 0 0 0;
font-weight:bold;
}

div#footer{
clear: both;
margin: 0;
color: #849091;
padding-top:2.3em;
padding-left:.4em;
height: 1.8em;
font-size: .8em;
background-image: url(../../images/background_footer.gif);
background-position: top;
background-repeat: no-repeat;
}

div#footer-two-column {
clear: both;
margin: 0;
color: #849091;
padding-top:2.3em;
padding-left:.4em;
height: 1.8em;
font-size: .8em;
background-image: url(../../images/background_footer_2col_right.gif);
background-position: top;
background-repeat: no-repeat;
}

div#left-column p, div#right-column p{
margin: 0 0 1em 0;
}
/* end framework styles */

/* frame styles */
div.frame h4{
/*
width:214px;
*/
color:#797D7C;
background-color: #E8EDEB;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
padding: 8px 10px 8px 10px;
margin-top:0;
line-height: 10px;
margin-bottom:0;
}

div.frame div{
/*
width:20.9em;
*/
margin:0;
background-color: #FFF;
}
/* end frame styles */

/* errorhandler styles */
div#errorhandler h2{
margin: 0;
color: #F00;
}
/* end errorhandler styles */

/* menu styles */
ul.menu a,
ul.menu div{
text-decoration: none;
font-weight: bold;
}

ul.menu,
ul.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

ul.menu.vertical li{
margin: 0;
padding: 0;
}

/* first */
ul.menu.vertical li a,
ul.menu.vertical li div{
font-size: 10px;
color: #FFF;
display: block;
/*
width: 118px;
*/
height: 64px;
text-decoration: none;
text-transform: uppercase;
background-repeat: no-repeat;
background-position: bottom;
border-bottom: 4px solid #FFF;
/*	line-height: 2.2em;*/
line-height: 18px;
padding-left: 4px;
}

ul.menu.vertical li a:hover{
/*background-color: #C4001B;*/
color: #ffffff;
text-decoration: none;
}

/* 1 */
ul.menu.vertical li.no-1 a,
ul.menu.vertical li.no-1 div{
background-color: #719B4E;
background-image: url(../../images/meny_tono.gif);
background-position:center bottom;
}

ul.menu.vertical li.no-1 a:hover,
ul.menu.vertical li.no-1 div{
background-color: #588235;
}

ul.menu.vertical li.path.no-1 a.active,
ul.menu.vertical li.no-1 div{
background-color: #588235;
}



ul.menu.vertical li.no-1 ul li a,
ul.menu.vertical li.no-1 ul li div{
background-color: #98BF6F; /*89CA89;*/
background-image: none;
}

/* 2 */
ul.menu.vertical li.no-2 a,
ul.menu.vertical li.no-2 div{
background-color: #CD8001;
background-image: url(../../images/meny_medlem.gif);
background-position:center bottom;
}

ul.menu.vertical li.no-2 a:hover,
ul.menu.vertical li.no-2 div{
background-color: #B46700;
}

ul.menu.vertical li.path.no-2 a.active,
ul.menu.vertical li.no-2 div{
background-color: #B46700;
}

ul.menu.vertical li.no-2 ul li a,
ul.menu.vertical li.no-2 ul li div{
background-color: #E1A453; /*F4B475;*/
background-image: none;
}

/* 3 */
ul.menu.vertical li.no-3 a,
ul.menu.vertical li.no-3 div{
background-color: #545D60;
background-image: url(../../images/meny_kunde.gif);
background-position:center bottom;
}

ul.menu.vertical li.no-3 a:hover,
ul.menu.vertical li.no-3 div{
background-color: #3B4447;
}

ul.menu.vertical li.path.no-3 a.active,
ul.menu.vertical li.no-3 div{
background-color: #3B4447;
}


ul.menu.vertical li.no-3 ul li a,
ul.menu.vertical li.no-3 ul li div{
background-color: #778C91;
background-image: none;
}



/* 4 */
ul.menu.vertical li.no-4 a,
ul.menu.vertical li.no-4 div{
background-color: #88623D;
background-image: url(../../images/meny_ncb.gif);
background-position:center bottom;
}

ul.menu.vertical li.no-4 a:hover,
ul.menu.vertical li.no-4 div{
background-color: #6F4924;
}

ul.menu.vertical li.path.no-4 a.active,
ul.menu.vertical li.no-4 div{
background-color: #6F4924;
}

ul.menu.vertical li.no-4 ul li a,
ul.menu.vertical li.no-4 ul li div{
background-color: #B08E69;
background-image: none;
}

/* rest */
ul.menu.vertical li ul li a,
ul.menu.vertical li ul li div{
display: block;
padding: 1px 10px 1px 10px;
/*
width: 104px;
*/
background-color: #666;
text-decoration: none;
text-align: left;
margin: 0;
background-image: none;
height:2em;
}

ul.menu.vertical li.path li{
margin: 0;
}

ul.menu.vertical li.path a,
ul.menu.vertical li.path div{
/*	background-color: #c7d1d0;*/
}

/*
ul.menu.vertical li.path a.active,
ul.menu.vertical li.path div{
background-color: #C4001B;
}
*/


ul.menu.vertical li.path li a,
ul.menu.vertical li.path li div{
padding-left: 5px;
/*
width: 107px;
*/
color: #fff;
text-transform: none;
}

ul.menu.vertical li.path li li a,
ul.menu.vertical li.path li li div{
padding-left: 20px;
/*background-image: url(../../images/menu_icon_off.gif);
background-position:9px 9px;*/
}

ul.menu.vertical li.path li.path li.path li a,
ul.menu.vertical li.path li.path li.path li div{
padding-left: 80px;
width: 84px;
}

ul.menu.vertical li.path li a.active.bullet,
ul.menu.vertical li.path li div.active.bullet,
ul.menu.vertical a.active.bullet.right,
ul.menu.vertical div.active.bullet.right{
/*background-image: url(../../images/menu_icon_off.gif);*/
}

ul.menu.vertical a.active.bullet.right,
ul.menu.vertical div.active.bullet.right{
background-position: 10px;
}



ul.menu.vertical li.path li.path li a.active.bullet.left,
ul.menu.vertical li.path li.path li div.active.bullet.left{
background-position: 20px;
}

ul.menu.vertical li.path li.path li.path li a.active.bullet.left,
ul.menu.vertical li.path li.path li.path li div.active.bullet.left{
background-position: 30px;
}

ul.menu.vertical a:hover{
color: #000;
}

ul.menu.vertical a.active,
ul.menu.vertical div.active{
color: #FFF;

}
/* first */
ul.menu li a.active span#bullet,
ul.menu li div.active span#bullet{
float: right;
font-weight: bold;
display: none;
}
/* rest */
ul.menu li ul li a.active span#bullet,
ul.menu li ul li div.active span#bullet{
float: right;
font-weight: bold;
display: inline;

}
/* Second level and HAS submenu items */
ul.menu.vertical li ul li.hasSubmenu a.active {
/*background-image:none;
 vis > ved lukket submeny */
background-image: url(../../images/submenumarker_on.gif);
background-position: center right;
}

ul.menu.vertical li ul li.hasSubmenu a {
/*background-image:none;
 vis > ved lukket submeny */
background-image: url(../../images/submenumarker.gif);
background-position: center right;
}

ul.menu.vertical li ul li.hasSubmenu.open a {
/*background-image:none;
 vis \/ ved åpen submeny */
background-image: url(../../images/submenumarker_on.gif);
background-position: center right;
}

ul.menu.vertical li ul li.hasSubmenu ul li a
{
/* background-image:none; 
background-image: url(../../images/submenumarker.gif);
background-position: center left; */
}
ul.menu.vertical li ul li.hasSubmenu.open a
{

/* background-image: url(../../images/submenumarker_on.gif);
   background-position: center right; */
}
ul.menu.vertical li ul li.hasSubmenu.open ul li a
{
/* background-image:none;
background-image: url(../../images/submenumarker.gif);
background-position: center left;*/
}
ul.menu.vertical li ul li.hasSubmenu.open ul li a.active.bullet.left
{
/*background-image:none;*/
background-image: url(../../images/submenumarker.gif);
background-position: center left;
}

a.active.bullet.left{
	background-image: url(../../images/submenumarker.gif);
	background-position: center left;
}

/*ul.menu.vertical li ul li.hasSubmenu.activeOpen a,
ul.menu.vertical li ul li.hasSubmenu.activeOpen a.left
{
background-image: url(../../images/submenumarker_on.gif);
background-position: center right;
}
*/

/*
ul.menu.vertical li ul li.hasSubmenu.activeOpen ul li a,
ul.menu.vertical li ul li.hasSubmenu.activeOpen ul li a.left
*/

/* background-image:none;
background-image: url(../../images/submenumarker.gif);
background-position: center left;*/



ul.menu.vertical li ul li.hasSubmenu  {
background-image: url(../../images/submenumarker.gif);
background-position: center right;
}

/*
** Shortcut menu style
*/
ul.menu-short-cuts a,
ul.menu-short-cuts div{
text-decoration: none;
font-weight: bold;
}

ul.menu-short-cuts,
ul.menu-short-cuts ul{
margin: 0;
padding: 0;
list-style-type: none;
}

ul.menu-short-cuts li{
margin: 0;
padding: 0;
}

/* first */
ul.menu-short-cuts a,
ul.menu-short-cuts div{
background-color: #ADAFA8;
background-image: url(../../images/menu_sc_corner.gif);
font-size: 10px;
color: #FFF;
display: block;
/*
width: 118px;
*/
height: 19px;
text-decoration: none;
text-transform: uppercase;
background-repeat: no-repeat;
background-position: bottom;
border-bottom: 4px solid #FFF;
padding-left: 4px;
padding-top: 3px;
}
ul.menu-short-cuts a:hover {
text-decoration: none;
}
ul.menu-short-cuts a.active,
ul.menu-short-cuts div.active{
background-color: #C6C8C1;
background-image: url(../../images/menu_sc_corner.gif);
}


/*
** END Shortcut menu style
*/

/* end menu styles */

/* items styles */

div.item,
div#item{
padding: 1em 0 1em 0;
clear: both;
margin: 0;
margin: 0 20px;
}


div.item-line,
ul#navigation-menu {
border-top: solid 1px #ADAFA8;
width:100%;
}
div#item div.related{
clear: both;
}

div#item table {
    font-size: 11px;
}

div.related,
table.related-list {
width:234px;
}

table.related-list th{
color:#797D7C;
font-weight:bold;
text-transform: uppercase;
}

table.related-list {
display: table;
}


div.related div{
font-size: 10px;
width: 214px;
color: #797D7C;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #F4F5F4;
padding: 3px 10px 3px 10px;
}

th.first {
width:110px;
}

table.related-list th,
table.related-list td{
width: 204px;
font-size: 9px;
background-color: #FFF;
text-align: left;
padding: 3px 10px 3px 10px;
border-bottom: 1px solid #F4F5F4;
}

div.item.first{
border: 0;
margin-top: 10px;
}

div.item img{
margin: 0 10px 10px 0;
}

div.item h2{
margin: 0;
}

div#item h2{
margin: 1em 0 0 0;
}

div.byline{
font-size: .8em;
}

div.item p{
margin: .5em 0 0.5em 0;
}

div.read-more{
text-align: right;
clear:both;
}

div#item h1{
margin-bottom: 0.2em;
}

div#item div#images{
float: right;
/*	margin-top: 1em;*/
}

div#item div#images div.image{
margin: 0 0 10px 10px;
}

div#item div#images div.image div.text,
.sys-Imagetext{
font-size: .8em;
margin-top: .3em;
}

div#item div#preface{
font-weight: bold;
margin-top: 1em;
}
/* end items styles */

/* list styles */
table.list{
width: 100%;
}

table.list input.text,
table.list textarea,
table.list select{
width: 90%;
}

table.list input.radio{
vertical-align: middle;
}

table.list th{
text-align: left;
background-color: #DDD;
}

th.leftcol {
background-color: #fff;
vertical-align: top;
}

table.list.form td{
vertical-align: top;
}

table.list.form button{
margin-right: .3em;
}

table.list td.error{
color: #F00;
padding-bottom: 0;
}

table.list label.help, span.help{
cursor: default;
border-bottom: 1px dotted;
}

table.list tr.separator td{
font-size: 50%;
}

table.list tr.form-separator div{
padding-bottom: .2em;
border-bottom: 1px solid #CCC;
margin: .5em 0 .5em 0;
font-weight: bold;
}

table.list tr.dark td{
background-color: #F0F0F0;
}

table.list th,
table.list td{
padding: .2em .4em .2em .4em;
}

table.list th.nowrap,
table.list td.nowrap{
white-space: nowrap;
}

table.list th.right,
table.list td.right{
text-align: right;
}
/* end list styles */

/* navigation menu styles */
div#navigation-header{
/*background-color: #eee;*/
padding: .2em .9em .2em .9em;
margin:0 10px;
}

ul#navigation-menu{
margin: 0;
padding: .2em 1.5em;
list-style-type: none;
clear: both;
}

ul#navigation-menu li{
display: inline;
padding: .2em .3em .2em .3em;
}

ul#navigation-menu li.numbers.active{
font-weight: bold;
color: #000;
}
/* end navigation menu styles */

/* filelist styles */
div#tree-menu{
float: left;
width: 29%;
margin-right: 10px;
}

div#tree-menu a.active{
background-color: #DDD;
padding: 1px;
}

table.list.file-list{
width: 69%;
}
/* end filelist styles */

div#loginTono {
margin: 0;
width: 300px;
}

/* sitemap styles */
table.sitemap {
width: 100%;
}
table.sitemap th {
background-color: #ADAFA8;
color: #FFF;
padding: 2px 5px 2px 5px;
text-transform: uppercase;
text-align: left;
}
table.sitemap th a{
color: #FFF;
}
table.sitemap td.sitemap-subs {
padding:2px;
}

/* end sitemap styles */

/* calendar styles */
.calendar-header {
background: #000;
color:#FFF;
font-weight:bold;
padding:2px;
}
/* end calendar styles */


/*Lagt til av Rune Kristiansen, TONO*/
#loginform
{
margin: 10px;
}

#loginform th
{
display: none;
}

/*div.item .byline + p,
div.item h2
{
padding-right: 130px;
}
*/

/*Formatering av tabeller*/
.Tabellheading1
{
background-color:#708090;
font-weight: bold;
color: white;
padding-left: 3px;
}

.Tabellheading2
{
background-color:#708090;
font-weight: bold;
color: white;
padding-left: 3px;
}

.Everyotherline
{
background-color: #f5f5f5;
}

/*Formatering av seksjon på Testforside*/
.toptwolist
{
/*border-top: 10px solid #ADAFA8;*/
border-bottom: 10px solid #ADAFA8;
margin: 0px 10px 0px 10px;
/*background-color: #E8EDEB;*/
}

.toptwolist .item
{
margin: 2px 10px;
}

/* End tillegg av Rune Kristiansen */


/* Search styles */
div#search-navigation-header {
background-color:#EEE;
padding:.3em .3em;
}

ul#search-navigation-menu, ul.search-navigation-menu {
margin: 0;
padding: .4em 0 0 0;
list-style-type: none;
color: #999;
clear: both;
}

ul#search-navigation-menu li, ul.search-navigation-menu li {
display: inline;
padding: 0 .3em 0 .3em;
}

ul#search-navigation-menu li.numbers.active, ul.search-navigation-menu li.numbers.active {
font-weight: bold;
color: #000;
}

div.search-item {
border-top: 1px solid #CCC;
padding: .8em 0 .8em 0;
clear: both;
margin: 0;
height: 100%;
}

div.search-item.first{
border: 0;
}

div.search-item h2 {
font-size:1.2em;
margin:0;
}

div.search-item span.highlight {
font-weight:bold;
}

div.search-item .context {
float:left;
width:70%;
}

div.search-item .location {
display:block;
margin:0 0 1em 0;
font-size:.8em;
}

div.search-item .relevance {
font-size:9px;
}

div.search-item .relevance .bar {
float:left;
width:100px;
border:1px solid #99B3CC;
font-size:1px;
background-color:#EEEEEE;
}

div.search-item .relevance .bar .percent {
height:11px;
font-size:1px;
background-color:#99B3CC;
}

div.search-item .relevance .score {
float:left;
width:20px;
margin-left:1em;
}
/* end search styles */

/* enonic overrides */
div.content div.item p {
width: 325px;
}