﻿/*
- DEFAULT HTML STYLES 
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES 
- PARAGRAPH STYLES 
- LIST STYLES
- LINK STYLES 
- IMAGE STYLES
- TABLE STYLES 
- FORM STYLES
- DIVERSE STYLES
*/



/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
|                                                            |
| -------------header--------------------------------------- |
| |    contains: logo, localoffices, print, fontsize       | | 
| |    PS: localoffices is not in use                      | |
| ---------------------------------------------------------- |
|                                                            |
| --------------mainNav------------------------------------- |
| | -------------nav---------------   -----searchpanel---  | |
| | |                             |   |    not in use   |  | |
| | -------------------------------   -------------------  | |   
| ---------------------------------------------------------- |
|                                                            |
| ---------------------breadcrumbs-------------------------- |
| |                    not in use                          | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------contentWrapper------------------------ |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 1                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |                                  |  | |
| | |  content   |   |      content                     |  | |
| | | goes here  |   |     goes here                    |  | |
| | |            |   |                                  |  | |
| | |            |   |                                  |  | |
| | --------------   ------------------------------------  | |
| |                                                        | |
| /                 LAYOUT ALTERNATIVE 2                   / |
| | ----col1------   ------col2----------   ----col3-----  | |
| | |            |   |                  |   |           |  | |
| | |  content   |   |   content        |   |  content  |  | |
| | | goes here  |   |  goes here       |   | goes here |  | |
| | |            |   |                  |   |           |  | |
| | |            |   |                  |   |           |  | |
| | --------------   --------------------   -------------  | |
| |                                                        | |  
| /                 LAYOUT ALTERNATIVE 3                   / |
| | ----col1------   ------col2Wide----------------------  | |
| | |            |   |  --innerCol2--  ---innerCol3---  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |  content   |   |  |  content  |  |   content   |  |  | |
| | | goes here  |   |  | goes here |  |  goes here  |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  |           |  |             |  |  | |
| | |            |   |  -------------  ---------------  |  | |
| | --------------   ------------------------------------  | |
| ---------------------------------------------------------- |
|                                                            |
| --------------------footer-------------------------------- |
| |                                                        | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/







