﻿/* Sanitize and default Values in case #val() Values from ZPp are empty or not plain numbers */
/* BEGIN ZP 12 Grid Style */

div.zpRow {
  margin-bottom: 30px;
}
div.zpRow:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
div.zpRow div.zpColumn img.singleImage {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
}
div.zpRow div.zpColumn .zpImageGallery img.singleImage {
  display: block;
}
div.zpRow div.zpColumn .zpImageGallery a.fancybox {
  max-width: 100%;
  /* Bugfix to keep image responsive in IE11 */

}
div.zpRow div.zpColumn div.zpColumnItem {
  display: block;
  float: left;
  padding: 0;
}
/* END ZP 12 Grid Style */

/* *** Global Rules applying to all Layouts ***/

/* Media Queries */

@media print {
  div.zpRow {
    margin-bottom: 0 !important;
  }
  /*
  	div.zpRow div.zpColumn {
  		float: none !important;
  		width: 100% !important;
  		margin-left: 0 !important;
  		margin-bottom: 10px !important;
  	}
  	*/
  
  html,
  body {
    height: auto;
    /* solves a problem with printing to pdf when height is 100% */
  
  }
  #top {
    page-break-before: always;
  }
  .zp13slider-control-nav zp13slider-control-paging,
  .zp13slider-direction-nav,
  .flex-control-nav,
  .flex-direction-nav {
    display: none !important;
  }
}
/* break long words in headlines by default, so they don't destroy the layout, in case a layout doesn't activate hyphenation */

h1,
h2,
h3,
h4,
h5,
h6,
.zphyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.zphyphenate {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: auto 3;
  -moz-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-chars: auto 3;
  hyphenate-limit-chars: auto 3;
}
/* flex-slider general overrides */

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
/* more responsive iFrames and iFrame Containers */

