@charset "UTF-8";
/* CSS Document */
/* commented backslash hides from ie5mac \*/
html {
    height  : 99.9%;
    margin  : 0;
    padding : 0; }

/* end hack */
html, body {
    padding     : 0;
    margin      : 0;
    font-size   : 11px;
    font-family : "Trebuchet MS", verdana, sans-serif; }

body {
    text-align       : left;
    /*min-width        : 860px; /* for mozilla*/
    background-color : #fff;
    height           : 100%; }

#icons-simple,
#icons-simple-02,
#icons-simple-03 {
    position          : absolute;
    border            : 0px solid #f00;
    height            : 47px;
    width             : 47px;
    background        : url("../images/icons-simple.png") 0 0;
    background-repeat : no-repeat;
    right             : 30px;
    top               : 49px; }

#icons-simple-02 {
    width             : 95px;
    background        : url("../images/icons-simple.png") -64px 0;
    background-repeat : no-repeat; }

#icons-simple-03 {
    width             : 95px;
    background        : url("../images/icons-simple.png") -170px 0;
    background-repeat : no-repeat; }

#wrapper {
    border           : 0px solid #f00;
    height           : 99%;
    min-height       : 99%;
    width            : 860px;
    text-align       : left;
    margin           : auto;
    position         : relative;
    overflow         : visible;
    background-color : #fff; }

/* Kontakt Block */
#form-links {
    position : relative;
    border   : 0x solid #f00;
    width    : 258px;
    height   : 300px;
    float    : left;
    padding  : 0px; }

#form-rechts {
    position    : relative;
    border      : 0px solid #f00;
    width       : 258px;
    height      : 300px;
    float       : left;
    margin-left : 10px;
    padding     : 0px; }

.kontakt_test #form-links,
.kontakt_test #form-rechts {
    height : auto; }

/* 9er Block */
#er-A1 {
    position          : relative;
    text-align        : center;
    vertical-align    : bottom;
    border-bottom     : 1px solid #000;
    width             : 172px;
    height            : 115px;
    float             : left;
    background        : url("../images/logos-kunden-slices.png") 0 0;
    background-repeat : no-repeat; }

#er-A2 {
    position          : relative;
    text-align        : center;
    vertical-align    : bottom;
    border-bottom     : 1px solid #000;
    width             : 172px;
    height            : 115px;
    float             : left;
    margin-left       : 7px;
    background        : url("../images/logos-kunden-slices.png") -170px 0;
    background-repeat : no-repeat; }

#er-A3 {
    position          : relative;
    text-align        : center;
    vertical-align    : bottom;
    border-bottom     : 1px solid #000;
    width             : 172px;
    height            : 115px;
    float             : left;
    margin-left       : 7px;
    background        : url("../images/logos-kunden-slices.png") -340px 0;
    background-repeat : no-repeat; }

#er-B1 {
    position          : relative;
    text-align        : center;
    margin-top        : 28px;
    vertical-align    : bottom;
    border-bottom     : 1px solid #000;
    width             : 172px;
    height            : 115px;
    float             : left;
    background        : url("../images/logos-kunden-slices.png") 0 -115px;
    background-repeat : no-repeat; }

#er-B2 {
    position          : relative;
    margin-top        : 28px;
    text-align        : center;
    vertical-align    : bottom;
    border-bottom     : 1px solid #000;
    width             : 172px;
    height            : 115px;
    float             : left;
    margin-left       : 7px;
    background        : url("../images/logos-kunden-slices.png") -170px -115px;
    background-repeat : no-repeat; }

#er-B3 {
    position          : relative;
    margin-top        : 28px;
    text-align        : center;
    vertical-align    : bottom;
    border-bottom     : 1px solid #000;
    width             : 172px;
    height            : 115px;
    float             : left;
    margin-left       : 7px;
    background        : url("../images/logos-kunden-slices.png") -340px -115px;
    background-repeat : no-repeat; }

#er-C1 {
    position          : relative;
    text-align        : center;
    margin-top        : 10px;
    vertical-align    : bottom;
    border-bottom     : 0px solid #000;
    width             : 172px;
    height            : 115px;
    float             : left;
    background        : url("../images/logos-kunden-slices.png") 0 -230px;
    background-repeat : no-repeat; }

#er-C2 {
    position       : relative;
    margin-top     : 10px;
    text-align     : center;
    vertical-align : bottom;
    border-bottom  : 0px solid #000;
    width          : 172px;
    height         : 115px;
    float          : left;
    margin-left    : 7px; }

#er-C3 {
    position       : relative;
    margin-top     : 10px;
    text-align     : center;
    vertical-align : bottom;
    border-bottom  : 0px solid #000;
    width          : 172px;
    height         : 115px;
    float          : left;
    margin-left    : 7px; }

/* mac hide \*/
* html #wrapper {
    width : 860px; }

/* end hide*/
html > body #wrapper {
    height : auto; }

/*for mozilla as IE treats height as min-height anyway*/
#outer-head {
    position : absolute;
    top      : 0px;
    left     : 5px;
    width    : 850px;
    height   : 100px;
    z-index  : 74;
    border   : 0px solid #f00; }

#head-login {
    position            : absolute;
    top                 : 50px;
    right               : 6px;
    width               : 590px;
    height              : 28px;
    padding-top         : 10px;
    z-index             : 74;
    border              : 0px solid #f00;
    text-align          : right;
    background-position : left;
    background-repeat   : no-repeat;
    vertical-align      : middle;
    cursor              : pointer; }

#outer-navi {
    position : absolute;
    top      : 100px;
    left     : 5px;
    width    : 285px;
    height   : 565px;
    z-index  : 74;
    border   : 0px solid #000; }

#navi-icons {
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 278px;
    height      : 143px;
    z-index     : 74;
    border-top  : 2px solid #b5b5b5;
    padding-top : 15px; }

#navi-tools {
    position      : absolute;
    top           : 141px;
    left          : 0px;
    width         : 278px;
    height        : 130px;
    z-index       : 74;
    border-top    : 2px solid #b5b5b5;
    border-bottom : 0px solid #b5b5b5; }

#navi-tools-subnavi {
    position      : absolute;
    top           : 287px;
    left          : 0px;
    width         : 278px;
    height        : 90px;
    z-index       : 74;
    border-bottom : 2px solid #b5b5b5; }

#navi-site {
    position      : absolute;
    /* top:419px; Stand über Unternehmenslösungen auf der Seite */
    top           : 485px;
    left          : 0px;
    width         : 278px;
    height        : 78px;
    z-index       : 74;
    text-align    : center;
    border-bottom : 2px solid #b5b5b5; }

