/* @override http://staging.idium.net/nasjonalmuseet.no/filestore/dev/CSS/layout.css */

/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}
#content .image-box {
  margin-bottom: 0.5em;
}
a {
  text-decoration: none;
  color: #333;
  outline:0px;
}

 a:hover {
  color: #d01824;
} 

p a, .article-content a {
  color: #49637e;
  border-bottom: 1px solid #49637e;
}

p a:hover, .article-content a:hover {
  color: #d01824;
  border-bottom: 1px solid #d01824;
}

ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 62.5% "Lucida Grande", Verdana, sans-serif;
  background-color: #f2f2f6; /* background: url(../GFX/body_bg.jpg) repeat-x #fbfbfb; */
}

h1, h2, h3, h4, h5 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

h1 { 
  font: 2em Georgia, "Times New Roman", Times, serif; 
  font-weight: normal;
}
h2 { 
  font-size: 1.7em;
}
h3 {
  font: 1.3em "Lucida Grande", Verdana, sans-serif;
  font-weight: bold;
  color: #5a5a5a;
}
h4 { 
  font: 1.05em "Lucida Grande", Verdana, sans-serif;
  color: #d01824;
  font-weight: bold;
}
h5 {
  font: 0.9em "Lucida Grande", Verdana, sans-serif;
}
p {
  font-size: 1.05em; /* font-size: 1.15em; TK */
  line-height: 1.5em;
}
p.text {
  /* font: 1.25em/1.6em Georgia, "Times New Roman", Times, serif; */
  font-size: 1.2em;
  font-weight: bold;
  color: #5a5a5a;
}
strong {
  color: #5a5a5a;
}
img {
  display: block;
}

input {
  font-size: 100%;
}

table.user-table td {
  vertical-align: top;
  border-bottom: 1px solid #e4e4e9;
}
table.seminartable td {
  vertical-align: top;
  padding: 0 10px 0 0;
}
table td {
  font-size: 1.05em;
}

td a {
  color: #49637e;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 940px;
}

/* navTools laa to steder, er samlet i menu.css
#navTools {
  float:right;
  height:14px; /* 30px; */
  padding:10px 20px;
  position:relative;
}
*/

/******************
## SIZE SELECTOR ##
******************/

#sizeSelector span {
  cursor: pointer;
  padding-right: 3px;
  line-height:9px;
}

#sizeSelector span:hover {
  text-decoration:underline;
}

#sizeSelector span.medium {
  font-size:1.2em;
}

#sizeSelector span.large {
  font-size:1.4em;
}

#sizeSelector a:hover {
  color:#222222;
  text-decoration:none;
}

body.small #content {
  font-size: 1em;
}

body.medium #content {
  font-size: 1.1em;
}

body.large #content {
  font-size: 1.2em;
}

.small span.small,
.medium span.medium,
.large span.large {
  color:#333333;
}

#header {
  clear:right;
  height: 100px; /* 104px 113px; */
  border: 1px solid #ccc;
  /* background: #456b98;  #66778c;   #acbfd6; */
  width: 938px;
  background: url(../GFX/headerbg.jpg) no-repeat;
  position:relative;
}

.frontpage #header {
  margin-bottom:20px;
}

#topColumn {
  overflow:hidden;
  /* margin-bottom:6px; */
  position:relative;
  /* border-bottom: 1px solid #ccc; */
  /* padding-bottom: 8px;  TK */
  width:940px;
  height: 56px;
}

#topColumn h2 {
  clear:left;
  font: 2.4em Georgia, "Times New Roman", Times, serif;
  color: #7c8c9d; /* #333; */
  margin: 0;
  padding: 12px 0 0 10px; /* TK */
}

#searchForm label {
  font-size: 117%;
  margin-right: 8px;
}

#searchForm .query {
  width: 152px; /* 134px; */
  height: 15px;
  margin-left: 20px; /* TK */
  margin-top: 3px; /* TK */
  background:#ffffff;
  padding: 1px; /* 7px 10px 3px 10px; */
  border: 1px solid #ccc; /* none; */
  font-size:1.15em;
  color:#456b98;
  float:left;
}

#searchForm .button {
  background:url(../GFX/search_button.jpg) no-repeat #f0f0f0 center;
  border: 1px solid #ccc;
  border-left: 0;
  width:35px;
  height:19px;
  float:left;
  padding: 0 10px;
  margin-top: 3px;
  cursor: pointer;
}

#main {
  background: #fff;
  padding: 9px; /* 6px 10px; */
  width: 920px;
  border: 1px solid #ccc;
}

.frontpage #main {
  background:none;
  padding:0px;
  width: 940px;
  border: 0;
}

#innerTopColumn {
  width:918px; /* 920px; */
  float:left;
  margin-bottom:6px; /* 24px; */
  /* padding-bottom:10px; TK */
}

