/****** FILE: themes/hydrofilt/css/normalize.css *****/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

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

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

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

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

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

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/****** FILE: themes/hydrofilt/css/jquery.fancybox.css *****/
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	border:1px solid #d3d3d3;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span, .fancybox-close {
	background-image:url(../images/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	cursor: pointer;
    height: 35px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 35px;
    z-index: 8040;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 115px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 80px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-close{
	background-position: 0 0;
    display: block;
    height: 35px;
    position: absolute;
    right: -17px;
    top: -17px;
    width: 35px;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/****** FILE: themes/hydrofilt/css/footable.core.min.css *****/


/****** FILE: themes/hydrofilt/css/style.css *****/
@charset "utf-8";
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/
/* 	Colors
--------------------------------------------------------- 
Trinkwasser				#093480
Mineralwasser			#239cd3
Abwasser					#239157

Trinkwasser BG		#e6eaf2
Mineralwasser BG	#e9f5fb
Abwasser BG				#e9f4ee

*/

/* 	Base
--------------------------------------------------------- */
* {
	box-sizing: border-box; 
	-moz-box-sizing:border-box;
	*behavior: url(../javascript/responsive/boxsizing.htc);
	color:#2d2d2d;
	font-family: 'Biome W01 Light', Arial, sans-serif;
	outline:none;
}
html{
	font-size:0.813em;
	line-height: 1.3em;
}
.contentWrapper{
	max-width:960px;
	margin:0 auto;
}

/* 	Base Styles
--------------------------------------------------------- */
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

img{vertical-align: bottom; max-width:100%; height: auto;}
.svg_img{width:100%;}
.google_map img{max-width:none;}
p{padding:0 0 20px; margin:0;}
.halfBottomDistance{padding:0 0 10px;}
ul{list-style:none; padding:0 0 20px; margin:0;}
.cms-editor ul{overflow: auto;}
li{background-image:url(../images/listStyleIcon.gif); padding-left:15px; background-repeat:no-repeat; background-position: 0 2px; margin-bottom:5px;}
a{color:#239cd3; text-decoration:none; font-family:"Biome W01 SemiBold", Arial, sans-serif; font-weight:700;}
a:hover, a:active{color:#093480; text-decoration:none;}
a:focus{outline:0 none;}
hr {border: 1px dotted #2d2d2d;}
strong, b{font-family:"Biome W01 SemiBold", Arial, sans-serif; font-weight:700;}
u{text-decoration: underline;}
em, i{font-style:italic;}

nav ul{margin:0; padding:0;}
nav ul li{background-image:none; padding:0;}
nav ul li a{text-decoration:none;}

/* 	General Layout
--------------------------------------------------------- */
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8{
	width:100%;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

/* 	Headlines
--------------------------------------------------------- */
h1{
	font-size:2.000em;
	font-family:"Biome W01 Light", Arial, sans-serif;
	font-weight:300;
	line-height: 1.1em;
	margin:0;
	padding: 0 0 20px
}
h2{
	font-size:1.533em;
	font-family:"Biome W01 Light", Arial, sans-serif;
	font-weight:300;
	color:#239cd3;
	line-height: 1.1em;
	margin:0;
	padding: 0 0 20px;
}
h3{
	font-family:"Biome W01 SemiBold", Arial, sans-serif;
	font-weight:700;
	margin:0;
	padding:0;
}
h4{
	position:relative;
	font-size:5.000em;
	line-height:1em;
	margin:0;
	padding:0;
	font-weight:300;
	color:#fff;
}
h5{
	font-size: 1em;
  line-height: 1em;
	margin:0;
	padding:0;
	color:#fff;
}

/* 	Links
--------------------------------------------------------- */
a.btn,
.btn > a{
	font-size:0.867em;
	display:inline-block;
	color:#fff;
	padding:10px 20px;
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTc4YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #1578b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#1578b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#1578b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#1578b9',GradientType=0 ); /* IE6-8 */
}
a.btn:hover,
.btn a:hover,
a.btn:active,
.btn a:active{
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYmE5ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #2ba9dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#2ba9dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#2ba9dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#2ba9dc',GradientType=0 ); /* IE6-8 */
}
.cornerboxTopRight a.btn,
.cornerboxTopRight .btn > a{
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}

a.drinkingwaterBtn,
.drinkingwaterBtn a{
	background: #093480; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MzQ4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTFhNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #093480 0%, #051a4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093480), color-stop(100%,#051a4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093480 0%,#051a4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093480 0%,#051a4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093480 0%,#051a4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093480 0%,#051a4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093480', endColorstr='#051a4e',GradientType=0 ); /* IE6-8 */
}
a.drinkingwaterBtn:hover,
.drinkingwaterBtn a:hover,
a.drinkingwaterBtn:active,
.drinkingwaterBtn a:active{
	background: #093480; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MzQ4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTM0ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #093480 0%, #093480 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093480), color-stop(100%,#093480)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093480 0%,#093480 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093480 0%,#093480 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093480 0%,#093480 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093480 0%,#093480 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093480', endColorstr='#093480',GradientType=0 ); /* IE6-8 */
}

a.mineralwaterBtn,
.mineralwaterBtn a,
a.tablewaterBtn,
.tablewaterBtn a{
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTc4YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #1578b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#1578b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#1578b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#1578b9',GradientType=0 ); /* IE6-8 */
}
a.mineralwaterBtn:hover,
.mineralwaterBtn a:hover,
a.mineralwaterBtn:active,
.mineralwaterBtn a:active,
a.tablewaterBtn:hover,
.tablewaterBtn a:hover,
a.tablewaterBtn:active,
.tablewaterBtn a:active{
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYmE5ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #2ba9dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#2ba9dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#2ba9dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#2ba9dc',GradientType=0 ); /* IE6-8 */
}
a.sewageBtn,
.sewageBtn a{
	background: #249459; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0OTQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDYzM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #249459 0%, #14633c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#249459), color-stop(100%,#14633c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #249459 0%,#14633c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #249459 0%,#14633c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #249459 0%,#14633c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #249459 0%,#14633c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249459', endColorstr='#14633c',GradientType=0 ); /* IE6-8 */
}
a.sewageBtn:hover,
.sewageBtn a:hover,
a.sewageBtn:active,
.sewageBtn a:active{
	background: #249459; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0OTQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDk0NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #249459 0%, #249459 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#249459), color-stop(100%,#249459)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #249459 0%,#249459 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #249459 0%,#249459 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #249459 0%,#249459 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #249459 0%,#249459 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249459', endColorstr='#249459',GradientType=0 ); /* IE6-8 */
}

a.neutralBtn,
.neutralBtn a{
	background: #868889; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODg4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzZkNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #868889 0%, #6c6d6f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868889), color-stop(100%,#6c6d6f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #868889 0%,#6c6d6f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #868889 0%,#6c6d6f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #868889 0%,#6c6d6f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #868889 0%,#6c6d6f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868889', endColorstr='#6c6d6f',GradientType=0 ); /* IE6-8 */
}
a.neutralBtn:hover,
.neutralBtn a:hover,
a.neutralBtn:active,
.neutralBtn a:active{
	background: #868889; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODg4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Njg4ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #868889 0%, #868889 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868889), color-stop(100%,#868889)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #868889 0%,#868889 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #868889 0%,#868889 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #868889 0%,#868889 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #868889 0%,#868889 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868889', endColorstr='#868889',GradientType=0 ); /* IE6-8 */
}
.downloadBtn span{
	background-image:url(../images/downloadPDF.png);
	display:block;
	width:13px;
	height:16px;
	float:left;
	margin-right: 5px;
}

/* 	Header
--------------------------------------------------------- */
header{
	background-size:0 0;
}
header .contentWrapper{
	position:relative;
}
#logoBG{
	display:block;
	width:400px;
	height:408px;
	position:absolute;
	left: -128px;
  top: -120px;
	z-index:0;
	background-image:url(../images/logoBG.png);
	background-size:100% auto;
	background-repeat:no-repeat;
}
#logo{
	position:relative;
	z-index:2;
	display:block;
	width:100px;
	margin:10px;
	float:left;
}
#headerRight{
	position:relative;
	margin:0 10px;
	padding-bottom:20px;
	float:left;
	width:300px;
}
@media screen and (min-width: 440px) {
#headerRight{
	float:right;
}
}
#slogan p{
	position:absolute;
	top:0;
	left:50px;
	font-size:1.533em;
	color:#fff;
	background-image:url(../images/sloganBackground.png);
	background-position:bottom right;
	background-repeat: no-repeat;
	display:block;
	height:43px;
	width:250px;
	padding:12px 10px 0 5px;
}

/* 	Mainnavigation
--------------------------------------------------------- */
header #mainnavigation .nav-open-button {
	background-color:#fff;
	z-index: 100;
	display: block;
	position:relative;
	height:25px;
	margin-bottom: 18px;
	width:50px;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	padding:10px 0;
}
header #mainnavigation .nav-open-button:after{
	content: " ";
	display:block;
	position:absolute;
	bottom:-18px;
	left: 0;
  width:100%;
	height:18px;
	z-index: -1;
	background-image:url(../images/cornerBottomLeft.png);
	background-repeat: no-repeat;
	border-right:1px solid #bbbbbb;
}
header #mainnavigation .nav-open-button hr{
  border: 1px solid #bbbbbb;
	margin:3px auto;
	width:40%;
	cursor:pointer;
}
header #mainnavigation ul {
	display: none;
	width: 273px;
  margin: 0 auto;
}
header #mainnavigation ul li {
	margin:0;
	width: 100%;
	border-bottom:1px solid #bbbbbb;
}
header #mainnavigation ul li a {
	color:#5f5f5f;
	display:block;
	width:100%;
	padding:10px 0 8px;
}
header #mainnavigation ul li a:hover,
header #mainnavigation ul li a:active,
header #mainnavigation ul li.current a,
header #mainnavigation ul li.section a {
	color:#239cd3;
}


