<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!
 * Bootstrap Extended
 * Copyright	snowflake productions gmbh
 * Dependencies	Bootstrap v3.1.0
 *
 * Extends the bootstrap css framework with additional features
 */
@font-face {
	font-family: 'FontAwesome';
	src: url('vhs-assets-css-932a5070b1eb4f3ec723850e907e8d78.eot?v=4.0.3');
	src: url('vhs-assets-css-7b57b3101ecbbfb70a1c289a192b3107.eot?#iefix&amp;v=4.0.3') format('embedded-opentype'),
		 url('vhs-assets-css-1bb96a9c6163394992a2e1ef3460fed5.woff?v=4.0.3') format('woff'),
		 url('vhs-assets-css-dfc89747e1d29d15fd13efc1b003036d.ttf?v=4.0.3') format('truetype'),
		 url('vhs-assets-css-a1ff9b4110bbf73fd2f12900212c35d7.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "EawagIconFont";
	src: url('vhs-assets-css-c87ef32ae2320857a065c44adfbd66aa.woff');
}

body {
	font-family: 'Open Sans', sans-serif;
}

	/* Text selection */
::selection {
	color: #fff;
	text-shadow: none;
	background-color: #428bca;
}

	/* Table styles */
table {
	width: 100%;
	margin-bottom: 20px;
}
td,
th {
	padding: 5px;
}

	/* List styles */
ul {
	padding-left: 1.15em;
}
ol {
	padding-left: 1.5em;
}

.list-divided {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-divided li {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
}
.list-divided li:first-child {
	padding-left: 0;
}
.list-divided li:before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 8px;
	top: 0;
	bottom: 0;
	border-left: 1px solid #e1e1e1;
}
.list-divided li:first-child:before {
	display: none;
}

	/* Header styles */
h1 {
	/* Hidden and just used for page structure */
}
h2 {
	font-size: 36px;
	font-weight: lighter;
	margin: 1.333em 0 .75em 0;
}
h3, h4 {
	font-weight: normal;
}
h3, h4, h5, h6 {
	margin: .75em 0 .333em 0;
}
h5, h6 {
	font-weight: bolder;
}

	/* Link styles */
.arrow-right-before,
.arrow-right-after,
.arrow-left-before {
	white-space: nowrap;
}
.arrow-right-before:before,
.arrow-right-after:after,
.arrow-left-before:before {
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.arrow-right-before:before,
.arrow-right-after:after {
  content: '\f105';
}
.arrow-left-before:before {
  content: '\f104';
}
.arrow-left-before:before,
.arrow-right-before:before {
	margin-right: 3px;
}
.arrow-right-after:after {
	margin-left: 3px;
}

	/* Menu helper for :hover */
.dropdown:hover .dropdown-menu-hover {
	display: block;
}

	/* Paragraphs */
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}

.indent {
	text-indent: 1.333em;
}

[class*=bg-] {
	padding: 15px;
}
.text-muted {
	color: #ccc;
}
.text-success,
.bg-success {
	color: #3c763d;
}
.text-info,
.bg-info {
	color: #31708f;
}
.text-warning,
.bg-warning {
	color: #8a6d3b;
}
.text-danger,
.bg-danger {
	color: #a94442;
}
.text-lead {
	font-size: 18px;
}
.text-caption,
figcaption {
	font-size: 11px;
	font-style: normal;
	line-height: 1.333;
}
figcaption {
	margin-top: 5px;
}

	/* Default styles for all buttons */
[class*=btn-] {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	font-size: 14px;
	padding: 6px 12px;
	line-height: 1.428571429;
	text-decoration: none;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
[class*=btn-]:hover {
	text-decoration: none;
}
[class*=btn-]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
[class*=btn-]:active,
[class*=btn-].active {
	outline: 0;
	/*background-image: none;*/
	/*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
	/*box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
}
[class*=btn-].disabled,
[class*=btn-][disabled],
fieldset[disabled] [class*=btn-] {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}
	/* Button default */
.btn-default {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #2a6496;
	background-color: #fff;
	border-color: #2a6496;
}
.btn-unstyled {
	padding: 0;
	color: #428bca;
	background: none;
	border: none;
}
.btn-unstyled:hover,
.btn-unstyled:focus,
.btn-unstyled:active,
.btn-unstyled.active,
.open .dropdown-toggle.btn-unstyled {
	color: #2a6496;
}
	/* Button large */
.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}
	/* Button small */
.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
	/* Button extra small */
.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
	/* Form styles */
form legend {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: normal;
	line-height: inherit;
	color: inherit;
	border: none;
}
[contenteditable=true]:empty:before {
	content: attr(data-placeholder);
}

	/* Margins */
.margin-top-large {
	margin-top: 40px;
}
.margin-top-small {
	margin-top: 15px;
}
.margin-top-xsmall {
	margin-top: 10px;
}
.no-margin-top {
	margin-top: 0;
}

.margin-bottom-large {
	margin-bottom: 40px;
}
.margin-bottom-small {
	margin-bottom: 20px;
}
.margin-bottom-xsmall {
	margin-bottom: 10px;
}
.csc-element.no-margin-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* special styling */
.csc-element.rss-link {
	padding-bottom: 0;
}

.tx-newsletterform .submit_container .submit_button {
	margin-left: 10px;
}

#contact_field_email_container &gt; input {
	line-height: 20px;
}


	/* Paddings */
.container {
	padding-left: 10px;
	padding-right: 10px;
}

	/* Paddings */
.container-fluid {
	padding-left: 10px;
	padding-right: 10px;
}
.row {
	margin-left: -10px;
	margin-right: -10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}

	/* Floats */
.float-left {
	float: left;
}
.float-right {
	float: right;
}


	/* Modal */
.modal {
	overflow-y: auto;
	margin: 0 auto;
}

.modal-open {
	overflow: hidden;
}

.modal-dialog {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 600px;
	padding: 10px;
	z-index: 1050;
}

 .modal-content {
	webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.modal .info {
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
}

.modal-body {
	padding: 15px 15px 0;
}

.modal-header {
	padding: 15px 40px 15px 15px;
}
.modal-header,
.modal-footer {
	border: none;
}

.modal-footer {
	text-align: left;
	margin-top: 0;
}

.modal .closeIcon {
	color: #0C5574;
}

/* EAWA-299 /typo3conf/ext/sfpfrontender/RootPage/Default/Resources/Public/Vendors/Snowflake/Css/Bootstrap.extended.css */
.bg-primary, .bg-danger {
    margin-bottom: 40px;
}
.bg-primary {
	color: #000;
	background-color: #d9edf7;
}
.context-box {
    background-color: rgba(255, 255, 255, 0.5);
    border-top: 1px solid #C8C6BF;
    padding: 14px 12px 14px;
    margin-bottom: 40px;
}
.context-box.orange {
    background-color: #fbe4d4;
}
.sfpEvents-item .description a, a.mail, a.download { display: inline-block; }
.mail:not(.tx-socialshare-column-item):before {
    content: 'e';
    float: left;
    font-family: 'EawagIconFont';
    color: #0C5573;
    font-size: 15px;
    margin: 1px 6px 0 0;
}
.download:before {
    content: 'c';
    float: left;
    font-family: 'EawagIconFont';
    color: #0C5573;
    font-size: 15px;
    margin: -1px 6px 0 0;
}
.arrow-left-before:before {
    content: "v";
    font-family: "eawagiconfont";
    font-size: 9px;
    color: #0C5573;
    margin-right: 5px;
}
.cke_editable a[href^="https://"]:before, .cke_editable a[href^="http://"]:before {
    content: "m";
    float: left;
    font-family: "EawagIconFont";
    color: #0C5573;
    font-size: 15px;
    margin: -1px 6px 0 0;
}


.division .mail:not(.tx-socialshare-column-item):before, .division .cke_editable a[href^="https://"]:before, .division .download:before {
	color: #616f1b;
}


.news-text-wrap blockquote p,
.csc-textpic-text blockquote p {
	font-family: 'The Serif Bold', Arial, sans-serif;
	font-size: 15px;
	text-align: center;
	padding-left: 60px;
	padding-right: 60px;
}
.csc-textpic-text img .bilduntertitel {
	margin-top: -10px !important;

}
h5.bilduntertitel {
	margin-top: 0px !important;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
}
h5.header5, h6 {
	display: none;
}

.csc-element__header.csc-element__header--after {
	display: none;
}

/**
 * Global styles for the layout Default
 */

@font-face {
	font-family: "The Serif Bold";
	src: url('vhs-assets-css-0858fa55297a028de407e44ef1021adf.woff');
}

html,
body {
	min-height: 100%;
	font-size: 14px;
	font-family: Arial, sans-serif;
}

body {
	background: #EFEFEF;
}

p:last-child {
	margin-bottom: 0;
}

hr {
	border-color: #C8C6BF;
	margin: 0;
}

.layoutDefault {
	position: relative;
	margin-top: 10px;
	padding: 0;
}

.layoutDefault header {
	position: relative;
	z-index: 1001;
}

.layoutDefault .fixed-top {
	position: relative;
	z-index: 100;
	width: 100%;
}

.layoutDefault .Content {
	position: relative;
	min-height: 450px;
	background: transparent;
}

.layoutDefault.dropdown {
	position: absolute;
	top: 120px;
	width: 100%;
	margin: 0;
	z-index: 1003;
	border-bottom: 0 solid #C8C6BF;
	background: #fff;
}

.layoutDefault .Content &gt; .row {
	margin-top: 30px;
}

.row-no-padding &gt; div {
	/*padding: 0;*/
}

h1,h2.header2-big/*,.header-level--1*/ {
	font-size: 24px;
	color: #000000;
	/*font-weight: 500;*/
	font-family: 'The Serif Bold', Arial, sans-serif;
	line-height: 30px;
	margin: 0 0 20px 0;
}

/*.header-level--2,*/
h2,
h2 a {
	font-size: 18px;
	color: #000000;
	/*font-weight: 500;*/
	font-family: 'The Serif Bold', Arial, sans-serif;
	line-height: 22px;
}

h2 {
	margin: 0 0 15px 0;
}

/*.header-level--3,*/
h3,
h3 a {
	font-size: 15px;
	color: #000000;
	/*font-weight: 500;*/
	font-family: 'The Serif Bold', Arial, sans-serif;
	line-height: 22px;
}

h3 {
	margin-bottom: 15px;
}

.news h2:not(.wrf) {
	font-family: "The Serif";
}

.header a:hover {
	color: #118EC6;

}

.csc-element.no-margin-top,
aside .csc-element.no-margin-top {
	margin-top: -30px;
}

.csc-element.margin-top-xsmall,
aside .csc-element.margin-top-xsmall {
	margin-top: -20px;
}

.csc-element.margin-top-small,
aside .csc-element.margin-top-small {
	margin-top: -15px;
}

.csc-element.sfpfrontender_twoColumns,
.csc-element.sfpfrontender_threeColumns,
.csc-element.sfpfrontender_fourColumns {
	margin-bottom: 0;
	padding-bottom: 0;
}

.csc-element {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

aside h6 {
	margin-bottom: 10px;
}


/*.header-level--3,*/
h3 {
	font-size: 15px;
	color: #000000;
	/*font-weight: 500;*/
	font-family: 'The Serif Bold', Arial, sans-serif;
	line-height: 20px;
	padding-bottom: 5px;
}

/*.header-level--4,*/
h4 {
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 20px 0;
	color: #000000;
}

/*.header-level--5,*/
h5 {
	color: #000000;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 8px;
	margin-top: 20px;
}

/*.header-level--6*/
h6 {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

aside h3 {
	display: block;
	border-bottom: 1px solid #C8C6BF;
	/* use !important, since it gets overriden by textpic declarations */
	margin-bottom: 16px !important;
	padding-bottom: 5px !important;
}

aside h2,
aside h3,
aside h4,
aside h5,
aside h6 {
	margin-top: 0;
	padding-top: 0;
}

p {
	color: #000000;
	font-family: Arial, sans-serif;
	font-weight: normal;
	line-height: 20px;
}

figcaption {
	margin-top: 10px;
}

a {
	color: #118EC6;
}

a:hover {
	color: #118EC6;
}

a:focus {
	outline: none;
}
/*
a[href^="http://"]:not(.kein-icon):not(.arrow-left-before),
a[href^="https://"]:not(.kein-icon):not(.arrow-left-before) {
	margin-left: 22px;
	margin-bottom: 0px;
}

a[href^="http://"]:not(.kein-icon):not(.arrow-left-before):before,
a[href^="https://"]:not(.kein-icon):not(.arrow-left-before):before {
	content: "m";
	font-family: "EawagIconFont";
	color: #0C5573;
	padding-right: 7px;
	font-size: 15px;
	margin-left: -22px;
	position: relative;
	line-height: 16px;
	top: 2px;
}
*/
a[href^="http://eawag.ch"]:not(.kein-icon):not(.arrow-left-before),
a[href^="https://eawag.ch"]:not(.kein-icon):not(.arrow-left-before),
a[href^="http://www.eawag.ch"]:not(.kein-icon):not(.arrow-left-before),
a[href^="https://www.eawag.ch"]:not(.kein-icon):not(.arrow-left-before){
	margin-left: auto;
	margin-bottom: auto;
}

a[href^="http://eawag.ch"]:not(.arrow-left-before):before ,
a[href^="https://eawag.ch"]:not(.arrow-left-before):before,
a[href^="http://www.eawag.ch"]:not(.arrow-left-before):before ,
a[href^="https://www.eawag.ch"]:not(.arrow-left-before):before{
	display: none;
}
/* hide external-link inside media-elements (e.g. flowplayer)... */
.sfpMediaplayer a[href^="http://"]:before,
.sfpMediaplayer a[href^="https://"]:before {
	display: none;
}


.header + .csc-textpic figure.image &gt; a {
	margin-left: 0;
}

.csc-textpic-imagewrap a:before {
	display: none;
}


.csc-textpic-imagewrap a {
	margin-left: 0;
}

a:hover:before {
	text-decoration: none;
}

/* Bilduntertitel */
.csc-textpic .image-caption {
	font-size: 12px;
	color: #000000;
	font-family: Arial, sans-serif;
	font-style: normal;
}

li {
	line-height: 20px;
	padding-bottom: 5px;
}

/* Table */

thead {
	border-bottom: 2px solid #C8C6BF;
}

tr {
	border-bottom: 1px solid #C8C6BF;
	height: 35px;
}

/* margins */

.marginTop38 {
	margin-top: 38px;
}

.btn-primary {
	background: #0C5574;
	border: none;
}

.btn-primary:hover {
	background: #118EC6;
}

a[class*='btn'], input[class*='btn'] {
	border-radius: 0;
}

.rss-link a:last-child {
	margin-bottom: 0;
}

.rss-link a:before {
	content: "o";
	vertical-align: baseline;
}

.btn {
	border-radius: 0;
}

.btn-primary {
	border: 0;
	background: #0C5573;
}

.btn-default {
	border: 0;
	background: #cfe8f4;
}

.btn-default:hover {
	background: #118ec6;
	color: #fff;
}

/* Social Buttons */

a.no-link-icon:before {
	content: '';
	display: none;
}

a.no-link-icon {
	margin-left: 0;
}

.social-button {
	width: 26px;
	height: 26px;
	background: #CFE8F4;
	color: #0C5473;
	font-size: 18px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}

.social-button:hover {
	background: #118EC6;
	color: #ffffff;
	cursor: pointer;
}

.social-button.icon:before {
	line-height: 26px;
	vertical-align: middle;
	display: block;
	text-align: center;
}

.LanguageNavigation ul li:before {

	position: relative;
	left: 0;
	content: "|";
	margin: 0 4px 0 0;
	border: none;
	color: #cfe8f4;
	top: -1px;
	font-size: 12px;

}

.underline-header &gt; .header {
	border-bottom: 1px solid #C8C6BF;
	padding-bottom: 3px;
}

.tx-go-maps-ext a:before {
	display: none;
}

.tx-go-maps-ext div {
	width: auto;
}

.gme-map {
	max-width: 100%;
}

.no-margin {
	margin: 0;
	padding: 0;
}

/* RTE Text Styles */

.arrow-right-after:after {
	position: absolute;
	content: 't';
	margin: 6px 0 0 8px;
	font-family: EawagIconFont;
	font-size: 8px;
	color: #0C5574;
}

.layout-home .col-md-9 {
	margin-top: 50px;
}

.layout-home .col-md-3 {
	margin-top: 50px;
	top: 0;
}

/* Modal close icon */

.modal .icon.closeIcon {
	display: block;
	position: absolute;
	right: 14px;
	width: 14px;
	height: 14px;
}

.modal .icon.closeIcon:hover {
	cursor: pointer;
	color: #118EC6;
}

@media (max-width: 800px) {
	.layout-home .col-md-3 {
		margin-top: 8px;
		top: 0;
	}
}


.buorg {
	color: #FFFFFF;

	height: 50px;
}

.buorg div {
	padding: 16px 36px 5px 40px  !important;
}

.buorg a {
	color: #C8C6BF;
	margin-left: 2px;
}

.buorg a:before {
	display: none;
}

.MetaNavigationContainer .list-divided {
	display: flex;
}

@media (min-width: 801px) {
	.MainNavigation ul.level1 {
		display: flex;
		justify-content: flex-start;
	}
}



.MainNavigation ul.level1 li.search {
	margin-left: auto;
}

/* .tx-socialshare.tx-socialshare ul { margin-top: 0; } */


.Footer .csc-element .header { display: none; }

.layout-home aside.col-md-3 .csc-textpic .image { margin-top: 0;}

.accordeon-box {
	overflow: hidden;
	background: #F5F5F5;
	border: 1px solid #C8C6BF;
	border-bottom: none;
	border-right: none;
	margin-bottom: 30px;
	padding: 0;
	width: 100%;
	position: relative;
}

.accordeon-box .accordeon {
	display: none;
}
.accordeon-box.active &gt; .accordeon {
	display: block;
}

.accordeon-box + .accordeon-box {
	margin-top: -22px;
}
.accordeon .accordeon-box + .accordeon-box {
	margin-top:8px;
}

.accordeon-box.two-row-header {
	height: 80px;
}

.accordeon-box &gt; .csc-element {
	margin: 0 20px;
}

.accordeon-content-wrap .csc-element {
	margin-bottom: 0;
}

.accordeon-box &gt; .header{
	margin-top: 0;
	height: auto;
	line-height: 16px;
	vertical-align: middle;
	color: #0C5574;
	font-family: Arial, sans-serif !important;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 35px 10px 15px;
	margin-bottom: 0;
	width: 100%;
	position: relative;
	font-size: 14px;
}

.accordeon-box &gt; h2:hover {
	color: #118EC6;
	background-color: #ffffff;
}

.accordeon .csc-element:hover{
	background:  #FFFFFF;
}

.row.accordeon {
	margin: 5px 15px 5px 15px;
	position: relative;
}

.row.accordeon:before, row.accordeon:after {
	display: none;
}


.accordeon-box &gt; h2:after{
	content: "d";
	font-family: "EawagIconFont" !important;
	font-style: normal;
	font-weight: normal;
	display: block;
	top: 50%;
	position: absolute;
	right: 8px;
	margin-top: -7px;
}

.accordeon-box.two-row-header &gt; h2:after {
	float: right;
	display: block;
	position: relative;
	margin-top: -20px;
}

.accordeon-box.active {
	height: auto;
	background: #ffffff;
}

.accordeon-box.active &gt; h2{
	color: #000000;
}

.accordeon-box.active &gt; h2:hover{
	color: #000000;
}

.accordeon-box.active &gt; h2:after {
	color: #0C5574;
	content: "r";
	font-family: "EawagIconFont" !important;
	font-style: normal;
	font-weight: normal;
}

.accordeon-box .csc-textpic-imagewrap {
	margin: 0;
}

.accordeon .project-teaser {
	margin-right: 10px;
}

.accordeon .tx-userprofiles-teaser-list {
	border: none;
	width: auto;
	float: left;
	margin-right: 5px;
	width: 280px;
}

.accordeon .tx-userprofiles-teaser-list.expert {
	width: 100%;
	max-width: 440px;
}

.accordeon .tx-userprofiles-teaser-list .tx-userprofiles-teaser-list-image {
	margin-right: 10px;
}


.division a,
.division .icon-document-download,
.division .news-single .news-related-files ul li a:before,
.division .news-backlink-wrap:before {
	color: #616f1b;
}

.division a svg path {
	fill:  currentColor;
}

.division a:hover {
	color: #616f1b;
}

.division a[href^="http://"]:before,
.division a[href^="https://"]:before, .division .tx-userprofiles-teaser-list .tx-userprofiles-teaser-list-information span.tx-userprofiles-teaser-list-email:before {
	color: #616f1b !important;
}

.division .accordeon-box &gt; .header {
	color: #616f1b;
	font-size: 14px;
}

.division .accordeon-box &gt; .header:hover {
	color: #a3b52c;
}

.division .accordeon-box &gt; .header:after {
	color: #616f1b;
}

.division .accordeon-box &gt; .header:hover:after {
	color: #a3b52c;
}

.division .accordeon-box.active &gt; .header {
	color: black;
}

.division .accordeon-box.active &gt; .header:after {
	color: #616f1b;
}

.division thead {
	border-bottom: 2px solid #C8C6BF;
}

.division tr {
	border-bottom: 1px solid #C8C6BF;
	height: 35px;
}

.division .btn-primary {
	background: #a3b52c;
	border: none;
}

.division .btn-primary:hover {
	background: #616f1b;
}

.division .btn-default {
	border: 0;
	background: #a3b52c;
}

.division .btn-default:hover {
	background: #616f1b;
	color: #fff;
}

.division #Footer a {
	color: #616f1b !important;
}

.division #Footer a:hover {
	color: #a3b52c !important;
}

.division #Footer .icon {
	background: #E3E9BF !important;
	color: #616f1b !important;
}

.division #Footer .icon:hover {
	background: #a3b52c !important;
	color: #ffffff !important;
}

