html,
button,
input,
select,
textarea {
    color: #222;
}

* {
    outline: 0 !important;
}

body {
    font-size: 1em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

input {
    display: none;
    border: 0;
}

.kuehlberechnung input,
.calc-item input {
    display: inherit !important;
    border: 1px solid #ccc; !important;
}

.print {
    display: none; 
}


textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

th, td {
    /*padding: 0;*/
    border: 0;
    border-collapse: collapse;
}

/* ==========
   "Grid"
   ========== */

.span1 {
    width: 225px;
}

.span2 {
    width: 465px;
}

.span3 {
    width: 705px;
}

header .span3 {
    display: none;
}

.span4 {
    width: 945px;
}

.span5 {
    width: 960px;
}

.span6 {
    width: 110px;
}

.span7 {
    width: 310px;
}

.spacer {
    width: 15px;
}

.row {
    margin: 0 -15px;
}

.row2 {
    margin: 0 -15px 0 0;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row {
    *zoom: 1;
}

.row > .span4 {
    width: 945px;
    padding-right: 15px;
    padding-left: 15px;
}

.row > [class^="span"] {
    float: left;
}

[class^="span"] {
    float: left;
    margin-right: 15px;
}

[class^="span"]:first-child {
    padding-left: 15px;
}

td[class^="span"],
.row > td[class^="span"] {
    float: none;
    vertical-align: top;
    padding-left: 0px !important;
}

footer td[class^="span"],
.row > td[class^="span"] {
    float: none;
    vertical-align: top;
    padding-left: 15px !important;
}

.content .teaser .admin-container {
    overflow: hidden;
    height: 190px;
}

.kachel-outer {
    width: 465px;
    position: relative;
    cursor: pointer;
}

.kachel-outer .kachel-text .pull-left {
    padding: 25px 15px;
    width: 210px;
}

.kachel-outer .kachel-text .pull-right {
    width: 225px;
}

.kachel-outer .kachel-inner,
.kachel-outer .kachel-content-inner {
    display: none;
}

.kachel-outer .kachel-inner {
    display: block;
    position: static;
    width: 465px;
    background-image: url('../images/background_green.png');
    background-repeat: no-repeat;
    z-index: 100;
}

.kachel-outer .kachel-inner>span {
    padding-top: 10px;
    display: block;
    position: static;
    color: #FFF;
    font-size: 18px;
    width: 430px;
}

.kachel-content-top {
    background-image: url('../images/bottom_right.png');
    background-repeat: no-repeat;
    display: none;
    width: 945px;
    height: 43px;
    position: static;
    z-index: 10;
}

.kachel-content-top.center {
    background-image: url('../images/bottom_center.png');

}
.kachel-content-top.right {
    background-image: url('../images/bottom_left.png');
    margin-left: 0px;
    width: 100%;
}

.kachel-content {
    float: left;
    display: block;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 5;
    width: 465px;
    background-image: url('../images/backgorund_planung_content.jpg');
    background-position: 0px 32px;
    background-repeat: no-repeat;
    background-color: #DDE1E4;
}

.kachel-right {
    float: right!important;
}


/**
START ANIMATION
**/

.start-ani {
    width: 975px;
    margin: 0 0 0 -15px;
}

.start-ani .span2 {
    width: 495px;
    margin-left: -15px;
    margin-right: 0px;
    position: relative;
}
.start-ani .span2:first-child {
    /*margin-left: 0px;*/
}

.start-ani-outer {
    position: relative;
    width: 495px;
    height: 317px;
    z-index: 10;
}

.start-ani-outer>div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 480px;
    height: 317px;
    z-index: 20;
}

.start-ani-outer.loesung>div {
    right: 0px;
    left: auto;
}

.start-ani-outer .start-ani-shades {
    z-index: 10;
}

.start-ani-outer .start-ani-shade {
    position: absolute;
    top: 0px;
    left: 495px;
    width: 480px;
    height: 317px;
    background-color: #CCC;
    display: none;
    z-index: 10;
}
.start-ani-outer.loesung .start-ani-shade {
    left: -495px;
}
.start-ani-outer .start-ani-shade.default {
    left: 0px;
    width: 410px;
    height: 189px;
    padding-left: 70px;
    padding-top: 128px;
    line-height: 30px;
    font-size: 24px;
    color: #002f5e;
    display: block;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    background-image: url('../images/start-ani/intro-right.png');
    background-repeat: no-repeat;
}
.start-ani-outer.loesung .start-ani-shade.default {
    background-image: url('../images/start-ani/intro-left.png');
}

.start-ani-outer .start-ani-shade>img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.start-ani-outer .start-ani-shade>.overlay {
    background: url('../images/overlay-loesung-no-repeat.png') no-repeat right top,
                url('../images/overlay-repeat-y.png') repeat-y right top;
    background-color: rgba(0, 47, 94, 0.9);
    position: absolute;
    top: 44px;
    right: -15px;
    width: 312px;
    padding: 20px 40px 28px;
    color: #FFF;
    z-index: 20;
    font-size: 15px;
}

.start-ani-outer.loesung .start-ani-shade>.overlay {
    background: url('../images/overlay-no-repeat.png') no-repeat left top,
                url('../images/overlay-repeat-y.png') repeat-y left top;
    background-color: rgba(0, 47, 94, 0.9);
    right: auto;
    left: -15px;
}

.start-ani-outer .start-ani-shade>.overlay h1 {
    color: #FFF;
    margin-bottom: 4px;
    font-size: 28px;
}

.start-ani .icons {
    width: 285px;
    height: 42px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.start-ani .icons .icons-bar {
    height: 42px;
    position: absolute;
}

.start-ani .icons .icons-bar a {
    display: block;
    float: left;
    width: 47px;
    height: 42px;
    margin-right: 10px;
    background-repeat: no-repeat;
}

.start-ani .arrow {
    display: block;
    position: absolute;
    top: 145px;
    height: 24px;
    width: 10px;
    background-repeat: no-repeat;
    display: none;
}

.start-ani .arrow.arrow-left {
    left: 80px;
    background-image: url('../images/icon-arrow-left.png');
}

.start-ani .arrow.arrow-right {
    right: 80px;
    background-image: url('../images/icon-arrow-right.png');
}


/*Produkte*/
.start-ani .icons .icons-bar a[rel="bodenkanalheizung"] {
    background-image: url('../images/start-ani/icon-bodenkanalheizung.png');
}
.start-ani .icons .icons-bar a[rel="bodenkanalheizung"].active {
    background-image: url('../images/start-ani/icon-bodenkanalheizung-active.png');
}

.start-ani .icons .icons-bar a[rel="hochleistungsheizkoerper"] {
    background-image: url('../images/start-ani/icon-hochleistungsheizkoerper.png');
}
.start-ani .icons .icons-bar a[rel="hochleistungsheizkoerper"].active {
    background-image: url('../images/start-ani/icon-hochleistungsheizkoerper-active.png');
}

.start-ani .icons .icons-bar a[rel="deckenstrahlplatten"] {
     background-image: url('../images/start-ani/icon-deckenstrahlplatten.png');
}
.start-ani .icons .icons-bar a[rel="deckenstrahlplatten"].active {
    background-image: url('../images/start-ani/icon-deckenstrahlplatten-active.png');
}

.start-ani .icons .icons-bar a[rel="luftschleier"] {
    background-image: url('../images/start-ani/icon-luftschleier.png');
}
.start-ani .icons .icons-bar a[rel="luftschleier"].active {
    background-image: url('../images/start-ani/icon-luftschleier-active.png');
}

.start-ani .icons .icons-bar a[rel="lufterhitzer"] {
    background-image: url('../images/start-ani/icon-lufterhitzer.png');
}
.start-ani .icons .icons-bar a[rel="lufterhitzer"].active {
    background-image: url('../images/start-ani/icon-lufterhitzer-active.png');
}

.start-ani .icons .icons-bar a[rel="luftbehandlungsgeraet"] {
    background-image: url('../images/start-ani/icon-luftbehandlung.png');
}
.start-ani .icons .icons-bar a[rel="luftbehandlungsgeraet"].active {
    background-image: url('../images/start-ani/icon-luftbehandlung-active.png');
}

.start-ani .icons .icons-bar a[rel="kaltwasser"] {
    background-image: url('../images/start-ani/icon-kaltwasser.png');
}
.start-ani .icons .icons-bar a[rel="kaltwasser"].active {
    background-image: url('../images/start-ani/icon-kaltwasser-active.png');
}

.start-ani .icons .icons-bar a[rel="klimanaut"] {
    background-image: url('../images/start-ani/icon-klimanaut.png');
}
.start-ani .icons .icons-bar a[rel="klimanaut"].active {
    background-image: url('../images/start-ani/icon-klimanaut-active.png');
}

.start-ani .icons .icons-bar a[rel="regler"] {
    background-image: url('../images/start-ani/icon-regler.png');
}
.start-ani .icons .icons-bar a[rel="regler"].active {
    background-image: url('../images/start-ani/icon-regler-active.png');
}

.start-ani .icons .icons-bar a[rel="roste"] {
    background-image: url('../images/start-ani/icon-roste.png');
}
.start-ani .icons .icons-bar a[rel="roste"].active {
    background-image: url('../images/start-ani/icon-roste-active.png');
}

.start-ani .icons .icons-bar a[rel="eingangsmatten"] {
    background-image: url('../images/start-ani/icon-eingangsmatten.png');
}
.start-ani .icons .icons-bar a[rel="eingangsmatten"].active {
    background-image: url('../images/start-ani/icon-eingangsmatten-active.png');
}

.start-ani .icons .icons-bar a[rel="pferdepflege"] {
    background-image: url('../images/start-ani/icon-pferde.png');
}
.start-ani .icons .icons-bar a[rel="pferdepflege"].active {
    background-image: url('../images/start-ani/icon-pferde-active.png');
}


/*Lösung*/
.start-ani .icons .icons-bar a[rel="hotel"] {
    background-image: url('../images/start-ani/icon-hotel.png');
}
.start-ani .icons .icons-bar a[rel="hotel"].active {
    background-image: url('../images/start-ani/icon-hotel-active.png');
}

.start-ani .icons .icons-bar a[rel="buero"] {
    background-image: url('../images/start-ani/icon-buero.png');
}
.start-ani .icons .icons-bar a[rel="buero"].active {
    background-image: url('../images/start-ani/icon-buero-active.png');
}

.start-ani .icons .icons-bar a[rel="verkauf"] {
    background-image: url('../images/start-ani/icon-verkauf.png');
}
.start-ani .icons .icons-bar a[rel="verkauf"].active {
    background-image: url('../images/start-ani/icon-verkauf-active.png');
}

.start-ani .icons .icons-bar a[rel="handelsketten"] {
    background-image: url('../images/start-ani/icon-handelsketten.png');
}
.start-ani .icons .icons-bar a[rel="handelsketten"].active {
    background-image: url('../images/start-ani/icon-handelsketten-active.png');
}

.start-ani .icons .icons-bar a[rel="industrie"] {
    background-image: url('../images/start-ani/icon-industrie.png');
}
.start-ani .icons .icons-bar a[rel="industrie"].active {
    background-image: url('../images/start-ani/icon-industrie-active.png');
}

.start-ani .icons .icons-bar a[rel="logistik"] {
    background-image: url('../images/start-ani/icon-logistik.png');
}
.start-ani .icons .icons-bar a[rel="logistik"].active {
    background-image: url('../images/start-ani/icon-logistik-active.png');
}

.start-ani .icons .icons-bar a[rel="sport"] {
    background-image: url('../images/start-ani/icon-sport.png');
}
.start-ani .icons .icons-bar a[rel="sport"].active {
    background-image: url('../images/start-ani/icon-sport-active.png');
}

.start-ani .icons .icons-bar a[rel="kirchen"] {
    background-image: url('../images/start-ani/icon-kirchen.png');
}
.start-ani .icons .icons-bar a[rel="kirchen"].active {
    background-image: url('../images/start-ani/icon-kirchen-active.png');
}

.start-ani .icons .icons-bar a[rel="kitas"] {
    background-image: url('../images/start-ani/icon-kitas.png');
}
.start-ani .icons .icons-bar a[rel="kitas"].active {
    background-image: url('../images/start-ani/icon-kitas-active.png');
}

.start-ani .icons .icons-bar a[rel="wohnraume"] {
    background-image: url('../images/start-ani/icon-wohnraeume.png');
}
.start-ani .icons .icons-bar a[rel="wohnraume"].active {
    background-image: url('../images/start-ani/icon-wohnraeume-active.png');
}


/**
START ANIMATION ENDE
**/

.teaser {
    margin-bottom: 25px;
}

.teaser .span1 .admin-container {
    width: 225px;
}
.teaser .span2 .admin-container {
    width: 465px;
}

.teaser .teaser-image-container {
    height: 190px;
    overflow: hidden;
}

.shop-layout .teaser .teaser-image-container {
    height: auto;
}

.teaser-padding-full {
    padding: 25px 15px;
}

.teaser-padding {
    padding: 15px 0;
}

.teaser .teaser-content td[class^="span"] {
    background-image: url('../images/arrow-overlay-white.png'), url('../images/background_sicherheit.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 15px 0px, right;
}

.background-kid {
    background-image: url('../images/arrow-overlay-white.png'), url('../images/background_sicherheit2.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 15px 0px, right;
}

.teaser .teaser-content td.span1 {
    width: 225px;
}

.teaser .teaser-content td.span2 {
    width: 465px;
}

.teaser-content.active td[class^="span"] {
    background-image: url(../images/backgorund_planung_active.png) !important;
    background-position: 0px 0px !important;
    font-family: FrutigerLTW01-55Roman, Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    vertical-align: bottom;
}

.teaser-content td.span2.teaser-padding-full {
    padding: 25px 15px 0 15px !important;
}

.teaser-content .ausgeklappt {
    background: url(../images/backgorund_planung_active_bottom.png) no-repeat left top, url(../images/backgorund_planung_content.png) no-repeat left 30px !important;
    height: 337px;
    padding: 60px 15px 30px 15px;
    position: relative;
}

.teaser-content .ausgeklappt .beratenlassen {
    top: inherit;
    bottom: 15px;
}

.blue-box {
    background-color: #002f5e;
    color: #fff;
    padding: 15px;
}

.blue-box h3 {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    color: #fff;
    font-size: 18px;
}

#reference-result .teaser-content td[class^="span"] {
    background: none !important;
}

#reference-result .teaser-image-container {
    height: 190px;
    overflow: hidden;
}

#reference-result .span1 .teaser-image-container {
    width: 225px;
}
#reference-result .span2 .teaser-image-container {
    width: 465px;
}

