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




/*
 * Layout: Clean Style
 * $Id: styles.css 34052 2015-12-09 14:55:24Z sthurn $
 * Copyright Zeta Software GmbH 2014
 */
/* Global */
html {
	overflow-y: scroll;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #2d3736;
	background-color: #efefef;
	
	background-repeat: repeat;
}
h1 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	margin: 0px 0 30px 0;
	padding: 0;
	font-size: 32px;
	font-weight: normal;
	line-height: normal;
	color: #2d3736;
	position: relative;
}
h2 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	margin: 15px 0 15px 0;
	padding: 0;
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	color: #2d3736;
}
h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	color: #2d3736;
}
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;
}
/* Links */
a {
	color: #c34050;
	text-decoration: none;
}
a:hover {
	color: #c34050;
	text-decoration: underline;
}
/* Top */
#top {
	margin: 0;
	padding: 0;
}
/* Wrapper */
#wrapper {
	margin: 0 auto;
	padding: 0 41px 60px 41px;
	width: 952px;
}
/* Framebox */
#framebox {
	margin: 0;
	padding: 0;
	width: 950px;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}
/* Topline */
#topline {
	margin: 0;
	padding: 30px;
	min-height: 1px;
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
}
/* Webdescription */
#webdescription {
	float: left;
	margin: 0;
	padding: 0;
}
#logo {
	float: left;
	margin: 0 15px 0 0;
	padding: 0px 0 0 0;
}
#webtext {
	float: left;
	margin: 0;
	padding: 0px 0 0 0;
}
#webname {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	white-space: nowrap;
}
#webname a {
	color: #c34050;
	text-decoration: none;
}
#slogan {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #2d3736;
	text-transform: uppercase;
	white-space: nowrap;
}
/* Search */
#search {
	float: right;
	margin: 0;
	padding: 0px 0 0 0;
	overflow: hidden;
}
#searchform {
	margin: 0;
	padding: 0;
	width: 220px;
	height: 30px;
	position: relative;
}
#searchform input {
	font-family: Arial, Helvetica, sans-serif;
}
#searchfieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#searchfield {
	margin: 0;
	padding: 0 33px 0 10px;
	width: 175px;
	height: 28px;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	color: #2d3736;
	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: 20px 30px;
	width: 890px;
	border-bottom: 1px solid #e6e6e6;
	background-color: #ffffff;
}
/* Mainmenu */
ul.mainmenu {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 6001;
}
ul.mainmenu li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	background-color: transparent;
}
ul.mainmenu li:hover, ul.mainmenu li.topmenuactive {
	background-color: #c34050;
}
ul.mainmenu li.topmenuactive {
	background-color: #c34050;
}
ul.mainmenu li a {
	display: block;
	margin: 0;
	padding: 8px 15px;
	font-size: 12px;
	color: #2d3736;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
ul.mainmenu li:hover a {
	color: #ffffff;
}
ul.mainmenu li.topmenuactive a, ul.mainmenu li.topmenuactive:hover a {
	color: #ffffff;
}
ul.mainmenu li a.sf-with-ul {
	background-image: none;
}
.sf-sub-indicator {
	display: none;
}
/* Dropdown */
ul.mainmenu ul {
	margin: 0;
	padding: 10px;
	position: absolute;
	top: -99999px;
	left: 0;
}
ul.mainmenu ul li {
	float: none;
	margin: 0;
	padding: 0;
	background-color: transparent !important;
}
ul.mainmenu ul li span {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #c95362;
}
ul.mainmenu ul li span:hover {
	background-color: #b23847;
}
ul.mainmenu ul li span.dropdownactive {
	background-color: #b23847;
}
ul.mainmenu ul li span a {
	padding: 8px 15px;
	height: auto;
	font-size: 12px;
	color: #ffffff !important;
	text-transform: none !important;
}
ul.mainmenu ul li span:hover a {
	color: #ffffff !important;
}
ul.mainmenu ul li span.dropdownactive a {
	color: #ffffff !important;
}
ul.mainmenu li:hover ul, ul.mainmenu li.sfHover ul {
	top: 21px;
	left: -10px;
	z-index: 299;
}
/* Shadow */
ul.mainmenu li.topmenuactive, ul.mainmenu ul li span.dropdownactive {
	-webkit-box-shadow: inset 0px -1px 8px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0px -1px 8px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0px -1px 8px rgba(0, 0, 0, 0.05);
}
/* Header */
#header {
	margin: 0;
	padding: 30px;
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
}
/* Slides */
#slides {
	margin: 0;
	padding: 30px;
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	z-index: 98;
}
.slides_container {
	display: none;
	width: 890px;
	height: 350px;
	overflow: hidden;
}
.slides_container div.slide {
	display: block;
	width: 890px;
	height: 350px;
	position: relative;
}
#slides a.next, #slides a.prev {
	font-size: 78px;
	font-weight: bold;
	text-decoration: none;
	color: #e2e2e2;
	position: absolute;
	top: 152px;
	left: -45px;
}
#slides a.next:hover, #slides a.prev:hover {
	color: #d6d6d6;
}
#slides a.next {
	left: 968px;
}
.caption {
	margin: 0;
	padding: 20px 30px;
	width: 830px;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	background-color: transparent;
	
	background-image: url(../assets/stock-images/caption.png);
	
	position: absolute;
	left: 0;
	bottom: 0;
}
.caption span, .caption h1, .caption h2, .caption h3 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 26px;
	font-weight: normal;
	color: #ffffff;
	line-height: normal;
}
.caption p {
	margin: 0 0 0px 0;
	padding: 0;
}
.caption a {
	color: #c34050;
	text-decoration: none;
}
.caption a:hover {
	color: #c34050;
	text-decoration: underline;
}
div.pag {
	margin: 0;
	padding: 10px 0 0 0;
	height: 14px;
	text-align: center;
}
div.pag span {
	display: inline-block;
}
ul.pagination {
	margin: 0;
	padding: 0;
}
ul.pagination li {
	float: left;
	padding: 0 1px;
	list-style: none;
}
ul.pagination li a {
	float: left;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	text-decoration: none;
	text-indent: -999999px;
	background-image: url(stock-images/pagination.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}
ul.pagination li a:hover, .pagination li.current a {
	background-position: 0 -14px;
}
/* Breadcrumb */
#breadcrumb {
	margin: 0;
	padding: 20px 30px;
	font-size: 12px;
	color: #2d3736;
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
}
#breadcrumb a {
	padding: 0 5px;
	color: #c34050;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #c34050;
	text-decoration: underline;
}
#breadcrumb span {
	color: #e6e6e6;
}
/* Contentbox */
#contentbox {
	margin: 0;
	padding: 30px;
	background-color: #ffffff;
	
	border-bottom: 1px solid #e6e6e6;
}
#contentbox input[type="text"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2d3736;
}
#contentbox textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2d3736;
}
/* Button */
#contentbox a.button, input.button {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 12px !important;
	font-weight: normal !important;
	text-decoration: none;
	text-transform: uppercase !important;
	line-height: normal;
	color: #ffffff !important;
	background-color: #c34050 !important;
}
#contentbox #sidebarright a.button, #contentbox #sidebarleft a.button, input.button {
	margin: 0 10px 0 0;
}
#contentbox a.button:hover, input.button:hover {
	color: #ffffff !important;
	background-color: #b23847 !important;
}
#contentbox a.button span, input.button {
	display: block;
	margin: 0;
	padding: 8px 15px !important;
}
/* Content */
#floatcontentleft, #floatcontentright {
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;
	line-height: 18px;
}
#floatcontentright {
	float: right;
}
#floatcontentleft:after, #floatcontentright:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
#content {
	margin: 0;
	padding: 0;
	line-height: 18px;
}
/* Sidebar */
#sidebar {
	display: table-cell;
	width: 220px;
}
.sidebarright {
	float: right;
    padding-left: 30px;
}
.sidebarleft {
	float: left;
    padding-right: 30px;
}
/* News */
.newsbox {
	margin: 0;
	padding: 0;
	line-height: 18px;
}
.newsbox h2 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #2d3736;
}
.newstext {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #2d3736;
}
.newstext p {
	margin: 0 0 10px 0;
}
.newstext a {
	color: #c34050;
	text-decoration: none;
}
.newstext a:hover {
	color: #c34050;
	text-decoration: underline;
}
/* Articles */
.articlearea {
	margin: 0;
	padding: 0;
}
.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: #2d3736;
}
.floatarticle {
	float: left;
	margin: 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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2d3736;
}
.zp-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2d3736;
}
.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 #2d3736;
}
.zp-form input.button {
	border: 0;
}

