@charset 'utf-8';

/*
CSS Reset by Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
}

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/* -- type-kit -- */

.page-header-inner h1,
.page-header-inner h2,
#navigation,
.article-header h1,
.panel-desc h2,
.panel-info h2,
.teaser h2,
.channel-teaser h2,
.productfinder li,
.overlay-headline {
  font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", Calibri, Tahoma, Verdana, sans-serif;
  font-weight: 100;
}

/* -- basic styles -- */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  line-height: 1em;
  color: #393C3E;
}

h1, h2 {
  margin: 0 0 1em 0;
  font-weight: normal;
}

h1 {
  font-size: 1.375em;
  line-height: 1em;
}

h1.home {
  margin-right: 15px;
  margin-left: 15px;
}

h2 {
  font-size: 1em;
  line-height: 1.5em;
}

h3 {
  font-size: 0.875em;
  font-weight: bold;
  margin: 0 0 1em;
}

h4 {
  font-size: 0.75em;
  font-weight: bold;
}

h5 {
  margin: 0;
  font-size: 0.875em;
  font-weight: bold;
  color: #868D90;
}

p {
  font-size: 0.75em;
  margin: 0 0 1em;
}

a {
  color: #00914A;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

div {
  margin: 0 0 1em 0;
}

/* fix layout bugs in edit mode */
div.cms-editable,
div.cms-editable-end {
  margin-bottom: 0;
}

.column {
  float: left;
}

.left {
  float: left;
}

.image-left {
  float: left;
  margin: 0 1em 1em 0;
}

.clear-left {
  clear: left;
}

.right {
  float: right;
}

address {
  font-weight: normal;
  font-style: normal;
  margin: 0 0 1em 0;
}

strong {
  font-weight: bold;
}

.datum {
  font-size: 60%;
  color: #868d90;
  font-weight: normal;
}

.profi {
  font-size: 60%;
  color: #00914A;
  text-transform: uppercase;
}

.excerpt {
  font-size: 0.875em;
  line-height: 1.5em;
}

/*-- COUNTER --*/

.counter-small {
  font-size: 12px;
  padding: 12px 20px;
  color: #FFF;
  background: url('img/counter-small.png') center center no-repeat;
  text-align: center;
}

.small-counter {
  display: block;
  width: 30px;
  font-size: 12px;
  color: #FFF;
  background: url('img/counter-small.png') center center no-repeat;
  text-align: center;
  float: left;
}

.counter-big {
  font-size: 0.55em;
  padding: 12px 15px;
  color: #FFF;
  background: url('img/counter-big.png') center center no-repeat;
}

/*-- HEADER --*/

#header {
  position: relative;
  margin: 0 auto;
  width: 930px;
  height: 111px;
  z-index: 6000;
}

.page-header-inner, .breadcrumbs {
  width: 930px;
  margin: 0 auto;
  /*overflow: hidden;*/
}

.page-header {
  position: relative;
  z-index: 5000;
}

/*-- SERVICE MENU --*/

#servicemenu {
  float: left;
  width: 670px;
  height: 82px;
  margin: 0;
}

#servicemenu > ul > li > a {
  color: #5F5F5F;
}

#servicemenu > ul > li {
  float: left;
  margin: 0 2em 0 0;
  padding: 1em 0 0;
  font-size: 0.6875em;
  height: 67px;
}

#servicemenu label {
  color: #5F5F5F;
  padding: 0 1em 0 0;
}

/*-- SITE SEARCH --*/
#site-search {
  float: left;
  margin: 0;
}

#site-search p {
  font-size: 0.6875em;
  margin: 0.3em 0 0 0;
}

#search {
  border: none;
  border-left: 1px solid #bdbebf;
}

/*-- COOKIE BANNER --*/

#cookie-notification {
  display: none;
  background: #ededed;
  margin: 0 0 11px;
}

#cookie-notification .cookie-inner {
  position: relative;
  margin: 0 auto;
  padding: 7px 0;
  width: 930px;
}

#cookie-notification p {
  font-size: 0.6875em;
  margin: 0;
}

#cookie-notification a.close {
  position: absolute;
  top: 5px;
  right: 0;
  background: url(img/overlay-closer-x.png) no-repeat 5px 5px;
  padding: 0;
  width: 20px;
  height: 20px;
}

#cookie-notification + #header #overlay-wrapper.selected .overlay-link {
  cursor: pointer;
  margin-top: -12px;
  border-top: 1px solid #c4c4c4;
}

/*-- LOGO --*/

#logo {
  float: right;
  width: 260px;
  height: 47px;
  margin: 1.5em 0;
}

#logo a {
  border: none;
}

/*-- OVERLAY --*/

#servicemenu > ul > li.overlay-item {
  height: auto;
}

#overlay-wrapper {
  margin: 0;
}

#overlay-wrapper.selected {
  height: 67px;
  -webkit-box-shadow: 0 12px 10px #c4c4c4;
  box-shadow: 0 12px 10px #c4c4c4;
}

#overlay-wrapper .overlay-link {
  position: relative;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background: url('img/overlay-map-black.png') 3px 8px no-repeat;
  margin: -1em 0 0;
  padding: 1em 2em 0 37px;
  height: 100%;
  z-index: 6001;
}

#overlay-wrapper.selected .overlay-link {
  background-color: #f7f7f7;
  border-color: #bdbebf;
}

#overlay-wrapper .overlay-link > p {
  background: 0 4px no-repeat;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 0 10px;
}

#overlay-wrapper .overlay-link > p + p {
  margin-top: -2px;
  background-position: 0 5px;
}

#overlay-wrapper .overlay-link .selected,
#overlay-wrapper.selected .overlay-link > p {
  background-image: url('img/overlay-link-arrow.png');
  color: #00914A;
}

#overlay-wrapper.selected .overlay-link .selected {
  background-image: none;
  color: #5F5F5F;
  font-weight: normal;
}

#overlay-wrapper .overlay {
  font-size: 16px;
  line-height: 1em;
  position: absolute;
  top: 77px;
  width: 930px;
  margin: 0;
  z-index: 6000;
  background-color: #f7f7f7;
  border-radius: 0 5px 5px 5px;
  -webkit-box-shadow: 0 5px 10px #c4c4c4;
  box-shadow: 0 5px 10px #c4c4c4;
  display: none;
}

#overlay-wrapper .overlay-content {
  padding: 22px 14px 5px;
  margin-bottom: 0;
  border: 1px solid #c4c4c4;
  border-bottom: none;
  border-radius: 0 5px 0 0;
}

#overlay-wrapper .overlay-headline {
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.5em;
  margin: 0 3px 0.25em;
  color: #5F5F5F;
}

#overlay-wrapper .overlay-description {
  margin: 0 3px;
  color: #5F5F5F;
}

#overlay-wrapper .overlay-description p {
  font-size: 0.875em;
  line-height: 1.5em;
}

#overlay-wrapper .overlay-description p + p {
  margin-top: 1em;
}

#overlay-wrapper .teaser {
  padding: 0;
  margin-bottom: 0;
  margin-top: 20px;
  height: auto;
}

#overlay-wrapper .teaser + .teaser {
  padding-left: 15px;
}

#overlay-wrapper .teaser h5 {
  font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", Calibri, Tahoma, Verdana, sans-serif;
  font-weight: 100;
  font-size: 1.125em;
  line-height: 1.5em;
  color: #393c3e;
  margin: 0 0 0.25em;
  white-space: nowrap;
}

  #overlay-wrapper .overlay-closer-wrapper {
  background-color: #5f5e5e;
  margin: 0;
  padding: 6px 10px 7px 15px;
  border-radius: 0 0 5px 5px;
}

#overlay-wrapper .overlay-closer-wrapper .note {
  float: left;
  color: #fff;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

#overlay-wrapper .overlay-closer {
  display: block;
  float: right;
  padding-left: 14px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background: url('img/icon-close.gif') 0 4px no-repeat;
}

/*-- LOCATIONS --*/

.location-list {
  font-size: 11px;
  line-height: 13px;
  float: left;
  margin: 7px 0 12px;
}

.box .location-list {
  font-size: 12px;
  line-height: 15px;
}

.location-list + .location-list {
  margin-left: 20px;
}

.location-list li {
  text-align: left;
  white-space: nowrap;
}

.location-list li.selected a {
  color: #5F5F5F;
}

.box .country-map {
  background: #f7f7f7;
  margin: 0 0 0.5em;
  padding: 0 9px;
}

.box .country-map img {
  float: right;
  margin: 9px 0 0;
}

/*-- NAVIGATION --*/

#navigation {
  float: left;
  margin: 0;
  padding: 0 0 11px 0;
  overflow: hidden;

}

#navigation li {
  float: left;
  margin: 0 2em 0 0;
  font-size: 1.125em;
  line-height: 1em;
}

#navigation li a {
  display: block;
  color: #62696C;
}

#navigation li a:hover {
  color: #00914A;
  text-decoration: none;
}