iframe,
object,
embed,
.zpwIFrame,
.zpwFacebook_Like-Button,
.zpwFacebook_Like-Box,
div.fb-like {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* Remove eventual borders from 1px images */

img[width="1px"],
img[width="1"],
.plain > img,
img.plain {
  border: none !important;
  box-shadow: none !important;
}
/* *** End Global Rules applying to all Layouts ***/

/* ADDED StS ZP 13 Grid */

div.zpRow .zpColumn {
  margin-bottom: 1em;
}
div.zpRow .zpColumn,
.zpColumnItem {
  box-sizing: border-box;
  /* IE Bugfix */
  max-width: 100%;
  /* IE Bugfix */

}
.zpColumnItem {
  width: 100%;
  /* fill enclosing zpColumn, so inline editing resizing refletcs the column and not the columnItem */

}
div.zpRow .zpColumn {
  padding: 0 15px;
}
/* ***** 12-column grid ***** */

.c1,
.c2,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12 {
  box-sizing: border-box;
}
div.zpRow .zpColumn.c12,
.zpColumnItem.c12 {
  float: left;
  width: 100%;
}
div.zpRow .zpColumn.c11,
.zpColumnItem.c11 {
  float: left;
  width: 91.666666667%;
}
div.zpRow .zpColumn.c10,
.zpColumnItem.c10 {
  float: left;
  width: 83.333333333%;
}
div.zpRow .zpColumn.c9,
.zpColumnItem.c9 {
  float: left;
  width: 75%;
}
div.zpRow .zpColumn.c8,
.zpColumnItem.c8 {
  float: left;
  width: 66.666666667%;
}
div.zpRow .zpColumn.c7,
.zpColumnItem.c7 {
  float: left;
  width: 58.333333333%;
}
div.zpRow .zpColumn.c6,
.zpColumnItem.c6 {
  float: left;
  width: 50%;
}
div.zpRow .zpColumn.c5,
.zpColumnItem.c5 {
  float: left;
  width: 41.666666667%;
}
div.zpRow .zpColumn.c4,
.zpColumnItem.c4 {
  float: left;
  width: 33.333333333%;
}
div.zpRow .zpColumn.c3,
.zpColumnItem.c3 {
  float: left;
  width: 25%;
}
div.zpRow .zpColumn.c2,
.zpColumnItem.c2 {
  float: left;
  width: 16.666666667%;
}
div.zpRow .zpColumn.c1,
.zpColumnItem.c1 {
  float: left;
  width: 8.333333333%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c1,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c1,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c1,
.zparea[data-numcolumns="8"] .zpColumnItem.c1,
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c2,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c2,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c2,
.zparea[data-numcolumns="8"] .zpColumnItem.c2 {
  float: left;
  width: 12.5%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c3,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c3,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c3,
.zparea[data-numcolumns="8"] .zpColumnItem.c3 {
  float: left;
  width: 25%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c4,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c4,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c4,
.zparea[data-numcolumns="8"] .zpColumnItem.c4,
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c5,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c5,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c5,
.zparea[data-numcolumns="8"] .zpColumnItem.c5 {
  float: left;
  width: 37.5%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c6,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c6,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c6,
.zparea[data-numcolumns="8"] .zpColumnItem.c6 {
  float: left;
  width: 50%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c7,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c7,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c7,
.zparea[data-numcolumns="8"] .zpColumnItem.c7,
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c8,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c8,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c8,
.zparea[data-numcolumns="8"] .zpColumnItem.c8 {
  float: left;
  width: 62.5%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c9,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c9,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c9,
.zparea[data-numcolumns="8"] .zpColumnItem.c9 {
  float: left;
  width: 75%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c10,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c10,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c10,
.zparea[data-numcolumns="8"] .zpColumnItem.c10,
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c11,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c11,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c11,
.zparea[data-numcolumns="8"] .zpColumnItem.c11 {
  float: left;
  width: 87.5%;
}
.zpgrid[data-numcolumns="8"] div.zpRow .zpColumn.c12,
.zparea[data-numcolumns="8"] div.zpRow .zpColumn.c12,
.zpgrid[data-numcolumns="8"] .zpColumnItem.c12,
.zparea[data-numcolumns="8"] .zpColumnItem.c12 {
  float: left;
  width: 100%;
}
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c1,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c1,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c1,
.zparea[data-numcolumns="6"] .zpColumnItem.c1,
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c2,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c2,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c2,
.zparea[data-numcolumns="6"] .zpColumnItem.c2 {
  float: left;
  width: 16.666666667%;
}
.zpgrid[data-numcolumns="6"] 3 div.zpRow .zpColumn.c3,
.zparea[data-numcolumns="6"] 3 div.zpRow .zpColumn.c3,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c3,
.zparea[data-numcolumns="6"] .zpColumnItem.c3,
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c4,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c4,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c4,
.zparea[data-numcolumns="6"] .zpColumnItem.c4 {
  float: left;
  width: 33.333333333%;
}
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c5,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c5,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c5,
.zparea[data-numcolumns="6"] .zpColumnItem.c5,
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c6,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c6,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c6,
.zparea[data-numcolumns="6"] .zpColumnItem.c6 {
  float: left;
  width: 50%;
}
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c7,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c7,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c7,
.zparea[data-numcolumns="6"] .zpColumnItem.c7,
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c8,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c8,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c8,
.zparea[data-numcolumns="6"] .zpColumnItem.c8 {
  float: left;
  width: 66.666666667%;
}
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c9,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c9,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c9,
.zparea[data-numcolumns="6"] .zpColumnItem.c9,
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c10,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c10,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c10,
.zparea[data-numcolumns="6"] .zpColumnItem.c10 {
  float: left;
  width: 83.333333333%;
}
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c11,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c11,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c11,
.zparea[data-numcolumns="6"] .zpColumnItem.c11,
.zpgrid[data-numcolumns="6"] div.zpRow .zpColumn.c12,
.zparea[data-numcolumns="6"] div.zpRow .zpColumn.c12,
.zpgrid[data-numcolumns="6"] .zpColumnItem.c12,
.zparea[data-numcolumns="6"] .zpColumnItem.c12 {
  float: left;
  width: 100%;
}
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c1,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c1,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c1,
.zparea[data-numcolumns="4"] .zpColumnItem.c1,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c2,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c2,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c2,
.zparea[data-numcolumns="4"] .zpColumnItem.c2,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c3,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c3,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c3,
.zparea[data-numcolumns="4"] .zpColumnItem.c3 {
  float: left;
  width: 25%;
}
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c4,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c4,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c4,
.zparea[data-numcolumns="4"] .zpColumnItem.c4,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c5,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c5,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c5,
.zparea[data-numcolumns="4"] .zpColumnItem.c5,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c6,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c6,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c6,
.zparea[data-numcolumns="4"] .zpColumnItem.c6 {
  float: left;
  width: 50%;
}
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c7,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c7,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c7,
.zparea[data-numcolumns="4"] .zpColumnItem.c7,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c8,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c8,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c8,
.zparea[data-numcolumns="4"] .zpColumnItem.c8,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c9,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c9,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c9,
.zparea[data-numcolumns="4"] .zpColumnItem.c9 {
  float: left;
  width: 75%;
}
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c10,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c10,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c10,
.zparea[data-numcolumns="4"] .zpColumnItem.c10,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c11,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c11,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c11,
.zparea[data-numcolumns="4"] .zpColumnItem.c11,
.zpgrid[data-numcolumns="4"] div.zpRow .zpColumn.c12,
.zparea[data-numcolumns="4"] div.zpRow .zpColumn.c12,
.zpgrid[data-numcolumns="4"] .zpColumnItem.c12,
.zparea[data-numcolumns="4"] .zpColumnItem.c12 {
  float: left;
  width: 100%;
}
/* *** always scale columns in a .noresize Row (i.e. news columns) *** */

div.zpRow.noresize .zpColumn.c1,
div.zpRow.noresize .zpColumn.c2,
div.zpRow.noresize .zpColumn.c3,
div.zpRow.noresize .zpColumn.c4,
div.zpRow.noresize .zpColumn.c5,
div.zpRow.noresize .zpColumn.c6,
div.zpRow.noresize .zpColumn.c7,
div.zpRow.noresize .zpColumn.c8,
div.zpRow.noresize .zpColumn.c9,
div.zpRow.noresize .zpColumn.c10,
div.zpRow.noresize .zpColumn.c11,
div.zpRow.noresize .zpColumn.c12 {
  width: 100%;
}
div.zpRow.noresize .zpSpacer {
  clear: both;
}
/* *** 1-Column Breakpoint (iphone 6 landscape) *** */

@media (max-width: 667px) {
  .responsivelayout div.zpRow .zpColumn.c1,
  .responsivelayout .zpColumnItem.c1,
  .responsivelayout div.zpRow .zpColumn.c2,
  .responsivelayout .zpColumnItem.c2,
  .responsivelayout div.zpRow .zpColumn.c3,
  .responsivelayout .zpColumnItem.c3,
  .responsivelayout div.zpRow .zpColumn.c4,
  .responsivelayout .zpColumnItem.c4,
  .responsivelayout div.zpRow .zpColumn.c5,
  .responsivelayout .zpColumnItem.c5,
  .responsivelayout div.zpRow .zpColumn.c6,
  .responsivelayout .zpColumnItem.c6,
  .responsivelayout div.zpRow .zpColumn.c7,
  .responsivelayout .zpColumnItem.c7,
  .responsivelayout div.zpRow .zpColumn.c8,
  .responsivelayout .zpColumnItem.c8,
  .responsivelayout div.zpRow .zpColumn.c9,
  .responsivelayout .zpColumnItem.c9,
  .responsivelayout div.zpRow .zpColumn.c10,
  .responsivelayout .zpColumnItem.c10,
  .responsivelayout div.zpRow .zpColumn.c11,
  .responsivelayout .zpColumnItem.c11,
  .responsivelayout div.zpRow .zpColumn.c12,
  .responsivelayout .zpColumnItem.c12 {
    width: 100% !important;
  }
  .responsivelayout .zpSpacer {
    clear: both;
  }
  .responsivelayout .zpSpacer.hor {
    display: none;
  }
}
/* Breakout Styles for layouts which don't support them edge to edge */

body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) {
  padding-top: 30px;
  padding-bottom: 30px;
}
body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpContainer:not(.zpBreakout) {
  margin-top: 30px;
}
body:not(.withnews) .zpBreakout:not(.hasNews) .zpRow {
  width: 100%;
  margin: 0 auto;
  float: none;
}
/* Breakout Styles for responsive layouts which support them edge to edge */

.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) {
  /* we don't use overflow hidden on body to avoid horizontal scrollbar because dropdown menues (e.g. on the far right) might need an overflow */
  width: calc(100vw - 9px);
  /* -9px compensates possible scrollbar Safari: -8, Chrome: -9 */
  margin-left: calc(-50vw + 50%);
  box-sizing: border-box;
  padding: 30px 0 30px 9px;
  /* padding-left is equal to amount to compensate scrollbar */

}
.responsivelayout.supportsbreakout body.touch:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) {
  width: 100vw;
  /* Do not compensate on transparent Scrollbars on touch devices like e.g. the ipad. */

}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpContainer:not(.zpBreakout) {
  margin-top: 30px;
}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) > .zpRow {
  max-width: 920px;
}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpRow {
  margin-top: 30px;
}
.responsivelayout.supportsbreakout body:not(.withnews) .span8 .zpContainer.zpBreakout:not(.hasNews) {
  margin-left: calc(-50vw + 77%);
}
.supportsbreakout body:not(.withnews) .zpColumn .zpBreakout:not(.hasNews) {
  /* we don't use overflow hidden on body to avoid horizontal scrollbar because dropdown menues (e.g. on the far right) might need an overflow */
  width: calc(100vw - 9px);
  /* -9px compensates possible scrollbar Safari: -8, Chrome: -9 */
  margin-left: calc(-50vw + 50%);
  /* Todo: this might break if less compression is used! */
  box-sizing: border-box;
  padding: 0;
  /* padding-left is equal to amount to compensate scrollbar */
  overflow: hidden !important;
}
.zpVerticalCenter,
div.zpRow.zpVerticalCenter,
div.zpRow .zpVerticalCenter,
div.zpRow .zpColumn.zpVerticalCenter,
div.zpRow .zpColumn .zpVerticalCenter {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.zpwSpacer {
  visibility: hidden;
  box-sizing: border-box;
  height: 30px;
  margin: 0 !important;
}
/*
.zpgrid,
.zpgrid #grid {
  max-width: @contentcopy-max-image-width + 30px;
}
*/

.zpgrid.copiedlayout {
  margin-left: -15px;
  margin-right: -15px;
}

/*
 * xFancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 7104;
	display: none;
}

#fancybox-loading div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 7101;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 7101;
	outline: none;
	display: none;
	/* added by StS so we can use a general box-sizing rule with border-box in layouts. Otherwise, placing of element here would be based on wrong calculations */
	box-sizing: content-box;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	/*background: #fff;*/
	border-radius: 5px;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 7102;
	border: 0px solid #fff;
	border-radius: 5px;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 6101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 7103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('js/fancybox/blank.gif');
	z-index: 7102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 7102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 7001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	/*background-image: url('js/fancybox/fancybox-x.png');*/
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	/*background-image: url('js/fancybox/fancybox.png');*/
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	/*background-image: url('js/fancybox/fancybox-y.png');*/
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	/*background-image: url('js/fancybox/fancybox.png');*/
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	/*background-image: url('js/fancybox/fancybox-x.png');*/
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	/*background-image: url('js/fancybox/fancybox.png');*/
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	/*background-image: url('js/fancybox/fancybox-y.png');*/
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	/*background-image: url('js/fancybox/fancybox.png');*/
	background-position: -40px -122px;
}

#fancybox-title {
	/*font-family: Helvetica;
	font-size: 12px;*/
	z-index: 7102;
}

.fancybox-title-inside {
	/*text-align: center;*/
	color: #fff;
	/*background: #fff;*/
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('js/fancybox/fancy_title_over.png');
	display: block;
}
#fancybox-title-over:empty{
	display: none;
}
#fancybox-title-over p:last-child{
	margin-bottom: 0;
}

.fancybox-title-inside #fancybox-title-over,
.fancybox-title-outside #fancybox-title-over{
	background-image: none;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('js/fancybox/fancybox.png') -55px -90px no-repeat;
}
/*
 * jQuery FlexSlider v2.0 (global singleHeader Widget)
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style-type: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li > img, .flexslider .slides li > a, .flexslider .slides li > a img {width: 100%; display: block; -moz-user-select: none;} /* -moz-user-select works around a firefox bug: https://community.zeta-producer.com/Thread/8066-Slider-Bilder-werden-blau-eingef%C3%A4rbt-beim-anklicken/?postID=43579#post43579 */
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .flexslider .slides > li {display: block;}