/* Form Anti Spam */
.asfield {
	display: none;
}
/* Teaser */
#banner, #afterfooter {
	margin: 0;
	padding: 20px 30px;
	font-size: 12px;
	color: #2d3736;
	line-height: 18px;
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
}
#afterfooter {
	border-top: 1px solid #e6e6e6;
	border-bottom: 0;
}
#banner a, #afterfooter a {
	color: #c34050;
	text-decoration: none;
}
#banner a:hover, #afterfooter a:hover {
	color: #c34050;
	text-decoration: underline;
}
#banner span:not([style]), #afterfooter span {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 26px;
	font-weight: normal;
	color: #2d3736;
	line-height: normal;
}
#banner p, #afterfooter p {
	margin: 0 0 10px 0;
	padding: 0;
}
/* Footer */
#footer {
	margin: 0;
	padding: 20px 30px;
	font-size: 12px;
	color: #2d3736;
	background-color: #f2f2f2;
}
#footerinfo {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* Extramenu */
#xmenu {
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#xmenu a {
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 12px;
	color: #c34050;
	text-decoration: none;
}
#xmenu a:hover {
	color: #c34050;
	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: #c34050;
}
.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: #2d3736 !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;
}
/* CSS for Print */
@media print {
	/* Global */
	body {
		font-family: Arial, sans-serif;
		font-size: 10pt;
		color: #000000;
		background-color: #ffffff;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: Arial, sans-serif;
		font-size: 14pt;
		color: #000000;
		page-break-after: avoid;
	}
	h2 {
		font-size: 12pt;
	}
	h3, h4, h5, h6 {
		font-size: 10pt;
	}
	ul, ol {
		page-break-inside: avoid;
	}
	img {
		page-break-inside: avoid;
	}
	/* Links */
	a, a:hover {
		color: #000000;
		text-decoration: none;
	}
	/* Wrapper */
	#wrapper {
		margin: 0;
		padding: 0;
		width: auto;
	}
	/* Framebox */
	#framebox {
		width: auto;
		border: 0;
	}
	/* Contentbox */
	#contentbox {
		margin: 0;
		padding: 0;
		border-bottom: 0;
	}
	#floatcontentleft, #floatcontentright, #content {
		float: none;
		width: auto;
		line-height: normal;
	}
	/* Articles */
	.floatarticle {
		float: none;
	}
	.floatarticle > div {
		padding: 0;
	}
	/* Button */
	#contentbox a.button, input.button,
	#contentbox a.button:hover, input.button:hover {
		font-size: 10pt;
		text-transform: none;
		color: #000000;
		background-color: #ffffff;
		border: 1px solid #000000;
	}
	/* Display None */
	#topline, #navbar, #header, #slides, #breadcrumb, .zp-form, #sidebar, #banner, #afterfooter, #footer {
		display: none;
	}
	@page {
		margin: 2cm;
	}
}
/* ZP-Grid */
.zpgrid{
	margin-left: -15px;
	margin-right: -15px;
}
.zpContainer.styled div.zpRow .zpColumn {
    margin-top: 1em;
}
.zpContainer.zpBreakout {
    width: auto !important;
    max-width: 950px !important;
    margin: 0 -15px !important;
    padding: 0 15px !important;
}
#floatcontentleft .zpContainer.zpBreakout,
#floatcontentright .zpContainer.zpBreakout {
    margin: 0 !important;
    padding: 0 !important;
}
#sidebar div.zpRow .zpColumn {
    padding: 0;
}