html {
    overflow-y: scroll
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 20px 16px;
    font-size: 80%;
    line-height: 1.4;
    color: #373737;
    background-color: #D9D9D9;
    background-repeat: repeat;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

h1 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 1.6em;
    font-weight: bold;
    line-height: normal;
    color: #829e90;
    position: relative
}

h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 1, 3em;
    font-weight: bold;
    line-height: normal;
    color: #829e90
}

h3,
h4,
h5,
h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 1, 1em;
    font-weight: bold;
    line-height: normal;
    color: #829e90
}

p {
    margin: 0 0 10px 0;
    padding: 0
}

ul,
ol {
    margin: 0 0 10px 25px;
    padding: 0
}

ul li {
    margin: 0;
    padding: 0;
    list-style: square
}

ol li {
    margin: 0;
    padding: 0;
    list-style: decimal
}

table {
    margin: 0 0 10px 0;
    padding: 0
}

td {
    vertical-align: top
}

img {
    margin: 0;
    padding: 0;
    border-style: none;
    max-width: 100%;
    height: auto
}

#weatherToday img,
#weatherTomorrow img {
    width: 100px
}

.zgmap {
    width: 100%
}

.zpWeatherWidget {
    max-width: 100%;
    min-width: 190px
}

a {
    color: #829e90;
    text-decoration: none
}

a:hover {
    color: #829e90;
    text-decoration: underline
}

#top {
    margin: 0;
    padding: 0
}

#wrapper {
    margin: 0 auto;
    padding: 0;
    max-width: 950px;
    min-width: 320px;
    width: 100%
}

#framebox {
    border-top: 2px solid transparent;
    margin: 0;
    padding: 0
}

#topline {
    margin: 0;
    padding: 0;
    min-height: 1px;
    background-color: #fff;
    background-image: url(../media/images/villa-kirchner_seitenhintergrund.jpg);
    background-repeat: repeat
}

#webdescription {
    float: left;
    margin: 0;
    padding: 0
}

#logo {
    float: left;
    margin: 0 0 0 30px;
    padding: 8px 0
}

#logo img {
    width: 157px;
    height: 100px;
    margin-bottom: -5px
}

#webtext {
    float: left;
    margin: 0 0 0 30px;
    padding: 1.8em 0
}

#webname {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.9em;
    font-weight: bold;
    font-style: normal;
    text-transform: none
}

#webname a {
    color: #829e90;
    text-decoration: none
}

#slogan {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    color: #829e90;
    text-transform: none
}

#search {
    float: right;
    margin: 0 30px 0 0;
    padding: 1.8em 0;
    overflow: hidden
}

#searchform {
    margin: 0;
    padding: 0;
    width: 220px;
    height: 30px;
    position: relative
}

#searchform input {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

#searchfieldset {
    margin: 0;
    padding: 0;
    border: 0
}

#searchfield {
    margin: 0;
    padding: 0 33px 0 10px;
    width: 175px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #DDD;
    border-radius: 2px;
    font-size: 1em;
    color: #6a6a6a;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

#searchbutton {
    margin: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    border: 0;
    position: absolute;
    top: 1px;
    right: 1px
}

#navbar {
    margin: 0;
    padding: 0 30px 0 30px;
    border-bottom: 1px solid #000;
    background-color: #829e90
}

ul.mainmenu {
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 299
}

ul.mainmenu li {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    background-color: #829e90;
    float: left
}

ul.mainmenu li:hover {
    background-color: #fff
}

ul.mainmenu li a {
    display: block;
    margin: 0;
    padding: 14px 20px;
    font-size: 1em;
    color: #000;
    text-decoration: none
}

ul.mainmenu li:hover a {
    color: #222
}

ul.mainmenu li.topmenuactive a {
    color: #fff;
    font-weight: bold
}

ul.mainmenu li.topmenuactive:hover a {
    color: #222;
    font-weight: bold
}

#subnavbar {
    margin: 0 0 30px 0;
    font-size: 1em;
    line-height: 1.6
}

#subnavbar ul {
    margin: 0;
    padding: 0
}

