﻿/* #################################################################################
# BODY 
################################################################################# */

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #b8d1dc;
}
.bodyContent {
	width: 990px;
	margin: 10px auto;
	padding: 0px;
	background-color: #ffffff;
}

/* #################################################################################
# PAGE 
################################################################################# */

.pageHeader {
	width: 990px;
	margin: 0px;
	padding: 0px;
}
.pageContent {
	width: 990px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	vertical-align: top;
	background: #ffffff url("/2010/images/content_back.jpg") bottom no-repeat;
}
.pageFooter {
	width: 990px;
	margin: 0px;
	padding: 0px;
}
.pageCopyright {
	width: 990px;
	margin: 10px auto;
	padding: 0px;
	font: normal 10px/15px Arial,Verdana,sans-serif;
	color: #5e8ea9;
	text-align: center;
}

/* #################################################################################
# HEADER
################################################################################# */

.headerSearch {
	float: right;
	width: 200px;
	margin: 10px 20px 10px 10px;
	padding: 0px;
}
.headerSearch form {
	margin: 0px;
	padding: 0px;
}
.headerSearch table {
	width: 200px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}
.headerSearch table td {
	margin: 0px;
	padding: 0px;
}
.headerSearch input {
	width: 160px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: solid 1px #bbbbbb;
	background-color:#ffffff;
	font: normal 11px/18px Arial,Verdana,sans-serif;
	color: #78a7bb;
}

/* #################################################################################
# CONTENT 
################################################################################# */