#navigation .selected, #sub-navigation .selected {
  color: #00914A;
}

/*-- SUB-NAVIGATION --*/
#sub-navigation {
  width: 100%;
  margin: 0;
  padding: 0.75em 0;
  overflow: hidden;
  background: #FFF;
  border-top: 1px solid #DDD;
}

#sub-navigation ul {
  width: 930px;
  margin: 0 auto;
}

#sub-navigation li {
  float: left;
  margin: 0 1.5em 0 0;
  font-size: 0.8125em;
}

#sub-navigation li a {
  color: #868D90;
}

#sub-navigation li a:hover {
  color: #00914A;
  text-decoration: none;
}

/*-- PAGE-HEADER --*/

.page-header {
  width: 100%;
  margin: 0;
  color: #393C3E;
  background: #ededed;
}

.page-header-inner {
  position: relative;
}

.page-header-inner h1 {
  font-size: 2.8125em;
  line-height: 1.5em;
  margin: 0.25em 0;
}

.page-header-inner h2 {
  font-size: 2.8125em;
  margin: 0.25em 0;
}

/*-- PANEL --*/

.panel, .panel p {
  margin: 0;
}

.panel, .panel-item {
  width: 930px;
  height: 380px;
  overflow: hidden;
}

.panel {
  position: relative;
}

/*-- Größere Bilder im Showroom --*/

.page-header.showroom .panel, .page-header.showroom .panel-item {
  height: 500px;
}

.page-header.showroom .panel-control-left {
  position: absolute;
  top: 220px;
  left: 10px;
  z-index: 5000;
  width: 38px;
  height: 60px;
}

.page-header.showroom .panel-control-right {
  position: absolute;
  top: 220px;
  right: 10px;
  z-index: 5000;
  width: 38px;
  height: 60px;
}

.panel-item-wrapper {
  width: 100000px;
  position: absolute;
}

.panel-item-wrapper .panel-item {
  float: left;
  position: relative;
  color: #FFF;
}

.panel-control {
  position: absolute;
  top: 170px;
  left: 10px;
  z-index: 5000;
  width: 38px;
  height: 60px;
}

.panel-control-left a {
  display: block;
  left: auto;
  right: 10px;
  width: 38px;
  height: 60px;
  background: url('img/slider-arrow.png') top left no-repeat;
  text-indent: -9999px;
}

.panel-control-left a:hover {
  left: auto;
  right: 10px;
  background: url('img/slider-arrow.png') center left no-repeat;
  text-decoration: none;
}

.panel-control-left.carousel-disabled a {
  background: url('img/slider-arrow.png') bottom left no-repeat !important;
  cursor: default;
}

.panel-control-right {
  left: auto;
  right: 10px;
  width: 38px;
  height: 60px;
}

.panel-control-right a {
  display: block;
  left: auto;
  right: 10px;
  width: 38px;
  height: 60px;
  background: url('img/slider-arrow.png') top right no-repeat;
  text-indent: -9999px;
}

.panel-control-right a:hover {
  left: auto;
  right: 10px;
  background: url('img/slider-arrow.png') center right no-repeat;
  text-decoration: none;
}

.panel-control-right.carousel-disabled a {
  background: url('img/slider-arrow.png') bottom right no-repeat !important;
  cursor: default;
}

.panel-desc {
  position: absolute;
  width: 225px;
  height: 380px;
  left: 640px;
  top: 0;
  padding: 1em 0 0 1em;
  z-index: 10;
}

.panel-desc h2, .panel-info h2 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 0 0 1em 0;
}

.panel-desc p, .panel-info p {
  font-size: 0.875em;
  margin: 0 0 1.25em 0;
}

.panel-desc p.belong {
  font-size: 0.75em;
  font-weight: bold;
  margin: 0;
}

.panel-desc li, .panel-info li {
  font-size: 0.75em;
}

.panel-desc a {
  background: url('img/small-arrow.png') center left no-repeat;
}

.panel-info,
.panel-info.bottom-right {
  position: absolute;
  width: 445px;
  top: auto;
  right: 5em;
  bottom: 1.5em;
  left: auto;
  margin: 0;
  padding: 1em;
  background: url('img/panel-info.png');
}

.panel-info.top-right {
  top: 1.5em;
  right: 5em;
  bottom: auto;
  left: auto
}

.panel-info.bottom-left {
  top: auto;
  right: auto;
  left: 5em;
  bottom: 1.5em;
}

.panel-info.top-left {
  top: 1.5em;
  right: auto;
  bottom: auto;
  left: 5em;
}

.panel-desc .panel-logo {
  position: absolute;
  bottom: 33px;
  left: 1em;
}

.panel-desc .panel-logo.penter {
  bottom: 31px;
}

.panel-info .panel-logo {
  position: absolute;
  bottom: 20px;
  right: 15px;
}

.panel-info .panel-logo.penter {
  bottom: 18px;
}

/*-- PANEL-SELECTOR --*/
.panel-selector {
  width: 930px;
  height: 20px;
}

.panel-selector-item-wrapper {
  width: 10000px;
  position: absolute;
}

.panel-selector .panel-selector-item {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
}

.panel-selector .carousel-selected {
  border: 1px solid red;
}

/*-- PAGE-WRAPPER --*/
#page-wrapper {
  width: 100%;
  margin: 0;
  overflow: hidden;
}

.grey {
  background: #F7F7F7;
}

/*-- PAGE-BODY --*/

#page-body {
  width: 960px;
  margin: 0 auto;
}

#page-home {
  width: 960px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/*-- PAGE-CONTENT --*/
#page-content {
  width: 950px;
  overflow: hidden;
  margin: 0 auto;
}

/*-- BREADCRUMBS --*/

.breadcrumbs {
  width: 930px;
  height: 37px;
  margin: 0 auto 2.5em;
  font-size: 0.6875em;
  color: #868D90;
  background: url('img/breadcrumb-shadow.png') bottom center no-repeat;
}

.breadcrumbs li {
  float: left;
  margin: 1em 0;
}

.breadcrumbs a {
  margin: 0 0.5em 0 0;
  padding: 0 1em 0 0;
  color: #868D90;
  background: url('img/breadcrumb-arrow.png') right center no-repeat;
}

/*-- TEASER --*/

.teaser {
  width: 290px;
  overflow: hidden;
  padding: 0 15px 1em;
  height: 270px;
}

.teaser h2, .channel-teaser h2 {
  font-size: 1.125em;
  margin: 0 0 0.25em;
  white-space: nowrap;
}

.teaser h4 {
  font-size: 0.875em;
  font-weight: normal;
  margin: 0;
}

.teaser h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
}

.countries li {
  font-size: 0.75em;
}

/*-- PLZ Suche --*/
.geo-search {
  font-size: 0.6875em;
}

.geo-search input {
  margin: 0;
  width: 25px;
  font-size: 1em;
  padding: 2px 5px;
  border: 1px solid #BDBEBF;
}

.geo-search-submit {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 0 5px;
  padding: 2px 2px;
  height: 19px;
  color: #FFF;
  background: #00914A;
  border: none;
}

.productfinder {
  margin: 0 0 0.75em;
}

.productfinder li {
  margin: 0 0 5px 0;
  height: 50px;
  font-size: 1.125em;
  text-align: left;
  background: #000 url('img/productfinder-arrow.png') center right no-repeat;
}

.productfinder a {
  display: block;
  color: #FFF;
  padding: 1em 0 1em 1em;
}

/*-- ARTICLE-HEADER --*/
.article-header {
  width: 930px;
  overflow: hidden;
  margin: 0 auto;
}

.article-header h1 {
  display: block;
  float: left;
  margin: 0;
  font-size: 3em;
  line-height: 1.333em;
  color: #393C3E;
}

.article-header h1.small {
  font-family: Arial, ​Helvetica, ​sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 1em;
}

.article-header h2 {
  text-transform: uppercase;
}

.fb-like-button {
  float: left;
  width: 120px;
  height: 21px;
  margin: 1.75em 0 0 1em;
}

/*-- ARTICLE --*/

.article {
  margin: 0 10px;
}

/*-- ARTICLE-BODY --*/

.article-body {
  width: 660px;
  padding: 11px 0 0 0;
  background: url('img/article-body-shadow.png') top center no-repeat;
}

.article-tab-contents {
  background: url('img/article-tab-contents.png') top center repeat-y;
}

/*-- ARTICLE-INNER --*/
.article-inner {
  width: 660px;
  background: url('img/article-bottom-shadow-white.png') bottom center no-repeat;
  margin: 0;
  padding: 0 0 12px 0;
}

.grey .article-inner {
  background-image: url('img/article-bottom-shadow.png');
}

.article-tab-contents .article-inner {
  display: none;
}

.article-tab-contents .article-inner.selected {
  display: block;
}

.article-inner {
  overflow: hidden;
}

/*-- ARTICLE-TABS --*/