.reference-loader {
    width: 100%;
    height: 50px;
    padding: 10px 0;
    text-align: center;
    font-family: FrutigerLTW01-55Roman, Arial, sans-serif;
    font-size: 16px;
    color: #002f5e !important;
    border: 1px solid #DCDEDF;
    display: none;
}

/* START ENERGIERECHNER */

#benefits_energy {
    position: relative;
}

#benefits_energy .erdgas-input {
    float: left;
}

#benefits_energy .erdgas-outer {
    float: left;
    padding-left: 2px;
    padding-top: 2px;
}
#benefits_energy .erdgas {
    font-size:9px;
}
#benefits_energy .erdgas-outer.lang-3 .erdgas,#benefits_energy .erdgas-outer.lang-6 .erdgas {
    display: block;
}

#benefits_energy .info_box {
    background-color: #ECECEC;
    color: #063056;
    height: 115px;
    padding: 10px 15px;
    position: absolute;
    right:0;
    top: 0;
    width: 193px;
    border-left: 10px solid #fff;
}

#benefits_energy .option_value, #benefits_energy .option_desc {
    padding: 0 0 5px 0;
}

#benefits_energy .option_desc,#benefits_energy .option_value {
    width: 33%;
}

#benefits_energy .lighter {
    color: #808080;
}

#benefits_energy .result {
    color: #002F5D;
    font-weight:bold;
    font-size:13px;
}

#benefits_energy .result .ressmaller {
    font-size:12px;
}

#benefits_energy .result .little {
    color: #002F5D;
    font-weight:normal;
    font-size:12px;
}

#benefits_energy input[type=text],
input[type=text].shadow {
    -webkit-box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    border: 0 none;
    width: 204px;
    height: 25px;
    border: 1px solid #D6D6D6;
    padding-left: 5px;
}

#benefits_energy .jSelectBox.outer {
    float: left;
}

#benefits_energy .small {
    font-size:10px;
}

#benefits_energy .single_value {
    width: 45%;
    display: block;
    float: left;
}

#benefits_energy .flright {
    padding-left: 45%;
    display: block;
    float: left;
}

#benefits_energy  .option_value.longer {
    margin-bottom: 0;
    line-height: 26px;
}

#benefits_energy .hrspacer {
    background-color: #D3DBE6;
    height: 1px;
    border-top: 15px solid #fff;
    border-bottom: 20px solid #fff;
}

#benefits_energy .relative {
    position: relative;
}

#benefits_energy .printing {
    background:none repeat scroll 0 0 transparent;
    bottom:0;
    height: auto;
    padding: 0;
    top: auto;
    width: 213px;
    border-left: none;
}

#benefits_energy .printing > table {
    margin: 20px auto 0;
}

.none {
    display: none;
}

.option_desc, .option_value, .option_result {
    float: left;
    display: block;
}

.option_desc {
    line-height: 29px;
}

.clearer {
    clear:both;
}

/* ENDE ENERGIERECHNER */

.content .teaser,
.content .teaser td {
    border: 0 !important;
}

footer td.span1 {
    width: 240px;
}

footer td.span2 {
    width: 480px;
}

footer td.span3 {
    width: 720px;
}

footer td.span4 {
    width: 960px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #002f5e;
}

a.grey {
    color: #45474B;
}

header a, footer a {
    color: #45484b;
}

hr {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, .headline, .h2, .h1 {
    font-family:'FrutigerLTW01-55Roman', Arial, sans-serif;
    font-weight: normal;
}

h1, h2, h3, h4, .h2, .h1 {
    color: #002f5e;
    margin: 0;
}

h1, .h1 {
    font-size: 30px;
    margin-bottom: 10px;
    /*line-height: 1.25em;*/
}

h1.productlist {
    font-size: 26px;
}

h2, .h2 {
    font-size: 18px;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    margin-bottom: 15px;
}

.h2 {
    margin-bottom: 5px;
}

.teaser h2 {
    margin-bottom: 0;
}

h3 {
    font-size: 14px;
    margin-bottom: 10px;
}

h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li {
    background: url(../images/arrow-right-blue.png) no-repeat 0 4px;
    padding-left: 11px;
}

.social_share_privacy_area li {
    background: none;
}

.button {
    background: transparent none repeat-x top left;
    color: #fff;
}

.button a {
    display: inline-block;
    color: #fff;
    padding: 8px 10px 6px 10px;
}
.list-right .button a {
    padding: 0px 15px 0 0;
}

.green-button {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    padding: 0 26px 0 12px;
    background-image: url('../images/green-button-bg.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #8BB402;
}

.green-button:focus,
.green-button:hover {
    text-decoration: underline;
}

.small-button {
    display: inline-block;
    border: 1px solid #D8DBDD;
    color: #002F5E;
    background: #DEE3E6 url(../images/small-button-background.jpg) repeat-x top left;
    padding: 4px 11px;
}

.small-button.green {
    background: #DEE3E6 url(../images/green-button-background-small.png) repeat-x top left;
    display: inline-block !important;
}
.small-button.green a {
    color: #fff !important;
}

.button.blue {
    background-image: url(../images/blue-button-background.jpg);
}

.button.blue.small {
    background-image: url(../images/blue-button-background-small.jpg);
}

.button.blue.small a {
    margin: 4px 11px;
}

.blue-arrow-right-left {
    background: url(../images/arrow-blue-right.png) no-repeat 0 4px;
    padding-left: 11px;
}

.blue-arrow-down-left {
    background: url(../images/arrow-blue-down.png) no-repeat 0 6px;
    padding-left: 11px;
}

.blue-arrow-top-left {
    background: url(../images/arrow-blue-top.png) no-repeat 0 6px;
    padding-left: 11px;
}

.white-arrow-right-right {
    background: url(../images/arrow-white-right.png) no-repeat right;
    padding-right: 11px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

#main {
    width: 945px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

#main header>.row:first-child {
    margin-top: 9px;
}

/**
 Dropdown (kein jSelectBox)
 **/
.dropdown-outer {
    display: none;
    position: relative;
    border: 1px solid transparent;
    opacity: 0.90;
    margin: 1px 2px 0 0;
}

#header-bar .dropdown-outer {
    height: 30px;
}

.dropdown-outer>a {
    white-space: nowrap;
}

.dropdown-outer .options {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid transparent;
}

.dropdown-outer .options a {
    display: block;
    white-space: nowrap;
}

.dropdown-outer .options a:hover,
.dropdown-outer .options a:focus {
    text-decoration: underline;
}

.dropdown-outer.opened,
.dropdown-outer.opened {
    background-color: #FFF !important;
    border: 1px solid #EEE;
}

.dropdown-outer .options {
    padding: 0 5px;
    background-color: #FFF;
    border: 1px solid #EEE;
    left: -1px;
    margin-bottom: 20px;
}

.dropdown-outer .options a {
    line-height: 18px;
    padding: 3px 9px;
}

/**
 * Header Navigation + Sprachauswahl
 */
nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header-bar {
    display: none;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
    position: relative;
    z-index: 20;
    width: 715px;
}

#header-bar>.span1:first-child {
    padding-left: 0px;
    margin-right: 0px;
    width: 233px;
}

nav.global {
    display: inline-block;
}

nav.global li {
    display: inline-block;

    margin-right: 18px;

    background: none;
}

nav.global li:last-child {
    margin-right: 0;
}

.site-selection {
    display: inline-block;
    padding: 0 5px;
}

.site-selection > a {
    background: transparent url(../images/arrow-down.png) no-repeat right;
    padding-right: 13px;
}

#language-selection {
    background: transparent url(../images/arrow-down.png) no-repeat 5px;
    padding: 0 5px;

}

#language-selection > a {
    display: none;
    padding: 0 10px 0 15px;
}

#language-selection > a.active {
    display: inline-block;
}

#language-selection a>span {
    float: left;
    display: block;
}
#language-selection a>img {
    float: right;
    display: block;
    margin-top: 10px;
    margin-left: 5px;
}

#language-selection .options {
    width: 69px !important;
    padding: 0px !important;
}

#language-selection .options a>img {
    margin-top: 5px;
}
#language-selection .options a {
    margin: 0 5px 0 11px;
    padding: 0px;
    width: 44px;
}

/**
 * USP + Suche und Logo
 */

#header-main {
    padding: 8px 0 5px 0;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #022F5C;
}

#header-main > div {
    display: inline-block;
}

#usp {
    margin: 26px 0;
}

#header-main .search-container {
    margin: 21px 0;
    height: 60px;
}

.logo-kaeuferschutz {
    margin: -2px 0 0 12px;
}

#usp {
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
    font-size: 16px;
    color: #45484B;
    line-height: 20px;
}

p {
    margin: 0;
}

.search-container {
    display: none;
    position: relative;
    width: 480px;
}

.search-container input[name="searchterm"] {
    padding: 7px 15px;
    margin: 0;

    width: 435px;

    -webkit-box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    border: none;
    behavior: url('../pie/PIE.htc');

    /*-webkit-box-shadow: #D6D6D6 0px 2px 3px;
    -moz-box-shadow: #D6D6D6 0px 2px 3px;
    box-shadow: #D6D6D6 0px 2px 3px;
    behavior: url(/pie/PIE.htc);*/
}

.search-container input[type="image"] {
    position: absolute;
    top: 0;
    right: 0;
}

.search-container.shop {
    width: 371px;
}

.search-container.shop input[name="search"] {
    width: 337px;
}

.search-container .product-finder-link {
    display: none;
    margin-top: 11px;
    background: transparent url(../images/arrow-right.png) no-repeat left;
    padding-left: 11px;
}

#header-main .logo {
    margin-right: 11px;
}

/**
 * Hauptnavigation
 */

#nav0-1 {
    display: none;
    margin-bottom: 15px;
    width: 975px;
    height: 42px;
    position: relative;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
    z-index: 300;
}

#nav0-1 > div, .warenkorb-hover {
    background: #002f5e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMmY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNkN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #002f5e 0%, #003d7a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002f5e), color-stop(100%,#003d7a));
    background: -webkit-linear-gradient(top,  #002f5e 0%,#003d7a 100%);
    background: -o-linear-gradient(top,  #002f5e 0%,#003d7a 100%);
    background: -ms-linear-gradient(top,  #002f5e 0%,#003d7a 100%);
    background: linear-gradient(to bottom,  #002f5e 0%,#003d7a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f5e', endColorstr='#003d7a',GradientType=0 );
    margin-right: 1px;
    height: 42px;
    padding-left: 15px;
    font-size: 20px;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
    color: #FFF;
}

.merkliste-hover {
    margin-right: 1px;
    height: 42px;
    padding-left: 0;
    font-size: 20px;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
    color: #FFF;
}

.merkliste-overlay,
.merklisten-info {
    display: none;
}

#nav0-1 > div > a {
    color: #FFF;
    display: block;
    padding: 7px 0 7px 0px;
    width: 100%;
    font-size: 20px;
    z-index: 10;
    cursor: pointer;
    position: relative;
}

.kampus ul {
    list-style-type: disc !important;
    margin: 5px 20px;
}

.kampus ul li {
    padding-left: 0px !important;
}

.schulung-selector>a {
    display: none;
}

.warenkorb-hover {
    background-image: none;
    padding-left: 0;
}

#nav0-1 > div.active,
#nav0-1 > div:hover {
    background: transparent url(../images/nav-active-background.jpg) repeat-x top left;
    pie-background: transparent url(../images/nav-active-background.jpg) repeat-x top left;
    behavior: url(/styles/PIE.htc);
}

#nav0-1 > div.sub {
    background-image: none;
    background-color: #e0e5e9;
    z-index: 602;
}

#nav0-1 > div.sub>a {
    color: #002F5D;
}

#nav0-1 .active-indicator {
    position: absolute;
    z-index: 10;
    bottom: -8px;
    left: 3px;
    height: 9px;
    width: 16px;
}

#nav0-1 > div.active.sub .active-indicator {
    display: none;
}

