/*  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

*/

/* http://www.font2web.com/ */
@font-face {
  font-family: 'fontello';
  src: url('../Fonts/fontello.eot?41607320');
  src: url('../Fonts/fontello.eot?41607320#iefix') format('embedded-opentype'),
       url('../Fonts/fontello.woff?41607320') format('woff'),
       url('../Fonts/fontello.ttf?41607320') format('truetype'),
       url('../Fonts/fontello.svg?41607320#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'albertus_mediumitalic';
    src: url('../Fonts/albr56w-webfont.eot');
    src: url('../Fonts/albr56w-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/albr56w-webfont.woff') format('woff'),
         url('../Fonts/albr56w-webfont.ttf') format('truetype'),
         url('../Fonts/albr56w-webfont.svg#albertus_mediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);

/*====================================
  GLOBAL SETTINGS
=====================================*/
html { background:#ffffff; }

body, div, span, applet, object, iframe, hr, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, figcaption, font, img, ins, input, kbd, q, s, samp, small, select, option, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td, tt, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font: normal normal normal 15px/22px 'Open Sans', arial, helvetica, verdana, tahoma, sans-serif;
	color:#3f3f3f;
	margin:0; 
	padding:0;
	border:0 none;
	box-sizing: border-box;  
}

body { 
  overflow-y:scroll;   
}
html,body { height:100%; line-height:0; }

/* Fluid images */
img, object, embed, video {
  max-width:100%;
  width:100% !important; 
}
  
/* html5 */
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

figure { margin: 0}
figcaption { 
  font-size:90%;
  color:#5f5c5c; 
  margin-bottom:20px;
}

img {border: 0; -ms-interpolation-mode: bicubic; height: auto;} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

i, em { font-style:italic }
strong, strong a { font-weight:700; }
strong em, em strong { font-style:italic; font-weight:700; }


/*-----------------------------------
  HEADER STYLE SETTINGS
------------------------------------*/
h1, h1 a { font-size:32px; line-height:32px; margin:0 0 30px 0;  }
h1 a { text-decoration:none; margin:0; }
h1 a:hover { text-decoration:underline; }
h2, h2 a { font-size:24px; line-height:32px; font-weight:300; color:#338de3; margin-bottom:40px; text-decoration:none; }
h2 a { margin-bottom:0; }
h2 a:hover { text-decoration:underline; }
h3, h3 a { font-size:20px; line-height:24px; font-weight:600; color:#338de3; margin-bottom:5px; text-decoration:none; text-transform:uppercase; }
h3 a { margin-bottom:0; }
h3 a:hover { text-decoration:none; }
h4, h4 a { font-weight:600; margin:0; text-decoration:none;}
h4 a:hover { text-decoration:underline; }
h5, h5 a { font-size:11px; line-height:13px; text-decoration:none;}
h5 a { }
h5 a:hover { color:#007a87; text-decoration:underline; }


/*-----------------------------------
  PARAGRAPH STYLE SETTINGS
------------------------------------*/
p { margin:0 0 20px 0; }


/*-----------------------------------
  BLOCKQOUTE SETTINGS
------------------------------------*/
blockquote { 
  padding:11px 8px 0px 37px;
  border:1px solid #e0e0e0;
  margin:0 0 20px;
  background:#eeeeee url('openqoute.png') left top no-repeat;
}  
blockquote .closequote { padding:0 31px 0 0; background:transparent url('closeqoute.png') right bottom no-repeat; }

blockquote p, blockquote li, blockquote a, blockquote strong { 
  font-style:italic;
}
q:before, q:after, blockquote:before, blockquote:after {
  content:" ";
}

/*-----------------------------------
  LINK STYLE SETTINGS
------------------------------------*/
a { color:#338de3; text-decoration:none;}
a:link, a:visited {}
a:focus { outline:0 none; }
a:hover { 
	color:#3f3f3f; 
	text-decoration:none; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; 
}
a:active {}

a img, :link img, :visited img {
  border:0 none;
}
a:hover img { border:0px solid #fff;}



/*-----------------------------------
  CLASS STYLE SETTINGS
------------------------------------*/
span.class-0, p.class-0, td.class-0 { color:#ffffff; } /* Hvid */
span.class-1, p.class-1, td.class-1 { color:#3f3f3f; } /* Brødtekst */
span.class-2, p.class-2, td.class-2 { color:#1cab79; } /* Grøn (Arkiverne) */
span.class-3, p.class-3, td.class-3 { color:#e92657; } /* Rød (Vidensdatabaserne) */
span.class-4, p.class-4, td.class-4 { color:#338de3; } /* Blå (Om Arktisk Institut) */
.frame-class-2 { background-color:#1cab79; } /* Grøn (Arkiverne) */
.frame-class-3 { background-color:#e92657; } /* Rød (Vidensdatabaserne) */
.frame-class-4 { background-color:#338de3; } /* Blå (Om Arktisk Institut) */

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.boxShadow { 
  -moz-box-shadow:2px 2px 5px #87a1af;
  -webkit-box-shadow:2px 2px 5px #87a1af;
  box-shadow:2px 2px 5px #87a1af;
  border-collapse: separate;  
}
#rightCol-1.borderRadius > div,
#rightCol-2.borderRadius > div,
.borderRadius {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}


/* https://benmarshall.me/responsive-iframes/ */
.aspectRatio-3x1 {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 3x1 Aspect Ratio */
.aspectRatio-3x1 {
  padding-bottom: 37.10%; /* 460px height */
}
/* 16x9 Aspect Ratio */
.aspectRatio-16x9 {
  padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.aspectRatio-4x3 {
  padding-bottom: 75%;
}
#banner .aspectRatio-3x1 iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*-----------------------------------
   HR STYLE SETTINGS
------------------------------------*/
hr {  width:100%; height:1px; line-height:1px; border:0; border-top:1px solid #5f5c5c; padding:0; margin:10px 0; }


/*-----------------------------------
  INPUT, SELECT, TEXTAREA STYLE SETTINGS
------------------------------------*/
/* IOS: IPAD - undgå rundehjørner */
.ipad {
    -webkit-appearance: none;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}

/* Hvert inputsfelt */
.fieldWrap, div.inputfields { margin:0 0 9px; }
div.submitfields { margin:9px 0 0; }


label, .powermail_label {
  line-height:21px;
  width:100%;
  padding-bottom:3px;
  display:block;
}

/* <input type="text"> */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], .powermail_input {
  height:30px;
  width:90%;
  width: -webkit-calc(100% - 8px); /** Safari 6, Chrome 19-25 **/  
  width:calc(100% - 8px);
  padding:0 3px;
  border:1px solid #969696;
  background:#fff none;
  box-sizing:border-box;  
}

/* select */
select, .powermail_select {
  min-width:calc(99% + 2px);
  padding:0 3%;
  border:1px solid #969696;
  background:#ffffff none;

}

option { 
  padding:0% 0 0% 3%;
}

/* <input type="checkbox"> */
input[type="checkbox"], input.checkBox {
  float:left;
}

/* https://dzone.com/articles/how-style-checkbox-css */
/* remember to wrap the checkbox with   <div class="checkboxFive"> */
.checkboxFive {
	width: 20px;
	position: relative;
}
.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background: #eee;
	border:1px solid #ddd;
}

.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 4px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid rgba(0, 0, 0, 0.55);
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkboxFive label:hover::after {
	opacity: 0.5;
}

.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
	border-color: #3f3f3f;
}

/* <input type="radio"> */
input[type="radio"], input.radio { 
  float:left;
}


/* textarea */
textarea {
  width:90%;
  width: -webkit-calc(100% - 8px); /** Safari 6, Chrome 19-25 **/  
  width:calc(100% - 8px);
  padding:3px; 
  border:1px solid #969696;
  overflow:auto;
  background:#fff none;  

}


/* <input type="submit"> */
input[type="submit"], input.powermail_submit {
  text-transform:uppercase;
  height:30px;
  padding:0 4%;
  position:relative;
  color: #ffffff;
  text-decoration:none;
  cursor:pointer;
  border:1px solid rgba(51,141,227,1.0);
  background-color:rgba(51,141,227,1.0);
  box-sizing:border-box;  
}
  
input[type="submit"]:hover, input.submit:hover, input.powermail_submit:hover {

}

input:not([type="submit"]):focus,
select:focus,
textarea:focus   {
  background:#fff none;
  border:1px solid #cccccc;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none; 
}

input.readonly:focus,
input.readonly,
input[readonly="readonly"],
input[disabled="disabled"], 
select[disabled="disabled"],
textarea[disabled="disabled"],
div.readonly,
input.powermail_text[readonly="readonly"]:focus,
fieldset.tx-powermail-pi1_fieldset input.powermail_text[readonly="readonly"]:focus:not([type="submit"]) { 
  border:1px solid #EDEDED;
  background:#EDEDED none;
}


/* HTML 5 validering */
/* http://www.the-art-of-web.com/html/html5-form-validation/ */
input:required, 
textarea:required {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC");
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}

input:focus:required:invalid, 
input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
}
  
/*-----------------------------------
  LIST STYLE SETTINGS
------------------------------------*/
ul {
  text-align:left;
  padding-left:0px;
  list-style:none outside url('ul.png'); 
  margin:0 0 20px 14px;
}

li { 
  padding-bottom:5px;
}
ol {
  text-align:left;
  padding:0;
  list-style-position: outside;
  margin:0 0 20px 24px;
}


/*-----------------------------------
  TABLE STYLE SETTINGS   [TYPO3] 
------------------------------------*/
table, table.contenttable, table.countingtable { 
  border-collapse: collapse;
  padding:0;
  width:100%;
  margin-bottom:20px;
}

/* HEADER */
table thead th,
table.contenttable thead th,
table.countingtable thead th {
  color:#000000; 
  font-weight:700; 
  text-align:left;
  padding:6px 6px 6px 10px; 
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
  background: #fff; 

}
table thead th:first-child,
table.contenttable thead th:first-child,
table.countingtable thead th:first-child { 
  border-left:1px solid #ddd;
}
table thead th p,
table.contenttable thead th p, 
table.countingtable thead th p { 
  color:#000000; 
  font-weight:700; 
  padding:0;
} 
table thead th p:last-child,
table.contenttable thead th p:last-child, 
table.countingtable thead th p:last-child { 
  margin-bottom:0;
} 

/* BODY */
table tbody td,
table.contenttable tbody td, 
table.countingtable tbody td { 
  padding: 6px 10px; 
  vertical-align:top; 
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background-color:#fff;  
}
table tbody td:first-child,
table.contenttable tbody td:first-child, 
table.countingtable tbody td:first-child { 
  border-left:1px solid #ddd;
}
table tbody tr:first-child td,
table.contenttable tbody tr:first-child td, 
table.countingtable tbody tr:first-child td { 
  border-top:1px solid #ddd;
}
table tbody td p,
table.contenttable tbody td p, 
table.countingtable tbody td p { 
  padding:0; 
}

table tbody td p:last-child,
table.contenttable tbody td p:last-child, 
table.countingtable tbody td p:last-child { 
  margin-bottom:0; 
}

table td.align-left { text-align:left;}
table td.align-center { text-align:center;}
table td.align-right { text-align:right;}
table td.align-justify { text-align:justify;}

/* FOOTER */
table tfoot td,
table.contenttable tfoot td,
table.countingtable tfoot td { 
  padding: 6px 10px;   
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background-color:#cfceca; 
}
table tfoot td:first-child,
table.contenttable tfoot td:first-child,
table.countingtable tfoot td:first-child { 
  border-left:1px solid #ddd;
}

table tfoot td p,
table.contenttable tfoot td p, 
table.countingtable tfoot td p { 
  padding:0;
} 
table tfoot td p:last-child,
table.contenttable tfoot td p:last-child, 
table.countingtable tfoot td p:last-child { 
  margin-bottom:0;
} 



/* TABEL SKIFTENDE RÆKKER (alternating) */
/* HEADER */
table.countingtable thead th { }

/* BODY */
table.countingtable tbody td { }

table.countingtable tbody tr.tr-odd td,
table tbody tr.tr-odd td { background-color:#fefefe; }
table.countingtable tbody tr.tr-even td,
table tbody tr.tr-even td { background-color:#f1f3f4; }


/*====================================
  TYPO3 inlines styles
=====================================*/
div.ce-center div.ce-gallery { line-height:0; }
div.ce-textpic .ce-gallery figure { display: block !important; }

figcaption.csc-textpic-caption { display:block; }


/**
  slider buttons
**/

.sliderbuttons .btn {
  background-color:#338de3;
  color:#fff;
  display:inline-block;
  padding:0.5em 1em;
  margin:0.5em;
  border-radius:2em;
  border:2px solid #fff;
}

.sliderbuttons .btn.active {
  border:2px solid #000;
}

.sliderbuttons{
  text-align:center;
}

#banner.homebanner > .frame { display:none;  }
#banner.homebanner > .frame:first-child { display: initial; }