.article-tabs {
  width: 640px;
  overflow: hidden;
  margin: 0 auto 1em;
  background: url('img/tabs-bg.png') top center;
  font-size: 0.875em;
}

.article-tabs.flexible {
  display: table;
}

.article-tabs ul {
  margin: 0 !important;
  background: url('img/tabs-bg.png') top center;
}

.article-tabs.flexible ul {
  display: table-row;
}

.article-tabs li {
  float: left;
  width: 213px;
  text-align: center;
  height: 41px;
  font-size: 1em !important;
  list-style: none !important;
}

.article-tabs.flexible li {
  display: table-cell;
  float: none;
  width: auto;
}

.article-tabs a {
  display: block;
  background: url('img/tab-bg.png') 0 0 no-repeat;
  padding: 1em 0;
  color: #868D90;
}

.article-tabs.flexible a {
  padding: 1em 10px;
}

.article-tabs li:first-child a {
  background-image: none;
}

.article-tabs li.info,
.article-tabs li.info a {
  width: 263px;
}

.article-tabs li.download,
.article-tabs li.download a {
  width: 163px;
}

.article-tabs li.shadow {
  background: url('img/tab-bg.png') 0 0 no-repeat;
  width: 41px;
}

.article-tabs a:hover {
  color: #00914A;
}

.article-tabs .selected {
  font-weight: bold;
  color: #00914a;
  background: #fff;
}

/*-- ARTICLE-IMAGE --*/
.article-image {
  float: left;
  margin: 0 1.5em 1em 0;
}

/*-- ARTICLE-TEXT --*/
.article-text {
  width: 600px;
  margin: 1em auto 1em auto;
  background: #FFF;
}

.article-text h2 {
  font-size: 0.875em;
  font-weight: bold;
}

.article-text .section + .section {
  padding-top: 1em;
}

/*-- PRODUCT-INFO --*/

.product-info {
  width: 600px;
  overflow: hidden;
  margin: 0 auto;
}

.product-info-list {
  width: 200px;
  margin: 0 0 0 0;
}

.product-info-list li {
  margin-right: 3px;
}

.product-info-list li img {
  margin: 5px 0 0 2px;
}

.product-related {
  float: left;
  margin: 0 0 2em;
}

.product-related.right {
  float: right;
  margin-left: 20px;
}

.product-related h3 {
  font-size: 1em;
  margin: 0;
  padding: 11px 0 9px;
}

.product-related img {
  display: block;
}

.product-related p {
  margin: 0;
  width: 290px;
  height: 160px;
  overflow: hidden;
}

/*.list-view ul,*/
.article-text ul,
.product-info ul,
.product-application ul,
.product-highlight ul,
.copytext ul,
.list-view .copytext ul {
  margin: 0 0 1em 1em;
}

.article-text li, .product-info li, .product-application li, .product-highlight li, .copytext li, .list-view .copytext li {
  font-size: 0.75em;
  list-style: square outside url('img/list-square.gif');
}

.list-view li {
  font-size: 0.75em;
  list-style: none;
}

.article-footer {
  width: 660px;
  overflow: hidden;
  margin: 0 0 2em 0;
}

.article-footer-list {
  width: 288px;
  margin: 0 1em;
}

.article-footer-list h3 {
  margin: 0;
  padding: 0 0 7px;
}

.article-footer-list li {
  font-size: 0.875em;
  padding: 10px 0 0;
}

.article-footer-list a {
  font-weight: normal;
  color: #00914A;
  background-repeat: no-repeat;
  display: block;
  padding: 16px 0 16px 65px;
}

/*-- FORMATE --*/
.formate {
  margin: 2em 0 0 -20px;
  width: 640px;
  overflow: hidden;
  background: url('img/formate-bg.png') repeat;
  position: relative;
}

.formate h3 {
  padding: 0 0 1em 20px;
}

.format-item {
  float: left;
  padding: 0 0 0 1em;
  min-height: 250px;
  height: 300px;
  margin: 0;
}

/*-- ARTICLE-DOWNLOAD --*/

.article-download {
  margin: 0 auto 1em;
  padding: 1em;
  background: #F2F2F2;
  overflow: hidden;
}

.download-image {
  float: left;
  margin: 0 1em 0 0;
}

.download-image p {
  margin: 0;
}

.download-description {
  overflow: hidden;
}

.article-download h3 {
  margin: 0;
  font-size: 0.875em;
  font-weight: bold;
  color: #868d90;
}

.article-download ul {
  margin: 0 !important;
}

.article-download li {
  font-size: 0.75em;
  line-height: 1.75em;
  list-style: none !important;
  list-style-image: none;
}

.article-download a {
  color: #5F5F5F;
}

.article-download a:hover {
  color: #00914A;
}

.ico-pdf {
  padding: 0 35px 0 35px;
  background: url('img/ico-pdf.png') left top no-repeat;
}

.ico-jpg {
  padding: 0 35px 0 35px;
  background: url('img/ico-jpg.png') left top no-repeat;
}

.ico-dwg {
  padding: 0 35px 0 35px;
  background: url('img/ico-dwg.png') left top no-repeat;
}

.ico-pat {
  padding: 0 35px 0 35px;
  background: url('img/ico-pat.png') left top no-repeat;
}

.ico-3d {
  padding: 0 35px 0 35px;
  background: url('img/ico-3d.png') left top no-repeat;
}

/*-- PRODUCT-FINDER --*/

.product-category-wrapper {
  width: 660px;
  overflow: hidden;
  margin: 0 0 2em 12px;
  display: inline;
}

.product-category {
  clear: left;
  margin: 0;
  overflow: hidden;
}

.product-category h3 {
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}

.product-category h3 a {
  display: block;
  float: left;
  color: #000;
  background: url('img/product-finder-arrow-off.png') center left no-repeat;
  padding: 0 0 0 20px;
}

.product-category.fixed-size h3 a {
  width: 40px;
}

.product-category a:hover {
  text-decoration: none;
}

.product-category.product-category-selected h3 a {
  background: url('img/product-finder-arrow-on.png') center left no-repeat;
  padding: 0 0 0 20px;
}

.product-list {
  margin: 1em 0 0 0;
  width: 610px;
}

.product-list li {
  clear: left;
  overflow: hidden;
}

.product-list .product-description h2,
.product-list .ref-teaser-desc h2 {
  color: #868D90;
  font-size: 0.875em;
  line-height: 1.143333em;
  font-weight: bold;
  margin: 0;
}

.products-more, .products-less {
  clear: left;
  text-align: center;
  padding: 0 0 1em 0;
}

.products-more a {
  font-size: 1.125em;
  padding: 0.5em;
  background: url('img/products-more.png') bottom center no-repeat;
}

.products-less a {
  font-size: 1.125em;
  padding: 0.5em;
  background: url('img/products-less.png') bottom center no-repeat;
}

.product-image, .product-description, .product-application, .product-highlight {
  float: left;
}

.product-image {
  width: 76px;
}

.product-description {
  width: 532px;
}

.product-description a:hover {
  text-decoration: underline;
}

.product-application {
  width: 150px;
  margin: 0 0 1em 15px;
  padding: 0 0 0 15px;
  background: url('img/divider.png') top left no-repeat;
}

.product-highlight {
  width: 300px;
  margin: 0 0 1em 15px;
  padding: 0 0 0 15px;
  background: url('img/divider.png') top left no-repeat;
}

/*-- PRODUCT-PLANER --*/

.product-planer {
  width: 600px;
  margin: 0 auto;
  overflow: hidden;
}

.product-planer li {
  margin: 0 0 3em 0;
  font-size: 1em;
}

.product-planer li.cad-teaser {
  line-height: 1.3em;
  margin-bottom: 2em;
}

.pattern-selector-list {
  width: 600px;
  height: 165px;
  position: relative;
  overflow: hidden;
}

.pattern-selector-list li.selected {
  margin-right: 40px;
}

.pattern-selector ul {
  width: 10000px;
  position: absolute;
}

.pattern-selector ul li {
  float: left;
  width: 165px;
  height: 165px;
}

.pattern-selector > div {
  clear: both;
}

.pattern-nav {
  width: 100%;
  height: 60px;
  position: relative;
  margin: 0em auto;
  overflow: hidden;
  background: #F3F3F3;
  text-align: center;
}

.product-planer-result-pic {
  float: left;
  width: 200px;
  text-align: center;
}

.product-planer-result-info h4.product-planer-header-light {
  color: #0f0;
}

.pattern-selector-left, .pattern-selector-right {
  position: absolute;
  top: 0;
  display: block;
  width: 40px;
  height: 60px;
  text-indent: -9999px;
  background: url('img/pattern-selector-nav.png') no-repeat;
}

.pattern-selector-left {
  position: absolute;
  left: 0;
  background-position: top left;
}

.pattern-selector-left:hover {
  background-position: center left;
}

/*.pattern-selector-left.disabled { background-position: bottom left; cursor: default; }*/

.pattern-selector-right {
  right: 0;
  background-position: top right;
}