#innerTopColumn h2 {
  font: 2.4em Georgia, "Times New Roman", Times, serif; /* TK */
  margin-top: 4px;
}

#innerTopColumn h3 {
  font: 1.6em Georgia, "Times New Roman", Times, serif; /* TK */
  color: #7c8c9d;
  padding: 6px 0 6px 4px;
}

/* .locationView #innerTopColumn {
  border-bottom:1px solid #cccccc;
} */ /* TK */

.locationView #innerTopColumn p {
  font-size:1.2em;
  margin-top: 10px; /* TK */
  color:#333333;
  /* font-family: Helvetica, Arial, sans-serif; */
}

#innerTopColumn p {
  font-size:1.6em;
  color:#333333;
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  margin: 6px 0 12px 0;
}
  

#leftColumn {
  float: left;
  width: 210px;
}

.frontpage #mainColumn {
  float: left;
  width:700px;
  /*background:#ffffff;
  border:1px solid #cccccc;
  padding:0 10px 10px 10px;*/
}

#mainColumn {
  float: left;
  width:690px;
}

.locationList #mainColumn {
  float: left;
  width:690px;
}

.locationView .withLeftColumn #mainColumn,
.withLeftColumn #mainColumn {
  float: left;
  width:460px;
  margin-left:20px;
}

.employees #mainColumn {
  width:690px;
  margin-left:20px;
}

.press #mainColumn {
  float: left;
  width:690px;
  margin-left: 18px; /* 20px; */
}

.exhibitionList #mainColumn,
.calendar #mainColumn,
.exhibitionView #mainColumn {
  width:920px;
}

.locationView #mainColumn {
  float: left;
  width:460px;
  margin-left:20px;
  /*width:460px;
  width:690px;
  margin-left:20px;*/
}

.noRightColumn #mainColumn {
  width:690px;
  margin-left: 20px;
}

.frontpage #rightColumn {
  width:220px; /* 218px; */
  margin-left: 20px;
}

#rightColumn {
  float: left;
  margin-left: 20px; /* 18px; */
  overflow:hidden;
  width:210px;
}

.frontpage #content {
  margin-bottom:20px;
}

.article-content h2.ja {
  font-family: sans-serif;
  font-weight: normal;
}

.image-box + p {
  margin-top: 6px;
}


/*************************
## GALLERY ##
*************************/

.gallery #main {
  padding:20px 30px;
  width: 878px;
}

.gallery #mainColumn {
  /*width: 878px;*/
  width:640px;
  margin-left:20px;
}

.gallery #topColumn {
  width:100%;
  margin-bottom:10px;
  clear:both;
}

#gallery {
  clear:left;
  float:left;
}

#gallery.single .galleryItem {
  width:640px;
  margin-right:0px;
}

.gallery .totalHits {
  width:600px;
  margin:0px auto 10px;
  text-align:center;
  float:left;
}

.gallery .paginator {
  float:right;
}

.gallery .paginator .pages,
.gallery .paginator li {
  float:left;
}

.gallery .paginator.top {
  float:left;
}

.gallery .paginator.top.rightPos {
  float:right;
}

.gallery .paginator.top li {
  padding:10px 0;
}

.gallery #showPage {
  float:left;
  clear:both;
}

.gallery #showPage li {
  float:left;
}

.gallery #showPage li a,
.gallery .pages li a,
.gallery .pages li.active {
  padding:3px 10px;
  border-right:1px solid #cccccc;
}

.gallery #showPage li a.last,
.gallery .pages li a.last {
  border-right:0px;
}

.gallery #showPage li a:hover,
.gallery #showPage li a.current,
.gallery .pages li a:hover,
.gallery .pages li.active,
.gallery .paginator li.next a:hover,
.gallery .paginator li.prev a:hover {
  color:#d01824;
}

.gallery .pages li a {
  display:block;
}

.gallery .paginator li.inactive {
  display:none;
}

.gallery .paginator li.next,
.gallery .paginator li.prev {
  padding:3px 5px;
}

.galleryItem {
  float:left;
  margin-bottom:20px; /* Old 25px */
  margin-right:20px; /* Old 25px */
  overflow:visible;
  position:relative;
  width:200px;
}

.galleryItem .galleryContent {
  display:none;
}

.galleryItem .galleryContent.display {
  display:block;
  margin-left:10px;
}

.galleryItem .hover {
  background:#f8f8f8;
  border:1px solid #CCCCCC;
  min-height:200px;
  padding:10px;
  position:absolute;
  width:190px;
  z-index:1000;
  left:-5px;
  -moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 8px; 
}

.galleryItem .hover img {
  width:180px;
  margin:5px auto 10px;
}

.galleryItem.last {
  margin-right:0px;
}

.gallery .article img {
  float:left;
  margin-right:20px;
}

.gallery ul.galleryMenu {
  float:left;
  overflow:hidden;
}

.gallery ul#showType {
  float:right;
  overflow:hidden;
}