/* 	Content
--------------------------------------------------------- */
#content{padding-bottom:20px;}
.hideMobile{display:none;}
.smallText{font-size:0.867em; line-height: 1.3em;}
.bigText{font-size:1.533em; line-height: 1.1em;}
.hotline{font-size:1.533em; line-height: 1.1em;}
.drinkingwaterBackground{background-color:#e6eaf2;}
.mineralwaterBackground{background-color:#e9f5fb;}
.tablewaterBackground{background-color:#e9f5fb;}
.sewageBackground{background-color:#e9f4ee;}
.drinkingwaterHighlight{color:#093480;}
.mineralwaterHighlight{color:#239cd3;}
.tablewaterHighlight{color:#239cd3;}
.sewageHighlight{color:#239157;}
.noisypatternBackground{
	background-image:url(../images/noisy.png);
	background-repeat:repeat;
	background-size:300px;
	padding-top:20px;
	margin-bottom:20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
.noisypatternBackground{
	background-image:url(../images/noisy_@2X.png);
}
}
.cornerboxTopRight {
	background-color:#fff;
	display: block;
	position:relative;
	margin-top: 18px;
	border-bottom:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	margin-bottom:20px;
}
.cornerboxTopRight:before{
	content: " ";
	display:block;
	position:absolute;
	top:-18px;
	right: 0;
  width:100%;
	height:18px;
	background-image:url(../images/cornerTopRight.png);
	background-repeat: no-repeat;
	background-position:top right;
	border-left:1px solid #bbbbbb;
}
.contentBoxCorner{
	position:relative;
	border:1px solid #bbbbbb;
	margin-bottom:20px;
}
.contentBoxCorner .corner{
	position:absolute;
	top:-1px;
	right:-1px;
}
.contentBoxCorner h2{
	padding: 10px 20px;
	margin-bottom:10px;
}
.contentBoxCornerBlue h2{
	background-color:#e9f5fb;
}
h2 .date{
	display:block;
	color:#2d2d2d;
	font-size:0.652em;
	line-height:1.3em;
}
.contentBoxImageContainer img{
	margin-bottom:2px;
}
.backgroundBox{padding-top:10px;}
.boxPadding{
	padding-right:20px;
	padding-left:20px;
}
.topPadding{padding-top:20px;}
.contentBoxCornerPadding{
	padding-top:2px;
	padding-right:2px;
	padding-left:2px
}
.catLogo{
	max-width:150px;
}
.catIcon{
	max-height:30px;
	width: auto;
	margin-bottom:10px;
}
.headlineIcon{
	max-height:20px;
	width:auto;
	float:left;
	margin-right:10px;
}
.drinkingwaterBackground h2{color:#093480;}
.mineralwaterBackground h2{color:#239cd3;}
.tablewaterBackground h2{color:#239cd3;}
.sewageBackground h2{color:#239157;}
.teaserHome h2{padding: 0 0 10px;}
.partnerlogo{
	float:left;
}
.partnerContent{
	float:left;
}
.google_map{
	height:200px;
}

/* 	Elements
--------------------------------------------------------- */
.elements {
  position: relative;
}
.elements-filter {
  margin-bottom: 20px;
}
.elements-filter li{
	float:left;
	margin:0 5px 5px 0;
}
.drinkingwaterShow,
.mineralwaterShow,
.tablewaterShow,
.sewageShow{
	display:none;
}
.elements-color-drinkingwater .drinkingwaterShow{display:block;}
.elements-color-mineralwater .mineralwaterShow{display:block;}
.elements-color-tablewater .tablewaterShow{display:block;}
.elements-color-sewage .sewageShow{display:block;}
.elements-color-drinkingwater .defaultShow,
.elements-color-mineralwater .defaultShow,
.elements-color-tablewater .defaultShow,
.elements-color-sewage .defaultShow{
	display:none;
}

.elements-item {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}
.elements-item-btn {
	position:relative;
 	display: inline-block;
 	height: 100px;
  min-width: 100px;
	max-width:100%;
	overflow:hidden;
 	padding: 5px 10px;
 	color: #fff;
 	text-decoration: none;
	background: #868889; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODg4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzZkNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #868889 0%, #6c6d6f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868889), color-stop(100%,#6c6d6f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #868889 0%,#6c6d6f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #868889 0%,#6c6d6f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #868889 0%,#6c6d6f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #868889 0%,#6c6d6f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868889', endColorstr='#6c6d6f',GradientType=0 ); /* IE6-8 */
}
.elements-item-btn:hover,
.elements-item-btn:active{
	background: #868889; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODg4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Njg4ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #868889 0%, #868889 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868889), color-stop(100%,#868889)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #868889 0%,#868889 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #868889 0%,#868889 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #868889 0%,#868889 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #868889 0%,#868889 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868889', endColorstr='#868889',GradientType=0 ); /* IE6-8 */
}

.elements-item-popup-bubble{
	background-image:url(../images/produktdetailSprechblase.png);
	width:24px;
	height:12px;
	display:block;
	position:absolute;
	top: 3px;
	z-index:2;
}
.elements-item-btn h4{
	padding:0 5px;
	text-align:center;
}
.elements-item-btn h4 img{
	max-height: 50px;
  width: auto;
  margin-bottom: 6px;
}
.elements-item-popup {
	position: absolute;
	display: none;
	left: 0;
	width: 100%;
	z-index:1;
}
.no-js .elements-item-popup {
	position: relative;
	display: block;
	width: 100%;
	z-index:1;
}
.elements-item-popup-close{
	background-image:url(../images/elementsPopupClose.gif);
	width:34px;
	height:34px;
	display:block;
	position:absolute;
	right:3px;
	top:17px;
	cursor:pointer;
}
.elements-item-popup-inner{
	background-color: #fff;
	border:1px solid #bbbbbb;
	margin-top:14px;
}
.elementBoxImageContainer{
	padding:2px;
}
.elements-color-drinkingwater .elements-item-btn {
  background: #093480; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MzQ4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTFhNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #093480 0%, #051a4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093480), color-stop(100%,#051a4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093480 0%,#051a4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093480 0%,#051a4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093480 0%,#051a4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093480 0%,#051a4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093480', endColorstr='#051a4e',GradientType=0 ); /* IE6-8 */
}
.elements-color-mineralwater .elements-item-btn,
.elements-color-tablewater .elements-item-btn {
  background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTc4YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #1578b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#1578b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#1578b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#1578b9',GradientType=0 ); /* IE6-8 */
}
.elements-color-sewage .elements-item-btn {
  background: #249459; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0OTQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDYzM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #249459 0%, #14633c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#249459), color-stop(100%,#14633c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #249459 0%,#14633c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #249459 0%,#14633c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #249459 0%,#14633c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #249459 0%,#14633c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249459', endColorstr='#14633c',GradientType=0 ); /* IE6-8 */
}
.elements-color-drinkingwater .elements-item-btn:hover,
.elements-color-drinkingwater .elements-item-btn:active{
	background: #093480; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MzQ4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTM0ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #093480 0%, #093480 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093480), color-stop(100%,#093480)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093480 0%,#093480 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093480 0%,#093480 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093480 0%,#093480 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093480 0%,#093480 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093480', endColorstr='#093480',GradientType=0 ); /* IE6-8 */
}
.elements-color-mineralwater .elements-item-btn:hover,
.elements-color-mineralwater .elements-item-btn:active,
.elements-color-tablewater .elements-item-btn:hover,
.elements-color-tablewater .elements-item-btn:active{
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYmE5ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #2ba9dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#2ba9dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#2ba9dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#2ba9dc',GradientType=0 ); /* IE6-8 */
}
.elements-color-sewage .elements-item-btn:hover,
.elements-color-sewage .elements-item-btn:active{
	background: #249459; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0OTQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDk0NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #249459 0%, #249459 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#249459), color-stop(100%,#249459)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #249459 0%,#249459 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #249459 0%,#249459 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #249459 0%,#249459 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #249459 0%,#249459 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249459', endColorstr='#249459',GradientType=0 ); /* IE6-8 */
}
.elements-item-downloadBtn,
.elements-item-downloadBtn a{
	display:none;
}
.elements-color-drinkingwater .elements-item-downloadBtn,
.elements-color-mineralwater .elements-item-downloadBtn,
.elements-color-tablewater .elements-item-downloadBtn,
.elements-color-sewage .elements-item-downloadBtn{
	display:inline-block;
}
.elements-color-drinkingwater .elements-item-downloadBtn a.drinkingwaterBtn{display:block;}
.elements-color-mineralwater .elements-item-downloadBtn a.mineralwaterBtn{display:block;}
.elements-color-tablewater .elements-item-downloadBtn a.tablewaterBtn{display:block;}
.elements-color-sewage .elements-item-downloadBtn a.sewageBtn{display:block;}
.elements-box{
	padding:2px;
}
.elements-color-drinkingwater .elements-box,
.elements-color-mineralwater .elements-box,
.elements-color-tablewater .elements-box,
.elements-color-sewage .elements-box{
	display:none;
}
.elements-box .catLogo{
	float:left;
	padding: 20px 10px 20px 0;
}
.elements-box .btn{
	width:100%;
}
.elements-icon-btn {
	position:relative;
 	display: inline-block;
 	height: 73px;
	min-width: 73px;
 	padding: 5px 10px;
 	color: #fff;
 	text-decoration: none;
	margin-bottom:20px;
}
.elements-icon-btn-drinkingwater{
	background: #093480; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MzQ4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTFhNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #093480 0%, #051a4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#093480), color-stop(100%,#051a4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #093480 0%,#051a4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #093480 0%,#051a4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #093480 0%,#051a4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #093480 0%,#051a4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093480', endColorstr='#051a4e',GradientType=0 ); /* IE6-8 */
}
.elements-icon-btn-mineralwater,
.elements-icon-btn-tablewater{
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTc4YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #1578b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#1578b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#1578b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#1578b9',GradientType=0 ); /* IE6-8 */
}
.elements-icon-btn-sewage{
	background: #249459; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0OTQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDYzM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #249459 0%, #14633c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#249459), color-stop(100%,#14633c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #249459 0%,#14633c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #249459 0%,#14633c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #249459 0%,#14633c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #249459 0%,#14633c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249459', endColorstr='#14633c',GradientType=0 ); /* IE6-8 */
}
.elements-icon-btn h4{
	font-size: 3.5em;
	text-align: center;
}
.elements-icon-btn h4 img{
	max-height:40px;
	width:auto;
}
.elements-icon-btn h5{
	font-size:0.867em;
}


/* 	Forms
--------------------------------------------------------- */
fieldset{
	border:none;
	margin:0;
	padding:0;
}
.field:before,
.field:after{content: " ";display: table;}
.field:after{clear: both;}
.field{*zoom: 1;}
input,
select,
textarea{
	border:1px solid #bbbbbb;
	margin-bottom:10px;
	height:30px;
	padding:5px;
}
input,
textarea{
	width:100%;
}
textarea{
	height:100px;
}
input.checkbox{
	width:17px;
	height:17px;
	float:left;
	margin-right:10px;
}
input.action{
	cursor:pointer;
	height:30px;
	display:block;
	width:auto;
	color:#fff;
	border:none;
	outline:none;
	float:right;
	padding:0 15px;
	margin-top:10px;
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTc4YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #1578b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#1578b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#1578b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#1578b9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#1578b9',GradientType=0 ); /* IE6-8 */
}
input.action:hover,
input.action:active{
	text-decoration:none;
	background: #2ba9dc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYTlkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYmE5ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2ba9dc 0%, #2ba9dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ba9dc), color-stop(100%,#2ba9dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2ba9dc 0%,#2ba9dc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2ba9dc 0%,#2ba9dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9dc', endColorstr='#2ba9dc',GradientType=0 ); /* IE6-8 */
}
#MemberLoginForm_LoginForm_action_dologin{
	float:none;
}
sup{
	color:#239cd3;
	font-weight:700;
}
#mandatory{
	display:block;
}
.input-error{border:1px solid #e42b17;}
label.input-error {
  display: block;
  float: none;
  height: 20px;
	width:auto;
	border:none;
	color:#e42b17 !important;
}
.checkbox label.input-error {
	position:absolute;
	margin-top: 30px;
}
#Privacy .smallText p{
	display:inline;
}

/* 	Footer
--------------------------------------------------------- */
#footerTop{
	background-image:url(../images/footerBackground.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top center;
	background-color:#e3ecfd;
	padding-top: 100px;
}
#footerTop nav{
	padding:10px;
	float:left;
}
#footerTop nav ul{
	padding:10px;
}
#footerTop a{
	color:#093480;
}
#footerTop ul a{
	font-size:0.867em;
	line-height: 1.3em;
}
#footerBottom{
	background-color:#093480;
}
#footerBottom nav{
	padding:0 10px;
}
#footerBottom ul{
	display: inline-block;
	border-right:1px solid #2f5498;
	border-left:1px solid #062357;
}
#footerBottom li{
	float:left;
	border-right:1px solid #062357;
	border-left:1px solid #2f5498;
	margin:0;
}
#footerBottom a{
	font-size:0.867em;
	line-height: 1.3em;
	color:#fff;
	display:block;
	padding:10px 3px;
}
#footerBottom p{
	color:#fff;
	padding-right:10px;
	padding-left:10px;
}
.copyright{float:right; margin:10px;}

