/* 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: 60px;
}
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: 1em !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) {
  div.zpRow .zpColumn.c1,
  .zpColumnItem.c1,
  div.zpRow .zpColumn.c2,
  .zpColumnItem.c2,
  div.zpRow .zpColumn.c3,
  .zpColumnItem.c3,
  div.zpRow .zpColumn.c4,
  .zpColumnItem.c4,
  div.zpRow .zpColumn.c5,
  .zpColumnItem.c5,
  div.zpRow .zpColumn.c6,
  .zpColumnItem.c6,
  div.zpRow .zpColumn.c7,
  .zpColumnItem.c7,
  div.zpRow .zpColumn.c8,
  .zpColumnItem.c8,
  div.zpRow .zpColumn.c9,
  .zpColumnItem.c9,
  div.zpRow .zpColumn.c10,
  .zpColumnItem.c10,
  div.zpRow .zpColumn.c11,
  .zpColumnItem.c11,
  div.zpRow .zpColumn.c12,
  .zpColumnItem.c12 {
    width: 100% !important;
  }
  .zpSpacer {
    clear: both;
  }
  .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: 60px;
  padding-bottom: 60px;
}
body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpContainer:not(.zpBreakout) {
  margin-top: 60px;
}
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: 60px 0 60px 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: 60px;
}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) > .zpRow {
  max-width: 1054px;
}
.responsivelayout.supportsbreakout body:not(.withnews) .zpContainer.zpBreakout:not(.hasNews) + .zpRow {
  margin-top: 60px;
}
.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;
}
/***** FORM ANTI SPAM *****/
.asfield {
	display: none;
}

/***** FORM GLOBAL DEFAULTS *****/
form.zp-form,
.zp-form input {
	max-width: 100%;
}

.zp-form .asfield{display: none;}
.zp-form input.typetext, .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"], .zp-form textarea{
	font-family: inherit;
	font-size: inherit;
	color: #333333;
	background: #ffffff;
	padding: 6px 8px;
	border: 1px solid #9A9A9A;
	border: 1px solid rgba(0,0,0,0.4);
	max-width: 100%;
}
.zp-form ::-webkit-input-placeholder{
	opacity:  1;
	color: rgba(0,0,0,0.4);
}
.zp-form :-moz-placeholder{
	opacity:  1;
	color: rgba(0,0,0,0.4);
}
.zp-form ::-moz-placeholder{
	opacity:  1;
	color: rgba(0,0,0,0.4);
}
.zp-form :-ms-input-placeholder{
	opacity:  1;
	color: rgba(0,0,0,0.4);
}
/* fix a specificity issue with IE 11(-) which would otherwise apply the text-color fromthe rule in line 8 */
.zp-form input:-ms-input-placeholder{ 
	opacity:  1;
	color: rgba(0,0,0,0.4);
}

.zp-form select{
	font-family: inherit;
	font-size: inherit;
	color: #333333;
}
.zp-form label {
	font-family: inherit;
	font-size: inherit;
	padding: 3px 10px 3px 0;
}
.zp-form label.field{
	display: block;
	margin-top: 10px;
	margin-bottom: 4px;
	padding: 0;
}
.zp-form input[type="submit"],
.zp-form input[type="reset"]{
	font-family: inherit;
	font-size: inherit;
	display: inline-block;
	margin-top: 20px;
}
.zp-form input[type="reset"].button,
.zp-form input[type="reset"].button:hover{
	float: right;
	border: 1px solid #666666 !important;
	color: #666666 !important;
	background: transparent !important;
	background-color: #fafafa !important;
}
.zp-form input[type="reset"].button:hover{
	background-color: #ececec;
}
.zp-form #recaptcha_area img{
	border: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

/*
 * 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 {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;
	}
}
/*!
 * Layout: Bella Responsive by StS
 * $Id: styles.less 39009 2016-04-28 10:08:43Z sseiz $
 * Copyright Zeta Software GmbH 2015
 */

html {
  box-sizing: border-box;
  height: 100%;
  overflow-y: scroll;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* resets */

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0.3em;
}
input {
  border-radius: 0;
}
/* end resets */

