﻿/* ********************************
*  2011 © Netlab AS 
*  http://www.netlab.no
* *********************************/

@font-face {
  font-family: 'fontello';
  src: url('fontello.eot?58557985');
  src: url('fontello.eot?58557985#iefix') format('embedded-opentype'),
       url('font/fontello.woff?58557985') format('woff'),
       url('font/fontello.ttf?58557985') format('truetype'),
       url('font/fontello.svg?58557985#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?58557985#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
color:#68044C;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
margin-left:5px;
margin-right:-3px;
 
 } 
 
.icon-star:before { content: '\e800'; } 
.icon-location:before { content: '\e803'; } 
.icon-user:before { content: '\e801'; } 
.icon-lock:before { content: '\e802'; } 







ul.reg {list-style:none;clear:both;-webkit-padding-start: 0;}
.reg li {float:left;padding-right:15px;}

.reg li a {
color: #69014a;font-size:16px;
}
@font-face {
	font-family: 'Pictos';
	src: url('pictos-web.eot');
	src: local('☺'), url('pictos-web.woff') format('woff'), url('pictos-web.ttf') format('truetype'), url('pictos-web.svg#webfontphKv1xv9') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*

@font-face {
    font-family: 'webfontuploaded_file';
    src: url('pictos-web-webfont.eot');
    src: local('☺'),
         url('pictos-web-webfont.eot?#iefix') format('opentype'),
         url('pictos-web-webfont.woff') format('woff'),
         url('pictos-web-webfont.ttf') format('truetype'),
         url('pictos-web-webfont.svg#webfontuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
  font-family: 'fontello';
  src: url('fontello.eot?58557985');
  src: url('fontello.eot?58557985#iefix') format('embedded-opentype'),
       url('fontello.woff?58557985') format('woff'),
       url('fontello.ttf?58557985') format('truetype'),
       url('fontello.svg?58557985#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


span.ico { font-family: "Pictos", Georgia, serif;font-size:17px;color:#68044C; padding-left:7px; padding-right:2px;font-weight:normal;}
span.icos { font-size:18px;color:#68044C; padding-left:7px; padding-right:2px;font-weight:normal;margin-top:2px;font-weight:normal}


html, body {width: 100%;margin:0;height:100%;}

html {}

body {
	font-size: 12px; font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg-global.gif) repeat-x;
	/*	background: #eaebd7 url(../images/bg-global.gif) repeat-x; */
	background-color: #F1F3EC;
	color: #333333;
	}




/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font:Arial, Helvetica, sans-serif;}

h1{ font-size: 19px; margin-top: 0;color: #323232;font-weight: normal;}
h2{ font-size: 17px;}
h3{ font-size: 15px;}
h4{ font-size: 13px;}
h5{ font-size: 9px;}
h6{ font-size: 9px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{}

h1.nomargin, h2.nomargin, h3.nomargin, h4.nomargin, h5.nomargin, h6.nomargin {margin:0;font-weight: bold;}


/* Links
-------------------------------------------------------------- */



a{ text-decoration: none;color: #6B0245;}
a:hover{ text-decoration: underline;} 
a img{ border: 0;}

.sp-mc-lc a{color: #691841;text-decoration:underline;}

/* Developers default
-------------------------------------------------------------- */	
p {margin-bottom: 25px;}


p.large, em.large{ font-size: 1.2em;}

ul.plain, ol.plain, dl.plain{}
dt span{ display: block; }

div.hr {
	font-size: 0;
	line-height: 0;
	height: 1px;
	margin: 0;
	clear:both;
	background: url(../images/hr.gif) repeat-x;
}

div.hr hr { display: none; }

table td {vertical-align:top;}


/****************************************************************************************
*  Rails
*****************************************************************************************/ 

.pageshader-outer{
	/*background: #d7d7d7*/; padding: 0;width: 980px; margin: 0 auto;
	}

.pageshader-inner{}

    .pageholder{ margin: 0px auto; padding: 0; width: 980px;font-size: 0.8em;}
    .wrapper{}

	    .header, .option-bar, .navigaton-bar, .placeholder{ text-align: left;}

		.option-bar{}
        .placeholder{ overflow: hidden; margin: 0; text-align: left; clear:both;}


.site-wrapper {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -480px;
}

.site-content {
	width: 1000px;
	font-size: 14px;
	}

.footer, .push {
	height: 480px;
	}


.fp-lc {
	width: 615px;
	float:left;
	margin-right: 15px;
	}

.fp-rc {
	width: 370px;
	float:left;
	}

.sp-lc {
	width: 174px;
	float:left;
	margin: 0 12px 0 0;

	}

.sp-mc {
	width: 814px;
	float:left;
	margin: 0 0 0 0;
	}

.sp-mc-lc {
	width: 530px;
	min-height:300px;
	float:left;
	margin: 0 30px 50px 0;
	}

.sp-mc-lc-wide {
	width: 814px;
	min-height:300px;
	float:left;
	margin: 0 0 50px 0;
	}

.sp-mc-rc {
	width: 254px;
	float:left;
	}

.sp-content {
	line-height: 1.6em
	}

.sp-content h1 {
	font-family: ff-dax-web-pro,sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: normal;
	}

.sp-content img.sp-thumbnail {
	margin-bottom: 10px;
	}

/****************************************************************************************
*  Header
*****************************************************************************************/ 

.header {
	height: 143px;
	}

.header-col1 {
	width: 495px;
	float:left;
	}

.header-col2 {
	width: 495px;
	float:left;
	text-align:right;
	}


/****************************************************************************************
*  Box
*****************************************************************************************/ 

.box {
	margin-bottom: 15px;
	background: #fff;
	}

.box-content {
	padding: 10px;
	background: #fff;
	}

.box-title {
	display:block;
	clear:both;
	margin: 0 0 15px 0;
	}

.box-title span a {
	display:inline-block;
	text-transform:uppercase;
	font-size: 12px;
	color: #fff;
	background: #333333;
	padding: 2px 4px;
	}

.box-title span a:hover {
	background: #68014a;
	text-decoration:none;
	}

.box-content.social, .box-content.other {
	position:relative;
	}

.box-content.social a, .box-content.other a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
	}

.box-content.social h3, .box-content.other h3 {
	font-size: 16px;
	font-family: ff-dax-web-pro,sans-serif;
	padding:12px 0 0 0;
	margin:0 0 0 12px;
	}

.box-content.large h3 {
	font-size: 28px;
	}


/****************************************************************************************
*  Box v2
*****************************************************************************************/ 

.bannerbox {
	margin-bottom: 15px;
	background: #fff;
	}

.bannerbox-content {
	padding: 10px;
	background: #fff;
	position:relative;
	}

.bannerbox-bg {
	}

.bannerbox-title {
        width: 330px;
	position:absolute;
	font-size: 16px;
	font-family: ff-dax-web-pro,sans-serif;
	}

.bannerbox-title{
	position:absolute;
	}



.bannerbox-title h3 				{font-family:ff-dax-web-pro,sans-serif;margin:0;padding:0;}
.bannerbox-title h3.regular {font-size: 16px;}
.bannerbox-title h3.large 	{font-size: 28px;}

.bannerbox-title.upperleft  {top:20px;left:23px;}
.bannerbox-title.lowerleft  {bottom:20px;left: 23px;}


/****************
*  Box Feature
*****************/

.box-feature {
	width: 597px;
	}

.box-feature-wrap {
	position: relative;
	float:left;
	height:300px;
	}

.box-feature-wrap div.overlay {
	width: 565px;
	display: block;
	position: absolute;
	bottom: 0;
	left:0;
	background:url(../images/box-feature-overlay-pink.png);
	color: #fff;
	padding: 15px 15px 0 15px;
	}


.box-feature-wrap .overlay h2 {
	margin:0 0 5px 0;
	padding:0;
	color: #fff;

	}
	
.box-feature-wrap .overlay h2 a {
	margin:0;padding:0;
	font-family: ff-dax-compact-web-pro,sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	}

.box-feature-wrap .overlay h3 {
	font-family: ff-dax-web-pro,sans-serif;
	font-style: normal;
	font-weight: 400;
	margin:0 0 5px 0;
	padding:0;
	color: #fff;
	}

.box-feature-wrap .overlay h3 a {
	font-size: 15px;
	font-weight: bold;
	margin:0;
	padding:0;
	color: #fff;
	}

.box-feature-wrap div.overlay a:hover {
	text-decoration:underline;
	}

.box-feature-wrap p {
	margin:0;
	padding:0 0 19px 0;
	}

a.overlay-link {
	width: 595px;
	height:300px;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	}

/***********************
*  Box feature small
************************/

.box-feature-small {
	width: 350px;
	}

.box-feature-small-caption {
	padding: 15px;
	color: #fff;
	}

.box-feature-small-caption p {
	margin:0;
	padding:0;
	}

.box-feature-small-caption h2 {
	margin:0;
	padding:0;
	}
.box-feature-small-caption h2 a {
	font-family: ff-dax-compact-web-pro,sans-serif;
	font-size: 30px;
	margin:0;
	padding:0;
	color: #fff;
	}

.box-feature-small-caption h3 {
	margin:0;
	padding:0;
	color: #fff;
	}
/****************
*  Box dual
*****************/

.box-dual {
	background: #fff;
	padding: 10px 8px 10px 0;
	margin: 0 0 12px 0;
	}

.box-dual-content {
	width: 146px;
	min-height: 125px;
	float:left;
	margin-left: 10px;
	padding: 12px;
	}

.box-dual-content h3 {
	margin:0;
	padding:0;
	font-family: ff-dax-web-pro;
	font-size: 18px;
	}

.box-dual-content img {
	margin:0px 0 4px 0;
	}

.box-dual-content p {
	margin:0;
	padding:0;
	}

.box-dual-content.light {
	background: #d95e00;
	color: #fff;
	}
.box-dual-content.dark {
	background: #c9cfa9;
	color: #323139;
	}

/****************
*  Box fb
*****************/

.box-fb {
	height: 80px;
	width: 171px;
	position:relative;
	margin-right: 9px;
	float:left;
	}

.box-fb h3 {
	position:absolute;
	left:13px;
	top:10px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin:0;
	padding:0;
	}
	
.box-fb a {
	height: 80px;
	width: 171px;
	position:absolute;
	top:0;
	left:0;	
	}


/****************
*  Box blog
*****************/

.box.blog {
	background: #575850;
	border: 12px solid #fff;
	margin-bottom: 12px;
	position: relative;
	color: #fff;
	padding: 12px;
	}

.box.blog:hover {
	background: #727368;
	}

.box.blog a {color:#fff;}
.box.blog a:hover {text-decoration:none;}
.box.blog h3 {
	font-family: ff-dax-web-pro;
  font-size: 18px;
	margin:0;
	}

.box.blog p {margin:0;padding:0;}


/****************
*  Box blog 2
*****************/

.box.blog2 {
	background: #575850;
	border: 12px solid #fff;
	margin-bottom: 12px;
	position: relative;
	color: #fff;
	padding: 12px;
	}

.box.blog2:hover {
	background: #727368;
	}

.box.blog2 a {color:#fff;}
.box.blog2 a:hover {text-decoration:none;}
.box.blog2 h3 {
	font-family: ff-dax-web-pro;
  font-size: 18px;
	margin:0;
	}

.box.blog2 p {margin:0;padding:0;}


/****************
*  Partner slider
*****************/

.box-partners {
	background: #d95e00;
	width: 170px;
	height: 80px;
	float:left;
	position:relative;
	}

.box-partners h3 {
	position:absolute;
	left:13px;
	top:10px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin:0;
	padding:0;
	}

		.slides_container {
			width:170px;
			display:none;
			position:absolute;
			top: 25px;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:170px;
			height:55px;
			display:block;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
			display:none;
		}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}


/****************
*  Book feature
*****************/

.book-feature {
	width: 197px;
	float:left;
	margin: 17px 0 0 0;
	}

.book-feature h3{
	margin:0 0 6px 13px;
	padding:0;
	font-family: ff-dax-compact-web-pro,sans-serif;
	font-size: 12px;
	font-weight: normal;
	}

.book-feature h2{
	margin:0 0 15px 13px;
	padding:0;
	font-family: ff-dax-compact-web-pro,sans-serif;
	font-size: 24px;
	font-weight: bold;
	}

.book-feature-footer {
	text-align:right;
	}

.book-feature p {
	padding: 0 25px 0 13px;
	}

.book-feature-footer {
	padding: 0 25px 0 13px;
	}

.book-feature-footer a {
	text-decoration:underline;
	}

/****************
*  Book featured
*****************/

.book-featured {background: #fff;	padding: 10px;}

.book-featured-header {

	}

.book-featured-header h2, .book-featured-header h3 {
	margin:0;
	padding:0;
	}

.book-featured-header h2 {
	font-family: ff-dax-compact-web-pro,sans-serif;
	font-size: 30px;
	margin: 0;
	padding: 0 0 5px 0;
	}

.book-featured-header h3 {
	font-family: ff-dax-compact-web-pro,sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 15px 0 7px 0;
	}

.book-featured-content {
	background: #dbdfc6;
	width: 350px;
	}

.book-featured-content div {
	padding: 30px 15px 15px 15px;
	line-height: 1.6em;
	}

.book-featured-content img {
	float:left;
	}


/****************************************************************************************
*  Quote
*****************************************************************************************/ 

.quote {
	width: 350px;
/*	background: url(../images/quote-top.png) no-repeat #68014a; */
	background: #68014a;
	margin: 10px 0 0 10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	behavior: url(http://stiftelsen-arkivet.no.erkunde.no/site/stiftelsen-arkivet.no/design/layouts/css/PIE.htc);
	}
	
.quote-content {	
	padding-top: 20px;
	padding-bottom: 20px;
/*	position:relative; */
	}
/*
.quote-bottom {
	width: 350px;
	height: 83px;
	background: url(../images/quote-bottom.png) no-repeat bottom;
	margin: -40px 0 0 0;
	}
*/
	
.quote-text {
/*	margin-bottom: 25px; */
	font-family: ff-dax-web-pro;
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	padding: 0 30px;
	line-height: 1.5em;
	z-index:100;
	}

.quote-quotee {
	height: 40px;
	line-height: 40px;
	display:inline-block;
	font-family: ff-dax-web-pro;
	font-size: 18px;
	font-weight: bold;
	color: #68014a;
	padding-left: 85px;
	background: url(../images/bg-quotee.gif) no-repeat;
/*	margin: 55px 0 0 90px;*/
	}

/****************************************************************************************
*  List
*****************************************************************************************/ 

.list-item {
	margin: 0 0 30px 0;
	}

.list-item-title h2 {margin:0;padding:0;}
.list-item-title h2 a {
	font-family: ff-dax-compact-web-pro;
	font-size: 22px;
	margin:0;
	padding:0;
	}

.list-item-thumb {
	float:left;
	margin: 0 12px 0 0;
	}

.list-item p {margin:0;padding:0;line-height: 1.6em;}

.list-item-footer {
	margin-top: 10px;
	float:right;
	}

.list-item-3col {
	float:left;
	width: 175px;
	margin: 15px 75px 15px 0;
	}

.list-item-3col img {
	}

.list-item-3col .row-first {
	clear:left;
	}




.searchbox {
	width: 848px;
	height: 77px;
	background: url(../images/bg-searchbox.gif) no-repeat;
	}

.searchbox div {
	padding: 21px 0 0 25px;
	}

.searchbox div input.inputsok {
	width: 566px;
	height: 26px;
	padding: 0 10px;
	margin: 0 15px 0 0;
	}

.list-item-plain {
	margin: 40px 0 20px 0;
	}

.list-item-plain h2 {
	font-family: ff-dax-compact-web-pro;
	font-size: 22px;
	margin:0;
	padding:0;
	}

.list-item-plain h2 a {
	color: #69054e;
	margin:0;
	padding:0;
	}

.list-item-plain p a {
	color: #6c0249;
	text-decoration:underline;
	}

.list-item-plain p {
	margin:0;
	padding:0;
	}



/****************************************************************************************
*  List pager
*****************************************************************************************/ 

.pager {margin: 40px 0 30px 0px;}

.show-pager-1 {display:none;}

.pager ul {
	margin:0;
	padding:0;
	list-style:none;
	}

.pager ul li {
	margin:7px 5px 0 0;
	padding:0;
	list-style:none;
	float:left;
	}

.pager li a {
	display:block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #710149;
	font: 14px Arial, sans-serif;
	text-align: center;
	text-decoration:none;
	}

.pager li:hover a, .pager li.active a {
/*	border: 1px solid #d64004;
	background: #d64004; */
	color: #000;
	font-weight: bold;
	}
	

/****************************************************************************************
*  Sub page
*****************************************************************************************/ 

.breadcrumb {
	margin-bottom: 30px;
	color: #68044c;
	font-size: 12px;
	}

.breadcrumb a {
	color: #68044c;
	}

.breadcrumb img {
	margin: 0 6px;
	}

.byline {
	margin-bottom: 20px;
	}

.text-contact {
	background: url(../images/bg-text-contact.gif);
	font-size: 12px;
	margin: 0 0 25px 0;
	color: #fff;
	line-height: 1.6em;
	}

.text-contact-wrapper-outer {
	background: url(../images/bg-text-contact-bottom.gif) no-repeat bottom;
	}

.text-contact-wrapper-inner {
	padding: 12px;
	}
	
.text-contact a {
	color: #fff;
	}

.text-contact-lc {
	width: 230px;
	float:left;
	margin: 0 25px 0 0;
	}

.text-contact-lc h3 {
	margin: 0 0 0 0;
	padding:0;
	}

.text-contact-lc p {
	margin: 0;
	padding:0;
	}

.text-contact-rc {
	width: 230px;
	float:left;
	}

.text-contact-rc img {
	float:left;
	margin-right: 10px;
	}


.text-social {
	width: 530px;
	height: 30px;
	clear:both;
	margin: 0 0 25px 0;
	}

.text-social .col1, .text-social .col2, .text-social .col3 {
	float:left;
	width: 140px;
	height: 30px;
	}

.text-social .col1 {width: 170px;}
.text-social .col1 ul {margin:0;padding:0;list-style:none;}
.text-social .col1 ul li {margin:0;padding:0;}
.text-social .col1 ul li a {padding: 0 0 0 25px;background: url(../images/fb.gif) no-repeat;height: 19px;line-height: 19px;display:block;}

.text-social .col2 {width: 150px;}
.text-social .col2 ul {margin:0;padding:0;list-style:none;}
.text-social .col2 ul li {margin:0;padding:0;}
.text-social .col2 ul li a {padding: 0 0 0 25px;background: url(../images/twitter.gif) no-repeat;height: 19px;line-height: 19px;display:block;}

.text-social .col3 {width: 170px;}
.text-social .col3 ul {margin:0;padding:0;list-style:none;}
.text-social .col3 ul li {margin:0;padding:0;}


.sp-mc-rc h3 {
	margin-bottom: 5px;
	padding:0;
	font-family: ff-dax-web-pro;
	}

ul.related {
	margin:0;
	padding:0;
	list-style:none;
	}

ul.related li {
	margin: 0 0 5px 0;
	}

ul.related li a {
	color: #69014a;
	}


/****************************************************************************************
*  Navigation
*****************************************************************************************/ 

.header-top {
	margin: 15px 0 30px 0;
	float:right;
	color: #b5b5b5;åo
	display:block;
	}

.header-top ul {
	margin:3px 0 0 0;
	padding:0;
	list-style:none;
	}

.header-top ul li {
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	float:left;
	}

.header-top ul li a {
	height: 12px;
	color: #b5b5b5;
	}



.header-top-menu ul.lang {
	}

.header-top ul.lang li a.german {
	background: url(../images/flag-d.gif) no-repeat red;
	width: 15px;
	height: 12px;
	display:block;
	text-indent:-9999px;
	text-align:left;
	}

.header-top ul.lang li a.english {
	background: url(../images/flag-gb.gif) no-repeat red;
	width: 15px;
	height: 12px;
	display:block;
	text-indent:-9999px;
	text-align:left;
	}


/****************************************************************************************
*  Site search
*****************************************************************************************/ 

.site-search {
	float:left;
	margin:0;
	padding:0;
	margin-left: 20px;
	}

.site-search table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	}

.site-search table td {
		vertical-align:middle;
	}

.site-search form {
	margin:0;
	padding:0;
	}

.site-search form input{
	margin:0 0 0 5px;
	padding:0;
	}



/*******************************************
*  Main-menu
********************************************/


.site-navigation {
	clear:both;
	margin: 0;
	}

ul#menuList {
	}

#menuList, #menuList ul {
  float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:999;
	text-decoration:none;
	font-size: 12px;
	}

#menuList a {
	text-decoration: none;
	margin:0;
	display:block;
	padding: 4px 7px 3px 7px;
	font-weight: bold;
	font-family: ff-dax-web-pro;
	font-size: 15px;
	}

#menuList a:hover {
	color: #fff;
	background: #6a004b;
	}

#menuList li.active a {
	color: #fff;
	background: url(../images/nav-active.gif) bottom center no-repeat #6a004b;
	padding: 4px 7px 10px 7px;
	}


/*
#menuList li.active a {
	background: url(../images/nav-active.gif) no-repeat center bottom #6a004b;
	color: #fff;
	}
*/


#menuList li.active li a {
	background-image: none;
	color: #fff;
	}

#menuList li {
	text-transform:uppercase;
	float: left;
	padding: 0;
	margin:0;
	}

#menuList li ul{   /* #menuList li ul{ width: 120px;} */
	width: 165px;
	line-height: 38px;
	}
#menuList ul a{
/*	width:  200px; */} /* #menuList ul a{ width: 120px;}*/

#menuList li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: -4px 0 0 0;
	}