/* Iconleiste */
#navi-site-neu {
    position      : absolute;
    top           : 392px;
    left          : 0px;
    width         : 278px;
    height        : 135px;
    z-index       : 74;
    border-bottom : 2px solid #b5b5b5; }

#icons-site[id] {
    position      : absolute;
    top           : 535px;
    left          : 0px;
    width         : 278px;
    height        : 27px;
    z-index       : 74;
    border-bottom : 2px solid #b5b5b5; }

/* IE 6 Unternehmenslösungen anpassen */
* html #icons-site {
    position       : absolute;
    top            : 535px;
    left           : 0px;
    width          : 278px;
    height         : 27px;
    z-index        : 74;
    padding-bottom : 0px;
    overflow       : hidden;
    border-bottom  : 2px solid #b5b5b5; }

#icons-site a.addthis_button_facebook_like,
#icons-site a.addthis_button_facebook,
#icons-site a.addthis_button_twitter,
#icons-site a.addthis_button_googlebuzz,
#icons-site a.addthis_button_email,
#icons-site a.addthis_button_compact,
#icons-site a.addthis_button_xing,
#icons-site a.addthis_button_google_plusone {
    filter          : alpha(opacity=50);
    -moz-opacity    : 0.5;
    -khtml-opacity  : 0.5;
    opacity         : 0.5;
    color           : #404042;
    text-decoration : none; }

#icons-site a.addthis_button_facebook_like:hover,
#icons-site a.addthis_button_facebook:hover,
#icons-site a.addthis_button_twitter:hover,
#icons-site a.addthis_button_googlebuzz:hover,
#icons-site a.addthis_button_email:hover,
#icons-site a.addthis_button_compact:hover,
#icons-site a.addthis_button_xing:hover,
#icons-site a.addthis_button_google_plusone:hover {
    filter          : alpha(opacity=100);
    -moz-opacity    : 1;
    -khtml-opacity  : 1;
    opacity         : 1;
    color           : #404042;
    text-decoration : none; }

#icons-site .addthis_separator {
    width  : 7px;
    margin : 0px;
    border : 0px solid #f00; }

/* IE 6 ausklammern über AttributHack  */
#navi-unternehmens[id] {
    position      : absolute;
    /* top:507px; Stand unten auf der Seite */
    top           : 419px;
    left          : 0px;
    width         : 278px;
    height        : 35px;
    z-index       : 74;
    border-top    : 2px solid #b5b5b5;
    border-bottom : 2px solid #b5b5b5;
    padding-top   : 18px; }

/* IE 6 Unternehmenslösungen anpassen */
* html #navi-unternehmens ul.navi-unternehmens {
    height        : 20px !important;
    margin-bottom : 2px; }

* html #navi-unternehmens {
    position      : absolute;
    top           : 419px;
    left          : 0px;
    width         : 278px;
    height        : 37px;
    z-index       : 74;
    border-top    : 2px solid #b5b5b5;
    border-bottom : 2px solid #b5b5b5;
    padding-top   : 18px; }

#outer-content {
    position      : absolute;
    top           : 97px;
    left          : 290px;
    width         : 565px;
    height        : 565px;
    z-index       : 74;
    border        : 0px solid #0f0;
    margin-bottom : 100px; }

/* Sprechblasen*/
#sprechblase-QF {
    position          : absolute;
    left              : 1px;
    top               : 145px;
    width             : 550px;
    height            : 178px;
    padding-left      : 10px;
    padding-right     : 50px;
    background-color  : #707c85;
    background        : url("../images/sprechblasen/sprechblase_QF.gif") 0 0;
    background-repeat : no-repeat;
    z-index           : 500; }

#sprechblase-HF-L {
    position          : absolute;
    left              : 1px;
    top               : 0px;
    width             : 270px;
    height            : 567px;
    padding-left      : 10px;
    padding-right     : 50px;
    background-color  : #707c85;
    background        : url("../images/sprechblasen/sprechblase_HF-L.gif") 0 0;
    background-repeat : no-repeat;
    z-index           : 500; }

#sprechblase-HF-L.short {
    background : url("../images/sprechblasen/sprechblase_HF-Kurz.png") no-repeat;
    height     : 281px; }

#sprechblase-HF-L-VIERTEL {
    position          : absolute;
    left              : 1px;
    top               : 0px;
    width             : 270px;
    height            : 423px;
    padding-left      : 10px;
    padding-right     : 50px;
    background-color  : #707c85;
    background        : url("../images/sprechblasen/sprechblase_HF-L-VIERTEL.gif") 0 0;
    background-repeat : no-repeat;
    z-index           : 1000; }

#sprechblase-HF-R {
    position          : absolute;
    padding-left      : 50px;
    padding-right     : 8px;
    left              : 244px;
    top               : 0px;
    width             : 263px;
    height            : 567px;
    border            : 0px solid #f00;
    background        : url("../images/sprechblasen/sprechblase_HF-R.gif") 0 0;
    background-repeat : no-repeat;
    z-index           : 500; }

#sprechblase-QF-O {
    position          : absolute;
    left              : 0px;
    top               : 0px;
    padding-left      : 10px;
    padding-right     : 20px;
    width             : 550px;
    height            : 410px;
    background-color  : #707c85;
    background        : url("../images/sprechblasen/sprechblase_QF-O.gif") 0 0;
    background-repeat : no-repeat;
    z-index           : 500; }

#sprechblase-QF-L {
    position          : absolute;
    padding-left      : 10px;
    padding-right     : 10px;
    left              : 0px;
    top               : 0px;
    width             : 410px;
    height            : 410px;
    background-color  : #707c85;
    background        : url("../images/sprechblasen/sprechblase_QF-L.gif") 0 0;
    background-repeat : no-repeat;
    z-index           : 500; }

/* Navi innerhalb der Sprechblase */
#sprech-navi,
#sprech-navi-resp {
    position : absolute;
    height   : 20px;
    border   : 0px solid #f00; }

#sprech-navi-resp {
    z-index : 1500; }

#sprechblase-HF-L #sprech-navi,
#sprechblase-HF-L #sprech-navi-resp {
    width  : 270px;
    bottom : 5px;
    left   : 10px; }

#sprechblase-HF-L-VIERTEL #sprech-navi,
#sprechblase-HF-L-VIERTEL #sprech-navi-resp {
    width  : 265px;
    bottom : 5px;
    left   : 10px; }

#sprechblase-HF-R #sprech-navi,
#sprechblase-HF-R #sprech-navi-resp {
    width  : 270px;
    bottom : 5px;
    left   : 50px; }

