/*  www.arktiskinstitut.dk -
  sk@opengate.dk 03-06-2016

  Generelt
  Text:#3f3f3f
  Dark Grey: #353a3d
  Logo: #338de3; rgba(51,141,227,1.0)
  Green: #1cab79; rgba(28,171,121,1.0)
  Red: #e92657; rgba(233,38,87,1.0)
  Blue: #338de3; rgba(51,141,227,1.0)

    Sizes:
  11px = 0.6875em
  12px = 0.75em
  14px = 0.875em
  15px = 0.9375em
  16px = 1em
  17px = 1.0625em
  18px = 1.125em
  20px = 1.25em
  22px = 1.375em
  24px = 1.5em
  28px = 1.75em

*/

.clear { clear:both; height:0px; overflow:hidden; }
.nowrap { white-space:nowrap; }
.left { float:left }
.right { float:right; }
.required, .mandatory { color:rgba(233,38,87,1.0); }
.highlight { background-color: yellow }
.readonly, .readonly input {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* if empty remove div */
/* div:empty { display: none } */

#wrapper::after,
#header::after,
#row-1::after,
#row-2::after,
#misc::after,
#banner::after,
#content::after,
#leftContainer::after,
#leftCol-1::after,
#centerContainer::after,
#centerCol-0::after,
#centerCol-1::after,
#rightContainer::after,
#rightCol-1::after,
#rightCol-2::after,
.gridElement::after,
.fieldWrap::after,
.checkboxes-1::after,
.checkboxes-2::after,
.checkboxes-3::after,
.checkboxes-4::after,
.news-list-item::after {
	clear: both;
	content: "";
	display: table;
}

/*====================================
  STYLES FOR DIV CONTAINERS - ALL PAGES
=====================================*/
#wrapper {
	position:relative;
	top:0px;
	max-width:1280px;
	padding-bottom:0 0 2% 0;
	margin:0 auto;
	text-align:left;
	border-collapse:collapse;
	background-color:#eeefef;
}


#mobileMenu { display:none; }
#mainMenuResponsive { display:none; }

/*====================================
  HEADER
=====================================*/
#header {
	width:100%;
}

/* row 1 */
#row-1 {
	width:25%;
	float:left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,eeefef+100 */
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #eeefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fafafa 0%,#eeefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fafafa 0%,#eeefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeefef',GradientType=0 ); /* IE6-9 */
}

#misc {
	height:37px;
	line-height:33px;
	width:100%;
	background-color:#fff;
	text-align:center;
	padding-top:32px;
	padding-bottom:40px;
	border-bottom: 5px solid #338de3;
}

#misc .fa {
	font-size:16px;
}

/* Social fontawsome */
#social {
	display:inline-block;
}
#social > a {
	margin-left:18px;
}
#social > a:first-child {
	margin-left:0;
}
#social .fa-soundcloud {
	color:#F76700;
}
#social .fa-soundcloud:hover {
	color:#F76700;
}
#social .fa-instagram {
	color:#D5C2B1;
}
#social .fa-instagram:hover {
	color:#D5C2B1;
}
#social .fa-twitter {
	color:#19C5FF;
}
#social .fa-twitter:hover {
	color:#19C5FF;
}
#social .fa-facebook {
	color:#4C6699;
}
#social .fa-facebook:hover {
	color:#4C6699;
}
#social .fa-linkedin {
	color:#1B86BC;
}
#social .fa-linkedin:hover {
	color:#1B86BC;
}
/* print */
#print {
	display:inline-block;
	margin-left:18px;
}

/* language */
#language {
	display:inline-block;
	margin-left:18px;
}
#language a span, .language-none span {
	font-size:11px;
	font-weight:700;

	text-decoration:none;
	text-transform:uppercase;
}

.language-none span {
	color:#555555;
}


#print a:hover i,
#language a:hover span { color:#555555; }

/* WEBSITE Teaser */
#websiteTeaser {
	border-top:23px solid #fff;
	padding-top:15px;
	margin-bottom:15px;
}
#websiteTeaser h2 {
	font-size:17px;
	font-weight:400;
	line-height:17px;
	color:rgba(0,0,0,0.55);
	text-transform:uppercase;
	margin-bottom:0;
	padding:0 15%;
	text-align:center;
}

/* row 2 */
#row-2 {
	width:75%;
	float:right;
	background-color:#fff;
}