#subnavbar ul li {
    padding: 0;
    list-style: none;
    font-weight: normal
}

#subnavbar ul li:before {
    color: #373737;
    content: "»";
    padding-right: 5px
}

#subnavbar a:hover {
    color: #829e90
}

#subnavbar a:hover {
    color: #829e90
}

#subnavbar a.subnav1active,
a.subnav2active {
    color: #829e90;
    font-weight: bold
}

#subnavbar ul li li {
    padding-left: 13px
}

#header {
    margin: 0;
    padding: 0;
    background-color: #fff;
    line-height: 0;
    min-height: 300px
}

.flex-container {
    min-height: 300px
}

div.flex-caption {
    padding-left: 30px!important;
    padding-right: 30px!important
}

#breadcrumb {
    margin: 0;
    padding: 15px 30px;
    font-size: 1em;
    color: #373737;
    background-color: #fff;
    border-bottom: 1px solid #fff
}

#breadcrumb a {
    padding: 0 5px;
    color: #829e90;
    text-decoration: none
}

#breadcrumb a:hover {
    color: #829e90;
    text-decoration: underline
}

#breadcrumb span {
    color: #373737
}

#contentbox {
    margin: 0;
    padding: 30px;
    background-color: #fff;
    font-size: 1em
}

#contentbox input[type="text"],
#contentbox textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #373737
}

#contentbox a.button,
input.button {
    display: inline-block;
    margin: 0 10px 30px 0;
    padding: 0;
    font-size: 1em!important;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    line-height: normal;
    color: #1e1e1e!important;
    background-color: #fff;
    border: 1px solid #9e9e9e
}

#contentbox #sidebarright a.button,
#contentbox #sidebarleft a.button,
input.button {
    margin: 0 10px 30px 0
}

#contentbox a.button:hover,
input.button:hover {
    color: #fff!important;
    background-color: #829e90
}

#contentbox a.button span,
input.button {
    display: block;
    margin: 0;
    padding: 8px 15px
}

#floatcontentleft,
#floatcontentright {
    float: left;
    margin: 0;
    padding: 0;
    width: 65%;
    line-height: 1.4;
}

#floatcontentright {
    float: right
}

#contentbox.nosidebar #floatcontentleft,
#contentbox.nosidebar #floatcontentright {
    width: auto;
    float: left
}

#content {
    margin: 0;
    padding: 0;
    line-height: 1.4
}

#subnavbar {
    float: right;
    width: 28%
}

#subnavbar.left {
    float: left
}

#sidebarright,
#sidebarleft {
    float: right;
    margin: 0;
    padding: 0;
    width: 28%
}

#sidebarleft {
    float: left
}

#contentbox.nosidebar #sidebarleft,
#contentbox.nosidebar #sidebarright {
    display: none
}

.newsbox {
    margin: 0;
    padding: 0;
    line-height: 1.4
}

.newsbox h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 10px 0 10px 0;
    font-size: 1.9em;
    font-weight: bold;
    color: #1e1e1e
}

.newstext {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #373737
}

.newstext p {
    margin: 0 0 10px 0
}

.newstext a {
    color: #829e90;
    text-decoration: none
}

.newstext a:hover {
    color: #829e90;
    text-decoration: underline
}

.articlearea {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #b7b7b7
}

.articleimage {
    margin: 0;
    padding: 4px 0 0 0
}

.articletext {
    margin: 0;
    padding: 0
}

.twocolumnleft {
    float: left;
    margin: 0;
    padding: 0
}

.twocolumnleft>div {
    margin: 0;
    padding: 0 12px 0 0
}

.twocolumnright {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.twocolumnright>div {
    margin: 0;
    padding: 0 0 0 12px
}

.bildunterschrift {
    display: block;
    color: #373737;
    margin: 0px 0px 5px 0px;
}

.floatarticle {
    float: left;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden
}

.floatarticle>div {
    margin: 0;
    padding: 0 30px 0 0
}

.flexible {
	height: auto !important;
	max-width: 100% !important;
	-ms-interpolation-mode: bicubic;
	display: block;
	outline: 0;
	width: 100%
}

#formular .asfield {
    display: none
}