/* font loader https://github.com/typekit/webfontloader          */

/* if JS is enabled, we fade the body out until fonts are loaded */

/* disabled for now 
.js body{
	opacity: 0;
	background-color: #B2B2B2;
}
.js #bg{
	opacity: 0;
}
.js.wf-active body,
.js.wf-inactive body, 
.wf-fail body{
	.transition(~"opacity 250ms ease-in-out, background-color 500ms");
	opacity: 1;
	background-color: transparent;
}
.js.wf-active #bg, 
.js.wf-inactive #bg, 
.wf-fail #bg{
	.transition(~"opacity 250ms ease-in-out");
	opacity: 1;
}
*/

/* end font loader */

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333333;
  line-height: 1.5;
}
.wf-active body {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  -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;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
}
h1 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 2.2em;
  margin-top: 0px;
  margin-bottom: 0.3em;
  color: #333333;
  font-weight: normal;
  line-height: 1.3;
}
h2 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  margin-top: 0px;
  margin-bottom: 0.3em;
  color: #333333;
  font-weight: normal;
  line-height: 1.3;
}
h3,
h4,
h5,
h6 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  margin-top: 0px;
  margin-bottom: 0.3em;
  color: #333333;
  font-weight: bold;
  line-height: 1.3;
}
h1 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active h1 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h2 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active h2 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h3,
h4,
h5,
h6 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a,
a:visited {
  color: #007aff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.fancybox > img {
  display: block;
}
.articlearea,
p {
  margin-bottom: 1em;
}
#content .zpRow:last-child .zpColumn:last-child p:last-child,
#footer .zpRow:last-child .zpColumn:last-child p:last-child,
#banner .zpRow:last-child .zpColumn:last-child p:last-child,
#news .zpRow:last-child .zpColumn:last-child p:last-child,
#content .zpRow:last-child .zpColumn:last-child h1:last-child,
#footer .zpRow:last-child .zpColumn:last-child h1:last-child,
#banner .zpRow:last-child .zpColumn:last-child h1:last-child,
#news .zpRow:last-child .zpColumn:last-child h1:last-child,
#content .zpRow:last-child .zpColumn:last-child h2:last-child,
#footer .zpRow:last-child .zpColumn:last-child h2:last-child,
#banner .zpRow:last-child .zpColumn:last-child h2:last-child,
#news .zpRow:last-child .zpColumn:last-child h2:last-child,
#content .zpRow:last-child .zpColumn:last-child h3:last-child,
#footer .zpRow:last-child .zpColumn:last-child h3:last-child,
#banner .zpRow:last-child .zpColumn:last-child h3:last-child,
#news .zpRow:last-child .zpColumn:last-child h3:last-child,
#content .zpRow:last-child .zpColumn:last-child h4:last-child,
#footer .zpRow:last-child .zpColumn:last-child h4:last-child,
#banner .zpRow:last-child .zpColumn:last-child h4:last-child,
#news .zpRow:last-child .zpColumn:last-child h4:last-child,
#content .zpRow:last-child .zpColumn:last-child h5:last-child,
#footer .zpRow:last-child .zpColumn:last-child h5:last-child,
#banner .zpRow:last-child .zpColumn:last-child h5:last-child,
#news .zpRow:last-child .zpColumn:last-child h5:last-child,
#content .zpRow:last-child .zpColumn:last-child h6:last-child,
#footer .zpRow:last-child .zpColumn:last-child h6:last-child,
#banner .zpRow:last-child .zpColumn:last-child h6:last-child,
#news .zpRow:last-child .zpColumn:last-child h6:last-child {
  margin-bottom: 0;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 100%;
  height: auto;
}
ul,
ol {
  margin: 0 0 1em 1.2em;
  padding: 0;
}
ul li {
  padding: 0;
  list-style: square;
  line-height: 1.5;
}
ol li {
  padding: 0;
  list-style: decimal;
  line-height: 1.5;
}
table {
  margin: 0 0 1em 0;
  padding: 0;
}
td {
  vertical-align: top;
}
/* Button */