.division .science-head &gt; .row &gt; div:last-child &gt; div {
	background: #a3b52c;
}

.division .science-head &gt; .row &gt; div:last-child a {
	color: #616f1b;
}

.division .science-head &gt; .row &gt; div:last-child a:after {
	color: #616f1b;
}

.division .news .header a {
	color: #000000;
}

.division .news .header a:hover {
	color: #616f1b;
}

.division .news .more-news a:after, .division .news .archive-news a:after {
	color: #616f1b;
}

.division .tx-socialshare .tx-socialshare-column-item.active .icon {
	background: #E3E9BF !important;
	color: #616f1b !important;
}

.division .tx-socialshare .tx-socialshare-column-item.info .icon-info {
	color: #616f1b !important;
}

.division .tx-socialshare .tx-socialshare-column-item.info .popup-info {
	background: #E3E9BF !important;
	border-color: #616f1b !important;
}

.division .tx-socialshare .tx-socialshare-column-item.info .popup-info:before {
	border-color: rgba(97, 111, 27, 0);
	border-top-color: #616f1b;

}

.division .tx-socialshare .tx-socialshare-column-item.info .popup-info:after {
	border-color: rgba(227, 233, 191, 0);
	border-top-color: #e3e9bf;
}

.division .arrow-right-after:after {
	color: #616f1b;
}

.divisionheader {
	padding-left: 10px;
	padding-bottom: 5px;
	color: #999999;
}

.divisionheader.current {
	color: #000000;
}
.division .colorbox .sfpextenderevent-event-date {
	background: #616f1b;
}


.division .sfpextenderevents-teaser-wrap.colorbox .sfpextenderevent-event-date {
	background: #a3b52c;
}


.science-head {
	width: 100%;
	display: block;
	margin-bottom: 40px !important;
	padding-bottom: 0;
}

