/*
INNHOLD I STILARKET:
1.  linje  23: Fargepalett
2.  linje  35: Regular html tags
3.  linje  53: Wrapper
4.  linje  61: Styles used in the header
5.  linje 141: The three colomn-layout versions
6.  linje 164: Left colomn
7.  linje 170: Center colomn 
8.  linje 185: Right colomn 
9.  linje 199: Module descriptions
10. linje 237: Special modules: SubWeb header and page footer
11. linje 274: Headlines used in articleModule
12. linje 295: Headlines used in the other modules
13. linje 369: Paragraph styles in all modules
14. linje 489: Form element styles
15. linje 511: Link and navigation styles
16. linje 605: Image styles
*/


/*
1. FARGEPALETT
rammer=B5C09F
blaa=004584
lysblaa=DBE5EE
pastell blaa=90D4F9
lys beige=E5E7D4
orange=E47F00
rød, fiskets gang=E5561E
brun, subweb generell=790800
*/


/* 2. REGULAR HTML TAGS */
body {
background-color: white;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
margin: 0px;
padding: 0px;
font-size:11px;
background: #ffffff url(../images/logo.gif) no-repeat top;
}
form {
margin:0px;
padding:0px;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 3. THE WRAPPER*/
div#wrapper {
margin-left:auto;
margin-right:auto;
width:755px;
padding-top:55px;
}

/* 4. STYLES USED IN THE HEADER */
#header {
position:relative;
width:750px;
margin: 0px auto 0px auto;
margin:0px;
padding:0px;
}
#header div.mainNav {
float:right;
display:block;
text-align: left;
white-space:nowrap; 
padding:0px;
width:473px; 
background-color:#004584; 
border:1px dotted #B5C09F;
color:white;
}
div.mainNav a, div.mainNav a:link, div.mainNav a:visited, div.mainNav a:active {
display:block;
float:left;
font-size:10px;
border-right:1px dotted #B5C09F;
color:white;
text-decoration:none;
padding: 3px 6px 3px 6px;
font-weight:bold;
}
div.mainNav a:hover {
background-color: #E47F00;
}
div.mainNav a.active, div.mainNav a.active:link, div.mainNav a.active:visited, div.mainNav a.active:active, div.mainNav a.active:hover {
background-color: #E47F00;
}
#header div.globalNav {
float:right;
display:block;
text-align: left;
margin-left:2px;
white-space:nowrap; 
padding:0px;
background-color:#E5E7D4; 
border:1px dotted #B5C09F;
color:#004584;
}
/* be nice to opera */
html>body #header div.globalNav {
width:220px; 
}
div.globalNav a, div.globalNav a:link, div.globalNav a:visited, div.globalNav a:active {
display:block;
float:left;
font-size:10px;
border-right:1px dotted #B5C09F;
color:#004584;
text-decoration:none;
padding: 3px 6px 3px 6px;
font-weight:normal;
}
div.globalNav a:hover {
background-color: #004584;
color:white;
}
div.globalNav a.active, div.globalNav a.active:link, div.globalNav a.active:visited, div.globalNav a.active:hover {
background-color: #004584;
color:white;
}
#header div.globalNav a.home {
margin:0px;padding:0px;
border:0px;
}




/* -------------------------- */
/*  THIS IS CONTENT STYLES   */
/* -------------------------- */

/* 5. THIS THE THREE COLOMN LAYOUT VERSIONS */
table#contentNormal {
text-align: left;
margin: 5px auto 5px auto;
width: 745px; 
border: 1px dotted #054784;
} 
table#contentFrontpage {
text-align: left;
margin: 5px auto 5px auto;
width: 745px; 
border: 1px dotted #054784;
} 
table#contentWide {
text-align: left;
margin: 5px auto 5px auto;
width: 745px; 
border: 1px dotted #054784;
} 


/* THIS IS ALL VERSIONS OF EACH SEPERATE COLOMN */

/* 6. LEFT COLOMN */
td#leftContainer {
text-align: left;
width:170px;
border-right: 1px dotted #054784;
}
/* 7. CENTER COLOMN */
td#centerContainer {
text-align: left;
border-right: 1px dotted #054784;
}
table#contentNormal td#centerContainer {
width:375px;
}
table#contentFrontpage td#centerContainer {
width:272px;
}
table#contentWide td#centerContainer {
width:555px;
border-right: none;
}
/* 8. RIGHT COLOMN */
td#rightContainer {
text-align: left;
}
table#contentNormal td#rightContainer {
width:170px;
}
table#contentFrontpage td#rightContainer {
width:272px;
}
table#contentWide td#rightContainer {
display:none;
}

