/*******************************************************
 *		DEFAULT PAGE SETTINGS
 ******************************************************/
body {
	background-color			: rgb( 162, 173,   0);
	font-family					: verdana, arial, sans-serif;
	font-size					: 9pt;
	color						: rgb( 151, 151, 151);
	margin						: 0px;
}

a {
	color						: rgb( 151, 151, 151);
	font-weight					: bold;
	text-decoration				: none;
}

h1 {
	color						: rgb( 162, 173,   0);
	font-size					: 11pt;
	font-weight					: bold;
	margin						: 0px;
	margin-bottom				: 10px;
}

h2 {
	color						: rgb( 162, 173,   0);
	font-size					: 10pt;
	font-weight					: bold;
	margin						: 0px;
	margin-bottom				: 5px;
}

h3 {
	color						: rgb( 162, 173,   0);
	font-size					: 9pt;
	font-weight					: bold;
	margin						: 0px;
}

p {
	margin						: 0px;
	padding						: 0px;
	margin-top					: 0px;
	margin-bottom				: 10px;
}

.pageArea {
	background-color			: rgb( 162, 173,   0);
	width						: 100%;
	text-align					: center;
}

.pagePane {
	background-color			: rgb( 162, 173,   0);
	width						: 994px;
	margin						: auto;
	margin-top					: 25px;
}

.imagelink img {
	border						: none;
}

.divider {
	clear						: both;
}

/*******************************************************
 *		SHADOWAREA
 ******************************************************/
.shadowArea {
}

.shadowTop {
	background-image			: url('../images/shadowtop.png');
	height						: 10px;
	width						: 994px;
	margin						: 0px;
	padding						: 0px;
	font-size					: 0px;
	line-height					: 0px;
}

.shadowPane {
	background-image			: url('../images/shadowcontainer.png');
	margin						: 0px;
	padding						: 0px 6px 0px 6px;
}

.shadowBottom {
	background-image			: url('../images/shadowbottom.png');
	height						: 10px;
	width						: 994px;
	margin						: 0px;
	padding						: 0px;
	font-size					: 0px;
	line-height					: 0px;
}

.pageContainer {
	min-height					: 560px;
}

/*******************************************************
 *		HEADER
 ******************************************************/
.headerArea {
	display						: block;
	background-color			: rgb( 255, 255, 255);
	background-image			: url('../images/headergrafikk.gif');
	background-repeat			: no-repeat;
	width						: 980px;
	height						: 239px;
	overflow					: hidden;
	margin						: 0px;
	margin-left					: 1px;
	margin-right				: 1px;
	padding						: 0px;
}

.headerArea img {
	border						: 0px;
}

.headerLink {
	float						: left;
	width						: 260px;
	height						: 236px;
}

.headerImage {
	float						: right;
	position					: relative;
	width						: 225px;
	height						: 169px;
	top							: 30px;
	right						: 62px;
}

.headerText {
	float						: left;
	position					: relative;
	width						: 415px;
	height						: 236px;
	left						: 5px;
}


/*******************************************************
 *		MENU
 ******************************************************/
.menuArea {
	background-color			: rgb( 103, 51, 39);
	height						: 25px;
}

.menuArea ul {
	margin						: 0px;
	padding						: 0px 0px 0px 50px;
	list-style					: none;
}

.menuArea li {
	float						: left;
	display						: block;
	margin-top					: 5px;
	width						: 154px;
	text-align					: center;
}

.menuArea li a {
	color						: rgb( 255, 255, 255);
}

.menuArea .iconContainer {
	height						: 0px;
}

.menuArea .iconContainer .iconPane {
	height						: 0px;
	width						: 154px;
	text-align					: center;
	overflow					: visible !important;
	overflow					: hidden;
}

.menuArea .iconContainer img {
	position					: relative;
	margin						: auto;
	top							: -70px;
	display						: none;
}

.menuArea .hover .iconContainer img.default {
	display						: block;
}

.menuArea .active .iconContainer img.default {
	display						: none;
}

.menuArea .active .iconContainer img.selected {
	display						: block;
}


/*******************************************************
 *		CONTENT
 ******************************************************/
.contentArea {
	background-color			: rgb( 255, 255, 255);
	height						: auto;
	margin						: 0px;
	margin-left					: 1px;
	margin-right				: 1px;
}

.contentArea .contentPane {
	float						: left;
	width						: 415px;
	margin-top					: 25px;
	margin-bottom				: 25px;
	overflow					: hidden;
}