#nav0-1 > div > .dropdown {
    background: url(../images/bg_menu.png);
    background-repeat: repeat-x;
    background-color: #e0e5e9;
    position: absolute;
    top: 42px;
    right: -15px;
    padding: 25px 0 15px 15px;
    z-index: 20;
    font-family: Arial, sans-serif;
    font-size: 12px;
    -webkit-box-shadow: rgba(102, 102, 102, 0.5) 0px 20px 15px;
    -moz-box-shadow: rgba(102, 102, 102, 0.5) 0px 20px 15px;
    box-shadow: rgba(102, 102, 102, 0.5) 0px 20px 15px;
    behavior: url(/styles/PIE.htc);
}

#nav0-1 .merkliste-link .dropdown {
    left: -190px;
    right: auto;
    top: 0;
    width: 214px;
}

.warenkorb-overlay.dropdown {
    top: 0px !important;
    right: -14px !important;
}

.warenkorb-overlay.dropdown li {
    background: url(../images/arrow-right-blue.png) no-repeat 0 4px !important;
    padding-left: 11px !important;
}

.warenkorb-overlay.dropdown .btn {
    margin-top: 5px;
}

.dropdown ul li {
    background: none;
    padding-left: 0;
}

.help-text {
    font-size: 10px;
}

.customerservice td:first-child {
    width: 257px;
}

.service-dropdown,
.loesungen-dropdown,
.product-dropdown {
    margin-left: -30px;
    margin-bottom: 30px;
}

.product-dropdown {
    margin-bottom: 15px;
}

.service-dropdown>.span1>.dropdown-intro>a {
    color: #01305E;
    display: block;
    line-height: 16px;
    border-bottom: 1px solid #CED2D4;
    margin-left: 15px;
    margin-bottom: 3px;
}

.service-dropdown>.span1>.dropdown-intro>a:hover,
.service-dropdown>.span1>.dropdown-intro>a:focus {
    color: #96C103;
}

.loesungen-dropdown .span1 > .img-outer,
.product-dropdown .span1 > .img-outer {
    height: 40px;
    width: 40px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.service-dropdown .h2-top,
.loesungen-dropdown .h2-top,
.product-dropdown .h2-top {
    background-image: url('../images/products-dropdown-h2-bg.png');
    background-repeat: no-repeat;
    background-position: 15px 0;
    width: 37px;
    height: 11px;
}

.service-dropdown h2,
.loesungen-dropdown h2,
.product-dropdown h2 {
    background-color: #96C103;
    line-height: 23px;
    min-height: 23px;
    color: #FFF;
    padding-left: 15px;
    font-size: 16px;
    padding-right: 5px;
    width: 205px;
    display: table-cell;
    vertical-align: middle;
}

.service-dropdown h2>a,
.loesungen-dropdown h2>a,
.product-dropdown h2>a {
    color: #FFF;
}

.dropdown .dropdown-intro {
    padding: 0 15px;
    color: #043261;
    margin-top: 12px;
}

.product-dropdown>div {
    position: relative;
}

.product-dropdown .product-item-outer .product-item-inner {
    position: absolute;
    z-index: 5;
    right: -247px;
    top: -20px;
    width: 249px;
    min-height: 230px;
    display: none;
}

.product-dropdown .last .product-item-outer .product-item-inner {
    right: auto;
    left: -247px;
}


.product-dropdown .product-item-outer .product-item-inner-arrow {
    top: 0px;
    position: absolute;
    width: 249px;
    height: 26px;
    left: 0px;
    background: url('../images/layer/arrow.png') no-repeat 0px 0px;
}
.product-dropdown .last .product-item-outer .product-item-inner-arrow {
    background: url('../images/layer/arrow-right.png') no-repeat 0px 0px;
    left: auto;
    right: 0px;
}


.product-dropdown .product-item-outer .product-item-inner-content {
    width: 215px;
    height: 260px;
    padding: 0 7px 0 27px;
    background: url('../images/layer/middle.png') repeat right top;
}
.product-dropdown .last .product-item-outer .product-item-inner-content {
    background: url('../images/layer/middle-right.png') repeat right top;
    padding: 0 17px 0 17px;
}


.product-dropdown .product-item-outer .product-item-inner-top {
    background: url('../images/layer/top.png') no-repeat right top;
    height: 10px;
    width: 249px;
}
.product-dropdown .last .product-item-outer .product-item-inner-top {
    background: url('../images/layer/top-right.png') no-repeat right top;
}


.product-dropdown .product-item-outer .product-item-inner-bottom {
    background: url('../images/layer/bottom.png') no-repeat left bottom;
    height: 10px;
    width: 249px;
}
.product-dropdown .last .product-item-outer .product-item-inner-bottom {
    background: url('../images/layer/bottom-right.png') no-repeat left bottom;
}

.product-dropdown .product-item-outer .product-item-inner-content>a>img {
    margin-left: -10px;
}

.product-dropdown .product-item-outer .product-item-inner-content>.clearfix {
    margin-left: -4px;
    margin-bottom: 5px;
}

.product-dropdown .product-item-outer .product-item-inner a {
    border-bottom: none;
    line-height: 18px;
    color: #01305E;
}

.product-dropdown .product-item-outer:hover .product-item-inner,
.product-dropdown .product-item-outer:focus .product-item-inner{
    display: block;
}

.product-dropdown .product-item-outer>a {
    color: #01305E;
    display: block;
    line-height: 16px;
    border-bottom: 1px solid #CED2D4;
    margin-left: 15px;
    margin-bottom: 3px;
}

.product-dropdown .product-item-outer a:hover,
.product-dropdown .product-item-outer a:focus {
    color: #96C103;
}

.product-dropdown.row {
    /*min-height: 235px;*/
}

/**
 * Breadcrumb
 */

#breadcrumb {
    display: none;
    border-bottom: 1px #DADEE1 solid;
    padding: 0 0 10px 0;
    color: #45484B;
}

#breadcrumb span {
    margin: 0 5px 0 0;
    color: #C8CDD1;
}

#breadcrumb span a {
    display: inline-block;
    margin: 0 10px;
}

#breadcrumb ul {
    display: inline-block;
    margin: 0 0 0 15px;
}

#breadcrumb li {
    display: inline-block;

    background: transparent url(../images/breadcrumb-spacer.jpg) no-repeat right;

    padding-right: 14px;

    margin-right: 9px;

    padding-left: 0;
}

#breadcrumb li:last-child {
    display: inline-block;

    background: none;

    padding-right: 14px;

    margin-right: 9px;

    padding-left: 0;
}

#breadcrumb a {
    font-size: 11px;

    color: #45484B;
}

#breadcrumb .back {
    display: inline-block;
    background: transparent url(../images/breadcrumb-back.png) no-repeat 0 2px;
    margin: 0 0 0 15px;
    padding: 0 12px 0 17px;
}

#breadcrumb .logout {
    padding-left: 15px;
}

/**
 * Content
 */

/* Produktfinder */
.product-finder {
    display: none;
    width: 975px;
    margin-left: -15px;
    margin-bottom: 39px;
    background-image: url('../images/bg_finder.png');
    background-repeat: no-repeat;
    background-color: #DDE2E5;
    min-height: 316px;
}

.product-finder>.pull-left {
    position: relative;
    width: 236px;
    padding-top: 30px;
    padding-left: 15px;
    margin-bottom: 29px;
}

.product-finder>.pull-left h1 {
    padding: 9px 0;
    font-size: 24px;
}

.product-finder>.pull-left .product-finder-overview {
    width: 225px;
    padding-right: 15px;
    margin-bottom: 70px;
    display: none;
}

.product-finder>.pull-left .product-finder-overview strong {
    display: block;
    margin-bottom: 8px;
}

.product-finder>.pull-left .product-finder-reset {
    position: absolute;
    bottom: 0px;
    left: 15px;
    display: none;
}

.product-finder>.pull-left .product-finder-reset .icon-close {
    display: inline-block;
    height: 8px;
    width: 9px;
    background: transparent url('../images/remove-filter.png') no-repeat center;
    margin-right: 5px;
}

.product-finder>.pull-right {
    width: 720px;
    padding-top: 30px;
    margin-right: 4px;
}

.product-finder>.pull-right .product-finder-attributes {
    position: relative;
    height: 90px;
}

.product-finder.no-settings>.pull-right .product-finder-attributes {
    height: 136px;
}

.product-finder.no-settings {
    min-height: 195px;
}

.product-finder>.pull-right .product-finder-attributes a {
    position: relative;
    display: block;
    height: 90px;
    width: 83px;
    margin-right: 7px;
    float: left;
    background-repeat: no-repeat;
}

.product-finder>.pull-right .product-finder-attributes a[rel="funktionen"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_funktion_n.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="aufstellung"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_einbauort_n.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="lueftung"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_lueftung_n.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="lueftung"].inaktiv {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_lueftung_i.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="klimasystem"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_systemart_n.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="kuehlmittel"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_medium_n.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="heizart"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_heizart_n.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="ventilator"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_ventilator_n.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="verkleidung"] {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_verkleidung_n.png');
}

.product-finder>.pull-right .product-finder-attributes a[rel="funktionen"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_funktion_h.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="aufstellung"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_einbauort_h.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="lueftung"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_lueftung_h.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="klimasystem"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_systemart_h.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="kuehlmittel"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_medium_h.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="heizart"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_heizart_h.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="ventilator"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_ventilator_h.png');
}
.product-finder>.pull-right .product-finder-attributes a[rel="verkleidung"].active {
    background-image: url('../img_files/productfinder-piktogramme/.1/ico_verkleidung_h.png');
}

.product-finder.no-settings>.pull-right .product-finder-attributes a {
    height: 120px;
}

.product-finder>.pull-right .product-finder-attributes a>span {
    display: block;
    position: absolute;
}

.product-finder>.pull-right .product-finder-attributes a>span.title {
    width: 83px;
    left: 0px;
    top: 50px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
}

.product-finder>.pull-right .product-finder-attributes a>span.set-icon {
    display: none;
}

.product-finder>.pull-right .product-finder-attributes a.set>span.set-icon {
    display: block;
    height: 16px;
    width: 15px;
    right: 0px;
    top: -7px;
    background-image: url('../images/set-icon.png');
    background-repeat: no-repeat;
}

.product-finder>.pull-right .product-finder-attributes a>span.green-line {
    display: none;
    height: 46px;
    width: 2px;
    left: 41px;
    bottom: 0px;
    background-color: #8BB402;
}

.product-finder.no-settings>.pull-right .product-finder-attributes a>span.green-line {
    display: block;
}

.product-finder.no-settings>.pull-right .product-finder-attributes .product-finder-note {
    display: block;
    position: absolute;
    top: 102px;
    left: 4px;
    z-index: 10;

    height: 34px;
    line-height: 34px;
    padding: 0 11px;

    color: #FFF;
    background-color: #8BB402;
    -webkit-box-shadow: #CCC 2px 10px 10px;
    -moz-box-shadow: #666 2px 10px 10px;
    box-shadow: #CCC 2px 10px 10px;
    behavior: url(/pie/PIE.htc)
}

.product-finder.no-settings>.pull-right .product-finder-attributes>.green-line {
    position: absolute;
    top: 119px;
    left: 4px;
    z-index: 5;
    width: 669px;
    height: 2px;
    background-color: #8BB402;
}

.product-finder>.pull-right .product-finder-attributes .product-finder-note {
    display: none;
}

.product-finder.no-settings>.pull-right .product-finder-attribute-content-outer {
    display: none;
}

.product-finder>.pull-right .product-finder-attribute-content-outer {
    position: relative;
    margin-top: 14px;
    height: 155px;
}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content {
    display: none;
    position: absolute;
    top: 0px;
    left: 4px;
    height: 160px;
}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content h1 {
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
    margin-bottom: 12px;
    font-size: 24px;
}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content .attribute-options-content {
    background-color: #FFF;
    padding: 15px;
    width: 675px;
    height: 88px;
    background-repeat: no-repeat;
    background-position: right;
}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="funktionen"] .attribute-options-content {

}
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="aufstellung"] .attribute-options-content {
    position: relative;
    background-image: url('../images/produktfinder/bg_trees.png');
}
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="aufstellung"] .attribute-options-content .aufstellung_bg {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 118px;
    width: 479px;

    background-image: url('../images/produktfinder/house_normal.png');
    background-repeat: no-repeat;
}


.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="lueftung"] .attribute-options-content {

}
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="klimasystem"] .attribute-options-content {

}
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="kuehlmittel"] .attribute-options-content {
    background-image: url('../images/pfac_medium-bg.png');
}
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="heizart"] .attribute-options-content {

}
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="ventilator"] .attribute-options-content {

}
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content[rel="verkleidung"] .attribute-options-content {

}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content .attribute-options-content .level2,
.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content .attribute-options-content .level3 {
    display: none;
}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content .attribute-options-content input[type="checkbox"] {
    display: none;
}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content .attribute-options-content label {
    background-color: #EFF1F2;
    background-image: url('../images/checkbox-no-checked.png');
    background-repeat: no-repeat;
    background-position: 188px 5px;
    height: 25px;
    line-height: 25px;
    width: 196px;
    padding: 0 7px;
    color: #002F5E;
    margin-bottom: 6px;
    margin-right: 16px;
    display: block;
    cursor: pointer;
}

.product-finder>.pull-right .product-finder-attribute-content-outer .product-finder-attribute-content .attribute-options-content label.checked {
    color: #FFF;
    background-color: #8BB402;
    background-image: url('../images/checkbox-checked.png');
}