/* FlexSlider Default Theme
*********************************/
/*.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}*/
.flexslider {position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next, .flex-direction-nav .next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev, .flex-direction-nav .prev {left: -36px;}

.edge .touch .flexslider:hover .flex-next, .edge .touch .flexslider:hover .next,
.flexslider:hover .flex-next, .flexslider:hover .next {opacity: 0.8; right: 5px;}

.edge .touch .flexslider:hover .flex-prev, .edge .touch .flexslider:hover .prev,
.flexslider:hover .flex-prev, .flexslider:hover .prev {opacity: 0.8; left: 5px;}

.flexslider:hover .flex-next:hover, 
.flexslider:hover .next:hover, 
.flexslider:hover .flex-prev:hover, 
.flexslider:hover .prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; border: 1px solid rgba(255,255,255,0.3);background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0 0 2px rgba(255,255,255,0.5);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev, .flex-direction-nav .prev, 
  .flexslider:hover .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .prev{
  	opacity: 1; left: 4px;
  }
  .flex-direction-nav .flex-next, .flex-direction-nav .next, 
  .flexslider:hover .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .next{
  	opacity: 1; right: 4px;
  }
}

@media print {
	.flex-control-nav,
	.flex-direction-nav
	{
		display: none !important;
	}
}
video{
  max-width: 100%;
  height: auto;
}