.science-head :first-child&gt;.csc-element .csc-textpic {
	overflow: visible;
}
.science-head :first-child&gt;.csc-element .csc-textpic .csc-textpic-imagewrap {
	margin: 0 -5px 0 -10px;
}
.science-head .row .csc-element,
.science-head .row .csc-element figure {
	padding: 0;
	margin: 0;
}

	.science-head &gt; .row {
		margin: 0;
		padding: 0;
	}

		.science-head &gt; .row .header a {
			color: #ffffff;
			text-decoration: none;
		}

		.science-head &gt; .row .header a:hover {
			text-decoration: none;
		}


/* element 1 */

.science-head &gt; .row &gt; div:first-child .csc-textpic-imagewrap {
	height: 100%;
}

.science-head &gt; .row &gt; div:first-child .csc-textpic-text {
	position: absolute;
	z-index: 1;
	color: #ffffff;
	background: rgba(218, 133, 27, 0.8);
	padding: 10px 20px;
	cursor: pointer;
	margin: 0;
	left: 20px;
	right: 25px;
	bottom: 20px;
	top: auto;
}
	.science-head &gt; .row &gt; div:first-child .csc-textpic-text:after {
		font-family: "EawagIconFont";
		content: "t";

		position: absolute;
		right: 5px;
		font-size: 10px;

		top: 50%;
		margin-top: -7px;
	}

	.science-head:hover &gt; .row &gt; div:first-child .csc-textpic-text {
		background: rgb(218, 133, 27);
	}

	.science-head &gt; .row &gt; div:last-child {
		margin: 0;
		padding: 0;
		overflow: hidden;
		z-index: 4;
	}
	.science-head &gt; .row &gt; div:first-child .csc-textpic-text .header {
		font-size: 18px;
		margin: 0;
		color: #ffffff;
	}

	.science-head &gt; .row &gt; div:first-child .csc-textpic-text p {
		color: #ffffff;
		cursor: pointer;
		pointer-events: none;
	}





/* element 2 */

.science-head &gt; .row &gt; div:last-child {
	overflow: visible;
}
	.science-head &gt; .row &gt; div:last-child &gt; div {
		background: #118ec6;

		padding: 20px;
		margin-left: -5px;
		width: auto;
	}



.science-head &gt; .row &gt; div:last-child .header {
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #ffffff;
	line-height: 18px;
}

.science-head &gt; .row &gt; div:last-child &gt; div &gt; div {
	overflow: hidden;

}

.science-head &gt; .row &gt; div:last-child &gt; div p {
	color: #ffffff;
}

.science-head &gt; .row &gt; div:last-child a {
	color: #0C5574;
	display: block;
	line-height: 28px;
	margin-top: 15px;
}

.science-head &gt; .row &gt; div:last-child a:after {
	content: "t";
	font-family: "EawagIconFont";
	color: #0C5574;
	position: absolute;
	font-size: 10px;
	margin-left: 5px;
}

@media (max-width: 800px){
	.science-head :first-child&gt;.csc-element .csc-textpic .csc-textpic-imagewrap {
		margin: 0 -10px;
	}
	.science-head &gt; .row &gt; div:last-child &gt; div {
		padding: 20px;
		margin-left: 0;
	}
}
@media (max-width: 450px){
	.science-head &gt; .row &gt; div:last-child a {
		color: #118EC6;
	}

	.science-head &gt; .row &gt; div:first-child .csc-textpic-text {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;

		margin: 0 -10px;

		background: rgb(218, 133, 27);
	}

	.science-head &gt; .row &gt; div:first-child .csc-textpic-text p {
		display: none;
	}

	.science-head &gt; .row &gt; div:last-child &gt; div,
	.science-head &gt; .row &gt; div:last-child &gt; div p,
	.science-head &gt; .row &gt; div:last-child .header,
	.division .science-head &gt; .row &gt; div:last-child &gt; div {
		background: none;
		color: #000;
	}

	.science-head &gt; .row &gt; div:last-child &gt; div {
		padding: 0;
		margin-top: 30px;
	}

	.science-head {
		margin-bottom: 20px !important;
	}
}

@media print {

	.science-head &gt; .row &gt; div:first-child .csc-textpic-text {
		position: static;
		padding-left: 0;
		margin-left:-10px;
		margin-bottom: 10px;
	}

	.science-head &gt; .row &gt; div:first-child .csc-textpic-text .header {
		margin-bottom: 15px;
	}

	.science-head &gt; .row &gt; div:last-child &gt; div {
		padding: 0;
	}
}


/**
 * Global styles for the print layout
 */

.layoutPrint {
	margin: 30px;
}

@page {
	margin: 10mm 15mm;
}