.gallery ul.galleryMenu li,
.gallery ul#showType li {
  float:left;
  list-style-type:none;
}

.gallery ul.galleryMenu li a,
.gallery ul#showType li a {
  padding:0 5px;
}

/* NEW GALLERY */




#gallery_view {
  list-style:none;
  margin:0;
  padding:0;
}

#gallery_view .gallery_item {
  float:left;
  margin-left:10px;
  width:145px;
  height:170px;
  margin-top:10px;
  position:relative;
}

#gallery_view .gallery_item_inner {
  position:absolute;
  top:0;
  left:0;
}



#gallery_view .summary_image_link {
  display:block;
  overflow:hidden;
  width:145px;
  height:170px;
}

#gallery_view .gallery_item h2 {
  display:none;
}


/* ########### */


/*************************
## THUMBNAILS IN BOXES ##
*************************/

#thumbs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#thumbs li {
	display: inline;
}

#thumbs a {
	border: 0;
	text-decoration: none;
}

	/* hover */

.over {
	float: left;
	position: relative;
	border: 1px solid #bac7cb;
	background-color: #eaf1f3;
	width: 330px;
	height: 102px;
	margin-right: 10px;
	margin-bottom: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 328px;
	height: 100px;
}
.over .image-box {
        position: absolute;
        left: 10px;
        top: 10px;
}
.over a {
	position: relative;
	display: block;
	float: left;
	width: 328px;
	height: 100px;
}
.over a .txt {
	position: absolute;
	top: 12px;
	left: 167px;
	padding-right: 10px;
}
.over a .bld {
        font-weight: bold;
}

/*************************
## FRONTPAGE INFO BOXES ##
*************************/

.frontpage #mainColumn .fsInfo {
  background:#ffffff;
  float:left;
  padding:10px;
  border:1px solid #cccccc;
  overflow:hidden;
  height: 210px;
  margin-bottom:20px;
}
.frontpage #mainColumn .fsInfo p {
  font-size: 1.2em;
}

.frontpage #mainColumn .fsInfo ul {
  list-style-type: none;
  margin-top: 10px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
.frontpage #mainColumn .fsInfo li {
  display: inline;
}
.frontpage #mainColumn .fsInfo li a {
  border-top: 1px solid #ccc;
  border-bottom: 0;
  display: block;
  padding: 5px 2px;
  font-size: 1em;
}
.frontpage #mainColumn .fsInfo li a:hover {
  background-color: #e4e4e9;
}

.frontpage #mainColumn .fsInfo.small_left {
  margin-right:10px;
  width:198px;
}

.frontpage #mainColumn .fsInfo.small_middle {
  margin-left:10px;
  margin-right:10px;
  width:198px;
}

.frontpage #mainColumn .fsInfo.small_right {
  margin-left:10px;
  width:198px;
}

.frontpage #mainColumn .fsInfo.medium_left {
  margin-right:10px;
  width:438px;
}

.frontpage #mainColumn .fsInfo.medium_right {
  margin-left:10px;
  width:438px;
}

.frontpage #mainColumn .fsInfo.large {
  width:678px;
}

.frontpage #mainColumn .fsInfo h1,
.frontpage #mainColumn .fsInfo h2 {
  border-bottom:1px solid #CCCCCC;
  color:#333333;
  font-size:1.6em;
  margin-bottom:10px;
  padding-bottom:5px;
}
.frontpage #mainColumn .small_right p, .frontpage #mainColumn .small_left p, .frontpage #mainColumn .small_middle p {
  font-size: 1.05em;
}

/***************************
## FRONTPAGE RIGHT COLUMN ##
***************************/

.frontpage #rightColumn ul {
  list-style-type: none;
  margin-top: 8px;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
.frontpage #rightColumn li {
  display: inline;
}
.frontpage #rightColumn li a {
  border-top: 1px solid #ccc;
  border-bottom: 0;
  display: block;
  padding: 6px 0;
  text-decoration: none;
}
.frontpage #rightColumn li a:hover {
  background-color: #e4e4e9;
}


#rightColumn .section {
  background:#ffffff;
  margin-bottom:16px; /* 20px */
  padding:10px;
  border:1px solid #cccccc;
  overflow:hidden;
}

#rightColumn .section h1,
#rightColumn .section h2 {
  border-bottom:1px solid #cccccc;
  padding-bottom:5px;
  color:#333333;
  font-size:1.6em;
  margin-bottom: 8px;
}

#rightColumn .section .summary {
  margin-bottom:10px;
}

#rightColumn .section .summary p {
  font-size: 1.05em;
  font-weight: normal;
  color: #000;
}

#rightColumn .section .summary h1,
#rightColumn .section .summary h2 {
  border-bottom:none;
  padding-bottom:0px;
  color:#000000;
  font: 1.05em "Lucida Grande", Verdana, sans-serif;
  font-weight:bold;
  margin-bottom:0px;
}