.contentTable {
	width: 990px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
.contentTable td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.contentMenu {
	width: 180px;
	min-height: 450px;
	background: #78a7bb url("/2010/images/menu_back.jpg") no-repeat;
}
.contentMain {
	width: 550px;
}
.contentHeader {
	width: 550px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: url("/2010/images/contentheader_back.png") no-repeat;
}
.contentHeader a {
	color: #97b5c3;
}
.contentHeaderText {
  float: left;
  margin: 10px 15px;
  padding: 0px;
	font: bold 12px/15px Arial,Verdana,sans-serif;
	color: #b8d1dc;
}
.contentHeaderIcons {
  float: right;
  width: 80px;
  height: 20px;
  margin: 15px;
  padding: 0px;
}
.contentHeaderIcons img {
  float: left;
  width: 18px;
  height: 18px;
  margin: 1px;
  padding: 0px;
  border: none;
}
.contentGoogleMap {
	overflow: hidden;
	width: 540px;
	height: 350px;
	margin: 0px;
	padding: 4px;
	border: solid 1px #b8d1db;
}
.contentGoogleMap iframe {
	width: 540px;
	height: 350px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}

/* #################################################################################
# RIGHT
################################################################################# */

.rightCatch {
	width: 180px;
	height: 120px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.rightNotis {
	display: table;
	width: 180px;
	min-height: 230px;
	margin: 0px;
	padding: 0px;
	background: url("/2010/images/notis_back.png") no-repeat;
}
.rightNotisBox {
	width: 150px;
	margin: 0px;
	padding: 15px;
}


/* #################################################################################
# SIDEMENU 
################################################################################# */

.sideMenuBox {
	width: 180px;
	margin: 0px;
	padding: 0px;
}

/* SIDEMENU 1 */

.sideMenu1Box {
	margin: 0px;
	padding: 0px;
}
.sideMenu1 {
	cursor: pointer;
	width: 158px;
	height: 24px;
	margin: 0px;
	padding: 0px 10px;
	border-left: solid 1px #78a7bb;
	border-right: solid 1px #78a7bb;
	border-bottom: solid 1px #78a7bb;
	font: bold 11px/25px Arial,Verdana,sans-serif;
	color: #ffffff;
}
.sideMenu1:hover {
	background: url("/2010/images/sidemenu1_hover.png") no-repeat;
	color: #5e8ea9;
}
.sideMenu1On {
	background: url("/2010/images/sidemenu1_on.png") no-repeat;
	color: #333333;
}
.sideMenu1Sub {
	background: url("/2010/images/sidemenu1_sub.png") no-repeat;
	color: #5e8ea9;
}

/* SIDEMENU 2 */

.sideMenu2Box {
	margin: 0px;
	padding: 0px;
	background: url("/2010/images/sidemenu_trans.png");
}
.sideMenu2 {
	cursor: pointer;
	width: 148px;
	height: 25px;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	border-left: solid 1px #78a7bb;
	border-right: solid 1px #78a7bb;
	border-bottom: solid 1px #78a7bb;
	background: url("/2010/images/sidemenu2_off.png");
	font: normal 11px/25px Arial,Verdana,sans-serif;
	color: #5e8ea9;
}
.sideMenu2:hover {
	background: url("/2010/images/sidemenu2_hover.png") no-repeat;
	color: #333333;
}
.sideMenu2On {
	background: url("/2010/images/sidemenu2_on.png");
	font-weight: bold;
	color: #333333;
}
.sideMenu2Sub {
	background: url("/2010/images/sidemenu2_sub.png");
	font-weight: bold;
	color: #5e8ea9;
}

/* SIDEMENU 3 */

.sideMenu3Box {
	margin: 0px;
	padding: 0px;
	background: url("/2010/images/sidemenu_trans.png");
}
.sideMenu3 {
	cursor: pointer;
	width: 138px;
	height: 25px;
	margin: 0px;
	padding: 0px 10px 0px 30px;
	border-left: solid 1px #78a7bb;
	border-right: solid 1px #78a7bb;
	border-bottom: solid 1px #78a7bb;
	font: normal 11px/25px Arial,Verdana,sans-serif;
	color: #5e8ea9;
	background: url("/2010/images/sidemenu3_off.png");
}
.sideMenu3:hover {
	background: url("/2010/images/sidemenu3_hover.png") no-repeat;
	color: #333333;
}
.sideMenu3On {
	background: url("/2010/images/sidemenu3_on.png");
	font-weight: bold;
	color: #333333;
}

/* #################################################################################
# MENU BOXES 
################################################################################# */

.menuHeader {
	width: 180px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background: url("/2010/images/menu_header.png") no-repeat;
	border: none;
}
.menuLanguage {
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.menuLanguage table {
	width: 160px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}

/* #################################################################################
# MAP 
################################################################################# */

.mapBox {
	width: 750px;
	height: 570px;
	margin: 0px;
	padding: 0px;
	background: url("/2010/images/map_world.gif") no-repeat;
}
#mapItemDiv {
	width: 750px;
	height: 570px;
	margin: 0px;
	padding: 0px;
}
#mapItemDiv img {
	width: 750px;
	height: 570px;
	margin: 0px;
	padding: 0px;
	border: none;
}

/* #################################################################################
# MODULE FONTS 
################################################################################# */

a {color: #5e8ea9; text-decoration:none;}
a:hover {color: #333333; text-decoration:none;}
.fontOverskrift {font: bold 16px/30px Arial,sans-serif; color: #5e8ea9;}
.fontIngress {font: bold 12px/18px Arial,sans-serif; color: #00415a;}
.fontInnhold {font: normal 12px/18px Arial,sans-serif; color:#00415a; letter-spacing: 0px;}
.fontBildetekst {font-family: Arial,sans-serif;font-size: 10px;color: #00415a;font-weight: normal;font-style: normal;}
.fontNotisOverskrift {font: bold 12px/18px Arial,sans-serif; color: #5e8ea9;}
.fontNotisInnhold {font: normal 11px/15px Arial,sans-serif; color: #00415a;}
.fontPagename {font-family: Arial,sans-serif;font-size: 14px;color: #00b71e;font-weight: bold;}

/* #################################################################################
# CUSTOM MODULE
################################################################################# */

.Mod1ListImage {
	margin: 0px;
	padding: 4px;
	border: solid 1px #b8d1db;
}
.Mod1ListImage img {
	margin: 0px;
	padding: 0px;
	border: none;
}

/* ALIGN */

.Right {
	float: right;
	margin: 0px 0px 10px 10px;
}
.Left {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* SIZES */

.Small {
	width: 100px;
}
.Small img {
	width: 100px;
}
.Medium {
	width: 200px;
}
.Medium img {
	width: 200px;
}
.Large {
	width: 330px;
}
.Large img {
	width: 300px;
}
.Full {
	width: 540px;
}
.Full img {
	width: 540px;
}

/* #################################################################################
# CUSTOM FONTS 
################################################################################# */

h1 {
	margin: 0px;
	padding: 0px;
	font: bold 16px/30px Arial,Verdana,sans-serif;
	color: #5e8ea9;
}
h2 {
	margin: 0px;
	padding: 0px;
	font: bold 12px/18px Arial,Verdana,sans-serif;
	color: #5e8ea9;
}
h3 {
	clear: right;
	width:100%;
	margin: 0px;
	padding: 10px 0px;
	font: bold 12px/18px Arial,Verdana,sans-serif;
	color: #5e8ea9;
	letter-spacing: 1px;
	border-top: solid 1px #b8d1db;
	border-bottom: solid 1px #b8d1db;
}