#sprechblase-QF-O #sprech-navi,
#sprechblase-QF-O #sprech-navi-resp {
    width  : 550px;
    bottom : 135px;
    left   : 10px; }

#sprechblase-QF #sprech-navi,
#sprechblase-QF #sprech-navi-resp {
    width  : 550px;
    bottom : 50px;
    left   : 10px; }

#sprechblase-QF-L #sprech-navi,
#sprechblase-QF-L #sprech-navi-resp {
    width  : 410px;
    bottom : 135px;
    left   : 10px; }

#content-full #sprech-navi,
#content-full #sprech-navi-resp {
    width  : 520px;
    bottom : 20px;
    left   : 20px; }

#sprech-navi-links {
    position : absolute;
    border   : 0px solid #00f;
    width    : auto; }

#sprech-navi-rechts {
    position : absolute;
    right    : 0px;
    border   : 0px solid #f0f;
    width    : auto;
    z-index  : 999; }

/* Fläche Content Full */
#content-full {
    position          : absolute;
    left              : 0px;
    top               : 0px;
    padding-left      : 20px;
    padding-right     : 20px;
    width             : 530px;
    height            : 570px;
    border            : 0px solid #f00;
    background        : url("../scl_images/scl_raster_bgd_voll.jpg") 0 0;
    background-repeat : no-repeat; }

/* Reihe A*/
#content-A1 {
    position         : absolute;
    left             : 0px;
    top              : 0px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") 0 0; }

#content-A2 {
    position         : absolute;
    left             : 143px;
    top              : 0px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -143px 0; }

#content-A3 {
    position         : absolute;
    left             : 286px;
    top              : 0px;
    width            : 140px;
    height           : 140px;
    z-index          : 200;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -286px 0; }

#content-A4 {
    position         : absolute;
    left             : 429px;
    top              : 0px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -429px 0; }

/* Reihe B */
#content-B1 {
    position         : absolute;
    left             : 0px;
    top              : 143px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") 0 -142px; }

#content-B2 {
    position         : absolute;
    left             : 143px;
    top              : 143px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -143px -142px; }

#content-B3 {
    position         : absolute;
    left             : 286px;
    top              : 143px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -286px -142px; }

#content-B4 {
    position         : absolute;
    left             : 429px;
    top              : 143px;
    width            : 140px;
    height           : 140px;
    z-index          : 200;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -429px -142px; }

#content-C1 {
    position         : absolute;
    left             : 0px;
    top              : 286px;
    width            : 140px;
    height           : 140px;
    z-index          : 200;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") 0px -284px; }

#content-C2 {
    position         : absolute;
    left             : 143px;
    top              : 286px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -143px -284px; }

#content-C3 {
    position         : absolute;
    left             : 286px;
    top              : 286px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -286px -284px; }

#content-C4 {
    position            : absolute;
    left                : 429px;
    top                 : 286px;
    width               : 140px;
    height              : 140px;
    background-position : center;
    background-color    : #707c85;
    background          : url("../images/raster_bgd.jpg") -429px -284px; }

#content-D1 {
    position         : absolute;
    left             : 0px;
    top              : 429px;
    width            : 140px;
    height           : 140px;
    z-index          : 2000;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") 0px -425px; }

#content-D2 {
    position         : absolute;
    left             : 143px;
    top              : 429px;
    width            : 140px;
    height           : 140px;
    background-color : #707c85;
    background       : url("../images/raster_bgd.jpg") -143px -425px; }

#content-D3 {
    position         : absolute;
    left             : 286px;
    top              : 429px;
    width            : 140px;
    background-color : #707c85;
    height           : 140px;
    background       : url("../images/raster_bgd.jpg") -286px -425px; }

#content-D4 {
    position            : absolute;
    left                : 429px;
    top                 : 429px;
    width               : 140px;
    height              : 140px;
    background-color    : #707c85;
    background-position : center;
    background          : url("../images/raster_bgd.jpg") -429px -425px; }

#content-testimonial {
    position         : absolute;
    height           : 275px;
    z-index          : 600;
    background-color : #707c85; }

/* DIV Navi unten */
#site-left {
    position       : absolute;
    top            : 13px;
    left           : 0px;
    width          : 150px;
    z-index        : 74;
    border         : 0px solid #f00;
    vertical-align : top; }

#site-right {
    position       : absolute;
    top            : 13px;
    left           : 150px;
    width          : 150px;
    z-index        : 74;
    border         : 0px solid #ff0;
    vertical-align : top; }

#navi-sprechblase {
    position       : absolute;
    right          : 15px;
    bottom         : 40px;
    width          : 300px;
    z-index        : 74;
    border         : 0px solid #ff0;
    text-align     : right;
    vertical-align : top; }

#navi-sprechblase-A3 {
    position       : absolute;
    right          : 15px;
    bottom         : 50px;
    width          : 300px;
    z-index        : 74;
    border         : 0px solid #ff0;
    text-align     : right;
    vertical-align : top; }

#navi-sprechblase-D1 {
    position       : absolute;
    right          : 15px;
    bottom         : 40px;
    width          : 300px;
    z-index        : 74;
    border         : 0px solid #ff0;
    text-align     : right;
    vertical-align : top; }

/** longcopy **/
#content-longcopy {
    position            : absolute;
    left                : 0px;
    top                 : 0px;
    width               : 562px;
    min-height          : 562px;
    height              : auto !important;
    /* für moderne Browser */
    height              : 562px;
    /*für den IE */
    background-color    : #fff;
    background-position : center;
    border              : 2px solid #b5b5b5;
    overflow            : visible;
    margin-bottom       : 100px; }

/** longcopy SPACER nach unten **/
#bott-spacer {
    position            : absolute;
    bottom              : -30px;
    width               : 1px;
    height              : 20px;
    /*für den IE */
    background-color    : #fff;
    background-position : center;
    border              : 0px solid #f00;
    overflow            : visible; }

#longcopy-head {
    position         : absolute;
    left             : 6px;
    top              : 25px;
    padding-left     : 14px;
    padding-top      : 37px;
    width            : 537px;
    height           : 50px;
    background-color : #3d929b; }

#navi-longcopy-head {
    position       : absolute;
    right          : 15px;
    top            : 62px;
    width          : 520px;
    z-index        : 74;
    border         : 0px solid #fff;
    text-align     : left;
    vertical-align : top; }

#longcopy-back {
    position : absolute;
    top      : 0px;
    right    : 0px;
    border   : 0px solid #f00; }

/* Content div */
#longcopy {
    position       : relative;
    margin         : 145px 20px 20px 20px;
    width          : 520px;
    *top           : 140px;
    *margin-bottom : 160px; }