/* WEBSITE LOGO */
#websiteLogo {
	float:left;
	width:100%;
	height:67px;
	border-bottom: 5px solid #338de3;
	margin-bottom:23px;
	margin-top:10px;
}
#websiteLogo header {
	float:left;
	width:66.67%;
	padding-top:13px;
}
.mainpage #websiteLogo header {
	width:74%;
}
#websiteLogo .ce-textpic {
	float:left;
	margin-bottom: -20px;
	width:33.33%;
}
.mainpage #websiteLogo .ce-textpic {
	width:26%;
}
#websiteLogo .ce-gallery {
	max-width:110px;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

#websiteLogo h1,
#websiteLogo h1 a {
	font-family:albertus_mediumitalic;
	font-variant:small-caps;
	font-size:40px;
	line-height:36px;
	letter-spacing:9px;
	color:#000;
	margin-bottom:0;
	text-align:right;
}

#websiteLogo h1 a:hover {
	text-decoration:none;
}

#websiteLogo figure {
	max-width:110px;
	margin-bottom:0px;
}


/*------------------------------------
  Mainmenu / navigation
------------------------------------*/
#mainMenu {
	float:left;
	width:100%;
}
#mainMenu > div, #mainMenu > nav {
	margin-left:15%;
	margin-right:15%;
}
#mainMenu ul {
	list-style:none outside none;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:0;
}
#mainMenu ul li {
	padding-bottom:8px;
}
#mainMenu ul li:last-child {
	padding-bottom:0;
}
#mainMenu ul li a {
	font-size:13px;
	color:#3f3f3f;
	display:block;
}
#mainMenu ul li.act > a{
	font-weight:700;
}
/* level 2 */
#mainMenu ul ul {
	margin-top:0;
	margin-bottom:0;
	margin-left:20px;
}
#mainMenu li li {
	padding-bottom:2px;
}

/* arkiverne */
#c206 {
	border-top:2px solid rgba(28,171,121,1.0);
}
#mainMenu #c206 ul li.act a,
#mainMenu #c206 ul a:hover {
	color:rgba(28,171,121,1.0);
}

/* vidensdatabaserne */
#c207 {
	border-top:2px solid rgba(233,38,87,1.0);
}
#mainMenu #c207 ul li.act a,
#mainMenu #c207 ul a:hover {
	color:rgba(233,38,87,1.0);
}

/* diverse */
#c208 {
	border-top:2px solid rgba(51,141,227,1.0);
}
#mainMenu #c208 ul li.act a,
#mainMenu #c208 ul a:hover {
	color:rgba(51,141,227,1.0);
}


/*  Banner / Slideshow */
/*
#banner {
	position:relative;
    width:100%;
    float:left;
    height:100px;
    background-color:#338de3;
}
.mainpage #banner {
	max-height:480px;
	height:auto;
    background-color:transparent;
}
#banner .as-slide-inner {
    position:relative;
    padding-bottom:48%;
}

#banner .as-slide-inner .ce-textpic {
	background-color:#fff;
}

#banner .as-slide-inner .ce-textpic {
/*
    position:absolute;
    z-index:10;
	width:29%;
	height:430px;
    padding:3% 3% 28%;
	right:0;
	background-color:rgba(0,0,0,0.72);
}
*/

#banner .as-slide-inner .ce-textpic {
	position:absolute;
	right:0;
	top:0;
	width:26%;
	background-color:#fff;
	margin-left:0;
	padding:2%;
}
#banner .as-slide-inner .csc-textpicHeader {
	margin-bottom:18px;
}
#banner .as-slide-inner .ce-bodytext h2,
#banner .as-slide-inner .ce-bodytext h2 a {
	font-size:30px;
	line-height:33px;
	color:rgba(51,141,227,1.0);
	margin-bottom:0;
}
#banner .as-slide-inner .ce-bodytext h2 a:hover {
	text-decoration:none;
}
#banner .as-slide-inner .ce-bodytext p,
#banner .as-slide-inner .ce-bodytext li,
#banner .as-slide-inner .ce-bodytext strong,
#banner .as-slide-inner .ce-bodytext em,
#banner .as-slide-inner .ce-bodytext a {
	font-size:13px;
	line-height:20px;
	color:#555555;
}
#banner .as-slide-inner .ce-gallery {
	width:74%;
	margin-left:0;
	margin-right:0;
}

#banner .as-slide-inner .ce-gallery figure {
	background-color:#fff;
	/*	height:480px; */
	margin-bottom:0;
	overflow:hidden;
}


body:not(.mainpage) #banner .frame-default {
	height:100px;
	padding-left:3%;
	background-color:#fff;
}