#menuList li li {
	width: 165px;
	border: 0px ;
	clear:left;
	}

#menuList li ul a {
    border: 0px;
		background:none;
		display:inline-block;
		font-weight: normal;
		width: 145px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-transform:none;
		font-size: 12px;
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 0;
		}

#menuList li ul ul {
	margin: -33px 0 0 140px;}



#menuList li:hover ul ul, 
#menuList li:hover ul ul ul, 
#menuList li.sfhover ul ul, 
#menuList li.sfhover ul ul ul {left: -999em;}

#menuList li:hover ul, 
#menuList li li:hover ul, 
#menuList li li li:hover ul, 
#menuList li.sfhover ul, 
#menuList li li.sfhover ul, 
#menuList li li li.sfhover ul {	left: auto;background: #6a004b;}

#menuList li:hover a {color: #fff;}

#menuList li:hover, 
#menuList li.sfhover {background: #6a004b;}

#menuList li a:hover, #menuList li li a:hover {
	color: #fff;
	text-decoration:underline;
	}

#menuList li a:hover {
	text-decoration:none;

	}


/*******************************************
*  Sub-menu
********************************************/


.sub-menu {
	padding: 0;
	width: 225px;
	}

.sub-menu-header {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 16px;
	color: #6b0245;
	text-transform:uppercase;
	}