/** tools NEU**/
/*
    Seitenrahmen rechts
*/
#content-tools-neu {
    position            : absolute;
    left                : 0px;
    top                 : 0px;
    width               : 562px;
    min-height          : 562px;
    height              : auto !important;
    /* für moderne Browser */
    height              : 562px;
    /*für den IE */
    background-color    : #fff;
    background-position : center;
    border              : 2px solid #b5b5b5; }

/*
    hellgraueFläche Tools
*/
#tools-head-neu {
    position         : relative;
    left             : 6px;
    top              : 25px;
    padding-top      : 20px;
    width            : 551px;
    text-align       : center;
    background-color : #eaeaea; }

/*
    Überschrift rechts
*/
#kopfzeile-tools-head-neu {
    position         : absolute;
    left             : 0px;
    top              : 0px;
    z-index          : 10 !important;
    padding-left     : 14px;
    padding-bottom   : 2px;
    padding-top      : 2px;
    width            : 537px;
    color            : #fff;
    text-align       : left;
    background-color : #b5b5b5;
    font-weight      : bold; }

/*
    Navigation rechts
*/
#navi-tools-head-neu {
    position         : relative;
    right            : 0px;
    top              : 0px;
    width            : 534px;
    padding-left     : 15px;
    padding-bottom   : 10px;
    z-index          : 74;
    border           : 0px solid #f00;
    text-align       : left;
    background-color : #eaeaea;
    vertical-align   : top; }

/*
    Navigation zurück
*/
#tools-back-neu[id] {
    position : absolute;
    top      : 0px;
    right    : 14px;
    border   : 0px solid #ff0; }

* html #tools-back-neu {
    position    : absolute;
    top         : 0px;
    margin-left : 500px;
    border      : 2px solid #100 !important; }

/*
    Copytext 
*/
#tools-longcopy-neu {
    position         : relative;
    text-align       : left;
    margin-top       : 40px;
    margin-left      : 18px;
    margin-bottom    : 10px;
    padding-right    : 10px;
    width            : 527px;
    *top             : 10px;
    *margin-bottom   : 160px;
    background-color : #fff;
    border           : 0px solid #00f; }

#tools-prev[id] {
    position            : absolute;
    top                 : 0;
    z-index             : 0;
    left                : 0px;
    border              : 0px solid #f00;
    width               : 50px;
    height              : 100%;
    background-position : center;
    background-repeat   : no-repeat;
    vertical-align      : middle;
    background-image    : URL("../images/pfeil_prev_o.png"); }

* html #tools-prev {
    position            : absolute;
    top                 : 0;
    z-index             : 0;
    left                : 0px;
    border              : 1px solid #f00;
    width               : 50px;
    height              : 100%;
    background-position : center;
    background-repeat   : no-repeat;
    vertical-align      : middle;
    background-image    : URL("../images/pfeil_prev_o.png"); }

#tools-next {
    position            : absolute;
    top                 : 0;
    z-index             : 0;
    right               : 0px;
    border              : 0px solid #f00;
    width               : 50px;
    height              : 100%;
    background-position : center;
    background-repeat   : no-repeat;
    vertical-align      : middle;
    background-image    : URL("../images/pfeil_next_o.png"); }

#tools-prev:hover {
    background-image : URL("../images/pfeil_prev.png"); }

#tools-next:hover {
    background-image : URL("../images/pfeil_next.png"); }

#spacer-footer {
    position   : absolute;
    margin-top : 20px;
    height     : 20px;
    width      : 500px;
    border     : 1px solid #f00;
    z-index    : 2000; }

/* Button Test Bullet

#but_test {
    position: absolute;
height: 150px;
width: 150px;
z-index: 99999;
border: 0px solid rgb(255, 0, 0);
bottom: 55px;
left:70px;
}

#but_test a {
   display: block;
   border: 0px solid #f00;
   height: 100%;
   background: url("../scl_images/but_test_n.png") no-repeat;
}

#but_test a:hover {
   background: url("../scl_images/but_test_o.png") no-repeat;
}
*/
#but_test {
    position : absolute;
    height   : 105px;
    width    : 219px;
    z-index  : 99999;
    border   : 0px solid red;
    bottom   : 105px;
    left     : 27px; }

#but_test a {
    display    : block;
    border     : 0px solid #f00;
    height     : 100%;
    background : url("../scl_images/but_hattie_n.png") no-repeat; }

#but_test a:hover {
    background : url("../scl_images/but_hattie_o.png") no-repeat; }

.kontakt_test p.small {
    margin-top  : 30px !important;
    font-size   : 12px !important;
    line-height : 18px !important;
    clear       : both;
    padding-top : 20px; }

/* Anpassung Login woktogetherliving  */
#head-login,
#outer-navi,
#outer-content div {
    display : none; }

#outer-content #sprechblase-HF-L {
    display : block; }

#outer-content {
    position      : absolute;
    top           : 0px;
    left          : 0px;
    width         : auto;
    height        : auto;
    z-index       : 74;
    border        : 0px solid #0F0;
    margin-bottom : 0px; }

#wrapper {
    position : absolute;
    left     : 0px;
    right    : 0px;
    margin   : auto;
    width    : 500px;
    border   : 0px solid #ED171A; }