/* 	Akkordion
--------------------------------------------------------- */
.extendBtn,
.extendBtn *{
	cursor:pointer;
	color:#239cd3;
}
.extendContent{
	display:none;
}
.extendIcon{
	display:block;
	float:left;
	margin-right:5px;
	width:7px;
	height:12px;
	margin: 1px 5px 0 0;
	background-image:url(../images/dropdownDown.gif);
}
.active .extendIcon{
	background-image:url(../images/dropdownUp.gif);
}

/* 	Scroll Navigation
--------------------------------------------------------- */
.scrollNavigation{
	margin-bottom:15px;
}
.scrollNavigation li{
	float:left;
	margin:0 5px 5px 0;
}

/* 	Slider
--------------------------------------------------------- */


/****** FILE: themes/hydrofilt/css/style-gte-600.css *****/
@media (min-width: 600px) {
/* 	General Layout
--------------------------------------------------------- */
.col_1,
.col_2{width:33.33333%}
.col_1:nth-of-type(3n+1),
.col_2:nth-of-type(3n+1){
	clear:both;
}
.col_3,
.col_4{width:50%;}
.col_3:nth-of-type(2n+1),
.col_4:nth-of-type(2n+1){
	clear:both;
}
.col_5,
.col_6,
.col_7,
.col_8{width:100%;}

/* 	Header
--------------------------------------------------------- */
header{
	background-size: cover;
  min-height: 330px;
}
#headerRight{
	width:auto;
}
#slogan{
	float:right;
}
#slogan p{
	position:relative;
	top:auto;
	left:auto;
	width:auto;
	padding:12px 20px 0 15px;
}