.pattern-selector-right:hover {
  background-position: center right;
}

/*.pattern-selector-right.disabled { background-position: bottom right; cursor: default; }*/

.pattern-selector-desc {
  margin: 0.9em 0;
}

.pattern-selector-desc p {
  margin: 0;
}

.pattern-selector-title {
  margin: 0;
  font-weight: bold;
  font-size: 1.16667em;
}

.pattern-selector-count {
  font-size: 1em;
}

.product-planer-result li {
  width: 600px;
  float: left;
  margin: 1em 0;
  overflow: hidden;
}

.product-planer-result-imagecontainer {
  margin: 0 1em 0 0;
  float: left;
  text-align: center;
  overflow: hidden;
}

.product-planer-result-detail {
  width: 80px;
  float: left;
  margin: 2em 0 0 0;
}

.product-planer-result-amount {
  font-size: 1em;
  color: #868d90;
  margin: 0 0 0.25em 0;
}

.product-planer-result-pallets {
  font-size: 1em;
  color: #868d90;
  margin: 0 0 0.25em 0;
}

.product-planer-result-info {
  float: right;
  width: 390px;
}

.product-planer-result-info h4 {
  font-size: 1.125em;
  line-height: 1.25em;
  font-weight: normal;
  color: #393b3d;
  padding-bottom: 8px;
}

.product-planer-result-info h4 .product-planer-header-light {
  color: #8b8b8b;
}

.product-planer-result-info ul {
  background-color: #f3f3f3;
  padding: 16px 20px 14px 20px;
}

.product-planer-result-info li {
  float: none;
  font-size: 0.75em;
  line-height: 1.2em;
  margin: 5px 0 0;
  padding: 0;
  overflow: auto;
  width: auto;
}

.product-planer-result-info li.product-planer-result-info-element + li.product-planer-result-info-element {
  border-top: 1px dotted #c2c2c2;
  padding-top: 7px;
}

.product-planer-result-info li.product-planer-result-info-title {
  color: #393b3d;
  font-size: 0.8125em;
  line-height: 1em;
  font-weight: bold;
  margin-top: 0;
  padding-bottom: 8px;
}

.product-planer-result-info-value {
  float: right;
}

/*
.print-button {
  width: 300px;
  margin: 1em;
}
.print-button button {
  display: block;
  width: 221px;
  height: 51px;
  padding: 0.25em 0 0 0.75em;
  border: none;
  font-size: 1em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF;
  background: url('img/print-button.png') top left no-repeat;
  cursor: pointer;
}
*/
.print-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  margin: 0;
  padding: 0 1em 0 0;
}

.print-button {
  margin: 1em;
}

.print-wrapper .print-button {
  margin: 0;
}

.print-button a.button {
  display: block;
  float: left;
  color: #fff;
  background: url('img/bg-button-print.png') top left no-repeat;
  font-size: 0.875em;
  margin-bottom: 0;
  padding: 0 0 0 28px;
  width: auto;
}

.print-wrapper a.button {
  float: right;
}

.print-button a.button:hover {
  text-decoration: none;
}

.print-button a.button span {
  display: block;
  background: url('img/bg-button-right.png') top right no-repeat;
  padding: 5px 9px 0 0;
  height: 20px;
  cursor: pointer;
}

.theme .article-text {
  position: relative;
  padding-bottom: 2em;
}

.theme .article-text .print-wrapper {
  padding: 0;
}

table.printtable td.col1 {
  width: 300px;
  height: 30px;
}

/*-- LIST-VIEW -- */

.list-view {
  width: 610px;
  margin: 0 50px 2em 10px;
}

/*-- PLAIN-ARTICLE -- */
.plain-article {
  width: 610px;
  margin: 0 50px 2em 10px;
}

/*-- REFERENZ-LIST --*/

.reference-list {
  width: 640px;
  margin: 1em 0 0;
  overflow: hidden;
}

.article-header + .list-view .reference-list {
  margin-top: 0;
}

.reference-list li {
  clear: left;
  font-size: 1em;
  overflow: hidden;
  list-style: none !important;
}

.reference-list .ref-teaser-desc h2 {
  color: #868D90;
  font-size: 0.875em;
  line-height: 1.14333em;
  font-weight: bold;
  margin: 0;
}

.ref-image, .ref-teaser, .ref-teaser-desc, .ref-products {
  float: left;
}

.ref-image {
  width: 160px;
}

.ref-teaser {
  width: 265px;
}

.ref-teaser-desc {
  width: 450px;
}

.ref-products {
  width: 145px;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  background: url('img/divider.png') top left no-repeat;
}

.ref-products ul {
  font-size: 0.75em;
}

.ref-products li {
  margin: 0 0 0 0px;
  line-height: 1.7em;
  list-style: square outside url('img/list-square.gif') !important;
}

/*-- SIDEBAR --*/

#sidebar {
  width: 270px;
}

/*-- SIDEBARMENU --*/
#sidebarmenu {
  margin: 1em 0;
}

#sidebarmenu ul {
  margin: 0;
}

#sidebarmenu li {
  font-size: 0.875em;
  line-height: 1.75em;
  list-style: none;
}

#sidebarmenu a {
  color: #393C3E;
}

#sidebarmenu .selected {
  list-style: outside url('img/sidebarmenu-arrow.png');
}

#sidebarmenu .selected a {
  color: #00914A;
}

/*-- BOX --*/
.box {
  text-align: center;
  background: #E5E5E5;
  padding: 0 0 0 0;
}

.box p {
  margin: 0;
  padding: 0 0 0.5em 0;
  font-size: 0.875em;
  font-weight: bold;
}

.box p:first-child {
  padding: 0.5em 0;
}

.box p:first-child img {
  margin: -0.5em 0 0.5em;
}

#sidebar .teaser-image {
  margin: 0;
  padding: 0;
}

/*-- SIDEBAR PRODUCTFINDER --*/

#sidebar .productfinder {
  text-align: left;
}

#sidebar .productfinder a {
  font-size: 0.75em;
  font-weight: normal;
  color: #00914A;
  margin: 0;
  padding: 0;
}

#sidebar .productfinder li {
  margin: 0 0 5px 0;
  height: 50px;
  text-align: left;
  background: #000 url('img/productfinder-arrow.png') center right no-repeat;
}

#sidebar .productfinder li a {
  display: block;
  color: #FFF;
  font-size: 1.125em;
  padding: 1em 0 1em 1em;
}

/*-- FOOTER --*/

#footer {
  width: 100%;
  clear: left;
  overflow: hidden;
  margin: 0;
  background: #ededed url('img/footer-shadow.png') top center no-repeat;
}

/*-- SITEMAP --*/

#sitemap {
  width: 930px;
  overflow: hidden;
  margin: 2em auto;
  font-size: 0.75em;
  line-height: 1.5em;
}

#sitemap li {
  float: left;
  width: 155px;
  font-weight: bold;
}

#sitemap li ul {
  margin: 1.5em 0 0 0;
}

#sitemap ul li {
  clear: left;
}

#sitemap a {
  font-weight: normal;
  color: #333;
}

/*-- IMPRESSUM --*/

#impressum {
  width: 100%;
  clear: left;
  overflow: hidden;
  margin: 0;
  color: #FFF;
  background: #5f5e5e;
}

#impressum ul {
  width: 930px;
  margin: 0 auto;
}

#impressum li {
  float: left;
  padding: 1em 0;
  font-size: 0.6875em;
}

#impressum a {
  color: #FFF;
}

.col-1 {
  width: 320px;
}

.col-3 {
  width: 320px;
}

.col-6 {
  width: 290px;
}

/*-- COLOR-SELECTOR --*/

#color-selector {
  width: 600px;
  height: 460px;
  background: #F7F7F7;
  overflow: hidden;
  position: relative;
}

#color-viewer {
  width: 400px;
  position: absolute;
  top: 20px;
  right: 20px;
  overflow: hidden;
}

#color-thumbs .color-thumbs-down a {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 10px;
  width: 181px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: url('img/color-selector-button.png') top left no-repeat;
  border: none;
  z-index: 100;
}

#color-thumbs .color-thumbs-up a {
  display: block;
  position: absolute;
  top: 0px;
  left: 10px;
  width: 181px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  background: url('img/color-selector-button.png') top right no-repeat;
  border: none;
  z-index: 100;
}

#color-thumbs .color-thumbs-down a:hover {
  background: url('img/color-selector-button.png') center left no-repeat;
}

#color-thumbs .color-thumbs-up a:hover {
  background: url('img/color-selector-button.png') center right no-repeat;
}

#color-thumbs .color-thumbs-down.disabled a {
  background: url('img/color-selector-button.png') bottom left no-repeat;
}

#color-thumbs .color-thumbs-up.disabled a {
  background: url('img/color-selector-button.png') bottom right no-repeat;
}

#color-thumbs-carousel {
  width: 145px;
  height: 460px;
  margin: 16px 0 0 0;
  position: absolute;
  left: 25px;
  list-style: none;
}