@media print {

	body, html {
		-webkit-print-color-adjust: exact;
	}

	a[href]:after {
		content: "";
	}

	abbr[title]:after {
		content: "";
	}

	figure,
	img {
		page-break-inside: avoid;
	}

	.layoutDefault.header {
		margin-top: 10px;
	}

	.layoutDefault {
		position: initial;
		margin-top: 0;
	}

	#DivisionNavigation,
	#DropdownNavigation,
	#MetaNavigationContainer,
	#MainNavigation {
		display: none;
	}

	a[href^="http://"]:before, a[href^="https://"]:before {
		display: none;
		margin-left: 0;
	}

	a[href^="http://"], a[href^="https://"] {
		margin-left: 0;
	}

	a:before, span:before, div:before {
		display: none !important;
	}

	.imagewrap {
		width: 100%;
		display: block;
		float: left;
	}

	.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer {
		width: 100%;
	}

}

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=1px&amp;bgColorHeader=ece8da&amp;bgTextureHeader=12_gloss_wave.png&amp;bgImgOpacityHeader=100&amp;borderColorHeader=d4ccb0&amp;fcHeader=433f38&amp;iconColorHeader=847e71&amp;bgColorContent=f7f7f7&amp;bgTextureContent=04_highlight_hard.png&amp;bgImgOpacityContent=100&amp;borderColorContent=dddddd&amp;fcContent=312e25&amp;iconColorContent=808080&amp;bgColorDefault=f18f0b&amp;bgTextureDefault=04_highlight_hard.png&amp;bgImgOpacityDefault=15&amp;borderColorDefault=f18f0b&amp;fcDefault=ffffff&amp;iconColorDefault=eeeeee&amp;bgColorHover=f18f0b&amp;bgTextureHover=03_highlight_soft.png&amp;bgImgOpacityHover=25&amp;borderColorHover=f18f0b&amp;fcHover=ffffff&amp;iconColorHover=ffffff&amp;bgColorActive=fafaf4&amp;bgTextureActive=04_highlight_hard.png&amp;bgImgOpacityActive=100&amp;borderColorActive=d4ccb0&amp;fcActive=cd5c0a&amp;iconColorActive=e3a345&amp;bgColorHighlight=fcf0ba&amp;bgTextureHighlight=02_glass.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=e8e1b5&amp;fcHighlight=363636&amp;iconColorHighlight=e3a345&amp;bgColorError=ffedad&amp;bgTextureError=03_highlight_soft.png&amp;bgImgOpacityError=95&amp;borderColorError=e3a345&amp;fcError=cd5c0a&amp;iconColorError=cd0a0a&amp;bgColorOverlay=2b2922&amp;bgTextureOverlay=05_inset_soft.png&amp;bgImgOpacityOverlay=15&amp;opacityOverlay=90&amp;bgColorShadow=cccccc&amp;bgTextureShadow=04_highlight_hard.png&amp;bgImgOpacityShadow=95&amp;opacityShadow=20&amp;thicknessShadow=12px&amp;offsetTopShadow=-12px&amp;offsetLeftShadow=-12px&amp;cornerRadiusShadow=10px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #f7f7f7 url(../../Images/JQueryUi/ui-bg_highlight-hard_100_f7f7f7_1x100.png) 50% top repeat-x; color: #312e25; }
.ui-widget-content a { color: #312e25; }
.ui-widget-header { border: 1px solid #d4ccb0; background: #ece8da url(../../Images/JQueryUi/ui-bg_gloss-wave_100_ece8da_500x100.png) 50% 50% repeat-x; color: #433f38; font-weight: bold; }
.ui-widget-header a { color: #433f38; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #f18f0b; background: #f18f0b url(../../Images/JQueryUi/ui-bg_highlight-hard_15_f18f0b_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #f18f0b; background: #f18f0b url(../../Images/JQueryUi/ui-bg_highlight-soft_25_f18f0b_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d4ccb0; background: #fafaf4 url(../../Images/JQueryUi/ui-bg_highlight-hard_100_fafaf4_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #cd5c0a; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cd5c0a; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #e8e1b5; background: #fcf0ba url(../../Images/JQueryUi/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #e3a345; background: #ffedad url(../../Images/JQueryUi/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd5c0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd5c0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../../Images/JQueryUi/ui-icons_808080_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../../Images/JQueryUi/ui-icons_808080_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../../Images/JQueryUi/ui-icons_847e71_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../../Images/JQueryUi/ui-icons_eeeeee_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../Images/JQueryUi/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../../Images/JQueryUi/ui-icons_e3a345_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../../Images/JQueryUi/ui-icons_e3a345_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../Images/JQueryUi/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 1px; -webkit-border-top-left-radius: 1px; -khtml-border-top-left-radius: 1px; border-top-left-radius: 1px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 1px; -webkit-border-top-right-radius: 1px; -khtml-border-top-right-radius: 1px; border-top-right-radius: 1px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 1px; -webkit-border-bottom-left-radius: 1px; -khtml-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 1px; -webkit-border-bottom-right-radius: 1px; -khtml-border-bottom-right-radius: 1px; border-bottom-right-radius: 1px; }

/* Overlays */
.ui-widget-overlay { background: #2b2922 url(../../Images/JQueryUi/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x; opacity: .90;filter:Alpha(Opacity=90); }
.ui-widget-shadow { margin: -12px 0 0 -12px; padding: 12px; background: #cccccc url(../../Images/JQueryUi/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }/*!
 * jQuery UI Autocomplete 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete li {
	list-style: none;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.21
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*!
 * jQuery UI Slider 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

 .ui-autocomplete {
	z-index: 99999;
 }

/*
 * Custom styles for jQuery ui
 */

.ui-widget-content {
	background: none;
	margin-left: 10px;
}

.ui-widget {
	border: none;
}

/* styles for autocomplete */

.ui-autocomplete {
	background: #fff;
}

.ui-autocomplete .ui-corner-all.ui-state-focus,
.ui-autocomplete .ui-corner-all.ui-state-hover {
	background: #118EC6;
	border: 1px #118EC6 solid;
}

/*
Carousel
*/
/*
div.carousel {
	width: 615px;
	height: auto;
}

.carousel-control {
	width: 36px;
	height: 36px;
	vertical-align: middle;
	top: 50%;
	margin-top: -18px;
	display: block;
}

.carousel-control.left, .carousel-control.right {
	background-color: #fff;
	opacity: 0.5;
	background-repeat: no-repeat;
	background-position: center center;
}

.carousel-control.left {
	background-image: url("/typo3conf/ext/eawag_intranet/Resources/Public/Images/Interaction/left.png");
}

.carousel-control.right {
	background-image: url("/typo3conf/ext/eawag_intranet/Resources/Public/Images/Interaction/right.png");
}

.carousel-control:hover {
	background-color: #118ec6;
	opacity: 1;
	background-size: 37%;
}

.carousel-control.left:hover {
	background-image: url("/typo3conf/ext/eawag_intranet/Resources/Public/Images/Interaction/left_white.png");
}

.carousel-control.right:hover {
	background-image: url("/typo3conf/ext/eawag_intranet/Resources/Public/Images/Interaction/right_white.png");
}
*/

/*
Carousel
*/
div.carousel {
	width: 100%;
	height: auto;
}

.carousel-control {
	width: 30px;
	height: 36px;
	vertical-align: middle;
	display: block;
	top: 50%;
	margin-top: -18px;
	opacity: 1;
	text-shadow: none;
}


.carousel-control.left, .carousel-control.right {
	background-repeat: no-repeat;
	background-position: center center;
	background: rgba(255, 255, 255, 0.25);
}

.carousel-control.left:hover, .carousel-control.right:hover {
	background-color: #118ec6;
	opacity: 1;
}

.division .carousel-control.left:hover,
.division .carousel-control.right:hover {
	background-color: #a3b52c;
}
.carousel-control.left::before,
.carousel-control.right::before {
    position: relative;
    display: block;
    width: 30px;
    padding: 0;
    margin-right: 0;
    right: -2px;
    content: 't';
    color: #0a3b5c;
    font-family: "EawagIconFont";
    font-size: 16px;
    text-align: center;
    line-height: 36px;
}

.division .carousel-control.left::before,
.division .carousel-control.right::before {
	color: #616f1b;
}

.carousel-control.left::before {
	content: 'v';
}

.carousel-control.left:hover::before,
.carousel-control.right:hover::before,
.division .carousel-control.left:hover::before,
.division .carousel-control.right:hover::before {
	color: #fff;
}


.carousel .item .item__content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0,0.5);
	color: #fff;
	font-size: 14px;
	opacity: 0;
	transition: opacity 0.3s ease;
	padding: 15px;
}

.carousel .item:hover .item__content {
	opacity: 1;
}

.carousel .item .item__content .item__title {
	font-weight: 700;
}

.carousel .item .item__content .item__content {
	margin-top: 10px;
}

.carousel .item .item__content .item__description {
	overflow: hidden;
	height: 3em;
}



/**
YAG - Gallery
**/

.tx-yag-pi1 ul {
	padding: 0;
}
.col-md-8 .tx-yag-items {
	display: flex;
	flex-wrap: wrap;
}

.col-md-8 li.yag-item-thumb-outerframe:nth-of-type(4n) {
	/*margin-right: 0;*/
}

.fullWidthColumn  .yag-item-thumb-outerframe {
	margin: 0 19px 19px 0;
}

.fullWidthColumn li.yag-item-thumb-outerframe:nth-of-type(6n) {
	margin-right: 0;
}

.offPageItems {
	display: none;
}

.tx-ptextlist-pager-item-display span.first {
	margin: 0 2px 0 0;
}

.tx-ptextlist-pager-item-display span:not([class]),
.tx-ptextlist-pager-item-display span.last {
	margin: 0 2px;
}

/* hell #118ec6*/
/* dunkel #0a3b5c */
.tx-yag-pager .pagination,
.tx-yag-pager .pagination &gt; li:first-child &gt; a{
	border-radius: 0;
}

.tx-yag-pager .pagination .previous,
.tx-yag-pager .pagination .next {
	display: none;
}

.tx-yag-pager .pagination &gt; li {
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
}

.tx-yag-pager .pagination &gt; li &gt; a {
	background-color: #0a3b5c;
	border-color: #0a3b5c;
	color: #fff;
	padding: 2px 8px;
}

.tx-yag-pager .pagination &gt; li &gt; a:hover,
.tx-yag-pager .pagination &gt; .active &gt; a:hover {
	background-color: #118ec6;
	border-color: #118ec6;
	color: #fff;
}

.tx-yag-pager .pagination &gt; .active &gt; a {
	background-color: #118ec6;
	border-color: #118ec6;
}

.mfp-content h4 {
	color: #fff;
}

.mfp-content .tx-yag-lightbox-permalink { display: none; }

.yag-item-thumb-outerframe {
	position: relative;
	width: 134px !important;
	max-width: calc(50% - 15px);
}


.col-md-6 .yag-item-thumb-outerframe {
	max-width: calc(100% / 3 - 15px);
}
.yag-item-thumb-outerframe::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.yag-item-thumb-outerframe .yag-item-thumb-innerframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mfp-gallery .mfp-content .tx-yag-lightbox-leftcolumn h4 {margin: 0;}
.mfp-gallery .mfp-content .tx-yag-lightbox-leftcolumn p {margin: 0; color: #fff; font-size: 14px; word-break: normal; white-space: normal;}

.newsletterWrapper {
	display: flex;
	align-content: center;
}

.newsletterWrapper input {
	width: 100%;
	flex-shrink: 1;
	max-width: 154px;
}

@media (max-width: 450px) {
	.newsletterWrapper .submit_container {
		margin-top: 0 !important;
		margin-left: 10px !important;
	}
}

/*!
 * Bootstrap Responsive Extended
 * Copyright	snowflake productions gmbh
 * Dependencies	Bootstrap v3.1.0
 *
 * Extends the bootstrap css framework with additional responsive features
 */

/* Responsive Breakpoints
 * Note: Just remove the class name 'layout-fluid' in template if you prefer to use hard layout breaks */
@media (max-width: 450px) {
	.layout-fluid .container {
		width: 100%;
	}
	.margin-top-xs-large {
		margin-top: 40px;
	}
	.margin-top-xs-small {
		margin-top: 20px;
	}
	.margin-top-xs-xsmall {
		margin-top: 10px;
	}
	.no-margin-top-xs {
		margin-top: 0;
	}

	.margin-bottom-xs-large {
		margin-bottom: 40px;
	}
	.margin-bottom-xs-small {
		margin-bottom: 20px;
	}
	.margin-bottom-xs-xsmall {
		margin-bottom: 10px;
	}
	.no-margin-bottom-xs {
		margin-bottom: 0;
	}

	.float-left-xs {
		float: left;
	}
	.float-right-xs {
		float: right;
	}
}

@media (min-width: 451px) {
	.layout-fluid .container {
		width: 100%;
	}

	.margin-top-sm-large {
		margin-top: 40px;
	}
	.margin-top-sm-small {
		margin-top: 20px;
	}
	.margin-top-sm-xsmall {
		margin-top: 10px;
	}
	.no-margin-top-sm {
		margin-top: 0;
	}

	.margin-bottom-sm-large {
		margin-bottom: 40px;
	}
	.margin-bottom-sm-small {
		margin-bottom: 40px;
	}
	.margin-bottom-sm-xsmall {
		margin-bottom: 10px;
	}
	.no-margin-bottom-sm {
		margin-bottom: 0;
	}

	.float-left-sm {
		float: left;
	}
	.float-right-sm {
		float: right;
	}
}

@media (min-width: 801px) {
	.layout-fluid .container {
		width: 100%;
	}

	.margin-top-md-large {
		margin-top: 40px;
	}
	.margin-top-md-small {
		margin-top: 20px;
	}
	.margin-top-md-xsmall {
		margin-top: 10px;
	}
	.no-margin-top-md {
		margin-top: 0;
	}

	.margin-bottom-md-large {
		margin-bottom: 40px;
	}
	.margin-bottom-md-small {
		margin-bottom: 40px;
	}
	.margin-bottom-md-xsmall {
		margin-bottom: 10px;
	}
	.no-margin-bottom-md {
		margin-bottom: 0;
	}

	.float-left-md {
		float: left;
	}
	.float-right-md {
		float: right;
	}

	.dirty-gutter-right-md {
		padding-right: 30px;
	}
}

@media (min-width: 960px) {
	.layout-fluid .container,
	.layout-fluid .header header {
		width: 960px;
	}

	.margin-top-lg-large {
		margin-top: 40px;
	}
	.margin-top-lg-small {
		margin-top: 20px;
	}
	.margin-top-lg-xsmall {
		margin-top: 10px;
	}
	.no-margin-top-lg {
		margin-top: 0;
	}

	.margin-bottom-lg-large {
		margin-bottom: 40px;
	}
	.margin-bottom-lg-small {
		margin-bottom: 40px;
	}
	.margin-bottom-lg-xsmall {
		margin-bottom: 10px;
	}
	.no-margin-bottom-lg {
		margin-bottom: 0;
	}

	.float-left-lg {
		float: left;
	}
	.float-right-lg {
		float: right;
	}
}

@media (max-width: 800px){
	[class*=col-] &gt; div:first-child {
		margin-top: 0;
		padding-top: 0;
	}
	.RootlineNavigation {
		margin-bottom: 0 !important;
	}
	h1.pagetitle {
		margin-top: 30px;
		margin-bottom: 34px;
	}
}


@media (max-width: 450px){
	h1.pagetitle {
		margin-top: 30px;
		margin-bottom: 34px;
	}
}

/*
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart &lt;cornel@bopp-art.com&gt;
 * @copyright	Author
 *
 * @version		1.5.2 (28/04/2014)
 */
 
@media screen {

		/* Overlay */
	#lightcase-overlay {
		display: none;
		width: 100%;
		height: 100%;
		
		position: fixed;
		z-index: 1002;
		top: 0;
		left: 0;
		
		background-color: #333;
	}

		/* Loading */
	#lightcase-loading {
		display: none;
		width: 48px;
		height: 48px;
		margin-top: -24px;
		margin-left: -24px;
		
		position: fixed;
		z-index: 1003;
		top: 50%;
		left: 50%;
		
		background: url('vhs-assets-css-54191555bb107e1032283a99ae8dbf5b.gif') transparent no-repeat 50% 50%;
		background-size: 50%;
	}
	#lightcase-case.lightcase-loading .lightcase-content {
		background: url('vhs-assets-css-9bfc7c503b6ea0a28cefb459acd5a310.gif') #fff no-repeat 50% 50%;
		background-size: 24px;
	}
	#lightcase-case.lightcase-loading.type-image .lightcase-content,
	#lightcase-case.lightcase-loading.type-video .lightcase-content  {
		background-image: url('vhs-assets-css-54191555bb107e1032283a99ae8dbf5b.gif');
		background-color: #333;
	}
	
		/* Case */
	#lightcase-case {
		display: none;
		
		position: fixed;
		z-index: 1003;
		top: 50%;
		left: 50%;
		
		color: #fff;
		text-shadow: 0 1px 0 #333;
		
		font-family: arial, sans-serif;
		font-size: 13px;
		line-height: 18px;
		text-align: left;
		
		-webkit-text-size-adjust: none;
		-webkit-backface-visibility: hidden;
	}
	
		/* Info */
	#lightcase-case .lightcase-info {
		overflow: auto;
	}
	#lightcase-case .lightcase-sequenceInfo,
	#lightcase-case .lightcase-title,
	#lightcase-case .lightcase-caption {
		margin: 10px;
		padding: 0;
		overflow: auto;
		font-size: 11px;
		line-height: 15px;
		text-overflow: ellipsis;
	}
	#lightcase-case .lightcase-sequenceInfo {
		float: left;
		padding-right: 0;
	}
	
		/* Content */
	#lightcase-case .lightcase-content {
		position: relative;
		z-index: 1;
		overflow: hidden;
		
		color: #333;
		text-shadow: none;
		
		background-color: #fff;
		
		-moz-box-shadow: 0 0 30px rgba(0,0,0,.50);
		-webkit-box-shadow: 0 0 30px rgba(0,0,0,.50);
		box-shadow: 0 0 30px rgba(0,0,0,.50);
		
		-webkit-backface-visibility: hidden;
	}
	#lightcase-case.type-image .lightcase-content,
	#lightcase-case.type-video .lightcase-content {
		background-color: #333;
	}
	#lightcase-case.type-image .lightcase-contentInner,
	#lightcase-case.type-video .lightcase-contentInner {
		line-height: 0.75;
	}
	#lightcase-case  .lightcase-inlineWrap {
		padding: 15px;
		overflow: auto;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

		/* Error message */
	p.lightcase-error {
		margin: 0;
		padding: 0;
	}

		/* Navigation */
	#lightcase-case .lightcase-nav {
	}
	#lightcase-case .lightcase-nav a {
		width: 25%;
		
		position: absolute;
		z-index: 3;
		top: 25%;
		bottom: 25%;
		
		outline: none;
		cursor: pointer;
	}
	#lightcase-case a.lightcase-prev {
		left: 15px;
	}
	#lightcase-case a.lightcase-next {
		right: 15px;
	}
	#lightcase-case a.lightcase-play,
	#lightcase-case a.lightcase-pause {
		display: none;
		width: 50%;
		
		z-index: 3;
		left: 25%;
		right: 25%;
	}
	#lightcase-case .lightcase-nav a span {
		display: block;
		width: 30px;
		height: 30px;
		margin-top: -13px;
		
		position: absolute;
		z-index: 1;
		top: 50%;
		
		text-indent: -9999px;
		background: url('vhs-assets-css-80b159de6b509e0b668a580bf1c9b951.png') transparent no-repeat 0 -30px;
		
		opacity: 0;
		-khtml-opacity: 0;
		-moz-opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		filter: alpha(opacity=0);
		
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;
		
		-webkit-backface-visibility: hidden;
	}
	#lightcase-case .lightcase-nav a:hover span {
		opacity: 1;
		-khtml-opacity: 1;
		-moz-opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		filter: alpha(opacity=100);
	}
	#lightcase-case a.lightcase-prev span {
		left: 0;
	}
	#lightcase-case a.lightcase-next span {
		right: 0;
		background-position: 0 -60px;
	}
	#lightcase-case a.lightcase-pause span {
		background-position: 0 -90px;
	}
	#lightcase-case a.lightcase-play span {
		background-position: 0 -120px;
	}
	#lightcase-case a.lightcase-pause span,
	#lightcase-case a.lightcase-play span {
		left: 50%;
		margin-left: -15px;
	}
		
		/* close */
	#lightcase-case a.lightcase-close {
		width: 30px;
		height: 30px;
		
		position: absolute;
		z-index: 1;
		top: -14px;
		right: -15px;
		
		outline: none;
		text-indent: -9999px;
		background: url('vhs-assets-css-80b159de6b509e0b668a580bf1c9b951.png') transparent no-repeat 0 0;
	}
	
		/* For mobile devices */
	.lightcase-isMobileDevice #lightcase-case .lightcase-inlineWrap,
	.lightcase-isMobileDevice #lightcase-case.type-iframe .lightcase-contentInner {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.lightcase-isMobileDevice.lightcase-open,
	.lightcase-isMobileDevice.lightcase-open body {
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
	}
	
		/* Fullscreen mode for mobile */
	.lightcase-fullScreenMode #lightcase-case {
		text-shadow: none;
		
		border: none;
		background: none;
	}
	.lightcase-fullScreenMode #lightcase-case .lightcase-content {
		color: #fff;
		background: none;
		
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.lightcase-fullScreenMode #lightcase-case .lightcase-info {
		position: fixed;
		z-index: 1004;
		left: 5px;
		bottom: 5px;
	}
	.lightcase-fullScreenMode #lightcase-case a.lightcase-prev,
	.lightcase-fullScreenMode #lightcase-case a.lightcase-next {
		position: absolute; /* Hide the prev/next buttons */
		top: -99999px;
	}
	.lightcase-fullScreenMode #lightcase-case a.lightcase-play span {
		margin-top: -15px;
		background-image: url('vhs-assets-css-8c71c7a26f3717541ef665694ff274b8.svg');
	}
	.lightcase-fullScreenMode #lightcase-case a.lightcase-pause span {
		margin-top: -15px;
		background-image: url('vhs-assets-css-d9a627e7a515804e5259a6f94a0eec78.svg');
	}
	.lightcase-fullScreenMode #lightcase-case a.lightcase-pause span,
	.lightcase-fullScreenMode #lightcase-case a.lightcase-play span,
	.lightcase-fullScreenMode #lightcase-case a.lightcase-close {
		border: 1px solid rbga(0,0,0, .25);
		
		background-color: rgba(150,150,150, .75);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 55% 55%;
		
		-moz-box-shadow: inset 0px 0px 1px rgba(0,0,0, .25);
		-webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0, .25);
		box-shadow: inset 0px 0px 1px rgba(0,0,0, .25);
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.lightcase-fullScreenMode #lightcase-case a.lightcase-close {
		width: 30px;
		height: 30px;
		
		position: fixed;
		top: 5px;
		right: 5px;
		
		background-image: url('vhs-assets-css-a16825207d43dd84de41d0bc064ec561.svg');
		background-size: 55% 55%;
	}


	.lightcase-info .lightcase-title,
	.lightcase-info .lightcase-caption {
		color: #ffffff;
	}

}