#rightColumn .section .summary a {
  color: #333333;
  text-decoration:none;
}

#rightColumn .section .summary a:hover {
  color: #d01824;
} 

#rightColumn .shareline h2,
#rightColumn .shareLine h2 {
  border-bottom:none;
  float:left;
  border-right:1px solid #cccccc;
  padding-bottom:0px;
  padding-right:16px;
  line-height:24px;
  margin-bottom:0px;
}

#rightColumn .dateSelector {
  background:url(../GFX/dateSelector_bg.jpg) repeat-x;
  padding:0.2em 1em 1em 1em;
  /* line-height:15px; */
  /*margin-left:10px;*/
  height: 14px;
  float:right;
  width:90px;
  overflow:hidden; 
  cursor:pointer;
}

#rightColumn .dateSelector input,
#rightColumn .dateSelector label,
#rightColumn .dateSelector img {
  float:left;
  cursor:pointer;
  margin-top: 0.4em;
  color: #f0f0f4;
  font-weight: bold;
}

#rightColumn .dateSelector input {
  width:1px;
  height:1px;
  border:none;
  background:none;
  padding:0px;
  margin-top:15px;
}

#rightColumn .dateSelector a {
  float:left;
  display:block;
  background:url(../GFX/dateSelector_bg.jpg) repeat-x;
  padding:5px;
  margin-left:10px;
  line-height:15px;
  width:90px;
  color:#333333;
  font-size:1.15em;
  text-decoration:none;
}

#rightColumn .shareLine a {
  float:left;
  margin:3px 5px;
}

#rightColumn .shareLine a.first {
  margin-left:10px;
}

#rightColumn .dateSelector img {
  float:right;
}

/***************************
## INNER RIGHT COLUMN ##
***************************/

#innerRightColumn .article,
#innerRightColumn .relatedEvents {
  float:left;
  width: 188px;
  background:#f2f2f6;
  border:1px solid #cccccc;
  padding:10px;
  margin-bottom:10px;
}

#orderTour {
  float:left;
}

#orderTour a {
  float:left;
  padding:10px;
  background:#f0f0f0;
  display:block;
  width: 190px;
  text-align:center;
  color:#333333;
}

#innerRightColumn .article {
  margin-bottom:10px;
}

#innerRightColumn h1 {
  border-bottom:1px solid #cccccc;
  padding-bottom:10px;
  margin-bottom:10px;
  font-size:1.6em;
}
#innerRightColumn h2 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 4px;
}
#innerRightColumn h3 {
  margin-bottom: 4px;
}

#innerRightColumn p,
#innerRightColumn table td {
  font-size: 1.05em;
}
#innerRightColumn p.credit {
  font-size: 0.95em;
  color: #7a7a7d;
}

#innerRightColumn ul {
  list-style-type: none;
  margin: 8px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
#innerRightColumn li {
  display: inline;
}
#innerRightColumn li a {
  display: block;
  padding: 6px 3px;
  margin-bottom: 2px;
  font-size: 1.05em;
  color: #333;
  text-decoration: none;
  border-bottom: 0;
  background-color: #ccc;
}
#innerRightColumn li a:hover {
  background-color: #d01824;
}

#innerRightColumn .relatedEvent p.description {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 0.95em;
  color: #333;
}
#innerRightColumn .relatedEvent p.date {
  font-size: 0.95em;
  margin-bottom: 0.8em;
}
  

/******************
## BREADCRUMBS ##
******************/

#breadcrumbs {
  float: left;
  color: #666666;
  font-size:0.9em;
  line-height: 0.9em;
  padding: 5px 10px;
}

#breadcrumbs a {
  color: #666666;
  
}

#breadcrumbs a.active {
  color: #444;
}



/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #f0f0f0;
}

div.box .content {
  padding: 15px 10px;
}

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

#logo {
  float:left;
  padding: 12px 0 0 10px; /* padding: 10px; */
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .summary {
  border-bottom: 1px solid #f0f0f0;
}

#content .summary {
  padding: 20px 0;
}

#content .summary.first {
  padding: 0 0 20px 0;
}

#content .summary h1,
#content .summary h2 {
  font-size: 150%;
  margin-bottom:5px;
}

#content .summary em {
  margin-bottom:10px;
  display:block;
}

#content .summary img {
  float:left;
  margin-right:10px;
}

/* #content .article .text {
  font-size: 1.2em;
} */

#mainColumn #content .article-content p {
  font-size:1.2em;
}
#mainColumn #content .article-content p.credit {
  font-size: 0.95em;
  color: #7a7a7d;
}
#mainColumn #content .article-content p.small {
  font-size: 0.95em;
}
#mainColumn .article-content h2 {
  font: 1.4em "Lucida Grande", Verdana, sans-serif;
  color: #5a5a5a;
  margin-top: 24px;
  margin-bottom: 6px;
  font-weight: bold; 
}
#mainColumn .article-content h3 {
  margin-bottom: 0;
}
#mainColumn table.ansatte {
  border-collapse: collapse;
}

