﻿html,body {
	margin: 0;
	padding: 0;
	height:100%;
	text-align: left;
}

p, li, input, dl, dt, dd,  th, td, blockquote { font-size: 105%; }
h1 { font: 2.8em georgia, garamond, times, "times new roman", serif; margin: 0.75em 0 0.1em 0; letter-spacing: 0.05em; }
h2 { font: 1.6em georgia, garamond, times, "times new roman", serif; margin: 0.5em 0 0.25em 0; }
h3 { font: 1.3em georgia, garamond, times, "times new roman", serif; margin: 0.3em 0 0.25em 0;}
h4,h5,h6 { font-weight: bold; }
strong { font-weight: bold; }

.noshow {position: absolute; left: -9000px}

blockquote {
 border : 0px;
 margin: 0px;
 padding-left: 25px;
  }

.hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.invisible { display:none; }

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/*
 * Header wrapper
 */

#header-wrapper {
	width: 100%;
	background: url(../images/gfx/header_bg.png) repeat-x;
}

#header-wrapper #header {
	margin:0 auto; /* center, not in IE5 */
	width: 974px;
	height: 227px;
}

#header-secondary 
{
	margin: 0 auto 0 auto;
	width: 487px;
	
	position: absolute;
	top: 0;
	left: 50%;
	
}

/*
 * Header - toolbar
 */

#toolbar-wrapper {
	width: 500px;
	height: 30px;
	text-align: right;
	position: absolute;
}

#toolbar-wrapper ul.toolbar {
	font-size: 90%;
	padding: 0.5em 1em;
}

#toolbar-wrapper ul.toolbar .separator {
	border-right: 1px solid #ccc;
}

#toolbar-wrapper ul.toolbar .text {
	padding: 0 10px 0 10px;
}

#toolbar-wrapper ul.toolbar a.logout  {
	text-decoration: underline;
	color: Blue;
}


#toolbar-wrapper ul.toolbar li {
	display: inline;
}

#toolbar-wrapper ul.toolbar li a {
	text-decoration: none;
	color: black;
	padding: 0 5px 0 10px;
	margin: 0;
	display: inline-block;
}

#toolbar-wrapper ul.toolbar li span  {
	background: url(../images/gfx/toolbar_icons.gif);
	height: 14px;
	margin: 0 0 0 5px;
	padding: 0 17px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#toolbar-wrapper ul.toolbar li#leseweb span { background-position: 0 -14px; }
#toolbar-wrapper ul.toolbar li#leseweb .active span { background-position: 0 0; }
#toolbar-wrapper ul.toolbar li#contrast span { background-position: -68px -14px; }
#toolbar-wrapper ul.toolbar li#contrast .active span { background-position: -68px 0; }
#toolbar-wrapper ul.toolbar li#rss span { background-position: -17px -14px }
#toolbar-wrapper ul.toolbar li#rss .active span { background-position: -17px 0; }
#toolbar-wrapper ul.toolbar li#sitemap span { background-position: -85px -14px; }
#toolbar-wrapper ul.toolbar li#sitemap .active span { background-position: -85px 0; }
#toolbar-wrapper ul.toolbar li#english span { background-position: -51px -14px; }
#toolbar-wrapper ul.toolbar li#english .active span { background-position: -51px 0; }
#toolbar-wrapper ul.toolbar li#norsk span { background-position: -34px -14px; }
#toolbar-wrapper ul.toolbar li#norsk .active span { background-position: -34px 0; }

/*
 * Header - logo
 */

#logo
{
	position: absolute;
	top: 65px;
	left: -487px;
}

/*
 * Header - main menu
 */

#mainmenu-wrapper {
	top: 192px;
	position: absolute;
}

#mainmenu-wrapper .mainmenu {
	margin: 0;
	padding: 1px 0 0 0;
	float: left;
	font: bold 13px Arial;
	overflow: hidden;
	margin-bottom: 1em;
	background: black;
}

#mainmenu-wrapper .mainmenu li {
	display: inline;
}