.loesungen h2,
.product-finder-default .teaser h2 {
    margin-bottom: 10px;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
}

.product-finder-results-outer h1,
.product-finder-default h1 {
    margin-bottom: 16px;
    font-size: 24px;
}

.product-finder-results-outer h1 {
    margin-bottom: 21px;
}

.attribute-outer.big-box {
    width: 215px;
    height: 87px;
    float: left;
    background-image: none !important;
    background-color: #e2e7ea;
    color: #002E5F;
    display: table-cell;
    vertical-align: middle;
    margin-left: 15px;
    text-align: center;
}
.attribute-outer.big-box:first-child {
    margin-left: 0px;
}

.attribute-outer.four.big-box {
    width: 157px;
}

.attribute-outer.big-box>label {
    background-position: 195px 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    color: #002E5F;
    font-size: 16px !important;
    width: 215px !important;
    height: 87px !important;
    display: table-cell !important;
    vertical-align: middle !important;
}

.attribute-outer.four.big-box>label {
    width: 157px;
    background-position: 137px 5px !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/* This class is added via JavaScript */
.teaser-image-container {
    position: relative;
}

.teaser-image-container > img,
.teaser-image-container > a {
    top: 0;
    position: relative;
    z-index: 10;
}

.brick {
    position: relative;
}

.brick > img.overlay-triangle,
.teaser-image-container > img.overlay-triangle {
    position: absolute;
    top: 0;
    left: 16px;
    z-index: 20;
}

.themepic {
    margin-bottom: 24px;
}

#content {
    position: relative;
    margin-bottom: 25px;
}

#content ul {
    list-style-type: disc !important;
    margin: 5px 20px;
}

#content ul li {
    padding-left: 0px !important;
}

.pint-outer {
    display: none;
}

.hrspacer {
    border-bottom: 10px solid #FFFFFF !important;
    border-top: 10px solid #FFFFFF !important;
}

.changeable {
    border: 1px solid #d6d6d6 !important;
    width: 50% !important;
    height: 20px !important;
    /*float: none !important;*/
    display: inline !important;
}

input.changeable,
select.changeable {
    padding: 2px !important;
    border: 1px solid #d6d6d6 !important;
    width: 200px !important;
    height: 20px !important;
    line-height: inherit !important;
}

select.changeable {
    height: 24px !important;
    width: 204px !important;
}

.jSelectBox {
    display: none !important;
}

.calc-item .jSelectBox {
    display: block !important;
    border: 1px solid #CCC;
}

.themepic td[class^="span"]:first-child,
#content td[class^="span"]:first-child {
    padding-left: 0;
}

.product-row {
    background-image: url(../images/product-list-bg.png);
    background-repeat: repeat-x;
    background-position: top left;
}

.product-row.no-bg {
    background: none;
}

.product-row td {
    vertical-align: top;
}

.product-row tr:last-child td {
    /*border-bottom: 2px solid #C3CACE;*/
}

.product-row td[class^="span"] {
    padding-left: 0;
}

.product-row .description-container {
    padding: 4px 15px 13px !important;
}

.product-row h2 {
    font-family: 'FrutigerLTW01-55Roman', Arial, sans-serif;
    margin-top: 14px;
    margin-bottom: 0px;
    padding: 0px 15px !important
}

.product-row .description-container .description,
.product-row .description-container .description>a{
    width: 195px;
    color: #504845;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.product-row.no-bg .description-container {
    padding: 0 !important;
}

.product-row .functions-container {
    padding: 0 15px 12px 15px !important;
    border-bottom: 2px solid #c3cace;
}

.product-row .function {
    margin-right: 5px;
}

.product-row .images td {
    width: 225px;
    padding: 15px 0 !important;
}

.product-row td.span1 {
    width: 195px;
}

.product-row .line td {
    text-align: center;
    line-height: 0;
}

.product-row td.spacer {
    width: 15px;
    background: #fff;
    border-bottom: none !important;
}

tr.spacer > td {
    height: 15px;
}

td.spacer {
    width: 15px;
}

.function {
    display: inline-block;

    height: 25px;
    width: 29px;

    text-indent: -9999px;

    background: transparent none no-repeat top left;
}

.function.heating {
    background-image: url(../images/icon-heating.png);
}

.function.cooling {
    background-image: url(../images/icon-cooling.png);
}

.function.venting {
    background-image: url(../images/icon-venting.png);
}

.slider-outer {
    width: 465px;
    height: 190px;
    position: relative;
    z-index: 10;
}

.slider-outer .slider-titles-outer {
    overflow: hidden;
    position: absolute;
    top: -30px;
    left: 0px;
    height: 20px;
    width: 465px;
}

.slider-outer .slider-titles-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 100%;
}

.slider-outer .slider-titles-inner h3 {
    display: block;
    background-color: #FFF;
    float: left;
    height: 20px;
    width: 465px;
}

.header-slider-nav,
.slider-outer .slider-nav {
    position: absolute;
    right: 0px;
    top: -26px;
    height: 10px;
}

.slider-outer .slider-nav {
    top: -28px;
    padding: 2px 0;
    background: #fff;
}

.header-slider-nav {
    top: auto;
    bottom: 15px;
    right: 15px;
}

.header-slider .header-slider-nav a,
.slider-outer .slider-nav a {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background-image: url('../images/slider-box.png');
    background-repeat: no-repeat;
}
.header-slider .header-slider-nav a {
    background-image: url('../images/header-slider-box.png');
}
.header-slider .header-slider-nav a.active,
.slider-outer .slider-nav a.active {
    background-image: url('../images/slider-box-active.png');
}
.header-slider .header-slider-nav a.active {
    background-image: url('../images/header-slider-box-active.png');
}

.slider-outer .slider-items-outer {
    width: 465px;
    height: 190px;
    position: relative;
    overflow: hidden;
}

.slider-outer .slider-items-outer {
    width: 465px;
    height: 190px;
    position: relative;
    overflow: hidden;
}

.slider-outer .slider-items-outer .slider-items-inner {
    width: 465px;
    height: 190px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.slider-outer .slider-items-outer .slider-items-inner .slider-item {
    height: 190px;
    width: 465px;
    float: left;
    display: block;
    position: relative;
}

.slider-outer .slider-items-outer .slider-items-inner .slider-item>img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}

.slider-outer .slider-items-outer .slider-items-inner .slider-item>span.overlay-text {
    display: block;
    position: absolute;
    top: 190px;
    left: 0px;
    z-index: 20;
    height: 120px;
    width: 435px;
    padding: 35px 15px;
    color: #FFF;
    background-color: rgba(0,47,94,0.85);
    font-family:"FrutigerLTW01-45Light", Arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
    behavior: url(/pie/PIE.htc);
}

.slider-outer .slider-items-outer .slider-items-inner .slider-item>span .green-button {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.header-slider-outer {
    width: 975px;
    height: 390px;
    overflow: hidden;
    position: relative;
}

.header-slider-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 297px;
}

.header-slider-inner .header-slider-item {
    display: block;
    position: relative;
    width: 975px;
    height: 297px;
    float: left;
}

#product-detail {
    background: transparent url(../images/product-detail-middle.png) top left;
    position: relative;
}

#berater-popup #ok,
#berater-popup #info,
#berater-popup #error,
#product-detail #ok,
#product-detail #info,
#product-detail #error {
    margin: 0px !important;
}

#product-detail > .clearfix {
    background-image: url(../images/product-detail-top.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 26px;
}

#product-detail .product-detail-bottom {
    display: none;
    background-image: url(../images/product-detail-bottom.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 115px;
    position: relative;
}

#product-detail h1 {
    margin-right: 15px;
    margin-bottom: 6px;
    font-size: 30px;
}

#product-detail h2 {
    margin-bottom: 5px;
}

#product-detail .header {
    border-right: 1px solid #CCC;
    width: 586px;
    margin-left: 27px;
    margin-right: 26px;
}

#product-detail .details {
    margin-right: 28px;
    margin-top: 0px;
}

#product-detail .benefits-container {
    position: relative;
    padding-left: 15px;
    background: transparent url(../images/benefits-back.png);
    background-repeat: no-repeat;
    background-position: left 80px;
}

#product-detail .benefits {
    width: 250px;
    background: #fff;
    padding: 18px 20px;
}

#product-detail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#product-detail .benefits li {
    background: transparent url(../images/check-blue.png) no-repeat right 13px;
    padding: 6px 31px 6px 0;
    border-bottom: 1px solid #DDE1E4;
    font-size: 15px;
    color: #45484B;
}

#product-detail .benefits li a {
    color: #45484B;
    text-decoration: underline;
}

#product-detail .benefits li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#product-detail .benefits > span {
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    margin-bottom: 6px;
    color: #45484B;
}
#product-detail .benefits > ul {
}


#product-detail > .clearfix > div {
    display: block;
    float: left;
}

#product-detail .functions {
    vertical-align: 10px;
}

#product-detail h1,
#product-detail .functions {
    display: inline-block;
}

#main-product-image {
    margin-left: -27px;
}

#product-detail .image-zoom {
    padding-left: 22px;
    background: transparent url(../images/magnifier.png) no-repeat  left;
    color: #45484B;
    display: block;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: 11px;
    left: 27px;
}

#buy-now,
#start-chat,
#product-detail .actions {
    display: block;
    margin: 15px 0 0 15px;
}

#buy-now,
#start-chat {
    width: 249px;
    padding: 0px 21px;
}

#config-now {
    display: none;
    background-repeat: no-repeat;
    background-image: url('../images/btn_blue-big-gears.png');
    font-size: 20px;
    height: 60px;
    line-height: 22px;
    padding-top: 18px;
    padding-left: 19px;
    color: #FFF;
    width: 272px;
    font-family: 'FRUTIGERLTW01-55ROMAN', Arial, sans-serif;
    float: right;
    margin-top: 20px;
    text-shadow: 0 1px 1px #030202;
}

.btn {
    border: none !important;
}

.beraten-lassen.btn.blue {
    display: block;
    font-size: 20px;
    width: 256px;
    height: 29px;
    line-height: 29px;
    background-image: url('../images/btn_blue-phone-new.png');
    background-repeat: no-repeat;
    font-family: "FrutigerLTW01-45Light", Arial, sans-serif;
    color: #FFF;
    border: none;
    float: right;
    margin-top: 20px;
}

/*gibbet nicht mehr*/
/*#buy-now {
    background-repeat: no-repeat;
    background-image: url('../images/warenkorb-bg.png');
    font-size: 20px;
    height: 42px;
    line-height: 42px;
    color: #FFF;
    font-family: 'FRUTIGERLTW01-55ROMAN', Arial, sans-serif;
}

#start-chat {
    background-repeat: no-repeat;
    background-image: url('../images/livechat-bg.png');
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    color: #45484B;
}*/


#product-detail .actions {
    display: none;
    margin-left: 34px;
    margin-top: 13px;
}

#product-detail .actions li {
    background: transparent url(../images/product-row-line.jpg) repeat-x bottom left;
    width: 250px;
    padding: 5px 0 7px;
}

#product-detail .actions li:last-child {
    background: none;
}

#product-detail .actions li a {
    background: transparent none no-repeat center left;
    padding-left: 24px;
    color: #45484B;
}

#product-detail .actions .save-product a {
    background-image: url(../images/icon-plus-grey.png);
}

#product-detail .actions .product-request a {
    background-image: url(../images/icon-mail-grey.png);
}

#product-detail .actions .more-information a {
    background-image: url(../images/icon-info-grey.png);
}

#product-detail .thumbnail-container {
    width: 100%;
    height: 80px;
}

#product-detail .thumbnails {
    text-align: center;
    height: 80px;
    margin-top: 19px;
}

#product-detail .thumbnails a {
    margin-right: 12px;
}

#product-detail .thumbnails a:last-child {
    margin-right: 0;
}

#tabs {
    display: none;
    width: 975px;
    height: 49px;
    background: #FFF url(../images/tab-back.jpg) repeat-x left 0px;
    border-top: 24px solid #FFF;
    border-bottom: 18px solid #FFF;
    z-index: 50;
}

.reference-filter {
    position: relative;
    z-index: 50;
    border-bottom: 18px solid #FFF;
}

#tab-content-outer {
    position: relative;
    z-index: 10;
}

#tabs a {
    display: inline-block;
    float: left;
    padding-bottom: 8px;
}

#tabs a.active {
    background: transparent url(../images/arrow/blue/big_arrow_down.png) no-repeat bottom center;
}

#tabs a > span {
    display: inline-block;
    padding: 0px 14px 8px 15px;
    border-right: 1px solid #DEDFE1;
    height: 33px;
    line-height: 42px;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
    font-size: 14px;
    color: #000;
}

#tabs a.active > span,
#tabs a:hover > span {
    color: #fff;
    border-right: 1px solid #00305B;
    background: #00305B;
}

.schulung-selector .btn.no-arrow {
    margin-top: 10px;
    color: #FF0000 !important;
}

.schulung-info {
    width: 255px;
}

.schulung-info strong {
    display: block;
    padding: 5px 0;
}

#tab-content-kampus-outer {
    margin: 40px 0 0 0px;
    width: 945px;
    border-bottom: 1px solid #DEDFE1;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #DEDFE1;
}

.tab-content {
    display: none;
}