/* 	Mainnavigation
--------------------------------------------------------- */
header #mainnavigation .nav-open-button {
	display:none;
}
header #mainnavigation {
	background-color:#fff;
	display: block;
	position:relative;
	height:25px;
	margin-bottom: 18px;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	z-index:200;
}
header #mainnavigation:after{
	content: " ";
	display:block;
	position:absolute;
	bottom:-18px;
	left: 0;
  width:100%;
	height:18px;
	background-image:url(../images/cornerBottomLeft.png);
	background-repeat: no-repeat;
	border-right:1px solid #bbbbbb;
	z-index:-1;
}
header #mainnavigation ul {
	display: block !important;
	width:auto;
	padding:0 5px;
}
header #mainnavigation ul li {
	float:left;
	width:auto;
	border:none;
}
header #mainnavigation ul li a {
	padding:10px 5px 8px;
}

/* 	Content
--------------------------------------------------------- */
#content{padding:30px 0;}
#Home #content{padding-top:0;}
.hideMobile{display:block;}
.noisypatternBackground{
	padding-bottom: 10px;
}
.contentBoxContentContainer{
	float:right;
	width:62.5%;
}
.contentBoxImageContainer{
	display:block;
	float:right;
	width:37.5%;
}
.teaserHome{
	margin-top: -100px;
}
.teaserHome .backgroundBox {
  min-height: 240px;
}
.col_4 .teaserBox{
	min-height:260px;
}
.teaserHome h2{padding: 0 0 20px;}
.initiation{
	padding-bottom:10px;
}
.partnerlogo{
	width:33.33333%;
	padding-right:10px;
}
.partnerContent{
	width:66.66666%;
	padding-left:10px;
}
.google_map{
	height:350px;
}