#color-thumbs li {
  list-style-image: none;
  list-style: none;
}

#color-thumbs {
  height: 460px;
  overflow: hidden;
}

#color-thumbs a {
  display: block;
  width: 140px;
  height: 120px;
  padding: 5px 0;
}

#color-thumbs img {
  border: 2px solid transparent;
}

#color-thumbs li .selected {
  background: url('img/color-selector-indicator.png') center right no-repeat;
}

#color-thumbs li .selected img {
  border: 2px solid #00914A;
}

.color-sample {
  margin: 0 0 0.5em 0;
}

/*-- SLIDER STYLES --*/

/*-- SLIDER STYLES DEFAULT --*/

.thumbnail-housing-default {
  width: 960px;
  margin: 0 auto;
  height: 80px;
}

.thumbnail-housing-default .thumbnail-wrapper {
  float: left;
  height: 60px;
  margin: 0;
  overflow: hidden;
}

.thumbnail-housing-default .thumbs-short {
  width: 640px;
  padding: 0 15px;
  overflow: hidden;
  height: 80px;
  background: url('img/thumbs-short-bg.png') bottom no-repeat;
}

.thumbnail-housing-default .thumbs-full {
  width: 930px;
  padding: 0 15px;
  overflow: hidden;
  height: 80px;
  background: url('img/thumbs-full-bg.png') bottom no-repeat;
}

.thumbnail-housing-default .gallery-thumbs-buttons-left,
.thumbnail-housing-default .gallery-thumbs-buttons-right {
  float: left;
  width: 40px;
  height: 60px;
  margin: 0;
}

/* -- left default button --*/
.thumbnail-housing .gallery-thumbs-buttons-left a {
  display: block;
  width: 40px;
  height: 80px;
  text-indent: -9999px;
  background: url('img/gallery-thumbs-button.png') top left no-repeat;
}

/* -- left hover button --*/
.thumbnail-housing .gallery-thumbs-buttons-left a:hover {
  background: url('img/gallery-thumbs-button.png') center left no-repeat;
}

/* -- left disabled button --*/
.thumbnail-housing .gallery-thumbs-buttons-left.carousel-disabled a,
.thumbnail-housing .gallery-thumbs-buttons-left.carousel-disabled a:hover {
  background: url('img/gallery-thumbs-button.png') bottom left no-repeat !important;
  cursor: default;
}

/* -- right default button --*/
.thumbnail-housing .gallery-thumbs-buttons-right a {
  display: block;
  width: 40px;
  height: 80px;
  text-indent: -9999px;
  background: url('img/gallery-thumbs-button.png') top right no-repeat;
}

/* -- right hover button --*/
.thumbnail-housing .gallery-thumbs-buttons-right a:hover {
  background: url('img/gallery-thumbs-button.png') center right no-repeat;
}

/* -- right disabled button --*/
.thumbnail-housing .gallery-thumbs-buttons-right.carousel-disabled a,
.thumbnail-housing .gallery-thumbs-buttons-right.carousel-disabled a:hover {
  background: url('img/gallery-thumbs-button.png') bottom right no-repeat !important;
  cursor: default;
}

/* -- left default button --*/
.thumbnail-housing-default .gallery-thumbs-buttons-left a {
  display: block;
  width: 40px;
  height: 80px;
  text-indent: -9999px;
  background: url('img/gallery-thumbs-button.png') -10px left no-repeat;
}

/* -- left hover button --*/
.thumbnail-housing-default .gallery-thumbs-buttons-left a:hover {
  background: url('img/gallery-thumbs-button.png') -90px left no-repeat;
}

/* -- left disabled button --*/
.thumbnail-housing-default .gallery-thumbs-buttons-left.carousel-disabled a,
.thumbnail-housing-default .gallery-thumbs-buttons-left.carousel-disabled a:hover {
  background: url('img/gallery-thumbs-button.png') -170px left no-repeat !important;
  cursor: default;
}

/* -- right default button --*/
.thumbnail-housing-default .gallery-thumbs-buttons-right a {
  display: block;
  width: 40px;
  height: 80px;
  text-indent: -9999px;
  background: url('img/gallery-thumbs-button.png') -10px right no-repeat;
}

/* -- right hover button --*/
.thumbnail-housing-default .gallery-thumbs-buttons-right a:hover {
  background: url('img/gallery-thumbs-button.png') -90px right no-repeat;
}

/* -- right disabled button --*/
.thumbnail-housing-default .gallery-thumbs-buttons-right.carousel-disabled a,
.thumbnail-housing-default .gallery-thumbs-buttons-right.carousel-disabled a:hover {
  background: url('img/gallery-thumbs-button.png') -170px right no-repeat !important;
  cursor: default;
}

.thumbnail-housing {
  width: 960px;
  margin: 0 auto;
  height: 100px;
}

.thumbnail-housing .thumbnail-wrapper {
  float: left;
  height: 80px;
  margin: 0;
  overflow: hidden;
}

.thumbnail-housing .thumbs-short {
  width: 640px;
  padding: 0 15px;
  overflow: hidden;
  height: 100px;
  background: url('img/thumbs-short-bg.png') bottom no-repeat;
}

.thumbnail-housing .gallery-thumbs-buttons-left,
.thumbnail-housing .gallery-thumbs-buttons-right {
  float: left;
  width: 40px;
  height: 60px;
  margin: 0;
}

.thumbs-short {
  width: 640px;
  padding: 0 15px;
  overflow: hidden;
  height: 80px;
  background: url('img/thumbs-short-bg.png') bottom no-repeat;
}

.thumbs-full {
  width: 930px;
  padding: 0 15px;
  overflow: hidden;
  height: 100px;
  background: url('img/thumbs-full-bg.png');
}

.thumbnail-wrapper {
  float: left;
  height: 80px;
  margin: 0;
  overflow: hidden;
}

.thumbnail-wrapper.short {
  width: 560px;
}

.thumbnail-wrapper.full {
  width: 850px;
}

.gallery-thumbs {
  width: 20000px;
  height: 80px;
  margin: 0 0 0 0;
  border-bottom: 1px solid #CCC;
}

.gallery-thumbs p {
  clear: left;
  padding: 0 5px;
  font-size: 0.875em;
  color: #868D90;
}

.gallery-thumbs li {
  float: left;
  margin: 4px 3px 3px 3px;
}

.privat-thumbs {
  float: left;
  margin: 0;
  height: 80px;
  background: #DEDEDE;
  overflow: hidden;
}

.public-thumbs {
  float: left;
  margin: 0;
  height: 80px;
  background: transparent;
  overflow: hidden;
}

.gallery-thumbs a {
  display: block;
  width: 48px;
  height: 48px;
}

.gallery-thumbs li a {
  border: 2px solid transparent;
}

.gallery-thumbs li a:hover {
  border: 2px solid #FFF;
}

.gallery-thumbs li.selected a {
  border: 2px solid #00914A;
}

.gallery-thumbs li.selected a:hover {
  border: 2px solid #00914A;
}

.profi-download-wrapper {
  width: 610px;
  margin: 0 50px 0 10px;
}

.profi-download-wrapper .product-panel {
  background: none;
  overflow: hidden;
}

/* CHANNEL */
.channel {
  width: 660px;
  padding: 0 0 0 10px;
}

.channel-teaser {
  width: 290px;
  overflow: hidden;
  padding: 0 30px 0 0;
  height: 270px;
}

/*-- MAP --*/

.map-results-wrapper {
  width: 660px;
  margin: 2em 0 0 0;
  padding: 0 0 0 10px;
}

#map-text {
  width: 660px;
  margin: 1em 0 0 0;
  padding: 0 0 0 10px;
  float: left;
}

.map-results-wrapper .product-panel {
  width: 610px;
  background: url('img/map-panel-shadow.png') bottom center no-repeat;
  overflow: hidden;
}

.map-results-wrapper .product-category h3 {
  font-size: 1em;
  margin: 0 0 1em 0;
}

.map-results-wrapper .product-category h3 a {
  display: inline;
  float: none;
}

.address-list {
  width: 610px;
}

.address-item {
  overflow: hidden;
}

.contact-image {
  float: left;
  margin: 0 1em 0 0;
  min-height: 80px;
  max-width: 150px;
  overflow: hidden;
}

.contact-address {
  float: left;
  width: 408px;
  font-size: 0.75em;
  position: relative;
}

.contact-icon {
  position: absolute;
  top: 0px;
  right: 0px;
}

.contact-details {
  float: right;
  width: 170px;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  border-left: 2px solid #EDEDED;
  font-size: 0.75em;
}

.contact-address h2 {
  font-size: 1.166666667em;
  font-weight: bold;
  margin: 0;
}

.contact-address h5, .contact-details h5 {
  font-size: 1.166666667em;
}

.contact-address h5.garden-dealer {
  padding-right: 38px;
}