.kampus-header {
    border-top: 1px solid #DADEE1;
    border-left: 1px solid #DADEE1;
    border-right: 1px solid #DADEE1;
    position: relative;
    height: 35px;
    padding-left: 20px;
    padding-top: 55px;
    width: 953px;
    margin-left: -15px;
    margin-top: 30px;
    color: #1D8EBE;
    font-size: 20px;
    font-family: 'FrutigerLTW01-45Light', Arial, sans-serif;
}

.kampus-header>img {
    position: absolute;
    bottom: 13px;
    right: 13px;
}

.schulung-buchen {
    position: relative;
}

.schulung-buchen>.small-button-outer {
    position: absolute;
    top: 5px;
    right: 10px;
}

.schulung-buchen td {
    padding: 5px 0;
    vertical-align: middle;
}

.schulung-buchen textarea,
.schulung-buchen input[type="text"] {
    -webkit-box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    border: none;
    behavior: url('../pie/PIE.htc');
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    width: 455px;
}

.schulung-buchen textarea {
    height: 150px;
}


.schulung-buchen input[type="text"][name="r_strasse"],
.schulung-buchen input[type="text"][name="strasse"] {
    float: left;
    margin-right: 25px;
    display: block;
    width: 340px;
}
.schulung-buchen input[type="text"][name="r_hausnummer"],
.schulung-buchen input[type="text"][name="hausnummer"] {
    float: left;
    width: 80px;
}
.schulung-buchen input[type="text"][name="r_plz"],
.schulung-buchen input[type="text"][name="plz"] {
    float: left;
    margin-right: 25px;
    display: block;
    width: 80px;
}
.schulung-buchen input[type="text"][name="r_ort"],
.schulung-buchen input[type="text"][name="ort"] {
    float: left;
    width: 340px;
}

.schulung-buchen .rechnungsadresse {
    position: relative;
    margin-right: 5px;
    top: 2px;
}

.schulung-buchen table tr td:first-child {
    width: 340px;
    vertical-align: top;
    padding: 5px 0px 0px 0px;
}

.schulung-buchen table tr td:first-child input,
.schulung-buchen table tr td:first-child .jSelectBox{
    margin-bottom: 10px;
}

.schulung-selector .jSelectBox.outer {
    width: 240px;
}

.schulung-selector .jSelectBox.outer .title {
    background-image: url('../images/selectbox-outer-bg-240.png');
}

.schulung-selector .jSelectBox.outer .options {
    background-image: url('../images/selectbox-options-bg-240.png');
}

.tab-content .accordion-content {
    margin: 0 -15px;
    padding: 0px 15px;
    background: transparent url(../images/accordion-back.jpg) repeat-x top left;
    border-top: 1px solid #DEDFE1;
    position: relative;
}

.tab-content .accordion-content ul {
    margin-left: 15px;
    list-style-image: url('../images/arrow-right.png');
}

.tab-content .accordion-content ul li {
    background: none;
    border-bottom: 0px solid #DCE1E4;
    padding: 2px 0;
    font-size: 14px;
}

.tab-content .accordion-content:first-child {
    border-top: 0px;
}

#tab-content-kampus-outer h4 {
    font-weight: bold;
}

.content h4,
.tab-content .accordion-content h4 {
    font-family:'FrutigerLTW01-45Light', Arial, sans-serif;
    cursor: pointer;
    padding: 10px 0;
    margin: 15px 0 10px;
    font-size: 18px;
    text-transform: uppercase;
}
.content h4 {
    background-color: #EEE;
    text-transform: none;
    cursor: inherit;
}

.mceText {
    color: #222 !important;
}

.tab-content .accordion-content.closed .accordion-text-content {
    display: block;
}

.tab-content .accordion-content.opened .accordion-text-content {
    display: block;
}

.tab-content .accordion-content .accordion-text-content {
    padding-bottom: 20px;
}

.tab-content .accordion-content .accordion-text-content ul:last-child li:last-child {
    border-bottom: 0px;
}

.tab-content .accordion-content .toggle {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 24px;
    background: transparent none no-repeat top left;
    cursor: pointer;
}

.tab-content .accordion-content.opened .toggle {
    background-image: url(../images/accordion-toggle-close.jpg);
}

.tab-content .accordion-content.closed .toggle {
    background-image: url(../images/accordion-toggle-open.jpg);
}

span.checker {
    display: inline-block;
    height: 11px;
    width: 15px;
    background: transparent url(../images/check-blue.png) no-repeat top left;
}

table.check-list td {
    border-bottom: 1px solid #DEDFE1;
    padding: 8px 0;
}

table.check-list td:first-child {
    padding-right: 13px;
}

table.check-list tr:last-child td,
table.check-list td:first-child {
    border-bottom: none;
}

table.normal tr td {
    padding-left: 0;
}

thead {
    font-weight: bold;
    border-bottom: 5px solid #ECEFF0;
}

/**
 * Footer
 */

#divider {
    background: #E8ECEF;

    border: 1px solid #DADEE1;
    border-left: none;
    border-right: none;

    padding: 12px 0 10px 0;

    color: #3d3d40;
}

#divider .phone {
    font-weight: bold;
    font-size: 14px;

    margin: 0 21px 0 11px;
}

#divider .mailto {
    background: transparent url(../images/icon-email.png) no-repeat left;

    padding-left: 23px;
}

#divider .mailto,
#divider .phone {
    color: #000;
}

#to-top {
    background: transparent url(../images/arrow-top-light-grey.png) no-repeat left;

    padding-left: 17px;

    margin-top: 2px;
}

footer {
    margin-bottom: 30px;

    color: #45484B;
}

footer > nav,
footer > .shop-info {
    display: none;
    border-bottom: 1px solid #DADEE1;
}

footer > .shop-info .trusted-shops {
    margin-right: 15px;
}

footer > nav ul {
    margin: 0;
    padding: 0;
}

footer > nav li {
    margin: 4px 0;

    background: none;

    padding-left: 0;
}

footer > nav td,
footer > .shop-info td {
    border-right: 1px solid #DADEE1;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding-bottom: 12px;
}

footer > nav td:last-child,
footer > .shop-info td:last-child {
    border-right: none;
}

footer .headline {
    font-family: 'FrutigerLTW01-55Roman', Arial, sans-serif;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 13px;
    font-size: 20px;
    color: #000;
}

#footer-info {
    padding: 25px 0 30px 0;
    border-bottom: 1px solid #DADEE1;
}

#footer-info span {
    display: inline-block;
    vertical-align: top;
}

#footer-info .claim {
    width: 425px;
}

#footer-info .logo {
    margin-top: -2px;
    margin-right: 27px;
}

#footer-info .quick-links {
    width: 181px;
    margin-right: 12px;
    margin-top: 2px;
    margin-left: 3px;
    border: 0px !important;
    height: 30px;
    line-height: 30px;
}

#footer-info .quick-links .options {
    left: 0px;
    padding: 5px 0;
}

#footer-info .quick-links .options a {
    color: #45484B;
    padding: 0 5px;
}

#footer-info .quick-links a.active, .arrow-down {
    display: inline-block;
    background: transparent url(../images/arrow-down-white.png) no-repeat right;
    padding: 0 5px;
    padding-right: 18px;
}

.social-links {
    display: none;
    margin-top: 2px;
}

.social-links a {
    display: inline-block;

    text-indent: -9999px;

    background: transparent none no-repeat top left;

    width: 37px;
    height: 30px;
}

.social-links .youtube {
    background-image: url(../images/icon-youtube.jpg);
}

.social-links .xing {
    background-image: url(../images/icon-xing.jpg);
}

.social-links .twitter {
    background-image: url(../images/icon-twitter.jpg);
}

.social-links .facebook {
    background-image: url(../images/icon-facebook.jpg);
}

#bottom-line {
    font-size: 11px;

    margin-top: 17px;
}

#bottom-line a {
    color: #000;
}

#bottom-line .site-selection-container {
    display: none;
    margin-left: 149px;
    height: 30px;
    line-height: 30px;
    margin-top: -7px;
}

#bottom-line .site-selection {
    text-transform: uppercase;
}

#bottom-line nav {
    display: none;
    margin-bottom: 5px;
}

#bottom-line nav li {
    display: inline-block;

    text-transform: uppercase;

    margin-right: 24px;

    background: none;
    padding-left: 0;
}

#bottom-line nav li:last-child {
    margin-right: 0;
}

/* styles.css */

body {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
}

input, textarea, select {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
    color: #002F5E;
}

img {
    vertical-align: middle;
}

.blue-hint {
    background-color: #002F5E;
    display: inline-block;
    padding: 0 5px;
    width: 15px;
    height: 25px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}

a.favorit {
    display: inline-block;
    background: url(../images/icon-list-favorit.png) no-repeat 0 2px;
    margin: 5px 0 0 0;
    padding: 0 0 0 20px;
}

a.favorit.remove {
    background: url(../images/icon-list-favorit-remove.png) no-repeat 0 4px;
}

.hint {
    padding: 10px 15px;
    background-color: #DADFE1;
    font-size: 11px;
}

.icon-close {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../images/x-button.png) no-repeat;
    margin: 0 5px 0 0;
}

.greenbig {
    display: none;
    background: url(../images/into-shopping-cart-bg.png) repeat-x;
    line-height: 42px;
    float: left;
    margin: 10px 0 5px 0;
    padding: 0 6px 0 10px;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 16px;
    border-left: 1px solid #96B42D;
}

.greenbig.grey {
    background: #666;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 1px solid #666;
    line-height: 40px;
}


.greenbig select {
    margin: 0 10px 0 0;
}

.greenbig a {
    color: #fff;
}

.greenbig-bg {
    float: left;
    margin: 10px 0 0 0;
}

.beratenlassen.grey .greenbig-bg {
    margin-top: 0;
    margin-bottom: 0;
}

.btn-greenbig {
    display: inline-block;
    background: url(../images/arrow/white/biggest_arrow_right.png) no-repeat right 12px, url(../images/greenbig-bg-end.png) no-repeat right top, url(../images/into-shopping-cart-bg.png) repeat-x left top;
    line-height: 42px;
    float: left;
    margin: 0;
    padding: 0 67px 0 15px;
    color: #fff;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 20px;
    border-left: 1px solid #96B42D;
}

.btn-greenbig.small {
    font-size: 16px;
}

.btn-greenbig.check {
    background: url(../images/check-white.png) no-repeat right 12px, url(../images/greenbig-bg-end.png) no-repeat right top, url(../images/into-shopping-cart-bg.png) repeat-x left top;
    line-height: 40px;
    width: 157px;
}

.btn-greenbig.blue {
    background: url(../images/arrow/white/biggest_arrow_right.png) no-repeat right 12px, url(../images/bluebig-bg-end.png) no-repeat right top, url(../images/bluebig-bg.png) repeat-x left top;
    border-left: 1px solid #0D4986;
}

.btn-greenbig.info {
    background: url(../images/info.png) no-repeat right 10px, url(../images/bluebig-bg-end.png) no-repeat right top, url(../images/bluebig-bg.png) repeat-x left top;
    line-height: 40px;
    width: 157px;
    margin: 5px 0 0 0;
}

.kampus .btn-greenbig.info, .kampus .btn-greenbig {
    margin: 10px 0 0 0;
}

.kampus .jSelectBox.outer {
    margin-bottom: 0;
}

.links {
    margin: 7px 0 0 0;
}

.links a {
    display: block;
    border-bottom: 1px #DCE1E4 solid;
    padding: 3px 0 3px 23px;
}

.link {
    display: inline-block;
    padding: 0 0 0 23px;
}

a.chat {
    background: url(../images/icon-chat.png) no-repeat 0 3px;
}

.link.chat {
    background-position: 0 0;
}

#breadcrumb span a.chat {
    padding: 0 0 0 23px;
    background-position: 0 0;
}

a.anfrage {
    background: url(../images/icon-anfrage.png) no-repeat 0 5px;
}

a.information {
    background: url(../images/icon-information.png) no-repeat 0 2px;
}

a.kontakt {
    background: url(../images/icon-kontakt.png) no-repeat 0 0;
}

#breadcrumb span a.kontakt {
    padding: 0 0 0 16px;
    background-position: 0 0;
}

a.login {
    background: url(../images/icon-login.png) no-repeat 0 0;
}

#breadcrumb span a.login {
    padding: 0 0 0 16px;
    background-position: 0 0;
}

.more {
    display: inline-block;
    background: url(../images/more.png) no-repeat 0 5px;
    margin: 0 0 0 3px;
    padding: 0 0 0 8px;
    text-decoration: underline;
}

