/*
Theme Name: Kreditkarte.org
Theme URI: https://www.kreditkarte.org
Version: 2.0
*/
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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline
}
body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}
body {
background:#ffffff;
}
a, #phone a {
color: #166599;
}
a:hover {©
color: #00406a;
}
.section_gallery img:hover {©
border: 3px solid #00406a;
}©
blockquote footer div {
color: #166599;
}
/* New Menu */

/* MENU */

body {
  box-sizing: border-box;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

/* MENU */
.topnav {
  overflow: hidden;
}

.topnav a {
    float: left;
    display: block;
    text-align: center;
    padding: 4px 12px;
    text-decoration: none;
    font-size: 14px;
    background-color: #f2f2f2;
    margin-right: 3px;
}

.topnav a:first-child {
  background-color:#fff;
  border-bottom:none;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}


@media screen and (max-width: 790px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
    font-size:21px;
  }
  #main_nav {
    position: relative;
  }
  .topnav a {border-bottom: 1px solid #c2c2c2;}
}

@media screen and (min-width: 480px) and (max-width:790px) {
  #main_nav {
    position: absolute;
    right:0;
    top:10px;
  }
}

@media screen and (max-width: 790px) {
  .topnav.responsive {position: relative; z-index:100;}
  .topnav.responsive .icon {
    position: relative;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
@media screen and (min-width: 791px) {
.topnav a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top:1px solid #c2c2c2;
  border-left:1px solid #c2c2c2;
  border-right:1px solid #c2c2c2;
}
}
@media screen and (max-width: 480px) {
  .topnav a.icon {
    float: none;
  }
  .topnav.responsive a {
    text-align: center;
  }
}


/*END NEW MENU */
.wrapper h2, .wrapperbg h2 {margin-top:20px;}

.tagcloud a:hover {
background-color: #00406a;
border: 1px solid #00406a;
}
.menu .current-menu-item a, .current-menu-parent a, .current_page_parent a {
background: #166599;
}
.newsletter_inner {
background-color: #166599;
}
.newsletter form {
border: 1px solid  #166599;
}
.highlighted .pricing_header, .highlighted .pricing_footer {
background-color: #166599;
}
.highlighted.pricing_block:hover .pricing_header, .highlighted.pricing_block:hover .pricing_footer {
background-color:#00406a;
}
input#submit_comment, input.wpcf7-submit {
background: #166599;
}
.attachment-post-thumbnail.wp-post-image {
float: left;
padding: 2px;
margin: 2px 20px 5px 0px;
border: 1px solid rgb(194, 194, 194);
}
.blog h3 {
color: #166599 !important;
text-align: left !important;
margin-bottom:15px !important;
line-height: 28px !important;
}
.articleText {
margin-top:50px;
}
a.post.post-page {
  border: medium none;
}
/* 5.2 Banner */
#banner {
  background: #f8f8f8 url("images/sectionbg.jpg") repeat fixed 0 0;
  border-bottom: 1px solid #c2c2c2;
  clear: both;
  margin: 0 0 50px;
  padding: 30px 0 5px 0
}
#banner .inner {
    overflow: visible;
}
#banner_image, #banner_free_content {
    height: 355px;
}
#banner_image img {
    display: block;
    margin: 0 auto;
}
#banner_image img#image_bottom {
    margin-top: -10px;
}
#banner ul {
    margin: 20px 0 20px 0;
}
#banner .ticks li {
    background: url(images/provider-icon.png) no-repeat 0 -120px;
    font-weight: bold;
    padding: 5px 0 6px 35px;
    color:#283e56;
}
#banner a {
    display: block;
    color: #fff;
}
#banner.banner_media_full {
    height: auto;
    padding: 25px 0 25px 0 !important;
}
#footerbanner {
	background-color: #1c223e;
  clear: both;
  margin: 50px 0 0 0;
  padding: 10px 0 10px 0;
	border-top: 1px solid #c2c2c2;
  color:#fff;
  font-size:12px;
}
#footerbanner p {
font-size:105%;
line-height:1.4em;
margin-top:10px;
}
#footerbanner strong{
font-size:130%;
}
#footerbanner ul li{
font-size:105%;
}
#footerbanner .beliebt {
line-height:1em;
}
.auslandkarten thead {
    background: #C4E0EC;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0);
}
.ggebuehr1 {
  font-size:24px;
  margin-bottom:4px;
  line-height: 24px;
}
.ggebuehr2 {
  font-size:18px;
  margin-bottom:6px;
  line-height: 18px;
}
.bootrow.kkvgl {
  background-color: #fff;
  margin-bottom: 28px;
  padding: 14px 0 12px 7px;
  border-top:2px solid #fff;
  font-size: 14px !important;
}
.bootrow.kkvgl:hover {
  border-top: 2px solid #015aa1;
}
.videoidntinfo {
  font-size: 14px;
  line-height: 31px;
  color:#7f7f7f;
}
.kkvgldesc {
  text-align:center;
}
.kkvgldesc strong {
  border-bottom: 1px solid #f77a0b;
  color: #015aa1;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 8px;
}
.col-md-2.colanbieter {
  padding-left: 14px;
}
#tooltip-videoident {
  width:300px;
}
.iconvideo {
  float:left;
}
.wrapperbg {
  background-color: #f1f1f1;
} 
.auslandkarten thead td {
}
.auslandkarten td {
  padding: 10px;
  font-size: 14px;
}
.auslandkarten tbody td {
vertical-align:middle;
}
.auslandkarten tbody tr {
  height: 130px;
  border-bottom: 1px solid #CCCCCC;
}
.bgsection {
  background-color:#f8f8f8;
  padding: 30px 0 20px 0 !important;
}
/* Global Font Styles */
body {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #333333;
}
#logo h1, #logo a { /* Logo */
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
font-weight: 900;
color: #166599;
}
#logo h2 { /* Logo Tagline */
font-family: 'Open Sans', sans-serif;
font-size: 1.25em;
color: #999999;
}
/* Quotes */
.entry-content blockquote {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-style: italic;
color: #000000;
}
.entry-content h2 {
font-size:24px !important;
}
/* Blog Font Styles */
h1 {
font-size: 26px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 1.2em;
color: #333333;
}
h5 {
font-family: 'Open Sans', sans-serif;
font-size: 1.125em;
color: #333333;
}
h6 {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
color: #333333;
}
/* Single Page Title */
h1.page-title, .type-page h1.entry-title {
font-family: 'Open Sans', sans-serif;
font-size: 2.3em;
color: #333333;
}
.entry-title > span {
  color: #6c98cc;
  display: block;
  font-size: 18px;
  font-weight: normal;
}
/* Widget Title */
h3.widget-title {
font-family: 'Open Sans', sans-serif;
font-size: 1.25em;
color: #333333;
}
/* Meta */
.entry-meta, .entry-meta a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #999999;
}
/* Font styles used for Landing Page */
/* Banner Heading */
#banner h2, #banner h3, #banner h4, #banner h5, #banner h6, #banner h7 {
color: #ffffff;
}
/* Section Title */
.page-template-landingpage-php h2 {
font-size: 32px;
color: #015aa1;
}
/* Section Subtitle */
.page-template-landingpage-php h3 {
font-size: 26px;
color: #015aa1;
line-height: 42px;
}
.subtitle {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 26px;
color: #444;
margin: -10px 0 25px 0;
text-align:center;
}
/* Newsletter */
.newsletter_inner h2 {
font-size: 1.8em;
color: #ffffff;
margin: 0 0 5px 0;
}
.bulletindex {
margin-left:40px;
}
.bulletindex li {
list-style: circle;
}
/* Big Testimonial */
.testimonial_big q {
font-family: 'Open Sans', sans-serif;
font-size: 1.4em;
color: #000000;
}
/* Pricing Table */
.pricing_header h4 {
font-size: 2em;
color: #ffffff;
}
.pricing_header h5 {
font-size: 1.05em;
color: #cccccc;
}
.highlighted .pricing_header h5 {
color:#dbf1ff;
}
.price {
font-size: 3.81em;
color: #ffffff;
}
.price span {
font-size: 0.5em
}
b, strong {
    font-weight: bold;
}
i, em {
    font-style: italic;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
    display: block
}
header {
	display: block;
    background: #fff;
}
header-alt {
	display: block;
    background: #124F7B;
    background: -moz-linear-gradient(top, #2D6C98 0%, #124F7B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2D6C98), color-stop(100%, #124F7B));
    background: -webkit-linear-gradient(top, #2D6C98 0%, #124F7B 100%);
    background: -o-linear-gradient(top, #2D6C98 0%, #124F7B 100%);
    background: -ms-linear-gradient(top, #2D6C98 0%, #124F7B 100%);
    background: linear-gradient(to bottom, #2D6C98 0%, #124F7B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D6C98', endColorstr='#124F7B', GradientType=0);
}
.clear {
    clear: both
}
hr {
    height: 0;
    clear: both;
    margin: 0 0 20px 0;
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 1px 0 0;
    border-image: none;
    border-right: 0 solid #e5e5e5;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}
textarea {
    font-family: 'Open Sans', sans-serif;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.entry-content .block ul li {
    list-style: none;
}
p, li {
  line-height: 24px;
	font-size: 16px;
}
p, .bypostauthor, .sticky {
    margin: 0 0 20px 0;
}
a {
    color: #f77a0b;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}
a:hover {
    color: #dd4631;
}
a img {
    border: none;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
iframe {
    border: 0;
}
/*------------------------------------------------------------------------------------------*/
/* 2. Global elements used throughout the landing page */
/*------------------------------------------------------------------------------------------*/
#breadcrumb {margin-top:5px; color:#8b8b8b;}
#breadcrumb a {color:#333;}
#breadcrumb p {font-size:12px; margin:5px 0 10px 0;}
.ratgeberimg {
float: left;
padding: 2px;
margin: 2px 20px 5px 0px;
border: 1px solid rgb(194, 194, 194);
}
.kartenbild {
	border-radius:8px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.vergleich-input {
  background-color: #fff;
  float: left;
  margin-left: 25px;
  margin-right: 15px;
  padding: 6px 20px 16px;
  width: 280px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.vergleich-input p {
color: #000 !important;
margin:0px;
line-height:18px;
}
.vergleich-input select {
width: 235px;
height: 30px;
padding: 5px;
font-size:14px;
margin-bottom:5px;
}
.vergleich-input h2{
color: #26AAE1 !important;
font-size: 21px !important;
}
.sidebarbox {
float:left;
margin-top:50px;
width:220px;
background-color: #f9f9f9;
padding:10px;
}
.sidebarbox p {
color: #000 !important;
margin:0px;
line-height:18px;
}
.sidebarbox select {
width: 200px;
height: 25px;
padding: 3px;
font-size:13px;
margin-bottom:5px;
}
.sidebarbox strong{
color: #26AAE1 !important;
font-weight:normal !important;
}
.vergleich-big {
float:left;
width:280px;
background-color:#fff;
    background: #C4E0EC;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0);
padding:20px;
-webkit-box-shadow: 0 8px 12px -6px black;
   -moz-box-shadow: 0 8px 12px -6px black;
        box-shadow: 0 8px 12px -6px black;
}
.vergleich-big p {
color: #000 !important;
margin:0px;
line-height:18px;
}
.vergleich-big select {
width: 235px;
height: 30px;
padding: 5px;
font-size:14px;
margin-bottom:5px;
}
.vergleich-big h2{
color: #26AAE1 !important;
font-size: 1.5em !important;
}
.vergleich-selectv2 li {
  display: table-cell;
  float: left;
  margin-right: 15px;
}
.vergleich-selectv2 h2 {
  background-color: #015aa1;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin-left: -7px;
  margin-right: -7px;
  padding-left: 7px;
}
.vergleich-selectv2 p {
  margin: 0;
}
.vglanb select, .vgltyp select {
  width: 100%;
}
.vglanb span, .vgltyp span {
  display: block;
  margin-bottom:1px;
}
.col-md-5.vglanbtyp {
  padding-left: 0;
}
.vergleich-selectv2 {
float:left;
width:100%;
background-color:#fff;
padding:0 7px 14px 7px;
margin-bottom:30px;
margin-top:30px;
border:1px solid #eaeaea;
}
.vergleich-selectv2 select {
height: 30px;
padding: 5px;
font-size:14px;
margin-bottom:5px;
}
.vergleich-select {
float:left;
width:100%;
background-color:#f1f1f1;
padding:10px 20px 0;
margin-bottom:30px;
margin-top:30px;
border:1px solid #eaeaea;
}
.vergleich-select p {
margin:0px;
line-height:18px;
}
.vergleich-select select {
width: 235px;
height: 30px;
padding: 5px;
font-size:14px;
margin-bottom:5px;
}
.vergleich-select h2{
font-size: 1.8em !important;
}
.vglbbox-left {
  clear: both;
  float: left;
  height: 100%;
  vertical-align: bottom;
  width: 100%;
}
.vglbox {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
}
.vglbox p {
margin-bottom:6px;
}
.vglbox-check {
  float: left;
}
.vglbox-check input {
  margin-right: 8px;
  vertical-align: bottom;
}
.vglbox-submit {
  float: right;
  margin-top: 22px;
}
input.vglboxbutton:hover {
  background: #fff;
  color:#f77a0b;
}
input.vglboxbutton {
  background: #f77a0b none repeat scroll 0 0;
  border: 1px solid #f77a0b;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  margin: 10px 0;
  padding: 0 12px;
  text-align: center;
  text-decoration: none;
}
#vglboxh2 {
margin-bottom:5px;
}
.vglboxteaser {
margin-bottom:25px !important;
color: #888 !important;
}
.vgl-pfeil {
float:right;right:-125px;bottom:24px;position:absolute;
}
.provider-pfeil {
float:left;left:150px;position:relative; margin-top:35px;
}
.cat-pfeil {
float:left;left:40px;bottom:10px;position:relative;
}
.karttest {
  margin-bottom: 50px;
  box-shadow:3px 3px 12px 0 rgba(0, 0, 0, 0.15);
  padding:10px;
}
.karttest-desc p {
  margin: 0 0 15px;
}
.karttest h3 {
  border-bottom: 2px solid #FF6C0A;
  display: block;
  height: 29px;
  margin-left:-10px;
}
.karttest h3 span {
    background: #F7883D;
    background: -moz-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7883D), color-stop(100%, #FF6C0A));
    background: -webkit-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: -o-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: -ms-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: linear-gradient(to bottom, #F7883D 0%, #FF6C0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7883D', endColorstr='#FF6C0A', GradientType=0);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px;
}
.karttesthead {
  border-bottom: 2px solid #FF6C0A;
  display: block;
  height: 29px;
  margin: 0 !important;
}
.karttesthead span {
    background: #F7883D;
    background: -moz-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7883D), color-stop(100%, #FF6C0A));
    background: -webkit-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: -o-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: -ms-linear-gradient(top, #F7883D 0%, #FF6C0A 100%);
    background: linear-gradient(to bottom, #F7883D 0%, #FF6C0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7883D', endColorstr='#FF6C0A', GradientType=0);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px 10px;
}
.karttest-desc {
float:left;
width:77%;
}
.karttest-img {
float:right;
width:20%;
}
.karttest-img img {
  margin-bottom: 10px;
}
.sicherheit {
  margin-bottom: 50px;
  box-shadow:3px 3px 12px 0 rgba(0, 0, 0, 0.15);
  padding:20px 20px 10px 20px;
}
.sicherheit-desc p {
  margin: 0 0 15px;
}
.headgreen h3 {
  border-bottom: 2px solid #a5c874;
  display: block;
  height: 29px;
  margin-left:-10px;
}
.headgreen h3 span {
  background-color: #a5c874;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px;
}
.headgreen {
  border-bottom: 2px solid #a5c874;
  display: block;
  height: 32px;
  margin: 0 !important;
}
.headgreen span {
  background-color: #a5c874;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px 10px;
}
.headorange h3 {
  border-bottom: 2px solid #f5a447;
  display: block;
  height: 29px;
  margin-left:-10px;
}
.headorange h3 span {
  background-color: #f5a447;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px;
}
.headorange {
  border-bottom: 2px solid #f5a447;
  display: block;
  height: 32px;
  margin: 0 !important;
}
.headorange span {
  background-color: #f5a447;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px 10px;
}
.headred h3 {
  border-bottom: 2px solid #f47179;
  display: block;
  height: 29px;
  margin-left:-10px;
}
.headred h3 span {
  background-color: #f47179;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px;
}
.headred {
  border-bottom: 2px solid #f47179;
  display: block;
  height: 32px;
  margin: 0 !important;
}
.headred span {
  background-color: #f47179;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 300;
  height: 50px;
  margin-bottom: 0;
  padding: 5px 10px;
}
.sicherheit-desc {
float:left;
width:68%;
}
.sicherheit-desc strong {
  font-size: 16px;
  line-height: 26px;
}
.sicherheit-img {
float:right;
width:20%;
}
.sicherheit-img img {
  margin: 10px auto;
  float:none;
  display:block;
}
.sicherheit-img p {
  color: #888;
  font-size: 13px;
  text-align: justify;
  font-style: italic;
}
section {
    display: block;
}
article section, .newsletter {
    margin: 0 0 40px 0;
    padding: 0 0 45px 0;
    overflow: auto;
}
.section_small_testimonials {
    padding: 0 0 25px 0;
}
.section_features {
    padding: 0 0 10px 0;
}
.page-template-landingpage-php article section, .page-template-landingpage-php .newsletter {
}
#container {
    margin: 0 auto;
    width: 940px;
}
.page-template-landingpage-php #container {
    width: 100%;
}
.page-template-page-with-banner-php #container {
    width: 100%;
}
.page-template-page-with-banner-php #banner {
    margin: 0 0 30px 0;
}
.page-template-page-with-banner-php #landing_header {
    border-bottom: 0;
}
#main_content {
    margin: 0 auto;
    width: 960px;
    position: relative;
    clear: both;
}
#navigation_elements .inner {
    overflow: visible;
}
#content .inner {
    background: url(images/border.gif) repeat-x left bottom;
    margin: 0 auto 30px auto;
    padding: 0 0 35px 0;
}
.position_left {
    float: left;
    margin: 0 20px 0 0;
}
.last, li.last, .block_460.last, #features li.last, #work li.last, .block_300.last {
    margin-right: 0 !important;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}
/* 2.1 Main Navigation */
#navigation_elements {
	border-bottom: 1px solid #c2c2c2;
}
.menu {
    float: left;
}
.menu li {
	background-color:#fff;
	font-size: 100%;
    background: #C4E0EC;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2', GradientType=0);
    float: left;
    text-align: center;
    position: relative;
	line-height:16px;
	border-top: 2px solid #166599;
	margin-right:3px;
	border-radius: 2px 2px 0 0;
}
.menu li:last-child {
	padding: 0 1px;
}
.menu .current-menu-item a, .current-menu-parent a, .current_page_parent a {
    background: #dd4631;
}
#page_footer .secondary {
background:none !important;
}
.secondary a {
    background: none;
}
#main_nav ul ul {
    background: #535353;
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    float: left;
    width: 190px;
    z-index: 99999;
    box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
#main_nav ul ul ul {
    background: #535353;
    display: none;
    position: absolute;
    top: 0;
    left: 190px;
    float: left;
    width: 180px;
    z-index: 99999;
    box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
#main_nav ul li:hover > ul {
    display: block;
}
#main_nav ul ul a, #main_nav ul .current-menu-item  ul a {
    background: #535353;
    padding: 8px 15px 8px 15px;
    width: 190px;
    height: auto;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #6e6e6e;
}
#main_nav li:hover > a, #main_nav ul ul :hover > a {
    background: #166599;
    color: #fff;
}
#main_nav ul ul a:hover {
    background: #666;
}
.tinynav {
    display: none;
    margin: 0 auto;
}
.active {
    background: #166599 !important;
}
.active a {
    color: #fff !important;
}
hr.fade {
border: 0;
height: 1px;
margin:35px 0;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}
.mmselect {
  background-color:#ebeff4;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  float:left;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-right:2%;
  padding: 5px 7px;
  width: 23.5%;
  min-height:71px;
}
.mmselect:hover {
  color:#00356f;
}
.omright {
  margin-right:0;
}
a.mmselect span {
  color: #555555;
  display: block;
  font-size: 14px;
}
.mmkr-privat {
  font-size: 14px;
  margin-bottom:10px;
}
.mmkr-privat .kartenpagebutton {
  margin:5px 0;
}
.mmkr-privat thead > tr > th, .mmkr-privat tbody > tr > th, .mmkr-privat thead > tr > td, .mmkr-privat tbody > tr > td, .mmkr-privat tfoot > tr > td {
  line-height: 1.42857;
  padding: 8px 14px;
  vertical-align: top;
}
.mmkr-privat thead tr td strong {
  display: block;
}
.mmkr-privat td:first-child {
  width: 20%;
  font-weight:bold;
}
.mmkr-privat tbody td {
  width: 25%;
  border-right:4px solid #ffffff;
}
.mmkr-privat tbody td:last-child {
  border-right:none;
}
.mmkr-privat tbody tr{
  background-color: #ebeff4;
}
.mmkr-privat tbody tr:last-child{
  background-color: #fff;
}
.mmkr-privat .whiteborder {
  border-top: 4px solid #ffffff;
}
.mmkr-privat thead tr td img {
  border-radius: 6px;
  box-shadow: 0 8px 6px -6px #666;
  margin-bottom: 5px;
}
/* 2.2 Buttons */
.buttons {
    background-color: rgba(30, 30, 30, 0.15);
    width: 366px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 6px;
    margin: 12px 0 0 0;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 99;
}
.buttons_big {
    background-color: rgba(30, 30, 30, 0.15);
    width: 248px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    padding: 6px;
    margin: 12px 0 0 0;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 99;
}
#banner.banner_media_full .buttons {
    margin: 0 0 -55px 0;
}
#banner.banner_media_left .buttons {
    margin: 10px 0 0 0;
}
#banner.banner_media_right .buttons{
    margin: -30px 0 0 0;
    clear: both;
}
#banner.banner_media_right.banner_type_free_form_content .buttons {
    clear: both;
}
#banner.banner_media_left.banner_type_free_form_content .buttons {
    margin-left:480px;
    clear: both;
}
.section_payment .buttons, .section_cta_buttons .buttons {
    float: none;
    margin: 0 auto;
}
section.section_button {
    padding: 0 0 0 0 !important;
    overflow: auto;
}
.buttons.button_center {
    float: none;
    margin: 0 auto;
}
.buttons.button_external {
    display:block;
    margin:15px auto 15px auto;
}
#banner.page_banner .buttons.button_external {
    display: block !important;
    margin: 5px auto 5px auto !important;
}
.section_button .buttons.button_right {
    float: right;
}
.section_button .buttons.button_left {
    float: left;
}
.buttons span {
    background: #d86600; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q4NjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlODhjMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d86600 1%, #e88c13 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d86600), color-stop(100%, #e88c13)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d86600 1%, #e88c13 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d86600 1%, #e88c13 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d86600 1%, #e88c13 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d86600 1%, #e88c13 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d86600', endColorstr='#e88c13', GradientType=0); /* IE6-8 */
    border-radius: 100em;
    -webkit-border-radius: 100em;
    -moz-border-radius: 100em;
    height: 32px;
    width: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: italic;
    color: #833100;
    text-align: center;
    margin: 10px 0 0 -16px;
    padding: 8px 0 0 0;
    display: block;
    float: left;
    position: relative;
    z-index: 99;
    text-shadow: 0 1px 0 #f0c08b;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .3);
}
a.button_buy {
    background: #fea817; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZlYTgxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fea817 1%, #c54200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fea817), color-stop(100%, #c54200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea817 1%, #c54200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea817 1%, #c54200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea817 1%, #c54200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fea817 1%, #c54200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea817', endColorstr='#c54200', GradientType=0); /* IE6-8 */
    display: block;
    float: left;
    width: 177px;
    height: 51px;
    padding: 15px 0 0 0;
    font-size: 135%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomleft: 25px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    position: relative;
    z-index: 20;
}
a.button_buy_big {
    background: #fea817; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZlYTgxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fea817 1%, #c54200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fea817), color-stop(100%, #c54200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea817 1%, #c54200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea817 1%, #c54200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea817 1%, #c54200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fea817 1%, #c54200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea817', endColorstr='#c54200', GradientType=0); /* IE6-8 */
    display: block;
    float: left;
    width: 235px;
    height: 51px;
    padding: 15px 0 0 0;
    font-size: 135%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    position: relative;
    z-index: 20;
}
a.button_buy:hover, a.button_buy_pricing:hover, a.button_buy_big:hover {
    background: #c54200; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1NDIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWE4MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c54200 0%, #fea817 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54200), color-stop(100%, #fea817)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c54200 0%, #fea817 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c54200 0%, #fea817 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c54200 0%, #fea817 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c54200 0%, #fea817 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c54200', endColorstr='#fea817', GradientType=0); /* IE6-8 */
    color: #fff;
}
a.button_try {
    background: #fec32d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fec32d 0%, #d86600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec32d), color-stop(100%, #d86600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fec32d 0%, #d86600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fec32d 0%, #d86600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fec32d 0%, #d86600 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fec32d 0%, #d86600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec32d', endColorstr='#d86600', GradientType=0); /* IE6-8 */
    display: block;
    float: left;
    width: 177px;
    height: 51px;
    padding: 15px 0 0 0;
    font-size: 135%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    margin-left: -16px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    position: relative;
    z-index: 20;
}
a.button_try:hover {
    background: #d86600; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZlYzMyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #d86600 0%, #fec32d 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d86600), color-stop(99%, #fec32d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d86600 0%, #fec32d 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d86600 0%, #fec32d 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d86600 0%, #fec32d 99%); /* IE10+ */
    background: linear-gradient(to bottom, #d86600 0%, #fec32d 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d86600', endColorstr='#fec32d', GradientType=0); /* IE6-8 */
    color: #fff;
}
a.button_buy_pricing {
    background: #fea817; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZlYTgxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fea817 1%, #c54200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fea817), color-stop(100%, #c54200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea817 1%, #c54200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea817 1%, #c54200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea817 1%, #c54200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fea817 1%, #c54200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea817', endColorstr='#c54200', GradientType=0); /* IE6-8 */
    width: 161px;
    height: 40px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    display: block;
    font-size: 135%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
}
a.button_buy:active, a.button_buy_big:active, a.button_try:active, a.button_buy_pricing:active, input.submit:active {
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .4);
    -webkit-box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .4);
    outline: none;
}
/* 2.3 List Styles */
#main_content ul, #main_content ol, .entry-content ul, .entry-content ol {
    margin: 0 0 20px 0;
}
#main_content .pricing_table ul, #main_content .pricing_table ol, #main_content .section_features ul {
    margin-bottom: 0;
}
.entry-content ul li {
    list-style: disc;
    padding: 3px 0 3px 0;
    margin: 0 0 0 15px;
}
.entry-content ol li {
    list-style: decimal;
    padding: 3px 0 3px 0;
    margin: 0 0 0 20px;
}
.arrowicon {
    background: url(images/icons/arrowicon.png) no-repeat 0 5px;
    padding: 1px 0 0 15px;
	font-weight: bold;
	font-size: 130%;
	line-height: 3em;
}
.arrowiconsmall {
    background: url(images/icons/arrowicon.png) no-repeat 0 5px;
    padding: 0px 0 0 12px;
	font-weight: bold;
	line-height: 2em;
}
.list_check_index {
    margin-top: 20px;
}
.list_check_index ul li {
    background: url(images/icons/icon_check.png) no-repeat 0 7px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
	width:250px;
}
.list_check {
    margin-top: 20px;
}
.list_check ul li {
    background: url(images/icons/icon_check.png) no-repeat 0 5px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
	width:250px;
}
.list_check_ratgeber ul li {
    background: url(images/icons/icon_check.png) no-repeat 0 7px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_plus ul li {
    background: url(images/icons/icon_plus.png) no-repeat 0 5px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_star ul li {
    background: url(images/icons/icon_star.png) no-repeat 0 4px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_caution ul li {
    background: url(images/icons/icon_caution.png) no-repeat 0 5px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_info ul li {
    background: url(images/icons/icon_info.png) no-repeat 0 4px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_heart ul li {
    background: url(images/icons/icon_heart.png) no-repeat 0 4px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_calendar ul li {
    background: url(images/icons/icon_calendar.png) no-repeat 0 4px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_delete ul li {
    background: url(images/icons/icon_delete.png) no-repeat 0 6px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
.list_pin ul li {
    background: url(images/icons/icon_pin.png) no-repeat 0 4px;
    list-style: none;
    padding: 6px 0 10px 20px;
    margin: 0;
}
.list_arrow ul li {
    background: url(images/icons/icon_arrow.png) no-repeat 0 6px;
    list-style: none;
    padding: 6px 0 6px 28px;
    margin: 0;
}
/*------------------------------------------------------------------------------------------*/
/* 3. Styles used for fonts and headings */
/*------------------------------------------------------------------------------------------*/
/* 3.1 Fonts */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
}
h1 {
    margin: 0 0 20px 0;
}
h2 {
    margin: 0 0 15px 0;
}
h3 {
    margin: 0 0 15px 0;
}
h4 {
    margin: 0 0 15px 0;
}
h5 {
    margin: 0 0 10px 0;
}
h6 {
    margin: 0 0 5px 0;
}
/* 3.2 Headings */
#logo {
    display: inline-block;
}
#logo img {
    margin: 6px 0;
    float: left;
}
#logo img:hover{
	opacity: 100;
}
#logo h1 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #dd4632;
    display: inline;
    margin: 0 10px 0 0;
}
#logo h2 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    color: #999;
    font-weight: 400;
    margin: 0;
    display: inline;
}
#banner h1 {
  color: #015aa1;
  font-family: "Montserrat",Arial,Helvetica,sans-serif;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 42px;
  margin: 0 0 15px;
}
#banner h1 span {
  font-weight: 800;
}
#banner, #banner p {
color: #4e4e4e;}
.section_features h2, .section_features h3, .section_gallery h2, .section_gallery h3, .section_small_testimonials h2, .section_small_testimonials h3, .buy h2, .buy h3, .section_pricing_table h2, .section_pricing_table h3, .section_payment h2, .section_payment h3 {
    text-align: center;
}
.newsletter h2 {
    background: url(images/sprite.png) no-repeat -1px -175px;
    color: #fff;
    padding: 23px 0 20px 70px;
    margin: 5px 0 0 20px;
    float: left;
}
#content #main_content h1 {
    text-align: center;
    font-weight: 700;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.pricing_header h4 {
    padding: 15px 0 0 0;
}
.pricing_header h5 {
    color: #ccc;
    margin: -10px 0 10px 0;
    padding: 0;
}
.highlighted h5 {
    color: #f7c9c9;
}
h1.page-title, .type-page h1.entry-title {
    color: #015aa1;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size:26px;
}
h1.post-title, .type-post h1.entry-title {
    color: #015aa1;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
h1.entry-title-card {
    color: #015aa1;
    padding: 0 0 10px;
    margin: 0 0 10px;
}
h1.page-title span {
    font-weight: 700;
}
h3.widget-title {
}
.tipp {
  background-color: #ffc434;
  border-radius: 5px;
  box-shadow: 0 6px 6px -6px black;
  color: #636363;
  height: 20px;
  left: 1px;
  opacity: 0.9;
  padding: 2px;
  position: relative;
  text-align: center;
  top: -10px;
  width: 45px;
}
.tipp strong {
color: #DD4631;
line-height:11px;
}
.preispa {
  color: #999 !important;
  font-size: 12px !important;
  margin-top: 0px;
  display: block;
}
.kkvgl ul li {
  background: rgba(0, 0, 0, 0) url("images/icons/checkicon16.png") no-repeat scroll 0 6px;
  line-height: 24px;
  padding-left: 25px;
  font-size:15px;
}
.girotipp {
background: #ffc434;
background: -moz-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fef2bf), color-stop(100%, #ffc434));
background: -webkit-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: -o-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: -ms-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: linear-gradient(to bottom, #fef2bf 0%, #ffc434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef2bf', endColorstr='#ffc434', GradientType=0);
width:110px;
opacity: .9;
float:left;
text-align:center;
height:20px;
border-radius: 3px;
margin-left:0px;
margin-top: -13px;
color: #636363;
padding:2px;
-webkit-box-shadow: 0 6px 6px -6px black;
   -moz-box-shadow: 0 6px 6px -6px black;
        box-shadow: 0 6px 6px -6px black;
}
.girotipp strong {
color: #DD4631;
line-height:11px;
}
.sperren {
background: #ffc434;
background: -moz-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fef2bf), color-stop(100%, #ffc434));
background: -webkit-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: -o-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: -ms-linear-gradient(top, #fef2bf 0%, #ffc434 100%);
background: linear-gradient(to bottom, #fef2bf 0%, #ffc434 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef2bf', endColorstr='#ffc434', GradientType=0);
width:280px;
float:right;
text-align:center;
height:50px;
border-radius: 0 0 5px 5px;
margin-right:13px;
color: #636363;
padding:5px;
-webkit-box-shadow: 0 6px 6px -6px black;
   -moz-box-shadow: 0 6px 6px -6px black;
        box-shadow: 0 6px 6px -6px black;
}
.sperren a {
color: #636363;
}
.sperren a:hover {
color: #000;
}
.sperren p {
font-size:14px;
line-height: 18px;
}
@media screen and (min-width : 50px ) and (max-width: 800px) {
.sperren {display:none;}
}
.topcard {
float:right !important;
margin-left:20px !important;
box-shadow: 0 8px 6px -6px black;
}
.topcard-doppel {
float:right !important;
margin-left:20px !important;
}
.catcard {
font-size:110%;
}
/* News Slider Startseite */
.slick-slider:hover {
	cursor: move;
}
.slick-slider { position: relative; overflow: hidden; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; padding:0 30px;}
.slick-slide span {
  color: #999;
  display: block;
  font-size: 12px;
  font-weight:bold;
}
.slick-slide img { display: block; margin: 0 auto; max-width: 150px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* News Slider Arrows */
.slick-prev, .slick-next { box-shadow: none; position: absolute; display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: calc(40% - 10px); margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 40px; line-height: 1; color: #c54200; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -10px; }
.slick-prev:before { content: "\f104"; }
.slick-next { right: -10px; }
.slick-next:before { content: "\f105"; }
/* News Slider Dots */
.slick-slider { margin-bottom: 0px; }
.slick-dots { position: relativ; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\f111"; width: 20px; height: 20px; font-family: "FontAwesome"; font-size: 6px; line-height: 20px; text-align: center; color: #166599; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: #166599; opacity: 0.75; }
/* Karten-Sprite
------------------------------------------------------*/
.card756{width:150px; height:95px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px 0px transparent; border-radius:6px;}
.card633{width:150px; height:95px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px -95px transparent; border-radius:6px;}
.card215{width:150px; height:95px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px -95px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card729{width:150px; height:95px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px -190px transparent; border-radius:6px;}
.card757{width:150px; height:94px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px -285px transparent; border-radius:6px;}
.card217{width:150px; height:95px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px -380px transparent; border-radius:6px;}
.card730{width:150px; height:95px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px -475px transparent; border-radius:6px;}
.card218{width:150px; height:95px; background:url("images/cardsprite-trans.png") no-repeat scroll 0px -570px transparent; border-radius:6px;}
.card683 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px 0px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card731 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -95px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card402 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -190px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card728 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -285px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card508 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -380px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card406 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -475px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card473 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -570px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card684 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -665px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card445 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -760px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card746 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -855px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card670 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -950px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card397 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1045px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card671 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1140px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1054 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1235px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card401 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1330px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999910 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1425px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1890 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1520px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1936 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1615px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card754 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1710px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1639 {width:150px; height:95px; background:url("images/cardsprite-prepaid.jpg") no-repeat scroll 0px -1805px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card214 {width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px 0px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card12214 {width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px 0px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card230 {width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -95px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card664 {width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -285px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card703 {width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -380px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card604 {width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -475px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card396{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -570px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1053{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -665px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card997{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -760px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card706{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -855px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card762{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -950px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card635{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1045px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card425{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1140px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card907{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1235px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card632{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1330px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card605{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1425px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card247{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1520px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card774{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1615px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card236{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1710px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card894{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1805px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card788{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1900px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card859{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -1995px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card319{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2090px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card216{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2185px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card672{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2280px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card253{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2375px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card210{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2470px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1047{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2565px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card767{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2660px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card318{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2755px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card211{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2850px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card313{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -2945px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card768{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3040px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card673{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3135px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card212{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3230px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card628{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3325px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card213{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3420px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1123{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3515px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card451{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3610px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999905{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3610px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card743{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3705px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999901{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3800px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999902{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3895px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999903{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -3990px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999904{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4085px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1047{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4180px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card713{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4275px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card714{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4370px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card504{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4465px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999906{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4560px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999907{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4655px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1199{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4750px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1200{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4845px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999908{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -4940px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999909{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5035px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card732{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5130px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1434{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5225px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card365{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5320px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999911{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5605px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999913{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5510px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999912{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5415px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1726{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5700px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1860{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5890px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card1675{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5795px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999914{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -5985px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999915{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -6080px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.card999916{width:150px; height:95px; background:url("images/cardsprite.jpg") no-repeat scroll 0px -6175px transparent; border-radius:6px; box-shadow:0 8px 6px -6px gray;}
.visa{width:225px; height:35px; background:url("images/provider-icon.png") no-repeat scroll 0px 0px transparent; float:none; margin-bottom:12px;}
.visa p {padding-left:60px; line-height:1.3em !important;}
.mastercard{width:225px; height:35px; background:url("images/provider-icon.png") no-repeat scroll 0px -41px transparent;float:none; margin-bottom:12px;}
.mastercard p {padding-left:60px; line-height:1.3em !important}
.amex{width:225px; height:35px; background:url("images/provider-icon.png") no-repeat scroll 0px -83px transparent;float:none; margin-bottom:12px;}
.amex p {padding-left:60px; line-height:1.3em !important}
.cardindex216 {width:150px; height:95px; float:right; background:url("https://www.kreditkarte.org/bilder/card-index-sprite.jpg") no-repeat scroll 0px 0px transparent; border-radius:6px;margin-left:20px;}
.cardindex214 {width:150px; height:95px; float:right; background:url("https://www.kreditkarte.org/bilder/card-index-sprite.jpg") no-repeat scroll 0px -95px transparent; border-radius:6px;margin-left:20px;}
.cardindex683 {width:150px; height:95px; float:right; background:url("https://www.kreditkarte.org/bilder/card-index-sprite.jpg") no-repeat scroll 0px -190px transparent; border-radius:6px;margin-left:20px;}
.cardindex1890 {width:150px; height:95px; float:right; background:url("https://www.kreditkarte.org/bilder/card-index-sprite.jpg") no-repeat scroll 0px -190px transparent; border-radius:6px;margin-left:20px;}
.cardindex230 {width:150px; height:95px; float:right; background:url("https://www.kreditkarte.org/bilder/card-index-sprite.jpg") no-repeat scroll 0px -285px transparent; border-radius:6px;margin-left:20px;}
.cardindex218 {width:150px; height:95px; float:right; background:url("https://www.kreditkarte.org/bilder/card-index-sprite.jpg") no-repeat scroll 0px -380px transparent; border-radius:6px;margin-left:20px;}
.cardindex633 {width:150px; height:95px; float:right; background:url("https://www.kreditkarte.org/bilder/card-index-sprite.jpg") no-repeat scroll 0px -475px transparent; border-radius:6px;margin-left:20px;}
.infobox {
border-left: 5px solid #ffc434;
background-color: #f2f2f2;
padding:10px 15px;
margin-bottom:20px;
}
.infobox p{
margin-bottom:0;
}
.infobox > h2 {
  font-size: 1.8em;
  margin-bottom: 15px;
}
.wp-caption.newcaption {
  background-color: #fff;
  border-color: -moz-use-text-color;
  border-style: none;
  border-width: medium;
}
.tooltip-from-element {
font-size:12px !important;
line-height:16px !important;
background: url(images/infoicon.png) no-repeat;
padding-left:20px;
margin-top:12px;
display:block;
}
.datagridre table {
border-collapse:collapse;
text-align:left;
width:100%;
}
.datagridre {
background:#fff;
}
.datagridre table td,.datagridre table th {
}
.datagridre table thead tr th {
color:#166599;
font-size:14px;
font-weight:bold;
padding:10px 0 0;
}
.datagridre table thead th:first-child {
border:none;
padding-left:12px;
}
.datagridre table td:first-child {
padding-left:10px;
padding-right:12px;
}
.datagridre table tbody td {
font-size:100%;
font-weight:normal;
vertical-align:middle;
}
.datagridre table tbody tr td ul{
font-size:95%;
margin-top:10px;
}
.datagridre table tbody tr td ul li{
    background: url(images/icons/icon_check.png) no-repeat 0 7px;
    list-style: none;
    padding: 5px 0 6px 28px;
    margin: 0;
    font-size:14px;
}
#tooltip{ display:none; position:absolute; z-index:1000; background-color:#ffd; color:#444; padding:4px; box-shadow:#333 1px 1px 3px; width:225px; font-size:12px;}
.datagridre table tbody td span{
color:#000;
font-size:90%;
line-height:12px;
font-weight:normal;
vertical-align:middle;
float:none;
display:block;
}
.tdanbieter {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.tdgebuehr {
font-size:220% !important;
padding-left:5px;
}
.datagridre table tbody tr{
height: 120px;
background-color: #f1f1f1;
border-top: 20px solid #fff;
}
.datagridre table tbody tr:first-child{
border-top: 0;
}
.datagridre table tbody tr:hover{
background-color:#e9f0f5;
-webkit-transition: background-color 0.3s ease-in-out 0s;
  -moz-transition: background-color 0.3s ease-in-out 0s;
  -o-transition: background-color 0.3s ease-in-out 0s;
  -ms-transition: background-color 0.3s ease-in-out 0s;
transition:background-color 0.3s ease-in-out 0s;
}
.datagridre table tbody .alt td {
color:#888888;
font-size:12px;
border-bottom: 2px solid #d8d8d8;
background-color: #f8f8f8;
}
.datagridre table tbody td:first-child {
border-left:none;
}
.datagridre table tbody tr:last-child td {
border-bottom:none;
}
.datagridre table thead tr {
height:40px;
background-color: #fff;
}
.cardboxrec {
width:100%;
border-top: 4px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 20px 5px 10px 10px;
margin: 15px 0 5px;
background-color:#e9f0f5;
}
.cardboxrec a{
color: #333;
}
.cardboxrec a:hover{
color: #565656;
}
.cardboxrec p{
margin-bottom:5px;
}
.cardboxrec img {
box-shadow: 0 8px 6px -6px grey;
border-radius: 6px 6px 6px 6px;
margin-bottom:10px;
}
.cardboxrec img:hover {
opacity: 0.7;
}
.cardbox-nameprice p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom:5px;
}
.reccard {
float:left;
width:25%;
text-align:center;
}
.contentrec {
width:100%;
border-top: 4px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 20px 5px 10px 10px;
margin: 15px 0 5px;
background-color:#e9f0f5;
}
.contentrec a{
color: #333;
}
.contentrec a:hover{
color: #565656;
}
.contentrec p{
margin-bottom:5px;
}
.contentrec img {
margin-bottom:5px;
}
.contentrec img:hover {
opacity: 0.7;
}
.contentrectext {
float: left;
margin-left: 2.5%;
margin-right: 2.5%;
text-align: center;
width: 28.33%;
}
#h2rec {
font-size: 1.5em;
margin: 50px 0 10px 0;
}
.relatedh2 {
  font-size: 22px !important;
  line-height: 28px;
  margin: 0 !important;
}
.cardbox {
width:100%;
min-height:125px;
padding-top: 15px;
padding-bottom: 0;
margin: 0 0 30px;
background-color:#e9f0f5;
border-top:4px solid #e5e5e5;
}
.cardbox.scroll-to-fixed-fixed {
  background: #f1f1f1 none repeat scroll 0 0;
}
.cardbox.scroll-to-fixed-fixed::after {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
  content: "";
  height: 30px;
  position: absolute;
  width: 100%;
}
.cardbox img {
box-shadow: 0 8px 6px -6px grey;
border-radius: 6px 6px 6px 6px;
}
.cardbox ul li{
    background: url(images/icons/icon_check.png) no-repeat 2px 3px;
    list-style: none;
    padding: 0 0 12px 28px;
    margin: 0;
    font-size: 15px;
}
.cardbox strong {
font-weight:bold;
font-size:1.5em;
}
.cardbox-card {
width:160px;
float:left;
padding-left:10px;
}
.cardbox-nameprice {
float:left;
margin-right:20px;
margin-left:25px;
font-size:12px;
max-width:150px;
}
.cardbox-bullet1 {
float:left;
}
.cardbox-btn{
float:right;
padding-right:10px;
}
.cardboxlink {
    background: url(images/icons/arrowicon.png) no-repeat 0 7px;
    padding: 1px 10px 0 15px;
    font-size:15px;
	float:none;
	display:block;
	margin-bottom:15px;
}
.cardbox-price {
font-weight:bold;
}
.vornachteile h3 {
font-family: 'Open Sans', sans-serif;
font-size: 21px;
color: #166599;
margin: 0 0 20px 0;
}
.vorteil {
float:left;
width:45%;
}
.vorteil ul li{
    background: url(images/icons/icon_check.png) no-repeat 0 1px;
    list-style: none;
    padding: 0 0 12px 28px;
    margin: 0;
}
.nachteil {
float:right;
width:45%;
}
.nachteil ul li{
    background: url(images/icons/icon_delete.png) no-repeat 0 1px;
    list-style: none;
    padding: 0 0 12px 28px;
    margin: 0;
}
.gebtable table { border-collapse: collapse; text-align: left; width: 100%; font-size:14px; }
.gebtable table tr { height:30px; }
.gebtable {background: #fff; overflow: hidden;}
.gebtable table td, .gebtable table th { padding: 3px 5px; }
.gebtable table tbody td {padding-left:20px; vertical-align:middle; color: #00496B;border-bottom: 1px solid #E1EEF4;font-weight: normal; }
.gebtable table tbody tr:hover {background-color: #f2f2f2; }
.gebtable table tbody .alt td { padding-left:5px; background-color: #e9f0f5; color: #00496B; font-weight:bold; }
.gebtable table tbody td:first-child { border-left: none; width:50%; }
.gebtable table tbody tr:last-child td {}
.gebtablevgl table { border-collapse: collapse; text-align: left; width: 100%; font-size:110%; }
.gebtablevgl table tr { height:30px; }
.gebtablevgl {background: #fff; overflow: hidden;}
.gebtablevgl table td, .gebtablevgl table th { padding: 3px 0px; }
.gebtablevgl table tbody td {vertical-align:middle; color: #00496B;border-bottom: 1px solid #E1EEF4;font-weight: normal; }
.gebtablevgl table tbody tr:hover {background-color: #f2f2f2; }
.gebtablevgl table tbody .alt td {background: #E1EEF4; color: #00496B; font-weight:bold; font-size: 110%; }
.gebtablevgl table tbody td:first-child { border-left: none; width:50%; }
.gebtablevgl table tbody tr:last-child td {}
.vgl3table table { border-collapse: collapse; text-align: left; width: 100%; font-size:14px; }
.vgl3table table tr { height:40px; }
.vgl3table {background: #fff; overflow: hidden;}
.vgl3table table td, .vgl3table table th { padding: 3px 5px; width:25%;}
.vgl3table table tbody td {padding:10px 10px 10px 20px; color: #00496B;border-bottom: 1px solid #E1EEF4;font-weight: normal; line-height:19px; }
.vgl3table table tbody tr:hover {background-color: #f2f2f2; }
.vgl3table table tbody .alt td { padding-left:5px; background-color: #e9f0f5; color: #00496B; font-weight:bold; font-size: 110%; }
.vgl3table table tbody td:first-child { border-left: none; color:#166599; }
.vgl3table table tbody tr:last-child td {}
.dreikvgl img {
  box-shadow: 0 8px 6px -6px grey;
  margin-left: 15px;
}
.vgl3table .ctabutton {
  display: block;
  font-size: 14px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 80%;
}
.vgl3table table tbody .lasttr > td {
  border-bottom: 0 none;
}
.lasttr:hover {
  background-color: transparent !important;
}
.vgl3table table tbody .nobordertd > td {
  border-bottom: 0 none;
}
/*------------------------------------------------------------------------------------------*/
/* 4. Content blocks used to position content */
/*------------------------------------------------------------------------------------------*/
/* Grid System based on Foundation by ZURB */
.row {
    width: 940px;
    max-width: 100%;
    margin: 0 auto;
}
.row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -10px;
}
.row.collapse .column, .row.collapse .columns {
    padding: 0;
}
.row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -10px;
}
.row .row.collapse {
    margin: 0;
}
.column, .columns {
    float: left;
    padding: 0;
    margin: 0;
    min-height: 1px;
    position: relative;
}
.column.centered, .columns.centered {
    float: none;
    margin: 0 auto;
}
[class*="column"] + [class*="column"]:last-child {
    float: right;
}
[class*="column"] + [class*="column"].end {
    float: left;
}
img {
    height: auto;
}
img, object, embed {
    max-width: 100%;
}
img {
    -ms-interpolation-mode: bicubic;
}
#map_canvas img, .map_canvas img {
    max-width: none !important;
}
/* Nicolas Gallagher's micro clearfix */
.row {
    *zoom: 1;
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.block_300 {
    width: 300px;
    float: left;
    margin: 5px 20px 5px 0;
}
.block_380 {
    width: 380px;
    float: left;
    margin: 0 20px 0 0;
}
.block_460 {
    width: 460px;
    float: left;
    margin: 0 20px 0 0;
}
.block_540 {
    width: 540px;
    float: left;
}
.block_680 {
    width: 680px;
    float: left;
}
.block_680 h2 {
    font-size: 22px;
    line-height: 28px;
}
.page-template-page-sidebar-left-php .block_680 {
    float: right;
}
/* 4.1 Column Layouts */
.one_half, .one_third, .one_third_footer, .two_thirds, .three_fourths, .one_fourth {
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
}
.page-template-landingpage-php .one_half, .page-template-landingpage-php .two_thirds, .page-template-landingpage-php .three_fourths {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
}
.one_half {
    width: 600px;
}
.one_third_footer{
    width: 250px;
	margin-right:90px;
}
.one_third {
    width: 250px;
	margin-right:90px;
	margin-top:12px;
}
.one_third p {
	text-align:justify;
}
.two_thirds {
    width: 620px;
}
.one_fourth {
    width: 220px;
}
.three_fourths {
    width: 700px;
}
.teasterbox {
height:158px;
position:relative;
box-shadow:0 8px 6px -6px black;
margin-bottom:15px;
}
.teaserbox.urlaub {
background: url(https://www.kreditkarte.org/bilder/ratgeber-index.jpg) no-repeat scroll 0px 0px transparent;
height:158px;
position:relative;
box-shadow:0 6px 6px -6px black;
margin-bottom:15px;
}
.teaserbox.checkliste {
background: url(https://www.kreditkarte.org/bilder/ratgeber-index.jpg) no-repeat scroll -500px 0px transparent;
height:158px;
position:relative;
box-shadow:0 6px 6px -6px black;
margin-bottom:15px;
}
.teaserbox.kartefinden {
background: url(https://www.kreditkarte.org/bilder/ratgeber-index.jpg) no-repeat scroll -250px 0px transparent;
height:158px;
position:relative;
box-shadow:0 6px 6px -6px black;
margin-bottom:15px;
}
#section_features_1 h3 {
 font-size:22px;
}
.teaserbox p{
background: none repeat scroll 0 0 rgba(248, 244, 237, 0.65);
bottom: 0;
font-size:15px;
font-weight:bold;
line-height:24px;
padding: 5px;
margin:0;
position:absolute;
text-align:left;
vertical-align:bottom;
width:100%;
color: #000;
}
.faq p {
padding-left:75px;
margin-bottom:20px;
}
.faq h3 {
color: #166599;
text-align:left;
}
/*------------------------------------------------------------------------------------------*/
/* 5. Landing page header and banner */
/*------------------------------------------------------------------------------------------*/
/* 5.1 Header */
#landing_header {
}
#landing_header_inner {
    overflow: hidden;
    position: relative;
}
#landing_header hgroup {
    display: inline;
}
.single-post #landing_header {
    margin: 0 auto 30px auto;
}
.page-template-landingpage-php #landing_header {
    border: none;
}
.blueheadline {
text-align: left !important;
color: #166599 !important;
}
#phone {
    font-size: 108%;
    color: #999;
    display: inline-block;
    text-align: right;
    position: absolute;
    bottom: 0;
}
#phone a {
    text-decoration: none;
    color: #dd4632;
    cursor: default;
    font-weight: bold;
}
#phone.one_third.last {
    margin: 0;
    padding: 0;
}
#landing_header .two_thirds, #landing_header .one_third {
    padding: 0;
    margin: 0;
}
/* 5.3 Slider */
/*
 * jQuery FlexSlider v2.0
 * 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;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    position: relative;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s 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;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.flex-direction-nav .flex-next {
    background: url(images/sprite.png) no-repeat -183px -417px;
    right: 5px;
}
.flex-direction-nav .flex-prev {
    background: url(images/sprite.png) no-repeat -163px -417px;
    left: 5px;
}
.testimonial-slider-large .flex-direction-nav .flex-next {
    background: url(images/sprite.png) no-repeat -182px -827px;
    right: 5px;
}
.testimonial-slider-large .flex-direction-nav .flex-prev {
    background: url(images/sprite.png) no-repeat -164px -827px;
    left: 5px;
}
.flexslider:hover .flex-next {
    opacity: 1;
    right: 5px;
}
.flexslider:hover .flex-prev {
    opacity: 1;
    left: 5px;
}
.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}
/* 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;
    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: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.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;
}
.slides li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* 5.4 Gallery */
/* The gallery overlay */
#galleryOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 99;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    display: none;
    -moz-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
/* This class will trigger the animation */
#galleryOverlay.visible {
    opacity: 1;
}
#gallerySlider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    -moz-transition: left 0.4s ease;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
}
#gallerySlider .placeholder {
    background: url(images/controls/loading.gif) no-repeat center center;
    height: 100%;
    line-height: 1px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
/* The before element moves the image halfway from the top */
#gallerySlider .placeholder:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}
#gallerySlider .placeholder img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
#gallerySlider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: -30px;
    }
    100% {
        margin-left: 0px;
    }
}
@-moz-keyframes leftSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 0px;
    }
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: -30px;
    }
    100% {
        margin-left: 0px;
    }
}
@-webkit-keyframes leftSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 0px;
    }
}
/* Arrows */
#prevArrow, #nextArrow {
    border: none;
    text-decoration: none;
    background: url(images/controls/arrows.png) no-repeat;
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    width: 43px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
}
#prevArrow:hover, #nextArrow:hover {
    opacity: 1;
}
#prevArrow {
    background-position: left top;
    left: 40px;
}
#nextArrow {
    background-position: right top;
    right: 40px;
}
#imageTitle {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    padding: 10px 0 10px 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
}
/*------------------------------------------------------------------------------------------*/
/* 6. Content */
/*------------------------------------------------------------------------------------------*/
/* 6.1 Features */
.section_features {
    clear: both;
}
.feature_image {
    min-width: 60px;
    float: left;
}
.feature_text {
    width: 230px;
    float: left;
}
.section_features img {
    float: left;
    margin: 0 10px 0 0;
}
.section_features li, .entry-content .section_features li {
    margin: 15px 20px 15px 0;
}
.section_features h4 {
    margin: 0 0 5px 0;
}
.section_features h3 {
    margin: 0 0 8px 0;
}
/* 6.2 Description */
#description ul {
    margin: 20px 0 20px 30px;
}
#description ul li {
    background: url(images/sprite.png) no-repeat -1px -19px;
    padding: 6px 0 6px 28px;
}
/* 6.3 Screenshots */
.section_gallery {
    clear: both;
    text-align: center;
}
.section_gallery img {
    margin: 0 3px 0 3px;
    border: 3px solid #e6e6e6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section_gallery img:hover {
    border-color: #dd4632;
}
/* 6.4 Testimonials */
blockquote {
    background: url(images/bg_quote.png) no-repeat left top;
}
.entry-content blockquote {
    padding: 10px 10px 10px 60px;
    font-style: italic;
}
.entry-content .section_small_testimonials blockquote, blockquote.testimonial_big {
    padding: 0;
    font-style: normal;
}
blockquote footer {
    display: block;
    margin: 15px 0 0 0;
    line-height: normal;
    font-weight: normal;
    color: #999;
}
blockquote footer img {
    float: left;
    border-radius: 100em;
    -webkit-border-radius: 100em;
    -moz-border-radius: 100em;
    margin: 0 10px 0 0;
}
blockquote footer div {
    padding: 13px 0 0 0;
    font-weight: bold;
    color: #dd4632;
}
.testimonial_big {
    margin: 0;
    padding: 0;
    text-align: center;
}
.testimonial_big q {
    font-family: 'Open Sans', sans-serif;
    font-size: 140%;
    line-height: normal;
}
.testimonial_big footer div {
    display: inline;
}
/* 6.5 Newsletter */
.newsletter_inner {
    background: url(images/sprite.png) no-repeat 415px -461px #dd4733;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    overflow: hidden;
    clear: both;
}
.newsletter form {
    background: #fff;
    height: 44px;
    width: 362px;
    margin: 18px 20px 0 0;
    float: right;
    display: block;
    border: 1px solid #ab2210;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 2px 3px #999;
    -moz-box-shadow: inset 0 2px 3px #999;
    -webkit-box-shadow: inset 0 2px 3px #999;
}
.newsletter input[type="text"] {
    background: none;
    height: 42px;
    width: 240px;
    float: left;
    margin: 0;
    padding: 2px 0 0 10px;
    border-left: none;
    border-bottom: none;
    border-top: none;
    border-right: 1px solid #ab2210;
    line-height: 42px;
    color: #999;
}
.newsletter input.e-mail:focus {
    color: #333;
}
input.submit {
    background: #fea817; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZlYTgxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTQyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fea817 1%, #c54200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fea817), color-stop(100%, #c54200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea817 1%, #c54200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea817 1%, #c54200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea817 1%, #c54200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fea817 1%, #c54200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea817', endColorstr='#c54200', GradientType=0); /* IE6-8 */
    height: 42px;
    width: 120px;
    margin: 0;
    float: right;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    border: 1px solid #eb9f29;
    border-top: none;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-bottom-right: 5px;
    cursor: pointer;
}
input.submit:hover {
    background: #c54200; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1NDIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWE4MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c54200 0%, #fea817 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54200), color-stop(100%, #fea817)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c54200 0%, #fea817 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c54200 0%, #fea817 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c54200 0%, #fea817 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c54200 0%, #fea817 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c54200', endColorstr='#fea817', GradientType=0); /* IE6-8 */
}
.ctabutton {
    background: #f77a0b;
    float: left;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border:1px solid #f77a0b;
    border-radius:4px;
    font-weight:200;
    line-height: 36px;
    padding: 0 14px;
    margin: 15px 0 0 0;
	text-align:center;
    float: none;
    display:inline-block;
}
.ctabutton:hover {
    background: #fff;
    color:#f77a0b;
}
.ctabuttonlp {
    background: #fea817; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #fea817 1%, #c54200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fea817), color-stop(100%, #c54200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea817 1%, #c54200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea817 1%, #c54200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea817 1%, #c54200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fea817 1%, #c54200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea817', endColorstr='#c54200', GradientType=0); /* IE6-8 */
    height: 42px;
    width: 250px;
    margin: 5px 0 15px 0;
	line-height:42px;
	text-align:center;
    float: left;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 130%;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    border: 1px solid #eb9f29;
    border-top: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
.ctabuttonlp:hover {
    background: #c54200; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #c54200 0%, #fea817 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54200), color-stop(100%, #fea817)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c54200 0%, #fea817 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c54200 0%, #fea817 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c54200 0%, #fea817 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c54200 0%, #fea817 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c54200', endColorstr='#fea817', GradientType=0); /* IE6-8 */
}
.tdbutton {
  background: #f77a0b none repeat scroll 0 0;
  border: 1px solid #f77a0b;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 200;
  height: 32px;
  line-height: 30px;
  margin: 10px 0;
  padding: 0 12px;
  text-align: center;
  text-decoration: none;
  width: 120px;
}
.tdbutton:hover {
  background: #fff;
  color:#f77a0b;
}
.kartenpagebutton {
  height: 34px;
  margin: 28px 0 5px 0;
	line-height:32px;
	text-align:center;
  float: none;
	display:block;
  background: #f77a0b;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  border:1px solid #f77a0b;
  border-radius:4px;
  font-weight:200;
  padding: 0 12px;

}
.kartenpagebutton:hover {
  background: #fff;
  color:#f77a0b;
}
.cardlpbutton {
    background: #fea817; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #fea817 1%, #c54200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fea817), color-stop(100%, #c54200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea817 1%, #c54200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea817 1%, #c54200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea817 1%, #c54200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fea817 1%, #c54200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea817', endColorstr='#c54200', GradientType=0); /* IE6-8 */
    height: 32px;
    margin: 50px 0 0 0;
	padding: 0 10px;
	line-height:32px;
	text-align:center;
    float: none;
	display:block;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    border: 1px solid #eb9f29;
    border-top: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
.cardlpbutton:hover {
    background: #c54200; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #c54200 0%, #fea817 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54200), color-stop(100%, #fea817)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c54200 0%, #fea817 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c54200 0%, #fea817 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c54200 0%, #fea817 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c54200 0%, #fea817 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c54200', endColorstr='#fea817', GradientType=0); /* IE6-8 */
}
input.vergleich {
    background: #f77a0b;
    height: 36px;
    width: 235px;
    margin: 10px 0 0 0;
    float: left;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    border-radius:4px;
    font-weight:200;
    -webkit-appearance: none;
}
input.vergleich:hover {
    background: #fff; /* Old browsers */
    border:1px solid #f77a0b;
    color:#f77a0b;
}
input.vergleich-side {
    background: #fea817; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #fea817 1%, #c54200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fea817), color-stop(100%, #c54200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fea817 1%, #c54200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fea817 1%, #c54200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fea817 1%, #c54200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fea817 1%, #c54200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea817', endColorstr='#c54200', GradientType=0); /* IE6-8 */
    height: 35px;
    width: 200px;
    margin: 10px 0 0 0;
    float: left;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 0 #af5305;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    border: 1px solid #eb9f29;
    border-top: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
input.vergleich-side:hover {
    background: #c54200; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #c54200 0%, #fea817 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54200), color-stop(100%, #fea817)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c54200 0%, #fea817 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c54200 0%, #fea817 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c54200 0%, #fea817 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c54200 0%, #fea817 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c54200', endColorstr='#fea817', GradientType=0); /* IE6-8 */
}
/*Newsletter within the Banner*/
.mini_newsletter_banner {
    background-color: rgba(30, 30, 30, 0.15);
    width: 440px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 6px;
    margin: -27px 0 0 0;
    overflow: hidden;
    position: relative;
    z-index: 99;
    float: left;
    clear: both;
}
.banner_type_free_form_content .mini_newsletter_banner {
    margin: -27px 0 0 0;
}
.banner_media_full .mini_newsletter_banner{
	margin: 20px 0 -55px 0;
	}

.banner_media_left.banner_type_free_form_content .mini_newsletter_banner, .banner_media_left.banner_type_single_image .mini_newsletter_banner {
	margin-left:480px;
	}
.mini_newsletter_banner .email {
    background: #fff;
    height: 44px;
    width: 308px;
    float: left;
    margin: 0;
    padding: 2px 0 0 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border: none;
    border-right: 1px solid #ab2210;
    line-height: 42px;
    color: #999;
    box-shadow: inset 0 2px 3px #999;
    -moz-box-shadow: inset 0 2px 3px #999;
    -webkit-box-shadow: inset 0 2px 3px #999;
}
.mini_newsletter_banner input.submit {
    height:44px;
}
/* 6.6 Buy */
.payment {
    width: 260px;
    margin: 20px auto 0 auto;
    text-align: center;
    clear: both;
}
.payment img {
    margin: 0 5px 0 0;
    display: inline;
}
/* 6.7 Pricing Table */
.pricing_table {
    background: #f0f0f0;
    padding: 10px 5px 10px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
    display: table;
    margin: 0 auto;
}
.pricing table .column, .columns {
    padding: 0 5px !important;
}
.pricing_block {
    background: #fff;
    margin: 0 10px 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    position: relative;
    width: 220px;
    float: left;
    margin: 0 5px 0 5px;
}
.pricing_header {
    background: url(images/bg_pricing_block.png) no-repeat center bottom #666666;
    height: 185px;
    color: #fff;
    padding: 0 10px 25px 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pricing_footer {
    background: #666666;
    height: 90px;
    margin: 10px 0 0 0;
    padding: 20px 0 5px 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pricing_footer p {
    background-color: rgba(30, 30, 30, 0.25);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    width: 171px;
    margin: 0 auto;
    padding: 5px;
    overflow: hidden;
}
.pricing_block:hover .pricing_header, .pricing_block:hover .pricing_footer {
    background-position: center 47px;
    background-color: #464646;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.favorite .pricing_header, .favorite .pricing_footer {
    background-color: #dd4632;
}
.favorite.pricing_block:hover .pricing_header, .favorite.pricing_block:hover .pricing_footer {
    background-color: #c03220;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.price {
    font-size: 380%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.price span {
    font-size: 45%;
    position: relative;
    top: -20px;
    left: -5px;
}
.pricing_block ul {
    margin: 0;
    padding: 0;
}
.pricing_block li, .entry-content .pricing_block li {
    border-bottom: 1px dashed #e5e5e5;
    margin: 0 10px 0 10px;
    padding: 8px 0 8px 0;
}
.pricing_block li.last {
    border: none;
}
.badge {
    background: url(images/badges/badge_bestvalue.png) no-repeat left top;
    float: right;
    width: 58px;
    height: 58px;
    margin: -7px -6px 0 0;
    overflow: visible;
    position: absolute;
    top: 0;
    right: 0;
}
.badge span {
    display: none;
}
.badge.badge_bestseller {
    background: url(images/badges/badge_bestseller.png) no-repeat left top;
}
.badge.badge_bestvalue {
    background: url(images/badges/badge_bestvalue.png) no-repeat left top;
}
.badge.badge_favorite {
    background: url(images/badges/badge_favorite.png) no-repeat left top;
}
.badge.badge_mostchosen {
    background: url(images/badges/badge_mostchosen.png) no-repeat left top;
}
/* 6.8. Misc Elements */
section.section_posts {
    padding: 0 0 25px 0 !important;
}
.block_posts_before {
    margin-bottom:25px;
}
/*------------------------------------------------------------------------------------------*/
/* 7. Wordpress elements */
/*------------------------------------------------------------------------------------------*/
/* 7.1 Wordpress Core */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption, .gallery-caption {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 10px 5px 5px 5px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    max-width: 98.5%;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 75%;
    color: #666;
    line-height: 17px;
    margin: 0;
    padding: 0;
}
/* 7.2 Sidebar */
#sidebar {
    width: 220px;
    float: right;
}
#sidebar.three.columns {
    margin: 0 !important;
    padding: 0 !important;
}
.page-template-page-sidebar-left-php #sidebar {
    float: left;
}
#sidebar .widget-container {
    margin: 0 0 40px 0;
    overflow: hidden;
}
#sidebar .widget-container li:last-child, #sidebar .widget-container li:last-child a {
    margin: 0 0 0 0;
}
#sidebar a {
    color: #333;
}
#sidebar a:hover {
    color: #dd4631;
}
#sidebar img {
    max-width: 220px;
}
#sidebar .wp-caption {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 10px 5px 5px 5px;
    margin-right: 0;
    text-align: center;
}
#sidebar .wp-caption img {
    max-width: 200px;
}
/* 7.3 Posts */
.post {
    margin: 0 0 35px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e5e5e5;
}
.post.last {
    margin: 0 0 35px 0;
    padding: 0 0 0 0;
    border: none;
}
.entry-meta {
    margin: 0 0 20px 0;
}
.entry-meta, .entry-meta a, .single-post .entry-footer a {
    color: #999;
    text-decoration: none;
}
.entry-meta a:hover, .entry-meta a:hover, .single-post .entry-footer a:hover {
    color: #dd4631;
}
.entry-meta .author {
    background: url(images/sprite.png) no-repeat -6px -299px;
    padding: 0 10px 0 20px;
}
.entry-date {
    background: url(images/sprite.png) no-repeat -5px -275px;
    padding: 0 10px 0 20px;
}
.comments-link {
    background: url(images/sprite.png) no-repeat -6px -325px;
    padding: 0 10px 0 19px;
}
h2.entry-title {
    margin: 0 0 5px 0;
}
.entry-summary {
    margin: 0 0 20px 0;
}
img.attachment-custom-1 {
float: left;
padding: 2px;
margin: 2px 20px 5px 0px;
border: 1px solid rgb(194, 194, 194);
}
.single-post .entry-footer {
    color: #999;
    border-top: 1px solid #e5e5e5;
    margin: 40px 0 -20px 0;
    padding: 10px 0 0 0;
}
/* 7.4 Comments */
.comment-wrapper {
    background: #f8f8f8;
    padding: 20px;
    margin: 0 0 20px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}
.children {
    background: url(images/border_pixel.gif) repeat-x 0 50px;
    margin: 0 0 0 25px;
    padding: 0 0 0 25px;
    border-left: 1px solid #e5e5e5;
}
.comment-author {
    float: left;
    margin: 0 20px 0 0;
}
.comment-author span {
    text-align: center;
    display: block;
    color: #999;
}
.comment-author span a {
    color: #999;
}
.comment-meta {
    color: #999;
    margin: 0 0 10px 0;
    text-align: left;
}
.comment-meta a {
    color: #999;
}
.comment-meta .fn {
    font-weight: bold;
    padding: 0 5px 0 0;
}
.comment-reply-link {
    float: right;
}
/* Commentform */
#respond {
    border-top: 1px solid #e5e5e5;
    padding: 30px 0 0 0;
    margin: 0 0 30px 0;
}
#commentform {
    background: #f8f8f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px;
}
#commentform .required {
    display: inline-block;
    margin: -30px 0 0 0;
    color: #999;
}
#commentform label {
    float: left;
    margin: 0;
    padding: 5px 0 5px 0;
}
.comment-form-author, .comment-form-email {
    width: 200px;
    margin: 0 0 20px 0;
    padding: 0 20px 0 0;
    float: left;
}
.comment-form-url {
    width: 200px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    float: left;
}
#commentform input {
    width: 180px;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#commentform input, #commentform textarea {
    border: 1px solid #e5e5e5;
    padding: 8px;
    clear: both;
}
#commentform textarea {
    width: 620px;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.page-template-default #commentform textarea,  .page-template-landingpage-php #commentform textarea {
    width: 895px;
}
.page-template-default .comment-form-comment, .single-post .comment-form-comment, .page .comment-form-comment, .page-template-landingpage-php .comment-form-comment {
    clear: both;
}
.comment-notes {
    float: right;
    color: #999;
    text-align: right;
    margin: 0 4px 0 0;
}
input#submit_comment {
    background: #dd4631;
    border: none;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 1px #f1f1f1;
    -moz-box-shadow: 0 1px 1px #f1f1f1;
    -webkit-box-shadow: 0 1px 1px #f1f1f1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
input#submit_comment:hover {
    background: #303030;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.page-template-landingpage-php #comments h3 {
    margin: 0 0 15px 0 !important;
}
.page-template-landingpage-php article section.section_comments {
    padding:0 !important;
}
.page-template-landingpage-php #comments.no-comments #respond {
    border-top: none !important;
    padding-top: 0;
    margin-top: 0;
}
.page-template-landingpage-php #comments #respond {
    margin: 0 0 40px 0 !important;
}
/* 7.5 Widgets */
.widget_categories li, .widget_archive li, .widget_meta li, .widget_pages li {
    background: url(images/sprite_wordpress.png) no-repeat 5px 13px;
    border-bottom: 1px solid #e5e5e5;
    padding: 7px 0 7px 16px;
}
/* Widget Pages & Widget Menu */
.widget_nav_menu ul.menu li {
    background: url(images/sprite_wordpress.png) no-repeat 5px 13px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    padding: 7px 0 7px 16px;
    display: block;
    width: 220px;
}
.widget_nav_menu ul.menu li a {
    border: none;
}
.widget_pages ul li ul li, .widget_pages ul li ul.children, .widget_nav_menu ul.menu li ul.sub-menu li {
    background: none;
    margin: 0;
    padding: 0;
    border-left: none;
}
.widget_pages ul li ul.children li, .widget_nav_menu ul.menu li ul.sub-menu li {
    background: url(images/sprite_wordpress.png) no-repeat 5px 12px;
    border: none;
    padding: 5px 0 2px 15px;
}
.widget_pages .current_page_parent a, #sidebar .widget_nav_menu .current_page_item a, .widget_nav_menu .current-menu-ancestor a, .widget_nav_menu .menu .current_page_item a, .widget_nav_menu .current_page_parent a, #page_footer .secondary a {
    background: none !important;
}
.widget_nav_menu .current-menu-item {
font-weight:bold;
}
.widget_nav_menu .current-menu-item ul {
font-weight:normal;
}
/* Widget Recent Posts & Recent Comments */
.justlanded_recent_blog_widget a {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.justlanded_recent_blog_widget p, #sidebar .justlanded_recent_comments_widget a, #footer-widgets .justlanded_recent_comments_widget a, .widgets-row .justlanded_recent_comments_widget a {
    width: 140px;
    margin: 0;
    float: left;
}
.justlanded_recent_blog_widget p span {
    margin: 5px 0 0 0;
    display: block;
    color: #999;
}
.justlanded_recent_blog_widget img, .justlanded_recent_comments_widget img {
    float: left;
    margin: 0 15px 0 0;
}
.justlanded_recent_comments_widget li {
    overflow: hidden;
    margin: 0 0 20px 0;
}
.justlanded_recent_comments_widget span {
    margin: 0 0 5px 0;
    display: block;
    color: #999;
}
/* Widget Wordpress Recent Entries */
.widget_recent_entries li {
    background: url(images/sprite.png) no-repeat -1px -652px;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 0 18px;
}
/* Widget Wordpress Recent Comments */
.widget_recent_comments li {
    background: url(images/sprite.png) no-repeat 0 -727px;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 0 18px;
}
/* Widget Tag cloud */
.tagcloud a {
    font-size: 100% !important;
    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    float: left;
    height: 27px;
    margin: 0 5px 5px 0;
    padding: 4px 5px 3px 5px;
    box-shadow: 0 1px 1px #f1f1f1;
    -moz-box-shadow: 0 1px 1px #f1f1f1;
    -webkit-box-shadow: 0 1px 1px #f1f1f1;
}
.tagcloud a:hover {
    background: #dd4631;
    border: 1px solid #dd4631;
    color: #fff !important;
}
/* Widget Search */
#searchform {
    margin: 0 0 3px 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 1px #f1f1f1;
    -moz-box-shadow: 0 1px 1px #f1f1f1;
    -webkit-box-shadow: 0 1px 1px #f1f1f1;
}
.entry-content #searchform {
    width: 220px;
}
#searchform input {
    background: none;
    border: none;
    height: 30px;
    padding: 5px;
    color: #999;
    outline: none;
}
#searchform input:focus {
    color: #333;
}
#searchform input#s {
    width: 180px;
}
#searchform input#button_search {
    background: url(images/sprite.png) no-repeat 3px -430px;
    height: 20px;
    width: 30px;
    margin: 5px 0 0 0;
    padding: 0 0 0 5px;
    border-left: 1px solid #e5e5e5;
    cursor: pointer;
}
/* Widget Testimonial */
.justlanded_testimonials_widget q, .justlanded_testimonials_slider_widget q {
    background: #f8f8f8;
    display: block;
    margin: 0;
    padding: 15px;
    font-style: italic;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.justlanded_testimonials_widget footer, .justlanded_testimonials_slider_widget footer {
    background: url(images/sprite.png) no-repeat 170px -583px;
    margin: 0 0 20px 0;
    padding: 10px 60px 0 0;
}
.justlanded_testimonials_widget footer div, .justlanded_testimonials_slider_widget footer div {
    margin: 0;
    padding: 0;
}
/*Widget Testimonial Slider*/
.testimonial-slider-small footer {
    margin-bottom: 0;
}
/*Widget Calendar */
#wp-calendar th, #wp-calendar td {
    padding: 7px;
    text-align: center;
    color: #999;
}
#wp-calendar caption {
    font-size: 1.1em;
    margin-bottom: 5px;
}
#wp-calendar tbody td {
    background: #f8f8f8;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#wp-calendar tbody td.pad {
    background: #fcfcfc;
}
#wp-calendar tbody td a {
    font-weight: bold;
}
#wp-calendar a {
    display: block;
}
td#prev {
    text-align: left;
}
td#next {
    text-align: right;
}
/* Widget RSS */
.widget_rss li {
    display: block;
    padding: 10px 0 7px 0;
}
.widget_rss .rss-date, .widget_rss cite {
    display: block;
    color: #999;
    margin: 0 0 5px 0;
}
.rssSummary {
    font-style: italic;
}
/*Widget Newsletter*/
.newsletter_widget_form {
    background: #f8f8f8;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
}
.newsletter_widget_form .email {
    background: #fff;
    color: #999;
    height: 44px;
    width: 210px;
    margin: 0;
    padding: 0 0 0 10px;
    float: left;
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 2px 3px #999;
    -moz-box-shadow: inset 0 2px 3px #999;
    -webkit-box-shadow: inset 0 2px 3px #999;
}
.newsletter_widget_form input.submit {
    width: 100px;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 34px;
    margin: 5px 0 0 0;
    font-size: 110%;
    border: 1px solid #c14903;
}
/* Footer Widgets */
#footer-widgets {
    margin-top:20px;
    /* background: url(images/border.gif) repeat-x left top; */
    border-top: 1px solid #e5e5e5;
    padding: 25px 0 0 0;
    clear: both;
}
/* 7.3 Pager */
.navigation {
    margin: 0 0 30px 0;
    padding: 20px 0 20px 0;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    color: #666;
}
.navigation a {
    color: #666;
}
.navigation a:hover {
    color: #dd4631;
}
.navigation .nav-next {
    float: left;
}
.navigation .nav-previous {
    float: right;
}
/*------------------------------------------------------------------------------------------*/
/* 8. Social elements */
/*------------------------------------------------------------------------------------------*/
.social_elements {
    position: fixed;
    top: 180px;
    right: 10px;
}
#navigation_elements .social_elements {
    position: relative;
    top: 8px;
    right: 0;
}
#navigation_elements .social_elements ul {
    float: right;
}
#navigation_elements .social_elements ul li {
    float: left;
}
.social_elements a span {
    display: none;
}
.social_elements a {
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 0 4px 0;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#navigation_elements .social_elements a {
    float: left;
    margin: 0 0 0 4px;
}
.social_elements a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
/* Social Elements in the right side */
.facebook {
    background: url(images/sprite_social_element.png) no-repeat -1px 0;
}
.googleplus {
    background: url(images/sprite_social_element.png) no-repeat -1px -60px;
}
.twitter {
    background: url(images/sprite_social_element.png) no-repeat -1px -30px;
}
.stumbleupon {
    background: url(images/sprite_social_element.png) no-repeat -1px -150px;
}
.youtube {
    background: url(images/sprite_social_element.png) no-repeat -1px -90px;
}
.vimeo {
    background: url(images/sprite_social_element.png) no-repeat -1px -120px;
}
.linkedin {
    background: url(images/sprite_social_element.png) no-repeat -1px -180px;
}
.pinterest {
    background: url(images/sprite_social_element.png) no-repeat -1px -210px;
}
.rss {
    background: url(images/sprite_social_element.png) no-repeat -1px -240px;
}
.digg {
    background: url(images/sprite_social_element.png) no-repeat -1px -270px;
}
.myspace {
    background: url(images/sprite_social_element.png) no-repeat -1px -300px;
}
.picasa {
    background: url(images/sprite_social_element.png) no-repeat -1px -330px;
}
.flickr {
    background: url(images/sprite_social_element.png) no-repeat -1px -360px;
}
.dribbble {
    background: url(images/sprite_social_element.png) no-repeat -1px -390px;
}
.blogger {
    background: url(images/sprite_social_element.png) no-repeat -1px -420px;
}
.feedback {
    background: url(images/sprite_social_element.png) no-repeat -1px -450px;
}
.weibo {
    background: url(images/sprite_social_element.png) no-repeat -1px -480px;
}
/* Social Elements in the header region */
#navigation_elements .facebook {
    background: url(images/sprite_social_element.png) no-repeat -27px 0;
}
#navigation_elements .googleplus {
    background: url(images/sprite_social_element.png) no-repeat -27px -60px;
}
#navigation_elements .twitter {
    background: url(images/sprite_social_element.png) no-repeat -27px -30px;
}
#navigation_elements .stumbleupon {
    background: url(images/sprite_social_element.png) no-repeat -27px -150px;
}
#navigation_elements .youtube {
    background: url(images/sprite_social_element.png) no-repeat -27px -90px;
}
#navigation_elements .vimeo {
    background: url(images/sprite_social_element.png) no-repeat -27px -120px;
}
#navigation_elements .linkedin {
    background: url(images/sprite_social_element.png) no-repeat -27px -180px;
}
#navigation_elements .pinterest {
    background: url(images/sprite_social_element.png) no-repeat -27px -210px;
}
#navigation_elements .rss {
    background: url(images/sprite_social_element.png) no-repeat -27px -240px;
}
#navigation_elements .digg {
    background: url(images/sprite_social_element.png) no-repeat -27px -270px;
}
#navigation_elements .myspace {
    background: url(images/sprite_social_element.png) no-repeat -27px -300px;
}
#navigation_elements .picasa {
    background: url(images/sprite_social_element.png) no-repeat -27px -330px;
}
#navigation_elements .flickr {
    background: url(images/sprite_social_element.png) no-repeat -27px -360px;
}
#navigation_elements .dribbble {
    background: url(images/sprite_social_element.png) no-repeat -27px -390px;
}
#navigation_elements .blogger {
    background: url(images/sprite_social_element.png) no-repeat -27px -420px;
}
#navigation_elements .feedback {
    background: url(images/sprite_social_element.png) no-repeat -27px -450px;
}
#navigation_elements .weibo {
    background: url(images/sprite_social_element.png) no-repeat -27px -480px;
}
/* 8.1 Contact Forms */
/* Contact Form 7*/
div.wpcf7 {
    background: #f8f8f8;
    padding: 20px !important;
    margin: 0 0 20px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    clear: both;
	width:680px;
}
div.wpcf7 input, div.wpcf7 textarea {
    margin: 5px 0 0 0;
}
input.wpcf7-submit {
    background: #dd4631;
    color: #fff;
    width: 180px;
    cursor: pointer;
    box-shadow: 0 1px 1px #f1f1f1;
    -moz-box-shadow: 0 1px 1px #f1f1f1;
    -webkit-box-shadow: 0 1px 1px #f1f1f1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: none !important;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
input.wpcf7-submit:hover {
    background: #303030;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"]
{
    width: 240px;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.wpcf7 input[type="radio"] {
    border: none;
}
.wpcf7 input, .wpcf7 textarea {
    border: 1px solid #e5e5e5;
    padding: 8px;
    clear: both;
}
.wpcf7 textarea {
    width: 640px;
	resize: vertical;
    border-radius: 5px;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.reveal-modal .wpcf7 input[type="text"], .reveal-modal .wpcf7 textarea {
    width:100% !important;
}
#banner div.wpcf7 {
    background:transparent !important;
}
/*------------------------------------------------------------------------------------------*/
/* 9. Landing page footer */
/*------------------------------------------------------------------------------------------*/
#page_footer {
    background: url(images/border.gif) repeat-x left top;
    padding: 25px 0 0 0;
    text-align: center;
    clear: both;
    font-size: 80%;
}
.page-template-landingpage-php #page_footer {
    background: none;
    padding-top: 0;
}
#page_footer p {
    margin: 3px 0 20px 0;
}
#page_footer, #page_footer a {
    color: #999;
    text-decoration: none;
}
#page_footer a:hover {
    color: #666;
}
#page_footer ul {
    margin: 0 auto;
}
.secondary li {
    display: inline;
    margin: 0 10px 0 0;
}
.scrollup {
    background: url(images/sprite.png) no-repeat -91px -349px;
    width: 40px;
    height: 40px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
    text-indent: -9999px;
}
/*------------------------------------------------------------------------------------------*/
/* 9. Additional styles for jQuery/Foundation Framework plug-ins and other plug-in classes  */
/*------------------------------------------------------------------------------------------*/
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.85;
    filter: alpha(opacity=85);
    z-index: 999;
    display: none;
    top: 0;
    left: 0;
}
.reveal-modal {
    background: #fff;
    visibility: hidden;
    display: none;
    top: 100px;
    left: 50%;
    margin-left: -260px;
    width: 520px;
    position: absolute;
    z-index: 9999;
    padding: 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.reveal-modal .close-reveal-modal:not(.button) {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    cursor: pointer;
}
.reveal-modal.small {
    width: 30%;
    margin-left: -15%;
}
.reveal-modal.medium {
    width: 40%;
    margin-left: -20%;
}
.reveal-modal.large {
    width: 60%;
    margin-left: -30%;
}
.reveal-modal.xlarge {
    width: 70%;
    margin-left: -35%;
}
.reveal-modal.expand {
    width: 90%;
    margin-left: -45%;
}
.reveal-modal .row {
    min-width: 0;
    margin-bottom: 10px;
}
.reveal-modal > :first-child {
    margin-top: 0;
}
.reveal-modal > :last-child {
    margin-bottom: 0;
}
/* The gallery overlay */
#galleryOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 99;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    display: none;
    -moz-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
/* This class will trigger the animation */
#galleryOverlay.visible {
    opacity: 1;
}
#gallerySlider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    -moz-transition: left 0.4s ease;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
}
#gallerySlider .placeholder {
    background: url(images/controls/loading.gif) no-repeat center center;
    height: 100%;
    line-height: 1px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
/* The before element moves the
 * image halfway from the top */
#gallerySlider .placeholder:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}
#gallerySlider .placeholder img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
#gallerySlider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: -30px;
    }
    100% {
        margin-left: 0px;
    }
}
@-moz-keyframes leftSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 0px;
    }
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: -30px;
    }
    100% {
        margin-left: 0px;
    }
}
@-webkit-keyframes leftSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 30px;
    }
    100% {
        margin-left: 0px;
    }
}
/* Arrows */
#prevArrow, #nextArrow {
    border: none;
    text-decoration: none;
    background: url(images/controls/arrows.png) no-repeat;
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    width: 43px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
}
#prevArrow:hover, #nextArrow:hover {
    opacity: 1;
}
#prevArrow {
    background-position: left top;
    left: 40px;
}
#nextArrow {
    background-position: right top;
    right: 40px;
}
#imageTitle {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    padding: 10px 0 10px 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
}
/*------------------------------------------------------------------------------------------*/
/* 11. Responsive Styling JustLanded */
/*------------------------------------------------------------------------------------------*/
/* Responsive Video Styling */
.jl_video_container {
    position: relative !important;
    padding-bottom: 56.25% !important;
    padding-top: 30px !important;
    height: 0 !important;
    overflow: hidden !important
}
.jl_video_container embed,
.jl_video_container iframe,
.jl_video_container object {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important
}
.flex-video {
    position: relative;
    padding-top: 1.5625em;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1em;
    overflow: hidden; }