a.button,
input.button,
#content a.button,
#content input.button {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  background-color: transparent;
  display: inline-block;
  margin: 4px 10px 0 0;
  padding: 0;
  color: #333333;
  text-decoration: none;
  border: 2px solid #333333;
  border-radius: 6px;
  background-clip: padding-box;
}
a.button,
input.button,
#content a.button,
#content input.button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active a.button,
.wf-active input.button,
.wf-active #content a.button,
.wf-active #content input.button {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a.button:hover,
input.button:hover,
#content a.button:hover,
#content input.button:hover {
  color: white;
  background-color: #333333;
}
a.button span,
input.button,
#content a.button span,
#content input.button {
  display: block;
  line-height: 1;
  padding: 13px 15px;
}
input.button,
#content input.button {
  margin: 60px 0 0 0;
}
/* end Button */

/* Forms */

form {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
form {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active form {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.zp-form input,
.zp-form input.typetext,
.zp-form textarea {
  color: #333333;
}
.zp-form label,
.zp-form label.field {
  color: inherit;
  margin-top: 1em;
  margin-bottom: 0;
}
.zp-form label.field {
  font-weight: bolder;
}
.zp-form input[type="file"] {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: auto;
}
.off.zp-form input[type="file"]::-ms-browse {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #333333;
  background-color: transparent;
  border: 2px solid #333333;
  padding: 8px 15px;
  border-radius: 6px;
  background-clip: padding-box;
}
.off.zp-form input[type="file"]::-ms-browse:hover {
  color: white;
  background-color: #333333;
}
.off.zp-form input[type="file"]::-webkit-file-upload-button {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #333333;
  background-color: transparent;
  border: 2px solid #333333;
  padding: 8px 15px;
  border-radius: 6px;
  background-clip: padding-box;
}
.off.zp-form input[type="file"]::-webkit-file-upload-button:hover {
  color: white;
  background-color: #333333;
}
.zp-form .separator {
  margin: 10px 10px 10px 0;
  padding: 0;
  line-height: 0px;
  height: 0px;
  border: 0;
  border-top: 1px solid #878479;
  border-bottom: 1px solid #b7b6af;
}
/* End Forms */

div.zpRow {
  margin: 0;
  margin-bottom: 60px;
}
div.zpRow:last-child {
  margin-bottom: 0;
}
div.zpRow div.zpColumn div.zpColumnItem {
  overflow: visible;
}
div.zpRow .articlearea {
  margin-bottom: 1em;
}
div.zpRow .zpColumnItem:last-of-type .articlearea:last-child {
  margin-bottom: 0;
}
.responsivelayout div.zpRow div.zpColumn {
  margin-bottom: 0 !important;
}
#bg {
  background-color: #9f9d94;
  z-index: 1 !important;
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  opacity: 1;
  white-space: nowrap;
}
#bg img {
  z-index: 1 !important;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: auto;
  height: auto;
  max-width: none;
  min-width: 50%;
  min-height: 50%;
}
#page {
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 100;
  float: left;
  height: 100%;
  width: 100%;
}
#sidebar:before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
#sidebar,
.sidebar {
  position: relative;
  float: left;
  clear: left;
  width: 35%;
  padding: 60px 50px 60px 50px;
  font-size: 1em;
  color: white;
  text-align: left;
}
#sidebar #mobilenavtoggle,
.sidebar #mobilenavtoggle {
  cursor: pointer;
  position: relative;
  z-index: 150;
  float: right;
  font-size: 0.9em;
  font-family: inherit;
  padding: 4px 6px;
  min-width: 36px;
  min-height: 32px;
  border: 1px solid white;
  color: white;
  background-color: transparent;
}
#sidebar #mobilenavtoggle span,
.sidebar #mobilenavtoggle span {
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  margin-top: 4px;
  display: block;
  width: 100%;
  height: 2px;
  background-color: white;
}
#sidebar #mobilenavtoggle span.last,
.sidebar #mobilenavtoggle span.last {
  margin-bottom: 4px;
}
#sidebar #mobilenavtoggle.ham,
.sidebar #mobilenavtoggle.ham {
  background-color: rgba(255, 255, 255, 0.15);
}
#sidebar #mobilenavtoggle.on,
.sidebar #mobilenavtoggle.on {
  padding: 4px 6px;
}
#sidebar #mobilenavtoggle.on span.first,
.sidebar #mobilenavtoggle.on span.first {
  -webkit-transform: rotate(45deg) translateY(2px) translateX(2px);
  transform: rotate(45deg) translateY(2px) translateX(2px);
}
#sidebar #mobilenavtoggle.on span.last,
.sidebar #mobilenavtoggle.on span.last {
  -webkit-transform: rotate(-45deg) translateY(-2px) translateX(2px);
  transform: rotate(-45deg) translateY(-2px) translateX(2px);
}
#sidebar #mobilenavtoggle.on span.mid,
.sidebar #mobilenavtoggle.on span.mid {
  display: none;
}
#sidebar #nav,
.sidebar #nav {
  z-index: 100;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 116px 50px 20px 50px;
  text-align: left;
}
#sidebar #nav .zpsearchform,
.sidebar #nav .zpsearchform {
  margin-bottom: 20px;
  position: relative;
  white-space: nowrap;
}
#sidebar #nav .zpsearchform input,
.sidebar #nav .zpsearchform input {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sidebar #nav .zpsearchform .zpsearchfield,
.sidebar #nav .zpsearchform .zpsearchfield {
  width: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 5px 28px 5px 8px;
  line-height: 1.4;
  font-size: 1em;
  color: #666666;
  background-color: white;
  border: 1px solid #333333;
}
#sidebar #nav .zpsearchform .zpsearchbutton,
.sidebar #nav .zpsearchform .zpsearchbutton {
  margin-left: -32px;
  vertical-align: middle;
}
#sidebar #nav a,
.sidebar #nav a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  padding: 7px 8px;
  display: block;
}
#sidebar #nav a:hover,
.sidebar #nav a:hover,
#sidebar #nav a:focus,
.sidebar #nav a:focus {
  color: inherit;
  background-color: inherit;
  text-decoration: inherit;
}
#sidebar #nav > ul,
.sidebar #nav > ul {
  margin: 0;
}
#sidebar #nav > ul li:not(.active) > ul,
.sidebar #nav > ul li:not(.active) > ul {
  display: none;
}
#sidebar #nav ul,
.sidebar #nav ul {
  margin-bottom: 0;
}
#sidebar #nav ul li,
.sidebar #nav ul li {
  margin: 0;
  list-style: none;
  line-height: normal;
}
#sidebar #nav ul li > a,
.sidebar #nav ul li > a {
  position: relative;
  font-size: 1em;
  color: white;
  padding: 10px 8px 10px 2em;
}
#sidebar #nav ul li > a:hover,
.sidebar #nav ul li > a:hover,
#sidebar #nav ul li > a:focus,
.sidebar #nav ul li > a:focus {
  color: white;
  text-decoration: underline;
}
#sidebar #nav ul li.haschilds > a:before,
.sidebar #nav ul li.haschilds > a:before {
  content: '';
  box-sizing: content-box;
  position: absolute;
  top: 47%;
  margin-top: -0.25em;
  left: 2px;
  height: 0.5em;
  width: 0.5em;
  border-style: solid;
  border-width: 2px 2px 0 0;
  display: block;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sidebar #nav ul li.haschilds.open > a:before,