#mainColumn table.ansatte td {
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
}

#mainColumn .article-content ul {
  font-size: 1.2em;
  line-height: 1.5em;
  list-style: square;
}

#mainColumn .article-content dl.meldinger {
  float: left;
  width: 460px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

#mainColumn .article-content dl.meldinger dt {
  clear: left;
  float: left;
  width: 160px;
  padding: 5px 0;
  border-top: 1px solid #ccc;
  font-weight: bold;
}

#mainColumn .article-content dl.meldinger dd {
  float: left;
  width: 300px;
  margin: 0;
  padding: 100px 0 0 0;
  border-top: 1px solid #ccc;
}

#mainColumn .article-content dl.halfpage {
  float: left;
  width: 690px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

#mainColumn .article-content dl.halfpage dt {
  clear: left;
  float: left;
  width: 335px;
  padding: 5px 0;
  border-top: 1px solid #ccc;
  font-weight: bold;
}

#mainColumn .article-content dl.halfpage dd {
  float: left;
  width: 335px;
  margin: 0;
  padding: 100px 0 0 0;
  border-top: 1px solid #ccc;
}


#mainColumn .article-content dt .image-box {
  margin-bottom: 0;
}
  
/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(../GFX/quote.gif) top left no-repeat;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}

/************************
## VISNINGSTEDER LOCATIONS ##
************************/

.location {
  float:left;
  /*border-bottom: 1px solid #cccccc;*/
  /*padding:10px 0;*/
  margin-bottom:10px;
}

.location.small_left {
  width:220px;
  padding-right:7px;
  border-right:1px solid #cccccc;
}

.location.small_middle {
  width:220px;
  margin-left:7px;
  padding-right:7px;
  border-right:1px solid #cccccc;
}

.location.small_right {
  width:220px;
  margin-left:7px;
}

.location.medium_left {
  width:455px;
  padding-right:7px;
  border-right:1px solid #cccccc;
}

.location.medium_right {
  width:455px;
  margin-left:7px;
}

.location.large {
  width:690px;
}

.first.location {
  /*border-top: 1px solid #cccccc;*/
}

.location img {
  float:left;
  margin-bottom:10px;
  margin-right:10px;
}

.location .locationContent {
  float:left;
}

.location.large .locationContent {
  float: right;
  width: 360px;
} /* TK */

#content .location .locationContent h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom:10px;
}


/***************
## CALENDAR ##
***************/
ul.locationMenu {
  background:url(../GFX/Location.gif) no-repeat; /* repeat-x; */
  height:23px;
  overflow:hidden;
  padding:5px 10px;
}

ul.locationMenu li {
  float:left;
  list-style-type:none;
}

ul.locationMenu li a,
ul.locationMenu li.filter {
  border-right:1px solid #cccccc;
  padding: 2px 8px;
  display:block;
  margin-top:0.3em;
  font-size:1.1em;
  text-decoration:none;
  color:#333333;
}
ul.englishLocationMenu li a, ul.englishLocationMenu li.filter {
  font-size: 0.95em;
  padding: 2px 6px;
}
ul.locationMenu li.filter {
  padding: 2px 8px 2px 0;
}

ul.locationMenu li.selected a {
  background-color: #d4d4d8; /* color:#999999; */
}

ul.locationMenu li a.current {
  color:#999999;
}

ul.locationMenu li a:hover {
  color:#d01824;
}

ul.timeNav li {
  float:left;
}

ul.timeNav li a {
  border-left:1px solid #cccccc;
  padding:0 10px;
  display:block;
  margin-top:5px;
  font-size:1.15em;
}

ul.timeNav li.last a {
  border-right:1px solid #cccccc;
}

ul.timeNav li.selected a {
  color:#999999;
}

ul.datepickerMenu {
  position:absolute;
  right:10px;
  top: 24px; /* 40px; */
  height:15px;
  z-index:10;
}

ul.datepickerMenu li {
  float:left;
  list-style-type:none;
  padding:0 10px;
  border-left:1px solid #cccccc;
  line-height:14px;
}

ul.datepickerMenu li.last {
  border-right:1px solid #cccccc;
}

ul.datepickerMenu li label,
ul.datepickerMenu li input,
ul.datepickerMenu li img {
  float:left;
  line-height:20px;
}

ul.datepickerMenu li label {
  margin-right:5px;
  color:#333333;
}
 
ul.datepickerMenu li img {
  margin-left:5px;
  margin-top:2px;
  cursor:pointer;
}

ul.datepickerMenu li input {
  border:1px solid #CCCCCC;
  padding:2px 5px;
  width:55px;
}

ul.datepickerMenu li a.datefilter {
  line-height:20px;
}

ul.datepickerMenu li a.selected {
  color: #d01824;
}