/*
* Layout: Simple Responsive
* $Id: styles.css 35696 2016-01-13 15:58:04Z sseiz $
* Copyright Zeta Software GmbH 2012
*/

/***** TAGS *****/
html {
	overflow-y: scroll;
}
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 20px 16px;
	font-size: 80%;
	line-height: 1.4;
	color: #373737;
	background-color: #E2E2E2;
	
	background-repeat: repeat;
	text-rendering: optimizeLegibility; 
	-webkit-font-smoothing: antialiased;
}
h1 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0px 0 10px 0;
	padding: 0;
	font-size: 2.35em;
	font-weight: bold;
	line-height: normal;
	color: #1e1e1e;
	position: relative;
}
h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 1.9em;
	font-weight: bold;
	line-height: normal;
	color: #1e1e1e;
}
h3, h4, h5, h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
	line-height: normal;
	color: #1e1e1e;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
}
ul, ol {
	margin: 0 0 10px 25px;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
	list-style: square;
}
ol li {
	margin: 0;
	padding: 0;
	list-style: decimal;
}
table {
	margin: 0 0 10px 0;
	padding: 0;
}
td {
	vertical-align: top;
}
img {
	margin: 0;
	padding: 0;
	border-style: none;
	max-width: 100%;
	height: auto;
}