.sidebar #nav ul li.haschilds.open > a:before,
#sidebar #nav ul li.haschilds.clicked > a:before,
.sidebar #nav ul li.haschilds.clicked > a:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: -0.5em;
}
#sidebar #nav ul li > a.active,
.sidebar #nav ul li > a.active {
  color: white;
  font-weight: bold;
}
#sidebar #nav ul li > a.active:hover,
.sidebar #nav ul li > a.active:hover {
  color: white;
}
#sidebar #nav.on,
.sidebar #nav.on {
  display: block;
}
#sidebar #logo,
.sidebar #logo {
  float: left;
  text-align: left;
  margin-bottom: 20px;
}
#sidebar .webname,
.sidebar .webname {
  float: left;
  clear: left;
  text-align: left;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: white;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}
#sidebar .webname,
.sidebar .webname {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active #sidebar .webname,
.wf-active .sidebar .webname {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sidebar .webname b,
.sidebar .webname b {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  color: white;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
}
#sidebar .webname b,
.sidebar .webname b {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active #sidebar .webname b,
.wf-active .sidebar .webname b {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sidebar #xmenu,
.sidebar #xmenu,
#sidebar #footerinfo,
.sidebar #footerinfo {
  font-family: inherit;
  font-size: inherit;
  margin-bottom: 1em;
}
#sidebar #xmenu a,
.sidebar #xmenu a,
#sidebar #footerinfo a,
.sidebar #footerinfo a {
  color: white;
  text-decoration: underline;
  padding: 0 10px 0 0;
}
#sidebar #xmenu a:last-child,
.sidebar #xmenu a:last-child,
#sidebar #footerinfo a:last-child,
.sidebar #footerinfo a:last-child {
  padding-right: 0;
}
#sidebar #xmenu a:hover,
.sidebar #xmenu a:hover,
#sidebar #footerinfo a:hover,
.sidebar #footerinfo a:hover {
  color: white;
  text-decoration: none;
}
#sidebar #footerinfo a,
.sidebar #footerinfo a {
  padding-right: 0;
}
#sidebar #news,
.sidebar #news {
  margin-bottom: 60px;
}
#sidebar #news,
.sidebar #news,
#sidebar #news p,
.sidebar #news p {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  color: white;
  text-align: left;
}
#sidebar #news,
.sidebar #news,
#sidebar #news p,
.sidebar #news p {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active #sidebar #news,
.wf-active .sidebar #news,
.wf-active #sidebar #news p,
.wf-active .sidebar #news p {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sidebar #news p,
.sidebar #news p {
  margin-bottom: 1em;
}
#sidebar #news h1,
.sidebar #news h1,
#sidebar #news h2,
.sidebar #news h2,
#sidebar #news h3,
.sidebar #news h3,
#sidebar #news h4,
.sidebar #news h4,
#sidebar #news h5,
.sidebar #news h5 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  color: white;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0.3em;
  text-align: left;
}
#sidebar #news h1,
.sidebar #news h1,
#sidebar #news h2,
.sidebar #news h2,
#sidebar #news h3,
.sidebar #news h3,
#sidebar #news h4,
.sidebar #news h4,
#sidebar #news h5,
.sidebar #news h5 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active #sidebar #news h1,
.wf-active .sidebar #news h1,
.wf-active #sidebar #news h2,
.wf-active .sidebar #news h2,
.wf-active #sidebar #news h3,
.wf-active .sidebar #news h3,
.wf-active #sidebar #news h4,
.wf-active .sidebar #news h4,
.wf-active #sidebar #news h5,
.wf-active .sidebar #news h5 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sidebar #news a,
.sidebar #news a {
  color: white;
  text-decoration: underline;
  font-weight: normal;
}
#sidebar #news a:hover,
.sidebar #news a:hover {
  color: #fafafa;
  text-decoration: none;
}
#sidebar-bottom {
  padding-top: 0;
}
#header,
#breadcrumb {
  margin-bottom: 60px;
}
#banner {
  clear: right;
  float: right;
  width: 65%;
  background-color: rgba(255, 255, 255, 0.75);
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #333333;
  line-height: 1.5;
  padding: 60px 50px 60px 50px;
}
#banner h1,
#banner h2 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  color: #333333;
  font-weight: normal;
}
#banner p {
  margin-bottom: 10px;
}
#banner a {
  color: #007aff;
  text-decoration: none;
}
#banner a:hover {
  color: #007aff;
  text-decoration: underline;
}
#breadcrumb {
  font-size: 1em;
  color: #333333;
}
#breadcrumb a {
  color: #007aff;
  text-decoration: none;
}
#breadcrumb a:hover {
  color: #007aff;
  text-decoration: underline;
}
#breadcrumb span.divider {
  color: #666666;
}
#content {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  float: right;
  clear: right;
  width: 65%;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 60px 50px 60px 50px;
  min-height: 100%;
}
#content .zp13sliderWidget,
#content img:not([width="1"]),
#content .zpRow.standard div.zpImageGallery > a {
  border-radius: 6px;
  background-clip: padding-box;
}
#content a {
  font-weight: normal;
  color: #007aff;
  text-decoration: none;
}
#content a:hover {
  color: #007aff;
  text-decoration: underline;
}
#content {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wf-active #content {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#content.withbanner {
  padding-top: 0;
}
#footer {
  clear: right;
  float: right;
  width: 65%;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5;
  padding: 60px 50px 60px 50px;
}
#footer p {
  margin-bottom: 10px;
}
#footer h1,
#footer h2 {
  font-size: 1.8em;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-weight: normal;
}
#footer a {
  font-weight: normal;
  color: #d2c104;
  text-decoration: none;
}
#footer a:hover {
  color: #d2c104;
  text-decoration: underline;
}
/* Header Slider */