ul.product-family {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.product-family li {
    padding: 4px 0 4px 13px;
    border-bottom: 1px #DCE1E4 solid;
    background: url(../images/arrow-right-blue.png) no-repeat 0 7px;
}

.margintop25 {
    margin-top: 25px;
}

.warenkorb-overlay {
    position: absolute;
    top: 0;
    right: -15px;
    background: #8CB502 url(../images/nav-warenkorb-bg.png) repeat-x !important;
    padding: 8px 12px 0 15px !important;
}

.warenkorb-link {
    width: 50px;
    padding-left: 0px !important;
}
.warenkorb-link>a {
    padding: 0 !important;
}

.nav-warenkorb {
    margin: 0;
}

.warenkorb-articles, .warenkorb-more {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff;
}

.warenkorb-articles hr {
    margin: 10px 0;
    border-color: #fff;
}

.warenkorb-articles span.product-name {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 18px;
}

.warenkorb-more {
    background: #A3C435;
    padding: 15px;
    color: #002F5D;
    border-top: 1px #B9DB49 solid;
}

.warenkorb-more a {
    color: #002F5D;
}

.warenkorb-more .button.blue.small {
    margin-top: 10px;
    display: inline-block;
}

.warenkorb-more .button.blue.small a {
    color: #fff;
}

.warenkorb-right {
    text-align: right;
    margin-top: -3px;
}

.warenkorb-more ul {
    margin-top: 0;
    margin-bottom: 0;
}

.warenkorb-more.row {
    margin: 15px -12px 0 -15px;
}

.warenkorb-more span strong {
    font-size: 13px;
}

.warenkorb-articles .blue-hint {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    padding: 0 7px;
}

.nav-warenkorb-margin {
    margin: -8px -12px -9px 0;
}

.fachhandwerker {
    background: url(../images/fachhandwerker-bg.png);
    background-repeat: no-repeat;
    width: 435px;
    padding: 15px;
}

.fachhandwerker h1 {
    margin-bottom: 15px;
    font-size: 24px;
}

.fachhandwerker h3 {
    margin-bottom: 0;
    margin-top: -3px;
}

.fachhandwerker li {
    background: url(../images/fachhandwerker-li.png) no-repeat 0 3px !important;
    padding: 0 0 0 26px !important;
    margin: 0 0 13px 0;
    color: #000;
}

.boxes {
    color: #fff;
    padding: 15px 15px 15px 30px;
    width: 180px;
    height: 56px;
    margin: 0 0 13px 0;
    display: block;
}

.boxes a, .boxes h2 {
    color: #fff;
}

.boxes h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

.boxes.produktfinder {
    background: url(../images/produktfinder.png) no-repeat;
}

.boxes.direktbestellung {
    background: url(../images/direktbestellung.png) no-repeat;
}

.boxes.shopangebote {
    background: url(../images/shopangebote.png) no-repeat;
}

.boxes.shopangebote span {
    font-size: 26px;
    line-height: 28px;
}

.kampus>.clearfix>.span2 {
    padding-left: 15px;
    width: 465px;
}
.kampus>.clearfix>.span8:last-child {
    width: 240px;
}

.buchung-form {
    padding-top: 39px;
}

.buchung-form>hr {
    border-color: #EEEEEE;
}

.schulung-buchen {
    padding-left: 255px;
}

.produkte-entdecken, .loesungen-finden {
    width: 480px;
    height: 279px !important;
    text-align: center;
    padding: 38px 0 0 0;
}

.produkte-entdecken h1, .loesungen-finden h1 {
    font-family: FrutigerLTW01-65Bold, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 44px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 13px;
    min-height: 88px;
}

.ru .produkte-entdecken h1,
.ru .loesungen-finden h1,
.pl .loesungen-finden h1 {
    width: 450px;
}

.produkte-entdecken h2, .loesungen-finden h2 {
    margin: 20px auto 0 auto;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    line-height: 23px;
    width: 460px;
}

.produkte-entdecken .icons img, .loesungen-finden .icons img {
    margin: 0 5px;
}

.produkte-entdecken hr, .loesungen-finden hr {
    width: 345px;
    margin: 0 auto;
    border-color: #386087;
}

.produkte-entdecken {
    background: url(../images/bg_produkte.png);
}

.loesungen-finden {
    background: url(../images/bg_loesungen.png);
}

h3 {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
}

/* Chat */

#chat header {
    position: relative;
    width: 100%;
    height: 74px;
}

#chat .logo-chat {
    position: absolute;
    top: 12px;
    right: 30px;
}

#chat .body-chat {
    background: #E8EBED;
    padding: 30px 0 30px 0;
}

.contact-person {
    background: #fff;
    height: 180px;
    margin: 0 30px 33px 30px;
}

.contact-info {
    padding: 15px;
    margin: 0 30px;
    background-color: #FFF;
}

.contact-person .chatting-with,  {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 18px;
    color: #002f5e;
}

.contact-person .person, #berater-popup .ansprechpartner .person {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 18px;
    color: #002f5e;
    margin: 20px 0 5px 0;
    line-height: 22px;
}

.contact-person.grey, .contact-person.grey .person {
    background: #666666;
    color: #fff;
}

.contact-person-pic {
    float: right;
    width: 120px;
    position: relative;
}

.contact-person-pic img {
    position: absolute;
    top: 0;
    left: 0;
}

.contact-person-pic img.arrow {
    top: 18px;
}

.contact-person-text {
    padding: 14px;
}

#chat .body-chat .box {
    margin: 0 0 10px 30px;
    padding: 12px;
    position: relative;
}

#chat .body-chat .box .arrow {
    position: absolute;
    top: 13px;
    left: -8px;
}

#chat .body-chat .box.me .arrow {
    left: auto;
    right: -8px;
}

#chat .body-chat .box .name {
    color: #002f5e;
    font-weight: bold;
}

#chat .body-chat .box.person {
    background: #fff;
}

#chat .body-chat .box.me {
    background: #F5F7F7;
}

#chat .body-chat .chat-text {
    background-color: #F4F5F6;
    margin: 10px 30px 0 30px;
    padding: 7px;
}

#chat .body-chat .chat-text .input {
    width: 282px;
    height: 26px;
    padding: 10px 0 0 10px;
    border: 0;
    vertical-align: middle;
}

#chat .body-chat .chat-text input[type=button] {
    width: 88px;
    height: 36px;
    color: #fff;
    background: url(../images/chat-button.png);
    border: 0;
    vertical-align: middle;
}

#chat .body-chat .scroll {
    height: 250px;
}

.left {
    width: 205px;
    margin: 20px 0 0 0;
}

.right {
    width: 705px;
    margin: 0 0 0 30px;
    padding-top: 20px;
 }

.meldung {
    border-left: 5px #002f5e solid;
    border-bottom: 1px #E8ECEF solid;
    padding: 10px 0 0 0;
    width: 462px;
}

.meldung .date {
    width: 50px;
    padding: 0 0 10px 10px;
}

.meldung .date .day, .day {
    font-size: 18px;
}

.meldung .headline {
    width: 382px;
    padding: 0 0 10px 0;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 14px;
}

table tr td {
    vertical-align: top;
}

.box-abstand {
    margin-bottom: 15px;
}

.box-dates {
    background: #E8ECEF url(../images/arrow/white/big_arrow_right.png) no-repeat -1px 16px;
    padding: 15px;
}

.box-dates h2 {
    font-family: FrutigerLTW01-55Roman, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
}

.termin {
    margin: 0 0 10px 0;
}

.box-blue-arrow {
    background: #002f5e;
    /*padding: 15px;*/
    position: relative;
    color: #fff;
}

.box-blue-arrow a {
    display: block;
    padding: 15px;
    color: #FFF;
    background-color: #002f5e;
}

.box-blue-arrow .headline {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.box-blue-arrow .headline a {
    color: #fff;
}

.box-blue-arrow.kampmann-heute .headline {
    margin-bottom: -5px;
}

.box-blue-arrow .headline.small {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    margin-bottom: 5px;
}

.box-blue-arrow.newsletter a {
    background:  url(../images/icon_newsletter.jpg) no-repeat 165px 12px, url(../images/arrow/white/big_arrow_right.png) no-repeat -1px 16px;
}

.box-blue-arrow.kampmann-heute a {
    background:  url(../images/icon_kamp_heute.jpg) no-repeat 165px 12px, url(../images/arrow/white/big_arrow_right.png) no-repeat -1px 16px;
}

.nav0-2 {
    font-family: FrutigerLTW01-55Roman, Arial, sans-serif;
    font-size: 16px;
}

.nav0-2 a {
    display: block;
    border-bottom: 1px #E8ECEF solid;
    padding: 10px 0 10px 15px;
    background: url(../images/arrow/blue/small_arrow_right.png) 0 4px no-repeat;
}

.nav0-2 a:hover, .nav0-2 a.active {
    background-image: url(../images/arrow/green/small_arrow_right.png);
    color: #8BB402;
}

.nav0-2 a.sub {
    border-bottom: none;
}

.nav0-3 a {
    font-size: 12px;
    background-image: none;
    margin-left: 16px;
    border: none;
    padding: 5px 0px;
}

.nav0-3 a:last-child {
    border-bottom: 1px solid #E8ECEF;
    padding-bottom: 25px;
}

.nav0-3 a:hover, .nav0-3 a.active {
    background-image: none !important;
}

.box-bg {
    background: url(../images/teaser_box.png);
    padding: 22px 15px;
}

.news-headline {
    margin-bottom: 30px;
    position: relative;
    width: 720px;
    margin-top: -20px;
    background: url(../images/teaser_box.png);
    background-position: right;
}

.news-headline .box {
    width: 195px;
    /*height: 283px;*/
    background: url(../images/teaser_box.png);
    padding: 22px 30px;
}

.news-headline .box *, .box-bg * {
    color: #fff;
}

.news-headline .headline, .box-bg h1 {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 24px;
    line-height: 28px;
}

.box-bg ul li {
    background: url(../images/icon_check.png) no-repeat left 2px;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}

.box-bg ul li h3 {
    margin-bottom: 2px;
}

.news-headline .top-news {
    position: absolute;
    top: 14px;
    right: 255px;
    background: #8BB402;
    padding: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-family: FrutigerLTW01-55Roman, Arial, sans-serif;
    font-size: 18px;
}

.news-headline .arrow {
    position: absolute;
    top: 34px;
    left: 465px;
    width: 10px;
    height: 22px;
    background: url(../images/arrow_green_left.png);
}

/* !!! WebCMS-Teil / WYSIWYG !!! ENDE */

.directedit {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 500;
}

#wysiwyg {
}

.content {
    font-size: 12px;
    padding: 10px;
    background-image: none !important;
    background-color: #fff !important;
}

.content a {
    color: #5692CC !important;
    text-decoration: none !important;
}

.content table tr td {
    font-size: 12px;
}

.randleiste_1 {
    background-image: none;
    background-color: #fff !important;
}

/**
* Templates
*/
.image-description {
    background-color: transparent;
    color: #000;
    padding: 5px;
}

.search_header {
    margin: 10px 0 10px 0;
}

.search_header .search_btn {
    border: 1px #F40045 solid;
    background-image: none;
    background-color: #ECEBEB;
}

.search_header input[name="searchterm"] {
    font-size: 18px;
    padding: 3px;
    width: 584px;
}

.search_header input[name="submit_search"] {
    float: right;
    margin-top: 9px;
    font-size: 16px;
}

.search_body {

}

.search_body h2 {
    margin-bottom: 15px;
}

.search_body .left * a, .search_body .right * a{
    color: #000;
}

.search_body .categories {
    border-bottom: 1px #C2C2C2 solid;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}

.search_body .categories .list {
    float: left;
    padding: 0 0 0 5px;
}

.search_body .left {
    float: left;
}

.search_body .left_standalone {
    float: left;
    width: 100%;
    margin: 0 10px 0 0;
}

.search_body .left .article, .search_body .left_standalone .article {
    padding: 10px 0 5px 5px;
    border-bottom: 1px #C2C2C2 solid;
    margin: 0 10px 0 0;
}

.search_body .article {
    border-bottom: 1px #C2C2C2 solid;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

.search_body .article > a {
    margin: 8px 0 0 0;
    display: inline-block;
    float: right;
}

.search_body .right {
    float: left;
    width: 49%;
}

.search_body .right .prod {
    padding: 0 0 5px 5px;
    border-bottom: 1px #C2C2C2 solid;
}

.search_body .right .image {
    float: left;
}

.search_body .right .desc {
    float: left;
}

.search.pager .current-page {
    font-weight: bold;

}

.search_body .search-term-highlight {
    font-weight: bold;
}

.search_body h2{
    font-size: 16px;
}

.img_left {
    border: 0 none;
    float: left;
    margin: 0 20px 20px 0;
}

.img_right {
    border: 0 none;
    float: right;
    margin: 0 0 20px 20px;
}

/* lightbox */

#fancybox-title,#fancybox-title-over {
    text-align: left;
    position: relative;
}

#fancybox-title span,#fancybox-title-over span {
    display: block;
}

#fancybox-title span.title,#fancybox-title-over span.title {
    font-weight: bold;
    font-size: 14px;
}


/* MessageStack */
#error {
    background-color: #ffe4e4;
    background-image: URL(../images/admin/error.jpg);
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid #ff0000;
    padding: 10px 10px 10px 55px;
    color: #ff0000;
    margin-bottom: 15px;
}

#ok {
    background-color: #cbffc4;
    background-image: URL(../images/admin/ok.jpg);
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid #3f9519;
    padding: 10px 10px 10px 55px;
    margin-bottom: 15px;
    color: #3f9519;
}

#info {
    background-color: #edf8fe;
    background-image: URL(../images/admin/info.jpg);
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid #2d6bb4;
    padding: 10px 10px 10px 55px;
    color: #2d6bb4;
    margin-bottom: 15px;
}

#error .meldungueber,
#ok .meldungueber,
#info .meldungueber { font-size: 20px; margin-bottom: 10px; }

#content #ok,
#content #info,
#content #error,
#fancybox-outer #ok,
#fancybox-outer #info,
#fancybox-outer #error,
#berater-popup #ok,
#berater-popup #info,
#berater-popup #error {
    background: none;
    background-color: #EEE;
    color: #000;
    padding: 10px;
    border: none;
    margin-top: 40px;
}

#overDiv>table {
    background-color: #002F5E;
}

