﻿body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: black;
}

p,li,dt,dd,td,th,em {
	font-size: 1.2em;
	color: white;
}

.hiddentext {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden; 
}

#wrapper {
	width: 840px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

/***************************************************
	Topptekst
****************************************************/

#header {
	height: 150px; /*Height of top section*/
	background: url(/graphics/map_header.png) no-repeat bottom right;
	border-top: 1px solid #003399;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
}

#header #toolbar {
	float: right;
	width: 277px;
}

#header #toolbar img {
	float: left;
	border: 0;
	padding: 3px 5px 0 0;
}

#header #toolbar input#text {
	width: 95px;
	height: 17px;
}

#header #toolbar input#submit {
	width: 35px;
	color: white;
	background-color: black;
}

#header #logo {
	margin: 10px 0 0 0;
}

#header img#logo {
	border: 0;
}

/***************************************************
	Hovedmeny
****************************************************/

#mainmenu {
	clear: both;
	float: left;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	color: white;

	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.01em;

	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	float: left;

}

#mainmenu li { 
	display: inline; 
	float: left;
	text-align: center;
	width: 120px;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 5px;

}

#mainmenu .button {
	
	margin: -5px 0 0 -5px;
	padding: 4px 0 4px 0;
}

#mainmenu .selected {
	background-color: black;
}


#mainmenu li a {
	color: white;
	text-decoration: none;
}

#mainmenu li a:hover {
	text-decoration: underline;
}

/***************************************************
	Undermeny
****************************************************/

#submenu {
	position: absolute;
	top: 200px;
	margin: 10px 0 10px 10px;
	color: white;
	width: 190px; /*Width of left column*/

}

#submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 10px;
	
}

#submenu li {
	padding: 0 0 10px 0;
}

#submenu li a 
{
	color: white;
	text-decoration: none;
}

#submenu li a:hover 
{
	text-decoration: underline;
}

/***************************************************
	Innhold
****************************************************/

#contentwrapper {
	
}

#maincontent {
	float: right;
	width: 620px;
	border-left: 1px solid #003399;
	margin: 0 0 10px 205px;
	padding: 0 0 15px 10px;
}

#maincontent h1 {
	border-bottom: 1px solid #cc6733;
	font-size: 1.7em;

	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	color: white;
}

#maincontent h2 {
	border-bottom: 1px solid #cc6733;
	font-size: 1.4em;
	font-weight: normal;
	margin: 25px 0 -5px 0;
	color: white;
}

#maincontent .righttable th {
	text-align: right;
	padding: 0 10px 0 0;
}

#maincontent #tagline {
	margin: -5px 0 0 0;
}

#maincontent #breadcrumb p
{
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
	color: white;
}

#maincontent #breadcrumb a {
	color: yellow;
}

#maincontent #newsList {
	float: left;
}

#maincontent .newsListItem {
	margin: 15px 0 0 0;
	padding: 0 0 5px 0;
	padding: 0;
	clear: both;
	width: 610px;
}

#maincontent .newsListItem img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 0;
}

#maincontent .newsListItem h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#maincontent .newsListItem a {
	text-decoration: none;
	letter-spacing: 0.05em;
	color: white;
}

#maincontent .newsListItem a:hover {
	text-decoration: underline;
}

#maincontent .newsListItem .preface {
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	width: 500px;
	float: right;
}


#maincontent .newsListItem .date {
	font-size: 0.8em;
	margin: 0;
	padding: 5px 0 0.8em 0;
	color: gray;
	float: left;
	
}

#maincontent .newsListItem .date a {
	border-bottom: 1px dotted gray;
	color: gray;	
}

#maincontent .newsListItem .date a:hover {
	text-decoration: none;
	border-bottom: 1px solid black;
	color: black;	
}

#maincontent #reportTable {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;

	border-collapse: collapse;
}

#maincontent #reportTable {
	margin: 10px 0 10px 0;
}

#maincontent #reportTable th {
	padding: 5px 5px 2px 5px;
	font-size: 0.9em;
	text-align: left;
	border-width: 0px 0px 0px 0px;
}

#maincontent #reportTable tr:hover {
  background-color: #EEE;
  }

#maincontent #reportTable tr:hover#firstRow {
	background-color: white;
}

#maincontent #reportTable td {
	padding: 5px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	vertical-align: top;
}

#maincontent #reportTable #borderline {
	border-top: 1px solid gray;
	border-style: solid;
}