/* 	Elements
--------------------------------------------------------- */
.elementBoxContentContainer{
	float:right;
	width:66.66666%;
}
.elementBoxImageContainer{
	display:block;
	float:right;
	width:33.33333%;
}
.elements-box{
	width:33.33333%;
	float:left;
}

/* 	Forms
--------------------------------------------------------- */
label.left{
	width:30%;
	float:left;
	padding-right:10px;
	margin-bottom:10px;
}
.middleColumn{
	width:70%;
	float:left;
	padding-left:10px;
}
div.checkbox {
	width:70%;
	float:right;
	padding-left:10px;
}

/* 	Footer
--------------------------------------------------------- */
#footerTop{
	padding-top: 150px;
}
#footerBottom a{
	padding:10px;
}
#footerBottom ul{
	float: left;
}
}

/****** FILE: themes/hydrofilt/css/style-gte-768.css *****/
@media (min-width: 768px) {
/* 	Header
--------------------------------------------------------- */
header{
  min-height: 360px;
}
header#bigHeader{
  min-height: 400px;
}
#logo{
	width:120px;
	margin:20px 10px;
}

/* 	Mainnavigation
--------------------------------------------------------- */
header #mainnavigation {
	border-top:none;
}

/* 	Content
--------------------------------------------------------- */
.bigText{margin-bottom: 10px;}
.noisypatternBackground {
  margin-bottom: 30px;
}
.teaserHome{
	margin-top: -180px;
	margin-bottom:30px;
}
.teaserHome .backgroundBox {
  min-height: 200px;
}
.col_4 .teaserBox{
	min-height:220px;
}