#overDiv>table table {
    background-color: #FFFFFF;
}

#info li, #ok li, #error li {
    list-style: none;
    padding-bottom: 10px;
}

.marquee {
    display: block;
    width: 100%;
}

.marquee > div {
    overflow: hidden;
}

.marquee .content-container {
    white-space: nowrap;
}

.marquee .content-container div {
    display: inline;
}


#gallery-list-right,
#gallery-list-left {
    cursor: pointer;
}

#gallery-list-right.disabled,
#gallery-list-left.disabled {
    cursor: default;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clear:before,
.clear:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clear:after,
.clearfix:after {
    clear: both;
}

.clear,
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: none;
    }

    a[href]:after {
        display: none;
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

div.mceMiddle span {
    z-index: 50000000;
}

.divInfo .sortable div.drag {
    float: right !important;
}

.pdflink,
.doclink,
.pptlink,
.xlslink,
.jpglink {
    padding-left: 25px;
    padding-top: 0;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    display: inline-block;
}

.pdflink {
    background-image: url('../images/download_icons/pdf_files.gif');
}

.doclink {
    background-image: url('../images/download_icons/word_files.gif');
}

.pptlink {
    background-image: url('../images/download_icons/power_files.gif');
}

.xlslink {
    background-image: url('../images/download_icons/excel_files.gif');
}

.jpglink {
    background-image: url('../images/download_icons/jpg_files.gif');
}

/** neuer kontaktbaustein **/

.no-display {
    display: none;
}

#fancybox-content .contactform-wrap {
    /*padding: 40px;*/
}
.contactform-wrap .form-submit {
    padding: 10px 15px 0 0;
    text-align: right;
}

.contactform-wrap .form-submit input[type="submit"] {}

.contactform-wrap .form-required {
}

.contactform-wrap input, textarea, select {
    color: #000;
}

.contactform-wrap input[type="text"], .plz-search .plz input {
    -webkit-box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    height: 25px;
    border: 1px solid #D6D6D6;
    padding-left: 5px;
}

.plz-search .plz input {
    height: 20px;
    width: 73px;
}

.contactform-wrap textarea {
    -webkit-box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    border: 1px solid #D6D6D6;
    padding-left: 5px;
}

.contactform-wrap .form-captcha {
    padding: 0 0 10px 0;
}

.contactform-wrap .form-captcha-label {
    padding: 10px 0;
}

.contactform-wrap .form-captcha-label #captcha {
    background-image: url("../captcha.php");
    background-repeat: no-repeat;
    width: 100px;
}

.contactform-wrap .form-item {
    padding: 0 0 10px 0;
    width: 100%;
}

.contactform-wrap .form-item h2 {
    margin-bottom: 0px;
    margin-top: 15px;
}

.contactform-wrap .form-item:first-child {
    padding: 10px 0;
    width: 100%;
}

/* REFERENZEN */
.referenzen {
    margin: 30px 0 0 0;
}

.merkmale ul li {
    background: url(../images/bg-merkmale.png) no-repeat;
    padding: 15px 37px 10px 37px;
    margin: 0 5px 0 0;
}

.used-product {
    background: url(../images/bg-grey-gradient.png) repeat-x;
    padding: 15px 0;
}

.used-product h1 {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
}

.used-product h1 span {
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;
}

.used-product h1 img {
    margin: 0 0 0 7px;
    float: right;
}

.used-product h2 {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 14px;
    color: #000;
}

.gallery a {
    display: block;
    width: 105px;
    overflow: hidden;
    margin: 15px 0 0 15px;
    float: left;
}

.gallery a:first-child {
    margin-left: 0;
}

.referenz.tab-content {
    background: url(../images/background_referenzen.png) no-repeat;
    padding: 20px 15px 8px 15px;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 14px;
    margin-top: -26px;
    /*margin-bottom: 30px;*/
    color: #002f5e;
}

.referenz.tab-content * {
    vertical-align: middle;
}

.referenz.tab-content span.headline {
    font-size: 18px;
    display: inline-block;
    margin-left: 5px;
}

.referenz-icons {
    margin: 15px -12px 0 -3px;
}

.referenz-icons img {
    margin-right: 7px;
}
/* REFERENZEN ENDE */

/* HEADER */

.header-slider {
    position: relative;
    width: 975px;
    height: 390px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}

.header-slider .picture {
    width: 975px;
    height: 390px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.header-slider .overlay {

}

.header-slider .overlay.kampus {
    width: 480px;
}

.header-slider .overlay .box {
    width: 975px;
    position: absolute;
    top: 295px;
    left: 0;
}

.header-slider .overlay.kampus .box {
    width: 480px;
}

.header-slider .overlay .box-text {
    color: #fff;
    padding: 20px 30px 10px 15px;
    background: rgba(0, 47, 94, 0.9);
}

.header-slider .overlay.kampus .box-text {
    background: rgba(41, 155, 203, 0.9);
    border-bottom: 7px #fff solid;
}

.header-slider .overlay.kampus ul li {
    font-family: FrutigerLTW01-45Light;
    font-size: 16px;
    margin: 0 0 10px 0;
    background: url('../images/check-white.png') no-repeat 0px 2px;
    padding-left: 25px;
}

.kampus-termine {
    font-size: 14px;
}

.kampus-termine .available {
    color: #8cb502;
}

.kampus-termine .few {
     color: #c0b504;
 }

.kampus-termine .sold {
    color: #e10000;
}

.kampus-termine tr:first-child {
    height: 40px;
}

.kampus-termine tr {
    background: url(../images/detail-more-bg.png) repeat-x;
    height: 58px;
}

.kampus-termine tr:first-child {
    background: none;
    font-size: 12px;
}

.kampus-termine tr td {
    vertical-align: middle;
    min-width: 130px;
}

.kampus-termine tr td:first-child {
    padding-left: 13px;
    width: 407px;
}

.kampus-termine tr td:last-child {
    padding-right: 17px;
    text-align: right;
    font-size: 12px;
}

.kampus-termine tr:first-child td {
    color: #000;
}

.kampus-termine tr td {
    padding: 0px 0px 0px 0px;
}

.blue-bottom {
    background: rgba(41, 155, 203, 0.9);
    width: 480px;
    height: 7px;

}

.header-slider .overlay .box-text h1 {
    font-size: 24px;
    margin-bottom: 5px;
}

.header-slider .overlay .box-text h2 {
    font-size: 18px;
    line-height: 20px;
}

.header-slider .overlay .box-text * {
    color: #fff;
}

.header-slider .overlay .box .green-arrow {
    width: 18px;
    height: 9px;
    background: url(../images/arrow/green/biggest_arrow_down.png) no-repeat;
    margin-left: 30px;
}

.header-slider .nav {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
}

.berater {
    position: absolute;
    top: 30px;
    right: 15px;
    width: 240px;
    height: 180px;
}

.berater .contact-person {
    margin: 0;
    background-color: #fff;
}

.berater .contact-person.grey {
    background-color: #666666;
}

.berater .contact-person-text {
    width: 95px;
}

.berater .contact-person-text .person {
    margin-top: 0;
    margin-bottom: 10px;
}

.beratenlassen.no-person {
    display: none;
    margin-top: 180px;
}

.beratenlassen .greenbig {
    width: 180px;
}

.beratenlassen.grey .greenbig {
    width: 182px;
}

.beratenlassen.grey {
    border-top: 5px #fff solid;
}

/* HEADER ENDE */

/* Buttons! Anfang */

.btn {
    display: inline-block;
    padding: 7px 23px 6px 12px;
    background-repeat: no-repeat, repeat-x;
    background-position: right top, left top;

    background-image: url(../images/arrow/blue/small_arrow_right.png), url(../images/button-grey.png);
    color: #002f5e !important;
    border-left: 1px solid #DCDEDF;
    border-right: 1px solid #DCDEDF;
    -pie-background-image: url(../images/arrow/blue/small_arrow_right.png), url(../images/button-grey.png);
    behavior: url(/styles/PIE.htc);
}

.btn.no-arrow {
    background-image: url(../images/button-grey.png);
    background-repeat: repeat-x;
    background-position: left top;
}

.content .btn.blue,
.content .btn.green,
.content .btn {
    /*color: #222 !important;*/
}

.btn.blue {
    background-image: url(../images/arrow/white/small_arrow_right.png), url(../images/button-blue.png);
    color: #fff !important;
    border-left: 0px solid #475E76;
    border-right: 0px solid #475E76;
    -pie-background-image: url(../images/arrow/white/small_arrow_right.png), url(../images/button-blue.png);
    behavior: url(/styles/PIE.htc);
}

.btn.green {
    background-image: url(../images/arrow/white/small_arrow_right.png), url(../images/button-green.png);
    background-color: #85ad00;
    color: #fff !important;
    border-left: 1px solid #809E2B;
    border-right: 1px solid #809E2B;
}

.btn.arrow-left {
    padding: 7px 12px 6px 23px;
    background-position: 10px 12px, left top;

    background-image: url(../images/arrow/blue/small_arrow_left.png), url(../images/button-grey.png);
}

.btn.blue.arrow-left {

    background-image: url(../images/arrow/white/small_arrow_left.png), url(../images/button-blue.png);
}

.btn.green.arrow-left {

    background-image: url(../images/arrow/white/small_arrow_left.png), url(../images/button-green.png);
}

.btn.arrow-down {
    display: inline-block;
    padding: 7px 23px 6px 12px;
    background-repeat: no-repeat, repeat-x;
    background-position: right 14px, left top;

    background-image: url(../images/arrow/blue/small_arrow_down.png), url(../images/button-grey.png);
    color: #002f5e;
}

.btn.blue.arrow-down {
    background-image: url(../images/arrow/white/small_arrow_down.png), url(../images/button-blue.png);
    color: #fff;
}

.btn.green.arrow-down {
    background-image: url(../images/arrow/white/small_arrow_down.png), url(../images/button-green.png);
    color: #fff;
}

.btn.arrow-up {
    display: inline-block;
    padding: 7px 23px 6px 12px;
    background-repeat: no-repeat, repeat-x;
    background-position: right 14px, left top;

    background-image: url(../images/arrow/blue/small_arrow_up.png), url(../images/button-grey.png);
    color: #002f5e;
}

.btn.blue.arrow-up {
    background-image: url(../images/arrow/white/small_arrow_up.png), url(../images/button-blue.png);
    color: #fff;
}

.btn.green.arrow-up {
    background-image: url(../images/arrow/white/small_arrow_up.png), url(../images/button-green.png);
    color: #fff;
}

.btn.blue.v-card {
    width: 140px;
    padding: 7px 12px 6px 34px;
    background-position: 10px 9px, left top;
    margin-bottom: 5px;

    background-image: url(../images/icon_vcard.png), url(../images/button-blue.png);
    background-color: #003060;
}

.btn.blue.mail {
    width: 140px;
    padding: 7px 12px 6px 34px;
    background-position: 10px 9px, left top;

    background-image: url(../images/icon_mail.png), url(../images/button-blue.png);
    background-color: #003060;
}

/* Buttons! Ende */



#popup-focus {
    background-color: #000000;
    position: absolute;
    display: none;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    z-index: 400;
    top: 0;
    left: 0;
}

/* Popups for Header menu */
.popup {
    display: none;
    position: absolute;
    right: 7px;
    width: 363px;
    z-index: 705;
    top: 2px;
}

.popup .clearer{
    clear: both;
}

.popup .popup-header {
    background-color: #002F5E;
    padding: 3px 0 0 10px;
    color: #FFFFFF;
    height: 24px;
}

.popup .popup-header a {
    color: #FFFFFF;
    font-size: 14px !important;
}