body:not(.mainpage) #banner .frame-default h2 {
	font-size:30px;
	font-weight:300;
	line-height:99px;
	color:#fff;
}

div#banner .frame-layout-0 {
    display: none;
}

/**/
/*  Banner / Slideshow */

#banner {
	position:relative;
	width:100%;
	float:left;
	/*  height:100px;*/
	background-color:#338de3;
}

.mainpage #banner {
	max-height:480px;
	height:auto;
	background-color:transparent;
}
#banner .as-slide-inner {
	position:relative;
	/* padding-bottom:48%; */
}
/*
#banner .as-slide-inner .ce-textpic {
	background-color:#fff;
}
*/
#banner .as-slide-inner .ce-textpic {

	position:absolute;
	z-index:10;
	width:100%;
	padding:3% 3% 28%;
	right:0;
	/*background-color:rgba(0,0,0,0.72);*/

}
#banner .as-slide-inner{

	height:350px;

}

#banner .as-slide-inner .csc-textpicHeader {
	margin-bottom:18px;
}
#banner .as-slide-inner .ce-bodytext h2,
#banner .as-slide-inner .ce-bodytext h2 a {
	font-size:30px;
	line-height:33px;
	color:rgba(51,141,227,1.0);
	margin-bottom:0;
}
#banner .as-slide-inner .ce-bodytext h2 a:hover {
	text-decoration:none;
}
#banner  .as-prev-arrow {

}

#banner .as-slide-inner .ce-bodytext p,
#banner .as-slide-inner .ce-bodytext li,
#banner .as-slide-inner .ce-bodytext strong,
#banner .as-slide-inner .ce-bodytext em,
#banner .as-slide-inner .ce-bodytext a {
	font-size:13px;
	line-height:20px;
	color:#555555;
}
#banner .as-slide-inner .ce-gallery figure {
	/*	background-color:#fff; */
	/*	height:480px; */
	margin-bottom:0;
	overflow:hidden;
}


body:not(.mainpage) #banner .frame-default {
	height:100px;
	padding-left:3%;
}

body:not(.mainpage) #banner .frame-default h2 {
	font-size:30px;
	font-weight:300;
	line-height:99px;
	color:#fff;
}

/*------------------------------------
  shortcuts
------------------------------------*/
#shortcuts > div {
	width:33.33%;
	padding:2.5% 2.5% 2% 3.2%;
	float:left;
	min-height:240px;
}
#shortcuts > div:hover {
	cursor:pointer;
}
#shortcuts h2,
#shortcuts h3,
#shortcuts a {
	font-size:13px;
	line-height:20px;
	color:#fff;
	text-transform:none;
	font-weight:400;
}
#shortcuts h2,
#shortcuts h2 a {
	font-size:30px;
	line-height:34px;
	font-weight:300;
}
#shortcuts h2 {
	margin-bottom:12px;
}
#shortcuts a:hover {
	text-decoration:none;
}
#shortcutsCol-1 {
	background-color:rgba(28,171,121,1.0);
}
#shortcutsCol-1:hover {
	background-color:rgba(28,171,121,0.7)
}
#shortcutsCol-2 {
	width:33.34%;
	background-color:rgba(233,38,87,1.0);
}
#shortcutsCol-2:hover {
	background-color:rgba(233,38,87,0.7);
}
#shortcutsCol-3 {
	background-color:rgba(51,141,227,1.0)
}
#shortcutsCol-3:hover {
	background-color:rgba(51,141,227,0.7)
}
#shortcutsCol-1,
#shortcutsCol-2,
#shortcutsCol-3,
#shortcutsCol-1:hover,
#shortcutsCol-2:hover,
#shortcutsCol-3:hover {
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
}


/*====================================
  #CONTENT
=====================================*/
#content {
	width:75%;
	float:left;
	background-color:#fff;
}
#leftContainer {
	width:100%;
	float:left;
	min-height:10px;

}
#leftCol-1 {
	margin-top:73px;
	margin-left: 15%;
	margin-right: 15%;
}
#centerContainer {
	width:66.67%;
	float:left;
	background-color:#fff;
}

#rightContainer {
	width:33.33%;
	float:right;
	background-color:#338de3;
}

.mainpage #content {
	width:100%;
	background-color:transparent;
}

.mainpage #centerContainer {
	width:100%;
}
/*------------------------------------
  .mainpage grids
------------------------------------*/
/* everything except class .csc-textpic   */

.mainpage .gridElement .space {
	padding:7.5% 7.5% 6% 9.6%;
	height:100%;
}