#sprechblase-HF-L.short {
    background                      : none;
    border-width                    : 1px;
    border-style                    : none solid solid;
    border-color                    : #908E90;
    width                           : 500px;
    border-bottom-left-radius       : 15px;
    border-bottom-right-radius      : 15px;
    -moz-border-bottom-left-radius  : 15px;
    -moz-border-bottom-right-radius : 15px;
    -o-border-bottom-left-radius    : 15px;
    -o-border-bottom-right-radius   : 15px;
    margin-bottom                   : 30px;
    margin-top                      : 100px;
    box-shadow                      : 0px 3px 7px #A4A4A2;
    padding                         : 20px;
    box-sizing                      : border-box;
    background                      : #8298a2;
    /* Old browsers */
    background                      : -moz-linear-gradient(top, #8298a2 0%, #c1ccd2 33%, #86959d 100%);
    /* FF3.6+ */
    background                      : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8298a2), color-stop(33%, #c1ccd2), color-stop(100%, #86959d));
    /* Chrome,Safari4+ */
    background                      : -webkit-linear-gradient(top, #8298a2 0%, #c1ccd2 33%, #86959d 100%);
    /* Chrome10+,Safari5.1+ */
    background                      : -o-linear-gradient(top, #8298a2 0%, #c1ccd2 33%, #86959d 100%);
    /* Opera 11.10+ */
    background                      : -ms-linear-gradient(top, #8298a2 0%, #c1ccd2 33%, #86959d 100%);
    /* IE10+ */
    background                      : linear-gradient(to bottom, #8298a2 0%, #c1ccd2 33%, #86959d 100%);
    /* W3C */
    filter                          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#8298a2', endColorstr='#86959d', GradientType=0);
    /* IE6-9 */
    height                          : auto;
    min-height                      : 281px; }

#sprechblase-HF-L.short h2 {
    color : #000; }

#sprechblase-HF-L.short p {
    width      : 100% !important;
    min-height : 0px !important; }

#sprechblase-HF-L.short input {
    font-size     : 13px;
    height        : 32px;
    border        : 1px solid #647883;
    border-radius : 10px;
    background    : linear-gradient(to bottom, #F3F3F3 0%, #FFF 52%, #F3F3F3 100%) repeat scroll 0% 0% transparent;
    width         : 100%;
    margin-left   : -5px; }

#sprechblase-HF-L.short a.rechts-weiterbutton-breit-a {
    font-size     : 13px;
    height        : 32px;
    border        : 1px solid #647883;
    border-radius : 10px;
    background    : linear-gradient(to bottom, #F3F3F3 0%, #FFF 52%, #F3F3F3 100%) repeat scroll 0% 0% transparent;
    width         : 100%;
    margin-left   : -5px; }

#sprechblase-HF-L.short input:hover {
    border-color : #A3785C; }

#sprechblase-HF-L.short p.scl_errors {
    color : #fff !important;
    width : 464px !important; }

#sprechblase-HF-L.short p.hint {
    margin-top : 15px;
    font-size  : 12px;
    color      : #fff; }

#sprechblase-HF-L .scl_but_weiter,
#sprechblase-HF-L .scl_but_submit {
    position      : relative;
    padding       : 0px;
    background    : url("../../pics/xx_but-weiter.png") no-repeat scroll left top #fff !important;
    width         : 36px !important;
    height        : 36px !important;
    cursor        : pointer;
    float         : right;
    font-size     : 0em;
    color         : transparent;
    margin-top    : 5px;
    margin-left   : -2px;
    margin-bottom : 10px;
    opacity       : 0.6 !important;
    border-radius : 10px;
    border        : 1px solid #C1C9CE;
    margin-right  : 0px; }

#sprechblase-HF-L .scl_but_weiter:hover,
#sprechblase-HF-L .scl_but_submit:hover {
    filter              : alpha(opacity=100) !important;
    /* IE */
    -moz-opacity        : 1 !important;
    /* Mozilla */
    opacity             : 1 !important;
    /* Opera */
    background-color    : #D0BAAC !important;
    background-position : right top !important; }

#sprechblase-HF-L .scl_but_submit {
    background : url("../../pics/xx_but-login.png") no-repeat scroll left top #fff !important; }

#sprechblase-HF-L form label {
    display         : block;
    color           : #fff;
    font-size       : 13px;
    font-family     : "verdana", sans-serif;
    font-weight     : normal !important;
    text-decoration : none;
    line-height     : 18px;
    letter-spacing  : 0.05em;
    padding-bottom  : 5px; }

#sprechblase-HF-L form label a {
    color           : #CFCFCF;
    text-decoration : underline; }

#sprechblase-HF-L form label.scl_errors {
    color : #A3785C; }

#sprechblase-HF-L.short a.rechts-weiterbutton-breit-a {
    display         : block;
    width           : 400px !important;
    padding-left    : 20px;
    padding-top     : 7px;
    margin-top      : 5px;
    margin-bottom   : 5px;
    background      : url("../../pics/xx_button-weiter-breit-n.png") no-repeat scroll right top #fff !important;
    color           : #C1C9CE !important;
    font-size       : 13px;
    font-family     : "verdana", sans-serif;
    text-decoration : none;
    border-radius   : 10px;
    border          : 1px solid #C1C9CE;
    height          : 32px !important;
    min-height      : 32px;
    line-height     : 32px !important; }

#sprechblase-HF-L.short input.scl_checkbox {
    height       : auto;
    width        : auto;
    float        : left;
    margin-right : 10px;
    top          : 0px;
    margin-top   : 4px; }

#sprechblase-HF-L.short a.rechts-weiterbutton-breit-a:hover {
    color  : #A3785C !important;
    border : 1px solid #A3785C !important; }

#sprechblase-HF-L a.scl_neues_wtllogin {
    position      : relative;
    display       : block;
    padding       : 0px;
    background    : url("../../pics/xx_but-weiter.png") no-repeat scroll 420px top #fff !important;
    width         : 100% !important;
    height        : 36px !important;
    cursor        : pointer;
    float         : left;
    color         : transparent;
    margin        : 5px 0px 10px -2px;
    opacity       : 0.6 !important;
    border-radius : 10px;
    border        : 1px solid #C1C9CE;
    color         : #707F86;
    font-size     : 14px;
    line-height   : 35px;
    padding-left  : 10px;
    box-sizing    : border-box; }

#sprechblase-HF-L a.scl_neues_wtllogin:hover {
    background-color : #D0BAAC !important;
    border-color     : #A3785C !important;
    color            : #fff;
    opacity          : 1 !important; }

#outer-head.neutral {
    width : 300px; }

#sprechblase-HF-L div {
    display : block; }

.outer_counter {
    position : relative;
    height   : 30px;
    float    : right; }

.outer_counter ul {
    list-style-type : none;
    margin          : 0px;
    padding         : 0px;
    margin-top      : 70px; }

.outer_counter ul li {
    float            : left;
    border           : 1px solid #859BA5;
    display          : block;
    height           : 18px;
    width            : 18px;
    margin-left      : 6px;
    color            : #859BA5;
    background-color : #fff;
    text-align       : center;
    line-height      : 18px; }

.outer_counter ul li.active {
    background-color : #D0BAAC;
    color            : #fff;
    border           : 1px solid #A3785C; }

#sprechblase-HF-L.short h2.subhead-h2-conf {
    display        : block;
    width          : 100%;
    color          : #707070;
    font-size      : 13px;
    font-family    : "verdana", sans-serif;
    font-weight    : bold;
    margin-top     : -5px;
    margin-bottom  : -10px;
    padding-bottom : 4px;
    padding-top    : 5px;
    text-transform : uppercase;
    border-bottom  : 2px solid #8C8C8C;
    border-top     : 2px solid #8C8C8C;
    background     : url("pics/xx_icon-rechts-haken.png") no-repeat scroll right center transparent; }

#sprechblase-HF-L.short input.deact {
    opacity       : 0.6;
    border-color  : #8C8C8C;
    color         : #8C8C8C;
    margin-bottom : 15px; }