#formular input[type="text"],
#formular textarea,
#formular select {
    font-size: inherit;
    background: #fff;
    padding: 6px 8px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    border: 1px solid rgba(0, 0, 0, 0.2);

    /*new 010519 [mb]*/
	box-sizing: border-box;
}

#formular label {
    padding: 3px 10px 3px 0
}

#formular label.field {
    display: block;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 0
}

#formular input[type="submit"] {
    display: block;
    margin-top: 20px
}

#formular {
    display: inline-block;
    margin: 0;
    padding: 0 0 10px 0;

    /*new 010519 [mb]*/
    width: 100%;
}

#formular p {
    margin: 0;
    padding: 0
}

#formular table {
    margin: 0;
    padding: 0
}

#formular td {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    vertical-align: middle
}

#formular input,
#formular input[type="text"] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #373737
}

#formular textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #373737
}

#formular .label,
#formular .field {

    padding: 3px 10px 3px 0
}

/*new 010519 [mb]*/
#formular .full-width {
    width: 100% !important;
}

/*new 010519 [mb]*/
#formular .width-50 {
    width: 50% !important;
}


/*new 010519 [mb]*/
#formular .full-width-error {
    border: 1px solid #9d2802 !important;
}

/*new 010519 [mb]*/
#formular .label-error {
    color: #9d2802; !important;
}

/*new 010519 [mb]*/
#formular .captcha-id {
    display: none;
}



#formular .desc {
    padding: 10px 10px 10px 0
}

#formular .multiline {
    padding: 4px 10px 0 0;
    vertical-align: top
}

#formular .submit {
    padding: 0
}

#formular .separator {
    margin: 10px 10px 10px 0;
    padding: 0;
    line-height: 1px;
    height: 1px;
    border-bottom: 1px solid #373737
}

#formular .separator-no-line {
    margin: 10px 10px 10px 0;
    padding: 0;
    line-height: 1px;
    height: 1px;
}

#banner,
#afterlogo,
#aftermenu,
#afterfooter {
    margin: 0;
    padding: 20px 30px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #829e90;
    line-height: 1.4;
    background-color: #FFF;
    border-bottom: 1px solid #E6E6E6
}

#afterlogo,
#aftermenu {
    background-color: #fff;
    border-top: 1px solid #fff
}

#afterlogo {
    background-color: #fff
}

#aftermenu {
    color: #373737
}

#banner {
    background-color: #fff;
    color: #829e90;
    border-bottom: 0
}

#afterfooter {
    background-color: #efefef;
    color: #000;
    border-bottom: 0
}

#banner span:not([style]),
banner h2 {
    color: #829e90!important
}

#afterfooter span:not([style]),
#afterfooter h2 {
    color: #000!important
}

#banner a,
#afterlogo a,
#aftermenu a,
#afterfooter a {
    color: #829e90;
    text-decoration: none
}

#banner a:hover,
#afterlogo a:hover,
#aftermenu a:hover,
#afterfooter a:hover {
    color: #829e90;
    text-decoration: underline
}

#banner span #banner h2,
#afterlogo span,
#aftermenu span,
#afterfooter span:not([style]),
#afterfooter h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.9em;
    font-weight: normal;
    line-height: normal
}

#banner p,
#afterlogo p,
#aftermenu p,
#afterfooter p {
    margin: 0 0 10px 0;
    padding: 0
}

#footer {
    margin: 0;
    padding: 20px 30px;
    font-size: .92em;
    color: #000;
    background-color: #efefef;
    border-top: 1px solid #afafaf;
    overflow: hidden
}

#footerinfo {
    float: right;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#footerinfo .zp {
    color: #000!important
}

#xmenu {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#xmenu a {
    margin: 0;
    padding: 0 10px 0 0;
    font-size: 1em;
    color: #829e90;
    text-decoration: none
}

#xmenu a:hover {
    color: #829e90;
    text-decoration: underline
}