/**
 * Specific styles for the partial NoScriptMessage
 */
.noScriptMessage {
	position: relative;
	z-index: 111111;
	width: 100%;
	top: 0;
	left: 0;
	padding:20px 30px;
	border-bottom: 1px solid #A29330;
	background: #FDF2AB;
	text-align: left;
	color: #000;
	font-size: 12px;
}


/**
 * Specific styles for the partial Header
 */

.layoutDefault.header {
	margin-top: 0;
	z-index: 1002;

	background: #118ec6;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.layoutDefault.header header.container {
	height: 120px;
}

.layoutDefault.header .fixed-top {
	position: relative;
}

/**
 * Global styles for partial DropdownNavigation
 */

.DropdownNavigation {
	position: relative;
	float: right;
	width: 322px;
	height: 30px;
	z-index: 1003;

	background: #0E77A5;
}
	.DropdownNavigation:hover,
	.DropdownNavigation.open {
		background: #0C5573;
	}
	.DropdownNavigation a {
		display: block;
		padding: 5px 10px;

		color: #cfe8f4;
		font-size: 13px;

		text-decoration: none;
	}
	.DropdownNavigation a:hover,
	.DropdownNavigation.open a{
		color: #fff;
	}
		.DropdownNavigation a i {
			float: right;
			margin: 4px 0 0 0;
			font-size: 10px;
		}
	.DropdownNavigation .dropdown-menu {
		width: 100%;
		margin: 0;
		padding: 5px 0;

		background: #0C5573;

		border-radius: 0;
		border-width: 0;
		border-color: transparent;
	}
		.DropdownNavigation .dropdown-menu li  {
			width: 100%;
			float: left;
			display: block;
			margin: 5px 0;
		}
		.DropdownNavigation .dropdown-menu li  a {
			padding: 0 10px;

			color: #cfe8f4;
		}
		.DropdownNavigation .dropdown-menu li :hover {
			background: transparent;
			color: #fff;
		}

.DropdownNavigation.dropdown.open .icon:before{
	content: "r";
}

@media (max-width: 450px){
	.DropdownNavigation {
		display: none;
	}
}

/**
 * Specific styles for the partial LanguageNavigation
 */

.LanguageNavigation {
	margin: 2px 30px 0 0;
	float: left;
}

.LanguageNavigation ul li:before {
	position: relative;
	left: 0;
	content: "|";
	margin: 0 4px 0 0;
	border: none;

	color: #cfe8f4;
	font-size: 13px;
}

.LanguageNavigation ul li {
	margin: 0 2px;
	padding: 0;
}

.LanguageNavigation ul li a {
	color: #cfe8f4;
	font-size: 13px;
}

.LanguageNavigation ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.LanguageNavigation ul li.current a{
	color: #ffffff;
}

/**
 * Responsive styles for the partial LanguageNavigation
 */

@media screen and (max-width: 1199px) {

	.LanguageNavigation {
		margin: 2px 15px 0 0;
	}

}


/**
 * Specific styles for the partial MetaNavigation
 * Note: The navigation is prefixed with header to prevent its offcanvas styling from inheritance
 */

header .MetaNavigationContainer {
	/*float: right;*/
	
	float: left;
	padding-left: 283px;
	
}
header .MetaNavigation {
	margin: 2px 8px 0 0;
	float: left;
}
	header .MetaNavigation ul li {
		margin: 0 15px 0 0;
	}
	header .MetaNavigation ul li:before {
		border: none;
	}
	header .MetaNavigation ul li a {
		color: #cfe8f4;
		font-size: 13px;
	}
	header .MetaNavigation ul li a:hover,
	header .MetaNavigation ul li.active &gt; a {
		color: #fff;
		text-decoration: none;
	}

		header .MetaNavigation ul li.active &gt; a .caret {
			border-top-color: #fff;
			border-bottom-color: #fff;
		}


/**
 * Responsive styles for the partial MetaNavigation
 */

@media screen and (max-width: 1199px) {

	header .MetaNavigation {
		margin-right: 15px;
	}
}
@media (max-width: 900px){
	header .MetaNavigationContainer {
		padding-left: 0px;
		float: right;
	}
}
@media screen and (max-width: 800px){
	header .MetaNavigation {
		display: none;
	}
}

/**
 * Specific styles for the partial Logo
 */

.Logo {
	position: absolute;
	z-index: 0;
	width: auto;
	float: left;
	left: -5px;
	top: 55px;
	margin: 0 50px 0 0;
}
	.Logo a {
		display: inline-block;
		width: 220px;
		height: auto;
	}
		.Logo img {
			width: 100%;
			height: auto;
		}

@media print {

	.Logo {
		position: relative;
		margin: 0;
	}

	.Logo:after {
		display: block;
		width: 220px;
		height: 50px;
		content: url('vhs-assets-css-a4b29931207be0cc88ad64ea3f1acae8.svg');
		margin-bottom: 10px;
	}

	/*.Logo a {*/
		/*content: url('vhs-assets-css-a4b29931207be0cc88ad64ea3f1acae8.svg');*/
	/*}*/

	.Logo a {
		display: none;
	}
}

@media screen and (max-width: 450px) {
	.Logo {
		left: 10px;
		top: 70px;
	}
	.Logo a {
		width: 170px;
	}
}

/**
 * Specific styles for the partial MainNavigation
 * Note: The navigation is prefixed with to prevent its offcanvas styling from inheritance
 */

.MainNavigationContainer {
	position: relative;
	float: left;
	width: 100%;
	margin: 25px 0 0 0;
}

.MainNavigation {
	position: absolute;
	left: 285px;
	right: 0;
	top: 79px
}

.MainNavigation a:hover {
	text-decoration: none;
}

.MainNavigation .closer i {
	color: #0C5574;
}

	.MainNavigation .closer i:hover {
		cursor: pointer;
		color: #118EC6;
	}

.MainNavigationHelper {
	position: absolute;
	top: 120px;

	height: 0;
	width: 100%;

	background: white;
	transition: height 0.5s;
}
	
	.MainNavigationHelper.active {
		border-bottom: 1px solid #C8C6BF;
	}

@media (min-width: 801px){
	.MainNavigation ul.level0 {
		display: block;
	}
		.MainNavigation li.level0 {
			display: block;
		}
			.MainNavigation a.level0 {
				display: none;
			}
			.MainNavigation .submenu.level1 {
				margin-right: -5px;
			}
				.MainNavigation .closer.level0 {
					display: none;
				}
	.MainNavigation ul.level1 {
		margin: 0 -15px;
	}
		.MainNavigation li.level1 {
			padding: 0 15px;
		}
			.MainNavigation a.level1 {
				color: white;

				font-size: 16px;
				font-family: "The Serif Bold", serif;
			}

			.MainNavigation .item_active a.level1,
			.MainNavigation .current a.level1,
			.MainNavigation a.level1:hover {
				color: #0C5574;
			}
				.MainNavigation a.level1:focus,
				.MainNavigation a.level1:hover {
					text-decoration: none;
				}
				.MainNavigation i.level1 {
					display: none;
				}

			.MainNavigation .submenu.level2 {
				left: -285px;
				right: 0;
				top: 41px;
				position: absolute;
				height: 0;
				overflow: hidden;
				background: white;
				transition: height 0.5s;
			}
				.MainNavigation .closer.level1 {
					display: block;
					position: absolute;
					top: 14px;
					right: 0;
				}

	.MainNavigation ul.level2 {
		list-style-type: none;
	}
		.MainNavigation li.level2 {
			float: left;
			width: 25%;
			padding: 0 20px 0 0;
			margin: 40px 0;
		}
			.MainNavigation a.level2 {
				color: #0c5574;

				display: block;
				font-size: 15px;
				line-height: 20px;
				font-weight: bold;

				margin-bottom: 20px;

			}
				.MainNavigation a.level2:hover {
					color: #118EC6;
				}

				.MainNavigation i.level2 {
					display: none;
				}

	.MainNavigation ul.level3 {
		list-style-type: none;
		padding: 0;
	}
			.MainNavigation a.level3 {
				color: #0c5574;

				display: block;
				font-size: 14px;

				line-height: 18px;
				padding: 4px 0;
			}
				.MainNavigation a.level3:hover {
					color: #118EC6;
				}

}