.flex-video.widescreen {
    padding-bottom: 57.25%; }
.flex-video.vimeo {
    padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media screen and (min-width : 768px ) and (max-width: 1005px) {
#banner h1 {font-size: 30px;}
header {min-height:75px;}
.vgl-pfeil {display:none;}
.one_half {float:none; display:block;}
.vergleich-input {margin-top: 55px;}
.section_features img {display: block;float: none;margin: 0 auto;}
.list_check_index {display: block;float: none;margin: 20px auto;width: 250px;}
.ctabutton {display:block; margin:0 auto; float:none;}
.cardbox-btn {float: left;padding-left: 10px;padding-right: 0;}
.kartenpagebutton {margin-top:5px;}
#section_features_2 {display: none;}
#section_features_3 .one_third.last{margin-right:auto !important;}
.subtitle {font-size:15px;}
.page-template-landingpage-php h2 {font-size:24px;}
#main_nav a {padding: 3px 6px 0;}
.list_check_index {width:100%;}
.list_check_index ul li {width:100%;}
.ctabutton {width:230px;}
blockquote {background:none;}
.faq p {padding-left:0;}
.one_third_footer {margin-right: 10px;width: 245px;}
.teaserbox p {font-size:16px;}
.blog h3 {margin-top: 10px;}
hr {display:none;}
.re-submit {height: 50px;}
#navigation_elements {margin-top: 0;}
    /*Global*/
    article section, .newsletter {
        background: url(images/border.gif) repeat-x left bottom;
        margin: 0 0 20px 0;
        padding: 0 0 25px 0;
        overflow: hidden;
    }
    article .entry-content .block, .entry-content .newsletter, .entry-content section {
        background-image: none !important;
    }
    .one_half h2, .one_half h3 {
        text-align: left !important;
    }
    /*Grid*/
    #container, .row {
      margin: 0 auto;
      padding: 0 7px;
      width: 100%;
    }
    .block_680 {
        margin-bottom: 0;
    }
    .six.columns {
        width: 99%;
    }
    .nine.columns {
        width: 99% !important;
        width: 730px;
    }
    .row .six.mobile-two {
        width: 50% !important;
        float: left;
        padding: 0 10px 0 0 !important;
    }
    .one_half {
        width: 53%;
    }
.one_third {
  margin-right: 25px;
  width: 235px;
}
.one_third > h3 {
  font-size: 16px;
}
    .two_thirds {
        width: 480px;
    }
    .one_fourth {
        width: 167px;
    }
    .three_fourths {
        width: 540px;
    }
    .one_half .one_fourth {
        width: 150px;
    }
    .widget-container {
        width: 730px;
        float: left;
        padding-top: 25px;
        margin-top: 25px !important;
        margin-bottom: 0 !important;
        border-top: 1px solid #e5e5e5;
    }
    .page-template-page-sidebar-left-php .widget-container {
		margin-top:0!important;
		margin-bottom: 25px !important;
		padding-top:0;
		padding-bottom: 25px;
		border-top: none;
		border-bottom: 1px solid #e5e5e5;
	}
    .page-template-landingpage-php .widget-container.first {
        margin-top:0!important;
        padding-top:0 !important;
        border-top: none !important;
    }
    #footer-widgets .widget-container.last {
        margin-bottom:25px !important;
    }
    /*Header*/
    #phone {
        text-align: right;
    }
    #phone a {
        display: block;
    }
    /*Navigation*/
    #navigation_elements {
        padding: 12px 0 0 0;
    }
    #nav-below {
        margin: 0;
        padding-bottom: 0;
    }

	.widget_nav_menu ul.menu li {
    border-bottom: none;
    width: 730px;
}
    /* Banner */
    #banner {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 60px;
    }
    #banner .six.columns {
        width: 50%;
    }
    #banner_image, #banner_free_content {
        margin-top: 20px;
    }
    /* Buttons */
    #banner .buttons, #banner .buttons_big {
        margin: 0 0 -40px 0 !important;
        clear: both;
    }
    #banner.banner_media_left .buttons {
        margin: 0 0 -40px 0 !important;
        float: right;
    }
    .button_buy_pricing {
        width: 141px !important;
    }

	#banner.banner_media_left.banner_type_free_form_content .buttons.buttons_big {
    margin-right:auto!important;
	margin-left:auto!important;
    clear: both;
	float:none;
}
    /*Description*/
    #description img.position_left, #description img {
        display: block;
        margin: 0 auto !important;
        float: none;
    }
    /*Features*/
    .features {
        padding-top: 45px;
    }
    .features li {
        margin: 15px 0 20px 0;
        width: 365px;
    }
    .feature_text {
        width: 160px;
        float: left;
    }
    /*Screenshots*/
    .section_gallery img {
        margin: 0 3px 3px 0;
    }
    /* Work */
    #work {
        background: url(images/border.gif) repeat-x left bottom;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0 !important;
    }
    /* Newsletter */
    .newsletter_inner {
        background-image: none;
        padding: 15px;
    }
    .newsletter h2 {
        background: none;
        font-size: 170%;
        color: #fff;
        padding: 0;
        margin: 5px 0 0 10px;
        float: none;
        text-align: center;
    }
    .newsletter form {
        width: 460px;
        margin-right: 115px;
    }
    .newsletter input[type="text"] {
        width: 338px;
    }
    /*Newsletter within the Banner*/
    .mini_newsletter_banner {
        margin: 12px 0 -35px 0;
    }

	.banner_media_left.banner_type_free_form_content .mini_newsletter_banner, .banner_media_left.banner_type_single_image .mini_newsletter_banner  {
	    margin-left:150px;
	}
    .banner_type_free_form_content .mini_newsletter_banner {
        margin: 12px 0 -35px 0;
    }
    /*Pricing*/
    .pricing_block {
        width: 170px;
    }
    .pricing_footer p {
        background-color: rgba(30, 30, 30, 0.25);
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        width: 153px;
        margin: 0 auto;
        padding: 5px;
        overflow: hidden;
    }
    /*Comments*/
    #commentform textarea, .wpcf7 textarea, .page-template-default #commentform textarea {
        width: 690px;
    }
    .form-submit {
        margin-bottom: 0;
    }
    /*Widgets*/
    .justlanded-recent-item p {
        width: 630px;
    }
    .testimonial-slider-small blockquote {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    /*Widget Newsletter*/
    .newsletter_widget_form {
        background: #f8f8f8;
        padding: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
    }
    .newsletter_widget_form .email {
        background: #fff;
        height: 44px;
        width: 600px;
        margin: 0;
        padding: 5px 0 0 10px;
        float: left;
        display: block;
        border: 1px solid #e5e5e5;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        box-shadow: inset 0 2px 3px #999;
        -moz-box-shadow: inset 0 2px 3px #999;
        -webkit-box-shadow: inset 0 2px 3px #999;
    }
    .newsletter_widget_form input.submit {
        height: 44px;
        width: 120px;
        margin: 0;
    }
    #searchform input#s {
        width: 690px;
    }
    /*Social Elements */
    #section_social_header {
        display: none;
    }
    .social_elements {
        overflow: hidden;
        position: relative;
        margin: 10px 0 5px 0;
        padding: 0;
        top: 0;
        left: 0;
        text-align: center;
    }
    .social_elements  ul {
        display: inline-block;
        margin: 0 auto;
    }
    .social_elements li {
        float: left;
        margin: 0 2px 0 2px !important;
    }
    .tdbutton {
      float: left;
      margin: 0 12px 0 0 !important;
      width: 150px !important;
    }
    .cardimg {
      margin-bottom: 26px !important;
    }
}
@media screen and (min-width : 992px ) and (max-width: 1005px) {
.tdbutton {
  margin: 10px 0 !important;
  width:120px !important;
}
}
@media only screen and (min-width: 461px) and (max-width: 767px) {
    /*Global*/
    .column, .columns {
        width: auto !important;
        float: none;
    }
    .column:last-child, .columns:last-child {
        float: none;
    }
    [class*="column"] + [class*="column"]:last-child {
        float: none;
    }
    .column:before, .columns:before, .column:after, .columns:after {
        content: "";
        display: table;
    }
    .column:after, .columns:after {
        clear: both;
    }
    .post img {
        width: 100% !important;
        height: auto !important;
    }
    /* Reveal --- */
    .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
        width: 80%;
        left: 50%;
        margin-left: -40%;
        padding: 20px;
        height: auto;
    }
    article section {
        background: url(images/border.gif) repeat-x left bottom;
        margin: 0 0 20px 0;
        padding: 0 0 25px 0;
        overflow: hidden;
    }
    .page-template-landingpage-php h2, .page-template-landingpage-php h3 {
        text-align: center;
    }
    /*Grid*/
    #container, .row {
      margin: 0 auto;
      padding: 0 7px;
      width: 100%;
    }
    .one_half, .one_third, .one_fourth, .two_thirds, .three_fourths, .block_680 {
        width: 430px;
        margin: 0 auto 20px auto;
    }
    .block_680 {
        margin-bottom: 0;
    }
    .one_fourth.last {
        margin-right: 0 !important;
    }
    article .entry-content .block, .entry-content .newsletter, .entry-content section {
        background-image: none !important;
    }
    /*Header*/
    #landing_header {
        margin-bottom: 0;
    }
    #landing_header .two_thirds {
        margin: 0;
        padding: 0;
    }
    #logo h2 {
        margin: 10px 0 15px 0;
        padding: 0;
        width: 285px;
        clear: both !important;
        display: block;
        text-align: left;
    }
    #phone {
        float: none;
        text-align: left;
        position: relative;
    }
    /*Navigation*/
    #navigation_elements {
        padding: 10px 0 0 0;
    }
    #main_nav .menu {
        display: none
    }

	.widget_nav_menu ul.menu li {
    border-bottom: none;
    width: 430px;
}
    #nav-below {
        margin: 0;
        padding-bottom: 0;
    }
    .nav-previous {
        padding-top: 10px;
        text-align: left;
    }
    /* Banner */
    #banner {
        height: auto;
        padding-top: 10px;
        margin-bottom: 20px;
    }
    #banner_image, #banner_free_content {
        margin-top: 10px;
        height: auto !important;
    }
    #banner_image img#image_bottom {
        margin-top: 10px;
    }
    /* Buttons */
    #banner .buttons {
        margin: 35px 0 -60px 0 !important;
    }
    /*Features*/
    .section_features {
        padding-top: 45px;
    }
    .section_features li {
        margin: 15px 0 25px 0;
    }
    .feature_text {
        width: 360px;
        float: left;
    }
    /*Description*/
    #description ul {
        margin-left: 10px;
    }
    /*Screenshots*/
    .section_gallery img {
        margin: 0 0 3px 0;
    }
    /* Work */
    #work {
        background: url(images/border.gif) repeat-x left bottom;
        margin-bottom: 25px;
        padding-bottom: 25px !important;
    }
    /*Comment*/
    #commentform textarea, .wpcf7 textarea, .page-template-default #commentform textarea, .page-template-landingpage-php #commentform textarea {
        width: 390px;
    }
    .comment-notes {
        float: left;
        margin: 0 0 10px 0;
        text-align: left;
    }
    .form-submit {
        margin-bottom: 0;
    }
    /*Newsletter*/
    .newsletter {
        margin: 0 0 20px 0;
        padding: 0 0 25px 0;
    }
    .newsletter_inner {
        background-image: none;
    }
    .newsletter h2 {
        padding: 14px 0 5px 70px;
        text-align: left;
    }
    .newsletter form {
        background: #fff;
        height: 44px;
        width: 395px;
        margin: 5px 15px 20px 15px;
        float: right;
        display: block;
        border: 1px solid #ab2210;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: inset 0 2px 3px #999;
        -moz-box-shadow: inset 0 2px 3px #999;
        -webkit-box-shadow: inset 0 2px 3px #999;
    }
    .newsletter input[type="text"] {
        background: none;
        height: 42px;
        width: 273px;
        float: left;
        margin: 0;
        padding: 2px 0 0 10px;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-right: 1px solid #ab2210;
        line-height: 42px;
        color: #999;
    }
    .newsletter_widget_form input.submit {
        height: 44px;
        width: 120px;
        margin: 0;
    }
    /*Newsletter within the Banner*/

	.banner_type_free_form_content .mini_newsletter_banner {
	margin: 20px 0 -55px 0;
	}

	.banner_media_left.banner_type_free_form_content .mini_newsletter_banner, .banner_media_left.banner_type_single_image .mini_newsletter_banner {
	margin-left:10px;
	}
    .mini_newsletter_banner {
        margin: 20px 0 -55px 0;
        width: 430px;
    }
    .mini_newsletter_banner .email {
        width: 298px;
    }
    /* Table*/
    .pricing_table {
        padding-bottom: 0;
        padding-top: 10px;
    }
    .pricing_block {
        width: 200px;
        margin-bottom: 10px;
    }
    /*Quotes*/
    blockquote {
        margin-bottom: 25px !important;
    }
    .testimonial_big {
        padding: 0;
        margin: 0 !important;
    }
    /*Widgets*/
    .widget-container {
        width: 430px;
        float: left;
        padding-top: 25px;
        margin-top: 25px !important;
        margin-bottom: 0 !important;
        border-top: 1px solid #e5e5e5;
    }

	.page-template-page-sidebar-left-php .widget-container {
		margin-top:0!important;
		margin-bottom: 25px !important;
		padding-top:0;
		padding-bottom: 25px;
		border-top: none;
		border-bottom: 1px solid #e5e5e5;
	}
    .page-template-landingpage-php .widget-container {
        margin-top:0!important;
        margin-bottom: 25px !important;
        padding-top:0;
        padding-bottom: 25px;
        border-top: none;
        border-bottom: 1px solid #e5e5e5;
    }
    .page-template-landingpage-php .widget-container.last {
        margin-top:0!important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        border-top: none !important;
        border-bottom: none !important;
    }
    #footer-widgets .widget-container.last {
        margin-bottom:25px !important;
    }
    .justlanded-recent-item p {
        width: 350px;
    }
    /*Widget Testimonial Slider*/
    .testimonial-slider-small blockquote {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    /*Widget Newsletter*/
    .newsletter_widget_form {
        background: #f8f8f8;
        padding: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
    }
    .newsletter_widget_form .email {
        background: #fff;
        height: 44px;
        width: 300px;
        margin: 0;
        padding: 0 0 0 10px;
        float: left;
        display: block;
        border: 1px solid #e5e5e5;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        box-shadow: inset 0 2px 3px #999;
        -moz-box-shadow: inset 0 2px 3px #999;
        -webkit-box-shadow: inset 0 2px 3px #999;
    }
    #searchform input#s {
        width: 390px;
    }
    /*Social Elements */
    #section_social_header {
        display: none;
    }
    #section_social_footer {
        overflow: hidden;
        position: relative;
        margin: 10px 0 5px 0;
        padding: 0;
        top: 0;
        left: 0;
        text-align: center;
    }
    .section_social_footer {
        overflow: hidden;
        position: relative;
        margin: 10px 0 5px 0;
        padding: 0;
        top: 0;
        left: 0;
        text-align: center;
    }
    .section_social_footer  ul {
        display: inline-block;
        margin: 0 auto;
    }
    .section_social_footer li {
        float: left;
        margin: 0 2px 0 2px !important;
    }
    .scrollup {
        display: none !important;
    }
    .tdbutton {
      width: 105px;
      margin-right:8px;
      font-size:14px;
    }
    .cardimg {
      margin:0 auto 8px auto;
    }