/* 	Footer
--------------------------------------------------------- */
.copyright{margin:10px 10px 0 0; padding-bottom:0;}
}

/****** FILE: themes/hydrofilt/css/style-gte-960.css *****/
@media (min-width: 960px) {
/* 	Base
--------------------------------------------------------- */
html{
	font-size:0.938em;
}

/* 	General Layout
--------------------------------------------------------- */
.col_1:nth-of-type(3n+1),
.col_2:nth-of-type(3n+1){
	clear:none;
}

.col_1{width:12.5%}
.col_1:nth-of-type(8n+1){clear:both;}
.col_2{width:25%}
.col_2:nth-of-type(4n+1){clear:both;}
.col_3{width:37.5%}
.col_4{width:50%;}
.col_5{width:62.5%;}
.col_6{width:75%;}
.col_7{width:87.5%;}
.col_8{width:100%;}

.push_1{margin-left:12.5%;}
.pull_1{margin-right:12.5%;}

/* 	Header
--------------------------------------------------------- */
header{
	background-size: cover;
}
header#bigHeader{
  min-height: 530px;
}
#logo{
	margin:30px 10px;
}

/* 	Mainnavigation
--------------------------------------------------------- */
header #mainnavigation ul li a {
  padding: 10px 12px 8px;
}

/* 	Content
--------------------------------------------------------- */
.bigText{margin-bottom: 20px;}
.noisypatternBackground {
  margin-bottom: 40px;
}
.teaserHome{
	margin-top: -190px;
	margin-bottom:40px;
}
.teaserHome .backgroundBox {
  min-height: 250px;
}
.col_4 .teaserBox{
	min-height:230px;
}
.headlineIcon{
	max-height:30px;
}
.partnerlogo{
	width:25%;
}
.partnerContent{
	width:75%;
}

/* 	Akkordion
--------------------------------------------------------- */
.extendIcon{
	margin: 4px 5px 0 0;
}

/* 	Footer
--------------------------------------------------------- */
#footerTop {
  padding-top: 15%;
}
#footerTop nav {
  padding: 10px 20px;
}
#footerTop nav:first-of-type{
  padding-left:10px;
}
#footerTop nav:last-of-type{
  padding-right:10px;
}
#footerBottom a {
  padding: 20px;
}
.copyright{margin-top:20px;}
}