#weatherToday img, #weatherTomorrow img{
	/* fixes a glitch with responsive images in weather widget */
	width: 100px;
}
.zgmap{
	width: 100%;
}
.zpWeatherWidget{
	max-width: 100%;
	min-width: 190px;
}
/***** LINKS *****/
a {
	color: #1982D1;
	text-decoration: none;
}
a:hover {
	color: #1982D1;
	text-decoration: underline;
}
/***** TOP *****/
#top {
	margin: 0;
	padding: 0;
}
/***** WRAPPER *****/
#wrapper {
	margin: 0 auto;
	padding: 0 ;
	
	max-width: 950px;
	min-width: 320px;
	width: 100%;
}
/***** FRAMEBOX *****/
#framebox {
  border-top: 2px solid #afafaf;
	margin: 0;
	padding: 0;
}
/***** TOPLINE *****/
#topline {
	margin: 0;
	padding: 0;
	min-height: 1px;
	background-color: #ffffff;
	
	background-repeat: repeat;
}
/***** WEBDESCRIPTION *****/
#webdescription {
	float: left;
	margin: 0;
	padding: 0;
}
#logo {
	float: left;
	margin: 0 0 0 30px;
	padding: 5px 0;
}
#logo img{
	width: 100px;
	height: 100px;
	margin-bottom: -5px;
}
#webtext {
  float: left; /* if this isn't floated, when a logo is displayed (which floats), FF will cut the text off and miscalculate the width */
	margin: 0 0 0 30px;
	padding: 1em 0;
}
#webname {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 2.35em;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
}
#webname a {
	color: #1e1e1e;
	text-decoration: none;
}
#slogan {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: #373737;
	text-transform: none;
}
/***** SEARCH *****/
#search {
	float: right;
	margin: 0 30px 0 0;
	padding: 1.7em 0;
	overflow: hidden;
}
#searchform {
	margin: 0;
	padding: 0;
	width: 220px;
	height: 30px;
	position: relative;
}
#searchform input {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#searchfieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#searchfield {
	margin: 0;
	padding: 0 33px 0 10px;
	width: 175px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #DDDDDD;
	border-radius: 2px;
	font-size: 1em;
	color: #6a6a6a;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}
