/* #################################################################################
# BODY
################################################################################# */

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #ffffff url("/support/images/background_50.png") repeat-x;
	font: normal 12px/18px Tahoma,Arial,sans-serif;
}
.bodyPage {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.bodyContent {
	width: 918px;
	min-height: 900px;
	margin: 0px auto;
	padding: 0px;
	background-color: #fbfbfb;
	border-left: solid 1px #b8bebe;
	border-right: solid 1px #b8bebe;
}

/* VARS */

.posRelative {
	position: relative;
}

.loginBox {
	width: 300px;
	height: 180px;
	margin: 100px auto;
	padding: 20px;
	background-color: #ffffff;
	border: solid 1px #000000;
}
.loginInfo{
	margin: 0px 0px 10px 0px;
	font: Normal 12px/20px Tahoma,Arial,sans-serif;
	letter-spacing: 0px;
}
.loginError {
	margin: 0px 0px 10px 0px;
	font: bold 12px/20px Tahoma,Arial,sans-serif;
	color:#e20000;
	letter-spacing: 0px;
}
.loginBox h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font: bold 14px/20px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}

/* #################################################################################
# MODULE 59 
################################################################################# */

.Mod59ErrorBox {
	width: 538px;
	background-color: #fffdc4;
	border: 1px solid #ffd132;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	font: normal 11px Arial,sans-serif;
	text-align: center;
	color: #f80000;
}
.Mod59SuccessBox {
	width: 538px;
	background-color: #d4ffde;
	border: 1px solid #00cd30;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	font: normal 11px Arial,sans-serif;
	text-align: center;
	color: #00751c;
}
.Mod59Box {
	width: 560px;
	margin: 0px;
	padding: 0px;
}
.Mod59Box h1 {
	margin: 0px;
	padding: 0px;
	font: bold 14px/20px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59Box h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
	font: bold 12px/18px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
	border-bottom: solid 1px #f4f4f4;
}
.Mod59ItemBox {
	width: 560px;
	margin: 0px;
	padding: 0px;
	font: normal 11px/20px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ItemBox h1 {
	margin: 0px;
	padding: 0px;
	font: bold 14px/18px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ItemBox h2 {
	margin: 0px;
	padding: 0px;
	font: bold 11px/18px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ListBox {
	width: 560px;
	margin: 0px;
	padding: 0px;
	font: normal 11px/20px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ListBox h1 {
	margin: 0px;
	padding: 0px;
	font: bold 14px/18px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ListBox h2 {
	margin: 0px;
	padding: 0px;
	font: bold 11px/18px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ListTable {
	width: 560px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	font: normal 12px/16px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ListTable thead {
	font: normal 11px/16px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
	background-color: #7fceee;
}
.Mod59ListTable tbody {
	font: normal 12px/16px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ListTable .ButtonDelete {
	float: right;
	width: 70px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	font: bold 11px/17px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}
.Mod59ListTable .ButtonView {
	float: right;
	width: 70px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	font: bold 11px/17px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;
}

/* #################################################################################
# MODULE FONTS 
################################################################################# */

a {color: #808080; text-decoration:none;}
a:hover {color: #43b02a; text-decoration:none;}
.fontOverskrift {font: bold 16px/24px Tahoma,Arial,sans-serif; color: #009fdb;}
.fontIngress {font: bold 12px/18px Tahoma,Arial,sans-serif; color: #231f20; letter-spacing: 0px;}
.fontInnhold {font: normal 12px/18px Tahoma,Arial,sans-serif; color:#231f20; letter-spacing: 0px;}
.fontBildetekst {font-family: Tahoma,Arial,sans-serif;font-size: 10px;color: #231f20;font-weight: normal;font-style: normal;}
.fontNotisInnhold {font-family: Tahoma,Arial,sans-serif;font-size: 11px;color: #231f20;}
.fontNotisOverskrift {font-family: Tahoma,Arial,sans-serif;font-size: 12px;color: #231f20;font-weight: bold;}
.fontPagename {font-family: Tahoma,Arial,sans-serif;font-size: 14px;color: #00b71e;font-weight: bold;}

/* #################################################################################
# SECTIONS 
################################################################################# */

.sectionHeader {
	width: 918px;
	height: 150px;
	padding:  30px 0px 0px 0px;
	clear: both;
	background-color: #fbfbfb;
	
}
.sectionSplash {
	width: 918px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	clear: both;
	
}
.sectionContent {
	width: 880px;
	min-height: 350px;
	margin: 0px;
	padding: 19px;
	
	overflow: auto;
	clear: both;
}
.sectionRight {
	float: right;
	width: 559px;
	margin: 0px;
	padding: 20px 20px 20px 20px;
	clear: none;
	border-left: 1px solid #b8bebe;
}
.sectionLeft {
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 20px;
	clear: none;
}
.sectionFooter {
	width: 918px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	clear: both;
	border-right: 1px solid #b8bebe;
}

/* #################################################################################
# HEADER 
################################################################################# */

.headerLogo {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 220px;
	height: 120px;
	padding: 0px;
}
.headerMenu {
	position: absolute;
	left: 220px;
	top: 80px;
	width: 698px;
	height: 70px;
	padding: 0px;
}

/* #################################################################################
# FOOTER
################################################################################# */

.footerLogo {
	width: 918px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	clear: both;	
}
.footerCopyright {
	width: 920px;
	height: 40px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	clear: both;
	font: normal 10px/15px Arial;
	color: #009fdb;
	text-align: center;
}
.footerCopyright a {
	color: #009fdb;
}

/* #################################################################################
# MENU
################################################################################# */

.menuBody 
{
	width: 698px;
	margin: 0px;
	padding: 0px;
	/* border-top: solid 1px #ffffff; */
}
.menuBody a {
	color: #808080;
	text-decoration: none;
}
.menuLev1 
{
    float: right;
	width: 698px;
	height: 30px;
	margin-top: 20px;
	padding: 0px;
	overflow: hidden;
}
.menuLev1 li {
	float: right;
	cursor: pointer;
	list-style: none;
	width: 110px;
	height: 30px;
	text-align: center;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menuLev1 li span {
	display: block;
	height: 30px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	font: bold 11px/30px Tahoma,Arial,Verdana;
	letter-spacing: 1px;
}
.menuLev1 li:hover a {
	color: #43b02a;
}
.menuLev1 li:hover {
	color: #ffffff;
}
.menuLev1 li.On {
	background-color: #0098c9;
}
.menuLev1 li.On span {
	font-weight: bold;
}
.menuLev1 li.On a {
	color: #ffffff;
}
.menuLev2 {
	width: 100%;
	min-height: 60px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.menuLev2 li.one {
	float: left;
	width: 100%;
	cursor: pointer;
	list-style: none;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	background-color: #e5e3e3;
	font: normal 12px/30px Tahoma,Arial,Verdana;
	letter-spacing: 1px;
}

.menuLev2 li.two {
	float: left;
	width: 100%;
	cursor: pointer;
	list-style: none;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font: normal 12px/30px Tahoma,Arial,Verdana;
	letter-spacing: 1px;
}

.menuLev2 a 
{
    float: left;
    width: 200px;
    background-image: url(../images/menu_orange.png);
	background-repeat: no-repeat;
	background-position: 97% center;
}

.menuLev2 a:hover 
{
    background-image: url(../images/menu_green.png);
	background-repeat: no-repeat;
	background-position: 97% center;
}


/* #################################################################################
# CONTENT HEADER
################################################################################# */

.contentHeader {
	width: 560px;
	height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.contentHeader a {
	color: #aacbc0;
	text-decoration: none;
}
.contentHeaderText {
  float: left;
  margin: 0px;
  padding: 0px;
	font: bold 11px/20px Tahoma,Arial,Verdana,sans-serif;
	letter-spacing: 1px;
	color: #aacbc0;
}
.contentHeaderIcons {
  float: right;
  width: 80px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
.contentHeaderIcons img {
  float: left;
  width: 18px;
  height: 18px;
  margin: 1px;
  padding: 0px;
  border: none;
}