#mainmenu-wrapper .mainmenu li a {
	float: left;
	color: white;
	padding: 8px 11px;
	text-decoration: none;
	border-right: 1px solid white;
	width: 120px;
	text-align: center;
	text-transform: uppercase;
}

#mainmenu-wrapper .mainmenu li a:visited {
	color: white;
}

#mainmenu-wrapper .mainmenu li a:hover, #mainmenu-wrapper .mainmenu li .selected {
	color: white;
	background: transparent url(../images/gfx/mainmenu_bg_active.png) center center repeat-x;
}

#mainmenu-wrapper .search {
	position:relative;
	float: left;
	margin: 0 0 0 28px;
	padding: 4px 0 0 0;
}

#mainmenu-wrapper .search #searchbox {
	width: 170px;
	padding: 2px;
	margin: 0 0 0 -5px;
	position:relative;
}

#mainmenu-wrapper .search #searchbutton {
	position:relative;
	margin: 0 0 0 3px;
	padding: 1px;
	width: 50px;
	text-transform: uppercase;
}

/*
 * Content
 */

#content-wrapper {
	margin:0 auto; /* center, not in IE5 */
	padding: 0 0 50px 0;
	width: 974px;
	overflow: hidden; 
}

#content-wrapper .yui-b { margin: 0; padding: 0; }
#content-wrapper .yui-t3 { margin: 0; padding: 0; }
#content-wrapper #doc3 { margin: 0; padding: 0; }

#content-wrapper #breadcrumb {
	margin: 20px 0 5px 0;
	font-size: 0.95em;
}

#content-wrapper #breadcrumb a {
	color: Blue;
}

#content-wrapper p {
	margin: 0 0 1em 0;
}

#content-wrapper label.login {
	text-align: right;
	width: 100px;
	display: block;
	float: left;
	margin: 3px 20px 0 0;
}

#content-wrapper input.login {
	width: 200px;
	padding: 2px;
}

#content-wrapper #button {
	margin-left: 120px;
}

#content-wrapper .preface {
	font: 1.3em georgia, garamond, times, "times new roman", serif;
	padding: 5px 0 15px 0;
}

#content-wrapper img.mainimage {
    border: 0;
    padding: 0 0 10px 10px;
    float: right;
}
    

#content-wrapper .errormessage {
	background:#ffe7e4 url(../images/gfx/icon_error.png) 10px 10px no-repeat;
	border:2px solid #c00;
	color: Black;
	padding:10px 10px 6px 34px;
	font-weight: bold;
	display: none;
}

#content-wrapper .successmessage {
	background:#E2F9E3 url(../images/gfx/icon_success.png) 10px 10px no-repeat;
	border:2px solid #B6EFB7;
	color: Black;
	padding:10px 10px 6px 34px;
	font-weight: bold;
	display: none;
}

#content-wrapper .warningmessage {
	background:#FFEE9B url(../images/gfx/icon_warning.png) 10px 10px no-repeat;
	border:2px solid #C0C0C0;
	color: Black;
	padding:10px 10px 6px 34px;
	font-weight: bold;
	display: none;
}

#content-wrapper .protectedmessage {
	background-image: url('../images/gfx/icon_padlock.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #E2F9E3;

	margin: 25px 0 25px 0;
	padding: 6px 10px 6px 30px;

	font-size: 95%;
	font-weight: bold;

	border: 2px dashed #C0C0C0;
}

#content-wrapper .signature {
	font-style: italic;
	margin-top: -15px;
}	

#content-wrapper .formReceipt {
	border: 1px solid green;
	background-color: #E2F9E3;
	padding: 0 10px 10px 10px;
	margin-bottom: 20px;
}

#content-wrapper .formReceipt pre {
	white-space: pre;
	width: 600px;
}


#content-wrapper .linkList li a
{
	display: inline;
}

/*
 * Content - newsbox on frontpage
 */

#content-wrapper #frontnews {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	height: auto;
	overflow: hidden; 
	width: 100%;
}