#sprechblase-HF-L.short .submit_left,
#sprechblase-HF-L.short .submit_right {
    color         : #647883;
    float         : left;
    height        : 35px;
    width         : 220px;
    text-align    : left;
    font-size     : 13px;
    padding-top   : 0px;
    padding-left  : 10px;
    margin-bottom : 15px;
    margin-top    : 15px;
    background    : url("../../pics/xx_button-weiter-schmall-tool.png") no-repeat scroll right top #fff;
    opacity       : 0.8;
    border-radius : 10px;
    border        : 1px solid #C1C9CE; }

#sprechblase-HF-L.short .submit_right {
    background : url("../../pics/xx_button-weiter-schmall-ok.png") no-repeat scroll right top #fff; }

#sprechblase-HF-L.short .submit_left:hover,
#sprechblase-HF-L.short .submit_right:hover {
    color   : #A3785C;
    opacity : 1.0; }

#sprechblase-HF-L.short .submit_right {
    float : right; }

#sprechblase-HF-L.short textarea {
    border-width     : 1px;
    border-style     : solid;
    width            : 100%;
    padding          : 5px;
    height           : 125px;
    background-color : #E7F2F5;
    color            : #A3785C;
    font-size        : 12px;
    font-family      : "verdana", sans-serif;
    border-radius    : 10px;
    margin-left      : -5px;
    border           : 1px solid #647883;
    background       : #b3bdc3;
    /* Old browsers */
    background       : -moz-linear-gradient(top, #b3bdc3 0%, #1c2730 100%);
    /* FF3.6+ */
    background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3bdc3), color-stop(100%, #1c2730));
    /* Chrome,Safari4+ */
    background       : -webkit-linear-gradient(top, #b3bdc3 0%, #1c2730 100%);
    /* Chrome10+,Safari5.1+ */
    background       : -o-linear-gradient(top, #b3bdc3 0%, #1c2730 100%);
    /* Opera 11.10+ */
    background       : -ms-linear-gradient(top, #b3bdc3 0%, #1c2730 100%);
    /* IE10+ */
    background       : linear-gradient(to bottom, #b3bdc3 0%, #1c2730 100%);
    /* W3C */
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3bdc3', endColorstr='#1c2730', GradientType=0);
    /* IE6-9 */ }

#sprechblase-HF-L .login-icon {
    display    : block;
    position   : absolute;
    width      : 60px;
    height     : 60px;
    right      : 20px;
    top        : 30px;
    background : url("../images/login_icon.png") center center no-repeat; }

/*
**
** Neue Login-Seiten
**
*/
#wrapper.wtg-living-login {
    width : 580px; }

#wrapper.wtg-living-login .short.login-button {
    width : 580px; }

#sprechblase-HF-L.short.login-button {
    background    : none;
    border-radius : 0;
    box-shadow    : none;
    border        : 0px solid red;
    padding       : 0 5px;
    box-sizing    : border-box;
    /*
    ** Navi Button
    */
    /*
    ** Footer
    */
    /*
    ** Form-Content
    */ }

#sprechblase-HF-L.short.login-button p.wtg-header {
    padding-top : 5px; }

#sprechblase-HF-L.short.login-button input {
    margin-left : 0; }

#sprechblase-HF-L.short.login-button .radient-wrap {
    padding : 0 2px; }

#sprechblase-HF-L.short.login-button .header.radient {
    display       : block;
    position      : relative;
    color         : white;
    line-height   : 20px;
    padding-left  : 10px;
    font-size     : 14px;
    font-weight   : bold;
    box-sizing    : border-box;
    top           : 0px;
    height        : 20px;
    width         : 100%;
    margin-left   : 0;
    border-bottom : 1px solid #000;
    border-right  : 1px solid #908E90;
    border-left   : 1px solid #908E90;
    background    : #9eb2bc;
    /* Old browsers */
    background    : -moz-linear-gradient(top, #9eb2bc 0%, #4c5f6a 80%, #576b76 100%);
    /* FF3.6+ */
    background    : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb2bc), color-stop(80%, #4c5f6a), color-stop(100%, #576b76));
    /* Chrome,Safari4+ */
    background    : -webkit-linear-gradient(top, #9eb2bc 0%, #4c5f6a 80%, #576b76 100%);
    /* Chrome10+,Safari5.1+ */
    background    : -o-linear-gradient(top, #9eb2bc 0%, #4c5f6a 80%, #576b76 100%);
    /* Opera 11.10+ */
    background    : -ms-linear-gradient(top, #9eb2bc 0%, #4c5f6a 80%, #576b76 100%);
    /* IE10+ */
    background    : linear-gradient(to bottom, #9eb2bc 0%, #4c5f6a 80%, #576b76 100%);
    /* W3C */
    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#9eb2bc', endColorstr='#576b76', GradientType=0);
    /* IE6-9 */
    border-top    : 1px solid #565c5f;
    box-shadow    : 0px 3px 7px rgba(0, 0, 0, 0.2); }

#sprechblase-HF-L.short.login-button .header.brand {
    text-transform : none;
    height         : 50px;
    padding        : 5px;
    margin         : 0px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background     : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkOTQ5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjODI5OGEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjOTlhY2I1IiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjYjhjN2NlIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODQ5MzliIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background     : -moz-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* FF3.6+ */
    background     : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d949e), color-stop(2%, #8298a2), color-stop(12%, rgba(153, 172, 181, 0.65)), color-stop(25%, rgba(184, 199, 206, 0.7)), color-stop(100%, #84939b));
    /* Chrome,Safari4+ */
    background     : -webkit-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* Chrome10+,Safari5.1+ */
    background     : -o-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* Opera 11.10+ */
    background     : -ms-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* IE10+ */
    background     : linear-gradient(to bottom, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* W3C */
    filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d949e', endColorstr='#84939b', GradientType=0);
    /* IE6-8 */
    box-shadow     : 0px 3px 7px #A4A4A2; }

#sprechblase-HF-L.short.login-button #navi-button {
    font-family : "verdana", sans-serif !important;
    display     : block;
    position    : relative;
    width       : 100%;
    margin-top  : 0px;
    border      : 0px solid red;
    margin      : 0;
    box-sizing  : border-box;
    margin-top  : 10px; }

#sprechblase-HF-L.short.login-button #navi-button .filter {
    display    : block;
    width      : 25%;
    float      : left;
    margin     : 0;
    border     : 0px solid green;
    text-align : center;
    padding    : 0px 5px;
    box-sizing : border-box; }

#sprechblase-HF-L.short.login-button #navi-button .filter .inner {
    border        : 1px solid #908E90;
    display       : block;
    position      : relative;
    border-radius : 15px;
    margin-bottom : 10px;
    box-shadow    : 0px 3px 7px rgba(0, 0, 0, 0.4);
    overflow      : hidden; }

#sprechblase-HF-L.short.login-button #navi-button .filter .inner .fulllink {
    display  : block;
    position : absolute;
    width    : 100%;
    height   : 100%;
    z-index  : 100; }

#sprechblase-HF-L.short.login-button #navi-button .filter .inner .img {
    height     : 100px;
    z-index    : 1;
    opacity    : 1;
    display    : block;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkOTQ5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjODI5OGEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjOTlhY2I1IiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjYjhjN2NlIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODQ5MzliIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background : -moz-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* FF3.6+ */
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d949e), color-stop(2%, #8298a2), color-stop(12%, rgba(153, 172, 181, 0.65)), color-stop(25%, rgba(184, 199, 206, 0.7)), color-stop(100%, #84939b));
    /* Chrome,Safari4+ */
    background : -webkit-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* Chrome10+,Safari5.1+ */
    background : -o-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* Opera 11.10+ */
    background : -ms-linear-gradient(top, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* IE10+ */
    background : linear-gradient(to bottom, #7d949e 0%, #8298a2 2%, rgba(153, 172, 181, 0.65) 12%, rgba(184, 199, 206, 0.7) 25%, #84939b 100%);
    /* W3C */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d949e', endColorstr='#84939b', GradientType=0);
    /* IE6-8 */
    position   : relative; }

#sprechblase-HF-L.short.login-button #navi-button .filter .inner .img span {
    opacity      : 0.5;
    position     : absolute;
    margin-left  : auto;
    margin-right : auto;
    left         : 0;
    right        : 0; }

#sprechblase-HF-L.short.login-button #navi-button .filter .inner .text {
    height      : 30px;
    padding     : 5px 0;
    line-height : 30px;
    font-size   : 14px;
    color       : #707F87;
    transition  : color 0.2s; }