.mainpage .gridElement {
	height:240px;
	overflow:hidden;
}
.mainpage .gridElement > div {
	height:100%;
}

.mainpage .gridElement * {
	font-size:13px;
	line-height:20px;
	/*color:#555;IK June 30*/
	color:#fff;

}

.mainpage .gridElement h2,
.mainpage .gridElement h2 a {
	font-size:30px;
	line-height:34px;
	font-weight:300;
	/*color:#555;IK June 30*/
	color:#fff;
}

.mainpage .gridElement h2,
.mainpage .gridElement h3 {
	text-transform:none;
	margin-bottom:12px;
	font-weight:400;
}

.mainpage .gridElement .frame-class-2 *,
.mainpage .gridElement .frame-class-3 *,
.mainpage .gridElement .frame-class-4 * {
	color:#fff;
}

.mainpage .gridElement .ce-gallery {
	width:100%;
}


/*------------------------------------
  .subpage-1
------------------------------------*/
body:not(.mainpage) #centerCol-0 {
	margin-top:45px;
	margin-bottom:-45px;
	padding-left:4.5%;
	padding-right:4.5%;

}
body:not(.mainpage) #centerCol-1 {
	margin-top:45px;
	padding-left:4.5%;
	padding-right:4.5%;

}

#rightContainer #rightCol-1 *,
#rightContainer #rightCol-2 * {
	color:#fff;
}
#rightContainer #rightCol-2 .frame-default {
	padding-left:9.4%;
	padding-right:3%;
}

.subpage-1 #rightContainer {
	min-height:600px;
}
.subpage-1 #rightContainer h2,
.subpage-1 #rightContainer h2 a {
	margin-bottom:10px;
}

.subpage-1 #rightContainer figure.image {
	margin-bottom:10px;
}
/*------------------------------------
  footer
------------------------------------*/
#footer {
	width:100%;
	float:right;
	background-color:#e0e2e2;
	padding-bottom:3%;
}
.mainpage #footer {
	width:75%;
}
#footerCol-1,
#footerCol-2 {
	width:100%;
	float:left;
	padding-left:3%;
}
/* sitemap i bunden */
#footerCol-1 {
	width:100%;
	float:left;
	margin-top:3%;
	margin-bottom:3%;
}

#footerCol-1 ul,
#footerCol-2 ul {
	list-style:none outside none;
	margin:0;
}

#footerCol-1 ul li {
	margin-left:3%;
}
#footerCol-1 ul li,
#footerCol-2 ul li {
	display:inline-block;
}
#footerCol-1 ul li:first-child {
	margin-left:0;
}

#footerCol-1 ul li a {
	font-size:15px;
	font-weight:700;
	color:#545454;
}
#footerCol-1 ul li a:hover {
	color:#e92657;
}
#footerCol-1 ul li:first-child a:hover {
	color:#1cab79;
}
#footerCol-1 ul li:last-child a:hover {
	color:#338de3;
}

#footerCol-2 ul li{
	padding-left:15px;
}
#footerCol-2 ul li,
#footerCol-2 ul li a {
	font-size:13px;
	color:#535353;
}
#footerCol-2 ul li a:hover {
	color:#338de3;
}
#footerCol-2 ul li::before {
	content:" •";
	padding-right:15px;
}
#footerCol-2 ul li:first-child {
	padding-left:0;
}
#footerCol-2 ul li:first-child:before {
	content:" ";
	padding-right:0;
}
/*====================================
  EXT: Grid elements
=====================================*/
.gridElement {
	width:100%;
}

/* 50/50 */
.grid-50 {
	width:50%;
	float:right;

}
div > .grid-50:first-child {
	float:left;
}
.frame-custom-151{
	background-color:rgba(233,38,87,1.0);
	height:100%;
	color:#fff;

}
.frame-custom-151 p{
	margin-left:7.5%;
}
.frame-custom-151 h2{
	padding-top:7.5%;
	margin-left:7.5%;
}

.frame-class-3{
	background-color:rgba(233,38,87,1.0);
	height:100%;
	color:#fff;

}
.frame-class-3 p{
	margin-left:7.5%;
}
.frame-class-3 h2{
	padding-top:7.5%;
	margin-left:7.5%;
}
.frame-class-2{
	/*background-color:rgba(233,38,87,1.0);*/
	background-color:rgba(28,171,121,1.0);
	height:100%;
	color:#fff;

}
.frame-class-2 p, .frame-class-4 p{
	margin-left:7.5%;
}
.frame-class-2 h2{
	padding-top:7.5%;
	margin-left:7.5%;
}
.frame-class-4 h2{
	padding-top:7.5%;
	margin-left:7.5%;
}
.frame-type-image {
	height:100%;
}