.sub-menu ul {margin:0 0 0 0;padding:0;list-style:none;}
.sub-menu li {margin:0;padding:0;list-style:none;}

.sub-menu li a {display:block;padding: 2px 0 10px 0;
	background: url(../images/list-bullet.gif) no-repeat 0 6px;
	color: #6b0245;
	text-transform:uppercase;
  font-size: 11px;
	width:165px;
	}


.sub-menu li.active a {font-weight: bold;}

.sub-menu li ul {display:none;}
.sub-menu li.active ul {display:block;margin:0 0 0 14px;}
.sub-menu li.active ul li a {background: none;font-weight: normal; text-transform:none;}

.sub-menu li.active ul li.active a {font-weight:bold;}



/****************************************************************************************
*  Footer
*****************************************************************************************/ 

.footer {clear:both;}

.footer {
	background: url(../images/bg-footer.png) repeat-x #77796e;
	font-size: 14px;
	}

.footer-wrapper {
	width: 1000px;
	margin:0 auto;
	clear:both;
	}

.footer-content {
	height: 420px;
	padding: 0px;
	color: #fff;
	}

.footer-content-credits {
	height: 60px;
	text-align:right;
	}

.footer-content-credits, .footer-content-credits a {
	color: #afb3a2;
	}

.footer-col1 {
	width: 298px;
	float:left;
	margin: 35px 66px 0 35px;
	}