.location-filter {
  overflow: hidden;
  margin: 0;
  padding: 0.5em 0.5em 0 0.5em;
  background: #EAEAEA;
}

.location-filter div {
  background: #F7F7F7;
  overflow: hidden;
  margin: 0 0 0.5em 0;
  padding: 0.5em 1em;
}

.location-filter div p {
  margin: 0;
}

.map-icon {
  vertical-align: middle;
  margin: 0.25em;
}

.location-filter-region, .location-filter-city {
  width: 100%;
  margin: 0.5em 0;
}

.location-filter-search {
  float: left;
  display: block;
  margin: 0;
  padding: 3px 0 0 5px;
  width: 120px;
  height: 20px;
  border: 1px solid #999;
  border-right: none;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.map-search-button {
  float: left;
  display: block;
  width: 85px;
  height: 25px;
  color: #FFF;
  text-align: center;
  background: url('img/map-search-button.png') top left no-repeat;
  border: none;
  cursor: pointer;
}

.description {
  font-size: 1em;
}

.country {
  text-transform: capitalize;
}

/*-- DRIVING DIRECTIONS --*/

#get-directions {
  float: left;
  width: 30%;
}

#get-directions input {
  width: auto;
}

#get-directions input[type="submit"] {
  margin: 0.75em 0;
}

#get-directions .field-container {
  width: auto;
  margin: 0;
}

#directions-panel {
  display: none;
  float: left;
  width: 70%;
}

#directions-panel h3 {
  float: left;
}

#directions-display {
  clear: both;
  margin-top: 1.45em;
  font-size: 0.75em;
}

#directions-display .adp-marker {
  margin: 0.75em;
}

#directions-error {
  display: none;
  float: left;
  width: 70%;
}

#directions-error .alert {
  margin-top: 1.45em;
  background: #eee;
  border: 1px solid silver;
  color: #000;
  margin: 1.45em 0 0;
  vertical-align: middle;
  width: auto;
}

#directions-error p {
  margin: 0;
}

#directions-print {
  display: none;
  float: right;
  color: #00914A;
  font-size: 0.8125em;
}

/*-- PRODUCT-FINDER --*/

#product-finder-housing {
  width: 930px;
  height: 380px;
  margin: 0 auto;
  overflow: hidden;
}

.product-finder-wrapper {
  width: 828px;
  height: 380px;
  margin: 0;
  overflow: hidden;
}

#product-finder-steps {
  width: 10000px;
  margin: 0 0 0 102px;
}

#product-finder-steps li {
  display: block;
  float: left;
  height: 380px;
  background: url('img/panel-info.png');
}

#selector-application {
  width: 726px;
}

/* 3*(222 + 2 + 2) + 4*16 */
#selector-load {
  width: 242px;
}

#selector-color {
  width: 484px;
}

#selector-surface {
  width: 242px;
}

#selector-joint {
  width: 242px;
}

.selector-container {
  overflow: hidden;
  clear: left;
  margin: 1em 0;
}

.selector-desc {
  float: left;
  width: 226px;
  height: 69px;
  background: #000;
  margin: 0.5em;
}

.selector-desc h2 {
  font-size: 1.375em;
  margin: 0;
  padding: 0 0 0 5px;
}

.selector-desc p {
  font-size: 1em;
  padding: 0 0 0 5px;
}

.selector {
  float: left;
  width: 222px;
  height: 65px;
  color: #000;
  background: #D3D3D3;
  border: 2px solid #FFF;
  margin: 0.5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.selector p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
  padding: 1em 0 0 70px;
  height: 65px;
}

.selector.activated {
  color: #FFF;
  background: #00914A;
}

/* PRODUCT-FINDER-ITEMS */

#selector-1 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_1.jpg') top left no-repeat;
}

#selector-2 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_2.jpg') top left no-repeat;
}

#selector-3 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_3.jpg') top left no-repeat;
}

#selector-4 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_4.jpg') top left no-repeat;
}

#selector-5 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_5.jpg') top left no-repeat;
}

#selector-6 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_6.jpg') top left no-repeat;
}

#selector-7 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_7.jpg') top left no-repeat;
}

#selector-8 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_8.jpg') top left no-repeat;
}

#selector-9 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_9.jpg') top left no-repeat;
}

#selector-10 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_10.jpg') top left no-repeat;
}

#selector-11 p {
  background: url('product-finder-img/semmelrock_productfinder_step1_11.jpg') top left no-repeat;
}

#selector-12 p {
  background: url('product-finder-img/semmelrock_productfinder_step2_1.jpg') top left no-repeat;
}

#selector-13 p {
  background: url('product-finder-img/semmelrock_productfinder_step2_2.jpg') top left no-repeat;
}

#selector-14 p {
  background: url('product-finder-img/semmelrock_productfinder_step2_3.jpg') top left no-repeat;
}

#selector-15 p {
  background: url('product-finder-img/semmelrock_productfinder_step3_1.png') top left no-repeat;
}

#selector-16 p {
  background: url('product-finder-img/semmelrock_productfinder_step3_2.png') top left no-repeat;
}

#selector-17 p {
  background: url('product-finder-img/semmelrock_productfinder_step3_3.png') top left no-repeat;
}

#selector-18 p {
  background: url('product-finder-img/semmelrock_productfinder_step3_4.png') top left no-repeat;
}

#selector-19 p {
  background: url('product-finder-img/semmelrock_productfinder_step3_5.png') top left no-repeat;
}

#selector-20 p {
  background: url('product-finder-img/semmelrock_productfinder_step3_6.png') top left no-repeat;
}

#selector-21 p {
  background: url('product-finder-img/semmelrock_productfinder_step3_7.png') top left no-repeat;
}

#selector-22 p {
  background: url('product-finder-img/semmelrock_productfinder_step4_1.png') top left no-repeat;
}

#selector-23 p {
  background: url('product-finder-img/semmelrock_productfinder_step4_2.png') top left no-repeat;
}

#selector-24 p {
  background: url('product-finder-img/semmelrock_productfinder_step5_1.jpg') top left no-repeat;
}

.product-type {
  clear: left;
  margin: 0;
  overflow: hidden;
}

.product-type h2 {
  font-size: 1.25em;
  text-transform: uppercase;
  margin: 0;
}

.product-type h2 a {
  display: block;
  float: left;
  color: #000;
  background: url('img/product-finder-arrow-off.png') center left no-repeat;
  padding: 0 0 0 20px;
}

.product-type h2 a {
  text-decoration: none;
}

.product-type h2 a:hover {
  text-decoration: none;
}

h2.product-category-selected a {
  background: url('img/product-finder-arrow-on.png') center left no-repeat;
  padding: 0 0 0 20px;
}

.product-panel {
  clear: left;
  overflow: hidden;
  background: url('img/map-panel-shadow.png') bottom left no-repeat;
  min-height: 10px;
  display: none;
}

.product-teaser-list {
  width: 980px;
  padding-left: 10px;
  margin-right: -30px;
}

.product-teaser {
  position: relative;
  float: left;
  width: 290px;
  margin: 0 30px 30px 0;
  padding: 0;
}

.product-teaser a {
  display: block;
  overflow: hidden;
  height: 172px;
}

.product-teaser a img {
  display: block;
  height: auto;
  max-width: 100%;
}

.product-teaser h2 {
  font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", Calibri, Tahoma, Verdana, sans-serif;
  font-weight: 100;
  font-size: 1.125em;
  line-height: 1.5em;
  margin: 0 0 0.25em;
  white-space: nowrap;
}

/* START: --- NEW PRODUCT FINDER --- */
.clearfix {
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden;
}

.finder.small {
  margin: 0;
}

.finder .article-tabs {
  width: 930px;
}

.finder .article-tab-contents {
  padding: 10px 0 0;
  width: 950px;
}

.finder.small .article-tab-contents {
  margin: 0;
}

.finder .article-inner {
  background: url('img/finder-bottom-shadow.png') bottom center no-repeat;
  padding: 0 0 22px 38px;
  width: auto;
}

.finder.small .article-inner {
  padding: 2px 0 28px 21px;
}

.finder-body {
  margin: 0;
  padding: 11px 0 0 0;
  background: url('img/finder-body-shadow.png') top center no-repeat;
}

.finder .category {
  float: left;
  position: relative;
  margin: 0 28px 28px 0;
  width: 273px;
  height: 151px;
  overflow: hidden;
}

.finder .category a {
  text-decoration: none;
}

.finder.small .category {
  margin: 0 9px 10px 0;
  border: 2px solid #FFF;
  width: 140px;
  height: 77px;
}

.finder.small .category.selected {
  border: 2px solid #00914a;
}

.finder .wrapper {
  display: block;
  position: absolute;
  top: 94px;
  left: 0;
  font-size: 1em;
  line-height: 1.2em;
}

.finder.small .wrapper {
  top: 48px;
}

.finder .wrapper .outer {
  display: table;
  overflow: hidden;
  margin: 0;
  width: 273px;
  height: 57px;
  background: url('img/bg-white-transparent.png');
}