/* 9. THIS IS THE DIFFERENT MODULES */
div.blueModule, div.greenModule, table#contentFrontpage div.promoModule, table#contentNormal div.promoModule {
position:relative;
border:1px solid #B5C09F;
margin:auto;
margin-bottom:10px;
float:none;
}
td#leftContainer div.navigationModule {
position:relative;
border:1px solid #B5C09F;
margin:auto;
margin-bottom:10px;
float:none;
}
div.easyListLeft {
position:relative;
border:1px solid #B5C09F;
margin: auto 5px 10px 0px;
padding-bottom:5px;
float:left;
width:48%;
}
div.easyListRight {
position:relative;
border:1px solid #B5C09F;
margin: auto 0px 10px 5px;
padding-bottom:5px;
float:right;
width:48%;
}
div.articleModule {
position:relative;
border:0px;
margin:auto;
margin-bottom:10px;
}

/* 10. SPECIAL MODULES: SUBWEB-HEADER AND PAGE FOOTER */
td#subHeader {
border-bottom: 1px dotted #054784;
background-color:transparent;
font-size:12px;
text-decoration:none;
color:#004584;
font-weight:bold;
}
td#subHeaderHidden {
display:none;
}
span.subFiskGang {
color: #E5561E;
}
span.subWebGenerell {
color: #790800;
}
td#footer {
text-align: left;
border-top: 1px dotted #054784;
background-color:transparent;
font-size:10px;
text-decoration:none;
color:#A4B08B;
}
div#leftFooter {
margin:-3px -3px -3px -1px;
float:left;
}
div#rightFooter {
margin:-3px -1px -3px -3px;
float:right;
}

/* STYLES USED INSIDE THE MODULES */

/* 11. headlines used in articleModule */
h1 {
margin:0px 0px 0px 0px;
padding:4px 5px 6px 0px; 
font-size:17px;
font-family: arial;
color: #333333;
}
h2 {
margin:0px 0px -2px 0px;
padding:1px 5px 1px 0px; 
font-size:13px;
font-family: arial;
color: #333333;
}
h3 {
margin:0px 0px -4px 0px;
padding:1px 5px 1px 5px; 
font-size:11px;
color: #333333;
}
/* 12. headlines used in the other modules */
div.blueModule h4 {
margin:0px;
padding:1px 5px 1px 5px; 
background-color:#DBE5EE;
border-bottom:1px solid #B5C09F;
font-size:11px;
color: #004584;
}

div.simpleList h4 {
font-size:11px;
color: #004584;
}
div.navigationModule h4 {
margin:0px;
padding:1px 5px 2px 5px; 
background-color:#E5E7D4;
border-bottom:0px;
font-size:11px;
color: #004584;
}
div.navigationModule h4.subFiskGang {
margin:0px;
padding:1px 5px 2px 5px; 
background-color:#E5561E;
border-bottom:0px;
font-size:11px;
color: white;
}
div.navigationModule h4.subWebGenerell {
margin:0px;
padding:1px 5px 2px 5px; 
background-color:#790800;
border-bottom:0px;
font-size:11px;
color: white;
}
div.greenModule h4 {
margin:0px;
padding:1px 5px 1px 5px; 
background-color:#E5E7D4;
border-bottom:1px solid #B5C09F;
font-size:11px;
color: #004584;
}
div.greenModule h4.subFiskGang, div.blueModule h4.subFiskGang  {
margin:0px;
padding:1px 5px 1px 5px; 
background-color:#E5561E;
border-bottom:1px solid #B5C09F;
font-size:11px;
color: white;
}
div.greenModule h4.subWebGenerell, div.blueModule h4.subWebGenerell  {
margin:0px;
padding:1px 5px 1px 5px; 
background-color:#790800;
border-bottom:1px solid #B5C09F;
font-size:11px;
color: white;
}
div.easyListRight h4, div.easyListLeft h4 {
margin:0px;
padding:1px 5px 1px 5px; 
border-bottom:0px;
font-size:11px;
color: #A4B08B;
}

div.articleModule h5, div.simpleList h5 {
margin:0px 0px -3px 0px;
padding:5px 5px 0px 0px;
font-size:11px;
color: black;
font-weight:bold;
background-color:transparent;
}

div.blueModule h5, div.greenModule h5 {
margin:0px 0px -3px 0px;
padding:5px 5px 0px 5px; 
font-size:11px;
color: black;
font-weight:bold;
background-color:transparent;
}