@media print{
/* 
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES 
---------------------------------------------------------------------------------------------
*/
html{}
body {padding:0px;margin:0px;font-size:76%;font-family:Arial, Verdana, sans-serif;}
h1 {padding:0px;margin:0px;font-size:1.5em;}
h2 {padding:0px;margin:0px;font-size:1.1em;}
h3 {padding:0px;margin:0px;font-size:1.0em;}
h4 {padding:0px;margin:0px;}
p {margin:0px;margin:0px;padding:0 0 10px 0;color:#5c6366;}
ul {}
ol {}
li {}

/*RIKTIG REKKE: LoVe HAte*/
a:link {}
a:visited {}
a:hover {}
a:active {}
form {margin:0;padding:0;}


/* 
---------------------------------------------------------------------------------------------
CONTAINER STYLES 
---------------------------------------------------------------------------------------------
*/
div#wrapper {padding-bottom:20px;width:100%;margin:0;}
div#printLogo {}
div#global {float:none;text-align:right;width:100%;background-color:#000;padding:8px 0 0px 0;font-size:0.9em;}
div#header {width:100%;float:left;overflow:hidden;padding-top:21px;padding-bottom:20px;}
div#logo {float:left;width:40%;overflow:hidden;}
div#logo2 {float:left;width:40%;overflow:hidden;}
div.menu {display:none;}
div#search {}
div#banner {float:right;}


div#contentWrapper {width:100%;margin-right:0px;float:left;overflow:hidden;padding:30px 0 0 0}
div#border {float:left;overflow:hidden;width:100%;background:transparent url(../Images/border.gif) repeat-y top left;background:none;}
div#contentWrapper div#menu {display:none;}
div.slogan {float:left;overflow:hidden;width:100%;padding-top:0px;}
div#breadCrumb {float:left;overflow:hidden;width:100%;padding-bottom:15px;padding-top:10px;}
div#content-col2 {float:left;width:70%;padding-right:0px;padding-left:0px;}
div#content-col2Wide {float:left;width:90%;padding-right:0px;padding-left:0px;}
div#content-col2Extrawide {float:left;width:90%;padding-right:0px;padding-left:0px;}
div.frontNews {margin:0;min-height:168px;width:70%;padding:0;}
div#content-col3 {float:left;width:15%;padding-left:5%;}
div#footer {width:900px;float:left;overflow:hidden;}
div.list {float:left;overflow:hidden;width:100%;}
div.list div.modul {float:left;overflow:hidden;width:auto}
div.list div.right {padding-right:0px;width:50%}
div.list div.left {padding-right:10%;width:38%}


/* 
---------------------------------------------------------------------------------------------
SPAN STYLES 
---------------------------------------------------------------------------------------------
*/





/* 
---------------------------------------------------------------------------------------------
HEADLINE STYLES 
---------------------------------------------------------------------------------------------
*/

div#content-col3 h3 {padding:10px 0 5px 0px;}
div.list h2 {color:#ffffff;text-transform:uppercase;}


/* 
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES 
---------------------------------------------------------------------------------------------
*/
p.ingress {font-size:1.15em;}
div#global p {color:#ffffff;text-align:left;float:left;padding-right:10px;}
div#footer p {display:block;width:900px;padding:15px 0 20px 5px;font-size:0.9em;clear:both;}
p.slogan {bottom:0px;padding-top:100px;}
div.img p {color:#808080;font-style:italic;}


/* 
---------------------------------------------------------------------------------------------
LIST STYLES 
---------------------------------------------------------------------------------------------
*/

div#global ul {float:left;padding:0px;margin:0px;list-style:none;text-align:right;}
div#global ul li {display:inline;padding:0px;margin:0px;}

ul.global {display:none;}

ul.menu {margin:0px;padding:0px;list-style:none;float:left;overflow:hidden;width:680px;padding:0px 0 0px 0;background:transparent url(../Images/bgMenuRight.jpg) no-repeat top left;}
ul.menu li {display:block;float:left;margin:0px;padding:0px;list-style:none;font-weight:bold;background:transparent no-repeat 0px 0px;}
ul.menu li.first {background:none;}
ul.menu li.active {}

div#footer ul {display:none;}

div#breadCrumb ul {padding:0px;margin:0px;list-style:none;display:inline;width:100%;}
div#breadCrumb ul li {padding:0px;margin:0px;list-style:none;display:inline;width:auto;}
div#breadCrumb ul li ul {padding:0px;margin:0px;list-style:none;display:inline;width:auto;background:transparent url(../Images/breadCrumb.gif) no-repeat 2px 5px;padding-left:12px;}
div#breadCrumb ul li ul li {padding:0px;margin:0px;list-style:none;display:inline;width:auto;}
div#breadCrumb ul li ul li ul {padding:0px;margin:0px;list-style:none;display:inline;background:transparent url(../Images/breadCrumb.gif) no-repeat 2px 5px;padding-left:12px;}
div#breadCrumb ul li ul li ul li {padding:0px;margin:0px;list-style:none;display:inline;}
div#breadCrumb ul li ul li ul li ul {padding:0px;margin:0px;list-style:none;display:inline;background:transparent url(../Images/breadCrumb.gif) no-repeat 2px 5px;padding-left:12px;}
div#breadCrumb ul li ul li ul li ul li ul li {padding:0px;margin:0px;list-style:none;display:inline;}
div#breadCrumb li {color:#737b80;}

/* 
---------------------------------------------------------------------------------------------
LINK STYLES 
---------------------------------------------------------------------------------------------
*/

div#global p a {color:#ffffff;}

/* nivå1 */
ul.menu li a, ul.menu li a:link, ul.menu li a:visited {color:#333333;text-decoration:none;display:block;float:left;height:32px;}
ul.menu li a:hover {text-decoration:underline;background:tran}
ul.menu li a:active {text-decoration:none;}

ul.menu li.active a, ul.menu li.active a:link, ul.menu li.active a:visited {color:#480e55;text-decoration:none;}
ul.menu li.active a:hover {text-decoration:underline;}
ul.menu li.active a:active {text-decoration:none;}


/* Nivå 2 */


/* Nivå 3 */ 


/* Nivå 4*/

div#breadCrumb a {color:#737b80;}




/* 
---------------------------------------------------------------------------------------------
IMAGE STYLES 
---------------------------------------------------------------------------------------------
*/
img {border:0px;}
div#logo img {float:left;padding-top:39px;}




/* 
---------------------------------------------------------------------------------------------
TABLE STYLES 
---------------------------------------------------------------------------------------------
*/






/* 
---------------------------------------------------------------------------------------------
FORM STYLES 
---------------------------------------------------------------------------------------------
*/

fieldset.search {border:0px;float:right;width:200px;background-color:Red;margin-right:0px;padding:5px 0 5px 0;}
input.submit {background:transparent url(../Images/search.jpg) no-repeat top left;border:0px;height:20px;width:20px;margin:0px;padding:0px;cursor:pointer;
	padding-top:2px;margin-top:-2px;}
input.sok {width:159px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;padding:0px;margin:0px;height:19px;}


/* 
---------------------------------------------------------------------------------------------
BODY STYLES 
---------------------------------------------------------------------------------------------
*/
body#index div#content-col2 {background:transparent url(../Images/illustrasjon.jpg) no-repeat top left;float:left;width:70%;padding:0px;padding-right:0px;min-height:480px;}

body#index ul.menu li.active a, body#index ul.menu li.active a:link, body#index ul.menu li.active a:visited {color:#480e55;text-decoration:none;}
body#index ul.menu li.active a:hover {text-decoration:underline;}
body#index ul.menu li.active a:active {text-decoration:none;}
body#index h1 {padding:0px;margin:0px;font-size:1.2em;}

body.section h2 {display:block;padding:5px 5px 5px 0px;margin:10px 0 10px 0;}

/* 
---------------------------------------------------------------------------------------------
DIVERSE STYLES 
---------------------------------------------------------------------------------------------
*/
div#printLogo { display : none; }
div.clearer {clear:both;font-size:1px;line-height:1px;}
.hiddenTxt, .hiddenTxt a {position: absolute;left: -1000px;width: 900px;display:none;}


}