.finder.small .wrapper .outer {
  width: 140px;
  height: 30px;
}

.finder .wrapper .outer .inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.finder .desc {
  color: #393C3E;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: bold;
}

.finder .desc.medium {
  font-size: 0.9em;
  line-height: 1.08em;
}

.finder .desc.small {
  font-size: 0.8em;
  line-height: 0.96em;
}

.finder.small .desc {
  font-size: 0.75em;
  line-height: 1em;
}

.finder.small .desc.medium {
  font-size: 0.7em;
  line-height: 0.93em;
}

.finder.small .desc.small {
  font-size: 0.65em;
  line-height: 0.86em;
}

.finder-list .article-inner {
  min-height: 130px;
}

.finder-list .product-category-wrapper {
  display: block;
  margin: 13px 0 13px 24px;
  width: 630px;
}

.finder-list .product-category h3 a {
  padding-right: 14px;
  width: auto;
}

.finder-list .product-panel {
  background: none;
  margin: 0;
}

.finder-list .product-li {
  display: none;
}

.filter {
  background: #eaeaea;
  margin: 11px 0 2em 12px;
  padding: 9px 9px 6px;
}

.filter form {
  display: inline;
}

.filter .filter-head {
  margin: 0;
  padding: 5px 0 22px;
}

.filter p.description {
  float: left;
  font-size: 1.25em;
  line-height: 20px;
  margin: 4px 0 0;
  text-transform: uppercase;
  width: 200px;
}

.filter a.info {
  float: right;
  margin: 0 13px 0 0;
  width: 24px;
  height: 24px;
  background: url('img/icon-info.gif') no-repeat;
}

.filter .property-group {
  background: #f7f7f7;
  margin: 0 0 9px;
  padding: 9px 0 10px;
  width: 250px;
}

.filter .property-group h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0 8px;
  padding: 0 0 10px;
}

.filter .filter-inline {
  margin: -15px 0 0 8px;
}

.filter .filter-inline div.property-wrapper {
  float: left;
  margin: 15px 15px 0 0;
  text-align: center;
}

.filter .filter-inline div.property-wrapper.disabled {
  filter: Alpha(Opacity=20);
  opacity: 0.2;
}

.filter-inline .icon-wrapper {
  margin: 0;
  padding: 0 0 2px;
  overflow: hidden;
}

.filter .filter-inline.inside div.property-wrapper {
  position: relative;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.filter .filter-inline.inside input {
  position: absolute;
  top: 9px;
  left: 9px;
  margin: 0;
  padding: 0;
}

.filter table.property-wrapper {
  margin: 0 8px;
}

.filter table.property-wrapper td {
  padding: 5px 0 5px 7px;
}

.filter table.property-wrapper .disabled td {
  filter: Alpha(Opacity=20);
  opacity: 0.2;
}

.filter table.property-wrapper td.icon {
  text-align: center;
  padding-left: 0;
  width: 54px;
}

.filter table.property-wrapper label {
  font-size: 0.75em;
}

.filter .filter-foot {
  margin: 0;
  width: 250px;
}

.filter p#reset-filter {
  float: right;
  margin: 0;
  text-decoration: underline;
  cursor: pointer;
}

/* END: --- NEW PRODUCT FINDER --- */

/* START: --- ONLINE KATALOG / EBOOKS --- */
.online-catalog {
  padding: 0 10px 50px 10px;
}

.online-catalog .item {
  float: left;
  margin: 30px 0 0 56px;
  width: 190px;
}

.online-catalog .item:first-child {
  margin-left: 0;
}

.online-catalog h2 {
  font-size: 0.875em;
  font-weight: bold;
}

.online-catalog .item img {
  display: block;
}

.online-catalog h3 {
  color: #868d90;
  margin: 17px 0 1px;
}

.online-catalog .item p {
  font-size: 0.75em;
  line-height: 1.5em;
  margin: 0;
}

.online-catalog a.view {
  display: block;
  font-size: 0.75em;
  background: url(img/ico-view.png) no-repeat;
  margin: 6px 0 0;
  padding: 0 0 2px 37px;
}

/* END: --- ONLINE KATALOG / EBOOKS --- */

/*-- FORMULAR --*/
.plain-article form p {
  font-size: 1em;
}

.plain-article input {
  font-size: 1em;
}

.error-message {
  float: right;
  padding: 1em;
  color: #C73B41;
  background: url('img/error-message.png') left center no-repeat;
}

.error-message h3 {
  margin: 0;
  font-size: 0.875em;
}

.plain-article form .error-message p {
  margin: 0;
  font-size: 0.75em;
}

.form-active {
  color: #00914A;
}

.form-active .form-field {
  border: 1px solid #00914A;
}

.form-error {
  color: #C73B41;
}

.form-error .form-field {
  border: 1px solid #C73B41;
}

.alert {
  width: 435px;
  padding: 1em;
  background: #E7E8E9;
}

.alert p strong {
  color: #C73B41;
  font-size: 1.3333em;
}

.alert li {
  font-size: 0.75em;
  color: #C73B41;
  list-style: square inside url('img/list-square.gif');
}

.alert li strong {
  font-size: 1.16667em;
  color: #000;
}

.form-field {
  display: block;
  margin: 0.25em 0 0 0;
  padding: 3px 0 0 5px;
  width: 210px;
  height: 20px;
  border: 1px solid #999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.15);
}

.text-field {
  display: block;
  margin: 0.25em 0 0 0;
  padding: 3px 0 0 5px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.15);
}

.field-container {
  width: 430px;
  overflow: hidden;
}

form ul {
  margin: 0 0 1em 0;
}

form li {
  font-size: 0.75em;
}

.form-submit-button {
  width: 120px;
  height: 25px;
  font-size: 0.875em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: url('img/form-submitt-button.png') top left no-repeat;
  border: none;
  cursor: pointer;
}

/*-- STANDORT-DETAIL --*/

.anschrift {
  color: #000;
}

.anschrift address {
  font-size: 0.875em;
}

.gm-style-iw .anschrift address a {
  font-size: 1em;
}

.ansprechpartner {
  float: right;
  width: 327px;
}

.v-card {
  margin: 0 auto 1em;
  padding: 1em;
  background: #F2F2F2;
  overflow: hidden;
}

.v-card-image {
  float: left;
  margin: 0 1em 0 0;
}

.v-card-image p {
  margin: 0;
  font-size: 0.875em;
}

.v-card-description {
  overflow: hidden;
  margin: 0;
}

.v-card h3 {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
  color: #000;
}

.v-card h4 {
  font-size: 0.875em;
  font-weight: normal;
  color: #868d90;
}

#map_canvas {
  width: 930px;
  height: 380px;
  margin: 0;
}

#map_canvas div {
  margin: 0;
}

/*-- toggle list --*/
.toggle-element {
  overflow: hidden;
  clear: left;
  margin: 0;
}

.toggle-element h3 {
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
}

.toggle-element h3 a {
  background: url("img/product-finder-arrow-off.png") no-repeat scroll left center transparent;
  color: #000;
  display: block;
  float: left;
  padding: 0 14px 0 20px;
  width: auto;
}

.toggle-element h3 a:hover {
  text-decoration: none;
}

.toggle-element.selected h3 a {
  background-image: url("img/product-finder-arrow-on.png");
}

.toggle-element .toggle-panel {
  background: url("img/map-panel-shadow.png") no-repeat scroll left bottom transparent;
  clear: left;
  display: none;
  min-height: 10px;
  overflow: hidden;
}

.toggle-list {
  margin: 1em 0 0 !important;
  width: 610px;
}

.toggle-list > li {
  clear: left;
  overflow: hidden;
  font-size: 1em;
}

.toggle-more,
.toggle-less {
  clear: left;
  text-align: center;
  margin: 0;
  padding: 0 0 1em;
}

.toggle-more a {
  background: url("img/products-more.png") no-repeat scroll center bottom transparent;
  font-size: 1.125em;
  padding: 0.5em;
}

.toggle-less a {
  font-size: 1.125em;
  padding: 0.5em;
  background: url('img/products-less.png') bottom center no-repeat;
}

.toggle-more a:hover,
.toggle-less a:hover {
  text-decoration: none;
}

/*-- FAQ --*/
.dropdown-wrapper {
  position: relative;
  margin: 0 0 0 -6px;
  padding: 21px 183px 0 23px;
  width: 400px;
  height: 169px;
  color: #fff;
  background: url(img/bg-dropdown.png) no-repeat;
}

.dropdown-wrapper h2 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0.625em;
}

.dropdown-wrapper select {
  position: absolute;
  left: 24px;
  bottom: 23px;
  width: 221px;
}

.faq-content {
  margin: 1em 0 0;
}

.faq-content h4 {
  font-size: 0.875em;
  margin: 0 0 1em;
}

.faq-content .toggle-element .toggle-panel {
  background: none;
}