ul.datepickerMenu .hasDatepicker {
  /*margin-top:15px;*/
}
  

.toggleButton {
  float:right;
  width:15px;
  height:15px;
  background:url(../GFX/share_button_open.gif) no-repeat;
}

.toggleButton.open {
  background:url(../GFX/share_button_close.gif) no-repeat;
}

.eventColumnOne,
.eventColumnTwo {
  float:left;
  width:448px;
  border-left:1px solid #cccccc;
  border-top:1px solid #cccccc;
  border-right:1px solid #cccccc;
}

.eventColumnOne {
  margin-right:20px;
}

.exhibitionList .eventColumnOne,
.exhibitionList .eventColumnTwo {
  border-top:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  width:448px;
}

.eventsHeader {
  padding:10px;
  color:#333333;
  border-bottom:1px solid #cccccc;
  overflow:hidden;
}

.eventsHeader h2 {
  font-size:1.8em;
}

.exhibitionList .eventsHeader {
  background:#FFFFFF;
  color:#222222;
  border-bottom:1px solid #cccccc;
}

#events {
}

.eventlist .odd {
  background: #e8e8ed; /* #f0f0f0; */
}
.eventlist .even {
  background: #ffffff;
}



.event {
  float:left;
  padding:10px;
  border-bottom:1px solid #cccccc;
  width:428px;
}
a.event_link {
  width: 178px;
  padding:10px 5px;
  display:block;
  border-bottom:1px solid #ccc;
}
.frontpage a.event_link {
  width: 188px;
}
a.event_link.last {
  border:none;
}
a.event_link:hover {
  background-color: #e4e4e9;
  }
a.event_link .title {
  display:block;
  }
 .exhibitionView .event {
   width:168px;
 }
.frontpage .event.odd {
  background:#E8E8ED;
}

.event .imageWrapper {
  float:left;
  margin-right:10px;
  width:50px;
  height:50px;
}

.event .toggleContent .imageWrapper {
  width:100px;
  height:auto;
}

#content .event h3 {
  margin:0.1em 0 0.3em 0;
  font-size:1.2em;
  line-height: 1.2em;
  font-weight: bold;
  font-family: "Lucida Grande", Verdana, sans-serif;
}

#content .event h3 a {
  color: #5a5a5d;
}

#content .event h3 a:hover {
  color:#d01824;
}

#content .event p.meta {
  margin-bottom:0px;
}

#content .event p.meta span {
  font-size:1.15em;
  color: #5a5a5a; /* #000000; */
}

/*#events .odd {
  background: #e8e8ed;
} */

.eventListContent {
  padding:10px 0px;
  overflow:hidden;
}

.eventListFooter {
  clear:both;
  padding-top:10px;
  border-top:1px solid #cccccc;
}

/***************
## EXHIBITION VIEW ##
***************/

#exhibitionViewHeader {
  border-bottom:1px solid #cccccc;
  margin-bottom:10px;
}

#exhibitionViewHeader h2 {
  font-size:2em;
  /* font-style:italic; */
  color:#333333;
  margin-top: 3px;
}

#exhibitionViewHeader p.eventInfo span {
  font-size:1.2em;
  color:#000000;
}

#exhibitionViewContent {
  float:left;
  width:330px;
  margin-right:20px;
}

#exhibitionViewContent p {
  font-size:1.2em;
  color:#000000;
}
#exhibitionViewContent p.credit {
  font-size: 1em;
  color: #7a7a7d;
}

#exhibitionViewContent p.summary {
  /* font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.4em; TK */
  color: #5a5a5a; /* #333 */
  font-weight: bold; /* TK */
  padding: 0; /* TK */
  border-bottom:none;
}

#innerCenterColumn {
  float:left;
  width: 340px;
  /*margin: 3px 0 20px 0;*/ /* TK */ 
  margin-right:20px; /*Endret av TW igjen :-)*/
}
#innerRightColumn {
  float: left;
  width: 210px;
}
#exhibitionViewMeta {
  margin-bottom:20px;
}

#exhibitionViewMeta {
  float:left;
  width:318px;
  border:1px solid #ccc;
  padding:10px;
}

#exhibitionViewMeta ul#multimediaMenu {
  padding-bottom:10px;
  border-bottom:1px solid #cccccc;
  overflow:hidden;
}

#exhibitionViewMeta ul#multimediaMenu li {
  float:left;
  border-left:1px solid #cccccc;
}

#exhibitionViewMeta ul#multimediaMenu li a {
  display:block;
  padding:0 10px;
  font-size:1.15em;
  color:#000000;
  text-decoration:none;
}

#exhibitionViewMeta ul#multimediaMenu li a.active,
#exhibitionViewMeta ul#multimediaMenu li a:hover {
  color:#999999;
}

.imagesMeta {
  clear:both;
}

ul.tabs {
  float:left;
}

ul.tabs li {
  float:left;
}

.imagesMeta p {
  font-size: 1em;
  color:#000000;
}