/* 33/33/33 */
.grid333333 .grid-33 {
	width:33.34%;
	float:left;
}

.grid333333 > .grid-33:first-child {
	width:33.33%;
	margin-left:0;
}

.grid333333 > .grid-33:last-child {
	width:33.33%;
	float:right;
}
/* 33%/66% */

.grid3366 > .grid-33 {
	width:33.33%;
	float:left;
}
.grid3366 > .grid-66 {
	width:66.67%;
	float:right;
}

/* 66%/33% */
.grid6633 > .grid-33 {
	width:33.33%;
	float:right;
}
.grid6633 > .grid-66 {
	width:66.67%;
	float:left;
}

/*====================================
  EXT: peytz_thirdpartyarchives
=====================================*/
#peytz_collectionowner_map {
	margin-bottom:5%;
}

.fieldWrap.db_search {
	margin-bottom:5%;
}
.fieldWrap.db_search input[type="text"] {
	width:75%;
	float:left;
}
.fieldWrap.db_search input[type="submit"] {
	width:20%;
	float:right;
}
/*====================================
  EXT: NEWS
=====================================*/
/* page-navigation */
.page-navigation {
	margin-left: 5%;
	margin-right: 5%;
	border-top:1px solid rgba(3, 3, 3, 0.4);
}
.page-navigation p {
	display:none;
}

.page-navigation ul.f3-widget-paginator {
	text-align:center;

}
.page-navigation ul.f3-widget-paginator li {
	border:0 none;
	display: inline-block;
	padding-left:10px;
	padding-bottom:2%;
	padding-top:2%;
}
.page-navigation ul.f3-widget-paginator li:first-child {
	padding-left:0;
}
.page-navigation ul.f3-widget-paginator li,
.page-navigation ul.f3-widget-paginator li a {
	font-size:14px;
}

/* LATEST */


/* LIST */
.news-list-view {

}
.news-list-view .news-list-item {
	margin-bottom:40px;
}

.news-list-view .list-date {
	margin-bottom:0px;
	color:rgba(0, 0, 0, 0.55);
	font-size:13px;
}
.news-list-view .news-img-wrap {
	float:right;
	max-width:200px;
}

/* DETAIL */
#centerContainer .news-img-wrap .outer {
	margin-bottom:20px;
}

/*====================================
  EXT: Powermail
=====================================*/
.tx-powermail {
	width:100%;
	margin:0 0 5% 0;
}
.tx-powermail legend {
	width:96%;
}
.tx-powermail label { width:100%;}

.tx-powermail .powermail_input {
	width:95%;
}
.tx-powermail .powermail_select {
	width:100%;
}
.powermail_textarea {
	width:95%;
}

/* checkbox */
.tx-powermail .powermail_check { width:96% }
.tx-powermail .powermail_check_inner {
	width:100%;
	float:left;
	margin-bottom:2%;
}
.tx-powermail .powermail_check_inner label {
	height: auto;
	line-height: inherit;
	padding: 0 0 0 5px;
	width: 92%;
}
.tx-powermail .powermail_checkbox { float:left; }

/* radiobuttons */
.powermail_radio_legend { }
.powermail_radio_inner { width:100%; float:left; margin-bottom:2%; }
.powermail_radio_inner input {  }
.powermail_radio_inner label {
	height: auto;
	line-height: inherit;
	padding: 0 0 0 5px;
	width: 92%;
}

.tx-powermail ul.parsley-errors-list {
	list-style:none outside none;
	margin:0;
	width:92%;
}
.tx-powermail ul.parsley-errors-list li { color:#D71219; }

.powermail_fieldset { width:100%; }

.tx-powermail h3, .hide h3, .hide > legend { display:none; }

.powermail_fieldwrap {
	width:100%;
	float:left;
	margin:0 0 2% 0;
}
.powermail_fieldwrap_submit {
	margin:4% 0 0 0;
	text-align:left;
}

.loginField { width:90%; float:left;}
.longField { width:100%; float:left;}
.shortField { width:48%; float:left;}
fieldset .shortField { margin-left:4%; }
fieldset .shortField.odd { margin-left:0%; }
.shortField label { width:100%;}
.shortField .powermail_input { width:90%;}
.shortField .powermail_select { width:92%;}

img.powermail_captchaimage { }

.grid333333 .grid-33, .grid333333 .grid-33 > .frame{
	height: 100%;
}