.faq-content .toggle-list > li {
  margin-bottom: 1em;
}

/*-- SPEZIAL-FARBE --*/

.red {
  background: #AF0917;
}

.red .panel-desc a {
  color: #FFF;
}

.blue {
  background: #839597;
}

.blue .panel-desc a {
  color: #FFF;
}

.brown {
  background: #6B4828;
}

.brown .panel-desc a {
  color: #FFF;
}

/*-- IE6 Message --*/
#ie-message {
  margin: 0;
  padding: 2em;
  font-size: 1em;
  color: #bc9202;
  background: #000;
  text-align: center;
}

#ie-message a {
  color: #bc9202;
  text-decoration: underline;
}

#ie-message a:hover {
  text-decoration: none;
}

.close {
  padding: 1em;
}

/* wide layout: navigation header*/
body.wide #cookie-notification .cookie-inner,
body.wide #header,
body.wide #sub-navigation ul,
body.wide .page-header-inner.wide {
  width: 1200px;
}

body.wide #cookie-notification {
  margin: 0;
  width: auto;
}

body.wide #header {
  height: 89px;
}

body.wide #logo {
  float: left;
  margin: 2.3em 0 1.3em 0px;
}

body.wide #logo,
body.wide #logo img {
  width: 210px;
  height: 42px;
}

body.wide #navigation {
  padding: 47px 0px 11px;
  margin: 0px 0px 0px 96px;
}

body.wide #navigation li {
  margin: 0px 2.15em 0px 0px;
  font-size: 1.3em;
}

body.wide #navigation li:last-child {
  margin-right: 0;
}

body.wide #servicemenu {
  float: right;
  width: 196px;
  margin-right: 18px;
  height: 89px;
}

body.wide #overlay-wrapper .overlay-link {
  background-position: 3px 34px;
  padding: 3.3em 1.8em 0px 37px;
  width: 138px;
}

body.wide #overlay-wrapper.selected {
  height: 79px;
  -webkit-box-shadow: 0 12px 10px rgba(0,0,0,.2);
  box-shadow: 0 12px 10px rgba(0,0,0,.2);
}

body.wide #overlay-wrapper.selected .overlay-link {
  height: 53px;
}

body.wide #overlay-wrapper .overlay {
  right: 17px;
  width: 1166px;
  top: 88px;
  border-radius: 7px 0 7px 7px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

body.wide #overlay-wrapper .overlay-content {
  border-radius: 5px 0 0;
}

body.wide #overlay-wrapper .overlay-content-wrapper {
  width: 900px;
  margin: 0 auto;
}

body.wide #overlay-wrapper .teaser:first-child {
  margin-left: 50px;
}

body.wide #overlay-wrapper .overlay-closer-wrapper {
  padding: 6px 133px 7px 133px;
}

body.wide #servicemenu > ul > li.overlay-item {
  display: block;
  margin: 0;
}

body.wide #cookie-notification,
body.wide #page-wrapper,
body.wide #footer {
  min-width: 1200px;
  width: auto;
}

/* responsive navigation header */
@media (max-width: 1199px) {
  body.wide #cookie-notification,
  body.wide #cookie-notification .cookie-inner,
  body.wide #header,
  body.wide #page-wrapper,
  body.wide #footer,
  body.wide #sub-navigation ul {
    min-width: 960px;
    width: auto;
  }

  body.wide #cookie-notification a.close {
    right: 5px;
  }

  body.wide #cookie-notification p {
    padding-left: 5px;
  }

  body.wide #overlay-wrapper .overlay {
    right: 0;
    width: 100%;
  }

  body.wide #logo {
    margin: 2.3em 0px 1.3em 1%;
    width: 16%;
    height: auto;
  }

  body.wide #logo img {
    width: 100%;
    height: auto;
  }

  body.wide #navigation{
    margin: 0px 0px 0px 4%;
    width: 55%;
  }

  body.wide #navigation li {
    margin: 0px 4% 0px 0px;
    font-size: 1.15em;
  }

  body.wide #sub-navigation {
    padding: 0.75em 0 0.75em 1%;
    width: auto;
  }

  body.wide #sub-navigation li {
    margin: 0px 1.5% 0px 0px;
  }

  body.wide #servicemenu {
    margin-right: 1px;
  }
}

@media (min-width: 1200px) {
  body.wide #cookie-notification .cookie-inner,
  body.wide #header,
  body.wide #sub-navigation ul {
    width: 1200px;
  }

  body.wide #cookie-notification {
    width: auto;
  }

  body.wide #overlay-wrapper .overlay {
    right: 17px;
    width: 1166px;
  }

  body.wide #logo {
    float: left;
    margin: 2.3em 0 1.3em 0px;
  }

  body.wide #logo,
  body.wide #logo img {
    width: 210px;
    height: 42px;
  }

  body.wide #navigation{
    padding: 47px 0px 11px;
    margin: 0px 0px 0px 96px;
  }

  body.wide #navigation li {
    margin: 0px 2.15em 0px 0px;
    font-size: 1.3em;
  }

  body.wide #sub-navigation {
    padding: 0.75em 0;
  }

  body.wide #sub-navigation li {
    margin: 0px 1.5em 0px 0px;
  }

  body.wide #servicemenu {
    margin-right: 18px;
  }
}

/* wide layout: page header slider based on bxSlider */
/* reset margin for divs :-( */
body.wide .slider-wide,
body.wide .slider-wide div,
body.wide div.bx-wrapper,
body.wide div.bx-wrapper div {
  margin: 0;
}

body.wide .slider-wide {
  position: relative;
}

body.wide div.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
}

body.wide .slider-wide img.responsive {
  display: block;
}

/* CONTROLS */
body.wide .bx-wrapper .bx-prev,
body.wide .bx-wrapper .bx-next {
  background: url('img/slider-arrow2.png');
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 42.5%;
  width: 70px;
  height: 80px;
  opacity: 0.9;
}

body.wide .bx-wrapper .bx-prev {
  left: 0;
}

body.wide .bx-wrapper .bx-prev:hover {
  background-position: 0 -100px;
  left: 0;
  opacity: 1;
}

body.wide .bx-wrapper .bx-next {
  background-position: right 0;
  right: 0;
}

body.wide .bx-wrapper .bx-next:hover {
  background-position: right -100px;
  opacity: 1;
}

body.wide .bx-wrapper .bx-next.disabled,
body.wide .bx-wrapper .bx-prev.disabled {
  display: none;
}

/* slide content */
body.wide div.slide-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: none; /* will be shown with javascript */
}

body.wide .slide-content .gradient-top {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.35+0,0+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
  width: 100%;
  height: 47.41%;
  position: absolute;
  top: 0;
  z-index: 0;
}

body.wide .slide-content .gradient-bottom {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
  width: 100%;
  height: 17%;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

body.wide .slide-content div.slide-logo {
  padding-top: 40px;
  margin-bottom: -33px;
  height: 25px;
  width: 100%;
  position: relative;
  text-align: center;
  z-index: 1;
}

body.wide .slide-content div.slide-logo img {
  display: inline;
}

body.wide .slide-content h2 {
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 54px;
  line-height: 64px;
  margin: 46px 11.667% 0px;
  font-weight: bold;
  letter-spacing: -0.022em;
  width: 76.667%;
}

body.wide .slide-content .slide-text {
  position: absolute;
  bottom: 0;
  margin: 0 11.667%;
  width: 76.667%;
  z-index: 2;
}

body.wide .slide-content .slide-text p,
body.wide .slide-content .slide-text ul {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  /*letter-spacing: -0.01em;*/
  text-align: center;
}

body.wide .slide-content .slide-text p {
  color: #fff;
  margin: 0 0 18px;
}

body.wide .slide-content .slide-text ul {
  margin: -8px 0px 13px;
}

body.wide .has-toggle .slide-content .slide-text {
  bottom: 31px;
}

body.wide .toggle-sliders {
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  height: 0;
  margin: 0;
  position: relative;
  top: -35px;
  width: 100%;
  text-align: center;
}

body.wide .toggle-sliders a {
  color: #00914A;
  cursor: pointer;
  margin: 0 5px;
}

body.wide .toggle-sliders a.active {
  color: #fff;
  cursor: default;
  text-decoration: none !important;
}

/* responsive slider */
@media (max-width: 1199px) {
  body.wide .page-header-inner.wide,
  body.wide .slider-wide,
  body.wide .slider-wide .bx-viewport > ul > li,
  body.wide .slider-wide .bx-viewport img.responsive {
    width: 100%;
    min-width: 960px;
    min-height: 518px;
    height: auto;
  }

  body.wide .slide-content h2 {
    font-size: 46px;
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  body.wide .page-header-inner.wide,
  body.wide .slider-wide,
  body.wide .slider-wide .bx-viewport > ul > li,
  body.wide .slider-wide .bx-viewport img.responsive,
  body.wide div.slide-content {
    min-width: 1200px;
    height: 675px;
  }
}