@media (min-width: 901px) and (max-width: 960px){
	.MainNavigation ul.level1 {
		margin: 0 -10px;
	}
		.MainNavigation li.level1 {
			padding: 0 10px;
		}
}
@media (min-width: 801px) and (max-width: 900px){
	.MainNavigation ul.level1 {
		margin: 0 -5px;
	}
		.MainNavigation li.level1 {
			padding: 0 5px;
		}
			.MainNavigation a.level1 {
				font-size: 14px;
			}
}

/**
 * Responsive styles for the partial MainNavigation
 */

@media screen and (max-width: 450px) {

}

@media (max-width: 800px) {
	.MainNavigation {
		left: 180px;
		top: 87px;
	}

	.MainNavigation ul.level0 {
		text-align: right;
	}
		.MainNavigation li.level0 {}
			.MainNavigation a.level0 {
				color: white;
				font-size: 16px;
				font-family: "The Serif Bold", serif;
			}
				.MainNavigation li.active a.level0 {
					color: rgb(12, 85, 116);
				}
			.MainNavigation .submenu.level1 {
				left: -180px;
				right: 0;
				top: 41px;
				position: absolute;
				height: 0;
				overflow: hidden;
				transition: height 0.5s;
			}
			.MainNavigation i.level0 {
				padding-right: 5px;
			}

				.MainNavigation .closer.level0 {
					position: absolute;
					top: 10px;
					right: 10px;
				}

	.MainNavigation ul.level1 {
		text-align: left;
		padding: 40px 0;
	}
		.MainNavigation li.level1 {
			display: block;
		}
			.MainNavigation a.level1 {
				color: #0c5574;
				font-size: 15px;
				font-family: Arial, sans-serif;
				font-weight: bold;

				display: block;
				border-bottom: 1px solid #d7d7d7;

				line-height: 22px;
				padding: 8px 0 9px;

				position: relative;
			}
				.MainNavigation li.level1.active a.level1 {
					color: #118EC6;
				}
				.MainNavigation i.level1 {
					position: absolute;
					right: 0;
					top: 50%;
					margin-top: -14px;
					font-size: 14px;
					line-height: 28px;

					width: 34px;

					display: block;
					text-align: center;
				}
					.MainNavigation li.level1.active i.level1:before {
						content: "r";
					}
			.MainNavigation .submenu.level2 {
				height: 0;
				overflow: hidden;

				transition: height 0.5s;
				background: white;
			}
				.MainNavigation .closer.level1 {
					display: none;
				}

	.MainNavigation ul.level2 {
		padding: 0;
	}
		.MainNavigation li.level2 {
			display: block;
		}
			.MainNavigation a.level2 {
				color: #0c5574;
				font-size: 14px;
				font-family: Arial, sans-serif;
				font-weight: bold;

				display: block;
				border-bottom: 1px solid #d7d7d7;

				line-height: 20px;
				padding: 7px 0 7px 10px;

				padding-left: 10px;

				position: relative;
			}
				.MainNavigation a.level2:focus {
					color: #118EC6;
				}
				.MainNavigation li.level2.active a.level2 {
					color: #118EC6;
				}
				.MainNavigation i.level2 {
					position: absolute;
					right: 0;
					top: 50%;
					margin-top: -14px;
					font-size: 10px;
					line-height: 28px;

					width: 34px;
					border-left: 1px solid;

					display: block;
					text-align: center;
				}
					.MainNavigation li.level2.active i.level2:before {
						content: "r";
					}

			.MainNavigation .submenu.level3 {
				height: 0;
				overflow: hidden;

				transition: height 0.5s;
				background: white;
			}

	.MainNavigation ul.level3 {
		list-style-type: none;
		padding: 0;
	}
		.MainNavigation li.level3 {

		}
			.MainNavigation a.level3 {
				color: #0c5574;
				font-size: 14px;
				font-family: Arial, sans-serif;

				display: block;
				border-bottom: 1px solid #d7d7d7;
				line-height: 20px;

				line-height: 20px;
				padding: 7px 0 7px 10px;
			}
			.MainNavigation a.level3:focus {
				color: #118EC6;
			}
}
@media (max-width: 450px){
	.MainNavigation a.level0 i.level0 {
		font-size: 21px;
	}
	.MainNavigation a.level0 .text {
		display: none;
	}
}

/**
 * Specific styles for the partial SearchBox
 * Note:	The navigation is prefixed with header to prevent its offcanvas styling from inheritance
 */
.MainNavigation li.level1.search {
	float: right;
}

.MainNavigation .search i.level1 {
	display: inline-block;
}

.SearchBox {
	font-size: 16px;
	padding: 40px 0;
}

	/* Generic styles for any context */
.SearchBox .form-control {
	white-space: nowrap;
	overflow: hidden;
}
	.SearchBox .form-control span {
		display: block;
		width: 100%;
		overflow: hidden;
		outline: none;
		font-family: "The Serif Bold", Arial, sans-serif;
	}

	/* Styles exclusively for header context */