#exhibitionViewLocation {
  float:left;
  width:318px;
  border:1px solid #cccccc;
  padding:10px;
  margin-bottom: 20px;
}

#exhibitionViewLocation img {
  float:left;
  margin-right:20px;
}

#exhibitionViewLocation h2 {
  margin-bottom:6px;
  font-size: 1.3em;
}


#exhibitionViewLocation p {
  margin-bottom:0px;
}

/*.videoThumbs a {
  padding:1px;
  display:block;
}

.videoThumbs a:hover {
  border:1px solid #000000;
  padding:0px;
}*/

#video {
  margin-bottom:10px;
}

.relation { 
  float:left;
  line-height:14px;
}

.shareContainer {
  float:left;
  width:100%;
  border-top:1px solid #cccccc;
  margin-top:10px;
}

#exhibitionViewShare,
.addthis_toolbox {
  clear:both;
  float:left;
  text-align: left;
  position:relative;
  z-index:1;
  margin-top:8px;
  padding: 6px 0;
  /* padding:20px 0; */
}

.facebookLike {
  float:left;
  margin-top:8px;
  padding:3px 0 3px 10px;
}

.eventListFooter a {
  line-height: 13px;
  margin-right: 12px;
}
.exhibitionView #mainColumn #innerRightColumn .article-content p {
  font-size: 1.05em;
}

/*******************
## SHARELINE ##
*******************/
/*#hovertip { 
    display:none; 
    background:transparent url(../GFX/hovertip.png); 
    font-size:12px; 
    height:10px; 
    width:160px; 
    padding:20px 25px 25px; 
    color:#222222; 
    z-index:99;   
}*/

#hovertip { 
  display:none; 
  background-color:#F0F0F0;
  border:1px solid #CCCCCC;
  color:#222222;
  font-size:12px;
  padding:10px;
  z-index:99;
}

a.share {
  line-height:14px;
  /* float:right; */
  outline:0;
}

a.share img {
  float:left;
  margin-right:10px;
}

.shareWrapper {
  border:1px solid #cccccc;
  padding:0 10px;
  width:200px;
  position:absolute;
  top:15px;
  background:#ffffff;
  z-index:10;
}

.shareWrapper #navLevel {
  margin-bottom:0px;
}

.shareWrapper #navLevel li.first a {
  border-top:none;
  padding-left:0px;
}

/*.shareWrapper #navLevel li a {
  line-height:18px;
  overflow:hidden;
}*/

.shareWrapper #navLevel li {
  float:left;
}

.shareWrapper #navLevel li a img {
  z-index:2;
}

.shareWrapper #navLevel li a {
  border:none;
  padding:5px 7px;
}

#content .shareWrapper form fieldset {
  border:none;
  padding:0px;
}

#content .tipsForm {
  padding:10px 0;
  margin-bottom: 0px;
}

.tipsForm {
  clear:left;
  padding-bottom:10px;
}

.tipsForm h3 {
  margin-top: 0px;
  margin-bottom: 5px;
}
  
.tipsForm .col label {
  margin-bottom: 5px;
  display:block;
}

.tipsForm .col input {
  margin-bottom: 5px;
  display:block;
  width:180px;
  padding:5px;
}

#objectResponse {
  color: #9b1e7a;
  padding:10px 0;
}

/*******************
## SIDEMAL PRESSE ##
*******************/

.press #leftColumn {
  margin-top: 6px;
}

.press #leftColumn h4 {
  font-size:1.2em;
  font-family: Verdana, sans-serif;
  font-weight:bold;
  color:#fff;
  background-color: #a4a4a9;
  padding: 4px 10px;
}

.press #leftColumn #navLevel {
  margin-bottom:20px;
}
.press #leftColumn #navLevel li a {
  font-size: 1em;
  padding: 6px 10px;
}

.press #content .summary, 
.press #content .article {
  border:none;
}

.press #content .article h1,
.press #content .summary h1 {
  /* font-size:2em; */
  /* font-style:italic; */
  color:#333333;
}

.press #content h2 {
  font-size:1.6em;
  color:#333333;
}

.press #content {
  /* font-size:1.2em; */
  color:#000000;
  margin-top: 6px;
}

.press #content a {
  font-size:1em;
  color:#000000;
}

.press #content a:hover {
  color:#d01824;
}

.pressPhoto {
  float:left;
  width: 210px;
  height: 240px;
  margin-right:20px;
  margin-bottom:20px;
}

.pressPhoto img {
  margin-bottom:10px;
}

.pressPhoto .photoMeta {
  margin-bottom:10px;
}

#content .pressPhoto p {
  margin-bottom:3px;
  font-size: 0.95em;
}

.pressPhoto a {
  line-height:13px;
}

.pressPhoto a img {
  margin-bottom:0px;
  margin-right:10px;
  float:left;
}

.press .fileObject img {
  margin-bottom:10px;
}