.ggebuehr1, .ggebuehr2 {
  float: left;
  padding: 0 4px;
  text-align: center;
  width: 50%;
  font-size: 18px;
  line-height: 18px;
}
    .tdanbieter {
      font-size: 16px;
      font-weight: 400;
    }
    .hidden-xs{
      display:none;
    }
    .colanbieter {
      margin-bottom: 7px;
      padding-left: 7px !important;
      text-align: center;
      border-bottom: 1px solid #ddd;
      padding-bottom: 7px;
    }
    .vergleich-selectv2 p {
      font-size: 14px;
      margin-bottom: 8px !important;
    }
.kkvgl ul li::before {
  background: rgba(0, 0, 0, 0) url("images/icons/checkicon16.png") no-repeat scroll 0 3px;
  content: "";
  display: inline-block;
  height: 16px;
  position: relative;
  width: 20px;
}
.kkvgl ul li {
  font-size: 16px;
  line-height: 29px;
  padding-left: 0;
  text-align: center;
  background:none;
}
    .bootrow.kkvgl {
      padding: 14px 7px 12px;
    }
.ggebuehr1 {
  margin-bottom: 0;
  text-align: right;
}
.ggebuehr2 {
  text-align: left;
}
.tdbutton {
  display: block;
  float: none;
  margin: 0 auto 10px;
  width: 150px;
}
.iconvideo {
  display: block;
  float: none;
  margin: 0 auto;
}
.videoidntinfo.videotooltip {
  display: block;
  float: none;
  margin: 0 auto;
  text-align: center;
}
}
@media screen and (max-width:460px){
#logo img {
    margin: 6px auto;
    float: none;
    display: block;
    width:225px;
}
#banner h1 {
  font-size: 21px;
  line-height: 26px;
  margin-top: 8px;
}
.sperren {display:none;}
header {min-height:75px;}
h1.page-title, .type-page h1.entry-title {font-size: 20px;}
.list_arrow ul li {float: none !important;width: 100% !important;}
.vglbox-check {float:none;}
.vglbox-submit {margin-bottom: 10px;float:none;}
input.vglboxbutton {float:none;}
.datagridre table tbody td {padding-left: 10px;}
h1.entry-title-card {font-size: 20px;}
.cardbox {min-height:125px;padding:10px;}
.cardbox-card {float: none;padding-left: 0;width: 100%;}
.cardbox-nameprice {display: block;float: none;margin-left: 0;margin-right: 0;width: 100%;}
.cardbox-bullet1 {display: block;float: none;width: 100%;}
.cardbox-btn {display: block;float: none;padding-right: 0;width: 100%;}
.kartenpagebutton{margin-top:5px;}
.vorteil {float: none;width: 100%;}
.nachteil {float: none;width: 100%;}
.reccard {float: none;width: 100%;}
.contentrectext {
float: none;
margin-left: 0%;
margin-right: 0%;
text-align: center;
width: 100%
}
.vgl-pfeil {display:none;}
.one_half {float:none; display:block;}
.vergleich-input {display: block;float: none;width: 100%;margin:0;}
.section_features img {display: block;float: none;margin: 0 auto;}
.list_check_index {display: block;float: none;margin: 20px auto;width: 250px;}
.ctabutton {display:block; margin:0 auto; float:none;}
#section_features_2 {display: none;}
#section_features_3 .one_third {display: block;float: none;width: 250px;margin:0 auto;}
#section_features_3 .one_third.last{margin-right:auto !important;}
.subtitle {font-size:15px;}
.page-template-landingpage-php h2 {font-size:24px;}
blockquote {background:none;}
.faq p {padding-left:0;}
.attachment-post-thumbnail.wp-post-image {display: block;float: none;margin: 0 auto;}
.blog h3 {margin-top: 10px;text-align: center !important;}
hr {display:none;}
.page-template-landingpage-php .one_half, .page-template-landingpage-php .two_thirds, .page-template-landingpage-php .three_fourths {float:none;}
.re-submit {height: 50px;}
    /*Global*/
    article section, .section_newsletter {
        background: url(images/border.gif) repeat-x left bottom;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        overflow: hidden;
    }
    .page-content-block {
        background: url(images/border.gif) repeat-x left bottom;
        margin: 0 0 20px 0;
        padding: 0 0 25px 0;
    }
    article .entry-content .block, .entry-content .newsletter, .entry-content section {
        background-image: none !important;
    }
    .row .mobile-two:last-child {
        float: left;
    }
    .page-template-landingpage-php h2, .page-template-landingpage-php h3 {
        text-align: center;
    }
    .vergleich-selectv2 h2 {
      display: block;
      font-size: 14px;
      padding-left: 7px;
      text-align: left;
    }
    #banner {
  margin-left: -15px;
  margin-right: -15px;
  }