/* 13. paragraph styles in all modules */
div.blueModule p, div.greenModule p, div.blueModule form, div.greenModule form {
margin:0px;
padding:4px 5px 6px 5px; 
background-color:transparent;
font-size:11px;
line-height:14px;
}
div.greenModule p.promo {
margin:0px;
padding:10px 10px 10px 10px; 
background-color:transparent;
font-family:arial;
font-size:15px;
float:left;
width:120px;
color:#004584;
}
div.blueModule p.promo {
margin:0px;
padding:10px 10px 10px 10px; 
background-color:transparent;
font-family:arial;
font-size:15px;
float:left;
width:350px;
color:#004584;
}
span.promo {
color:#E47F00;
}
div.blueModule p.line, div.greenModule p.line {
margin:0px;
padding:0px 0px 3px 0px; 
border-top:1px solid #B5C09F;
font-size:1px;
line-height:1px;
}
div.blueModule p.moduleBottom {
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px; 
background-color:#004584;
border-top:1px solid #B5C09F;
font-size:1px;
height:4px;
clear:both;
}
div.greenModule p.moduleBottom {
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px; 
background-color:#90D4F9;
border-top:1px solid #B5C09F;
font-size:1px;
height:4px;
clear:both;
}
div.greenModule p.moduleBottomSpecial, div.blueModule p.moduleBottomSpecial {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
background-color:#90D4F9;
border-top:1px solid #B5C09F;
font-size:1px;
height:4px;
clear:both;
}
div.navigationModule p.moduleBottomSubWeb {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
background-color:#004584;
border-top:1px solid #B5C09F;
font-size:1px;
height:4px;
clear:both;
}
div.greenModule p.moduleBottomSubWeb {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
background-color:#004584;
border-top:1px solid #B5C09F;
font-size:1px;
height:4px;
clear:both;
}
div.greenModule p.promoBottom, div.blueModule p.promoBottom {
margin-top:10px;
clear:both; 
border-top:1px solid #B5C09F;
background-color:#F7F8F2;
height:20px;
}
div.navigationModule p.moduleBottom {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
background-color:#90D4F9;
border-top:1px solid #B5C09F;
font-size:1px;
height:4px;
clear:both;
}
div.blueModule p.dato, div.greenModule p.dato {
float:left;
margin:0px;
padding:4px 3px 0px 5px; 
background-color:transparent;
color: #004584;
font-size:11px;
}

div.articleModule p.dato, div.simpleList p.dato {
float:left;
margin:0px;
padding:4px 3px 0px 0px;
background-color:transparent;
color: #004584;
font-size:11px;
}


div.ingress p {
color:#333333;
font-weight:bold;
line-height:14px;
}
div.articleModule p.ingress {
color:#333333;
font-weight:bold;
line-height:14px;
}

div.simpleList p {
margin:0px;
padding:4px 5px 6px 0px;
background-color:transparent;
font-size:11px;
line-height:15px;
} 

div.articleModule p {
margin:0px;
padding:4px 5px 6px 0px; 
background-color:transparent;
font-size:11px;
line-height:15px;
}

/* 14. FORM ELEMENT STYLES */
div.blueModule form, div.greenModule form  {
padding-top:10px;
}
div.blueModule form.search, div.greenModule form.search  {
background-color:#F7F8F2;
font-size:10px;
}
input {
font-size:10px;
font-family:verdana;
}
div.blueModule select, div.greenModule input {
font-size:10px;
}
#contentFrontpage div.greenModule input.search {
width:200px;
}
#contentNormal div.greenModule input.search {
width:100px;
}

/* 15. LINK AND NAVIGATION STYLES */
div.blueModule a, div.blueModule a:link, div.blueModule a:visited,div.blueModule a:hover, div.greenModule a, div.greenModule a:link, div.greenModule a:visited,div.greenModule a:hover  {
xmargin:0px;
xpadding:0px 5px 6px 5px; 
background-color:transparent;
font-size:11px;
xdisplay:block;
text-decoration:underline;
color:#004584;
}
div.navigationModule a.navOne, div.navigationModule a.navOne:link, div.navigationModule a.navOne:visited {
padding:4px 5px 4px 13px; 
display:block;
background: transparent url(../images/levelOnePassive.gif) no-repeat 3px 6px;
text-decoration:none;
border-top:1px solid #B5C09F;
color:#004584;
font-size:11px;
}
div.navigationModule a.navOne:hover {
background: #F7F8F2 url(../images/levelOnePassive.gif) no-repeat 3px 6px;
} 
div.navigationModule a.navOneActive, div.navigationModule a.navOneActive:link, div.navigationModule a.navOneActive:visited, div.navigationModule a.navOneActive:hover {
padding:4px 5px 4px 13px; 
display:block;
background: transparent url(../images/levelOneActive.gif) no-repeat 2px 6px;
text-decoration:none;
border-top:1px solid #B5C09F;
color:#004584;
font-size:11px;
font-weight:bold;
}
div.navigationModule a.navTwo, div.navigationModule a.navTwo:link, div.navigationModule a.navTwo:visited {
padding:4px 5px 4px 13px; 
display:block;
background: #F7F8F2 none;
text-decoration:none;
border-top:1px dotted #B5C09F;
color:#004584;
font-size:10px;
}