#content-wrapper #frontnews p {
	margin: 0;
	padding-bottom: 5px;
}

#content-wrapper #frontnews .navigation {
	margin: 0 0 0 10px;
	float: right;
}

#content-wrapper #frontnews .navigation li {
	background-color: #E7E7E9;
	width: 275px;
	list-style: none;
}

#content-wrapper #frontnews .navigation .underline {
	border-bottom: 1px solid gray;
}

#content-wrapper #frontnews .navigation li a {
	color: black;	
	text-decoration: none;
	width: 97%;
	display: block;
    outline: 0; /* @ Firefox, prevent dotted border after click */    
    padding: 5px 0 5px 10px;
}

#content-wrapper #frontnews .navigation .ui-tabs-selected {
	background-color: #DA2826;
}

#content-wrapper #frontnews .navigation .ui-tabs-selected a {
	color: white;
}

#content-wrapper #frontnews .navigation .ui-tabs-hide {
	position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;
} 

#content-wrapper #frontnews .navigation .date {
	display: block;
	font-size: 0.8em;
}

#content-wrapper #frontnews .navigation .title {
	font-size: 1.05em;
}

#content-wrapper #frontnews .frontnewsitem {
	padding: 10px 0 0 0;
	clear: both;
}

#content-wrapper #frontnews .frontnewsitem h3 {
	padding: 0 0 5px 0;
}

#content-wrapper #frontnews .frontnewsitem .date {
	font-size: 0.8em;
	padding: 0;
}

#content-wrapper #frontnews .text {
    float: right;
    width: 560px;
}

#content-wrapper #frontnews .thumbnail  {
    float: left;
    border: 0;
    margin: 0 10px 0 0;
    width: 150px;
}

/*
 * Content - 3 boxes under news on frontpage
 */

#content-wrapper #frontads {
	padding: 15px 0 0 0;
}

#content-wrapper #frontads p {
	padding: 10px;
}

#content-wrapper #frontads h2 {
	padding: 3px;
	margin: 0;
	display: block;
	color: white;
}

#content-wrapper #frontads .first {
	background-color: #8AA07B;
}

#content-wrapper #frontads .first h2 {
	background-color: #E4EBD0;
}

#content-wrapper #frontads .second {
	background-color: #A0A0E8;
}

#content-wrapper #frontads .second h2 {
	background-color: #E7E7F9;
}

#content-wrapper #frontads .third {
	background-color: #E47D32;
}

#content-wrapper #frontads .third h2 {
	background-color: #FBE7B9;
}

/*
 * Content - right column on frontpage
 */

#content-wrapper #frontcolumn {
	font-size: 100%;
}

#content-wrapper #frontcolumn .item {
	margin: 0 0 0 5px;
	padding: 0 0 25px 0;
}

#content-wrapper .newscolumn {
	margin: 20px 0 0 0;
}

#content-wrapper #frontcolumn .item h2 {
	border-bottom: 1px dotted #233C8C;
}

#content-wrapper #frontcolumn ul.relatednews li 
{
	border-bottom: 1px dotted gray;
	padding: 3px;
}

#content-wrapper #frontcolumn ul.relatednews a {
	margin: 0; padding: 0;
}

#content-wrapper #frontcolumn .newssortlist select
{
	margin: 0; padding: 3px;
	width: 180px;
}

#content-wrapper #frontcolumn .newssortlist input
{
	margin-left: 5px;
}


/*
 * Content - submenu
 */

#content-wrapper #submenu {
	margin: 20px 0 0 0;
	padding: 0 0 0 -10px;
	width: 280px;
}

#content-wrapper #submenu ul {
	margin:0;
	padding:0;
	font-size: 95%;
}

#content-wrapper #submenu li {
	margin:0 0 0 -10px;
	padding:0;
	list-style: none;
}

#content-wrapper #submenu a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: black;
    outline: 0; /* @ Firefox, prevent dotted border after click */    
    clear: both;
    background: url(../images/gfx/bullet-left.gif) left center no-repeat;
}