.zpSO-OnlineShop-table.zpSO-OnlineShop-addresstable {
    width: auto
}

.zpSO-OnlineShop-addresstable input[type="text"],
.zpSO-OnlineShop-addresstable textarea {
    width: 95%
}

.zpSO-OnlineShop-error {
    color: #F00
}

.zpSO-OnlineShop-table {
    width: 100%
}

.zpSO-OnlineShop-table th {
    margin: 0;
    padding: 8px 10px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    background-color: #829e90
}

.zpSO-OnlineShop-table td {
    margin: 0;
    padding: 8px 10px;
    text-align: left
}

.zpSO-OnlineShop-row1 td,
.zpSO-OnlineShop-row2 td {
    margin: 0;
    padding: 8px 10px;
    text-align: left
}

.zpSO-OnlineShop-row2 td {
    background-image: url(stock-images/opacity.png)
}

.zp {
    color: #000!important;
    text-decoration: none!important
}

#sitemap {
    line-height: 22px;
    padding: 20px 30px;
    background-color: #fff;
    color: #272727;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden
}

div.sitemap-item {
    float: left;
    margin: 0 40px 10px 0;
    padding: 0
}

.sitemap-item span {
    color: #272727;
    font-weight: normal!important;
    font-size: 16px;
    margin-bottom: 10px;
    display: block
}

.sitemap-item a:hover {
    color: #272727
}

.sitemap-item ul {
    padding: 0;
    margin: 0
}

.sitemap-item li {
    list-style-type: none;
    line-height: 22px
}

.sitemap-item li a {
    color: #666
}

.clear {
    clear: both
}

.clearx,
.clearfix {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.asfield {
    display: none
}

@media screen and (max-width:996px) {
    #header,
    .flex-container {
        min-height: 0
    }
}

@media screen and (max-width:600px) {
    body {
        padding: 0;
        -webkit-text-size-adjust: none
    }
    #wrapper {
        margin: 0;
        padding: 0
    }
    #contentbox {
        position: relative
    }
    #floatcontentleft,
    #floatcontentright {
        width: auto;
        float: none
    }
    #sidebarright,
    #sidebarleft {
        width: auto;
        float: none
    }
    #webname,
    div.flex-caption span {
        font-size: 1.8em!important
    }
    #subnavbar {
        float: none!important;
        width: 100%
    }
    #search {
        width: 100%;
        padding: 0;
        float: none
    }
    #searchform {
        width: 100%;
        height: auto;
        position: static
    }
    #searchfield {
        position: static;
        width: 95%;
        padding: 2%;
        border-radius: 1em
    }
    #searchbutton {
        display: none
    }
    div.flex-caption {
        position: relative!important;
        background-color: #fff!important;
        background-image: none!important;
        font-size: 75%;
        padding-left: 2%!important;
        padding-right: 2%!important
    }
    ul.flex-direction-nav,
    .flex-control-nav {
        display: none
    }
    #topline {
        background-image: none!important
    }
    .twocolumnleft,
    .twocolumnright {
        width: 100%!important;
        float: none;
        margin-bottom: 30px
    }
    .twocolumnleft div,
    .twocolumnright div {
        padding: 0!important
    }
    .marquee {
        max-width: 540px
    }
}

@media screen and (max-width:480px) {
    .marquee {
        max-width: 420px
    }
    .articleimage {
        float: none!important;
        padding-right: 0!important;
        margin-bottom: 10px!important
    }
}

@media screen and (max-width:320px) {
    .marquee {
        max-width: 260px
    }
}

div.zpRow {
    margin-bottom: 30px
}

div.zpRow:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

div.zpRow div.zpColumn {
    display: block;
    float: left;
    margin-left: 3.2%
}

div.zpRow div.zpColumn img.singleImage {
    max-width: 100%!important;
    height: auto!important
}

div.zpRow div.zpColumn .zpImageGallery a.fancybox {
    max-width: 100%
}

div.zpRow div.zpColumn.zpColumnWidth1 {
    width: 100%;
    float: none
}