.flexslider {
  box-shadow: none;
  max-width: 1024px;
}
ul.slides > li {
  overflow: hidden;
  border-radius: 6px;
}
.flexslider .slides img,
#content .flexslider .slides img {
  width: auto;
  border-radius: 0;
}
.flex-control-nav,
.flex-control-paging {
  top: 10px;
  bottom: auto;
}
.flex-direction-nav li {
  list-style: none;
}
.flexslider .slides > li {
  position: relative;
}
.flex-caption {
  border-top-right-radius: 6px;
  padding: 0.6em 1.2em;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  background-color: rgba(0, 0, 0, 0.7);
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: white;
  line-height: 1.5;
}
.flex-caption h2 {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  color: white;
  font-weight: bold;
}
.flex-caption a {
  font-weight: normal;
  color: white;
  text-decoration: none;
}
.flex-caption a:hover {
  color: white;
  text-decoration: underline;
}
.flex-caption p {
  margin-bottom: 10px;
}
/* Responsive Breakpoints */

@media only screen and (min-width: 1300px) {
  #sidebar,
  .sidebar,
  #sidebar:before {
    width: 35%;
  }
  #banner,
  #content,
  #footer {
    width: 65%;
  }
}
@media (max-width: 960px) {
  #sidebar,
  .sidebar,
  #sidebar:before {
    width: 100%;
  }
  #sidebar,
  .sidebar,
  #sidebar-bottom {
    padding: 60px 50px;
  }
  #banner,
  #content,
  #footer {
    width: 100%;
  }
  #content {
    padding-top: 0;
  }
  #header {
    margin-left: -50px;
    margin-right: -50px;
  }
  ul.slides > li {
    border-radius: 0;
  }
  .flexslider .flex-next,
  .flexslider .next,
  .flexslider:hover .flex-next,
  .flexslider:hover .next {
    opacity: 0.9;
    right: 15px;
  }
  .flexslider .flex-prev,
  .flexslider .prev,
  .flexslider:hover .flex-prev,
  .flexslider:hover .prev {
    opacity: 0.9;
    left: 15px;
  }
  .flex-caption {
    border-bottom-left-radius: 0;
  }
  #content {
    min-height: 0;
  }
  #footer {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 640px) {
  #sidebar,
  .sidebar,
  #sidebar #nav,
  #banner,
  #content,
  #sidebar-bottom,
  #footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  #header {
    margin-left: -15px;
    margin-right: -15px;
  }
  #content {
    padding-top: 0;
  }
  .flexslider .flex-next,
  .flexslider .next,
  .flexslider:hover .flex-next,
  .flexslider:hover .next {
    right: 10px;
  }
  .flexslider .flex-prev,
  .flexslider .prev,
  .flexslider:hover .flex-prev,
  .flexslider:hover .prev {
    left: 10px;
  }
  .flex-caption {
    position: relative;
    bottom: auto;
    top: auto;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
/* ZP13 Additions */

.zpgrid {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
.zpgrid #grid {
  max-width: none;
}
.zpBreakout {
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
}
.zpColumn .zpBreakout {
  margin-left: -50px;
  margin-right: -50px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 640px) {
  .zpBreakout {
    margin-left: 0;
    margin-right: 0;
  }
  .zpColumn .zpBreakout {
    margin-left: -15px;
    margin-right: -15px;
  }
}