#sprechblase-HF-L.short.login-button #navi-button .filter:hover .img, #sprechblase-HF-L.short.login-button #navi-button .filter.active .img {
    opacity             : 1;
    background          : #84553e;
    /* Old browsers */
    background          : -moz-linear-gradient(top, #84553e 0%, #9e6e55 50%, #6f4d38 100%);
    /* FF3.6+ */
    background          : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84553e), color-stop(50%, #9e6e55), color-stop(100%, #6f4d38));
    /* Chrome,Safari4+ */
    background          : -webkit-linear-gradient(top, #84553e 0%, #9e6e55 50%, #6f4d38 100%);
    /* Chrome10+,Safari5.1+ */
    background          : -o-linear-gradient(top, #84553e 0%, #9e6e55 50%, #6f4d38 100%);
    /* Opera 11.10+ */
    background          : -ms-linear-gradient(top, #84553e 0%, #9e6e55 50%, #6f4d38 100%);
    /* IE10+ */
    background          : linear-gradient(to bottom, #84553e 0%, #9e6e55 50%, #6f4d38 100%);
    /* W3C */
    filter              : progid:DXImageTransform.Microsoft.gradient(startColorstr='#84553e', endColorstr='#6f4d38', GradientType=0);
    /* IE6-9 */
    background-position : right bottom;
    transition          : background 0.2s; }

#sprechblase-HF-L.short.login-button #navi-button .filter:hover .text, #sprechblase-HF-L.short.login-button #navi-button .filter.active .text {
    color       : #A3785C;
    font-weight : bold;
    transition  : color 0.2s; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-login .img span {
    display         : block;
    background      : url("../images/login_sprites2x.png") no-repeat 0 -12px;
    background-size : 400px 160px;
    width           : 68px;
    height          : 56px;
    margin-top      : 20px;
    margin-left     : 25px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-login:hover .img span, #sprechblase-HF-L.short.login-button #navi-button .filter.btn-login.active .img span {
    background      : url("../images/login_sprites2x.png") no-repeat 0 -95px;
    background-size : 400px 160px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-mitmach-code .img span {
    display         : block;
    background      : url("../images/login_sprites2x.png") no-repeat -85px -4px;
    background-size : 400px 160px;
    width           : 47px;
    height          : 72px;
    margin-top      : 15px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-mitmach-code:hover .img span, #sprechblase-HF-L.short.login-button #navi-button .filter.btn-mitmach-code.active .img span {
    background      : url("../images/login_sprites2x.png") no-repeat -85px -87px;
    background-size : 400px 160px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-netzwerk .img span {
    display         : block;
    background      : url("../images/login_sprites2x.png") no-repeat -147px -3px;
    background-size : 400px 160px;
    width           : 111px;
    height          : 74px;
    margin-top      : 15px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-netzwerk:hover .img span, #sprechblase-HF-L.short.login-button #navi-button .filter.btn-netzwerk.active .img span {
    background      : url("../images/login_sprites2x.png") no-repeat -147px -86px;
    background-size : 400px 160px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-infos .img span {
    display         : block;
    background      : url("../images/login_sprites2x.png") no-repeat -275px -10px;
    background-size : 400px 160px;
    width           : 27px;
    height          : 59px;
    margin-top      : 20px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-infos:hover .img span, #sprechblase-HF-L.short.login-button #navi-button .filter.btn-infos.active .img span {
    background      : url("../images/login_sprites2x.png") no-repeat -275px -93px;
    background-size : 400px 160px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-monitoring .img span {
    display         : block;
    background      : url("../images/login_sprites2x.png") no-repeat -318px -7px;
    background-size : 400px 160px;
    width           : 82px;
    height          : 67px;
    margin-top      : 20px; }

#sprechblase-HF-L.short.login-button #navi-button .filter.btn-monitoring:hover .img span, #sprechblase-HF-L.short.login-button #navi-button .filter.btn-monitoring.active .img span {
    background      : url("../images/login_sprites2x.png") no-repeat -318px -92px;
    background-size : 400px 160px; }

#sprechblase-HF-L.short.login-button .footer-home {
    clear      : both;
    top        : 15px;
    padding    : 5px 4px;
    position   : relative;
    border-top : 1px solid #707F87;
}

#sprechblase-HF-L.short.login-button .footer-home a {
    font-size    : 10px;
    color        : #6A7D88;
    display      : inline-block;
    padding-left : 0px;
    padding-top  : 5px;
    padding-left : 7px;
    float        : left;
}

#sprechblase-HF-L.short.login-button .footer-home a.right {
    float : right;
}

#sprechblase-HF-L.short.login-button .login-content {
    padding        : 20px 10px 0;
    position       : relative;
    clear          : both;
    border         : 0px solid red;
    box-sizing     : border-box;
    letter-spacing : 0; }

#sprechblase-HF-L.short.login-button .login-content a,
#sprechblase-HF-L.short.login-button .login-content a.scl_neues_pw {
    font-size      : 14px !important;
    color          : #6A7D88;
    letter-spacing : 0;
    opacity        : 0.7 !important; }

#sprechblase-HF-L.short.login-button .login-content a:hover,
#sprechblase-HF-L.short.login-button .login-content a.scl_neues_pw:hover {
    opacity         : 1 !important;
    text-decoration : underline; }

#sprechblase-HF-L.short.login-button .login-content p, #sprechblase-HF-L.short.login-button .login-content h2, #sprechblase-HF-L.short.login-button .login-content form label {
    margin         : 0 0 10px;
    color          : #6A7D88 !important;
    font-size      : 14px;
    line-height    : 19px;
    letter-spacing : 0; }