#maincontent hr {
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #cc6733;
	border-left: 0;
	clear: both;
}

#maincontent img {
	border: 1px solid black;
	padding: 0;
	margin: 5px 10px 5px 10px;
}

#maincontent a {
	color: yellow;
}

/***************************************************
	Bunntekst
****************************************************/

#footer {
	width: 100%;
	clear: both;
	float: left;
	border-top: 1px solid #003399;
	border-bottom: 1px solid #003399;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
}

#footer a {
	color: #FFFF80;
}

#footer p {
	font-size: 1em;
	padding: 0 2px 0 2px;
	margin: 0;
}

#footer .name {
	float: left;
	width: 22%;
}

#footer .adr {
	float: left;
	width: 33%;
	text-align: right;
}

#footer .tel {
	float: left;
	width: 45%;
	text-align: right;
}


/***************************************************
	Kommentarfunksjon
****************************************************/

.successmessage {

	background:#E2F9E3 url(/graphics/icon_success.png) 10px 10px no-repeat;

	border:2px solid #B6EFB7;

	color: Black;

	padding:10px 10px 6px 34px;

	font-weight: bold;

}

.errormessage {

	background:#ffe7e4 url(/graphics/icon_error.png) 10px 10px no-repeat;

	border:2px solid #c00;

	color: Black;

	padding:10px 10px 6px 34px;

	font-weight: bold;

}



#comments, #respond {

	padding: 10px 0 5px 0;
	clear: both;

}

.commentlist {

	margin: 10px 0px;

	padding-left: 20px;

	line-height: 130%;

}

.commentlist li{

	padding: 10px;

	padding-bottom: 0px;

}

.commentlist .alt {

	

	border: 1px dotted #C1DDEF;

}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {

	font-weight: bold;

	font-style: normal;

	font-size: 120%;

}

.commentlist small {

	margin-bottom: 5px;

	display: block;

	font-size: 87%;

}

.commentlist .date
{
	color: gray;
	font-size:0.8em;
}

#commentform {

	margin-top: 10px;
}

#commentform fieldset
{
	padding: 0 0 10px 0;
	border: none;
}

#commentform .notes
{
	font-size: 84%;
	font-weight:normal;
	float: left;
	clear: both;
}

#commentform p 
{
	padding: 6px 0px;
	margin: 0px;
}

#commentform label
{
	color: #787878;
	font-size: 87%;
}

#commentform input
{
	width: 200px;
	background: black;
	color: white;
	border: 1px dotted white;
	padding: 3px;
	margin-top: 3px;
}

#commentform div.label {

	float: left;

	width: 115px;

	text-align: right;

	font-weight:bold;

	margin: 0;

	padding-top: .5ex;
	
	/* border: 1px solid #f00; */

}

#commentform div.input {

	margin: 0 0 0 120px;
	

}


#commentform textarea{

	width: 470px;

	height: 115px;

	background: black;
	color: white;
	border: 1px dotted white;

	padding: 2px;

	margin-top: 3px;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	background: #ffffff;

}

#commentform .securityimage
{
	padding: 0; 
	margin: 0 5px 0 0;
	float: left;
}

#commentform  .icon
{
	margin: 0px 0 3px 0;
	padding: 0 0 0 0;
}

#commentform #submit{

	border: 1px solid gray;
	background-color: #cccccc;

	margin: 15px 0 0 120px;

	color: black;

	float:left;

	width: 125px;

	height: 25px;

	cursor: pointer;

}

#maincontent #frontList {
	float: left;
	margin: 15px 0 15px 0;
	color: white;
}

#maincontent .frontListItem {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding: 0;
	clear: both;
	width: 610px;
}

#maincontent .frontListItem img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

#maincontent .frontListItem h3 {
	font-size: 1.05em;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 0 0;
}

#maincontent .frontListItem a {
	text-decoration: none;
	letter-spacing: 0.05em;
	color: white;
}

#maincontent .frontListItem a:hover {
	text-decoration: underline;
}

#maincontent .frontListItem .preface {
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	width: 500px;
	float: right;
}


#maincontent .frontListItem .date {
	font-size: 0.8em;
	margin: 0;
	padding: 5px 0 0.8em 0;
	color: gray;
	float: left;
	
}

#maincontent .frontListItem .date a {
	border-bottom: 1px dotted gray;
	color: gray;	
}

#maincontent .frontListItem .date a:hover {
	text-decoration: none;
	border-bottom: 1px solid black;
	color: black;	
}