header .SearchBox {
	z-index: 0;
	width: 100%;
	text-align: center;
}

	header .SearchBox .form-control a {
		cursor: pointer;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	header .SearchBox .form-control a,
	header .SearchBox .form-control a:hover,
	header .SearchBox .form-control {
		font-family: "The Serif Bold", Arial, sans-serif;
		font-size: 16px;
		color: #fff;
		text-decoration: none;
	}

	header .SearchBox .form-control a:hover {
		color: #0C5574;
	}

	header .SearchBox span {
		position: relative;
		right: 0;
		margin-right: 0;
	}

	header .SearchBox .form-control {

		padding-left: 30px;
		padding-right: 0;

		line-height: 19px;

		border-color: transparent;
		border-radius: 0;
		background-color: transparent;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;

		-webkit-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		transition: all .5s ease-out;
	}


	.SearchBox .text {
		width: 340px;
		max-width: 100%;
		margin: 10px 10px 20px 0;
		padding-left: 5px;
		height: 33px;
	}

	.SearchBox .pubSearch {
		margin-top: 30px;
		font-size: 14px;
		width: 430px;
		margin: 0 auto;
		text-align: left;
		padding-left: 5px;
	}

	.SearchBox i {
		margin-right: 10px;
	}

	.SearchBox .submit {
		margin-top: -1px;
	}

	.SearchBox .submit-wrap {
		display: inline;
	}


@media (max-width: 450px){

	.Searchbox {
		padding: 50px 0;
	}

	.SearchBox .submit-wrap {
		width: 340px;
		max-width: 100%;
		margin: auto;
		height: 50px;
		display: block;
	}

	.SearchBox .submit {
		float: left;
	}

	.SearchBox .text {
		margin: 10px 10px 10px 10px;
	}

	.SearchBox .pubSearch{
		clear: both;
		padding-left: 0;
		padding-top: 20px;
	}





}

@media (max-width: 380px){
	.SearchBox .submit-wrap {
		margin: 0 10px 0 10px;
	}
}


/**
 * Responsive styles for the partial SearchBox
 */

@media screen and (max-width: 1199px) {

	.division .SearchBox .btn-primary {
		background: #0C5573;

	}

	.division .SearchBox a {
		color: #118EC6
	}

}

/**
 * Specific styles for the partial RootlineNavigation
 */

.RootlineNavigation {
	position: relative;
	z-index: 0;
	top: 0;
	padding-left: 10px;
	margin: 2px 0 70px 0;
}
 
	.RootlineNavigation ul,
	.RootlineNavigation ul li {
		margin: 0;
		padding: 0;
	}

		.RootlineNavigation ul li {
			display: inline;
			font-size: 12px;
			color: #0C5574;
		}
		.RootlineNavigation ul li:before {
			display: inline-block;
			content: 't';
			padding: 0 8px 0 8px;
			color: #0C5574;
			font-family: "EawagIconFont" !important;
			font-style: normal !important;
			font-weight: normal !important;
			font-variant: normal !important;
			text-transform: none !important;
			font-size: 8px;
			vertical-align: top;
			float: none;
		}
		.RootlineNavigation ul li:first-child:before {
			display: none;
		}

			.RootlineNavigation ul li a {
				background-color: transparent;
				color: #0C5574;
			}

			.RootlineNavigation ul li a:hover {
				background-color: transparent;
				color: #118ec6;
				text-decoration: none;
			}

			.RootlineNavigation ul li.current a {
				background-color: #eee;
				color: #999999;
			}

			.RootlineNavigation ul li .current {
				color: #999999;
			}

@media (max-width: 450px){
	.RootlineNavigation {
		display: none;
	}
}

.sfpextenderevent-event-location {
	margin-left: 0;
}

.sfpextenderevents_teaser .sfpextenderevent-event-time {
	padding-right: 3px;
}

.sfpextenderevent-event {
	border-bottom: 1px solid #C8C6BF;
	padding-bottom: 10px;
	font-size: 12px;
}
	.sfpextenderevent-event:after {
		display: block;
		content: '';
		clear: both;
	}
	.sfpextenderevent-event + .sfpextenderevent-event {
		margin-top: 10px;
	}

		.sfpextenderevents-teaser-wrap.colorbox .sfpextenderevent-event-date {
			padding: 10px 5px;

			background: #118ec6;
			color: white;
			float: left;

			max-width: 45px;

			font-weight: bold;

			text-align: center;
			margin-right: 10px;

		}
		.sfpextenderevents-teaser-wrap:not(.colorbox) .sfpextenderevent-event-date,
		.sfpextenderevents-teaser-wrap:not(.colorbox) .sfpextenderevent-event-time {
			display: inline
		}
		.sfpextenderevents-teaser-wrap.colorbox .sfpextenderevent-event-time,
		.sfpextenderevents-teaser-wrap.colorbox .sfpextenderevent-event-location {
			display: inline;
		}

		.sfpextenderevent-event-title {
			overflow: hidden;
			margin: 5px 0 0;

			font-size: 14px;
		}

		.sfpextenderevents-teaser-wrap.colorbox .sfpextenderevent-event-date .afterdate {
			display: none;
		}

		.sfpextenderevent-event a {
			font-weight: bold;
		}

.sfpextenderevent-event .sfpextenderevent-event-title + p { margin-left: 55px; }
.sfpextenderevents-teaser-wrap:not(.colorbox) .sfpextenderevent-event-title + p { margin-left: 0; }

/**
 * Specific styles for the partial Footer
 */
.footer {
	background-color: #ffffff;
	border-top: 1px solid #D8D6D3;
	margin-top: 40px;
}

.Footer {
	position: relative;
	z-index: 1;
	padding: 20px 10px 20px 10px;
	text-shadow: none;
	page-break-inside: avoid;

	margin-top: 0;
}

	/* general stuff */
	.Footer a {
		margin: 0;
		color: #118EC6;
		padding-top: 0;
	}
		.Footer a:hover {
			color: #118EC6;
			text-decoration: underline;
		}
		.Footer a:before {
			content: "";
			padding: 0;
			margin: 0;
		}

	.Footer li,
	.Footer h5 {
		font-size: 14px;
	}

	.Footer h5 {
		font-weight: normal;
	}

	/* layouting */
	.Footer .copyright,
	.Footer .FooterNavigation,
	.Footer .bankdetails {
		float: left;
		margin-right: 20px;
	}

	.Footer .copyright,
	.Footer .FooterNavigation,
	.Footer .bankdetails,
	.FooterNavigation li {
		line-height: 20px;
	}

	.Footer .csc-element {
		padding-bottom: 0;
	}

	.Footer div[class*='col'] {
		margin-bottom: 0;
	}

	.Footer .header {
		margin: 0 0 20px 0;
		font-family: 'The Serif Bold', Arial, sans-serif;
	}

	/* footer nav */

	.FooterNavigation {}
		.FooterNavigation ul {
			margin: 0;
		}
			.FooterNavigation li {
				height: auto;
				padding-left: 16px;
			}
				.FooterNavigation li:first-child {
					padding-left: 0px;
				}

	.Footer div[class*='col'] {
		padding-left: 0;
	}

	/* Socialmedia Buttons */

	.Footer .socialmedia {
		float: right;
		margin-top: -5px;
	}

	.Footer .socialmedia li {
		padding: 0;
	}
	.Footer .socialmedia li:last-child .icon {
		margin-right: 0;
	}

		.Footer .socialmedia li a:before {
			display: none;
		}

		.Footer .socialmedia li a:hover {
			background: none;
		}

		.Footer .socialmedia li a {
			padding: 0;
			margin: 0;
		}

	.Footer .icon {
		width: 26px;
		height: 26px;
		background: #CFE8F4;
		color: #0C5473;
		font-size: 18px;
		margin-right: 10px;
	}

		.Footer .icon:before {
			line-height: 26px;
			vertical-align: middle;
			display: block;
			text-align: center;
		}

		.Footer .icon:hover {
			background: #118EC6;
			color: #ffffff;
		}

	.Footer.active .switch {
		background-position: 0 -12px;
	}


/**
 * Responsive styles for the partial Footer
 */

@media (max-width: 450px){

	.Footer .FooterNavigation li {
		display: block;
		padding: 0;
		margin-bottom: 10px;
	}

	.Footer .FooterNavigation li:last-child {
		margin-bottom: 0;
	}

	.Footer .FooterNavigation,
	.Footer .bankdetails {
		float: none;
		clear: both;
	}


	.Footer .csc-element {
		margin-bottom: 10px;
	}

	.Footer &gt; .csc-element &gt; div &gt; div:last-child p:last-child a{
		margin-bottom: 0;

	}

	.Footer .bankdetails {
		display: block;
	}

	.Footer a {
		margin-bottom: 10px;

	}

}
@media (max-width: 800px){

	.Footer .copyright,
	.Footer .bankdetails {
		clear: both;
	}

	.Footer .FooterNavigation,
	.Footer .bankdetails {
		margin-bottom: 20px;
	}
	.Footer .copyright,
	.Footer .socialmedia {
		margin-top: 0;
	}
	.Footer [class*='col']:nth-child(2n+1){
		clear: both;
	}
	.Footer [class*='col']:nth-last-child(-n+2) .csc-element {
		margin-bottom: 0;
	}

}

/**
 * Generic styles for all content elements
 */
[class*=csc-]:first-child &gt; .header {
	margin-top: 0; /* No margin for first elements */
}

	/* Header alignments */
.header-center {
	text-align: center;
}
.header-right {
	text-align: right;
}

.coEldiv {
	margin-bottom: 15px;
}

.csc-textpic-text img {
    margin: 10px;
}
/* these are hacks because RTE inline images only have style="" and no classes :( */
.csc-textpic-text img[style^="float: left;"] {
    margin-left: 0px;
}
.csc-textpic-text img[style^="float: right;"] {
    margin-right: 0px;
}
.csc-textpic-text .bodytext:first-child img:first-child {
    margin-top: 0px;
}

a[href*="typo3/#"] { display: none !important; }

.fcMap {
	position: relative;
}

.fcMap::before {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}

.fcMap.fcMap--square::before {
	padding-bottom: 100%;
}

.fcMap .fcMap__container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*table styles*/
td.td--blue {
	background: #d9edf7;
}

td.td--grey {
	background: #ddd;
}

td.td--orange {
	background: #fbe4d4;
}

table.table--cellBorder td {
	border: 1px solid #C8C6BF;
}
table.table--noCellBorder td {
	border: none;
}

table.table--noCellBorder tr:last-child {
	border-bottom: 0;
}

table.table--outerBorder {
	border: 1px solid #C8C6BF;
}
table.table--noOuterBorder {
	border: 1px solid transparent;
	border-style: hidden;
}

.powermail .powermail_fieldwrap.powermail_fieldwrap_rechnungsadr_switch {
    width: 100%;
    clear: both;
}

.powermail .powermail_fieldwrap.powermail_fieldwrap_rechnungsadr_switch label {
	width: auto;
	display: flex;
	align-items: center;
	gap: 7px;
}


/**
 * Specific styles for the content element textpic
 */
.csc-textpic,
.csc-textpic-imagerow,
.csc-textpic-imagewrap {
	overflow: hidden;
}

/* Float the columns */
.csc-textpic-imagecolumn {
	float: left;
}

[class*=csc-textpic-intext] .csc-textpic-imagewrap {
	max-width: 50%;
}


.coEltextpic h1,
.coEltextpic h2,
.coEltextpic h3,
.coEltextpic h4,
.coEltextpic h5{
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.coEltextpic h4,
.coEltextpic h5 {
	margin-bottom: 8px;
}

.csc-textpic[class*=-nowrap] .csc-textpic-text {
	margin: 0;
	overflow: auto;
}

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext.csc-textpic-left ol,
.csc-textpic-intext.csc-textpic-left ul {
	padding-left: 40px;
	overflow: auto;
}

/* Space left or right for "In text" orientations */
.csc-textpic-intext.csc-textpic-left .csc-textpic-imagewrap {
	margin-right: 8px;
}

.csc-textpic-intext.csc-textpic-right .csc-textpic-imagewrap {
	margin-left: 8px;
}

/* Figure */
.csc-textpic figure {
	display: block;
	/* Space below each image (also in-between rows) */
	margin: 5px 0 8px 0;
	overflow: hidden;
}

.csc-textpic-imagerow-last figure {
	margin-bottom: 0;
}

.csc-textpic figure img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}

/* Figcaption */
.csc-textpic figcaption {
	/* This solves the figcaption width inside a column */
	display: block;
	min-width: 100%;
	width: 0;
}

.csc-textpic-caption-c {
	text-align: center;
}

.csc-textpic-caption-r {
	text-align: right;
}

/**
 * Specific image orientation
 */
/* Center (above or below) */
.csc-textpic-center .csc-textpic-center-outer {
	position: relative;
	float: right;
	right: 50%;
	max-width: 100%;
}

.csc-textpic-center .csc-textpic-center-inner {
	position: relative;
	float: right;
	right: -50%;
	max-width: 100%;
}

.csc-textpic-center .ce-column {
	float: none;
	margin: 0 auto;
}

.csc-textpic-center figure img {
	margin: 0 auto;
}

/* Right (above or below) */
.csc-textpic-right .csc-textpic-imagewrap {
	text-align: right;

}

/* Left (above or below) */
.csc-textpic-left .csc-textpic-imagewrap {
	text-align: left;
}

.csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image{
	float: left;
}

.csc-textpic-right .csc-textpic-imagewrap .ce-row,
.csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image{
	float: right;
}


/* Left (in text) */
.csc-textpic-intext.csc-textpic-left .csc-textpic-imagewrap {
	float: left;
}

/* Right (in text) */
.csc-textpic-intext.csc-textpic-right .csc-textpic-imagewrap {
	float: right;
}

/* Right (in text, no wrap around) */
.csc-textpic-intext.csc-textpic-right-nowrap .csc-textpic-imagewrap {
	float: right;
}

/* Left (in text, no wrap around) */
.csc-textpic-intext.csc-textpic-left-nowrap .csc-textpic-imagewrap {
	float: left;
}

/*
	* Banner on Homepage
*/

.csc-element.news-banner,
.csc-element.banner {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

	.csc-element.news-banner .csc-textpic .csc-textpic-imagewrap,
	.csc-element.banner .csc-textpic .csc-textpic-imagewrap {
		width: 100%;
		height: 100%;
		display: block;
	}
		.csc-element.news-banner figure,
		.csc-element.banner figure {
			margin: 0;
		}
			.csc-element.news-banner img,
			.csc-element.banner img {
				width: 100%;
			}


	.csc-element.news-banner .csc-textpic-center .csc-textpic-center-outer,
	.csc-element.banner .csc-textpic-center .csc-textpic-center-outer {
		right: 0;
	}
	.csc-element.news-banner .csc-textpic-center .csc-textpic-center-inner,
	.csc-element.banner .csc-textpic-center .csc-textpic-center-inner {
		right: 0;
	}

	.csc-element.news-banner .csc-textpic .csc-textpic-text,
	.csc-element.banner .csc-textpic .csc-textpic-text {
		height: auto;
		display: block;
		z-index: 2;
		bottom: 35px;
		margin: 0;
		padding: 10px 20px 10px 20px;
		background: rgba(218, 133, 27, 0.8);
		color: #ffffff;
		position: absolute;
		left: 20px;
		right: 20px;
		width: auto;
	}
		.csc-element.news-banner:hover  .csc-textpic-text,
		.csc-element.banner:hover  .csc-textpic-text {
			background: rgba(218, 133, 27, 1);
		}

		.csc-element.news-banner .header,
		.csc-element.banner .header {
			margin-top: 0;
			margin-bottom: 5px;
			color: #ffffff;
		}
			.csc-element.news-banner .header {
				line-height: 20px;
				font-size: 20px;
			}
			.csc-element.banner  .header {
				line-height: 30px;
				font-size: 18px;
			}
			.csc-element.news-banner .header:after,
			.csc-element.banner .header:after {
				content: "t";
				font-family: "EawagIconFont";
				color: #ffffff;
				position: absolute;
				right: 10px;
				font-size: 10px;
				top: 35px;
				pointer-events: none;
			}
			.csc-element.news-banner .header &gt; a,
			.csc-element.banner .header &gt; a {
				display: block;
				height: 100%;
				color: #ffffff;
			}
				.csc-element.news-banner .header &gt; a:hover,
				.csc-element.banner .header &gt; a:hover {
					text-decoration: none;
				}
		.csc-element.news-banner .csc-textpic .csc-textpic-text .bodytext,
		.csc-element.banner .csc-textpic .csc-textpic-text .bodytext {
			color: #ffffff;
		}


.csc-element.link-element {
	margin-top: -10px;
}

.csc-element.caption-inside-image .csc-textpic-image {
	position: relative;
}

.csc-element.caption-inside-image figcaption {
	position: absolute;
	bottom: 0;
	padding: 20px;
}

.csc-element.caption-inside-image figcaption .outerContainer {
	display: block;
	width: 100%;
	padding: 10px 20px;
	font-size: 14px;
	background: rgba(163, 181, 44, 0.9);
	color: #fff;
}

.csc-element.caption-inside-image figcaption .outerContainer:hover {
	background: rgba(163, 181, 44, 1);
}

.csc-element.caption-inside-image figcaption .innerContainer {
	display: block;
	height: 55px; /* equals ~three lines */
	overflow: hidden;
}

@media (max-width: 800px) {
	.layout-home .col-md-3 {
		margin-top: 0;
	}
}


@media (max-width: 450px) {
	
	.csc-element.banner .csc-textpic .csc-textpic-text .bodytext,
	.csc-element.news-banner .csc-textpic .csc-textpic-text .bodytext {
		display: none;
	}

	.csc-element.banner .csc-textpic .csc-textpic-text,
	.csc-element.news-banner .csc-textpic .csc-textpic-text {
		width: 100%;
		left: 0;
		right: 0;
		background: rgba(218, 133, 27, 1);
		position: relative;
		bottom: 0;
	}
	.csc-element.banner .header:after,
	.csc-element.news-banner .header:after {
		top: 50%;
		margin-top: -9px;
	}
}

@media print {

	.csc-textpic,
	.csc-textpic-imagerow,
	.csc-textpic-imagewrap {
		overflow: inherit; /* FF has problems with overflow: hidden; */
	}

	.csc-element.news-banner .header:after,
	.csc-element.banner .header:after {
		display: none;
	}

	.csc-element.news-banner .csc-textpic .csc-textpic-text,
	.csc-element.banner .csc-textpic .csc-textpic-text {
		position: static;
		padding-left: 0;
	}

	.csc-textpic-center .csc-textpic-center-outer,
	.csc-textpic-center .csc-textpic-center-inner {
		float: left;
		position: static;
		margin-bottom: 5px;
	}
}


.csc-textpic-imagewrap.ce-gallery[data-ce-columns="2"] .ce-row,
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="3"] .ce-row,
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="4"] .ce-row,
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="6"] .ce-row {
	display: flex;
	gap: 20px;
}
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="2"] .ce-row .ce-column { width: 50%; margin: 0;}
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="3"] .ce-row .ce-column { width: 33%; margin: 0;}
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="4"] .ce-row .ce-column { width: 25%; margin: 0;}
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="6"] .ce-row .ce-column { width: calc(100% / 6); margin: 0;}
.csc-textpic-imagewrap.ce-gallery[data-ce-columns="12"] .ce-row .ce-column { width: calc(100% / 12); margin: 0;}