.tdbutton {
  width: 105px;
  margin-right:8px;
  font-size:14px;
}
.cardimg {
  margin:0 auto 8px auto;
}
.ggebuehr1, .ggebuehr2{
  float:left;
  width:50%;
}
.tdanbieter {
  font-size: 16px;
  font-weight: 400;
}
.hidden-xs{
  display:none;
}
.colanbieter {
  margin-bottom: 7px;
  padding-left: 7px !important;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}
.vergleich-selectv2 p {
  font-size: 14px;
  margin-bottom: 8px !important;
}
.kkvgl ul li {
  background: rgba(0, 0, 0, 0) url("images/icons/checkicon16.png") no-repeat scroll 0 6px;
  font-size: 14px;
  line-height: 26px;
  padding-left: 20px;
}
.bootrow.kkvgl {
  padding: 14px 7px 12px;
}
.ggebuehr1 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 0;
}
  .vergleich-input select {
  width: 100%;
}
    /*Grid*/
    .row, #container, #content {
      padding: 0 15px;
      width: 100%;
    }
    .one_half, .one_third, .one_fourth, .two_thirds, .three_fourths, .block_680 {
        width: 100%;
        margin: 0 auto 40px;
    }
    .block_680 {
        margin-bottom: 0;
    }
    /*Header*/
    #landing_header {
        margin-bottom: 0;
    }
    #landing_header .two_thirds {
        margin: 0;
        padding: 0;
    }
    #logo h2 {
        margin: 10px 0 15px 0;
        padding: 0;
        width: 285px;
        clear: both !important;
        display: block;
        text-align: left;
    }
    #phone {
        float: none;
        text-align: left;
        position: relative;
    }
    /*Navigation*/

		.widget_nav_menu ul.menu li {
    border-bottom: none;
    width: 285px;
}
    #nav-below {
        margin: 0;
        padding-bottom: 0;
    }
    .nav-previous {
        padding-top: 10px;
        text-align: left;
    }
    /* Banner */
    #banner {
        height: auto;
        padding-top: 10px;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    #banner_image, #banner_free_content {
        margin-top: 10px;
        height: auto !important;
    }
    #banner_image img#image_bottom {
        margin-top: 10px;
    }
    /*Features*/
    .section_features {
        padding-top: 15px;
    }
    .section_features  li {
        margin: 15px 0 25px 0;
    }
    li.last {
        margin-right: 0;
    }
    .feature_text {
        width: 215px;
        float: left;
    }
    /*Description*/
    #description ul {
        margin-left: 10px;
    }
    /*Screenshots*/
    .section_gallery img {
        margin: 0;
    }
    /* Work */
    #work {
        background: url(images/border.gif) repeat-x left bottom;
        margin-bottom: 25px;
        padding-bottom: 25px !important;
    }
    /*Buttons*/
    .buttons {
        width: 240px;
        margin: 20px 0 0 20px !important;
    }
    #banner .buttons {
        margin: 20px 0 0 20px !important;
    }
    #banner.banner_media_left .buttons {
        margin: 10px 0 0 20px !important;
    }
    #banner .banner_media_full .buttons {
        margin: 0 0 0 20px;
    }
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){
#banner h1 {font-size: 30px;}
header {height:75px;}
.vgl-pfeil {display:none;}
.one_half {float:none; display:block;}
.vergleich-input {display: block;float: none;width: 100%;margin:0;}
.section_features img {display: block;float: none;margin: 0 auto;}
.list_check_index {display: block;float: none;margin: 20px auto;width: 250px;}
.ctabutton {display:block; margin:0 auto; float:none;}
#section_features_2 {display: none;}
#section_features_3 .one_third {display: block;float: none;width: 250px;margin:0 auto;}
#section_features_3 .one_third.last{margin-right:auto !important;}
.subtitle {font-size:15px;}
.page-template-landingpage-php h2 {font-size:24px;}
blockquote {background:none;}
.faq p {padding-left:0;}
.attachment-post-thumbnail.wp-post-image {display: block;float: none;margin: 0 auto;}
.blog h3 {margin-top: 10px;text-align: center !important;}
hr {display:none;}
.page-template-landingpage-php .one_half, .page-template-landingpage-php .two_thirds, .page-template-landingpage-php .three_fourths {float:none;}
.re-submit {height: 50px;}
}
@media only screen and (min-device-width:700px) and (max-device-width:736px) and (orientation:landscape){
#banner h1 {font-size: 30px;}
header {height:75px;}
.vgl-pfeil {display:none;}
.one_half {float:none; display:block;}
.vergleich-input {display: block;float: none;margin:0 auto;}
.section_features img {display: block;float: none;margin: 0 auto;}
.list_check_index {display: block;float: none;margin: 20px auto;width: 250px;}
.ctabutton {display:block; margin:0 auto; float:none;}
#section_features_2 {display: none;}
#section_features_3 .one_third {display: block;float: none;width: 250px;margin:0 auto;}
#section_features_3 .one_third.last{margin-right:auto !important;}
.subtitle {font-size:15px;}
.page-template-landingpage-php h2 {font-size:24px;}
blockquote {background:none;}
.faq p {padding-left:0;}
.attachment-post-thumbnail.wp-post-image {display: block;float: none;margin: 0 auto;}
.blog h3 {margin-top: 10px;text-align: center !important;}
hr {display:none;}
.page-template-landingpage-php .one_half, .page-template-landingpage-php .two_thirds, .page-template-landingpage-php .three_fourths {float:none;}
.re-submit {height: 50px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}
/**************************************************************************
*	@name		    Zozo UI Tabs
*	@descripton	    Create awesome tabbed content area
*	@version	    4.0
*   @requires       jQuery v1.7 or later
*	@copyright      Copyright (c) 2013 Zozo UI
*   @author         Zozo UI
*   @URL:           http://www.zozoui.com
**************************************************************************/
/*#region ==========================================================================
    Zozo Tabs Vertical Structure (Common)
========================================================================== */
.z-tabs.vertical
{
    margin: auto;
    padding: 5px 0px;
    clear: both;
    color: #333;
}
.z-tabs.vertical > ul.z-tabs-nav,
.z-tabs.vertical > ul.z-tabs-nav > li,
.z-tabs.vertical > .z-container{border-color: #ddd; border-style: solid;}
.z-tabs.vertical > ul.z-tabs-nav
{
    float: left;
    /*width: 210px;*/
   /* display: block;*/
    position: relative;
    top: 0;
    border-width: 1px 0 1px 1px;
    border-right-width: 0;
    /*margin: auto 0 !important;*/
    margin-top:0;
    margin-bottom:0;
    padding: 0;
}
.z-tabs.vertical.top-left > ul.z-tabs-nav{  margin-left:0;  margin-right: -1px;}
.z-tabs.vertical.top-right > ul.z-tabs-nav{ margin-right:0;   margin-left: -1px;}
    .z-tabs.vertical > ul.z-tabs-nav > li {
        background: #F9F9F9;
        border-width: 0 0 1px 0;
        list-style-type: none;
        margin: auto;
        min-width: 100%;
        padding: 0px;
        overflow:hidden;
    }
.z-tabs.vertical > ul.z-tabs-nav > li > a.z-link
{
    text-decoration: none !important;
    border-bottom-width: 0;
    outline: 0;
    color: #333;
    text-decoration: none;
    font-size: 1.11em;
    position: relative;
   /*line-height: 50px;  version 4.0
    min-height: 48px;  */
    margin:0 14px;
    font-weight: bold;

}
    .z-tabs.vertical > ul.z-tabs-nav > li,
    .z-tabs.vertical > ul.z-tabs-nav > li > a.z-link{
        cursor: hand;
        cursor: pointer;
         display: block;
    }
    .z-tabs.vertical > ul.z-tabs-nav > li.z-active ,
    .z-tabs.vertical > ul.z-tabs-nav > li.z-active  > a.z-link{
        cursor:default;
    }
.z-tabs.vertical > ul.z-tabs-nav > li.z-active {
    border-right-width: 0;
    z-index: 10;
    background: white;
    position: relative;
    font-weight: bold;
}
.z-tabs.vertical > ul.z-tabs-nav > li.z-first.z-active{border-bottom-width: 1px;}
.z-tabs.vertical > ul.z-tabs-nav > li.z-last{border-bottom-width: 0;}
.z-tabs.vertical > .z-container
{
   /*margin-left: 210px;*/
    border-width: 1px;
    background: white;
    min-height: 158px;
    position: relative;
    /* z-index: 9;*/
}
.z-tabs.vertical > .z-container > .z-content{display: none; padding: 1.4em 2em;background: none;}
.z-tabs.vertical > .z-container > h5 { font-weight: normal; }
.z-tabs.vertical > .z-container > h4 { /*text-shadow: 0px 1px 1px #F2F1F0;*/ border-bottom: 1px dotted #EEEDED; padding-top: 15px; padding-bottom: 5px; }
.ie7 body .z-tabs.vertical.top-left > ul.z-tabs-nav{    margin-right: 0;}
.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav{    margin-left: 0;}
.ie7 body .z-tabs.vertical.top-left > ul > li,
.ie7 body .z-tabs.vertical.top-left > ul > li > .z-link,
.ie7 body .z-tabs.vertical.top-left > ul { z-index: 10 !important; }
.ie7 body .z-tabs.vertical.top-left > ul > li.z-active { border-right: 1px solid #fff !important; }
.ie7 body .z-tabs.vertical.top-left > .z-container { /*left: 0;*/ }
/*#endregion*/
/*#region ==========================================================================
     Zozo Tabs Vertical Rounded Cornors
========================================================================== */
.z-tabs.vertical.z-rounded > .z-container
{
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.z-tabs.vertical.z-rounded > ul.z-tabs-nav
{
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-first,
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0  0 0;
}
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-last,
.z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
/*#endregion*/
/*#region ==========================================================================
     Zozo Tabs Vertical Shadows
========================================================================== */
.z-tabs.vertical.z-shadows > ul.z-tabs-nav,
.z-tabs.vertical.z-shadows > .z-container
{
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
    box-shadow:  0 1px 6px rgba(0, 0, 0, 0.125);
}
.z-tabs.vertical.z-shadows > ul.z-tabs-nav > li
{
    -webkit-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15);
}
/*.z-tabs.vertical.top-right.z-shadows > ul.z-tabs-nav > li:not(.z-active){box-shadow: inset 2px 2px 8px rgba(111, 111, 111, .05);}
.z-tabs.vertical.top-left.z-shadows > ul.z-tabs-nav > li:not(.z-active){box-shadow: inset -2px 2px 8px rgba(111, 111, 111, .05);}*/
/*#endregion*/
/*#region ==========================================================================
     Zozo Tabs Vertical Positioning
========================================================================== */
.z-tabs.vertical.top-right > ul.z-tabs-nav{float: right;border-width: 1px 1px 1px 0;}
/*.z-tabs.vertical.top-right > .z-container{margin-left: 0;margin-right: 210px;}*/
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav
{
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-first,
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-last,
.z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.z-tabs.vertical.z-rounded.top-right > .z-container
{
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav > li.z-active { border-right-width: 0 !important; border-left: 1px solid #fff !important; left:-1px; }
.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav > li,
.ie7 body .z-tabs.vertical.top-right > ul { z-index: 10 !important; }
.ie7 body .z-tabs.vertical.top-right > .z-container { }
/*#endregion*/
/*#region ==========================================================================
     Zozo Tabs Horizontal (Common)
========================================================================== */
.z-tabs.horizontal
{
    /*padding: 40px 0px;*/
    clear: both;
    color: #333;
    /* font: 12px/1.7em "Helvetica Neue",Helvetica,Arial,sans-serif; */
}
.z-tabs.horizontal > ul.z-tabs-nav,
.z-tabs.horizontal > ul.z-tabs-nav > li,
.z-tabs.horizontal > .z-container{border-color: #ddd;border-style: solid;}
.z-tabs.horizontal > ul.z-tabs-nav
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.z-tabs.horizontal > ul.z-tabs-nav > li
{
    position: relative;
    border-width: 1px 1px 0;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0;
    display: block;
    vertical-align: top;
    background: #F9F9F9;
}
.z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link
{
    border-bottom-width: 0;
    /*padding: 12px 20px;*/
    padding:12px 0;
    outline: 0;
    text-decoration: none;
    border-bottom-width: 0;
    outline: 0;
    color: #111;
    text-decoration: none;
    position: relative;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
}
.z-tabs.horizontal > ul.z-tabs-nav > li:hover{outline: 0 none;text-decoration: none;}
.z-tabs.horizontal > ul.z-tabs-nav > li.z-active
{
    margin-bottom: -1px;
    padding-bottom: 1px;
    z-index: 1;
    font-weight: bold;
}
.z-tabs.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal > ul.z-tabs-nav > li.z-active:hover {background: #fff; }
.z-tabs.horizontal > .z-container
{
    position: static;
    border-width: 1px;
    clear: both;
    width: 100%;
    min-height: 80px;
    background: #fff;
    zoom: 1;
}
    .z-tabs.horizontal > ul.z-tabs-nav > li,
    .z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link{
        cursor: hand;
        cursor: pointer;
         display: block;
    }
    .z-tabs.horizontal > ul.z-tabs-nav > li.z-active ,
    .z-tabs.horizontal > ul.z-tabs-nav > li.z-active  > a.z-link{
        cursor:default;
    }
.z-tabs.horizontal >  .z-container > .z-content {/*padding: 1.4em 2em version 3.0;*/background: none;display: none;}
/*#endregion*/
/*#region ==========================================================================
      Zozo Tabs Horizontal Positioning
========================================================================== */
/* top-left */
.z-tabs.horizontal.top-left { }
.z-tabs.horizontal.top-left > ul.z-tabs-nav{}
.z-tabs.horizontal.top-left > ul.z-tabs-nav > li{}
/* top-center */
.z-tabs.horizontal.top-center{width: 100%;overflow: hidden;padding-right:2px;/*version 3.0*/}
.z-tabs.horizontal.top-center > ul.z-tabs-nav
{
    clear: left;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}
.z-tabs.horizontal.top-center > ul.z-tabs-nav > li
{
    right: 50%;
    display: block;
    position: relative;
    float: left;
}
.z-tabs.horizontal.top-center > .z-container,
.z-tabs.horizontal.bottom-center > .z-container
{
    width:100%; /*version 3.0*/
    /*margin-right: 1px;version 3.0*/
}
.z-tabs.horizontal.top-right > .z-container
{
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}
/* top-right */
.z-tabs.horizontal.top-right{   }
.z-tabs.horizontal.top-right > ul.z-tabs-nav
{
    float: right;
    position: relative;
    padding: 0;
    margin: 0 -1px 0 0;
}
.z-tabs.horizontal.top-right > .z-container
{
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
}
.ie7 body .z-tabs.horizontal.top-right > .z-container{ clear: none;}
.ie7 body .z-tabs.horizontal.top-right{margin-right:2px;}
/* bottom-left*/
.z-tabs.horizontal.bottom-left > ul.z-tabs-nav
{
    position: relative;
    padding: 0;
    margin: -3px 0px 0 3px;
    margin: 0;
}
.z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li{border-width: 0px 1px 1px;}
.z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li.z-active
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-left > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.z-tabs.horizontal.z-rounded.bottom-left > .z-container
{
    -webkit-border-radius: 6px 6px 6px 0;
    -moz-border-radius: 6px 6px 6px 0;
    -khtml-border-radius: 6px 6px 6px 0;
    border-radius: 6px 6px 6px 0;
}
.z-tabs.horizontal.bottom-left > .z-container{padding: 0;margin: 0;}
/* bottom-center*/
.z-tabs.horizontal.bottom-center{width: 100%;overflow:hidden;padding-right:2px; /*version 3.0*/}
.z-tabs.horizontal.bottom-center > ul.z-tabs-nav
{
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}
.z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li
{
    border-width: 0px 1px 1px;
    right: 50%;
    display: block;
    position: relative;
    float: left;
}
.z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li.z-active
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-center > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.z-tabs.horizontal.z-rounded.bottom-center > .z-container
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.z-tabs.horizontal.bottom-center > .z-container{padding: 0;/*margin: 0; version 3.0*/}
/* bottom-right*/
.z-tabs.horizontal.bottom-right > ul.z-tabs-nav
{
    float: right;
    position: relative;
    padding: 0;
    margin: 0;
    margin-right: -1px;
}
.z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li{ border-width: 0px 1px 1px;}
.z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li.z-active
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
    padding-top: 1px;
}
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-right > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}
.z-tabs.horizontal.z-rounded.bottom-right .z-container
{
    -webkit-border-radius: 6px 6px 0 6px;
    -moz-border-radius: 6px 6px 0 6px;
    -khtml-border-radius: 6px 6px 0 6px;
    border-radius: 6px 6px 0 6px;
}
.z-tabs.horizontal.bottom-right > .z-container{padding: 0;margin: 0;}
.ie7 body .z-tabs.horizontal.bottom-right{margin-right:2px;}
/* top compact*/
.z-tabs.horizontal.top-compact > ul.z-tabs-nav
{
    padding: 0px;
    /*display: table; version 3.0*/
    width: 100%;
    margin-left: -1px;
    padding-left: 1px;
}
.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li{ /*width: 150px;*/margin: 0 -2px 0 0;display: inline-block;}
/*.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li > a.z-link{padding-left: 0;padding-right: 0;}*/
.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-active{font-weight: normal; margin-bottom: -1px;padding-bottom: 1px;}
.z-tabs.horizontal.top-compact > .z-container
{
    margin: 0;
    padding: 0;
    /*version 3.0*/width: initial;
    margin-right: -2px !important; /*version 3.0*/
}
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.top-compact > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}
.z-tabs.horizontal.z-rounded.top-compact > .z-container
{
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
/* version 3.0*/
.ie7 body .z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-first{padding-left: 1px;}
.ie7 body .z-tabs.horizontal.top-compact > ul.z-tabs-nav,
.ie7 body .z-tabs.horizontal.top-compact
{
    width: auto;
}
.ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li {margin-right:-3px}
.ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-last {margin-right:0}
/* bottom compact*/
.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav
{
    padding: 0px;
   /* display: table; version 3.0*/
    width: 100%;
    margin-left: -1px;
    padding-left: 1px;
}

.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li
{
    /*width: 150px;*/
    margin: 0 -2px 0 0;
    display: inline-block;
    border-width: 0px 1px 1px;
}
.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li > a.z-link
{
     padding-left: 0;
    padding-right: 0;
}
.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-active
{
    margin-top: -1px;
    padding-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.z-tabs.horizontal.bottom-compact > .z-container
{
    margin: 0;
    padding: 0;
    width: initial;
    margin-right: -2px !important;/*version 3.0*/
}

.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded.bottom-compact > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0  0 5px 0;
    -moz-border-radius: 0  0 5px 0;
    -khtml-border-radius: 0  0 5px 0;
    border-radius: 0  0 5px 0;
}
.z-tabs.horizontal.z-rounded.bottom-compact > .z-container
{
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.ie7 body .z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-first{padding-left: 1px;}
.ie7 body .z-tabs.horizontal.bottom > ul.z-tabs-nav
{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
/*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Horizontal Rounded Cornors
========================================================================== */
.z-tabs.horizontal.z-rounded > .z-container
{
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    -khtml-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-first,
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-first > a.z-link
{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0  0 0;
}
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link
{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}
.z-tabs.horizontal.top-left.z-rounded > .z-container
{
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    -khtml-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.z-tabs.horizontal.top-center.z-rounded > .z-container
{
    -webkit-border-radius: 6px 6px  6px 6px;
    -moz-border-radius: 6px 6px  6px 6px;
    -khtml-border-radius: 6px 6px  6px 6px;
    border-radius: 6px 6px  6px 6px;
}
.z-tabs.horizontal.top-right.z-rounded > .z-container
{
    -webkit-border-radius: 6px 0  6px 6px;
    -moz-border-radius: 6px 0  6px 6px;
    -khtml-border-radius: 6px 0  6px 6px;
    border-radius: 6px 0  6px 6px;
}
/*responsive*/
.z-tabs.horizontal.responsive.top-left.z-rounded > .z-container,
.z-tabs.horizontal.responsive.top-center.z-rounded > .z-container,
.z-tabs.horizontal.responsive.top-right.z-rounded > .z-container {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.z-tabs.horizontal.responsive.bottom-left.z-rounded > .z-container,
.z-tabs.horizontal.responsive.bottom-center.z-rounded > .z-container,
.z-tabs.horizontal.responsive.bottom-right.z-rounded > .z-container {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.z-tabs.horizontal.responsive.top-left.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.top-left.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.top-center.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.top-center.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.top-right.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.top-right.z-rounded > .z-tabs-mobile > li {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.z-tabs.horizontal.responsive.bottom-left.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.bottom-left.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.bottom-center.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.bottom-center.z-rounded > .z-tabs-mobile > li,
.z-tabs.horizontal.responsive.bottom-right.z-rounded > .z-tabs-mobile,
.z-tabs.horizontal.responsive.bottom-right.z-rounded > .z-tabs-mobile > li {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius:  0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius:  0 0 6px 6px;
}
/*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Horizontal Shadows
========================================================================== */
.z-tabs.horizontal.z-shadows > .z-container
{
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;

    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
}
.z-tabs.horizontal.z-shadows > ul.z-tabs-nav > li{box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);}
.z-tabs.horizontal.top-left.z-shadows >  ul.z-tabs-nav li.z-first,
.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-first{box-shadow: -3px 1px 1px -3px rgba(0, 0, 0, .2);}
.z-tabs.horizontal.top-right.z-shadows > ul.z-tabs-nav > li.z-last,
.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-last{box-shadow: 3px 1px 1px -3px rgba(0, 0, 0, .2);}
/*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Underlined
========================================================================== */
/* underlined reset*/
.z-tabs.underlined,
.z-tabs.underlined > ul.z-tabs-nav,
.z-tabs.underlined > ul.z-tabs-nav > li,
.z-tabs.underlined > ul.z-tabs-nav > li.z-first,
.z-tabs.underlined > ul.z-tabs-nav > li.z-last,
.z-tabs.underlined > ul.z-tabs-nav > li.z-first.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li.z-last.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined > ul.z-tabs-nav > li:hover,
.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link,
.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link:hover,
.z-tabs.underlined > .z-container {
    border-width: 0;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background:none;
    filter:none;
}
.z-tabs.underlined.horizontal.top-left > ul.z-tabs-nav > li.z-first,
.z-tabs.underlined.horizontal.bottom-left > ul.z-tabs-nav > li.z-first{margin-left:0;}
.z-tabs.underlined.horizontal.top-right > ul.z-tabs-nav > li.z-last,
.z-tabs.underlined.horizontal.bottom-right > ul.z-tabs-nav > li.z-last{margin-right:0;}
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li:hover{filter:none;background: transparent;padding:0;margin-left:16px;}
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li{opacity: 0.80;}
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.horizontal > ul.z-tabs-nav > li:hover{opacity: 1;}
/*underlined horizontal top*/
.z-tabs.horizontal.underlined > ul.z-tabs-nav{border-width: 0;}
/**/.z-tabs.horizontal.underlined > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined > ul.z-tabs-nav > li.z-active{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-bottom: 3px solid}
.z-tabs.horizontal.underlined > ul.z-tabs-nav > li > a.z-link{text-shadow: 0 1px 1px white;color: #DD4631}
.z-tabs.horizontal.underlined > .z-container{border-width: 1px 0 0 0;}
.z-tabs.horizontal.underlined >.z-container > .z-content .z-content-inner {padding: 30px 0;}
/* .z-tabs.horizontal.underlined >.z-container > .z-content .z-content-inner {padding: 1.4em 1em;} */
/*underlined horizontal bottom*/
.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li{background: transparent; border-width: 0;margin:0;margin-left:16px;padding:0;}
.z-tabs.horizontal.underlined.bottom-left > .z-container,
.z-tabs.horizontal.underlined.bottom-center > .z-container,
.z-tabs.horizontal.underlined.bottom-right > .z-container,
.z-tabs.horizontal.underlined.bottom-compact > .z-container{border-width: 0 0 1px 0;}
.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li:hover{background: transparent; border-width: 0;padding:0;color:#111;}
.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li.z-active{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-width:3px 0 0 0;background: #FCFCFC;}
.z-tabs.horizontal.underlined > .z-container > .z-content {padding: 1.4em 0;}
/* underlined vertical*/
.z-tabs.vertical.underlined > ul.z-tabs-nav > li,
.z-tabs.vertical.underlined > ul.z-tabs-nav > li:hover{filter:none;background: transparent;border-width: 0 1px 0 0;margin:0;padding:0;}
.z-tabs.vertical.underlined > ul.z-tabs-nav > li > a.z-link{text-shadow: 0 1px 1px white;color: #333}
.z-tabs.vertical.underlined > .z-container{border-width: 0;}
.z-tabs.vertical.underlined >.z-container > .z-content .z-content-inner {padding: 0 2em;}
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li,
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li:hover{filter:none;background: transparent;border-width: 0 0 0 1px;margin:0;padding:0;}
.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li.z-active,
.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li:hover{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-right: 3px solid;background: #eee;}
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li.z-active,
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li:hover{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-left: 3px solid;background: #eee;}
.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav{border-width:0;}
.z-tabs.vertical.underlined > .z-container > .z-content {padding: 0 1.6em;}
.ie7 body .z-tabs.underlined.vertical.top-right > ul.z-tabs-nav > li.z-active { border-right-width: 0 !important; border-left: 3px solid #444 !important; left:-1px; }
.ie7 body .z-tabs.underlined.vertical.top-left > ul.z-tabs-nav > li.z-active { border-right: 3px solid #444 !important; }
.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li > a.z-link {padding: 6px 6px;}
.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li > a.z-link{padding: 8px 8px;}
.z-tabs.horizontal.underlined.medium > ul.z-tabs-nav > li > a.z-link{padding: 10px 10px;}
.z-tabs.horizontal.underlined.large > ul.z-tabs-nav > li > a.z-link{padding: 10px 12px;}
.z-tabs.horizontal.underlined.xlarge > ul.z-tabs-nav > li > a.z-link{padding: 12px 14px;}
.z-tabs.horizontal.underlined.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 14px 16px;}
.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li.z-active {border-bottom-width: 2px;}
/*underlined themes*/
.z-tabs.underlined.red > .z-container,.z-tabs.underlined.red  > ul.z-tabs-nav > li,
.z-tabs.underlined.blue > .z-container,.z-tabs.underlined.blue  > ul.z-tabs-nav > li,
.z-tabs.underlined.deepblue> .z-container,.z-tabs.underlined.deepblue  > ul.z-tabs-nav > li,
.z-tabs.underlined.orange > .z-container,.z-tabs.underlined.orange  > ul.z-tabs-nav > li,
.z-tabs.underlined.green > .z-container,.z-tabs.underlined.green  > ul.z-tabs-nav > li,
.z-tabs.underlined.white > .z-container,.z-tabs.underlined.white  > ul.z-tabs-nav > li,
.z-tabs.underlined.silver > .z-container,.z-tabs.underlined.silver  > ul.z-tabs-nav > li,
.z-tabs.underlined.gray > .z-container,.z-tabs.underlined.gray  > ul.z-tabs-nav > li,
.z-tabs.underlined.black > .z-container,.z-tabs.underlined.black  > ul.z-tabs-nav > li   {border-color:#e6e6e6;}
.z-tabs.underlined.red  > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.red.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.red.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.red  > ul.z-tabs-nav > li:hover{border-color:#DD4B39;}
.z-tabs.underlined.blue > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.blue.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.blue.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.blue > ul.z-tabs-nav > li:hover{border-color:#00B0D8;}
.z-tabs.underlined.deepblue > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.deepblue.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.deepblue.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.deepblue > ul.z-tabs-nav > li:hover{border-color:#166599;}
.z-tabs.underlined.orange > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.orange.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.orange.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.orange > ul.z-tabs-nav > li:hover{border-color:#FD9C00;}
.z-tabs.underlined.green > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.green.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.green.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.green > ul.z-tabs-nav > li:hover{border-color:#093;}
.z-tabs.underlined.white > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.white.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.white.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.white > ul.z-tabs-nav > li:hover{border-color:#D8D8D8;}
.z-tabs.underlined.crystal > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.crystal.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.crystal.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.crystal > ul.z-tabs-nav > li:hover{border-color:#999;}
.z-tabs.underlined.silver > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.silver.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.silver.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.silver > ul.z-tabs-nav > li:hover{border-color:#777;}
.z-tabs.underlined.gray > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.gray.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.gray.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.gray > ul.z-tabs-nav > li:hover{border-color:#333;}
.z-tabs.underlined.black > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.black.vertical > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.black.vertical > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.black > ul.z-tabs-nav > li:hover{border-color:black;}
/*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Themes
========================================================================== */
/* orange */
.z-tabs.orange > ul.z-tabs-nav,
.z-tabs.orange > ul.z-tabs-nav > li,
.z-tabs.orange > .z-container{border-color: #D64817; border-style: solid;}
.z-tabs.orange > ul.z-tabs-nav > li
{
    background: #F2825B;
    background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2825B), color-stop(50%,#E55B2B), color-stop(100%,#F07146));
    background: -webkit-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -o-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -ms-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );
}
.z-tabs.orange > ul.z-tabs-nav > li:hover
{
    background: #F2825B;
    background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2825B), color-stop(50%,#E55B2B), color-stop(100%,#F07146));
    background: -webkit-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -o-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: -ms-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );
}
.z-tabs.orange > ul.z-tabs-nav > li.z-active{ background: #fff;text-shadow: 0 1px 1px white;color: Black;filter: none;}
.z-tabs.orange > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 1px #5E1902;}
.z-tabs.orange > ul.z-tabs-nav > li.z-active > a.z-link {color: black;text-shadow: 0 1px white;}
/* Crystal */
.z-tabs.crystal > ul.z-tabs-nav,
.z-tabs.crystal > ul.z-tabs-nav > li,
.z-tabs.crystal > .z-container
{
    border-color: #ddd;
    border-color: #b4b4b4;
    border-style: solid;
}
.z-tabs.crystal > ul.z-tabs-nav > li
{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.z-tabs.crystal > ul.z-tabs-nav > li:hover
{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    background: whiteSmoke;
    background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ececec), color-stop(50%,#e0e0e0), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);
}
.z-tabs.crystal > ul.z-tabs-nav > li.z-active
{
    background: #fff;
    text-shadow: 0 1px 1px white;
    color: Black;
    filter: none;
}
/* GRAY  */
.z-tabs.gray > ul.z-tabs-nav,
.z-tabs.gray > ul.z-tabs-nav > li,
.z-tabs.gray > .z-container{border-color: #B3B3B3; border-style: solid;}
.z-tabs.gray > ul.z-tabs-nav > li
{
    background: whiteSmoke;
    background: -moz-linear-gradient(top,  #dbdbdb 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #dbdbdb 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #dbdbdb 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #dbdbdb 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #dbdbdb 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f2f2f2',GradientType=0 );
}
.z-tabs.gray > ul.z-tabs-nav > li:hover
{
    background: #e8e8e8;
    background: -moz-linear-gradient(top,  #e8e8e8 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f7f7f7 100%);
    background: -o-linear-gradient(top,  #e8e8e8 0%,#f7f7f7 100%);
    background: -ms-linear-gradient(top,  #e8e8e8 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom,  #e8e8e8 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f7f7f7',GradientType=0 );
}
.z-tabs.gray > ul.z-tabs-nav > li.z-active
{
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 1px white;
    filter:none;
}
/* Silver  */
.z-tabs.silver > ul.z-tabs-nav,
.z-tabs.silver > ul.z-tabs-nav > li,
.z-tabs.silver > .z-container{border-color: #CECECE;border-style: solid;}
.z-tabs.silver > ul.z-tabs-nav > li
{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFCFC', endColorstr='#FBF9F9');
    background-color: #F2F0F0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
    background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.z-tabs.silver > ul.z-tabs-nav > li > a.z-link{ color:#444;text-shadow: 0 1px #eee;}
.z-tabs.silver > ul.z-tabs-nav > li:hover
{
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#fbf9f9), color-stop(50%,#f7f5f6), color-stop(100%,#fcfcfc));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9',GradientType=0 );
}
.z-tabs.silver > ul.z-tabs-nav > li.z-active{filter: none;background: #fff; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.z-tabs.silver > ul.z-tabs-nav > li.z-active > a.z-link{color:black;text-shadow: 0 1px #fff;}
/* GREEN */
.z-tabs.green > ul.z-tabs-nav,
.z-tabs.green > ul.z-tabs-nav > li,
.z-tabs.green > .z-container{border-color: #336c2b; border-style: solid;}
.z-tabs.green > ul.z-tabs-nav > li
{
    color: white;
    background: #5fae53;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5fae53), to(#3b7c33));
    background: -webkit-linear-gradient(top, #5fae53, #3b7c33);
    background: -moz-linear-gradient(top, #5fae53, #3b7c33);
    background: -ms-linear-gradient(top, #5fae53, #3b7c33);
    background: -o-linear-gradient(top, #5fae53, #3b7c33);
}
.z-tabs.green > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 1px 0 #387031;}
.z-tabs.green > ul.z-tabs-nav > li.z-active > a.z-link{text-shadow: 0 1px 1px white;color: Black}
.z-tabs.green > ul.z-tabs-nav > li:hover {background: #3b7c33;}
.z-tabs.green > ul.z-tabs-nav > li.z-active
{
    background: #fff;
    color: #2C3F0A;
    text-shadow: none;
    box-shadow: none;
    filter: none;
}
/* red */
.z-tabs.red > ul.z-tabs-nav,
.z-tabs.red > ul.z-tabs-nav > li,
.z-tabs.red > .z-container{border-color: #951100; border-style: solid;}
.z-tabs.red > ul.z-tabs-nav > li
{
    color: #fff;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
    background: #d84a38;
    background: -moz-linear-gradient(top,  #dd4b39 0%, #d14836 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4b39), color-stop(100%,#d14836));
    background: -webkit-linear-gradient(top,  #dd4b39 0%,#d14836 100%);
    background: -o-linear-gradient(top,  #dd4b39 0%,#d14836 100%);
    background: -ms-linear-gradient(top,  #dd4b39 0%,#d14836 100%);
    background: linear-gradient(to bottom,  #dd4b39 0%,#d14836 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#d14836',GradientType=0 );
}
.z-tabs.red > ul.z-tabs-nav > li:hover
{
    background: #d34332;
    background: -moz-linear-gradient(top,  #dd4b39 0%, #c53727 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4b39), color-stop(100%,#c53727));
    background: -webkit-linear-gradient(top,  #dd4b39 0%,#c53727 100%);
    background: -o-linear-gradient(top,  #dd4b39 0%,#c53727 100%);
    background: -ms-linear-gradient(top,  #dd4b39 0%,#c53727 100%);
    background: linear-gradient(to bottom,  #dd4b39 0%,#c53727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727',GradientType=0 );
}
.z-tabs.red > ul.z-tabs-nav > li.z-active
{
    background: white;
    color: #951100;
    text-shadow: none;
    filter: none;
}
.z-tabs.red > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}
.z-tabs.red > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}
/* blue */
.z-tabs.blue > ul.z-tabs-nav,
.z-tabs.blue > ul.z-tabs-nav > li,
.z-tabs.blue > .z-container{border-color: #0487BD;border-style: solid;}
.z-tabs.blue > ul.z-tabs-nav > li
{
    background: #1abde7;
    background: -moz-linear-gradient(top,  #1abde7 0%, #1c9dd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1abde7), color-stop(100%,#1c9dd1));
    background: -webkit-linear-gradient(top,  #1abde7 0%,#1c9dd1 100%);
    background: -o-linear-gradient(top,  #1abde7 0%,#1c9dd1 100%);
    background: -ms-linear-gradient(top,  #1abde7 0%,#1c9dd1 100%);
    background: linear-gradient(to bottom,  #1abde7 0%,#1c9dd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abde7', endColorstr='#1c9dd1',GradientType=0 );
}
.z-tabs.blue > ul.z-tabs-nav > li a.z-link {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}
.z-tabs.blue > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}
.z-tabs.blue > ul.z-tabs-nav > li:hover {background: #21ADDF;}
.z-tabs.blue > ul.z-tabs-nav > li.z-active
{
    background: #fff;
    color: #000F4D;
    text-shadow: 0 1px rgba(78, 78, 78, 0.1);
    filter: none;
}
/* deepblue */
.z-tabs.deepblue > ul.z-tabs-nav,
.z-tabs.deepblue > ul.z-tabs-nav > li,
.z-tabs.deepblue > .z-container{border-color: #1E69DE;border-style: solid;}
.z-tabs.deepblue > ul.z-tabs-nav > li
{
    background: #479fed; /* Old browsers */
    background: -moz-linear-gradient(top,  #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479fed), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479fed', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}
.z-tabs.deepblue > ul.z-tabs-nav > li a.z-link {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}
.z-tabs.deepblue > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white; color: #000; }
.z-tabs.deepblue > ul.z-tabs-nav > li:hover {
    background: #238dea; /* Old browsers */
background: -moz-linear-gradient(top,  #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#238dea), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#065cdd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238dea', endColorstr='#065cdd',GradientType=0 ); /* IE6-9 */
}
.z-tabs.deepblue > ul.z-tabs-nav > li.z-active
{
    background: #fff;
    color: #000F4D;
    text-shadow: 0 1px rgba(78, 78, 78, 0.1);
    filter: none;
}
/* BlACK THEME */
.z-tabs.black > ul.z-tabs-nav,
.z-tabs.black > ul.z-tabs-nav > li,
.z-tabs.black > .z-container{border-color: #343232; border-style: solid;}
.z-tabs.black > ul.z-tabs-nav > li
{
    color: white;
    background: #333333;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#555555));
    background: -webkit-linear-gradient(top, #333333, #555555);
    background: -moz-linear-gradient(top, #333333, #555555);
    background: -ms-linear-gradient(top, #333333, #555555);
    background: -o-linear-gradient(top, #333333, #555555);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );
}
.z-tabs.black > ul.z-tabs-nav > li a.z-link{color: white;-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}
.z-tabs.black > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}
.z-tabs.black > ul.z-tabs-nav > li:hover {background: #353434;}
.z-tabs.black > ul.z-tabs-nav > li.z-active
{
    background: #fff;
    color: #3E3E3E;
    text-shadow: none;
    box-shadow: none;
    filter: none;
}
/* White THEME */
.z-tabs.white > ul.z-tabs-nav,
.z-tabs.white > ul.z-tabs-nav > li,
.z-tabs.white > .z-container{border-color: #CECECE; border-style: solid;}
.z-tabs.white > ul.z-tabs-nav > li{background: #fff;}
.z-tabs.white > ul.z-tabs-nav > li a.z-link{color:#333;text-shadow: 0 1px #f5f5f5;}
.z-tabs.white > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: #333}
.z-tabs.white > ul.z-tabs-nav > li:hover {}
.z-tabs.white > ul.z-tabs-nav > li.z-active{background: #fff; color: #333;text-shadow: none;box-shadow: none;filter: none;}
/*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Sizes
========================================================================== */
/**/
.z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link,
.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.mini >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.small >  ul.z-tabs-nav > li > a.z-link  {font-weight: inherit;}
.z-tabs.vertical.mini > ul.z-tabs-nav > li.z-active > a.z-link,
.z-tabs.vertical.small > ul.z-tabs-nav > li.z-active > a.z-link,
.z-tabs.horizontal.mini >  ul.z-tabs-nav > li.z-active > a.z-link,
.z-tabs.horizontal.small >  ul.z-tabs-nav > li.z-active > a.z-link  {font-weight: bold;}

/* version 4.0*/
.z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link   {height: 34px;line-height: 32px;margin:0 10px;font-size: 11px;}
.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link  {height: 40px;line-height: 38px;margin:0 12px;font-size: 11px;}
.z-tabs.vertical.medium > ul.z-tabs-nav > li > a.z-link {height: 62px;line-height: 60px;margin:0 14px;}
.z-tabs.vertical.large > ul.z-tabs-nav > li > a.z-link  {height: 52px;line-height: 50px;margin:0 18px;font-size: 13px;}
.z-tabs.vertical.xlarge > ul.z-tabs-nav > li > a.z-link {height: 58px;line-height: 56px;margin:0 20px;}
.z-tabs.vertical.xxlarge > ul.z-tabs-nav > li > a.z-link{height: 62px;line-height: 66px;margin:0 22px 0 20px;font-size: 14px;}

.z-tabs.vertical.mini > ul.z-tabs-nav{min-width: 180px;width:25%;}
.z-tabs.vertical.small > ul.z-tabs-nav {min-width: 180px;width:25%;}
.z-tabs.vertical.medium > ul.z-tabs-nav {min-width: 200px;width:25%;}
.z-tabs.vertical.large > ul.z-tabs-nav {min-width: 220px;width:25%;}
.z-tabs.vertical.xlarge > ul.z-tabs-nav {min-width: 240px;width:25%;}
.z-tabs.vertical.xxlarge > ul.z-tabs-nav {min-width: 260px;width:25%;}
.z-tabs.horizontal.mini >  ul.z-tabs-nav > li > a.z-link    {font-size: 11px;padding: 7px 20px;}
.z-tabs.horizontal.small >  ul.z-tabs-nav > li > a.z-link   {font-size: 11px;padding: 10px 20px;}
.z-tabs.horizontal.medium >  ul.z-tabs-nav > li > a.z-link  {padding: 13px 24px;}
.z-tabs.horizontal.large >  ul.z-tabs-nav > li > a.z-link   {font-size: 13px;padding: 16px 28px;}
.z-tabs.horizontal.xlarge >  ul.z-tabs-nav > li > a.z-link  {font-size: 13px;padding: 19px 32px;/*padding:20px 40px 8px 20px*/}
.z-tabs.horizontal.xxlarge >  ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 36px;}
/**/
.z-tabs.horizontal.top-compact.mini >  ul.z-tabs-nav > li > a.z-link    {font-size: 11px;padding: 7px 10px;}
.z-tabs.horizontal.top-compact.small >  ul.z-tabs-nav > li > a.z-link   {font-size: 11px;padding: 10px 11px;}
.z-tabs.horizontal.top-compact.medium >  ul.z-tabs-nav > li > a.z-link  {font-size: 12px;padding: 13px 12px;}
.z-tabs.horizontal.top-compact.large >  ul.z-tabs-nav > li > a.z-link   {font-size: 13px;padding: 16px 13px;}
.z-tabs.horizontal.top-compact.xlarge >  ul.z-tabs-nav > li > a.z-link  {font-size: 13px;padding: 19px 14px;}
.z-tabs.horizontal.top-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 15px;}
/* version 4.0 multiline
.z-tabs.horizontal.bottom-compact.mini >  ul.z-tabs-nav > li > a.z-link  {font-size: 11px;padding: 7px 0px;}
.z-tabs.horizontal.bottom-compact.small >  ul.z-tabs-nav > li > a.z-link   {font-size: 11px;padding: 10px 0px;}
.z-tabs.horizontal.bottom-compact.medium >  ul.z-tabs-nav > li > a.z-link  {font-size: 12px;padding: 13px 0px;}
.z-tabs.horizontal.bottom-compact.large >  ul.z-tabs-nav > li > a.z-link   {font-size: 13px;padding: 16px 0px;}
.z-tabs.horizontal.bottom-compact.xlarge >  ul.z-tabs-nav > li > a.z-link  {font-size: 13px;padding: 19px 0px;}
.z-tabs.horizontal.bottom-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 0px;}
    */
/* version 4.0 multiline
.z-tabs.horizontal.mobile.mini > ul.z-tabs-nav > li > a.z-link   {height: 32px;line-height: 32px;margin:0 10px;font-size: 11px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.small > ul.z-tabs-nav > li > a.z-link  {height: 38px;line-height: 38px;margin:0 12px;font-size: 11px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.medium > ul.z-tabs-nav > li > a.z-link {height: 44px;line-height: 44px;margin:0 14px;font-size: 12px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.large > ul.z-tabs-nav > li > a.z-link  {height: 50px;line-height: 50px;margin:0 18px;font-size: 13px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.xlarge > ul.z-tabs-nav > li > a.z-link {height: 56px;line-height: 56px;margin:0 20px;font-size: 13px;padding-top:0;padding-bottom:0;}
.z-tabs.horizontal.mobile.xxlarge > ul.z-tabs-nav > li > a.z-link{height: 62px;line-height: 62px;margin:0 22px;font-size: 14px;padding-top:0;padding-bottom:0;}
    */
/*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Multiline
========================================================================== */
        .z-tabs.vertical.z-multiline > ul.z-tabs-nav > li > a.z-link,
        .z-tabs.horizontal.z-multiline > ul.z-tabs-nav > li > a.z-link {
            line-height: 18px;
            display: block;
            margin: 0px;
            padding: 16px 20px 16px 20px;
            text-align: left;
            text-transform: uppercase;
        }
        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span,
        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span {
            display: block;
            font-size: .9em;
            font-weight: normal;
            text-transform: none;
            text-align:left;
            line-height: 1.85em;
        }
        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-icon,
        .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span.z-icon {
            line-height: 1em;
        }
        /*
        .z-tabs.z-multiline.large > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-headline2{margin-top:1px;}
        .z-tabs.z-multiline.xlarge > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-headline2{margin-top:2px;}
        .z-tabs.z-multiline.xxlarge > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-headline2{margin-top:3px;}
        */

.z-tabs.z-multiline.mini > ul.z-tabs-nav > li > a.z-link  {padding: 12px 28px 12px 12px;height: 32px;}
.z-tabs.z-multiline.small > ul.z-tabs-nav > li > a.z-link  {padding: 14px 32px 14px 14px;height: 32px;}
.z-tabs.z-multiline.medium > ul.z-tabs-nav > li > a.z-link {padding: 16px 36px 16px 16px;height: 32px;}
.z-tabs.z-multiline.large > ul.z-tabs-nav > li > a.z-link  {padding: 17px 40px 17px 17px;height: 32px;}
.z-tabs.z-multiline.xlarge > ul.z-tabs-nav > li > a.z-link {padding: 18px 44px 18px 18px;height: 32px;}
.z-tabs.z-multiline.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 18px 48px 18px 18px;height: 32px;}

.z-tabs.horizontal.z-multiline.top-compact.mini >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.mini >  ul.z-tabs-nav > li > a.z-link    {padding: 12px}
.z-tabs.horizontal.z-multiline.top-compact.small >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.small >  ul.z-tabs-nav > li > a.z-link   {padding: 14px}
.z-tabs.horizontal.z-multiline.top-compact.medium >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.medium >  ul.z-tabs-nav > li > a.z-link  {padding: 16px}
.z-tabs.horizontal.z-multiline.top-compact.large >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.large >  ul.z-tabs-nav > li > a.z-link   {padding: 17px}
.z-tabs.horizontal.z-multiline.top-compact.xlarge >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.xlarge >  ul.z-tabs-nav > li > a.z-link  {padding: 18px}
.z-tabs.horizontal.z-multiline.top-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link,
.z-tabs.horizontal.z-multiline.bottom-compact.xxlarge >  ul.z-tabs-nav > li > a.z-link {padding: 18px}
    /*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Responsive
========================================================================== */
        /* animation slide tabs */
.z-tabs.horizontal.z-slide > .z-container,
.z-tabs.vertical.z-slide > .z-container,
.z-tabs > .z-container{overflow: hidden;position: relative;}
/**/
.z-tabs.horizontal.z-slide > .z-container > .z-content,
.z-tabs.vertical.z-slide > .z-container > .z-content,
.z-tabs > .z-container > .z-content,
.z-tabs > .z-container.z-animating  > .z-content {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
padding:0;
z-index:7;
}
.z-tabs.horizontal.z-slide > .z-container  > .z-content.z-active,
.z-tabs.vertical.z-slide > .z-container  > .z-content.z-active
{
    z-index:8;
}
.z-tabs.vertical > .z-container > .z-content > .z-content-inner,
.z-tabs.horizontal > .z-container > .z-content .z-content-inner{padding:25px 25px 25px;padding: 1.4em 2em;height: auto;}
/*responsive normal style */

  .z-tabs > ul.z-tabs-nav.z-tabs-mobile{display: none;}
       .z-tabs.horizontal   > ul.z-tabs-nav.z-tabs-mobile,
       .z-tabs.horizontal   > ul.z-tabs-nav.z-tabs-mobile > li {width: 100%;float:none;}
            .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li {float: left;margin: 0 -2px 0 0;}
            .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li.z-last:nth-child(odd){width: 100%;}
            .ie7 .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li {margin-right:-3px}
        .z-tabs.horizontal.responsive > ul.z-tabs-nav {width: 100%;}
        .z-tabs.horizontal.responsive.top-right > ul.z-tabs-nav,
        .z-tabs.horizontal.responsive.bottom-right > ul.z-tabs-nav {  margin:0;}
                .z-tabs.horizontal.responsive > ul.z-tabs-nav > li.z-active {margin-bottom: 0px;padding-bottom: 0px;z-index: initial;}
                .z-tabs.horizontal.responsive.bottom-left > ul.z-tabs-nav > li.z-active,
                .z-tabs.horizontal.responsive.bottom-center > ul.z-tabs-nav > li.z-active,
                .z-tabs.horizontal.responsive.bottom-right > ul.z-tabs-nav > li.z-active{margin-top: 0px;margin-bottom: 0px;padding:0; z-index: initial;}
            .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop {display: block; width: 100%;}
        /*responsive underlined style */
        .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav {border-width:0;}
        .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav > li.z-active,
        .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav > li:hover {border-top-width:0;border-bottom-width:0;}
        .z-tabs.underlined.horizontal > ul.z-tabs-nav.z-tabs-mobile > li {margin-left: 0;}
        .z-tabs.underlined.horizontal > ul.z-tabs-nav.z-tabs-mobile > li a.z-link{padding-left: 0;}

        .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li,
        .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
        .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li:hover {margin-left: 0;}
        /**/
        .z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav.z-tabs-desktop > li,
        .z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav.z-tabs-desktop > li,
        .z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav.z-tabs-desktop > li,
        .z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav.z-tabs-desktop > li{margin-left: 0;}

        /*compact
.z-tabs.responsive.horizontal.top-compact > .z-container,
.z-tabs.responsive.horizontal.bottom-compact > .z-container {
    margin-right: -2px !important;
}
.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li > a.z-link {
padding-left: 10px;
padding-right: 10px;
}
*/
.z-tabs.responsive.top-left.z-rounded > ul.z-tabs-desktop > li.z-right,
.z-tabs.responsive.top-left.z-rounded > ul.z-tabs-desktop > li.z-right > a.z-link {
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
-khtml-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first,
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first > a.z-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-left,
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-left > a.z-link {
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
-khtml-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-right,
.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-right > a.z-link {
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
-khtml-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
    /*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Mobile Menu
========================================================================== */
/*reset*/
.z-tabs.mobile > ul.z-tabs-nav,
.z-tabs.mobile > ul.z-tabs-nav > li,
.z-tabs.mobile > ul.z-tabs-nav > li.z-active,
.z-tabs.mobile > .z-container,
.z-tabs.mobile > .z-container > .z-content
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow:none;
}
/*mobile horizontal style*/
.z-tabs.mobile.horizontal > ul.z-tabs-nav > li.z-active {
margin-bottom: 0;
padding-bottom: 0;
}
.z-tabs.mobile.horizontal > ul.z-tabs-nav > li {
border-width: 0px 0px 1px 0px;
}
.z-tabs.mobile.horizontal > ul.z-tabs-nav > li > a.z-link {
    text-align: left;
}
.z-tabs.mobile.horizontal > ul.z-tabs-nav.z-tabs-desktop > li.z-last {
border-bottom-width: 0;
}
.z-tabs.mobile.horizontal > ul.z-tabs-nav > li {
    margin: 0;
}
.z-tabs.mobile.z-shadows > ul.z-tabs-mobile {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
}
/*mobile horizontal top-center style
.z-tabs.mobile.horizontal.bottom-center > ul.z-tabs-nav,
.z-tabs.mobile.horizontal.top-center > ul.z-tabs-nav,
.z-tabs.mobile.horizontal.bottom-center > ul.z-tabs-nav > li,
.z-tabs.mobile.horizontal.top-center > ul.z-tabs-nav > li {
left: 0;
right:0;
}
 */
/*mobile horizontal compact
.z-tabs.mobile.horizontal.top-compact > .z-container {
    margin-right: -0px !important;
}
*/
/*underlined tabs*/
.z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li,
.z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li.z-active,
.z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li:hover {
margin-left: 0;
}
.z-tabs.mobile.horizontal.underlined > .z-container {border-width: 0;}
.z-tabs.mobile.horizontal.underlined > ul.z-tabs-nav > li:hover, .z-tabs.mobile.horizontal.underlined > ul.z-tabs-nav > li.z-active {border-bottom-width: 1px;}
/* mobile vertical */
/* general*/
  .z-tabs.mobile > ul.z-tabs-nav.z-tabs-desktop > li {
         float: none;
         display:block;

     }
.z-tabs.mobile.vertical > ul.z-tabs-nav,
.z-tabs.mobile.horizontal > ul.z-tabs-nav {
    width: auto;
    border-width: 1px 1px 0 1px;
    float: none;
    border-bottom-width: 1px;
     display:block;
     padding:0;
     margin:0;
     min-width:0 !important;
}
.z-tabs.mobile.vertical ul.z-tabs-mobile,
.z-tabs.mobile.horizontal ul.z-tabs-mobile {
    border-bottom-width: 0px;
}
    .z-tabs.mobile.vertical ul.z-tabs-mobile > li,
    .z-tabs.mobile.horizontal ul.z-tabs-mobile > li{
        float: none;
        border-width: 0px;
    }
.z-tabs.mobile > .z-container {
    margin-top: 2px;
    width: auto;
}
.z-tabs.mobile.horizontal.bottom > .z-container {margin-bottom: 4px;}
.z-tabs.mobile.vertical.z-rounded > .z-container,
.z-tabs.mobile.horizontal.z-rounded > .z-container {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.z-tabs.mobile > ul.z-tabs-desktop{
     height:auto;
      opacity:1;
     visibility:visible;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity  400ms  ease-in-out;
    transition: opacity  400ms ease-in-out;
}
.z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu {
    opacity:0;
    height:0;
    visibility: hidden;
}
/*arrow mobile icons*/
.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-title {
    margin-left:6px;
    opacity:1;
}
.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-title {
    margin-left:6px;
    opacity:1;
}
.z-tabs.mobile.horizontal > ul.z-tabs-nav > li > a.z-link,
.z-tabs.mobile.vertical > ul.z-tabs-nav > li > a.z-link {
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 18px !important;
}
.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity:1;
}
.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-arrow
{
    right: -10px;
    position: absolute;
    opacity: .25;
    background: url(../img/z-tabs-icons.png) no-repeat top left;
    background-position: -132px -4px;
    width: 25px;
    height: 40px;
    top: 50%;
    margin-top: -23px;
    /* CSS3 transition */
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > i.z-icon-menu {
    background: url(../img/z-tabs-icons.png) no-repeat top left;
    background-position: -1470px -3px;
    width: 28px;
    height: 30px;
    margin-top: -24px;
    margin-left: -6px;
    display: inline-block;
}
.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-arrow {right: 0px;}
.z-tabs.z-icons-light.mobile > ul.z-tabs-mobile > li > a.z-link > i.z-icon-menu {background-position: -1470px -60px;}
.z-tabs.z-icons-light.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-arrow   {background-position: -132px -61px;}
/*closed*/
.z-tabs.mobile.vertical > ul.z-tabs-mobile.z-state-closed,
.z-tabs.mobile.horizontal > ul.z-tabs-mobile.z-state-closed {
    border-width: 1px;
}
.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
    .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li,
    .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a.z-link,
    .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li,
    .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a.z-link {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }
/*open*/
.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile
 {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
    .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile > li,
     .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile > li  {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -khtml-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }
.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-nav > li.z-last,
.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-nav > li.z-last,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-desktop,
.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-desktop  {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

/* mobile themes*/
.z-tabs.mobile.underlined > ul.z-tabs-nav > li > a.z-link {text-transform: uppercase;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.z-tabs.mobile.underlined > ul.z-tabs-desktop > li,
.z-tabs.mobile.underlined > ul.z-tabs-desktop > li > a {
    -moz-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    -o-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    -ms-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
    transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;
}
/*
.z-tabs.horizontal.mobile {padding: 20px 0px !important;margin: 0 4px;position: relative;}
    .z-tabs.horizontal.mobile > ul.z-tabs-desktop {
        position: absolute;
        left: 0;

        width: 100%;
        z-index: 9999;
        background: white;
    }
    */
        /* mobile underlined common
.z-tabs.underlined.horizontal.mobile > ul.z-tabs-nav > li {opacity: 1;background: #FCFCFC;}
.z-tabs.underlined.horizontal.mobile > ul.z-tabs-nav,
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-nav > li.z-active,
.z-tabs.horizontal.underlined.mobile.hover > ul.z-tabs-nav > li:hover {border-width: 0;}
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-desktop > li {border-width: 0px 0px 0px 1px;margin-top: 4px;}
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.horizontal.underlined.mobile > ul.z-tabs-nav.z-tabs-desktop > li:hover {border-width: 0px 0px 0px 1px;}

.z-tabs.underlined.horizontal.mobile.m-blue > ul.z-tabs-nav > li {border-color: #47A3DA;}
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-mobile > li,
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.horizontal.underlined.mobile.hover.m-blue > ul.z-tabs-nav.z-tabs-desktop > li:hover {background: #47A3DA;border-color: #47A3DA;}
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-mobile > li > a,
.z-tabs.horizontal.underlined.mobile.m-blue > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a,
.z-tabs.horizontal.underlined.mobile.hover.m-blue > ul.z-tabs-nav.z-tabs-desktop > li:hover > a{color: white;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}

.z-tabs.underlined.horizontal.mobile.m-red > ul.z-tabs-nav > li {border-color: #E97567;}
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-mobile > li,
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.horizontal.underlined.mobile.hover.m-red > ul.z-tabs-nav.z-tabs-desktop > li:hover {background: #E97567;border-color: #E97567;}
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-mobile > li > a,
.z-tabs.horizontal.underlined.mobile.m-red > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a,
.z-tabs.horizontal.underlined.mobile.hover.m-red > ul.z-tabs-nav.z-tabs-desktop > li:hover > a{color: white;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}*/
/*style 2*/
.z-tabs.underlined.mobile > ul.z-tabs-nav > li,
.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-active,
.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-last,
.z-tabs.underlined.mobile > ul.z-tabs-nav > li:hover,
.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-last:hover {
    border-color: #E6E6E6;
    background: #fff;
    border-width: 0 0 1px 0;
        opacity: 1;
        border-style: dotted;
}
.z-tabs.underlined.horizontal.mobile > ul.z-tabs-nav > li.z-last {border-width: 0 0 1px 0; }
.z-tabs.underlined.mobile > ul.z-tabs-nav.z-tabs-mobile,
.z-tabs.underlined.mobile > ul.z-tabs-nav.z-tabs-desktop{border-width:0;}

.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li.z-active,
.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li:hover {background: #FAFAFA;}
.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover > ul.z-tabs-desktop > li:hover > a{color: #333;text-shadow: 1px 0px 1px rgba(175, 175, 175, 0.25);}
.z-tabs.underlined.mobile.m-red > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-red > ul.z-tabs-desktop > li:hover > a{color: #DD4B39;}
.z-tabs.underlined.mobile.m-blue > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-blue > ul.z-tabs-desktop > li:hover > a{color: #00B0D8;}
.z-tabs.underlined.mobile.m-deepblue > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-deepblue > ul.z-tabs-desktop > li:hover > a{color: #1E69DE;}
.z-tabs.underlined.mobile.m-orange > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-orange > ul.z-tabs-desktop > li:hover > a{color: #FD9C00;}
.z-tabs.underlined.mobile.m-green > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-green > ul.z-tabs-desktop > li:hover > a{color: #093;}
/*
.z-tabs.underlined.mobile.m-white > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-white > ul.z-tabs-desktop > li:hover > a{color: #D8D8D8;}
.z-tabs.underlined.mobile.m-crystal > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-crystal > ul.z-tabs-desktop > li:hover > a{color: #999;}
.z-tabs.underlined.mobile.m-silver > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-silver > ul.z-tabs-desktop > li:hover > a{color: #777;}
.z-tabs.underlined.mobile.m-gray > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-gray > ul.z-tabs-desktop > li:hover > a{color: #333;}
.z-tabs.underlined.mobile.m-black > ul.z-tabs-desktop > li.z-active > a,
.z-tabs.underlined.mobile.hover.m-black > ul.z-tabs-desktop > li:hover > a{color: black;}
    */
/*#endregion*/
/*#region ==========================================================================
    Mobile Fixes
========================================================================== */
/* Prevent any object from being highlighted upon touch event*/
.z-tabs
.z-tabs *,
.z-tabs  ul,
.z-tabs  ul  li,
.z-tabs  ul  li a,
.z-tabs  .z-container  .z-content {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;outline: none;}
/*#endregion*/
/*#region ==========================================================================
    Zozo Tabs Theird Party Support
========================================================================== */
/* Font Awesome */
.z-tabs > ul.z-tabs-nav > li > a.z-link i
{
    font-size: 16px;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
}
.z-tabs > ul.z-tabs-nav > li > a.z-link > span.z-icon,
.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-icon,
.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span.z-icon
{
    width: 20px;
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    text-transform: initial;
    text-align: left;
}
/*#endregion*/