#content-wrapper #submenu a:hover {	background-color: #e7e7e9; color: black; }
#content-wrapper #submenu a.active {background: url(../images/gfx/bullet-down.gif) left center no-repeat; font-weight: bold; }
#content-wrapper #submenu a.selected { background-color: #DA2826; color: white; font-weight: bold; }

#content-wrapper #submenu .level1 {	padding: 0;	margin: 0 0 0 10px; }
#content-wrapper #submenu .level1 a { padding-left: 15px; border-top: 1px solid gray; }
#content-wrapper #submenu .level1 a.active { border-bottom: 1px solid gray;  }
#content-wrapper #submenu ul.level1  { border-bottom: 1px solid gray; }

#content-wrapper #submenu .level2 {	padding: 0 0 0 15px; margin: 0; }
#content-wrapper #submenu .level2 li { padding: 0 0 0 10px; }
#content-wrapper #submenu .level2 a { border-top: 0; border-bottom: 1px dotted gray; }
#content-wrapper #submenu .level2 a.active { border-bottom: 1px dotted gray; }

#content-wrapper #submenu .level3 {	padding: 0 0 0 15px; margin: 0; }
#content-wrapper #submenu .level3 a { border-bottom: 1px dotted gray; }
#content-wrapper #submenu .level3 a.active { border-bottom: 1px dotted gray;  }

#content-wrapper #submenu .level4 {	padding: 0 0 0 15px; margin: 0; }
#content-wrapper #submenu .level4 a { border-bottom: 1px dotted gray; }
#content-wrapper #submenu .level4 a.active {  }

#content-wrapper #submenu .level5 {	padding: 0 0 0 15px; margin: 0; }
#content-wrapper #submenu .level5 a { border-bottom: 1px dotted gray; }
#content-wrapper #submenu .level5 a.active {  }

#content-wrapper #submenu .level6 {	padding: 0 0 0 15px; margin: 0; }
#content-wrapper #submenu .level6 a { border-bottom: 1px dotted gray; }
#content-wrapper #submenu .level6 a.active {  }

/*
 * Content - main
 */

#content-wrapper #yui-main ul { margin-bottom: 1em; }
#content-wrapper #yui-main ol { margin-bottom: 1em; }
#content-wrapper #yui-main ul li { list-style: disc outside; margin: 0 0 0 20px; }
#content-wrapper #yui-main ol li { list-style: decimal  outside; margin: 0 0 0 20px; }
#content-wrapper #yui-main table { margin-bottom: 20px; }
#content-wrapper #yui-main table th,td { padding: 3px; }
#yui-u first h2 { font: 1.0em georgia, garamond, times, "times new roman", serif; margin: 0.5em 0 0.25em 0; }

#content-wrapper #socialfeatures { margin: 30px 0 10px 0; }
#content-wrapper #socialfeatures a { padding-right: 15px; }
#content-wrapper #socialfeatures span { padding-left: 5px; }

/*
 * Footer
 */

#footer-wrapper {
	background: url(../images/gfx/footer_bg.png) repeat-x;
	position:absolute;
	width:100%;
	height: 30px;
	bottom:0; /* stick to bottom */
}

#footer-wrapper #footer {
	margin:0 auto; /* center, not in IE5 */
	padding: 5px 0 0 0;
	width: 974px;
	font-size: 90%;
}

#footer-wrapper #footer .left {
	float: left;
}

#footer-wrapper #footer .right {
	float: right;
}

#sitemap li {
 list-style: disc;
 padding: 0 0 0 5px;	
 margin: 0 0 0 15px;
 font-size: 100%;
}

/*
 * JQuery UI Tabs
 */

 /* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

	.mailmojo label {
		display: block;
		margin-bottom: 5px;
	}
	.mailmojo input[type=email],
	.mailmojo input[type=text],
	.mailmojo select {
		max-width: 250px;
		width: 100%;
	}
	.mailmojo .field {
		margin-bottom: 10px;
	}