.popup .popup-header a.close {
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.popup .popup-content, .popup .popup-bottom {
    background-color: #FFFFFF;
    padding: 10px 15px;
}

.popup .popup-bottom {
    padding-bottom: 15px;
}

.popup-box {
    position: absolute;
    z-index: 401;
    background-color: #FFF;
    left: 50%;
    margin-top: 50px;
    margin-left: -242px;
    width: 485px;
}

.popup-box .clearer{
    clear: both;
}

.popup-box .popup-header {
    background-color: #002F5E;
    padding: 5px 0 0 10px;
    color: #FFFFFF;
    height: 24px;
}

.popup-box .popup-header a {
    color: #FFFFFF;
    font-size: 14px !important;
}

.popup-box .popup-header a:first-child {
    text-transform: uppercase;
}

.popup-box .popup-header a.close {
    float: right;
    font-weight: bold;
    margin-right: 10px;
    font-size: 12px !important;
    margin-top: 1px;
}

.popup-box .popup-content, .popup .popup-bottom {
    background-color: #FFFFFF;
    padding: 10px 15px;
}

.popup-box .popup-bottom {
    padding-bottom: 15px;
}

/* account popup */
.popup.account, .popup.forgot-pwd {
    margin: 0;
    padding: 0;
    right: 105px;
    top: 4px;
    font-size: 12px;
}


.popup.account input {
    border: 1px solid #CCCCCC;
    color: #000000 !important;
    height: 25px;
    margin: 5px 10px 5px 0;
    padding-left: 10px;
    width: 190px;
    font-size: 11px;
}


.popup.account input:first-child {
    margin-top: 10px;
}

.popup.account .left {
    float: left;
    width: 210px;
}

.popup.account .right {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    width: 110px;
}

.popup-content > hr {
    border-top: 5px solid #ECEFF0;
}

.popup.account a.left {
    float: left;
    margin-top: 10px;
    width: 130px;
}

.popup.account a.right {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    width: 130px;
}

.popup.account .submit {
    background-color: #002F5E;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    height: 23px;
    padding: 2px 15px 0;
}

.popup.account .margin-left {
    margin-left: 10px;
}

.popup.account .bottom-left, .popup.account .bottom-left-last {
    float: left;
    width: 240px;
    margin-left: 10px;
}

.popup.account .bottom-left-last {
    width: 230px;
}

.popup.account .logo-right {
    bottom: 35px;
    position: absolute;
    right: 12px;
}

.popup.account .b2b-right {
    float: right;
}

.popup.account .submit.new-cust {
    margin-left: 14px;
}

.popup.account hr {
    margin: 15px 0;
}

/* forgot-pwd popup */
.popup.account .forgot-pwd {
    color: #000000;
    display: inline-block;
    font-size: 11px;
    margin-top: 18px;
    text-decoration: underline;
}

.popup.forgot-pwd .popup-content {
    padding: 10px 12px;
}

.popup.forgot-pwd {
    font-size: 11px;
}

.popup.forgot-pwd .submit {
    background-color: #002F5E;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    padding: 0 15px;
    width: 89px;
    float: right;
    margin-top: 15px;
}

.popup.forgot-pwd h1 {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 19px;
    padding: 0 !important;
}

.popup.forgot-pwd hr {
    margin: 10px 0 20px;
}

.popup.forgot-pwd input {
    border: 1px solid #CCCCCC;
    height: 25px;
    padding: 0 0 0 10px;
    width: 198px;
    font-size: 12px;
    float: left;
    margin-top: 15px;
}

.popup.forgot-pwd a.black {
    color: #000000;
    font-weight: bold;
}

.popup.forgot-pwd .highlight {
    background-color: #891D1F;
    color: #FFFFFF;
    margin-left: -5px;
    padding: 10px 5px;
}

.popup.forgot-pwd .highlight.grey {
    background-color: #D8D8D8;
    color: #000000;
}

.popup.payment, .popup.shipping {
    left: 250px;
    top: 200px;
    width: 500px;
}

.popup.payment .popup-header a.hide {
    text-transform: uppercase;
}

.popup.payment .popup-header a.close {
    font-size: 11px !important;
    margin-top: 3px;
}

.popup-header a.hide, .popup-header a.close {
    font-size: 11px !important;
    text-transform: uppercase;
}

.plz-search {
    background: #E3E6E8;
    padding: 15px 0 10px 0;
}

.plz-search .plz {
    display: block;
    width: 120px;
    padding: 0 15px;
    float: left;
    height: 27px;
}

.plz-search .produktbereich {
    display: block;
    width: 344px;
    padding: 0 15px;
    float: left;
    height: 27px;
}
.plz-search .produktbereich>.pull-left:first-child {
    height: 27px;
    line-height: 27px;
}

.plz-search .suchen {
    display: block;
    width: 151px;
    padding: 0 15px;
    text-align: right;
    float: left;
    height: 27px;
}

.ap-international {

}

.ap-international>.pull-left {
    width: 235px;
}

.ap-international>.pull-left>a {
    display: block;
    padding: 5px 0;
}

.contact {
    background: #F1F2F4;
    border-bottom: 5px #C2CACE solid;
}

.contact .headline {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 18px;
    color: #002f5e;
}

.contact .data {
    width: 300px;
    padding: 15px;
}

.contact .data .numbers tr td {
    padding: 0 0 2px 0;
}

.contact .picture {
    width: 125px;
}

.contact .buttons {
    width: 220px;
    padding: 15px;
    vertical-align: bottom;
}

#tonoticelistmessage {
    margin-top: 10px;
}

.kampus.detail h1 {
    margin-left: 10px;
}

.kampus {
    color: #002f5e;
}

.kampus h1 {
    font-size: 26px;
}

.kampus .seminarpreis {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 16px;
}

.kampus .seminarpreis .price {
    font-size: 26px;
}

.kampus ul.kampus-li li {
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 14px;
    background: url(../images/icon_check.png) no-repeat left 2px;
    margin: 0 0 5px 0;
    padding: 0 0 0 25px;
}


textarea.shadow {
    -webkit-box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    box-shadow: inset 1px 1px 6px 0 #D6D6D6;
    border: 0 none;
    min-width: 204px;
    min-height: 75px;
    border: 1px solid #D6D6D6;
    padding-left: 5px;
}

/* Shop und CMS Styles */
.detail-more-bg {
    background: url(../images/detail-more-bg.png) repeat-x;
    color: #000;
    padding: 7px 0 0 0;
}

.accordion-text-content .detail-more-bg {
    background: none;
}

.detail-more-bg h2 {
    font-size: 18px !important;
    margin-bottom: 15px;
    font-family: FrutigerLTW01-55Roman, Arial, sans-serif;
}

.detail-more-bg h3, .ResultProduct h3 {
    font-size: 18px !important;
    font-family: FrutigerLTW01-55Roman, Arial, sans-serif;
}

.detail-more-bg .price {
     font-size: 18px;
}

.detail-more-bg .col1 {
    padding: 20px 30px 0 15px;
    width: 225px;
}

.accordion-text-content .detail-more-bg .col1 {
    padding: 20px 30px 0 0;
    width: 225px;
}

.detail-more-bg .image {
    width: 115px;
}

.accordion-text-content .detail-more-bg .image {
    width: 225px;
}

.detail-more-bg .text {
    width: 305px;
    padding: 0 0 0 15px;
}

.accordion-text-content .detail-more-bg .text {
    width: 495px;
    padding: 0 0 0 15px;
}

.col4 {
    float: right;
    display: inline-block;
    width: 705px;
    margin: 0 0 0 0;
    padding: 20px 0 15px 0;
    border-bottom: 1px #DADEE1 solid;
}

.col2 {
    float: left;
    display: inline-block;
    width: 435px;
    padding: 22px 0 0 0;
}

.detail .col2 img {
    margin: -7px 0 0 8px;
}

.col3 {
    float: left;
    display: inline-block;
    width: 240px;
    padding: 23px 0 0 30px;
}

.col4 .col2 {
    padding-top: 0;
}

.col4 .col3 {
    padding-top: 0;
}

.accordion-text-content .col2 {
    width: 735px;
}

.accordion-text-content .col3 {
    width: 180px;
}

.accordion-text-content .col4 {
    width: auto;
    float: none;
    display: block;
}

.search-container.cmsshop {
    /*width: 371px;*/
}

.search-container input[name="searchparam"] {
    border: medium none;
    box-shadow: 1px 1px 6px 0 #D6D6D6 inset;
    margin: 0;
    padding: 7px 15px;
    width: 435px;
}

.price, .telnumber {
    font-size: 22px;
    font-weight: bold;
}

.article-no strong, .ResultProduct .article-no strong {
    font-size: 14px;
}
/* Shop und CMS Styles - Ende */

.customerservice.newrequest.table-left {
  float: left;
  margin: 0 40px 0 0;
}

.ersatzfilteranfrage .jSelectBox.outer {
    margin-bottom: 0;
}

.ersatzfilteranfrage table tr td:first-child {
    padding-left: 0;
}

.ersatzfilteranfrage table tr td {
    padding: 5px 40px;
    vertical-align: middle;
}

.search-head>#ajaxform {
    background-image: url("/images/custservice_bg_small.png");
    padding: 15px;
}

.search-head>#ajax-content .title {
    color: #97BF0D;
    font-size: 15px;
    margin-top: 25px;
    padding-left: 10px;
}

.search-head>#ajax-content .ansprechpartner {
    background-image: url("/images/custservice_bg_big.png");
    background-repeat: no-repeat;
    margin-top: 10px;
    padding: 15px;
}

.search-head>#ajax-content .ansprechpartner table,
.search-head>#ajax-content .ansprechpartner table td {
    background: none;
}



.into-shopping-cart {
    display: inline-block;
    background: url(../images/into-shopping-cart-bg.png) repeat-x;
    line-height: 42px;
    float: left;
    margin: 10px 0 5px 0;
    padding: 0 0 0 10px;
    width: 160px;
}

.into-shopping-cart select {
    margin: 0 10px 0 0;
}

.into-shopping-cart a {
    color: #fff;
}

.into-shopping-cart-bg {
    float: left;
    margin: 10px 0 0 0;
    background: url(../images/into-shopping-cart-bg.png) repeat-x;
}

input.small2 {
    background: url(../images/suchwaerme-input.png);
    width: 30px;
    height: 20px;
    margin: 0 8px 0 8px;
    padding: 0 0 0 5px;
    line-height: 20px;
}

div.orderlist {
    padding:  10px;
    background: #EAEDF2;
    color: #001542;
}

div.orderlist table {
    width: 100%;
}

div.orderlist table tr th {
    text-align: center;
    border-bottom: 1px #001542 solid;
}

div.orderlist table tr td:first-child {
    text-align: center;
}

div.orderlist table tr td input {
    width: 40px;
    text-align: center;
}

div.orderlist table tr td input.remove {
    width: 100px;
    border: 0;
    background: transparent;
    color: #001542;
    cursor: pointer;
}

div.orderlist table tr td.price {
    text-align: center;
}


/* overlay Merkliste */
.merkliste-overlay {
    position: absolute;
    top: 0;
    right: -15px;
    background: #013D79 url(../images/nav-merkliste-bg.png) repeat-x !important;
    padding: 7px 11px 0 15px !important;
}

.merkliste-overlay .merkliste-articles img.pull-right {
    margin-left: 10px;
    margin-top: 15px;
    width: 70px;
}

.merkliste-articles>div {
    position: relative;
}

.merkliste-articles>div .removeFromWatchlist {
    position: absolute;
    right: 10px;
    font-size: 10px;
    color: #97BF0D;
}

#fancybox-overlay {
    position: fixed !important;
}

.merkliste-link {
    width: 50px;
    height: 42px;
    padding-left: 0px !important;
    background: #002f5e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMmY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNkN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #002f5e 0%, #003d7a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002f5e), color-stop(100%,#003d7a));
    background: -webkit-linear-gradient(top,  #002f5e 0%,#003d7a 100%);
    background: -o-linear-gradient(top,  #002f5e 0%,#003d7a 100%);
    background: -ms-linear-gradient(top,  #002f5e 0%,#003d7a 100%);
    background: linear-gradient(to bottom,  #002f5e 0%,#003d7a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f5e', endColorstr='#003d7a',GradientType=0 );
    float: none !important;
    position: absolute;
    left: 190px;
}

.merkliste-link>a {
    padding: 0 !important;
}

.nav-merkliste {
    margin: 8px 0px 0px 14px;
}

.merkliste-articles, .merkliste-more {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff;
}

.merkliste-articles hr {
    margin: 10px 0;
    border-color: #fff;
}

.merkliste-articles a.product-name {
    color: #FFF;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    font-size: 18px;
}

.merkliste-more {
    background: #013D79;
    margin: 15px 0 0 0;
    padding: 15px 0;
    color: #fff;
    border-top: 1px #fff solid;
}

.merkliste-more a {
    color: #fff;
}

.merkliste-more .button.blue.small {
    margin-top: 10px;
    display: inline-block;
}

.merkliste-more .button.blue.small a {
    color: #fff;
}

.merkliste-right {
    text-align: right;
    margin-top: -3px;
}

.merkliste-more ul {
    margin-top: 0;
    margin-bottom: 0;
}

.merkliste-more ul li {
    background: url(../images/arrow/white/small_arrow_right.png) no-repeat 0 -8px;
    padding-left: 11px;
 }

.merkliste-more.row {
    margin: 15px -12px 0 -15px;
}

.merkliste-more span strong {
    font-size: 13px;
}

.merkliste-articles .blue-hint {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    padding: 0 4px;
    background: #8BB402
}

.nav-merkliste-margin {
    margin: 1px 0px 0px 0;
}
/* overlay Merkliste ENDE */

.productConfig {
    top: 218px !important;
}

/* Berater-PopUp */
#berater-popup {
    width: 680px;
    padding: 35px;
}

#berater-popup .formular {
    float: left;
    width: 400px;
    border-top: 5px #F1F2F4 solid;
    padding: 15px 0 0 0;
}

#berater-popup .ansprechpartner {
    float: left;
    margin: 0 0 0 40px;
    padding: 17px 0 34px 34px;
    width: 206px;
    background: #F1F2F4;
    border-bottom: 5px #C2CACE solid;
}

#berater-popup .ansprechpartner>div {
    padding-right: 20px;
}

#berater-popup .ansprechpartner .inner {
    padding: 0 34px 0 0;
    width: 171px;
}

#berater-popup .ansprechpartner .picture {
    margin: 5px 0 0 0;
}

#berater-popup .ansprechpartner .btn.blue.v-card {
    width: 115px;
    margin: 10px 0 0 0;
}

#berater-popup .ansprechpartner .btn.blue.mail {
    width: 115px;
    margin: 10px 0 0 0;
}

#berater-popup .phone {
    background: url('../images/icon_phone.png') no-repeat 1px 3px;
    padding: 0 0 0 25px;
    font-size: 16px;
    font-family: FrutigerLTW01-45Light, Arial, sans-serif;
    color: #002f5e;
    line-height: 22px;
}

#berater-popup .close {

}


/* Berater-PopUp ENDE */