.contentArea .contentPane.wide {
	width						: 675px;
}


/*******************************************************
 *		CONTENT - MENU
 ******************************************************/
.contentArea .menuArea {
	background-color			: rgb( 255, 255, 255);
	float						: left;
	width						: 250px;
	height						: auto;
	margin-top					: 25px;
	overflow					: hidden;
}

.menuArea .menuPane {
	text-align					: left;
	margin-left					: 50px;
	margin-bottom				: 50px;
}

.menuArea .menuPane ul {
	width						: 100%;
	margin						: 0px;
	padding						: 0px;
}

.menuArea .menuPane li {
	text-align					: left;
	width						: 100%;
	margin						: 0px;
	margin-bottom				: 4px;
}

.menuArea .menuPane ul li a {
	display						: block;
	color						: rgb( 103,  51,  39);
	padding						: 5px;
}

.menuArea .menuPane ul li.master a {
	background-color			: rgb( 238, 238, 238);
	color						: rgb( 162, 173,   0);
}

.menuArea .menuPane ul li.hover a {
	/*background-color			: rgb( 238, 238, 238);*/
	background-color			: rgb( 255, 255, 255);
	color						: rgb( 162, 173,   0);
}

.menuArea .menuPane ul li.active a {
	background-color			: rgb( 255, 255, 255);
	color						: rgb( 162, 173,   0);
}


/*******************************************************
 *		CONTENT - MENU - MULTILEVEL
 ******************************************************/

.menuArea .menuPane ul.multi li a:hover {
	color: #A2AD00;
}
.menuArea .menuPane ul.multi li a {
	display						: block;
	background-color			: rgb( 238, 238, 238);
	color						: rgb( 103,  51,  39);
	padding						: 5px;
}

.menuArea .menuPane ul.multi li.hover a {
	color						: rgb( 162, 173,   0);
}

.menuArea .menuPane ul.multi li.active a {
	color						: rgb( 162, 173,   0);
}

.menuArea .menuPane ul.multi li li {
	margin-top					: 10px;
	margin-bottom				: 0px;
}

.menuArea .menuPane ul.multi li.active li a {
	color						: rgb( 103,  51,  39);
}

.menuArea .menuPane ul.multi li li a {
	background-color			: rgb( 255, 255, 255);
}

.menuArea .menuPane ul.multi li li:hover a {
	color						: rgb( 162, 173,   0);
}

.menuArea .menuPane ul.multi li li.active a {
	color						: rgb( 162, 173,   0);
}


/*******************************************************
 *		CONTENT - ARTICLE
 ******************************************************/
.contentPane .article {
	text-align					: left;
	margin-left					: 12px;
	margin-right				: 10px;
}

.contentPane .article .abstract {
	font-weight					: normal;
}

.contentPane .article table td {
	vertical-align				: top;
	border						: 0px;
	margin						: 0px;
	padding						: 0px;
}

.contentPane .article.seter table {
	border-style				: solid;
	border-width				: 1px 0px 1px 0px;
	border-color				: rgb( 151, 151, 151);
	margin-top					: 15px;
	margin-bottom				: 15px;
}

.contentPane .article.seter table td {
	padding-top					: 5px;
	padding-bottom				: 5px;
}


/*******************************************************
 *		EVENTS
 ******************************************************/
.event {
	text-align					: left;
	border-style				: solid;
	border-color				: rgb( 151, 151, 151);
	border-width				: 1px 0px 0px 0px;
	padding						: 5px 0px 5px 0px;
}

.events .event .image {
	float						: left;
	width						: 150px;
	height						: 100px;
}

.events .event .info {
	float						: left;
	height						: 100px;
	width						: 520px;
}

.events .event .label {
	font-weight					: bold;
	color						: rgb( 162, 173,   0);
}

.events .event .info .element {
	width						: 520px;
	margin						: 5px 0px 0px 0px;
}

.event .label {
	float						: left;
	width						: 70px;
}

.events .event .information {
	float						: left;
	width						: 440px;
}

.window .event .image {
	width						: 520px;
	height						: 200px;
}

.window .event .image img {
	float						: left;
	margin-right				: 10px;
}

.window .event .title {
	font-weight					: bold;
	font-size					: 11pt;
	color						: rgb( 162, 173,   0);
	padding-bottom				: 20px;
	margin-bottom				: 20px;
	border-color				: rgb( 151, 151, 151);
	border-width				: 0px 0px 1px 0px;
	border-style				: solid;
}