.footer-col2 {
	width: 308px;
	float:left;
	margin: 35px 12px 0 0;
	}

.footer-col2 a {
	color: #fff;
	}

.footer-col3 {
	width: 250px;
	float:left;
	margin: 35px 0 0 0;
	}

.footer h3 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;	
	}

.footer-fb {margin-top:30px;}
.footer-fb img {margin-top:10px;}
.footer-fb img:hover {opacity:0.8;}



/*******************
*  Employee-list
********************/ 

.employee-list-item {display:block;clear:both;margin: 0 0 12px 0;color: #fff;line-height: 1.4em;}
.employee-list-item img.employee-thumb {
	float:left;
	margin: 0 10px 0 0;

	}

.employee-list-item strong {font-size: 14px;margin:0;padding:0;}

.employee-list-item a {
	}

.employee-list-item a {color: #fff;}

.employee-info table th {
	text-align:left;
	}

a.employee-readmore {
	display:inline-block;
	color: #fff;
	height: 22px;
	padding: 0 6px;
	background: #69014a;
	font-size: 11px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

.copyright {float:left;margin-top: 28px;}
.credits {float:right;margin-top: 28px;}



/****************************************************************************************
*  Profile
*****************************************************************************************/ 

	.tbl-profile 	 				{font-size: 15px;margin:0;padding:0;}
	.tbl-profile th h1	 	{margin:0;padding:0;}	
	.tbl-profile th 			{ padding: 4px 10px 2px 0; border-color: #f4f4f4; font-weight: bold; vertical-align:top; text-align:left;}
	.tbl-profile td 			{ padding: 4px 8px; border-color: #f4f4f4;text-align:left;}


/****************************************************************************************
*  Book
*****************************************************************************************/

.book {position:relative;}

.book .title {font-family: ff-dax-web-pro,sans-serif;font-size: 20px;margin-bottom: 30px;font-weight: bold;}
.book .title h1 {margin:0;padding:0;}
.book .title h2 {margin:0 0 5px 0;padding:0;font-family: ff-dax-web-pro,sans-serif;font-size: 16px;}
.book .title span {color: #660033;}

.book-price {
	background: #69014a;
	padding: 15px;
	font-family: ff-dax-web-pro;
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display:inline;
	position:absolute;
	top:0;
	left:560px;
	}

/****************************************************************************************
*  Form
*****************************************************************************************/

.form {margin:0 0 0 0;}

.form form input[type="text"] {
	padding: 3px;
	width: 300px;
	}

.form form input[type="radio"] {
	}

.form form input[type="checkbox"] {
	}
	
.form form input[type="submit"]:hover {
	cursor:pointer;
	}
	
.form form textarea {
	padding: 3px;
	width: 300px;
	height: 100px;
	}
	
.form input[type="text"], form textarea { 
	padding: 10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 15px/100% Verdana, Tahoma, sans-serif;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #68044c;
	
	}
	
.form input:hover, textarea:hover,
.form input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
	
.form label {clear:both;font-weight: bold;padding: 0 0 5px 0;display:block;}

.form .form-row {margin-bottom: 10px; }
.form .form-submit {margin-top: 10px;}
.form .mandatory {color: #c11e27;margin-left: 5px;font-size: 22px;}

.form input[type="button"] {
	width: auto;
	padding: 10px 16px;
	background: #de5e2c;
	border: 0;
	font-size: 18px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	}

.form input[type="button"]:hover {
	cursor:pointer;
	background: #ba4f25;
	}

.mandatory-info {
	padding: 8px;
	width: 346px;
	margin: 15px 0;
	color: #000;
	}


/****************************************************************************************
*  Form bookorder
*****************************************************************************************/

.form-header {
/*	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/

	border-radius: 10px 10px 0 0;
	behavior: url(http://stiftelsen-arkivet.no.erkunde.no/site/stiftelsen-arkivet.no/design/layouts/css/PIE.htc);
	background: #69014a;
	text-align:center;
	width:200px;
	height:35px;
	line-height:35px;
	color: #fff;
	font-weight: bold;
	}

.form.bookorder {
	background: #69014a;
	-webkit-border-radius: 0 10px 10px 10px;
	-moz-border-radius: 0 10px 10px 10px;
	border-radius: 0 10px 10px 10px;
	behavior: url(http://stiftelsen-arkivet.no.erkunde.no/site/stiftelsen-arkivet.no/design/layouts/css/PIE.htc);
	padding: 15px;
	position:relative;
	}

.form.bookorder .form-info {
	width: 140px;
	position:absolute;
	top:20px;
	right:15px;
	color: #fff;
	margin-top:0;
	}

.form.bookorder form {
	margin:0;
	padding:0;
	}
	
.form.bookorder label {
	margin:0;
	padding:0;
	color: #fff;
	}

.form.bookorder input[type=text] {
	width: 325px;
	}

.form.bookorder input[type="button"] {
	width: auto;
	padding: 10px 25px;
	background: #dddddd;
	color: #000;
	font-weight: bold;
	}

.form.bookorder .mandatory-info {
	width: 325px;
	}

.form input[type="button"]:hover {
	background: #bfbfbf;
	}




/****************************************************************************************
*  Calendar
*****************************************************************************************/

.calendar {margin-top: -20px;}

.calendar h2 {
	font-size: 20px;font-family: ff-dax-web-pro,sans-serif;padding:12px 0 7px 0;margin:0;
	}

.calendar .box-content {
	padding: 0 0 10px 0;
	}

.cal-title {
	font-size: 18px;font-family: ff-dax-web-pro,sans-serif;color: #69014a;font-weight: bold;
	margin: 0 0 0 15px;
	padding: 15px 0 0 0;
	}

.cal-event {padding: 15px 0 15px 15px;}
.date-stamp {width: 52px;height: 50px;margin-right: 15px;float:left;background: url(../images/datestamp.png) no-repeat;}
.mon {width: 52px;height: 18px; line-height: 18px; text-align:center;color: #fff; text-transform:uppercase;font-size: 13px;font-family: ff-dax-web-pro,sans-serif;font-weight: bold;}
.date {width: 52px;height: 30px;line-height: 30px; text-align:center;font-size: 26px;font-weight: bold;	font-family: ff-dax-web-pro,sans-serif;color: #69014a;}
.cal-event-title {width: 275px;display:block;float:left;font-family: ff-dax-web-pro,sans-serif;font-size: 22px;margin:0;padding:0;color: #69014a}
.cal-event-title a {color: #69014a;text-decoration:underline;}

.full-cal-event-title {display:block;font-family: ff-dax-web-pro,sans-serif;font-size: 22px;color: #69014a;}
.cal-event-text {margin: 0 0 4px 0;font-size: 15px;font-family: ff-dax-web-pro,sans-serif;color: #69014a;width: 275px;clear:both;}

.full-cal-event-text {margin: 0 0 20px 0;font-size: 15px;font-family: ff-dax-web-pro,sans-serif;color: #69014a;}
.full-cal-event-text p, .cal-event-text p {margin: 0;padding: 0;}

.box.calendar .box-content {min-height: 258px;}
.cal-link a {	
	display:block;
	padding: 0 0 15px 67px;
	margin-left: 15px;
	font-family: ff-dax-web-pro,sans-serif;color: #69014a;
	}


/****************************************************************************************
*  Booking
*****************************************************************************************/ 

.booking-header {background: #69014a;padding: 10px 20px;color: #fff;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.booking-header h3 {line-height: 27px;font-size: 18px;padding:0;margin:0;}
.booking {padding:10px 20px 30px 20px;background:#fff;border: 1px solid #ccc;border-top:0;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.booking-info {margin-bottom:30px;}
.btn-booking {background: #7daa00;padding:10px 15px;color: #fff;text-align:center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
font-weight:bold;
}

.btn-booking:hover {background: #609000; text-decoration:none;}

/****************************************************************************************
*  Update 14. feb 2014
*****************************************************************************************/ 

.box-fw {
	background: #d95e00;
	border: 12px solid #fff;
	margin-bottom:12px;
	position:relative;
	color: #fff;
	}
	
.box-fw-content {
	padding:12px;
	}

.box-fw h3 {
	margin:0;
	padding:0;
	font-family: ff-dax-web-pro;
	font-size: 18px;
	}
.box-fw img {margin:0px 0 4px 0;}
.box-fw p {margin:0;padding:0;}




.box-square-wrapper {
	background: #fff;
	padding:12px 12px 0 0;
	margin-bottom:12px;
	}

.box-square {
	float:left;
	width:167px;
	height:158px;
	margin-left:12px;
	margin-bottom:12px;
	position:relative;
	background: #c8cfa8;
	}

.box-square-content {padding:12px;color:#fff;}

.box-square h3 {
	margin:0;
	padding:0;
	font-family: ff-dax-web-pro;
	font-size: 18px;
	}
.box-square img {margin:0px 0 4px 0;}
.box-square p {margin:0;padding:0;color: #fff;}

.box-fw:hover, .box-square:hover {
	opacity:0.8;
	}

/*
.box-dual-content {
	width: 146px;
	min-height: 125px;
	float:left;
	margin-left: 10px;
	padding: 12px;
	}

.box-dual-content h3 {
	margin:0;
	padding:0;
	font-family: ff-dax-web-pro;
	font-size: 18px;
	}

.box-dual-content img {
	margin:0px 0 4px 0;
	}

.box-dual-content p {
	margin:0;
	padding:0;
	}

.box-dual-content.light {
	background: #d95e00;
	color: #fff;
	}
.box-dual-content.dark {
	background: #c9cfa9;
	color: #323139;
	}
*/











/****************************************************************************************
*  Plukk
*****************************************************************************************/ 

.cr {clear:both;}


/****************************************************************************************
*  Clearfix
*****************************************************************************************/ 

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



/* MailChimp Form Embed Code - Classic - 08/17/2011 */

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:5px 0 15px 0; font-size:1.8em;}
#mc_embed_signup h4 {font-weight:bold; padding:0; margin:0; font-size:.9em;float:none;display:inline;margin-left:20px;font-weight: normal;line-height:35px;}
#mc_embed_signup h4 a {color: #6a1a41; text-decoration:underline}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #6a1a41; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#852151;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:0; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	 We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup input[type=submit] {}





/* MailChimp Form Embed Code - Classic - 08/17/2011 */

#mc_embed_signup2 form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup2 h2 {font-weight:bold; padding:0; margin:0 0 15px 0; font-size:1.6em;}
#mc_embed_signup2 input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup2 input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup2 input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup2 input:focus {border-color:#333;}
#mc_embed_signup2 .button {clear:both; background-color: #6a1a41; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup2 .button:hover {background-color:#852151;}
#mc_embed_signup2 .small-meta {font-size: 11px;}
#mc_embed_signup2 .nowrap {white-space:nowrap;}

#mc_embed_signup2 .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:0; min-height:50px;}
#mc_embed_signup2 .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup2 .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup2 .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup2 .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup2 .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup2 .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup2 .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup2 .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup2 .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup2 .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup2 .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup2 .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup2 .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup2 .clear {clear:both;}

#mc_embed_signup2 .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup2 .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup2 .mc-field-group.input-group label {display:inline;}
#mc_embed_signup2 .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup2 div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup2 div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup2 #mce-error-response {display:none;}
#mc_embed_signup2 #mce-success-response {color:#529214; display:none;}
#mc_embed_signup2 label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup2 #num-subscribers {font-size:1.1em;}
#mc_embed_signup2 #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup2{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	 We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup2 input[type=submit] {}
#mc_embed_signup2 h4 {
font-weight: bold;
padding: 0;
margin: 0;
font-size: .9em;
float: none;
display: inline;
margin-left: 20px;
font-weight: normal;
line-height: 35px;
}
.nblink {height:32px;line-height:32px;margin-left:10px;}
/****************************************************************************************
*  Rezdy
*****************************************************************************************/