.press .fileObject a {
  clear:left;
  line-height:13px;
  display:block;
}

.press .fileObject a img {
  margin-right:10px;
}


/*****************
## ANSATTE      ##
*****************/

.employees h1 {
  margin-bottom:20px;
}

.employees h3 {
  padding:4px 0;
  color:#5a5a5a;
  font-size:1.05em;
  border-bottom:1px solid #e4e4e9;
}

.employees table {
  width:690px;
  border-collapse:collapse;
  margin-bottom:20px;
}

.employees table th {
  border-bottom:1px solid #e4e4e9;
  padding:4px 0;
  text-align:left;
  color:#5a5a5a;
  font-size:1.05em;
}

.employees table th.username {
  width:250px;
}

.employees table th.usertitle {
  width:300px;
}

.employees table td {
  border-bottom:1px solid #e4e4e9;
  padding:4px 0;
}

/*****************
## RSS FEED ##
*****************/

.feed {
  padding:10px 0;
  border-bottom:1px solid #cccccc;
}

#content .feed h2 {
  margin-bottom:2px;
}

#content .feed em {
  font-size:0.9em;
  color:#363636;
}

#content .feed p {
  margin-bottom:0px;
  padding:10px 0;
}

#content .feed a:hover {
  color:#d01824;
}

/*****************
## IDIUM FOOTER ##
*****************/
#footer {
  border-top:1px solid #ccc;
  margin:20px 0;
  text-align: left;
}

.frontpage #footer {
  overflow:hidden;
  padding:10px 0 0 0;
  margin-top: 10px;
}

#footer ul {
  margin:0 auto;
}

.frontpage #footer #footerContent {
  float:left;
  width:320px;
  height: 230px;
  background-color: #e4e4e9;
}

#footer ul li {
  /* float:left; */
  /* border-right:1px solid #cccccc; */
}
#footer ul li p {
  font-size: 0.9em;
}
.frontpage #footer ul li {
  margin: 10px;
}
.frontpage #footer ul li p {
  font-size: 1em;
  line-height: 1.65em;
}

#footer ul li.last {
  border-right:none;
}

#footer ul li a {
  /* display:block; */
  /* padding:0px 10px; */
}

#footer #facebook {
  float: left;
  width: 300px;
  height: 210px;
  border: 10px solid #e4e4e9;
  background-color: #f2f2f6;
}

#footer #twitter {
  float:left;
  width: 280px;
  height: 230px;
  padding: 0 10px;
  background-color: #e4e4e9;
}

.idium {
  margin: 10px auto;
  width: 175px;
}

.idium a:hover,
.idium a:active {
  text-decoration: none;
}

.idium,
.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

.idium img {
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}


/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

.clear {
  clear:both;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */

.loading {
  height:100px;
  background-image:url(../GFX/ajax-loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
  border-bottom:1px solid #CCCCCC;
}

/****** SKJEMA ******/

input, textarea {
  border: 1px solid #ccccd3;
  background-color: #f2f2f6;
  padding: 2px;
}

input.button {
  font-weight: bold;
}

input.button:hover {
  background-color: #e8e8ed;
  border: 1px solid #d01824;
  color: #d01824;
}
  

/****** SKJEMA FORSIDE ******/

.frontpage #footerContent form {
  border-top: 1px solid #ccc;
  margin: 10px 0 0 0;
}
.frontpage #footerContent fieldset {
  width: 300px;
  padding: 4px 0 0;
}
.frontpage #footerContent legend {
  display: none;
}
.frontpage #footerContent .block {
  display: block;
  margin: 2px 0;
}
.frontpage #footerContent label {
  line-height: 1.4em;
}
.frontpage #footerContent #articles_articlecontent_370_e72, .frontpage #articles_articlecontent_498_e75 {
  width: 280px;
  height: 30px;
}
.frontpage #footerContent #articles_articlecontent_370_e73, .frontpage #articles_articlecontent_498_e74 {
  width: 280px;
}
.frontpage #footerContent .reset {
  display: none;
}

/****** SKJEMA PAAMELDING ******/

#mainColumn #content .article-content fieldset p {
  font-size: 1.05em;
  margin-bottom: 20px;
}

#content #articles_articlecontent_523_e79, #content #articles_articlecontent_523_e83, #content #articles_articlecontent_523_e87 {
  width: 25%;
}

#content #articles_articlecontent_523_e83 + label, #content #articles_articlecontent_523_e90 + label {
  border-top: 1px solid #ccc;
  margin-top: 25px;
  padding-top: 25px;
}

div#seminarleft {
  float: left;
  width: 300px;
  margin-right: 20px;
  background-color: #d3d3d3;
  padding: 12px;
}
div#seminarright {
  float: left;
  width: 300px;
  background-color: #d3d3d3;
  padding: 12px;
}

a.digital {
  display: block;
  border:none;
}

a.digital:hover {
  border:none;
}