#searchbutton {
	margin: 0;
	padding: 0;
	width: 28px;
	height: 28px;
	border: 0;
	position: absolute;
	top: 1px;
	right: 1px;
}
/***** NAVBAR *****/
#navbar {
	margin: 0;
	padding: 0 30px 0 30px;
	border-bottom: 1px solid #bbbbbb;
	background-color: #222222;
}
/***** MAINMENU *****/
ul.mainmenu {
  width: 100%;
	margin: 0;
	padding: 0;
	z-index: 299;
}
ul.mainmenu li {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	background-color: #222222;
	float: left;
}
ul.mainmenu li:hover{
	background-color: #ffffff;
}
ul.mainmenu li a {
	display: block;
	margin: 0;
	padding: 14px 20px;
	font-size: 1em;
	color: #ffffff;
	text-decoration: none;
}
ul.mainmenu li:hover a {
	color: #222222;
}
ul.mainmenu li.topmenuactive a {
  color: #ffffff;
	font-weight: bold;
}
ul.mainmenu li.topmenuactive:hover a {
  color: #222222;
	font-weight: bold;
}
/***** SUBNAVIGATION *****/
#subnavbar{
  margin: 0 0 30px 0;
  font-size: 1em;
  line-height: 1.6;
}
#subnavbar ul{
  margin: 0;
  padding: 0;
}
#subnavbar ul li{
  padding: 0px;
  list-style: none;
  font-weight: normal;
}
#subnavbar ul li:before{
  color: #373737;
  content:"»";
  padding-right: 5px;
}
#subnavbar a {
  color: #1982D1;
}
#subnavbar a.subnav1active, a.subnav2active{
	color: #1982D1;
	font-weight: bold;
}
#subnavbar a:hover {
  color: #1982D1;
}
#subnavbar ul li li{
  padding-left: 13px;
}
/***** HEADER *****/
#header {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	line-height: 0; /* fixes a bottom margin below images caused by html5 doctype */
	min-height: 350px;
}
.flex-container{
	/* on browsers with js enabled, give the slider a fixed height to avoid "jumping" when images are loaded. */
	min-height: 350px;
}
div.flex-caption {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
/***** BREADCRUMB *****/
#breadcrumb {
	margin: 0;
	padding: 15px 30px;
	font-size: 1em;
	color: #373737;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
#breadcrumb a {
	padding: 0 5px;
	color: #1982D1;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #1982D1;
	text-decoration: underline;
}
#breadcrumb span {
	color: #373737;
}
/***** CONTENTBOX *****/
#contentbox {
	margin: 0;
	padding: 30px;
	background-color: #ffffff;
	font-size: 1em;
}

#contentbox input[type="text"], #contentbox textarea {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #373737;
}

/***** BUTTON *****/
#contentbox a.button, input.button {
	display: inline-block;
	margin: 0 10px 30px 0;
	padding: 0;
	font-size: 1em !important;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	line-height: normal;
	color: #1e1e1e !important;
	background-color: #ffffff;
	border: 1px solid #9e9e9e;
}
#contentbox #sidebarright a.button, #contentbox #sidebarleft a.button, input.button {
	margin: 0 10px 30px 0;
}
#contentbox a.button:hover, input.button:hover {
	color: #ffffff !important;
	background-color: #1982D1;
}
#contentbox a.button span, input.button {
	display: block;
	margin: 0;
	padding: 8px 15px;
}
/***** CONTENT *****/
#floatcontentleft, #floatcontentright {
	float: left;
	margin: 0;
	padding: 0;
	width: 65%;
	line-height: 1.4;
}
#floatcontentright {
	float: right;
}
#contentbox.nosidebar #floatcontentleft, #contentbox.nosidebar #floatcontentright{
	width: 100%;
	float: left;
}

#content {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
/***** SIDEBAR *****/
#subnavbar{
  float: right;
  width: 28%;
}
#subnavbar.left{
  float: left;
}
#sidebarright, #sidebarleft {
	float: right;
	margin: 0;
	padding: 0;
	width: 28%;
}
#sidebarleft {
	float: left;
}
#contentbox.nosidebar #sidebarleft, #contentbox.nosidebar #sidebarright{
	display: none;
}

/***** NEWS *****/
.newsbox {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
.newsbox h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 10px 0 10px 0;
	font-size: 1.9em;
	font-weight: bold;
	color: #1e1e1e;
}
.newstext {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #373737;
}
.newstext p {
	margin: 0 0 10px 0;
}
.newstext a {
	color: #1982D1;
	text-decoration: none;
}
.newstext a:hover {
	color: #1982D1;
	text-decoration: underline;
}
/***** ARTICLES *****/
.articlearea {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #b7b7b7;
}
.articleimage {
	margin: 0;
	padding: 4px 0 0 0;
}
.articletext {
	margin: 0;
	padding: 0;
}
.twocolumnleft {
	float: left;
	margin: 0;
	padding: 0;
}
.twocolumnleft > div {
	margin: 0;
	padding: 0 12px 0 0;
}
.twocolumnright {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.twocolumnright > div {
	margin: 0;
	padding: 0 0 0 12px;
}
.bildunterschrift {
	display: block;
	color: #373737;
}
.floatarticle {
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
}
.floatarticle > div {
	margin: 0;
	padding: 0 30px 0 0;
}

/***** FORM *****/
.zp-form {
	display: inline-block;
	margin: 0;
	padding: 0 0 10px 0;
}
.zp-form p {
	margin: 0;
	padding: 0;
}
.zp-form table {
	margin: 0;
	padding: 0;
}
.zp-form td {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	vertical-align: middle;
}
.zp-form input, .zp-form input[type="text"], .zp-form input[type="number"], .zp-form input[type="email"], .zp-form input[type="tel"], .zp-form input[type="url"], .zp-form input[type="date"], .zp-form input[type="time"], .zp-form input[type="color"], .zp-form input[type="search"]{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #373737;
}
.zp-form textarea {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #373737;
}
.zp-form .label, .zp-form .field {
	padding: 3px 10px 3px 0;
}
.zp-form .desc {
	padding: 10px 10px 10px 0;
}
.zp-form .multiline {
	padding: 4px 10px 0 0;
	vertical-align: top;
}
.zp-form .submit {
	padding: 0;
}
.zp-form .separator {
	margin: 10px 10px 10px 0;
	padding: 0;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #373737;
}
/***** TEASER *****/
#banner, #afterlogo, #aftermenu, #afterfooter {
	margin: 0;
	padding: 20px 30px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #1e1e1e;
	line-height: 1.4;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E6E6E6;
}