div.zpRow div.zpColumn.zpColumnWidth2 {
    width: 48.4%
}

div.zpRow div.zpColumn.zpColumnWidth3 {
    width: 31.2%
}

div.zpRow div.zpColumn.zpColumnWidth4 {
    width: 22.6%
}

div.zpRow div.zpColumn:first-child {
    margin-left: 0
}

div.zpRow div.zpColumn div.zpColumnItem {
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .responsivelayout div.zpRow div.zpColumn.zpColumnWidth3,
    .responsivelayout div.zpRow div.zpColumn.zpColumnWidth4 {
        width: 48.4%
    }
    .responsivelayout div.zpRow div.zpColumn.zpColumnWidth3:nth-of-type(1),
    .responsivelayout div.zpRow div.zpColumn.zpColumnWidth4:nth-of-type(1),
    .responsivelayout div.zpRow div.zpColumn.zpColumnWidth4:nth-of-type(2) {
        margin-bottom: 30px
    }
    .responsivelayout div.zpRow div.zpColumn.zpColumnWidth3:nth-of-type(3),
    .responsivelayout div.zpRow div.zpColumn.zpColumnWidth4:nth-of-type(3) {
        margin-left: 0;
        clear: left
    }
}

@media only screen and (max-width:568px) {
    .responsivelayout div.zpRow div.zpColumn {
        width: 100%!important;
        margin-left: 0!important;
        margin-bottom: 30px!important;
        float: none!important
    }
}

@media print {
    div.zpRow {
        margin-bottom: 0!important
    }
    div.zpRow div.zpColumn {
        float: none!important;
        width: 100%!important;
        margin-left: 0!important;
        margin-bottom: 10px!important
    }
}

img[width="1px"],
img[width="1"] {
    border: none!important
}

video {
    max-width: 100%;
    height: auto
}

div.zpAccordion {
    margin: 10px 0
}

div.zpAccordion .accordion-heading {
    position: relative;
    padding: 10px;
    padding-right: 30px;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
    color: #777;
    text-shadow: 1px 1px 0 #fff;
    font-size: 14px;
    text-transform: none;
    font-family: inherit;
    border: 1px solid #e7e7e7;
    cursor: pointer;
    margin: 0
}

div.zpAccordion .accordion-heading:after {
    content: "";
    position: absolute;
    top: 17px;
    right: 8px;
    background-repeat: no-repeat;
    background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAjCAQAAACDHrTmAAABS0lEQVR4AezVQW3DMBTG8b8hhEIkIzCFUMggNBBmCC4EF8JCIRRCYIdSCIWdPmlR3yy39mHS9p3aRs77ye/VduBnAhFFyaxs2BnIRO5YmUjsRA7qk5i4sjo/kYCN+PAYIhs2ZeRgMTiBDPAUJxMAiM7r48r1TBHRpAAcvBkFtfbOUsEZSATVcl5f4cbt9Lqd5WdKoeA7c5ljU8B5FRBHr7IpWrwTajiaLCuqKwo4j35WkULPv7f0wqXA0VNNVoGiARGmbvtF2YgqKPjTnJF0pggjzgdDgWINtd3SDhgYyQw2Bag/AprbhLwmRZzZ2IHEztpzgNvT7a/dnm6HHu3pdx3Qnn4XJd0T2F9bI8yvyD/mr2I+Xx/gr2brQAAAAIBh0P2ld42iqM05cNKBkw6cdOCkAycdOOnASQdOOnDSgZMOnHTgpAMnHTjowAfUuC3yqCcvNAAAAABJRU5ErkJggg==);
    background-position: 0 0;
    width: 18px;
    height: 12px
}

div.zpAccordion .accordion-content {
    display: none;
    border: 1px solid #e7e7e7;
    border-top: 0;
    padding: 20px 30px 20px 30px
}

div.zpAccordion.active .accordion-heading:after {
    background-position: -20px 0
}

div.zpAccordion.active .accordion-content {
    display: block
}

div.zpTABs * {
    text-shadow: none!important
}

div.zpTABs {
    margin: 30px 0;
    width: 100%
}

