/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
	{
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not ([controls] ) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],template {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not (:root ) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,input,select,textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type="button"],input[type="reset"],input[type="submit"]
	{
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

nav ul {
	padding: 0;
	margin: 0;
	outline: 0 none;
	list-style: none outside none;
}

nav ul li {
	display: inline-block;
	vertical-align: middle;
}

input,select {
	vertical-align: middle;
}

html,body {
	height: 100%;
}

body {
	background-color: white;
}

.mainContainer:before,.mainContainer:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.mainContainer:after {
	clear: both;
}

header,section.articles,footer {
	float: left;
	min-width: 100%;
}

.content {
	width: 73.75em;
	margin: 0 auto;
	padding: 0 0.625em 0 0.625em;
}

.content .content-inner:before,.content .content-inner:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.content .content-inner:after {
	clear: both;
}

header { /*background-color:#CCFF33; /* debug color (greenish)*/
	/*height:3em; /* debug height*/
	background-color: white;
}

header .administration {
	/*background-color:rgb(112,112,112); /* debug color */
	
}

header .administration .content-inner {
	border-bottom: 0.07em dotted rgba(112, 111, 117, 0.5);
}

header .content .content-inner {
	padding: 0.125em 0;
}

header .administration .admin-component {
	float: right;
	display: inline;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

header .administration .admin-element {
	cursor: pointer;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.administration {
	line-height: 1em;
}

.fontControl {
	opacity: 0.55;
	-webkit-transition: opacity 0.6s ease;
	-ms-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}

.fontControl:hover {
	opacity: 1;
}

.fontControl .admin-element {
	color: transparent;
	display: inline-block;
	height: 1em;
	width: 1em;
	margin-left: 0.45em;
}

.fontControl .smaller {
	background-image: url("../images/button/fontSmallerDark.gif");
	background-size: 1em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.fontControl .deactivated {
	cursor: auto;
	background-image: url("../images/button/fontSmaller.gif");
	background-size: 1em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.fontControl .bigger {
	background-image: url("../images/button/fontBigger.gif");
	background-size: 1em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

a.logoBlock {
	cursor: pointer;
}

a.logoBlock .imageContainer {
	display: inline-block;
	height: 2.975em;
	width: 20em;
	background-image: url("../images/backgrounds/logo_atlas2-scaled.jpg");
	background-size: auto auto;
	background-position: 0em 0.125em;
	background-repeat: no-repeat;
}

a.logoBlock .mainTitle {
	display: inline-block;
	visibility: hidden;
}

a.logoBlock h4,a.logoBlock h5 {
	padding: 0;
	margin: 0;
}

/* ---------------------------------------------------------------------- search ----------------------------------------------------------------- */
header section.search .inputContainer {
	color: #000000;
	/**/
}

header section.search .inputContainer .textInput {
	border-color: transparent;
	background-color: transparent;
	height: 1.5em;
	opacity: 0.6;
}

header section.search .inputContainer .textInput .textBox {
	display: inline-block;
	border: 0.075em solid #b9b9b9;
	padding: 0.15em 0;
	text-indent: 0.25em;
	opacity: 0.65;
	font-size: 0.875em;
	width: 15em;
	-webkit-transition: width 0.4s ease;
	-ms-transition: width 0.4s ease;
	-moz-transition: width 0.4s ease;
	-o-transition: width 0.4s ease;
	transition: width 0.4s ease;
}

header section.search .inputContainer .textInput .textBox:focus {
	outline: none;
	width: 15em;
	border-color: #706f75;
}

header section.search .inputContainer .textInput h7 {
	display: inline-block;
	vertical-align: middle;
	font-family: "Raleway", sans-serif;
	font-size: 0.813em;
	font-weight: 500;
	margin-right: 0.5em;
}

header section.search .inputContainer .textInput .imageContainer {
	/*background-color:red; /* debug color */
	display: inline-block;
	vertical-align: middle;
	width: 1.05em;
	height: 1.5em;
	margin-left: 0.35em;
	cursor: pointer;
	background-image: url("../images/backgrounds/lupe.svg");
	background-size: 1em auto;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.35;
}

header section.search .inputContainer .textInput:hover .textBox {
	border-color: #706f75;
	width: 15em;
}

header section.search .inputContainer .textInput:hover h7 {
	color: #706f75;
}

header section.search .inputContainer .textInput:hover .imageContainer {
	opacity: 0.7;
}

header section.search-active .inputContainer .textInput .textBox {
	border-color: #706f75;
	width: 15em;
}

header section.search-active .inputContainer .textInput h7 {
	color: #706f75;
}

header section.search-active .inputContainer .textInput .imageContainer
	{
	opacity: 0.7;
}

/* ---------------------------------------------------------------------- navigation ----------------------------------------------------------------- */
header nav {
	margin-top: 0.125em;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
}

header nav a {
	font-size: 0.938em;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
}

header nav a :hover {
	text-decoration: underline;
}

header nav li {
	margin-right: 0.813em;
	vertical-align: middle;
}

header nav li:first-child a {
	display: inline-block;
	height: 1.65em;
	width: 1.875em;
	background-image: url("../images/button/home.png");
	background-size: 1.8em auto;
	background-position: center -0.7em;
	background-repeat: no-repeat;
	color: transparent;
}

header nav li:last-child {
	margin-right: 0;
}

header .interaction {
	padding-top: 1em;
}

header .logoBlock,header .interactionBlock {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
}

header .interactionBlock {
	text-align: right;
}

section.articles .articleContainer {
	overflow: hidden;
	white-space: nowrap;
}

section.articles .articleContainer.shifting-up {
	white-space: normal;
}

section.articles .articleContainer.shifting-up .articleSlot {
	display: block;
}

section.articles .articleSlot {
	width: 73.75em;
	margin-left: 0em;
	/*
  	    -webkit-transition: margin-left $transtime ease, margin-top $transtime ease;
  		-moz-transition: margin-left $transtime ease, margin-top $transtime ease;
  		-ms-transition: margin-left $transtime ease, margin-top $transtime ease; 
  		-o-transition: margin-left $transtime ease, margin-top $transtime ease;
  		transition: margin-left $transtime ease, margin-top $transtime ease;
  */
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

section.articles .articleSlot-shiftedRight {
	width: 73.75em;
	margin-left: -73.75em;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

section.articles .articleSlot-shiftedLeft {
	margin-left: -73.75em;
}

footer { /*background-color:#CCFF33; /* debug color (greenish)*/
	/*height:3em; /* debug height*/
	background-color: white;
}

footer .content .content-inner {
	border-top: 0.07em dotted rgba(112, 111, 117, 0.5);
	padding-top: 0.188em;
}

footer .content .impressum {
	float: left;
}

footer .content .copyright {
	float: right;
}

footer .content:before,footer .content:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

footer .content:after {
	clear: both;
}

footer ul {
	padding: 0;
	margin: 0;
	outline: 0 none;
	list-style: none outside none;
}

footer ul li {
	display: inline-block;
	vertical-align: middle;
}

footer ul li {
	cursor: pointer;
	line-height: 1;
	margin: 0 0.72928em 0 0;
	padding: 0 0.72928em 0 0;
	border-right: 0.1em solid;
	font-size: 0.688em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #a3a3a3;
}

footer ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

footer ul li a {
	text-decoration: none;
	color: inherit;
}

footer ul li:hover a {
	color: #403b00;
	text-decoration: underline;
}

/* ----------------------------------------------- settings for all views ------------------------------------------------------ */
article {
	padding-top: 1.250em;
	min-height: 35.750em;
	width: 73.75em;
	white-space: normal;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article h1,article h2,article h3,article h4,article h5 {
	font-family: "Raleway", sans-serif;
	font-weight: normal;
}

article h3 {
	font-weight: bold;
	font-size: 1em;
	color: #4b4b4b;
}

article h4 {
	color: #4b4b4b;
}

article h5 {
	color: #4b4b4b;
}

article h6 {
	color: #4b4b4b;
}

article p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.62;
	color: #7d7d7d;
	margin: 0;
}

article nav .imgHolder,article .loadingTile .imgHolder {
	position: relative;
	display: inline-block;
	width: 17.5em;
	height: 9.625em;
	margin: 1.875em 1.25em 0 0;
	border: 0.07em dotted rgba(112, 111, 117, 0.5);
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article nav .imgHolder h4,article .loadingTile .imgHolder h4 {
	margin: 0;
}

article nav li:nth-child(4n) .imgHolder,article .loadingTile li:nth-child(4n) .imgHolder
	{
	margin-right: 0;
}

article nav .imgPlaceholder,article .loadingTile .imgPlaceholder {
	width: 3.75em;
	height: 3.75em;
	border-radius: 1.875em;
	background-color: white;
	margin: -1.875em 0 0 -0.25em;
}

article nav .imgPlaceholder:after,article .loadingTile .imgPlaceholder:after
	{
	display: inline-block;
	width: 3.25em;
	height: 3.25em;
	border-radius: 1.625em;
	background-color: #ffed00;
	content: ".";
	color: transparent;
	margin: 0.25em 0 0 0.25em;
}

article.overView .teaserPlacelder {
}

article.overView .teaserPlacelder .slider-wrapper {
	position: relative;
	border: none;
}


article.overView .teaserPlacelder #slider {
	height: 9.625em;
	border: 0.063em dotted rgba(112, 111, 117, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

article.overView .teaserPlacelder .nivo-caption {
	position: absolute;
	bottom: 0px;
	width: 26.7%;
	height: 100%;
	background: -webkit-linear-gradient(90deg, rgba(161,160,160,0.6) 80%, rgba(161,160,160,0));
	background:    -moz-linear-gradient(90deg, rgba(161,160,160,0.6) 80%, rgba(161,160,160,0));
	background:      -o-linear-gradient(90deg, rgba(161,160,160,0.6) 80%, rgba(161,160,160,0));
	background:         linear-gradient(90deg, rgba(161,160,160,0.6) 80%, rgba(161,160,160,0));
	opacity: 1.0;
	font-weight: bold;
	padding-top: 3.5em;
	padding-right: 2.7%;
	pointer-events: none;
}

article.overView .teaserPlacelder .nivo-controlNav {
	background: none;
	display: block;
	opacity: 0.85;
	bottom: 0;
	border: none;
}

article.overView .teaserPlacelder .nivo-directionNav {
	display:none;
}
/*
article.overView .teaserPlacelder .nivo-directionNav a {
	background: url(../scripts/extern/nivo-slider/themes/bar/arrows.png) no-repeat;
	text-transform: none;
	width: 30px;
	height: 30px;
	text-indent:-9999px;
	opacity: 0.5;
	bottom: 5px;
}

article.overView .teaserPlacelder .nivo-directionNav a.nivo-nextNav {
	background-position: -30px;
	right: 15px;
}

article.overView .teaserPlacelder .nivo-directionNav a.nivo-prevNav {
	left: 15px;
}
*/
article.overView .generalExplanation.generalExplanation-full {
	height: 86.625em;
}

article.overView .generalExplanation {
	margin-top: 1.25em;
	height: 9.625em;
	overflow: hidden;
	-webkit-transition: height 0.4s ease;
	-ms-transition: height 0.4s ease;
	-moz-transition: height 0.4s ease;
	-o-transition: height 0.4s ease;
	transition: height 0.4s ease;
}

article.overView .generalExplanation h3 {
	margin: 0;
	color: #000000;
	text-transform: uppercase;
	padding-bottom: 0.313em;
}

article.overView .generalExplanation p+h3 {
	padding-top: 1.25em;
}

article.overView .generalExplanation h4 {
	font-family: sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	margin: 0;
	color: #706f75;
	text-transform: uppercase;
	padding: 0.714em 0 0.357em 0;
}

article.overView .generalExplanation ul+p {
	padding-top: 0.714em;
}

article.overView .generalExplanation p {
	color: #000000;
	line-height: 1.667em;
}

article.overView .generalExplanation p:nth-child(2) {
	padding-bottom: 0.313em;
}

article.overView .generalExplanation em {
	font-weight: bold;
	color: #706f75;
	font-style: normal;
}

article.overView .generalExplanation ul {
	margin: 0;
	padding-left: 1.25em;
}

article.overView .generalExplanation li {
	color: #7d7d7d;
	line-height: 1.667em;
	font-size: 0.75em;
	padding-bottom: 0.5em;
}

article.overView .generalExplanation li li {
	font-size: 1em;
}

article.overView .generalExplanation .story {
	visibility: hidden;
}

article.overView .generalExplanation .story p {
	padding-bottom: 0.313em;
}

article.overView .generalExplanation .control {
	font-weight: bold;
	font-size: small;
	color: #706f75;
	cursor: pointer;
	margin-bottom: 1.5em;
	width: 2em;
}

article.overView .generalExplanation .control:hover {
	color: #7ac1e3;
}

article.overView nav {
	padding: 1.25em 0;
}

article.overView nav li .imgPlaceholder:after {
	-webkit-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

article.overView nav li .imgHolder {
	-webkit-transition: border-color 0.4s ease;
	-ms-transition: border-color 0.4s ease;
	-moz-transition: border-color 0.4s ease;
	-o-transition: border-color 0.4s ease;
	transition: border-color 0.4s ease;
}

article.overView nav li:hover .imgPlaceholder:after {
	background-color: #7ac1e3;
	-webkit-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

article.overView nav li:hover .imgHolder {
	border-color: #7ac1e3;
}

article.overView nav li .targetBanner {
	padding: 0.75em;
	margin-top: 1em;
}

article.overView nav li h4 {
	font-size: 1.250em;
	font-weight: 600;
	margin-bottom: 0.35em;
	color: #000000;
}

article.overView nav li:nth-child(1) .imgPlaceholder:after {
	background-image: url("../images/backgrounds/saeulen.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.overView nav li:nth-child(1):hover .imgPlaceholder:after {
	background-image: url("../images/backgrounds/saeulen-white.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.overView nav li:nth-child(2) .imgPlaceholder:after {
	background-image: url("../images/backgrounds/themen.svg");
	background-size: 1.85em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.overView nav li:nth-child(2):hover .imgPlaceholder:after {
	background-image: url("../images/backgrounds/themen-white.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.overView nav li:nth-child(3) .imgPlaceholder:after {
	background-image: url("../images/backgrounds/index.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.overView nav li:nth-child(3):hover .imgPlaceholder:after {
	background-image: url("../images/backgrounds/index-white.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.overView nav li:nth-child(4) .imgPlaceholder:after {
	background-image: url("../images/backgrounds/mediathek.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.overView nav li:nth-child(4):hover .imgPlaceholder:after {
	background-image: url("../images/backgrounds/mediathek-white.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

/* ----------------------------------------------- settings for all views ------------------------------------------------------ */
article {
	padding-top: 1.250em;
	min-height: 35.750em;
	width: 73.75em;
	white-space: normal;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article h1,article h2,article h3,article h4,article h5 {
	font-family: "Raleway", sans-serif;
	font-weight: normal;
}

article h3 {
	font-weight: bold;
	font-size: 1em;
	color: #4b4b4b;
}

article h4 {
	color: #4b4b4b;
}

article h5 {
	color: #4b4b4b;
}

article h6 {
	color: #4b4b4b;
}

article p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.62;
	color: #7d7d7d;
	margin: 0;
}

article nav .imgHolder,article .loadingTile .imgHolder {
	position: relative;
	display: inline-block;
	width: 17.5em;
	height: 9.625em;
	margin: 1.875em 1.25em 0 0;
	border: 0.07em dotted rgba(112, 111, 117, 0.5);
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article nav .imgHolder h4,article .loadingTile .imgHolder h4 {
	margin: 0;
}

article nav li:nth-child(4n) .imgHolder,article .loadingTile li:nth-child(4n) .imgHolder
	{
	margin-right: 0;
}

article nav .imgPlaceholder,article .loadingTile .imgPlaceholder {
	width: 3.75em;
	height: 3.75em;
	border-radius: 1.875em;
	background-color: white;
	margin: -1.875em 0 0 -0.25em;
}

article nav .imgPlaceholder:after,article .loadingTile .imgPlaceholder:after
	{
	display: inline-block;
	width: 3.25em;
	height: 3.25em;
	border-radius: 1.625em;
	background-color: #ffed00;
	content: ".";
	color: transparent;
	margin: 0.25em 0 0 0.25em;
}

.overlayAble,article.indicatorView {
	/*background-color:green; /*debug color*/
	position: relative;
}

.overlayAble .layer,article.indicatorView .layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.overlayAble .layer-foreground,article.indicatorView .layer-foreground {
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

.overlayAble .layer-active,article.indicatorView .layer-active {
	background-color: rgba(255, 255, 255, 0.9);
}

.overlayAble .layer-hidden,article.indicatorView .layer-hidden {
	display: none;
}

article.indicatorView>h3 {
	margin: 1.875em 0 0 0;
	color: #000000;
}

article.indicatorView .teaserBlock {
	margin-top: 0.35em;
}

article.indicatorView .teaserBlock h3 {
	margin: 0;
	display: inline-block;
}

article.indicatorView .teaserBlock p br:last-child {
	line-height: 1.85em;
}

article.indicatorView .teaserBlock .explanation {
	min-height: 10.5em;
	overflow: hidden;
}

article.indicatorView .teaserBlock .visualTeaser {
	margin-top: 0;
	float: right;
	height: 22em;
	width: 37em;
	margin-left: 1.25em;
	border: 0.07em dotted rgba(112, 111, 117, 0.5);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	overflow: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.indicatorView .indicatorControlBox {
	-moz-box-sizing: border-box;
	/*background-color: #F5F6F4;*/
	border-top: 0.07em solid #FFFFFF;
	top: 3.5em;
	cursor: pointer;
	font-family: sans-serif;
	/*height: 2.375em;*/
	right: 0;
	overflow: visible;
	/*padding: 0.35em 0.75em;*/
	padding: 0.35em 0;
	text-align: right;
	position: absolute;
	width: 17.485em;
}

article.indicatorView .indicatorControlBox h5 {
	color: rgba(0, 0, 0, 0.3);
	font-size: 0.813em;
	line-height: 1em;
	margin: 0 0 0 0.25em;
	padding: 0;
	width: 2.6em;
	display: inline-block;
	vertical-align: middle;
}

article.indicatorView .indicatorControlBox h5 .mediaLink {
	
	/*background-color: #FFFEF0;*/
background-position: center center;
background-repeat: no-repeat;
background-size: 2.3em auto;
/*border: 1px solid #DDDDDD;
border-radius: 2px;*/
color: rgba(0, 0, 0, 0);
display: block;
height: 2.5em;
margin-left: -0.35em;
margin-top:0.2em;
opacity: 0.85;
text-decoration: none;
padding: 0 1em 0 2em;
}
article.indicatorView > .indicatorControlBox .documentLink {
	/*background-image: url("../images/backgrounds/pdfDoc2.svg");*/
	background-image: url("../images/share/pdf_color.png");
	background-size: 2.3em auto!important;
	position:absolute;
	top:0;
}

article.indicatorView > .indicatorControlBox .documentLink:hover {
	/*background-image: url("../images/backgrounds/pdfDoc2.svg");*/
	background-image: url("../images/share/pdf_color.png");
}


article.indicatorView > .indicatorControlBox .emailLink {

	background: url("../images/share/email_color.png");
	/*background-image: url("../images/backgrounds/email.svg");*/
	/*background-image: url("../images/share/email.png");*/
	position: absolute;
	top: 0;
}


article.indicatorView > .indicatorControlBox .shareLink, article.detailView .controlBox .shareLink {

	/*background-image: url("../images/button/socialmedia/ShareThis1.png");*/
	background-image: url("../images/share/share.png");
	background-size:2.3em auto !important;
	position: absolute;
	top:0;
}


article.indicatorView > .indicatorControlBox h5:hover a {
	opacity: 1.0;
	
}

article.indicatorView > .indicatorControlBox .share-wrapper:hover .shareLink{
	opacity: 0.5!important;
}



.collapsableView .collapseImg,.collapsableView .permanent {
	display: inline-block;
	vertical-align: middle;
}

.collapsableView .collapseImg {
	background-color: #ffed00;
	position: relative;
	width: 3.25em;
	height: 3.25em;
	border-radius: 1.625em;
}

.collapsableView .collapseImg:after {
	background-color: #ffed00;
	position: absolute;
	margin-top: 0.125em;
	margin-left: 0.125em;
	width: 3em;
	height: 3em;
	border-radius: 1.5em;
	content: "";
}

.collapsableView .permanent {
	display: inline-block;
}

.collapsableView .collapsable {
	overflow: hidden;
	height: 0;
}

article.indicatorView .interactionBlock {
	margin-top: 1.125em;
}

article.indicatorView .interactionBlock .collapsableView {
	background-color: #fffef0;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

article.indicatorView .interactionBlock .collapseImg {
	width: 3.1em;
	height: 3.1em;
	border-radius: 1.6em;
	background-color: white;
	margin-left: -0.35em;
	margin-top: -0.35em;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

article.indicatorView .interactionBlock .collapseImg:after {
	background-color: #fffef0;
	position: absolute;
	margin-top: 0.4em;
	margin-left: 0.4em;
	width: 2em;
	height: 2em;
	border-radius: 1.25em;
	border: 0.15em solid #ffed00;
	content: "";
	background-image: url("../images/button/delete-grey_neu.svg");
	background-size: 0.8em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.indicatorView .interactionBlock .permanent {
	position: relative;
	width: 71.15em;
	border-bottom: 0.125em solid #ffed00;
	margin-left: -0.25em;
}

article.indicatorView .interactionBlock .permanent .valueClass,article.indicatorView .interactionBlock .permanent .valueSet
	{
	vertical-align: top;
	line-height: 1;
}

article.indicatorView .interactionBlock .permanent h4,article.indicatorView .interactionBlock .permanent h5,article.indicatorView .interactionBlock .permanent h6
	{
	vertical-align: top;
}

article.indicatorView .interactionBlock .permanent h4 {
	font-weight: bold;
	width: 14.25em;
	overflow: hidden;
	text-indent: 0.5em;
}

article.indicatorView .interactionBlock .permanent .valueSet {
	font-size: 1em;
	width: 60em;
}

article.indicatorView .interactionBlock .permanent h5 {
	color: #7d7d7d;
}

article.indicatorView .interactionBlock .permanent h6 {
	white-space: pre-wrap;
	border-right: 0.083em solid #bdbdbd;
	padding-right: 0.65em;
	margin-left: 0.65em;
	display: inline;
}

article.indicatorView .interactionBlock .permanent h6:last-child {
	padding-right: 0;
	border-right: none;
}

article.indicatorView .interactionBlock .collapsableView:first-child .permanent h6:nth-child(2)
	{
	padding-right: 0;
	border-right: none;
}

article.indicatorView .interactionBlock .collapsableView:first-child .permanent h6:nth-child(4)
	{
	margin-left: 0;
}

article.indicatorView .interactionBlock .collapsableView:first-child .permanent h6:nth-child(2)
	{
	padding-right: 1.3em;
	margin-left: 0;
}

article.indicatorView .interactionBlock .view-expanded {
	background-color: white;
}

article.indicatorView .interactionBlock .view-expanded .collapsable {
	margin-top: -0.45em;
}

article.indicatorView .interactionBlock .view-expanded .collapseImg {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

article.indicatorView .interactionBlock .collapsable {
	position: relative;
}

article.indicatorView .interactionBlock .collapsable h4 {
	padding-left: 4em;
	font-weight: bold;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.indicatorView .interactionBlock .collapsable li {
	border-color: #bdbdbd;
	color: #7d7d7d;
	cursor: pointer;
}

article.indicatorView .interactionBlock .collapsable li a {
	text-decoration: none;
	color: #7d7d7d;
}

article.indicatorView .interactionBlock .collapsable li a:hover {
	text-decoration: underline;
}

article.indicatorView .interactionBlock .collapsable li.selected {
	color: #4b4b4b;
}

article.indicatorView .interactionBlock .collapsable li.selected a {
	color: #4b4b4b;
}

article.indicatorView .interactionBlock .collapsable .resetImg {
	opacity: 0;
	width: 2.08em;
	height: 2.08em;
	border-radius: 1.04em;
	background-color: #ffef1a;
	position: absolute;
	top: 0.175em;
	left: 0.21em;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

article.indicatorView .interactionBlock .collapsable .resetImg:after {
	background-color: white;
	position: absolute;
	margin-top: 0.125em;
	margin-left: 0.125em;
	width: 1.83em;
	height: 1.83em;
	border-radius: 0.915em;
	content: "";
	background-image: url("../images/button/refresh-grey.svg");
	background-size: 1.35em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.indicatorView .interactionBlock .collapsableView:first-child {
	margin-bottom: 0.625em;
}

.collapsableView h4,.collapsableView h5,.collapsableView h6,.collapsableView ul,.collapsableView li
	{
	margin: 0;
	font-family: "Verdana", sans-serif;
}

.collapsableView .permanent h4,.collapsableView .permanent .valueClass,.collapsableView .permanent .valueSet,.collapsableView .permanent .valueSet h5,.collapsableView .permanent .valueSet h6,.collapsableView .permanent ul
	{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.25em;
	font-size: 0.75em;
}

.collapsableView .permanent h4 {
	font-size: 1em;
}

.collapsableView .permanent h5 {
	font-size: 1em;
}

.collapsableView .permanent ul {
	padding: 0;
	margin: 0;
	outline: 0 none;
	list-style: none outside none;
}

.collapsableView .permanent ul li {
	display: inline-block;
	vertical-align: middle;
}

.collapsableView .permanent li {
	vertical-align: middle;
}

.collapsableView .permanent li h5 {
	font-size: 1em;
	font-weight: bold;
}

.collapsableView .collapsable h4,.collapsableView .collapsable ul {
	display: inline-block;
	vertical-align: top;
}

.collapsableView .collapsable .collapsable-inner>div,.collapsableView .collapsable .collapsable-inner>h4
	{
	margin-bottom: 0.35em;
}

.collapsableView .collapsable h4,.collapsableView .collapsable ul {
	font-family: sans-serif;
	font-size: 0.75em;
	font-weight: normal;
}

.collapsableView .collapsable h4 {
	width: 18%;
	line-height: 1.65em;
	height: 1.75em;
}

.collapsableView .collapsable ul {
	line-height: 1.538em;
	width: 82%;
	padding: 0;
	margin: 0;
	outline: 0 none;
	list-style: none outside none;
}

.collapsableView .collapsable ul li {
	display: inline-block;
	vertical-align: middle;
}

.collapsableView .collapsable li {
	border-right: 0.1em solid;
	padding-right: 0.65em;
	margin-right: 0.65em;
}

.collapsableView .collapsable li:last-child {
	border-right: none;
	padding-right: none;
	margin-right: none;
}

.collapsableView .collapsable li.selected {
	font-weight: bold;
}

.collapsableView.view-active .permanent h5 span {
	display: none;
}

.collapsableView.view-active div.resetImg {
	opacity: 1 !important;
}

.imgHolder {
	cursor: pointer;
}

article.indicatorView nav.detailsBlock {
	vertical-align: top;
	margin-top: 1.125em;
	margin-bottom: 1.125em;
}

article.indicatorView nav.detailsBlock h3 {
	color: #706f75;
	margin: 0 0 0.313em 0;
	display: none;
}

article.indicatorView nav.detailsBlock li {
	vertical-align: top;
	margin-bottom: 1.125em;
	opacity: 1;
	-webkit-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

article.indicatorView nav.detailsBlock li.hiddenTile {
	opacity: 0.25;
}

article.indicatorView .imgHolder {
	min-height: 5.25em;
	margin: 1.75em 1.25em 0 0;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f4f4f4;
}

article.indicatorView .imgHolder .imgPlaceholder {
	width: 3.5em;
	height: 3.5em;
	border-radius: 1.75em;
	background-color: white;
	margin: -1.75em 0 0 -0.25em;
}

article.indicatorView .imgHolder .imgPlaceholder:after {
	display: inline-block;
	width: 3em;
	height: 3em;
	border-radius: 1.5em;
	background-color: lightgrey;
	content: ".";
	color: transparent;
	margin: 0.25em 0 0 0.25em;
}

article.indicatorView .imgHolder .type {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}

article.indicatorView .imgHolder .type h5 {
	margin: 0;
	font-family: "Raleway", sans-serif;
	font-weight: 700;
	font-size: 0.875em;
	color: #706f75;
}

article.indicatorView .imgHolder .targetBanner {
	margin-top: 0.25em;
	padding: 0 0.5em 0.5em 0.5em;
}

article.indicatorView .imgHolder .targetBanner h4 {
	display: none;
}

article.indicatorView .imgHolder .targetBanner h5 {
	margin: 0;
	font-family: "Verdana", sans-serif;
	line-height: 1.45;
	font-weight: 700;
	font-size: 0.875em;
	color: #706f75;
}

article.indicatorView .imgHolder .targetBanner h5 span {
	font-weight: normal;
}

article.indicatorView { /*
  	h5.tileName {
  		&:after {
  			content:"";
  		}
  	}
  */
	
}

article.indicatorView .imgHolder {
	height: auto;
}

article.indicatorView .compactTile .targetBanner h5,article.indicatorView .compressedTile .targetBanner h5
	{
	display: inline;
}

article.indicatorView .compactTile .targetBanner h5 span,article.indicatorView .compressedTile .targetBanner h5 span
	{
	display: none;
}

article.indicatorView .compactTile .targetBanner h5:after,article.indicatorView .compressedTile .targetBanner h5:after
	{
	content: ", ";
}

article.indicatorView .compactTile .targetBanner h5:last-child:after,article.indicatorView .compressedTile .targetBanner h5:last-child:after
	{
	content: "";
}

article.indicatorView .compressedTile h5 span {
	display: none;
}

article.indicatorView .mapTile .imgPlaceholder:after {
	background-color: #b5c7de;
	background-image: url("../images/backgrounds/map-white.svg");
	background-size: 2.05em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.indicatorView .mapTile h5.tileName {
	display: none;
}

article.indicatorView .tableTile .imgPlaceholder:after {
	background-color: #b2dcdc;
	background-image: url("../images/backgrounds/listWhite.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.indicatorView .tableTile h5.tileName {
	display: none;
}

article.indicatorView .exposeTile h5.tileName {
	line-height: 1.25;
	padding-top: 0.125em;
}

article.indicatorView .diagramTile .imgPlaceholder:after {
	background-color: #c4db9b;
	background-image: url("../images/backgrounds/chartWhite.svg");
	background-size: 1.55em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.indicatorView .diagramTile h5.tileName {
	display: none;
}

article.indicatorView .exposeTile .imgPlaceholder:after {
	background-color: #cccccc;
	background-image: url("../images/backgrounds/documentWhite.svg");
	background-size: 1.35em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.layer-foreground .loadingTile {
	position: absolute;
	z-index: 30;
	/*
  		h5 {
  
  			display: inline-block;
  
  			font-family: $plainFont;
  			margin: 0;
  			padding: 0;
  		}
  		*/
}

.layer-foreground .loadingTile .type {
	display: none;
}

.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading:last-child
	{
	display: block;
	font-weight: normal;
}

.layer-foreground .loadingTile .imgHolder .targetBanner h5,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-map,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-expose,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-diagram,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-table
	{
	display: none;
}

.layer-foreground .loadingTile .imgHolder .targetBanner h5:after,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-map:after,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-expose:after,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-diagram:after,.layer-foreground .loadingTile .imgHolder .targetBanner h5.loading-table:after
	{
	content: "";
}

.layer-foreground .loadingTile.mapTile .imgHolder {
	background-color: #b5c7de;
}

.layer-foreground .loadingTile.mapTile .imgHolder h5.loading-map {
	display: block;
}

.layer-foreground .loadingTile.exposeTile .imgHolder {
	background-color: #cccccc;
}

.layer-foreground .loadingTile.exposeTile .imgHolder h5.loading-expose {
	display: block;
}

.layer-foreground .loadingTile.diagramTile .imgHolder {
	background-color: #c4db9b;
}

.layer-foreground .loadingTile.diagramTile .imgHolder h5.loading-diagram
	{
	display: block;
}

.layer-foreground .loadingTile.tableTile .imgHolder {
	background-color: #b2dcdc;
}

.layer-foreground .loadingTile.tableTile .imgHolder h5.loading-table {
	display: block;
}

.layer-foreground .loadingTile-finished .imgPlaceholder {
	display: none;
}

.layer-foreground .loadingTile-finished .imgHolder .targetBanner h5 {
	color: transparent;
}

.layer-foreground .loadingTile-finished.mapTile .imgHolder {
	background-image: url("../images/backgrounds/map-white.svg");
	background-size: 33% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.layer-foreground .loadingTile-finished.exposeTile .imgHolder {
	background-image: url("../images/backgrounds/documentWhite.svg");
	background-size: 25% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.layer-foreground .loadingTile-finished.diagramTile .imgHolder {
	background-image: url("../images/backgrounds/chartWhite.svg");
	background-size: 25% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.layer-foreground .loadingTile-finished.tableTile .imgHolder {
	background-image: url("../images/backgrounds/listWhite.svg");
	background-size: 24% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.detailView.detailView-active {
	visibility: visible !important;
}

article.detailView.detailView-active .imgPlaceholder {
	visibility: visible;
}

article.detailView.closing .imgPlaceholder {
	opacity: 0;
}

article.detailView {
	visibility: hidden;
	position: relative;
	background-color: white;
	padding-top: 0;
	min-height: 0;
	width: 100%;
	margin: 2em 0 0 0;
	border: 0.07em dotted #7d7d7d;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Verdana", sans-serif;
	font-weight: normal;
}

article.detailView .imgPlaceholder {
	background-color: #fffef0;
	background-image: url("../images/button/delete-grey_neu.svg");
	background-size: 0.8em auto;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 1.4625em;
	border: 0.15em solid #ffed00;
	cursor: pointer;
	height: 2em;
	opacity: 1;
	position: absolute;
	right: 0;
	top: -1em;
	visibility: hidden;
	width: 2em;
	z-index: 12;
	-webkit-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

article.detailView:after {
	background-color: white;
	border-radius: 1.7625em;
	color: white;
	content: ".";
	height: 2.7em;
	position: absolute;
	z-index: 10;
	top: -1.3em;
	right: -0.3em;
	width: 2.7em;
	



	
}

article.detailView.stretchedHeading h4 {
	height: 4em;
}

article.detailView>nav,article.detailView .displayContainer {
	display: inline-block;
	vertical-align: top;
}

article.detailView>nav {
	width: 17.485em;
	background-color: rgba(250, 235, 215, 0.08);
	/*
    
    		article.indicatorView .controlBox h5 {
    		    
    		}
    */
}

article.detailView>nav * {
	width: 100%;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView>nav h4 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0;
	padding: 0.7em 0.875em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.6);
	background-color: #4b4b4b;
}

article.detailView>nav h5 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	padding: 1.4em 0.875em 0.25em 0.875em;
	margin: 0;
	color: #706f75;
}

article.detailView>nav li {
	display: inline-block;
	padding-left: 0.76563em;
	padding-right: 0.5em;
	cursor: pointer;
	vertical-align: top;
	padding-top: 0.125em;
	padding-bottom: 0.125em;
}

article.detailView>nav li:before,article.detailView>nav li:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

article.detailView>nav li:after {
	clear: both;
}

article.detailView>nav li a {
	font-size: 0.688em;
	font-weight: normal;
	line-height: 1.3;
	color: #7d7d7d;
	float: left;
	padding: 0.25em 0;
}

article.detailView>nav li span {
	float: left;
	width: 1em;
	min-height: 1.35em;
}

article.detailView>nav li>span {
	display: none;
}

article.detailView>nav li:hover {
	background-color: rgba(0, 0, 0, 0.03);
}

article.detailView>nav .controlBox {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	font-family: "Verdana", sans-serif;
	width: 17.485em;
	padding: 0.35em 0.75em 0.35em 0.75em;
	height: 2.375em;
	overflow: hidden;
	cursor: pointer;
	border-top: 0.07em solid white;
	background-color: #f5f6f4;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView>nav .controlBox .iconPlace,article.detailView>nav .controlBox h5
	{
	display: inline-block;
	vertical-align: middle;
}

article.detailView>nav .controlBox h5 {
	margin: 0 0 0 0.25em;
	padding: 0;
	width: 2em;
	font-size: 0.813em;
	color: rgba(0, 0, 0, 0.3);
	line-height: 1em;
}

article.detailView>nav .controlBox h5 a {
	text-decoration: none;
	color: transparent;
	/*background-image: url("../images/backgrounds/pdfDoc2.svg");*/
	background-image: url("../images/share/pdf_color.png");
	background-size: 1.85em auto;
	background-position: left center;
	background-repeat: no-repeat;
	opacity: 0.85;
	display: inline-block;
	vertical-align: middle;
	height: 2em;
	margin-left: -0.35em;
}
article.detailView>nav .controlBox h5 span{
	text-decoration: none;
	color: transparent;
	
	opacity: 0.85;
	display: inline-block;
	vertical-align: middle;
	height: 2em;
	margin-left: -0.35em;
	
}

article.detailView>nav .controlBox h5:nth-of-type(1) a:hover {
	
	/*background-image: url("../images/backgrounds/pptDoc2.svg");*/
	background-image: url("../images/share/pdf_color.png");
	
}
article.detailView>nav .controlBox h5:nth-of-type(2) a {
	
	/*background-image: url("../images/backgrounds/pptDoc2.svg");*/
	background-image: url("../images/share/ppt_color.png");
	
}

article.detailView>nav .controlBox h5:nth-of-type(2) a:hover{
	
	
	background-image: url("../images/share/ppt_color.png");
	
}


article.detailView>nav .controlBox h5:nth-of-type(3) a {
	background-image: url("../images/share/email_color.png");
}

article.detailView>nav .controlBox h5 a.mapLink {
	display: none;
	background: #04a464;
	background-image: url("../images/backgrounds/map-white.svg");
	background-size: 18px auto;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border-radius: 11px;
	width: 22px;
	height: 22px;
}
article.detailView.detailView-map>nav .controlBox h5 a.mapLink {
	display: inline-block;
}




article.detailView>nav .controlBox .iconPlace {
	background-image: url("../images/button/download.svg");
	background-size: 0.85em auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 0.85em;
	height: 0.85em;
	opacity: 0.25;
	margin-top: -0.25em;
	display: none;
}

article.detailView>nav .controlBox h5:hover a {
	opacity: 1.0;
}

article.detailView>nav .mapEmbedDialog {
	display: none;
	position: absolute;
	bottom: -80px;
	border: 1px solid #999;
	background-color: #f5f6f4;
	padding: 4px 2px;
	font-size: 80%;
	z-index: 10;
	height: 76px;
}
article.detailView>nav .mapEmbedDialog:before {
	content: ' ';
	transform: rotate(45deg);
	transform-origin: center;
	position: absolute;
	left: 116px;
	top: -9px;
	width: 16px;
	height: 16px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	display: block;
	background: #f5f6f4;
	z-index: -1;
}
article.detailView>nav .mapEmbedDialog.active {
	display: block;
}
article.detailView>nav .mapEmbedDialog .dialogContent {
	padding: 0.5em 0.2em 0.2em 0.2em;
	color: #7d7d7d
}
article.detailView>nav .mapEmbedDialog .dialogContent p {
	font-size: inherit;
	color: #444;
}
article.detailView>nav .mapEmbedDialog .dialogContent a {
	color: #444;
	text-decoration: none;
}


article.detailView .displayContainer {
	width: 56.125em;
	overflow: hidden;
	position: relative;
	background-color: white;
}

article.detailView .controls {
	height: 28.313em;
	overflow-y: auto;
	direction: rtl;
}

article.detailView .control-time{
background: none repeat scroll 0 0 #f5f6f4;
border-bottom: 0.1em solid #999;
border-top: 0.1em solid #999;
height: 2.5em;
position: relative;
}

article.detailView .timestamp {
  position: relative;
  text-align: center;
}
article.detailView .timespan {
  padding-bottom: 0.5em;
  text-align: left;
  bottom: 1em;
  padding: 0;
  padding-left: 0.875em;
  padding-top: 0.8em;
}

article.detailView .button-left {
background: url("../images/button/arrow-grey_neu.svg") no-repeat scroll 0.16em 0.16em / 0.86em 0.86em rgba(0, 0, 0, 0);
background-color: #F5F6F4;
  border: 0.15em solid #F5F6F4;
  border-radius: 1.4625em;
  color: gray;
  cursor: pointer;
  direction: ltr !important;
  font-size: 1.25em;
  height: 1.5em;
  left: 5.25em;
  padding-top: 2px;
  position: absolute;
  text-align: center;
  top: 0.2em;
  width: 1.5em;
  opacity: 0.7;
  -webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1); 
   }

article.detailView .button-right {
  background: url("../images/button/arrow-grey_neu.svg") no-repeat scroll 0.16em 0.16em / 0.86em 0.86em rgba(0, 0, 0, 0);
  background-color: #F5F6F4;
  border: 0.15em solid #F5F6F4;
  border-radius: 1.4625em;
  color: gray;
  cursor: pointer;
  direction: ltr !important;
  font-size: 1.25em;
  height: 1.5em;
  left: 12em;
  padding-top: 2px;
  position: absolute;
  text-align: center;
  top: 0.2em;
  width: 1.5em;
  opacity: 0.7;

 }
 
article.detailView .button-right:hover {
	opacity: 1.0;
}
 
article.detailView .button-left:hover {
	opacity: 1.0;
}

article.detailView .control-time .inactive,
article.detailView .control-time .inactive:hover {
	opacity: 0.3;
	cursor: default;
}


.yearSelect {
  width: 8em!important;
  text-align: center;
  font-size: 80%;
  font-family: "Verdana", sans-serif;
  color: #706F75;
  position: absolute;
  top: 0.7em;
  left: 10.70em;
  direction: ltr!important;
}


article.detailView .controls .controls-inner {
	direction: ltr;
}

article.detailView h5.maps .selected {
	color: #b5c7de;
}

article.detailView h5.maps+ul span:last-child {
	display: none;
}

article.detailView h5.exposes+ul span:last-child {
	white-space: normal;
	width: 78%;
	line-height: 1.2;
	float: left;
}

article.detailView h5.exposes .selected {
	color: #cccccc;
}

article.detailView h5.tables .selected {
	color: #b2dcdc;
}

article.detailView h5.tables+ul span:last-child {
	display: none;
}

article.detailView h5.diagrams .selected {
	color: #c4db9b;
}

article.detailView h5.diagrams+ul span:last-child {
	display: none;
}

article.detailView.detailView-loading .imgPlaceholder {
	/*	@keyframes rotating {
  					    from{
  					        transform: rotate(0deg);
  					    }
  					    to{
  					        transform: rotate(360deg);
  					    }
  					}
  
  				   animation: rotating 1s linear infinite;
  */
	
}

article.detailView.detailView-map .controls {
	height: 25.938em;
}

article.detailView.detailView-map>nav h4 {
	background-color: #b5c7de;
}

article.detailView.detailView-map li.selected {
	background-color: #b5c7de;
}

article.detailView.detailView-map li.selected a {
	color: white;
}

article.detailView.detailView-map li.selected span:before {
	color: #b5c7de;
}

article.detailView.detailView-map .controlBox {
	border-top-color: #d8e2ee;
}



article.detailView.detailView-map.detailView-loading .imgPlaceholder {
	background-color: #b5c7de;
}

article.detailView.detailView-diagram>nav h4 {
	background-color: #c4db9b;
}

article.detailView.detailView-diagram li.selected {
	background-color: #c4db9b;
}

article.detailView.detailView-diagram li.selected a {
	color: white;
}

article.detailView.detailView-diagram li.selected span:before {
	color: #c4db9b;
}

article.detailView.detailView-diagram.detailView-loading .imgPlaceholder
	{
	background-color: #c4db9b;
}

/* CHANGES FOR THE PDF DOWNLOAD BTN */
article.detailView.detailView-diagram .controlBox {
	border-top-color: #d3e4b5;
	/*display: none;*/
}

article.detailView.detailView-diagram .controlBox .share-map{
	display:none;
}

article.detailView.detailView-diagram .controlBox h5 a {
	display: inline-block;
	/*display: none;*/
}
article.detailView.detailView-diagram .controlBox h5:nth-child(2) a {
	display: inline-block;
	/*display: none; */
}
article.detailView.detailView-table>nav h4 {
	background-color: #b2dcdc;
}

article.detailView.detailView-table li.selected {
	background-color: #b2dcdc;
}

article.detailView.detailView-table li.selected a {
	color: white;
}

article.detailView.detailView-table li.selected span:before {
	color: #b2dcdc;
}

article.detailView.detailView-table.detailView-loading .imgPlaceholder {
	background-color: #b2dcdc;
}

article.detailView.detailView-table .controlBox {
	border-top-color: #cbe7e7;
	/*display: none;*/
}
article.detailView.detailView-table .controlBox h5 a {
	display: none;
}
article.detailView.detailView-table .controlBox div{
	display:none;
}

article.detailView.detailView-expose>nav h4 {
	background-color: #cccccc;
}

article.detailView.detailView-expose li.selected {
	background-color: #cccccc;
}

article.detailView.detailView-expose li.selected a {
	color: white;
}

article.detailView.detailView-expose li.selected span:before {
	color: #cccccc;
}

article.detailView.detailView-expose .controls {
	height: 25.938em;
}

article.detailView.detailView-expose.detailView-loading .imgPlaceholder
	{
	background-color: #cccccc;
}

article.detailView.detailView-expose .controlBox {
	border-top-color: #dedede;
}
article.detailView.detailView-expose .controlBox h5 a {
	display: none;
}
article.detailView.detailView-expose .controlBox h5:nth-child(2) a {
	display: inline-block;
}
article.detailView.detailView-expose .controlBox div{
	display:none;
}

article.detailView .contentView {
	background-color: white;
}

article.detailView .contentView header {
	float: none;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.015);
	overflow: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*
    		ul {
    			@include strippedList();
    
    			line-height: 1em;
    
    			a {
    				font-size: 0.688em;
    				font-family: $plainFont;
    				color:lighten($mutedHeadingClr,15);
    				padding: 0.125em;
    
    				text-decoration: none;
    			}
    		}
    		*/
}

article.detailView .contentView header h3 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.3em;
	margin: 0;
	padding: 0.7em 0.875em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #708aab;
}

article.detailView .contentView header h3:before {
	height: 1.625em;
	width: 2.4375em;
	background-color: transparent;
	color: transparent;
	float: right;
	content: ".";
}

article.detailView .contentView section.content {
	height: 30.813em;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 56.125em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView .contentView section.content .contentHolder {
	height: 100%;
	padding: 0.75em;
	overflow-y: auto;
	overflow-x: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView.stretchedHeading header {
	height: 3.5em;
}

article.detailView.stretchedHeading header h3.singleHeading {
	line-height: 2.65;
}

article.detailView .contentView {
	background-color: white;
}

article.detailView .contentView header {
	float: none;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.015);
	overflow: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*
    		ul {
    			@include strippedList();
    
    			line-height: 1em;
    
    			a {
    				font-size: 0.688em;
    				font-family: $plainFont;
    				color:lighten($mutedHeadingClr,15);
    				padding: 0.125em;
    
    				text-decoration: none;
    			}
    		}
    		*/
}

article.detailView .contentView header h3 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.3em;
	margin: 0;
	padding: 0.7em 0.875em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #708aab;
}

article.detailView .contentView header h3:before {
	height: 1.625em;
	width: 2.4375em;
	background-color: transparent;
	color: transparent;
	float: right;
	content: ".";
}

article.detailView .contentView section.content {
	height: 30.813em;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 56.125em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView .contentView section.content .contentHolder {
	height: 100%;
	padding: 0.75em;
	overflow-y: auto;
	overflow-x: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView.stretchedHeading header {
	height: 3.5em;
}

article.detailView.stretchedHeading header h3.singleHeading {
	line-height: 2.65;
}

article.detailView.detailView-expose .contentView section.content {
	height: 30.743em;
}

article.detailView .contentHolder-expose article.expose {
	padding: 0;
	margin: 0;
	width: auto;
}

article.detailView .contentHolder-expose article h2,article.detailView .contentHolder-expose article h4,article.detailView .contentHolder-expose article h5,article.detailView .contentHolder-expose article p,article.detailView .contentHolder-expose article ul
	{
	font-family: "Verdana", sans-serif;
	height: auto;
}

article.detailView .contentHolder-expose article h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

article.detailView .contentHolder-expose article h2+h4 {
	font-size: 0.75em;
	color: rgba(0, 0, 0, 0.4);
	margin-top: 0.125em;
	margin-bottom: 1.75em;
}

article.detailView .contentHolder-expose article h4 {
	font-size: 0.813em;
	font-weight: bold;
	margin-top: 1.45em;
	margin-bottom: 0.45em;
}

article.detailView .contentHolder-expose article h5 {
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 0.25em;
	margin-top: 0.725em;
}

article.detailView .contentHolder-expose article p,article.detailView .contentHolder-expose article ul
	{
	margin-bottom: 0.7em;
}

article.detailView .contentHolder-expose article > ul {
	line-height: 1.35;
	font-size: 0.75em;
	color: #7d7d7d;
}

article.detailView .contentHolder-expose article ul:not(li) > ul > li {
	line-height: 1.35;
	color: #7d7d7d;
	margin-bottom: 0.7em;
}

article.detailView .contentHolder-expose article hr {
	margin-top: 1.4em;
	margin-bottom: 0.35em;
}

article.detailView .contentHolder-expose article hr+p {
	font-size: 0.613em;
}

article.detailView .contentHolder-expose .table {
	padding-bottom: 0.7em;
}

article.detailView .contentHolder-expose .table h5 {
	font-weight: normal;
	font-size: 0.625em;
	font-style: italic;
	color: #7d7d7d;
	margin-bottom: 0.35em;
}

article.detailView .contentHolder-expose .table h4 {
	margin: 0 0 0.7em 0;
	padding: 0;
}

article.detailView .contentHolder-expose table {
	color: #7d7d7d;
	font-family: "Verdana", sans-serif;
}

article.detailView .contentHolder-expose table th {
	font-size: 0.75em;
	text-align: center;
	width: 8.5em;
}

article.detailView .contentHolder-expose table td {
	font-size: 0.75em;
	padding: 0.25em 0.75em;
	text-align: right;
	padding-right: 3em;
}

article.detailView .contentHolder-expose table td:first-child {
	text-align: left;
	padding-right: 0.75em;
}

article.detailView .contentHolder-expose table thead {
	border-bottom: 0.07em solid #707070;
	color: #575757;
}

article.detailView .contentHolder-expose table thead th:first-child {
	text-align: left;
}

article.detailView .contentHolder-expose table thead tr th {
	padding: 0;
	vertical-align: bottom;
}

article.detailView .contentHolder-expose table thead tr:last-child th {
	padding: 0.125em 0 0.35em 0em;
}

article.detailView .contentHolder-expose table thead tr:last-child th:first-child
	{
	text-align: left;
	padding-left: 0.7em;
}

article.detailView .contentHolder-expose table thead tr:first-child th {
	font-size: 0.813;
	padding-bottom: 0.5em;
}

article.detailView .contentHolder-expose table tbody tr:nth-child(2n) {
	background-color: rgba(248, 248, 248, 0.5);
}

article.detailView .contentHolder-expose table tbody tr:last-child {
	border-bottom: 0.07em solid #707070;
	border-top: 0.07em solid #707070;
	background-color: white;
}

article.detailView .contentView {
	background-color: white;
}

article.detailView .contentView header {
	float: none;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.015);
	overflow: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*
    		ul {
    			@include strippedList();
    
    			line-height: 1em;
    
    			a {
    				font-size: 0.688em;
    				font-family: $plainFont;
    				color:lighten($mutedHeadingClr,15);
    				padding: 0.125em;
    
    				text-decoration: none;
    			}
    		}
    		*/
}

article.detailView .contentView header h3 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.3em;
	margin: 0;
	padding: 0.7em 0.875em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #708aab;
}

article.detailView .contentView header h3:before {
	height: 1.625em;
	width: 2.4375em;
	background-color: transparent;
	color: transparent;
	float: right;
	content: ".";
}

article.detailView .contentView section.content {
	height: 30.813em;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 56.125em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView .contentView section.content .contentHolder {
	height: 100%;
	padding: 0.75em;
	overflow-y: auto;
	overflow-x: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView.stretchedHeading header {
	height: 3.5em;
}

article.detailView.stretchedHeading header h3.singleHeading {
	line-height: 2.65;
}

article.detailView.detailView-table .contentView section.content {
	height: 30.743em;
}

article.detailView .contentHolder-table thead {
	background-color: rgba(233, 233, 234, 0.5);
	border: 0.07em solid rgba(189, 189, 192, 0.5);
}

article.detailView .contentHolder-table th {
	font-size: 0.813em;
	padding: 0.75em;
	color: rgba(0, 0, 0, 0.82);
}

article.detailView .contentHolder-table tbody {
	border-bottom: 0.07em solid rgba(189, 189, 192, 0.5);
}

article.detailView .contentHolder-table tbody tr:nth-child(2n) {
	background-color: rgba(245, 245, 246, 0.5);
}

/*article.detailView .contentHolder-table tbody tr:first-child {
	border: none;
}

article.detailView .contentHolder-table tbody tr:first-child td:first-child
	{
	color: transparent;
}

article.detailView .contentHolder-table tbody tr:first-child td {
	font-weight: bold;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}*/

article.detailView .contentHolder-table tbody tr {
	border-left: 0.07em solid rgba(189, 189, 192, 0.5);
	border-right: 0.07em solid rgba(189, 189, 192, 0.5);
}

/*article.detailView .contentHolder-table tbody tr:nth-child(2) {
	border-top: 0.07em solid rgba(189, 189, 192, 0.5);
}*/

article.detailView .contentHolder-table tr {
	text-align: left;
}

article.detailView .contentHolder-table td {
	font-weight: normal;
	font-size: 0.813em;
	padding: 0.5em 0.75em;
}

article.detailView .contentHolder-table td:last-child {
	text-align: right;
}

article.detailView .contentView {
	background-color: white;
}

article.detailView .contentView header {
	float: none;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.015);
	overflow: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*
    		ul {
    			@include strippedList();
    
    			line-height: 1em;
    
    			a {
    				font-size: 0.688em;
    				font-family: $plainFont;
    				color:lighten($mutedHeadingClr,15);
    				padding: 0.125em;
    
    				text-decoration: none;
    			}
    		}
    		*/
}

article.detailView .contentView header h3 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.3em;
	margin: 0;
	padding: 0.7em 0.875em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #708aab;
}

article.detailView .contentView header h3:before {
	height: 1.625em;
	width: 2.4375em;
	background-color: transparent;
	color: transparent;
	float: right;
	content: ".";
}

article.detailView .contentView section.content {
	height: 30.813em;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 56.125em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView .contentView section.content .contentHolder {
	height: 100%;
	padding: 0.75em;
	overflow-y: auto;
	overflow-x: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView.stretchedHeading header {
	height: 3.5em;
}

article.detailView.stretchedHeading header h3.singleHeading {
	line-height: 2.65;
}

article.detailView.detailView-diagram .contentView section.content {
	height: 30.743em;
}

article.detailView .contentHolder-diagram .diagram {
	height: 100%;
}

article.detailView .contentView {
	background-color: white;
}

article.detailView .contentView header {
	float: none;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.015);
	overflow: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*
    		ul {
    			@include strippedList();
    
    			line-height: 1em;
    
    			a {
    				font-size: 0.688em;
    				font-family: $plainFont;
    				color:lighten($mutedHeadingClr,15);
    				padding: 0.125em;
    
    				text-decoration: none;
    			}
    		}
    		*/
}

article.detailView .contentView header h3 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.3em;
	margin: 0;
	padding: 0.7em 0.875em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #708aab;
}

article.detailView .contentView header h3:before {
	height: 1.625em;
	width: 2.4375em;
	background-color: transparent;
	color: transparent;
	float: right;
	content: ".";
}

article.detailView .contentView section.content {
	height: 30.813em;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 56.125em;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView .contentView section.content .contentHolder {
	height: 100%;
	padding: 0.75em;
	overflow-y: auto;
	overflow-x: hidden;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article.detailView.stretchedHeading header {
	height: 3.5em;
}

article.detailView.stretchedHeading header h3.singleHeading {
	line-height: 2.65;
}

article.detailView.detailView-map .contentView section.content {
	height: 30.813em;
}

article.detailView section.content .contentHolder.contentHolder-map {
	position: relative;
	background-color: white;
	width: 56.125em;
	opacity: 1;
	padding: 0em;
}

article.detailView section.content .contentHolder.contentHolder-map .mapSpace
	{
	background-color: transparent;
	width: 100%;
	height: 100%;
}

article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-control-container
	{
	position: absolute;
	top: 0.9975em;
	right: 3.15875em;
	z-index: 5;
}

article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-top .leaflet-control
	{
	margin: 0;
}

article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-control-attribution
	{ /* leaflet label*/
	display: none;
}

article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-bar
	{
	box-shadow: none;
	border-radius: 0;
}

article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-bar a.leaflet-control-zoom-out,article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-bar a.leaflet-control-zoom-out:hover,article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-bar a.leaflet-control-zoom-in,article.detailView section.content .contentHolder.contentHolder-map .mapSpace .leaflet-bar a.leaflet-control-zoom-in:hover
	{
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
	color: black;
	border-radius: 0;
	opacity: 0.98;
	border: 0.07em solid rgba(0, 0, 0, 0.15);
}

article.detailView section.content .contentHolder.contentHolder-map .legend
	{
	position: absolute;
	top: 0.75em;
	left: 0.75em;
	height: 1em;
	width: 12.125em;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	z-index: 11;
	opacity: 0.95;
}

article.detailView section.content .contentHolder.contentHolder-map .extraInfo
	{
	position: absolute;
	top: 0.75em;
	left: 13.25em;
	border: 0.1em  solid #ddd;
	background-color: rgba(255,255,255,0.9);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	z-index: 11;
	opacity: 0;
	padding: 0.15em;
	cursor: pointer;
	height: 12em;
	width: 10em;
	pointer-events: none;
	
}


article.detailView section.content .contentHolder.contentHolder-map .noShow{
	
	
	display:none;
	
}


article.detailView section.content .contentHolder.contentHolder-map .extraInfo .noInfo{
	
	font-size:0.69em;
	font-weight:700;
}

.chart rect {
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.chart text {
  fill: #6e6e6e;
  font: 9px sans-serif;
  text-anchor: start;
}
.chart .heading {
  fill: #6E6E6E;
  font: 0.65em sans-serif;
  /*font-weight: 700;*/
  text-anchor: start;
}



article.detailView section.content .contentHolder.contentHolder-map .scale
	{
	position: absolute;
	bottom: 0.687em;
	left: 0.75em;
	height: 2em;
	width: 12.125em;
	background-color: transparent;
	pointer-events: none;
	background-size: auto auto;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	z-index: 12;
}


article.detailView section.content .contentHolder.contentHolder-map .copyright
	{
	position: absolute;
	bottom: 0em;
	right: 0em;
	padding: 0.25em 0.25em 0.25em 0.5em;
	background-color: rgba(255, 255, 255, 0);
	z-index: 10;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

article.detailView section.content .contentHolder.contentHolder-map .copyright .switchImg,article.detailView section.content .contentHolder.contentHolder-map .copyright .copyrightInfo
	{
	display: inline-block;
	vertical-align: middle;
}

article.detailView section.content .contentHolder.contentHolder-map .copyright .switchImg
	{
	font-size: 1em;
	color: #708aab;
	padding-right: 0.333em;
}

article.detailView section.content .contentHolder.contentHolder-map .copyright .copyrightInfo
	{
	display: none;
}

article.detailView section.content .contentHolder.contentHolder-map .copyright .copyrightInfo h6
	{
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	color: #708aab;
}

article.detailView section.content .contentHolder.contentHolder-map .copyright:hover
	{
	background-color: rgba(255, 255, 255, 0.8);
}

article.detailView section.content .contentHolder.contentHolder-map .copyright:hover .copyrightInfo
	{
	display: inline-block;
}

article.detailView section.content .contentHolder.contentHolder-map .info
	{
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

article.detailView section.content .contentHolder.contentHolder-map .info-active
	{
	opacity: 1;
}

article.detailView section.content .contentHolder.contentHolder-map .info
	{
	position: absolute;
	top: 0.75em;
	right: 2.5em;
	width: 15.75em;
	/*height: 3.25em;*/
	height: auto;
	min-height: 3.25em;
	background-color: rgba(255, 255, 255, 0.85);
	font-family: "Verdana", sans-serif;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.35em;
	border: 0.07em solid rgba(0, 0, 0, 0.15);
	z-index: 13;
	white-space: normal;
}

article.detailView section.content .contentHolder.contentHolder-map .info .flag
	{
	height: 1.68em;
	width: 2.65em;
	background-color: transparent;
	/**/
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto 1.47em;
}

article.detailView section.content .contentHolder.contentHolder-map .info .flag,article.detailView section.content .contentHolder.contentHolder-map .info .value
	{
	display: inline-block;
	vertical-align: top;
	font-size: 0.75em;
}

article.detailView section.content .contentHolder.contentHolder-map .info .value-name
	{
	font-weight: 700;
	width: 16.75em;
	white-space: nowrap;
	padding-top: 0.35em;
}

article.detailView section.content .contentHolder.contentHolder-map .info .value-id,article.detailView section.content .contentHolder.contentHolder-map .info .value-parameter
	{
	padding-top: 0.45em;
}

article.detailView section.content .contentHolder.contentHolder-map .info .value-id
	{
	display: none;
}

article.detailView section.content .contentHolder.contentHolder-map .info value-parameter
	{
	margin-left: 0.25em;
	font-weight: 700;
}

article.detailView-loading .copyright {
	display: none;
}

article.detailView .loadingScreen {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 30;
	background-color: rgba(255, 255, 255, 0);
}

article.detailView .loadingScreen .message {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0.35em 0.75em;
	background-color: rgba(255, 255, 255, 0.6);
	/*	-webkit-filter: blur(5px);
            -moz-filter: blur(5px);
            -o-filter: blur(5px);
            -ms-filter: blur(5px);
            filter: blur(5px);
          */
}

article.detailView .loadingScreen .loading-img,article.detailView .loadingScreen h4
	{
	display: inline-block;
	vertical-align: middle;
}

article.detailView .loadingScreen .loading-img {
	width: 1.5em;
	height: 1.5em;
	background-image: url("../images/backgrounds/ajax-loader.gif");
	background-size: 1em auto;
	background-position: center center;
	background-repeat: no-repeat;
}

article.detailView .loadingScreen h4 {
	font-family: "Raleway", sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	margin: 0;
	padding: 0;
	height: auto;
	color: #708aab;
}

article.detailView .loadingScreen {
	display: none;
}

article.detailView.detailView-loading .loadingScreen {
	display: block;
}

/* ----------------------------------------------- settings for all views ------------------------------------------------------ */
article {
	padding-top: 1.250em;
	min-height: 35.750em;
	width: 73.75em;
	white-space: normal;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article h1,article h2,article h3,article h4,article h5 {
	font-family: "Raleway", sans-serif;
	font-weight: normal;
}

article h3 {
	font-weight: bold;
	font-size: 1em;
	color: #4b4b4b;
}

article h4 {
	color: #4b4b4b;
}

article h5 {
	color: #4b4b4b;
}

article h6 {
	color: #4b4b4b;
}

article p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.62;
	color: #7d7d7d;
	margin: 0;
}

article nav .imgHolder,article .loadingTile .imgHolder {
	position: relative;
	display: inline-block;
	width: 17.5em;
	height: 9.625em;
	margin: 1.875em 1.25em 0 0;
	border: 0.07em dotted rgba(112, 111, 117, 0.5);
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article nav .imgHolder h4,article .loadingTile .imgHolder h4 {
	margin: 0;
}

article nav li:nth-child(4n) .imgHolder,article .loadingTile li:nth-child(4n) .imgHolder
	{
	margin-right: 0;
}

article nav .imgPlaceholder,article .loadingTile .imgPlaceholder {
	width: 3.75em;
	height: 3.75em;
	border-radius: 1.875em;
	background-color: white;
	margin: -1.875em 0 0 -0.25em;
}

article nav .imgPlaceholder:after,article .loadingTile .imgPlaceholder:after
	{
	display: inline-block;
	width: 3.25em;
	height: 3.25em;
	border-radius: 1.625em;
	background-color: #ffed00;
	content: ".";
	color: transparent;
	margin: 0.25em 0 0 0.25em;
}

/* Result divs' sizing. */
article.searchView .result .resultIndikator,article.searchView .result .resultDocuments
	{
	display: block;
	width: 73.75em;
	background-color: #f5f6f4;
}

article.searchView .result .resultIndikator.resultDocuments,article.searchView .result .resultDocuments.resultDocuments
	{
	margin-top: 2em;
}

article.searchView .result .resultIndikatorTitle,article.searchView .result .resultDocumentsTitle
	{
	display: inline-block;
	width: 7.5em;
	vertical-align: top;
	margin: 0px;
}

article.searchView .result .resultIndikatorTitle h4,article.searchView .result .resultDocumentsTitle h4
	{
	background-color: #ffed00;
	padding: 0.55em 0.5em;
	overflow: hidden;
}

article.searchView .result .resultIndikatorTitle p,article.searchView .result .resultDocumentsTitle p
	{
	padding: 0.55em 0.5em;
}

article.searchView .result .resultIndikatorHits,article.searchView .result .resultDocumentsHits
	{
	display: inline-block;
	padding-left: 0.75em;
	width: 65.5em;
	min-height: 4em;
	background-color: white;
	margin: 0;
}

/* Table sizing. */
article.searchView .tabelMokkup {
	margin-bottom: 0.5em;
}

article.searchView .tabelMokkup a {
	text-decoration: none;
}

article.searchView .filterMokkup {
	margin-top: 0px;
}

article.searchView .resultIndikatorHits .tabelMokkup .headingElem:nth-child(1),article.searchView .resultIndikatorHits .tabelMokkup .tableRow .rowElem:nth-child(1)
	{
	width: 38.5em !important;
}

article.searchView .resultIndikatorHits .tabelMokkup .headingElem:nth-child(2),article.searchView .resultIndikatorHits .tabelMokkup .tableRow .rowElem:nth-child(2)
	{
	width: 9em !important;
}

article.searchView .resultIndikatorHits .tabelMokkup .headingElem:nth-child(3),article.searchView .resultIndikatorHits .tabelMokkup .tableRow .rowElem:nth-child(3)
	{
	width: 9em !important;
}

article.searchView .resultDocumentsHits .tabelMokkup .headingElem:nth-child(1),article.searchView .resultDocumentsHits .tabelMokkup .tableRow .rowElem:nth-child(1)
	{
	width: 47.5em !important;
}

article.searchView .resultDocumentsHits .tabelMokkup .headingElem:nth-child(2),article.searchView .resultDocumentsHits .tabelMokkup .tableRow .rowElem:nth-child(2)
	{
	width: 9em !important;
}

/* Icons for result's document-types. */
article.searchView .tableBody .icon {
	height: 2em;
	width: 2em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 2em;
}

article.searchView .tableBody .icon  ~ h5 {
	display: none;
}

article.searchView .tableBody .icon.icon-pdf {
	background-image: url("../images/backgrounds/pdfDoc2.svg");
	background-size: auto 2.5em;
}

article.searchView .tableBody .icon.icon-expose {
	background-image: url("../images/backgrounds/document.svg");
	background-size: auto 1.6em;
}

/* Fade out animation on table filter. */
article.searchView div.pdf .tableRow,article.searchView div.expose .tableRow
	{
	opacity: 0.1;
}

article.searchView div.pdf .tableRow.pdf,article.searchView div.expose .tableRow.expose
	{
	opacity: 1;
}

/* ----------------------------------------------- settings for all views ------------------------------------------------------ */
article {
	padding-top: 1.250em;
	min-height: 41.4em;
	width: 73.75em;
	white-space: normal;
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article h1,article h2,article h3,article h4,article h5 {
	font-family: "Raleway", sans-serif;
	font-weight: normal;
}

article h3 {
	font-weight: bold;
	font-size: 1em;
	color: #000000;
}

article h4 {
	color: #000000;
}

article h5 {
	color: #020202;
}

article h6 {
	color: #4b4b4b;
}

article p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.62;
	color: #000000;
	margin: 0;
}

article nav .imgHolder,article .loadingTile .imgHolder {
	position: relative;
	display: inline-block;
	width: 17.5em;
	height: 9.625em;
	margin: 1.875em 1.25em 0 0;
	border: 0.07em dotted rgba(112, 111, 117, 0.5);
	/* Acceptable values are border, content, and padding - content is the default W3C model */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

article nav .imgHolder h4,article .loadingTile .imgHolder h4 {
	margin: 0;
}

article nav li:nth-child(4n) .imgHolder,article .loadingTile li:nth-child(4n) .imgHolder
	{
	margin-right: 0;
}

article nav .imgPlaceholder,article .loadingTile .imgPlaceholder {
	width: 3.75em;
	height: 3.75em;
	border-radius: 1.875em;
	background-color: white;
	margin: -1.875em 0 0 -0.25em;
}

article nav .imgPlaceholder:after,article .loadingTile .imgPlaceholder:after
	{
	display: inline-block;
	width: 3.25em;
	height: 3.25em;
	border-radius: 1.625em;
	border: 0.1em solid #DDDDDD; 
	background-color: #ffed00;
	content: ".";
	color: transparent;
	margin: 0.25em 0 0 0.25em;
}

header.browserDisclaimer .interaction .content-inner {
	border-top: 0.07em dotted grey;
	padding-top: 1em;
}

header.browserDisclaimer .logoBlock {
	cursor: auto;
}

article.browserDisclaimer {
	padding-top: 2em;
}

article.browserDisclaimer h4,article.browserDisclaimer h5 {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

article.browserDisclaimer h5 {
	font-size: 0.875em;
	margin-bottom: 0.125em;
}

article.browserDisclaimer h4 {
	font-size: 1em;
	font-weight: bold;
}
article .dialogView {
	z-index: 16;
}
article .dialogView .displayContainer {
	height: 7em;
}
article .dialogView .content {
	height: 5em;
}
article .dialogView .content p {
	height: 3em;
	padding-right: 1em;
	padding-left: 1em;
}
article .dialogView button {
	margin-left: 0.5em;
}