#afterlogo, #aftermenu {
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
}
#afterlogo{
  background-color: #ffffff;
}
#aftermenu {
  color: #373737;
}
#banner {
  background-color: #ffffff;
  color: #1e1e1e;
	border-bottom: 0;
}
#afterfooter{
  background-color: #efefef;
  color: #000000;
	border-bottom: 0;
}
#banner span:not([style]), banner h2{
  color: #1e1e1e !important;
}
#afterfooter span:not([style]), #afterfooter h2{
  color: #000000 !important;
}

#banner a, #afterlogo a, #aftermenu a, #afterfooter a {
	color: #1982D1;
	text-decoration: none;
}
#banner a:hover, #afterlogo a:hover, #aftermenu a:hover, #afterfooter a:hover {
	color: #1982D1;
	text-decoration: underline;
}
#banner span #banner h2, #afterlogo span, #aftermenu span, #afterfooter span:not([style]), #afterfooter h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.9em;
	font-weight: normal;
	line-height: normal;
}
#banner p, #afterlogo p, #aftermenu p, #afterfooter p {
	margin: 0 0 10px 0;
	padding: 0;
}
/***** FOOTER *****/
#footer {
	margin: 0;
	padding: 20px 30px;
	font-size: 0.92em;
	color: #000000;
	background-color: #efefef;
	border-top: 1px solid #afafaf;
	overflow: hidden;
}
#footerinfo {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#footerinfo .zp{
  color: #000000 !important;
}

/***** EXTRAMENU *****/
#xmenu {
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#xmenu a {
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 1em;
	color: #1982D1;
	text-decoration: none;
}
#xmenu a:hover {
	color: #1982D1;
	text-decoration: underline;
}
/***** ONLINESHOP *****/
.zpSO-OnlineShop-table {
	width: 100%;
}
.zpSO-OnlineShop-table th {
	margin: 0;
	padding: 8px 10px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-color: #222222;
}
.zpSO-OnlineShop-table td {
	margin: 0;
	padding: 8px 10px;
	text-align: left;
}
.zpSO-OnlineShop-row1 td, .zpSO-OnlineShop-row2 td {
	margin: 0;
	padding: 8px 10px;
	text-align: left;
}
.zpSO-OnlineShop-row2 td {
	background-image: url(stock-images/opacity.png);
}
/***** ZP *****/
.zp {
	color: #000000 !important;
	text-decoration: none !important;
}

/***** CLEAR *****/
.clear {
	clear: both;
}
.clearx, .clearfix {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/***** FORM ANTI SPAM *****/
.asfield {
	display: none;
}

div.zpRow.news {
	margin-bottom: 30px;
}

/* when responsiveness kicks in first */
@media screen and (max-width: 996px){
	#header, .flex-container {
  	min-height: 0;
  }
}