div.zpTABs>ul.zpTABs {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    list-style-type: none;
    margin: 0!important;
    padding: 0!important
}

div.zpTABs>ul.zpTABs>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    background: #f7f7f7;
    float: left;
    border: 1px solid #e7e7e7;
    border-right-width: 0;
    margin: 0!important;
    padding: 0!important;
    list-style: none;
    color: #777
}

div.zpTABs>ul.zpTABs>li a.zpTABs {
    display: block!important;
    padding: 15px 20px!important;
    color: inherit!important;
    text-decoration: none!important;
    text-shadow: none!important
}

div.zpTABs>ul.zpTABs>li::before,
div.zpTABs>ul.zpTABs>li::after {
    display: none!important
}

div.zpTABs>ul.zpTABs>li.active {
    border-bottom-width: 0;
    color: #5e5e5e;
    background: #fff
}

div.zpTABs>ul.zpTABs>li.active a.zpTABs {
    color: inherit
}

div.zpTABs>ul.zpTABs>li.last {
    border-right-width: 1px
}

div.zpTABs>ul.zpTABs>li.tab.active::after,
div.zpTABs>ul.zpTABs>li.tab.active::before {
    display: block!important;
    content: '';
    position: absolute;
    bottom: -1px;
    height: 0;
    width: 999em;
    border-bottom: 1px solid #e7e7e7;
    pointer-events: none
}

div.zpTABs>ul.zpTABs>li.tab.active::before {
    right: 100%;
    margin-right: 0
}

div.zpTABs>ul.zpTABs>li.tab.active::after {
    left: 100%;
    margin-left: 0
}

div.zpTABs>ul.zpTABs>li.acc {
    display: none
}

div.zpTABs>div {
    padding: 30px;
    clear: both;
    display: none
}

div.zpTABs>div.active {
    margin-top: -1px;
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.zpTABs>div.active *:not(a) {
    color: #777
}

div.zpTABs.small>ul.zpTABs {
    float: none
}

div.zpTABs.small>ul.zpTABs>li {
    float: none;
    border-width: 1px;
    border-bottom-width: 0
}

div.zpTABs.small>ul.zpTABs>li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div.zpTABs.small>ul.zpTABs>li.last {
    border-bottom-width: 1px
}

div.zpTABs.small>ul.zpTABs>li.active.last {
    border-bottom-width: 0
}

div.zpTABs.small>ul.zpTABs>li.active {
    background: #f7f7f7
}

div.zpTABs.small>ul.zpTABs>li.acc {
    display: none;
    white-space: normal;
    overflow: inherit;
    padding: 15px 20px!important
}

div.zpTABs.small>ul.zpTABs>li.acc:last-child,
div.zpTABs.small>ul.zpTABs li.acc.last {
    border-bottom-width: 1px;
    border-top-width: 0
}

div.zpTABs.small>ul.zpTABs>li.acc.active {
    display: block
}

div.zpTABs.small>div {
    display: none!important
}

@media only screen and (max-width:768px) {
    div.zpTABs>ul.zpTABs {
        float: none
    }
    div.zpTABs>ul.zpTABs>li {
        float: none;
        border-width: 1px;
        border-bottom-width: 0
    }
    div.zpTABs>ul.zpTABs>li.last {
        border-bottom-width: 1px
    }
    div.zpTABs>ul.zpTABs>li.active.last {
        border-bottom-width: 0
    }
    div.zpTABs>ul.zpTABs>li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    div.zpTABs>ul.zpTABs>li.active {
        background: #f7f7f7
    }
    div.zpTABs>ul.zpTABs>li.acc {
        display: none;
        white-space: normal;
        overflow: inherit;
        padding: 15px 20px!important
    }
    div.zpTABs>ul.zpTABs>li.acc:last-child,
    div.zpTABs>ul.zpTABs li.acc.last {
        border-bottom-width: 1px;
        border-top-width: 0
    }
    div.zpTABs>ul.zpTABs>li.acc.active {
        display: block
    }
    div.zpTABs>div {
        display: none!important
    }
}