.window .event .info {
	padding-bottom				: 20px;
	margin-bottom				: 20px;
	border-color				: rgb( 151, 151, 151);
	border-width				: 0px 0px 1px 0px;
	border-style				: solid;
}

.window .event .info .label {
	font-weight					: bold;
	color						: rgb( 162, 173,   0);
}

.window .event .info .element {
	width						: 445px;
}

.window .event .information {
	float						: left;
	width						: 365px;
}

/*******************************************************
 *		INFORMATIONAREA
 ******************************************************/
.informationArea {
	float						: left;
	width						: 245px;
	height						: auto;
	margin-left					: 17px;
	padding-top					: 15px;
	margin-bottom				: 0px;
	background-color			: rgb( 238, 238, 238);
	border-style				: solid;
	border-color				: rgb( 151, 151, 151);
	border-width				: 0px 1px 1px 1px;
	font-size					: 8pt;
}

.informationArea .informationImage {
	margin-bottom				: 10px;
}

.informationArea .activity {
	text-align					: left;
	padding-left				: 10px;
}

.informationArea .activity .image {
	float						: left;
	width						: 135px;
	height						: 96px;
	margin-right				: 5px;
}

.informationArea .activity .info {
	margin-right				: 5px;
}

.informationArea .activity .info .date {
	font-weight					: bold;
}

.informationArea .activity .info .description {
	overflow					: hidden;
}


/*******************************************************
 *		FOOTER
 ******************************************************/
.footer {
}

.footer a {
	font-size					: 7pt;
	font-weight					: normal;
	color						: #CCCCCC;
}


/*******************************************************
 *		FOOTER
 ******************************************************/
#windowArea {
	position					: absolute;
	top							: 125px;
	width						: 100%;
	text-align					: center;
	z-index						: 1;
	display						: none;
}

.windowContainer {
	margin						: auto;
	width						: 560px;
}

.window {
	width						: 100%;
	background-color			: rgb( 241, 241, 241);
	border-color				: rgb( 100, 100, 100);
	border-style				: solid;
	border-width				: 1px;
}

.window .titleLine {
	width						: 100%;
	height						: 25px;
	background-color			: rgb( 128, 130, 133);
}

.window .titleLine .title {
	color						: white;
	font-weight					: bold;
	font-size					: 11pt;
	padding						: 4px;
}

.window .contentArea {
	text-align					: left;
	background-color			: rgb( 241, 241, 241);
	padding						: 10px;
	border						: 0px;
	margin						: 0px;
}

.window .contentArea h1 {
	color						: rgb( 151, 151, 151);
	margin						: 10px 0px 10px 0px;
	font-size					: 12pt;
	font-weight					: bold;
}

.window .contentArea h2 {
	color						: rgb( 151, 151, 151);
	margin						: 10px 0px 10px 0px;
	font-size					: 10pt;
	font-weight					: bold;
}

.window .contentArea h3 {
	color						: rgb( 151, 151, 151);
	margin						: 10px 0px 10px 0px;
	font-size					: 9pt;
	font-weight					: bold;
}

.window .footerArea {
	text-align					: right;
	background-color			: rgb( 241, 241, 241);
	padding						: 10px;
	margin						: 0px 10px 0px 10px;
	border-width				: 1px 0px 0px 0px;
	border-style				: solid;
	border-color				: rgb( 151, 151, 151);
}

.window .footerArea a {
	margin-left					: 50px;
}

.window .footerArea a:active {
	color						: rgb( 162, 173,   0);
}

.window iframe {
	background-color			: rgb( 241, 241, 241);
	border						: none;
	width						: 520px;
	min-height					: 350px;
}

/*******************************************************
 *		WINDOW - SHADOWAREA
 ******************************************************/
div.shadow {
	float: left;
    background: url('../images/shadow.png') no-repeat bottom right;
    margin: 18px 0 0 18px;
}

/* The top-right corner of the shadow */
div.shadow:before {
    content:"";
    background: url('../images/shadow.png') no-repeat top right;
    margin: -9px 0 0 0;
    display:block;
    height: 9px;
}

/* The bottom-left corner of the shadow */
div.shadow:after {
    content: "";
    background: url('../images/shadow.png') no-repeat bottom left;
    margin: -30px 0 0 -9px;
    display: block;
    width: 9px;
    height: 30px;
}

/* The item with the shadow */
div.shadow > * {
    margin:0;
    display: block;
    position: relative;
    top: -9px;
    left: -9px;
}

/*
div.shadow { border: 0.1px solid transparent; }
*/