/* Small Screen */
@media screen and (max-width: 600px){
  body{
    padding: 0;
    -webkit-text-size-adjust:none;
    /*font-size: 130%;*/
  }
  #wrapper {
    margin: 0;
  	padding: 0;
  }
  #contentbox{
    position: relative;
  }
  #floatcontentleft, #floatcontentright {
    width: auto;
	  float: none;
	}
	#sidebarright, #sidebarleft{
	  width: auto;
	  float: none;
	}
	#webname, div.flex-caption span{
	  font-size: 1.8em !important;
	}
	#subnavbar{
	  float: none !important;
	  width: 100%
	}
	#search{
	  width: 100%;
	  padding: 0;
	  float: none;
	}
	#searchform {
    width:100%;
    height: auto;
    position: static;
  	}
	#searchfield{
	  position: static;
	  width: 95%;
	  padding: 2%;
	  border-radius: 1em;
	}
	#searchbutton {
    display: none;
  	}
	div.flex-caption{
		position: relative !important; 
		background-color: #ffffff !important;
		background-image: none !important;
		font-size: 75%;
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	ul.flex-direction-nav, .flex-control-nav{
	  display: none;
	}
	#topline {
		background-image: none !important;
	}
	/***** ARTICLE STYLES *****/
	.twocolumnleft, .twocolumnright{
	  width: 100% !important;
	  float: none;
	  margin-bottom: 30px;
	}
	.twocolumnleft div, .twocolumnright div{
	  padding: 0 !important;
	}	
	.marquee{
		max-width: 540px;
	}
}

@media screen and (max-width: 480px){
	.marquee{
		max-width: 420px;
	}
	.articleimage{
		float: none !important;
		padding-right: 0 !important;
		margin-bottom: 10px !important;
	}
}
@media screen and (max-width: 320px){
	.marquee{
		max-width: 260px;
	}
}


/* ZP 13 Additions */
.zpgrid{
	margin-left: -15px;
	margin-right: -15px;
}

#sidebarright div.zpRow .zpColumn{ padding: 0;}

#contentbox.nosidebar .zpContainer.zpBreakout,
#banner .zpContainer.zpBreakout,
#afterfooter .zpContainer.zpBreakout,
body.plain .zpContainer.zpBreakout{
	margin-left:  -15px;
	margin-right: -15px;
	padding-left:  15px;
	padding-right: 15px;
}
#contentbox:not(.nosidebar) #floatcontentleft .zpContainer.zpBreakout{
	margin-left:  -15px;
	padding-left:  15px;
}
#contentbox:not(.nosidebar) #floatcontentright .zpContainer.zpBreakout{
	margin-right:  -15px;
	padding-right:  15px;
}

#contentbox.nosidebar .zpColumn .zpBreakout,
#banner .zpColumn .zpBreakout,
#afterfooter .zpColumn .zpBreakout,
body.plain .zpColumn .zpBreakout{
	margin-left:  -30px;
	margin-right: -30px;
	padding-left:  0;
	padding-right: 0;
}
#contentbox:not(.nosidebar) #floatcontentleft .zpColumn .zpBreakout{
	margin-left:  -30px;
}
#contentbox:not(.nosidebar) #floatcontentright .zpColumn .zpBreakout{
	margin-right:  -30px;
}

body.plain .zpgrid,
body.plain .zpgrid #grid {max-width: none;}

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}
.slides, .flex-control-nav li, .flex-direction-nav li {margin: 0; padding: 0; list-style: none !important;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; }
.flexslider .slides > li {display: none;  list-style: none !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; }

/* Caption style */
/* IE rgba() hack 
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,.3); color: #fff; text-shadow: 0 -1px 0 rgba(255,255,255,.3); font-size: 14px; line-height: 18px;}
*/

/* Direction Nav */
ul.flex-direction-nav  {margin: 0px 0 0 0;}
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; z-index: 6100; opacity: 1 !important;}

.flex-direction-nav li .flex-next {background-position: -52px 0; right: -16px !important;}
.flex-direction-nav li .flex-prev {left: -16px !important;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; margin: 0; padding: 0; position: absolute; top: 30px; bottom: auto; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
/* reset some defaults in next line */
.flex-control-nav li a {background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; border: 0;}

.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0 !important; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
/* reset some defaults in next line */
.flex-control-nav li a.active, .flex-control-nav li a.flex-active {background-position: 0 -26px !important; cursor: default;}

ul.slides li img{
  height: auto;
}

div.flex-caption {
  box-sizing: border-box;
  width: 100%; padding: 2%; position: absolute; left: 0; bottom: 0; 
  display: block;
  color: #373737;
	background-color: transparent;
	background-image: url(../assets/stock-images/caption.png);
}
.flex-caption p  {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.flex-caption span, .flex-caption h1, .flex-caption h2, .flex-caption h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 2.3em;
	font-weight: normal;
	color: #1e1e1e;
	line-height: normal;
	text-align: left;
}
.flex-caption a {
	color: #1982D1;
	text-decoration: none;
}
.flex-caption a:hover {
	color: #1982D1;
	text-decoration: underline;
}