#sprechblase-HF-L.short.login-button .login-content p.wtg-error, #sprechblase-HF-L.short.login-button .login-content h2.wtg-error, #sprechblase-HF-L.short.login-button .login-content form label.wtg-error {
    color       : red;
    font-weight : bold !important;
    width       : 100% !important; }

#sprechblase-HF-L.short.login-button .login-content p.scl_errors, #sprechblase-HF-L.short.login-button .login-content h2.scl_errors, #sprechblase-HF-L.short.login-button .login-content form label.scl_errors {
    width     : 100% !important;
    color     : white !important;
    font-size : 13px; }

#sprechblase-HF-L.short.login-button .login-content p a, #sprechblase-HF-L.short.login-button .login-content h2 a, #sprechblase-HF-L.short.login-button .login-content form label a {
    color     : #6A7D88;
    font-size : inherit !important;
    opacity   : 0.7; }

#sprechblase-HF-L.short.login-button .login-content p a:hover, #sprechblase-HF-L.short.login-button .login-content h2 a:hover, #sprechblase-HF-L.short.login-button .login-content form label a:hover {
    opacity         : 1;
    text-decoration : underline; }

#sprechblase-HF-L.short.login-button .login-content form label {
    opacity        : 0.7;
    padding-bottom : 0px;
    padding-top    : 5px; }

#sprechblase-HF-L.short.login-button .login-content p.wtg-footer,
#sprechblase-HF-L.short.login-button .login-content a.scl_neues_pw {
    font-size   : 11px;
    line-height : 14px;
    position    : relative;
    top         : 10px; }

#sprechblase-HF-L.short.login-button .login-content p.wtg-footer.hint {
    float : none;
    clear : both;
}

#sprechblase-HF-L.short.login-button .login-content .pw_hint_text {
    font-size   : 11px;
    line-height : 14px;
    position    : relative;
    top         : 5px;
    width       : 90% !important;
    box-sizing  : border-box; }

#sprechblase-HF-L.short.login-button .login-content h2 {
    color  : #A3785C;
    margin : 0 0 5px; }

#sprechblase-HF-L.short.login-button .login-content a.rechts-weiterbutton-breit-a {
    margin-bottom : 20px;
    width         : 100% !important;
    font-size     : 13px !important;
    height        : 33px;
    color         : #A3785C !important;
    box-sizing    : border-box;
    opacity       : 1 !important;
    border        : 1px solid #647883;
    border-radius : 10px;
    font-family   : "verdana", sans-serif;
    line-height   : 29px !important; }

#sprechblase-HF-L.short.login-button .login-content a.rechts-weiterbutton-breit-a:hover {
    text-decoration : none; }

#sprechblase-HF-L.short.login-button .login-content a.rechts-weiterbutton-breit-a,
#sprechblase-HF-L.short.login-button .login-content .mitmach-submit {
    padding      : 0;
    text-align   : left;
    padding-left : 8px;
    height       : 33px;
    cursor       : pointer;
    position     : relative;
    background   : transparent url("../scl_images/but_senden_pfeile.png") no-repeat scroll right center; }

#sprechblase-HF-L.short.login-button .login-content input {
    box-sizing : border-box; }

#sprechblase-HF-L.short.login-button .blend {
    opacity        : 0.5;
    pointer-events : none; }

#sprechblase-HF-L.short.login-button .blend:hover .img span, #sprechblase-HF-L.short.login-button .blend.active .img span {
    pointer-events : none; }

@media only screen and (max-width : 600px) {
    #wrapper.wtg-living-login {
        width      : 100%;
        box-sizing : border-box; }

    #wrapper.wtg-living-login .short.login-button,
    #wrapper.wtg-living-login #outer-head.neutral,
    #wrapper.wtg-living-login #outer-content {
        width      : 100%;
        box-sizing : border-box;
        padding    : 0 20px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter {
        width : 50%; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-login .img span {
        margin-left : auto; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short {
        margin-top : 80px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button .login-content p, #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button .login-content a {
        font-size   : 12px !important;
        line-height : 18px !important; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button .login-content a.rechts-weiterbutton-breit-a {
        padding-top    : 6px !important;
        height         : auto !important;
        padding-bottom : 6px !important; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter .inner .img {
        height : 75px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-login .img span {
        background      : url("../images/login_sprites2x.png") no-repeat 0 -8px;
        background-size : 281px 112px;
        width           : 48px;
        height          : 39px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-login:hover .img span, #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-login.active .img span {
        background      : url("../images/login_sprites2x.png") no-repeat 0 -66px;
        background-size : 281px 112px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-mitmach-code .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -60px -2px;
        background-size : 281px 112px;
        width           : 32px;
        height          : 51px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-mitmach-code:hover .img span, #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-mitmach-code.active .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -60px -61px;
        background-size : 281px 112px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-netzwerk .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -103px -2px;
        background-size : 281px 112px;
        width           : 78px;
        height          : 52px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-netzwerk:hover .img span, #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-netzwerk.active .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -103px -60px;
        background-size : 281px 112px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-infos .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -193px -7px;
        background-size : 281px 112px;
        width           : 20px;
        height          : 41px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-infos:hover .img span, #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-infos.active .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -193px -65px;
        background-size : 281px 112px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-monitoring .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -222px -5px;
        background-size : 281px 112px;
        width           : 58px;
        height          : 48px; }

    #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-monitoring:hover .img span, #wrapper.wtg-living-login #sprechblase-HF-L.short.login-button #navi-button .filter.btn-monitoring.active .img span {
        background      : url("../images/login_sprites2x.png") no-repeat -222px -64px;
        background-size : 281px 112px; }
}

/*# sourceMappingURL=layout.css.map */