a.navThree, a.navThree:visited {
padding:4px 5px 4px 24px;
display:block;
background: #F7F8F2 none;
text-decoration:none;
border-top:1px dotted #B5C09F;
color:#004584;
font-size:10px;
}

div.navigationModule a.navTwo:hover {
background: #F7F8F2 none;
} 
div.navigationModule a.navTwoActive, div.navigationModule a.navTwoActive:link, div.navigationModule a.navTwoActive:visited, div.navigationModule a.navTwoActive:hover  {
padding:4px 5px 4px 13px; 
display:block;
background: #F7F8F2 none;
text-decoration:none;
border-top:1px dotted #B5C09F;
color:#004584;
font-size:10px;
font-weight:bold;
}
div.articleModule a {
margin:auto; 
color:#004584;
}
a.lesmer {
margin:0px 5px 6px 5px;
color:#004584;
display:block;
}

div.blueModule a.lesmerArticle {
padding:0px 5px 0px 5px; 
color:#004584;
display:block;
line-height:5px;
}

div.simpleList a.lesmerArticle, div#mainList a.lesmerArticle {
padding:0px 5px 0px 0px;
color:#004584;
display:block;
line-height:5px;
clear: both;
}

div#mainList a.moduleList {
display: block;
padding:0px 5px 15px 0px;
line-height:15px;
clear: both;
}



div.simpleList a.moduleList, div.articleModule a.moduleList, div.articleModule a.moduleList:link, div.articleModule a.moduleList:visited, div.blueModule a.moduleList, div.blueModule a.moduleList:link, div.blueModule a.moduleList:visited, div.greenModule a.moduleList, div.greenModule a.moduleList:link, div.greenModule a.moduleList:visited, div.easyListLeft a.moduleList, div.easyListLeft a.moduleList:link, div.moduleList a.moduleList:visited, div.easyListRight a.moduleList, div.easyListRight a.moduleList:link, div.easyListRight a.moduleList:visited {
padding:5px 5px 0px 15px; 
margin:0px;
display:block;
background: transparent url(../images/listSquare.gif) no-repeat 5px 6px;
text-decoration:none;
color:#004584;
font-size:11px;
}

a.fileList {
padding:5px 0px 0px 0px;
margin:0px;
display:block;
text-decoration:none;
color:#004584;
font-size:11px;
}

a.fileList:hover {
text-decoration:underline;
}


div.simpleList a.moduleList:hover, div.articleModule a.moduleList:hover, div.blueModule a.moduleList:hover, div.greenModule a.moduleList:hover, div.easyListLeft a.moduleList:hover, div.easyListRight a.moduleList:hover {
text-decoration:underline;
} 
div.articleModule a.moduleList {
margin:5px 5px 5px 5px; 
}
td#subHeader a,td#subHeader a:link,td#subHeader a:visited {
font-size:12px;
text-decoration:none;
color:#004584;
font-weight:bold;
}
td#subHeader a:hover {
text-decoration:underline;
}
td#footer a,td#footer a:link,td#footer a:visited {
background-color:transparent;
font-size:10px;
text-decoration:none;
color:#A4B08B;
}


/* 16. IMAGE STYLES */
div.blueModule img, div.greenModule img, div.blueModule img.left, div.greenModule img.left {
margin:5px 5px 0px 5px; 
border:1px solid #B5C09F;
float:left;
}
div.articleModule img, div.articleModule img.left  {
margin:8px 5px 3px 5px; 
border:1px solid #B5C09F;
float:left;
}
table#contentNormal td#rightContainer div.blueModule img, table#contentNormal td#rightContainer div.greenModule img, td#leftContainer div.blueModule img, td#leftContainer div.greenModule img {
float:none;
display:block;
}
div.articleModule img.right, div.blueModule img.right, div.greenModule img.right {
margin:5px 5px 5px 15px; 
padding:0px;
border:1px solid #B5C09F;
float:right;
}
div.articleModule a img.right, div.blueModule a img.right, div.greenModule a img.right  {
margin:5px 5px 5px 15px; 
padding:0px;
border:1px solid #B5C09F;
float:right;
}