/**
 * Specific styles for the content element form
 */
.csc-mailform {
	margin: 0 -15px;
}
	.csc-mailform ul.form-horizontal {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.csc-mailform .form-horizontal [class*=col-] {
			display: block;
		}

	/* Label and mandatory */
.csc-mailform label,
.csc-mailform label em {
	display: block;
	font-weight: normal;
	font-style: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}
	.csc-mailform label em.text-danger {
		display: none;
	}

	/* File upload */
.csc-mailform input[type=file] {
	margin-top: 6px;
}

	/* Reset and submit button */
.csc-form-element-reset,
.csc-form-element-submit {
	display: inline-block;
	margin-right: 15px;
}
	.csc-form-element-reset .form-group,
	.csc-form-element-submit .form-group {
		display: inline-block;
	}

	/* Vertical form groups */
.csc-form-element-checkbox .form-group,
.csc-form-element-radio .form-group {
	margin: 0;
}
	/* Horizontal form groups */
.csc-mailform .form-horizontal .form-group {
	display: block;
	margin-left: 0;
	margin-right: 0;
}
.csc-mailform .form-group-horizontal li {
	display: inline-block;
	margin-left: 15px;
}
.csc-mailform .form-group-horizontal li:first-child {
	margin-left: 0;
}


/**
 * Specific styles for the content element uploads
 */

.csc-uploads {}

	.csc-uploads li.csc-uploads-element {
		margin: 0;
		position: relative;
	}
		.csc-uploads li span {
			display: inline-block;
		}

		.csc-uploads li span.csc-uploads-fileSize {
			margin-left: 4px;
		}
		.csc-uploads li span.csc-uploads-description + span.csc-uploads-fileSize {
			margin-left: 0;
		}

		.csc-uploads-1 li {
			padding-left: 20px;
		}
		.csc-uploads li a{
		}
			.csc-uploads li a img {
				display: block;
			}
			.csc-uploads li a i,
			.csc-uploads li a img {
				padding: 0 4px 0 0;
				font-size: 16px;
			}
			.csc-uploads-1 li a i,
			.csc-uploads-1 li a img{
				position: absolute;
				top: 2px;
				left: 0;
			}


	.icon-document-download {
		color: #0C5574;
		vertical-align: sub;
		padding-right: 10px;
		font-size: 16px;
		display: inline;
	}


.userprofiles-login .tx-felogin-pi1 {
	position: absolute;
	right: 5px;
	bottom: -53px;
	font-size: 13px;
}

.userprofiles-login .tx-felogin-pi1 .login-box {
	background: #fff;
	z-index: 50;
	padding: 15px;
	width: 280px;
	position: absolute;
	right: 5px;
	bottom: -28px;
	visibility: visible;
}

.userprofiles-login .tx-felogin-pi1 .icon-edit {
	position: absolute;
	font-size: 16px;
	background: none;
	color: #999999;
	right: 5px;
	width: 26px;
	height: 28px;
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
	visibility: visible;
	cursor: pointer;
}

.userprofiles-login .tx-felogin-pi1 h3 {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.userprofiles-login .tx-felogin-pi1 .icon-close {
	float: right;
	color: #0C5573;
	cursor: pointer;
}

.userprofiles-login .tx-felogin-pi1 .icon-close:hover {
	color: #118ec6;
}

.userprofiles-login .tx-felogin-pi1 .icon-edit:before {
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
}

.userprofiles-login .tx-felogin-pi1 .icon-edit:hover {
	color: #ffffff;
	background: #118ec6;
}

.userprofiles-login .tx-felogin-pi1.closed .login-box {
	visibility: hidden;
}

.userprofiles-login .tx-felogin-pi1 form label {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 3px;
}

.userprofiles-login .tx-felogin-pi1 form input[type='text'], .userprofiles-login .tx-felogin-pi1 form input[type='password'] {
	width: 100%;
}

.userprofiles-login .tx-felogin-pi1 form {
	margin-top: 15px;
}

.userprofiles-login .tx-felogin-pi1 form div {
	margin-top: 10px;
}

.userprofiles-login .tx-felogin-pi1 form .forgot-label {
	margin-bottom: 20px;
}

.userprofiles-login .tx-felogin-pi1 form .forgot-label a:after {
	content: "t";
	font-family: "eawagiconfont";
	font-size: 8px;
	color: #0C5573;
	margin-left: 5px;
}

.userprofiles-login .tx-felogin-pi1 form .forgot-label a:hover:after {
	text-decoration: none;
}

.userprofiles-login .tx-felogin-pi1 .back-link a:before {
	content: "v";
	font-family: "eawagiconfont";
	font-size: 8px;
	color: #0C5573;
	margin-right: 5px;
	vertical-align: middle;
}

.tx-userprofiles .fa-pencil:before {
	content: "g";
	font-family: "eawagiconfont";
	vertical-align: middle;
	font-size: 12px;
}

.tx-userprofiles .fa-plus-circle:before {
	font-size: 16px;
}

.tx-userprofiles .fa {
	color: #0C5574;

}

.tx-userprofiles .fa:hover {
	color: #118ec6;
}

.tx-userprofiles .btn:hover .fa {
	color: #ffffff;
}

.tx-userprofiles .alert {
	background: #ffffff;
}

.tx-userprofiles-column-item .form-control:focus {
	box-shadow: none;
}

.alert-info hr {
	margin: 0 0 10px 0;
	padding: 0;
}



/**
 * Styles for the powermail extension
 */

.powermail_field .powermail_input {
	display: block;
	width: 75%;
	max-width: 75%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #A9A9A9;;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.powermail_fieldwrap.powermail_fieldwrap_text {
	margin: 10px 0;
}

.powermail_label {
	float: left;
	width: 25%;
	font-weight: normal;
	min-height: 34px;
	line-height: 34px;
	vertical-align: middle;
}

.tx-powermail label {
	font-weight: normal;
}

.powermail_field .powermail_submit,
.powermail_field .powermail_reset {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	font-size: 14px;
	padding: 6px 12px;
	line-height: 1.428571429;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	border: 0;
	color: #ffffff;
	width: auto;
}

.powermail_field .powermail_submit {
	background: #0C5573;
}

.powermail_field .powermail_reset {
	background: #d9534f;
}

.powermail_fieldwrap.powermail_fieldwrap_submit,
.powermail_fieldwrap.powermail_fieldwrap_reset {
	width: auto;
	margin-right: 10px;
}

.powermail_label.powermail_check_legend {
	width: 25%;
	display: inline-block;
}

.powermail_fieldwrap.powermail_fieldwrap_check {
	width: 100%;
}

.powermail_check_inner label {
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
}

.powermail_check_inner input[type="checkbox"] {
	margin-top: 6px;
}

.powermail_check_outer,
.powermail_radio_outer {
	width: 75%;
	float: left;
	display: block;
}

.powermail_fieldwrap_file_inner {
	width: 75%;
	float: left;
	display: block;
}

.powermail_radio_outer {
	padding-top: 6px;
}

.layout1 .powermail_radio_inner {
	float: left;
	margin-right: 10px;
}

.powermail_radio_inner input {
	margin-top: 6px;
}

.powermail_field.powermail_file {
	padding-top: 6px;
}

.powermail_fieldwrap {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.powermail_fieldwrap_html a {
	display: inline;
}

.parsley-errors-list {
	margin: 0;
}

.parsley-errors-list.filled {
	margin-bottom: 0px;
}

.parsley-required,
.parsley-custom-error-message {
	color: #ffffff;
	list-style: none;
}

.parsley-errors-list {
	padding-left: 0;
}

.powermail_fieldwrap_content .csc-element {
	margin: 0;
	padding: 0;
}

.powermail_fieldwrap_content .csc-element p {
	color: #333333;
}

/* EVENTS */

.powermail .powermail_fieldwrap {
	width: 50%;
}

.powermail .powermail_label {
	width: 90%;
}
	.powermail .powermail_fieldwrap a {
		display: inline;
		margin-left: 0px;
	}
	.powermail .powermail_fieldwrap a:before {
		content: '';
		width: 0px;
	}

.powermail .powermail_fieldwrap input,
.powermail .powermail_fieldwrap select {
	width: 90%;
	max-width: 90%;
	border-color: #A9A9A9;
	height: 30px;
}

.powermail .powermail_fieldwrap textarea {
	display: block;
	padding: 6px 12px;
	height: auto;
	width: 90%;
	max-width: 90%;
	border: 1px solid #A9A9A9;;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.powermail .powermail_fieldwrap .powermail_radio_inner  input {
	width: auto;
	height: auto;
}

.powermail .powermail_legend {
	display: none;
}

.powermail .powermail_fieldwrap.powermail_fieldwrap_text {
	width: 100%;
}

.powermail label,
.powermail .powermail_label{
	min-height: 1px;
	height: auto;
	line-height: 100%;
	vertical-align: bottom;

}

.powermail .powermail_fieldwrap_content {
	width: 100%;
}

.powermail .powermail_field .powermail_submit {
	width: auto;
}

.powermail .powermail_fieldwrap {
	margin-bottom: 15px;
	position: relative;
}

.powermail .row &gt; div {
	width: 100%;
}

.powermail input.powermail_checkbox {
	height: auto;
	width: auto;
}

.powermail .parsley-errors-list.filled:before {
	content: '';
	position: absolute;
	left: -10px;
	top: -5px;
	right: 0;
	bottom: 0;
	background: #DA851B;
	display: block;
	z-index: -11293;
	margin-right: 10px;
	width: 97%;
	height: calc(100% + 1em);
}

.powermail .parsley-errors-list.filled li {
	display: none;
}

.powermail .hasValidationErrors label,
.powermail .hasValidationErrors legend{
	color: white;
}

.powermail .singleCheckBox {
	width: 5%;
	clear: both;
}

.powermail .singleCheckBox .powermail_check_legend {
	width: 50%;
}

.powermail .singleCheckBox .mandatory {
	display: none;
}

.powermail .powermail_check_outer  {
	margin-top: 10px;
}

.powermail .singleCheckBox .powermail_check_outer {
	width: 50%;
	margin-top: 10px;
	height: 23px;
	width: 21px;
}

.powermail .singleCheckBox .powermail_check_outer.parsley-error {
	background: #DA851B;
	height: 23px;
	width: 21px;
	margin-left: -4px;

}

.powermail .singleCheckBox .powermail_check_outer.parsley-error .powermail_checkbox {
	margin-left: 4px;
}

.powermail .singleCheckBox .powermail_checkbox {
	width: auto;
}

.powermail .checkboxContent {
	width: 45%;
	margin-top: 12px;
	padding-right: 5%;
}
	.powermail .checkboxContent .powermail-fullwidth {
		width: 222.222%;
	}

.powermail .powermail_fieldwrap_type_submit {
	clear: both;
}

.powermail .tx-powermail form &gt; h3 {
	display: none;
}

.powermail.powermail_check_outer.parsley-error .powermail_checkbox {
	outline-color: pink;
}

@media (max-width: 450px) {

	.powermail .powermail_fieldwrap {
		width: 100%;
	}

	.powermail .singleCheckBox {
		width: 5%;
	}

	.powermail .checkboxContent {
		width: 95%;
		margin-top: 12px;
	}

}

.singleCheckBox .checkbox label {
	display: inline-block;
	width: 20px;
}

.powermail_fieldwrap.nolabel .powermail_label {
	display: none;
}

</pre></body></html>