.anbu {display: none !important;}



/* style.scss */
/* color variables */
/* mixins for use in different circumstances */
/* css for overall site design */
/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
sup {
    vertical-align: top;
    font-size: 0.6em;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* general font styling */

body {
    font: 14px/18px "Titillium Web", Arial, Helvetica, sans-serif;
    color: #5f5f5f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #343434;
    font-weight: 600;
}
h1.line,
h2.line,
h3.line,
h4.line,
h5.line,
h6.line,
strong.line,
span.line {
    border-bottom: 1px solid #eaeaea;
    line-height: 140%;
}
h1 {
    font: 24px/120% Georgia, serif;
    margin: 0 0 9px;
}
h1.indent {
    position: relative;
    top: 2px;
    width: auto;
    margin: 0 0 15px;
}
h1.indent:first-letter {
    /*margin-left: 41px;*/
}
h2 {
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 15px;
}
h2.section-separator {
    border-bottom: 1px solid #eaeaea;
    clear: both;
    color: #343434;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    margin: 0 0 20px;
    width: 100%;
}
h2.abnormal {
    font-family: "Georgia", serif;
    font-weight: 400;
    color: #343434;
    border-bottom: 1px solid #eaeaea;
    margin: 0 0 20px;
    padding: 0 0 4px;
}
h2 a {
    /*  color: #343434; */

    color: #399bec;
}
h2 a:hover {
    text-decoration: none;
}
h3 {
    font-size: 14px;
    line-height: 100%;
}
h3 a {
    /*  color: #343434; */

    color: #399bec;
}
h3 a:hover {
    text-decoration: none;
}
.info-block h3 {
    font: 16px/22px "Georgia", serif;
    margin: 0 0 12px;
}
h4 {
    color: #343434;
}
.alert.no-data {
    margin: 10px 0;
}

strong {
    font-weight: 600;
    color: #5f5f5f;
}
strong.title {
    display: block;
}
strong.sub-title {
    color: #5f5f5f;
}
p {
    font-size: 14px;
    line-height: 130%;
    margin: 0 0 15px;
    color: #5f5f5f;
}
p strong {
    color: #5f5f5f;
}
.clear:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.pagination {
    display: block;
}

.mm-sronly {
    display: none !important;
    visibility: hidden !important;
}

/* BOOSTRAP MODAL FIX */
body.modal-open .mm-slideout {
    z-index:inherit;
}

#bannerfixed {
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 20;
    /* height: 64px; */

    text-align: center;
    line-height: 64px;
    font-size: 26px;
    overflow: hidden;
}
#bannerfixed div {
    position: relative;
}
#bannerfixed div img {
    position: absolute;
    top: -14px;
    left: 55px;
}
#bannerfixed p {
    line-height: 28px;
    font-size: 24px;
    min-height: 28px;
    color: inherit !important;
    margin: 30px 120px;
}
#bannerfixed .closebutton {
    position: absolute;
    right: 20px;
    top: 50%;
    line-height: 26px;
    margin-top: -13px;
}
/* Dachzeile/kicker used on top of a headline */

.kicker {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 15px;
}
.kicker a {
    color: #5f5f5f;
}
.kicker .date {
    margin: 0;
    background: none;
}
.position {
    margin: 4px 0 0 0;
}
.tooltipkonii {
    font-size: 12px;
    color: #959595;
    margin: 0;
}
li.tooltipkonii {
    margin: 0 0 10px 23px;
}
.email {
    margin: 0 0 4px 0;
    font-weight: 600;
}
a {
    text-decoration: none;
    color: #399bec;
}
a.company-link {
    /* color: #5f5f5f; */

    color: #399bec;
}
a.blacklink {
    color: #5f5f5f;
}
a.blacklink:hover {
    color: #399bec;
    text-decoration: none;
}
.extra-margin-top {
    margin-top: 20px;
}
a:hover {
    text-decoration: underline;
}
a:active {
    background-color: transparent;
}
input,
textarea,
select {
    vertical-align: middle;
    color: #000;
}
/* general layout styles */

body {
    margin: 0;
    background: #fff;
}
input[type="text"],
input[type="password"] {
    outline: 0;
}
input[type="submit"]:hover {
    cursor: pointer;
}
.hidden {
    display: none;
}
.alignleft {
    float: left;
}
a.none-visual-link:hover {
    text-decoration: none;
    color: #5f5f5f;
}
hr {
    border: 0;
    border-top: 1px solid #d4d4d4;
    margin: 11px 0 7px 0;
    display: block;
    /*float: left;*/
    width: 100%;
    outline: none;
}
.show-all-bar {
    float: left;
    width: 100%;
    margin: 40px 0 15px 0;
}
.show-all-bar a {
    float: right;
}
/*
.show-all-bar:last-child {
    margin: 0;
}*/
.list {
    list-style: square;
    margin: 0 0 0 15px;
}
.list li {
    line-height: 130%;
}
.list li label {
    float: none;
    margin: 0;
    display: inline;
}
.list.checkbox {
    list-style: none;
    margin: 0;
    width: 100%;
}
.list.checkbox li {
    clear: both;
    margin: 0 0 12px 0;
}
.list.checkbox li input[type="checkbox"],
.list.checkbox li .custom-checkbox {
    margin: 1px 0 0 0;
}
.list.checkbox li label {
    display: block;
    padding: 0 0 0 24px;
}
.sort-alphabetical {
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}
.sort-alphabetical li {
    float: left;
    min-width: 3.27%;
    text-align: center;
}
.sort-alphabetical li a {
    color: #5f5f5f;
}
.sort-alphabetical li a:hover {
    cursor: pointer;
}
.sort-alphabetical li:first-child {
    width: 5%;
    margin: 0 0 0 3%;
}
.sort-alphabetical li:last-child {
    margin: 0 3% 0 0;
}
.sort-alphabetical li.active a {
    color: #399bec;
    cursor: default;
}
.sort-alphabetical li.active a:hover {
    text-decoration: none;
}
.square-bullets {
    margin: 10px 0 10px 0;
}
.square-bullets li {
    background: url("../images/sprite.png?v=2") no-repeat -1424px -438px transparent;
    margin: 0 0 6px 4px;
    padding: 0 0 0 12px;
    font-size: 14px;
    line-height: 16px;
}
.single-heading {
    background: url("../images/bg-multi-step-form-heading.png") repeat-x scroll 0 0;
    margin: 0;
    overflow: hidden;
    padding: 9px 13px 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    margin: 25px 0 15px 0;
    /*float: left;
    width: 717px;*/
    width: 100%;
}
.single-heading h3 {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
}
.single-heading:first-child {
    margin: 0 0 15px 0;
}
.profile-picture {
    float: left;
    margin: 0 15px 0 0;
}
.widget .profile-picture {
    margin: 0 5px 7px 7px;
}
.logo-subline {
    position: absolute;
    left: 6px;
    /*bottom: 14px;*/

    bottom: 0;
    display: none;
}
.logo-subline a {
    font-family: Georgia;
    color: #ccc;
    font-size: 18px;
}
.logo-subline a:hover {
    text-decoration: none;
}
.logo {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 160px;
    height: 100%;
    max-height: 100px;
    overflow: hidden;
    margin: 30px auto 30px auto;
}

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

.footer-logo {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 206px;
    height: 100%;
    max-height: 100px;
    overflow: hidden;
    margin: 30px auto 40px auto;
}

.footer-logo {
    display: block;
    background: url(../images/konii-logo.svg) no-repeat 0 0;
    width: 165px;
    height: 80px;
    margin: 0 0 30px 0;
}
.footer-logo a,
.logo a {
    display: block;
    height: 100%;
}
.date {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    background: url("../images/separator02.png") no-repeat 100% 3px;
    padding: 0;
    margin: 0 1px 11px 0;
}
.date .title {
    font-weight: 600;
}
.required-field-key {

    clear: both;
    color: #959595;
    font-size: 12px;

    margin: 20px 0 0 0;
    /*position: absolute;*/
}
.column20 {
    width: 18%;
    margin-right: 2%;
    float: left;
}
.column20:last-child {
    width: 20%;
    margin: 0;
}
.column30 {
    width: 27%;
    margin-right: 3%;
    float: left;
}
.column30:last-child {
    width: 30%;
    margin: 0;
}
.column33 {
    width: 30%;
    margin-right: 3.3%;
    float: left;
}
.column33:last-child {
    width: 33.3%;
    margin: 0;
}
.column40 {
    width: 37%;
    margin-right: 3%;
    float: left;
}
.column40:last-child {
    width: 40%;
    margin: 0;
}

.column60 {
    width: 57%;
    margin-right: 3%;
    float: left;
}
.column60:last-child {
    width: 60%;
    margin: 0;
}
.column66 {
    width: 63.3%;
    margin-right: 3.3%;
    float: left;
}
.column66:last-child {
    width: 66.6%;
    margin: 0;
}
.column70 {
    width: 67%;
    margin-right: 3%;
    float: left;
}
.column70:last-child {
    width: 70%;
    margin: 0;
}
.column80 {
    width: 77%;
    margin-right: 3%;
    float: left;
}
.column80:last-child {
    width: 80%;
    margin: 0;
}
.column100 {
    width: 100%;
    margin: 0;
    float: left;
}
.wrapper {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.w1 {
    width: 100%;
    display: table-row;
}
.w2 {
    display: table-cell;
}
#main {
    overflow: visible;
    background: #fff;
    min-height: 450px;
    padding-top: 10px;
}

.main-holder {
    margin: 0 0 46px;
    /* padding: 203px 0 0; */
}

    .mainholder-home .main-holder {
        /* padding: 150px 0 0; */
    }

    .loggedin .main-holder {
        /* padding-top: 200px; */
    }
.manage-block {
    width: 100%;
}
.manage-block .back-to-search {
    line-height: 14px;
    font-weight: 600;
    margin: 0 0 0 20px;
}
.manage-block .breadcrumbs {
    padding: 0;
    margin: 20px 0 25px 0;
    list-style: none;
    float: left;
    width: auto;
    color: #343434;
    font-size: 13px;
    line-height: 15px;
}
.manage-block .breadcrumbs li {
    float: left;
    padding: 0 0 0 12px;
    margin: 0 7px 0 0;
    position: relative;
}
    .manage-block .breadcrumbs li:before {
        content: "/";
        display: inline-block;
        position: absolute;
        left: 0;
    }
.manage-block .breadcrumbs li:first-child {
    background: none;
    padding-left: 0;
}
    .manage-block .breadcrumbs li:first-child:before {
        display: none;
    }
.manage-block .breadcrumbs a {
    color: #5f5f5f;
}
.manage-block .breadcrumbs a.link {
    color: #4eabf8;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    font-weight: 600;
}
#twocolumns {
    padding: 0 0 0 4px;
}
#twocolumns:after {
    content: "";
    display: block;
    clear: both;
}
/*
#content {
  float: left;
  width: 743px;}
*/
/*.info-block {
      h2 {
              font-size: 14px;
              line-height: 18px;
              border-bottom: 1px solid #eaeaea;
              margin: 0 0 20px;
              font-weight: 600;
              color: $standard-text-color;
              width: 100%;
              clear: both;
      }
}*/

#content .text .alignleft {
    float: left;
    margin: 2px 17px 5px 0;
}
#content .text em {
    font-style: italic;
}
.info-block,
.section {
    margin: 0 0 30px;
    float: left;
    width: 100%;
}
/*
.info-block.extended,
.section.extended {
    width: 110%;
}*/
.info-block img,
.section img {
    vertical-align: top;
}
.info-block .header h2,
.section .header h2 {
    float: left;
}
.info-block .info-row,
.section .info-row {
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 0 -2px;
}
.info-block .info-row a,
.section .info-row a {
    color: #5f5f5f;
    font-weight: 400;
}
.info-block .info-row a:hover,
.section .info-row a:hover {
    text-decoration: underline;
}
.info-block .info-row .number,
.section .info-row .number {
    display: inline-block;
    vertical-align: top;
    background: url("../images/sprite.png?v=2") no-repeat -43px -219px;
    width: 60px;
    padding: 6px 2px 7px 27px;
    position: relative;
    font: 600 11px/13px "Titillium Web", Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0 9px 0 0;
}
.info-block .info-row .number:before,
.section .info-row .number:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 7px;
    background: url("../images/sprite.png?v=2") no-repeat -132px -48px;
    height: 10px;
    width: 15px;
}
.article {
    margin: 0 0 10px;
    float: left;
    width: 100%;
}
.article .info {
    overflow: hidden;
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 15px;
}
.article .info .date {
    font-style: normal;
}
.article .info p {
    margin: 0;
}
.article .info a {
    color: #5f5f5f;
}
.article .sub-title {
    display: block;
    font-weight: 600;
    margin: 0 0 15px;
}
/*.row {
  float: left;
  display: block;
  width: 100%; }*/

.sharing-bar {
    margin: 10px 0 23px;
    padding: 0;
    float: left;
    height: 40px;
    width: 100%;
}
.sharing-bar .button {
    margin: 0 7px 0 0;
}
.sharing-bar .plugin-holder {
    float: right;
    text-align: right;
    padding: 0;
    position: relative;
    z-index: 1;
}
.sharing-bar .plugin-holder img {
    vertical-align: top;
}
.sharing-bar .xing-holder {
    float: right;
    margin-left: 8px;
    width: 28px;
    height: 28px;
    background: #005658;
    margin-top: 6px;
}
.sharing-bar .xing-holder iframe {
    margin: 3px 0 0 4px;
}
.sharing-bar .like-buttons,
.lb-share .like-buttons {
    position: relative;
    float: left;
    width: auto;
}
.sharing-bar .like-buttons li,
.lb-share .like-buttons li {
    float: left;
    margin: 8px -10px 5px 0;
    overflow: visible;
}
.sharing-bar .like-buttons li.fb-like,
.lb-share .like-buttons li.fb-like {
    margin: 8px 13px 5px 0;
}
.sharing-bar .like-buttons li.fb-like div.fb-like,
.lb-share .like-buttons li.fb-like div.fb-like {
    float: left;
}
.sharing-bar .like-buttons li.twitter-like,
.lb-share .like-buttons li.twitter-like {
    margin: 8px -16px 5px 0;
}
.sharing-bar .like-buttons li.xing-like,
.lb-share .like-buttons li.xing-like {
    margin: 8px -15px 5px 0;
}
.article-header {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}
.article-header.event {
    height: 304px;
}
.article-header .label {
    position: absolute;
    top: 22px;
    left: -14px;
}
.article-header .label.architektur {
    top: 0;
}
.article-header .sharing-bar {
    margin: 13px 0 16px 0;
}
.article-header .event-location {
    margin: 0;
}
.article-header table.event-schedule {
    margin: 0 0 15px 0;
}
.article-header table.event-schedule tr td:first-child {
    padding: 0 25px 0 0;
    font-weight: 700;
    color: #343434;
}
.article-header .event-action .button {
    margin: 0 8px 0 0;
}
.article-header .participants {
    float: left;
    position: absolute;
    bottom: 0;
    width: 420px;
}
.article-header .participants p {
    position: absolute;
    right: 0;
    top: 0;
    margin: 16px 0 10px 0;
}
.article-header .participants p:first-child {
    font-weight: 700;
    color: #343434;
    position: static;
}
.article-header .participants p a {
    font-size: 13px;
}
.article-header .participants .participant-pictures img {
    margin: 0 3px 0 0;
}
.article-header.small {
    width: 100%;
    float: left;
    padding: 0 0 0 15px;
}
.article-header.small .sharing-bar {
    margin: 12px 0 0 0;
}
.article-header.small .sharing-bar .plugin-holder {
    float: none;
    text-align: left;
    padding: 102px 0 0 0;
}
.article .text {
    word-wrap: break-word;
}
.column-holder {
    width: 100%;
    float: left;
    margin: 0;
}
.column-holder .column.no-headline {
    padding: 36px 0 0 0;
}
.column-holder .content-item {
    margin: 0 0 15px 20px;
}
.column-holder .content-item:first-child {
    margin: 0 0 15px 0;
}
.column-holder.two-columned .column {
    width: 48%;
    float: left;
    margin-left: 4%;
}
.column-holder.two-columned .column:first-child {
    margin-left: 0;
}
.column-holder.three-columned .column {
    width: 32%;
    float: left;
    margin-left: 2%;
}
.column-holder.three-columned .column:first-child {
    margin-left: 0;
}
.img-holder {
    position: relative;
    /*width: 234px;*/

    /*width: 100%;*/
    margin: 0 0 8px;
    text-align: center;
}
.img-holder img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto !important;
}
.info-block.companies .column {
    background: #F7F7F7;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);

    margin-bottom: 20px;
}
.info-block.companies h3 {
    margin: 0 15px 10px 15px;
}
.info-block.companies p {
    margin: 0 15px 10px 15px;
}
.info-block.companies p:last-child {
    margin-bottom: 25px;
}
.info-block.companies .img-holder {
    width: 100%;
    background: #fff;
}
.info-block.companies .img-holder .company-data {
    display: none;
    background: url("../images/bg-map-nav.png");
    width: 100%;
    height: 100%;
    padding: 10%;
    position: absolute;
    top: 0;
    left: 0;
}
.info-block.companies .img-holder .company-data .data-item {
    width: 50%;
    float: left;
    margin: 0 0 28px 0;
}
.info-block.companies .img-holder .company-data .data-item p {
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
.info-block.companies .img-holder .company-data .data-item p:first-child {
    color: #0560a5;
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 4px 0;
}
.info-block.companies .img-holder:hover {
    cursor: pointer;
}
.info-block.companies .img-holder:hover .company-data {
    display: block;
}
.column-area {
    width: 100%;
    margin: 0 0 16px 0;
    position: relative;
    /*left: -10px;
    padding-left: 12px;*/
    float: left;
}
.content-item {
    color: #343434;
    position: relative;
    margin: 0 0 15px 0;
    font-size: 12px;
    line-height: 14px;
}
.content-item p {
    margin: 0;
}
.content-item .area-of-expertise {
    margin: 9px 0 15px 0;
}
.content-item .place {
    margin: 8px 0 8px 0;
}
.content-item .type {
    margin: 5px 0 8px 0;
}
.content-item a {
    /* color: #5f5f5f; */

    color: #399bec;
}
.content-item img {
    margin: 0;
    max-width: 100%;
}
.content-item .info-img {
    width: 100%;
    height: auto;
    margin-top: -38px;
}
.content-item h3 {
    font: 16px/20px Georgia, serif;
    color: #343434;
    padding: 4px 0 0 0;
    margin: 0;
}
.content-item h3 a {
    /* color: #343434; */

    color: #399bec;
}
.content-item .alignleft {
    float: left;
    margin: 0 12px 0 0;
}
.content-item .info-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
    padding: 0 15px 15px 15px;
    height: 44px;
}
.content-item .meta-info {
    display: none;
    position: absolute;
    top: 15px;
    left: 15px;
}
.content-item dl {
    margin: 0 0px 11px 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 15px;
    padding: 9px 0 0 1px;
    float: left;
}
.content-item dt {
    display: inline-block;
    margin: 0 6px 0 0;
    font-weight: 600;
    width: 82px;
}
.content-item dd {
    margin: 0 0 3px;
    display: inline-block;
}
.content-item .job-details {
    margin: 0 0 10px;
    padding: 10px;
}
.content-item .job-details p:hover,
.content-item .job-details a:hover {
    text-decoration: none;
}
.content-item .job-details p {
    margin: 0 0 4px 0;
}
.content-item a.go-to-job-advertisement:hover {
    text-decoration: none;
}
.content-item a.go-to-job-advertisement:hover h3 {
    text-decoration: underline;
}
.content-item .top {
    display: none;
}
.content-item .logo-section {
    background: #eaeaea url("../images/bg-logo-section.gif") repeat-x;
    overflow: hidden;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 16px;
}
.content-item .logo-section strong.title {
    color: #5f5f5f;
    font-size: 12px;
}
.content-item .text-holder {
    padding: 7px 0 0;
    background: none;
}
.content-item .text-holder p a:hover {
    color: #399bec;
    text-decoration: none;
}
.content-item.small.events .day {
    font-size: 100px;
    line-height: 50px;
    top: -20px;
}
.content-item.small.events .month {
    font-size: 56px;
    line-height: 40px;
    margin: 0 0 15px 0;
}
.content-item.small.events dl dt {
    width: 42px;
}
.content-item.small.jobs h3 {
    margin-bottom: 15px;
    padding: 15px 0 0 10px;
}
.content-item.small.jobs .job-details .profile-picture {
    margin: 0 15px 8px 0;
}
.content-item.small.architektur {
    margin-bottom: 50px;
}
.content-item.large {
    background: url("../images/bg-content-item-large.gif") repeat-y;
    /*width: 488px;*/
}
.content-item.large h3 {
    font-size: 17px;
}
.content-item.large .top {
    background-position: -783px -782px;
    width: 75px;
    height: 25px;
    text-indent: -9999px;
    padding: 0;
    right: 0;
}
.content-item.large .logo-section {
    background: none;
    padding: 0 9px;
}
.content-item.large .links-bar {
    margin: 0;
}

#konii-stream-interest-list .content-item.large,
#konii-stream-interest-list .content-item.small {
    margin-bottom: 50px;
}

#konii-stream-interest-holder .proffer.home-stream > li .posting .text-holder {
    min-height: auto;
}

#konii-stream-interest-holder .proffer.home-stream > li .posting .img-holder {
    width: 100px;
    float: left;
}

.content-item.small {
    background: url("../images/bg-content-item-small.png") no-repeat;
    /*width: 204px;
    padding: 38px 15px;*/
    padding-top: 38px;
    width: 100%;
    min-height: 116px;
}
.content-item.small h3 {
    font-size: 16px;
}
.content-item.small .alignleft {
    margin: 2px 8px 0 0;
}
.content-item.small .logo-section {
    margin: 0;
}
.content-item.small .logo-section .text-holder {
    width: 150px;
}
.content-item.small .info-wrapper {
    height: 100px;
}
.content-item.small .img-holder {
    position: relative;
    background: #fff;
}
.content-item.small .links-bar {
    width: 100%;
}
.content-item.small.netzwerk {
    padding: 0;
    background: url("../images/bg-text-holder.png") repeat-y;
    border-bottom: 1px solid #e5e5e5;
}
.content-item.small.netzwerk .text-holder {
    background: none;
    margin: 0 15px 10px 15px;
    min-height: 130px;
}
.content-item.small.netzwerk h3 {
    height: 65px;
}
.content-item.small.netzwerk .btn.add-network,
.content-item.small.netzwerk .btn.leave-network {
    float: left;
    margin-right: 5px;
}
.content-item.small.netzwerk img {
    width: 100%;
}

.content-item.small.image .top {
    background-position: -783px -782px;
    width: 75px;
    height: 25px;
    text-indent: -9999px;
    padding: 0;
    right: 0;
}
.content-item.top .top {
    display: block;
}

#isotope-holder .content-item {
    margin-bottom: 50px;
}

    #isotope-holder .content-item span.top {
        right: 25px;
    }

.links-bar {
    background: url("../images/bg-multi-step-form-heading.png") repeat-x scroll 0 0;
    width: 100%;
    height: 32px;
    margin: 0;
    position: absolute;
    bottom: -32px;
    left: 0;
    right: 0;
    padding: 9px 10px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */

    box-sizing: border-box;
    /* Opera/IE 8+ */
    /*
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;

    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;*/
    overflow: hidden;
}
.links-bar a {
    color: #343434;
    font-size: 11px;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
}
.links-bar a.empfehlen-link {
    margin-right: 10px;
}
.links-bar a:first-child {
    margin-left: 0;
}
.links-bar a:hover {
    text-decoration: underline;
}
.links-bar .empfehlen-link:before,
.links-bar .merken-link:before,
.links-bar .share-link:before,
.links-bar .comment-link:before {
    content: '';
    float: left;
    background: url("../images/sprite.png?v=2") no-repeat -1414px -1417px;
    width: 15px;
    height: 14px;
    margin: 1px 5px 0 0;
}
.links-bar .merken-link:before {
    background-position: -1371px -1418px;
    margin-right: 2px;
}
.links-bar .merken-link.active:hover {
    text-decoration: none;
    cursor: default;
}
.links-bar .merken-link.active:before {
    background-position: -561px -48px;
    margin-right: 2px;
}
.links-bar .share-link:before {
    background-position: -1413px -1393px;
    margin-right: 4px;
}
.links-bar .comment-link:before {
    background-position: -1370px -1393px;
}
.links-bar .share-link {
    margin-left: 15px;
}
.links-bar .rate-holder {
    background: none;
    position: static;
    display: inline-block;
    padding: 0;
    float: right;
}
.links-bar .rate-holder:before {
    content: none;
}
.links-bar .rate-holder .number {
    background: url("../images/sprite.png?v=2") no-repeat scroll -229px -349px transparent;
    border-left: 0;
    float: left;
    padding: 1px 0 3px 28px;
    color: #343434;
    font-weight: 400;
}
.links-bar .edit-options {
    float: right;
    display: inline-block;
    position: relative;
    top: -1px;
}
.links-bar .edit-options a {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 0 4px;
}
.list-container {
    padding: 0;
    color: #343434;
    line-height: 20px;
}
.list-container .column {
    float: left;
    width: 488px;
    margin: 0 0 0 20px;
}
.list-container .column:first-child {
    width: 234px;
    margin-left: 0;
}
.list-container .title {
    font-size: 16px;
    line-height: 18px;
    display: block;
    margin: 0 0 11px;
}
.list-container ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 234px;
}
.list-container .list-holder {
    width: 510px;
}
.list-container .list-holder ul {
    margin: 0 20px 0 0;
}
.list-container li {
    padding: 0 0 0 9px;
    margin: 0 0 6px;
}
.list-container a {
    color: #399bec;
    position: relative;
}
.list-container a:before {
    background: url("../images/sprite.png?v=2") no-repeat scroll -475px -109px transparent;
    content: '';
    display: inline-block;
    height: 8px;
    width: 4px;
    position: absolute;
    left: -10px;
    top: 6px;
}
/* easy search-form */

.search-form {
    overflow: hidden;
    margin: 0 0 23px;
    /*background: url("../images/sprite.png?v=2") no-repeat -457px -684px;
    width: 236px;*/
    width: 100%;
    position: relative;
}
/*
.search-form input[type="text"] {
    background: none;
    border: none;
    padding: 6px 10px;
    width: 183px;
    font-size: 13px;
    line-height: 18px;
    color: #a5a5a5;
    margin: 0;
    float: left;
}
.search-form input[type="submit"] {
    background: none;
    border: none;
    width: 32px;
    height: 29px;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
}*/
table.property-data {
    width: 250px;
}
table.property-data td {
    text-align: right;
    font-size: 14px;
}
table.property-data td:first-child {
    font-weight: 600;
    text-align: left;
    padding-right: 40px;
    color: #343434;
}
table.property-data tr.break td {
    padding: 0 0 18px 0;
}
table.property-data.price td:first-child {
    font-weight: 600;
    text-align: left;
    padding-right: 60px;
    color: #343434;
}
table.property-data.price tr.last-entry td {
    padding: 0 0 3px 0;
}
table.property-data.price tr.sum td {
    border-top: 1px solid #a5a5a5;
    padding: 3px 0 0 0;
}
table.property-data.small td {
    text-align: left;
}
table.property-data.small td:first-child {
    font-weight: 400;
    padding-right: 40px;
    color: #5f5f5f;
}
.project-data .column-holder.three-columned .column {
    width: 31%;
    margin-left: 12%;
}
.project-data .column-holder.three-columned .column:first-child {
    width: 21%;
    margin-left: 0%;
}
.project-data .column-holder.three-columned .column:last-child {
    width: 24%;
}
.mask.timeline {
    overflow: hidden;
    width: 100%;
}
.project-timeline {
    display: table;
    width: 100%;
    position: relative;
    z-index: 10;
    left: 0;
}
.project-timeline .milestones {
    display: table-row;
    width: 100%;
    height: auto;
}
.project-timeline .milestones .milestone {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    min-width: 190px;
    padding-right: 40px;
    text-align: center;
}
.project-timeline .milestones .milestone div h3 {
    text-align: left;
}
.project-timeline .milestones .milestone p.date {
    display: inline;
    font-size: 13px;
    text-align: center;
    background: #FFF;
    padding: 2px 6px;
    margin: 0;
}
.controls {
    width: 100%;
    border-top: 1px solid #b7b7b7;
    margin: 0 0 30px 0;
    position: relative;
    top: -9px;
}
.contact-bar {
    float: left;
    width: 140px;
    height: 37px;
    background: url(../images/sprite.png) no-repeat -462px -442px;
    margin: 13px 0 0;
    padding: 13px 20px 40px 20px;
}
.contact-bar a {
    float: left;
    margin: 0 0 0 35px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.png) no-repeat;
}
.contact-bar .message {
    width: 26px;
    height: 18px;
    background-position: -245px -801px;
}
.contact-bar .message:hover {
    background-position: -464px -417px;
}
.contact-bar .add {
    width: 31px;
    height: 24px;
    background-position: -282px -801px;
}
.contact-bar .delete {
    width: 37px;
    height: 27px;
    background-position: -822px -439px;
    margin: -2px 0 0 29px;
}
.contact-bar .add:hover {
    background-position: -504px -411px;
}
.contact-bar .delete:hover {
    background-position: -822px -468px;
}
.contact-bar a:first-child {
    margin-left: 0;
}
.contact-bar.small {
    width: 84px;
    height: 34px;
    margin: 0;
    padding: 6px 10px 10px;
    background-position: -569px -802px;
}
.contact-bar.small a {
    margin: 0 0 0 22px;
}
.contact-bar.small a:first-child {
    margin-left: 1px;
}
.contact-bar.small .message {
    width: 19px;
    height: 17px;
    background-position: -326px -806px;
}
.contact-bar.small .message:hover {
    background-position: -390px -806px;
}
.contact-bar.small .add,
.contact-bar.small .delete {
    width: 22px;
    height: 17px;
    background-position: -360px -805px;
}
.contact-bar.small .delete {
    height: 19px;
    background-position: -777px -443px;
}
.contact-bar.small .add:hover {
    background-position: -424px -805px;
}
.contact-bar.small .delete:hover {
    background-position: -777px -469px;
}
.sort-by-wrapper {
    float: right;
    display: inline-block;
    margin: -10px 0 0 0;
    position: relative;
    top: 15px;
    right: 3px;
}
.sort-by-wrapper label {
    margin: 0 10px 0 0;
    float: left;
}
.sort-by-wrapper select {
    width: 200px;
    margin: 0;
    padding: 0;
}
.sort-by-wrapper #dk_container_sort-by {
    float: left;
}
.manage-block .sort-by-wrapper {
    position: relative;
    top: -5px;
}
.search-result > div {
    position: relative;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f7f7f7));
    /* Chrome, Safari 4+ */

    background-image: -webkit-linear-gradient(top, white, #f7f7f7);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */

    background-image: -moz-linear-gradient(top, white, #f7f7f7);
    /* Firefox 3.6-15 */

    background-image: -o-linear-gradient(top, white, #f7f7f7);
    /* Opera 11.10-12.00 */

    background-image: linear-gradient(to bottom, white, #f7f7f7);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #fafafa;
}

.search-result.immo-result .row {
    margin-left: 0;
    margin-right: 0;
}

.search-result h3 {
    color: #f5952d;
    font: 16px/20px "Georgia", serif;
    width: 100%;
    margin: 0 0 10px 0;
}
.search-result .img-holder,
.search-result .text-holder {
    margin: 20px 0;
}
.search-result .text-holder table {
    margin: 0 60px 6px 0;
}
.search-result .text-holder table tr td:first-child {
    font-weight: 600;
    color: #343434;
    padding-left: 0;
}
.search-result .text-holder ul {} .search-result .text-holder ul li {
    margin: 0;
    border: none;
    padding: 0;
    background: none;
}
.search-result .text-holder p {
    clear: both;
    font-size: 12px;
    margin: 0;
}
.search-result .label.bookmark {
    position: absolute;
    top: 10px;
    right: -18px;
    left: auto;
}
.search-result .property-location:before {
    content: '';
    display: block;
    float: left;
    width: 20px;
    height: 22px;
    background: url("../images/sprite.png?v=2") no-repeat -641px -417px;
    position: relative;
    top: -2px;
}
.company-address {
    margin: 0 0 20px 0;
}
.company-address p {
    margin: 0;
}
form.register-form {
    float: right;
    margin: 0;
    width: 250px;
}
form.register-form input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0 3px 2px 0;
    float: left;
}
form.register-form label {
    font-size: 10px;
    line-height: 14px;
    color: #292929;
    display: block;
    overflow: hidden;
    width: 210px;
    padding: 0;
}
form.register-form label a {
    text-decoration: underline;
    color: #292929;
}
form.register-form label a:hover {
    text-decoration: none;
}
form.register-form .row {
    overflow: hidden;
    margin: 0 0 12px;
    padding: 3px 0 0;
    clear: both;
}
form.register-form .button {
    margin: -1px 8px 0 0;
}
form.register-form .btn-facebook {
    display: inline-block;
    background: url("../images/facebook_icon_small.png") no-repeat -1px -801px;
    width: 72px;
    height: 32px;
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    padding: 0 0 0 32px;
    text-align: center;
}
form.register-form .btn-facebook:hover {
    background-position: 0 -492px;
    text-decoration: none;
}
.map-widget {
    clear: both;
    width: 100%;
}
.map-widget .multi-step-form-holder.home-map-holder .heading,
.map-widget .multi-step-form-holder.estate-map-holder .heading {
    border-radius: 0 0;
    padding-bottom: 4px;
}
.map-widget .multi-step-form-holder.home-map-holder .heading h3,
.map-widget .multi-step-form-holder.estate-map-holder .heading h3 {
    left: 0;
    top: 0;
}
.map-widget .multi-step-form-holder.home-map-holder .multi-step-form {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 312px;
    overflow: hidden;
}
.map-widget .multi-step-form-holder.home-map-holder .multi-step-form .infoBox h3,
.map-widget .multi-step-form-holder.estate-map-holder .multi-step-form {
    clear: none;
    padding: 0;
}
.map-widget .stream-map-holder {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 643px;
    overflow: hidden;
    position: relative;
}
.map-widget .multi-step-form-holder.estate-map-holder .multi-step-form {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 344px;
    overflow: hidden;
    position: relative;
}
.home_map_canvas,
.stream_map_canvas,
.estate_map_canvas {
    width: 100%;
}
.home_map_canvas {
    height: 276px;
    margin-bottom: 36px;
}
.stream_map_canvas {
    height: 607px;
}
.estate_map_canvas {
    height: 344px;
}
.map-widget .infoBox {
    /*padding: 18px 17px 28px 23px;*/
    padding: 18px;
    width: 143px;
    height: 183px;
    /*background: url("../images/maps/infoBox.png") no-repeat;*/
    background: #fff;
}
.map-widget .infoBox h3 {
    padding: 0;
    font-size: 16px;
    line-height: 18px;
    color: #292929;
    margin-top: 6px;
}
.map-widget .infoBox h3 a {
    color: #292929;
}

.map-widget .infoBox .label.small {
    top: 12px;
    left: 1px;
}
.map-widget .infoBox .spacer {
    display: inline-block;
    width: 36px;
    height: 36px;
    float: left;
}
.map-widget .infoBox a img {
    max-width: 100%;
    height: auto;
}
.map-widget .infoBox .address {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 5px;
    font-weight: bold
}
.map-widget .infoBox .categories {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 12px;
}
.map-widget .infoBox .readon {
    display: block;
    position: absolute;
    bottom: 12px;
}
/*
.map-holder {
  position: relative;
  width: 743px;
  height: 344px;
  margin: 0 0 20px;
  float: left; }
  .map-holder img {
    vertical-align: top; }
  .map-holder .panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 724px;
    background: #e6e6e6 url("../images/bg-panel.gif") no-repeat;
    padding: 5px 9px 6px 10px; }
    .map-holder .panel .title {
      float: left;
      background: url("../images/sprite.png?v=2") no-repeat -446px -150px;
      padding: 0 0 1px 21px;
      font-weight: 600;
      color: #343434;
      font-size: 14px; }
    .map-holder .panel .link {
      float: right;
      text-indent: -9999px;
      overflow: hidden;
      background: url("../images/sprite.png?v=2") no-repeat -153px -48px;
      width: 10px;
      height: 9px;
      margin: 5px 0 0;
      padding: 0; }
  .map-holder .panel:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 743px;
    height: 2px;
    background: url("../images/bg-panel-shadow.png") repeat-x; }
*/

.map-widget .map-nav {
    padding: 8px 10px;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 723px;
    background: url("../images/bg-map-nav.png");
    font-size: 11px;
    line-height: 13px;
}
.map-widget .map-nav li {
    float: left;
    margin: 0 0 0 23px;
}
.map-widget .map-nav li:first-child {
    margin-left: 0;
}
.map-widget .map-nav a {
    background: url("../images/sprite.png?v=2") no-repeat;
    display: block;
    color: #fff;
    padding: 3px 0 4px 25px;
}
.map-widget .map-nav a.style01 {
    background-position: -417px -180px;
}
.map-widget .map-nav a.style02 {
    background-position: -390px -207px;
}
.map-widget .map-nav a.style03 {
    background-position: -364px -231px;
}
.map-widget .map-nav a.style04 {
    background-position: -343px -254px;
    padding-left: 16px;
}
.map-widget .map-nav a.style05 {
    background-position: -318px -278px;
}
.map-widget .map-nav a.style06 {
    background-position: -293px -300px;
}
.map-widget .map-nav a.style07 {
    background-position: -268px -324px;
}
.img-holder .shadow,
.thumbnails .shadow {
    position: absolute;
    left: -9999px;
    top: -9999px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../images/bg-img-holder-shadow.png");
}
.img-holder a:hover .shadow,
.thumbnails .slide:hover .shadow,
.img-holder .shadow.hovered,
.thumbnails .slide.active .shadow {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.file-area {
    float: left;
    width: 100%;
}
.file-area p a {
    font-size: 12px;
}
.file-area h3,
.news-area h3 {
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 1px;
    margin: 0 0 12px;
    font-weight: 400;
    color: #5f5f5f;
}
.file-area h3 {
    cursor: pointer;
}
.file-area h3:before {
    content: '';
    background: url("../images/sprite.png?v=2") no-repeat -219px -314px;
    width: 8px;
    height: 4px;
    float: left;
    margin: 7px 6px 0 2px;
}
.file-area.slided-up h3:before {
    background: url("../images/sprite.png?v=2") no-repeat -219px -334px;
}
.file-area h3:before {
    display: none !important;
}
.file-holder {
    overflow: hidden;
    font-size: 13px;
    line-height: 15px;
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}
.file-holder ul {
    float: left;
    /*width: 300px;*/

    margin: 0 0 0 15px;
    padding: 0;
    white-space: nowrap;
    list-style: none;
}
.file-holder ul:first-child {
    margin-left: 0;
}
.file-holder li {
    overflow: hidden;
    margin: 0 0 8px;
    padding: 0 0 0 22px;
    position: relative;
    background: url("../images/sprite.png?v=2") no-repeat -704px -393px;
}
.file-holder li.zip {
    background-position: -727px -365px;
}
.file-holder ul .link {
    display: inline-block;
    vertical-align: top;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 0 0 7px;
    width: 14px;
    height: 12px;
    background: url("../images/sprite.png?v=2") no-repeat -219px -297px;
}
.file-holder ul .link:hover {
    background-position: -242px -297px;
}
.file-area .section {
    overflow: hidden;
    text-align: right;
    font-size: 12px;
    line-height: 14px;
}
.file-area .section .number {
    float: left;
    background: url("../images/sprite.png?v=2") no-repeat -233px -350px;
    padding: 0 0 0 27px;
    margin: 0 0 11px;
    font-size: 14px;
}
.file-area .section a {
    color: #5f5f5f;
}
.file-area .note {
    font-size: 12px;
    line-height: 18px;
    display: block;
    margin: 0 0 21px;
}
.file-area .note strong {
    font-weight: 600;
}
.news-area {
    margin: 0 0 21px;
    font-size: 13px;
    float: left;
    width: 100%;
    clear: both;
}
.news-area .column-holder {
    overflow: hidden;
    padding: 7px 0 0;
}
.news-area .column {
    float: left;
    width: 220px;
    margin: 0 0 0 35px;
}
.news-area .column:first-child {
    margin-left: 0;
}
.news-area .alignleft {
    float: left;
    margin: 1px 10px 5px 0;
}
.news-area .text-holder {
    overflow: hidden;
}
.news-area h4 {
    margin: 0 0 1px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color: #343434;
}
#content .news-area p {
    margin: 0;
}
.news-area a {
    color: #5f5f5f;
}
.category-form input[type="submit"],
.theme-form input[type="submit"],
.immobilie-form input[type="submit"],
.email-form input[type="submit"] {
    border: none;
    padding: 0;
}
.theme-form input[type="submit"],
.immobilie-form input[type="submit"],
.email-form input[type="submit"],
.theme-form input[type="submit"] {
    font-weight: normal;
    margin: 11px 0 0;
}
/* _buttons.scss */
/* style for standard button */

.button {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 32px;
    border-radius: 3px;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 32px;

    -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); /* WebKit */
    -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); /* Firefox */
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); /* Standard */

    transition: all 0.2s linear;
}
.button a {
    display: block;
    white-space: nowrap;
    color: #FFF;
    font-size: 16px;
    line-height: 32px;

    padding: 6px 20px;
    height: 100%;
    background: transparent url("../images/sprite.png?v=2") no-repeat 0 0;
    font: 400 13px/20px "Titillium Web", Arial, Helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
    min-width: 50px;
}
.button a strong {
    font-weight: 600;
    color: #FFF;
}
.button span {
    display: none;
    /*** DISABLED ***/

    /*display: block;*/
    width: 8px;
    height: 36px;
    background: transparent url("../images/sprite.png?v=2") no-repeat -425px 0;
    margin: 0;
    padding: 0;
    float: none;
}
.button span.icon {
    display: block;
    width: 25px;
    height: 25px;
    background: none;
    background-image: url("../images/sprite.png?v=2");
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}
.button.submit {
    float: right;
}
.button.submit a {
    min-width: 70px;
}
.button:hover a {
    background: transparent url("../images/sprite.png?v=2") no-repeat 0 0;
    text-decoration: none;
}
.button:hover span {
    background: transparent url("../images/sprite.png?v=2") no-repeat -425px 0;
}

.button.light-blue {
    background: #399bec;
}
.button.light-blue a {
    background: none;
}

.button.light-blue:hover {
    background: #2185d7;
}

.button.transparent-light-blue {
    box-shadow: none;
    background: none;
}
.button.transparent-light-blue a {
    background: none;
    color: #399bec;
}

.button.transparent-llight-blue:hover {
    background: #2185d7;
}

.button.dark-blue  {
    background: #1772b1;
}
.button.dark-blue a {
    background: none;
}
.button.dark-blue:hover {
    background: #135e9b;
}

.button.red  {
    background: #e90d69;
}
.button.red a {
    background: none;
}
.button.red:hover {
    background: #d00f60;
}

.button.yellow  {
    background: #f7aa35;
}
.button.yellow a {
    background: none;
}
.button.yellow:hover {
    background: #e9a030;
}

.button.light-yellow  {
    background: #FDF035;
}
.button.light-yellow a {
    background: none;
    color: #000;
}
.button.light-yellow:hover {
    background: #e9a030;
}

.button.purple  {
    background: #9668af;
}
.button.purple a {
    background: none;
}
.button.purple:hover {
    background: #7d5595;
}
.text-purple {
    color: #9668af;
}

.button.green  {
    background: #56b943;
}
.button.green a {
    background: none;
}
.button.green:hover {
    background: #42a034;
}

.button.magenta  {
    background: #bd2890;
}
.button.magenta a {
    background: none;
}
.button.magenta:hover {
    background: #a31e6c;
}

.button.orange  {
    background: #f56830;
}
.button.orange a {
    background: none;
}
.button.orange:hover {
    background: #f24f24;
}

.button.grey  {
    background: #e5e5e5;
}
.button.grey a {
    background: none;
    color: #292929;
}
.button.grey:hover {
    background: #dddddd;
}

.button.dark-grey  {
    background: #656569;
}
.button.dark-grey a {
    background: none;
    color: #fff;
}
.button.dark-grey:hover {
    background: #777779;
}

.button.black  {
    background: #292929;
}
.button.black a {
    background: none;
}
.button.black:hover {
    background: #3b3b3b;
}

.button.blue-glow a {
    background-position: 0 -1605px;
    font-weight: 600;
}
.button.blue-glow span {
    background-position: -425px -1605px;
}
.button.blue-glow:hover a {
    background-position: 0 -1647px;
}
.button.blue-glow:hover span {
    background-position: -425px -1647px;
}

.button.bookmark .icon,
.button.bookmark:hover .icon {
    background-position: -528px -45px;
    width: 16px;
    right: 4px;
    top: 1px;
}
.button.bookmark-active a,
.button.bookmark-active:hover a {
    background-position: 0 -1689px;
    color: #ffd700; /*#5f5f5f;*/
}
.button.bookmark-active span,
.button.bookmark-active:hover span {
    background-position: -425px -1689px;
}
.button.bookmark-active .icon,
.button.bookmark-active:hover .icon {
    background-position: -1144px -1707px;
    width: 16px;
    right: 4px;
    top: 1px;
}
.button.recommend .icon,
.button.recommend:hover .icon {
    background-position: -268px -325px;
    width: 20px;
    top: 2px;
    left: -3px;
}
.button.recommend-active a,
.button.recommend-active:hover a {
    background-position: 0 -1689px;
    color: #5f5f5f;
}
.button.recommend-active span,
.button.recommend-active:hover span {
    background-position: -425px -1689px;
}
.button.recommend-active .icon,
.button.recommend-active:hover .icon {
    background-position: -1110px -1707px;
    width: 20px;
    top: 2px;
    left: -3px;
}
.button.invite .icon,
.button.add .icon,
.button.invite:hover .icon,
.button.add:hover .icon {
    background-position: -614px -418px;
    width: 16px;
    right: 4px;
}
.button.upload .fa,
.button.upload:hover .fa {
    margin-right: 10px;
}
.button.follow-company a,
.button.follow-company:hover a {
    min-width: 178px;
}
.button.follow-company .icon,
.button.follow-company:hover .icon {
    background-position: -613px -178px;
    left: 8px;
    width: 27px;
}
.button.follow-company-active a,
.button.follow-company-active:hover a {
    background-position: 0 -1689px;
    color: #5f5f5f;
}
.button.follow-company-active span,
.button.follow-company-active:hover span {
    background-position: -425px -1689px;
}
.button.follow-company-active .icon,
.button.follow-company-active:hover .icon {
    background-position: -1051px -1706px;
    left: 8px;
    top: 1px;
    width: 18px;
}
.button.follow-company-active:hover .icon {
    background-position: -1081px -1706px;
}
.button.follow-project .icon,
.button.follow-project:hover .icon {
    background-position: -613px -152px;
    left: -5px;
    width: 27px;
}

.button.follow-company {}

    .button.follow-company .notfollowing { display: inline; }
    .button.follow-company .following { display: none; }

.button.follow-company-active a,
.button.follow-company-active:hover a {
    color: #fff;
}

    .button.follow-company-active .notfollowing { display: none; }
    .button.follow-company-active .following { display: inline; }

.button.datapermission-active a,
.button.add-contact-active a,
.button.follow-project-active a,
.button.join-group-active a,
.button.participate-active a,
.button.follow-project-active:hover a,
.button.join-group-active:hover a,
.button.participate-active:hover a {
    background-position: 0 -1689px;
    color: #5f5f5f;
}
.button.datapermission-active span,
.button.add-contact-active span,
.button.follow-project-active span,
.button.join-group-active span,
.button.participate-active span,
.button.follow-project-active:hover span,
.button.join-group-active:hover span,
.button.participate-active:hover span {
    background-position: -425px -1689px;
}
.button.datapermission-active .icon,
.button.add-contact-active .icon,
.button.follow-project-active .icon,
.button.join-group-active .icon,
.button.participate-active .icon,
.button.add-contact-active:hover .icon,
.button.follow-project-active:hover .icon,
.button.join-group-active:hover .icon,
.button.participate-active:hover .icon {
    background-position: -1051px -1706px;
    left: -3px;
    top: 2px;
    width: 23px;
}
.button.add-contact-active:hover .icon,
.button.join-group-active:hover .icon,
.button.follow-project-active:hover .icon,
.button.participate-active:hover .icon {
    background-position: -1081px -1706px;
}
.button.profile .icon,
.button.profile:hover .icon {
    background-position: -707px -807px;
    left: -2px;
    top: 2px;
}
.button.message .icon,
.button.message:hover .icon {
    background-position: -232px -656px;
    top: 3px;
}
.button.add-contact .icon,
.button.add-contact:hover .icon {
    background-position: -260px -654px;
    top: 1px;
    left: -5px;
}
.button.join-group .icon,
.button.join-group:hover .icon {
    background-position: -266px -324px;
    top: 1px;
    left: -5px;
}
.button.sidebar-lonely {
    margin: 0 0 17px 2px;
    width: 100%;
}
.button.sidebar-lonely a {
    width: 100%;
}
.button.sidebar-lonely.profile a .icon {
    left: 54px;
}
.button.small a {
    padding: 6px 15px;
    min-height: 19px;
}
.button.small span {
    height: 27px;
}

.button.small.light-blue a {
    background-position: -450px -840px;
}
.button.small.light-blue span {
    background-position: -734px -840px;
}
.button.small.light-blue:hover a {
    background-position: -450px -875px;
}
.button.small.light-blue:hover span {
    background-position: -734px -875px;
}

.button.light-grey {
    border: 1px solid #eee;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f8f8f8+1,e5e5e5+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #f8f8f8 1%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#f8f8f8 1%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#f8f8f8 1%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.button.light-grey a {
    background: none;
    color: #5f5f5f;
    font-size: 14px;
}
.button.light-grey:hover {
    background: #e5e5e5;
}
.button.small.light-grey.active a {
    color: #399bec;
    font-weight: 600;
}

/*
.button.small.light-grey a {
    background-position: -450px -1529px;
    color: #5f5f5f;
}
.button.small.light-grey span {
    background-position: -734px -1529px;
}
.button.small.light-grey:hover a {
    background-position: -450px -1565px;
}
.button.small.light-grey:hover span {
    background-position: -734px -1565px;
}
.button.small.light-grey.active a {
    background-position: -450px -1565px;
    color: #399bec;
    font-weight: 600;
}
.button.small.light-grey.active span {
    background-position: -734px -1565px;
}
*/
.button.small.light-grey span.counter-badge,
.button.small.light-grey:hover span.counter-badge {
    background: url("../images/sprite.png?v=2") no-repeat -1195px -1394px;
    color: #FFF;
    position: absolute;
    top: -3px;
    right: 15px;
    width: 28px;
    height: 30px;
    font-weight: 600;
    text-align: center;
    padding: 6px 0 0 2px;
    font-size: 13px;
    display: block;
    line-height: 16px;
}
.button.small.light-grey span.counter-badge.inactive,
.button.small.light-grey:hover span.counter-badge.inactive {
    background-position: -1068px -641px;
}
.button.small.light-grey span.counter-badge.big-number,
.button.small.light-grey:hover span.counter-badge.big-number {
    background-position: -1291px -1526px;
    width: 37px;
}
.button.small .icon {
    width: 17px;
    height: 17px;
    margin-right: 4px;
}
.button.small.news .icon,
.button.small.news:hover .icon,
.button.small.news.active .icon,
.button.small.news.active:hover .icon {
    background-position: -776px -502px;
}
.button.small.immobilien .icon,
.button.small.immobilien:hover .icon,
.button.small.immobilien.active .icon,
.button.small.immobilien.active:hover .icon,
.button.small.ankaufsprofile .icon,
.button.small.ankaufsprofile:hover .icon,
.button.small.ankaufsprofile.active .icon,
.button.small.ankaufsprofile.active:hover .icon {
    background-position: -798px -524px;
    top: 4px;
}
.button.small.dienstleistungen .icon,
.button.small.dienstleistungen:hover .icon,
.button.small.dienstleistungen.active .icon,
.button.small.dienstleistungen.active:hover .icon {
    background-position: -777px -524px;
    top: 3px;
}
.button.small.handwerk .icon,
.button.small.handwerk:hover .icon,
.button.small.handwerk.active .icon,
.button.small.handwerk.active:hover .icon {
    background-position: -796px -546px;
    top: 4px;
}
.button.small.jobs .icon,
.button.small.jobs:hover .icon,
.button.small.jobs.active .icon,
.button.small.jobs.active:hover .icon {
    background-position: -777px -544px;
    top: 2px;
}
.button.small.architektur .icon,
.button.small.architektur:hover .icon,
.button.small.architektur.active .icon,
.button.small.architektur.active:hover .icon {
    background-position: -798px -564px;
    top: 3px;
}
.button.small.events .icon,
.button.small.events:hover .icon,
.button.small.events.active .icon,
.button.small.events.active:hover .icon {
    background-position: -776px -564px;
    top: 4px;
}
/*  Startseite    */

.home #form-reguser-register .facebook_register-holder {
    float: right;
    width: 100px;
    cursor: pointer;
}
.home #form-reguser-register .facebook_register-holder p {
    cursor: pointer;
    font-size: 10px;
    margin: -42px 40px 0;
    padding: 0;
    width: 70px;
}
.home #form-reguser-register .facebook_register-holder .button-facebook {
    margin: 0px 5px 0px 0px;
    padding: 0;
}
/*  loginseite    */

#form-reguser-register .facebook_register-holder {
    float: right;
    width: 100px;
    cursor: pointer;
}
#form-reguser-register .facebook_register-holder p {
    cursor: pointer;
    font-size: 10px;
    margin: -34px 40px 0;
    padding: 0;
    width: 70px;
}
#form-reguser-register .facebook_register-holder .button-facebook {
    margin: 0px 5px 0px 0px;
    padding: 0;
}
/*  LIGHTBOX    */

.row.register .facebook_register-holder {
    float: right;
    width: 100px;
    cursor: pointer;
    margin: -8px 5px 0 0;
}
.lightbox.lb-register .lightbox-content .row.register .facebook_register-holder p {
    cursor: pointer;
    font-size: 10px;
    margin: -34px 40px 0;
    padding: 0;
    width: 70px;
    text-align: left;
}
.row.register .facebook_register-holder .button-facebook {
    margin: 0px 70px 0px 0px;
    padding: 0;
}
.small-button {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/sprite.png?v=2") no-repeat;
    position: relative;
    top: 4px;
    left: 2px;
}
.small-button.add {
    background-position: -583px 0;
}
.small-button.preferences {
    background-position: -609px 0;
}
.arrow-button {
    display: block;
    background: url("../images/sprite.png?v=2") no-repeat;
    position: absolute;
    top: 0;
    z-index: 1;
    /* 15 */

    cursor: pointer;
    text-indent: -9999px;
}
.arrow-button.small {
    width: 14px;
    height: 16px;
    top: -6px;
}
.arrow-button.small.back {
    background-position: -273px -16px;
    left: 0;
}
.arrow-button.small.back.inactive {
    background-position: -273px 0;
}
.arrow-button.small.forward {
    background-position: -283px -16px;
    right: 0;
}
.arrow-button.small.forward.inactive {
    background-position: -283px 0;
}
.arrow-button.medium {
    width: 17px;
    height: 28px;
    position: absolute;
    top: 24px;
}
.arrow-button.medium.back {
    background-position: -465px -497px;
    left: 3px;
}
.arrow-button.medium.back:hover {
    background-position: -508px -497px;
}
.arrow-button.medium.back.inactive {
    background-position: -550px -497px;
}
.arrow-button.medium.forward {
    background-position: -487px -497px;
    right: 3px;
}
.arrow-button.medium.forward:hover {
    background-position: -530px -497px;
}
.arrow-button.medium.forward.inactive {
    background-position: -572px -497px;
}
.arrow-button.big {
    width: 17px;
    height: 81px;
    position: absolute;
}
.arrow-button.big.back {
    background-position: -359px 0;
    left: 3px;
}
.arrow-button.big.back:hover {
    background-position: -301px 0;
}
.arrow-button.big.back.inactive {
    background-position: -394px 0;
}
.arrow-button.big.forward {
    background-position: -321px 0;
    right: 3px;
}
.arrow-button.big.forward:hover {
    background-position: -340px 0;
}
.arrow-button.big.forward.inactive {
    background-position: -378px 0;
}
.btn.add-network {
    background: url("../images/sprite.png?v=2") no-repeat scroll -892px -641px;
    display: block;
    height: 31px;
    overflow: hidden;
    text-indent: -9999px;
    width: 49px;
}
.btn.leave-network {
    background: url("../images/sprite.png?v=2") no-repeat scroll -892px -532px;
    display: block;
    height: 31px;
    overflow: hidden;
    text-indent: -9999px;
    width: 49px;
}
/* _form-elements.scss */

label,
.label {
    display: inline-block;
    padding: 0 0 3px 0;
    color: #5f5f5f;
}

.label {
    /*** DEAKTIVIERT ***/
    display: none !important;
}

label.error,
.label.error {
    color: #fb1b6f;
}
label strong,
.label strong {
    color: #5f5f5f;
}
.regular-input-field {
    background-color: #FFF;
    border: 1px solid #dadada;
    color: #a5a5a5;
    display: block;
    float: left;
    min-height: 18px;
    padding: 5px 5px 4px 5px;
    margin: 0;
    font: 400 13px/18px "Titillium Web", Arial, Helvetica, sans-serif;
    -webkit-box-shadow: inset 0px 0px 2px 1px #eeeeee;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: inset 0px 0px 2px 1px #eeeeee;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    -webkit-border-radius: 2px;
    /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 2px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    -webkit-box-sizing: border-box;
    /* Android ≤ 2.3, iOS ≤ 4 */

    -moz-box-sizing: border-box;
    /* Firefox 1+ */

    box-sizing: border-box;
    /* Chrome, IE 8+, Opera, Safari 5.1 */

    width: 100%;
}
.regular-input-field.small {
    width: 79px;
}
.regular-input-field.medium {
    width: 188px;
}
.regular-input-field.active {
    color: #5f5f5f;
}
.regular-input-field:focus {
    outline: 0;
    border: 1px solid #c2c2c2;
    -webkit-box-shadow: inset 2px 2px 1px 0 #e6e6e6;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: inset 2px 2px 1px 0 #e6e6e6;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
textarea.regular-input-field {
    color: #5f5f5f;
}
.regular-input-field[disabled],
.regular-input-field[readonly] {
    color: #b1b1b1;
    border: 1px solid #e7e7e7;
    background-color: #fbfbfb;
}
.regular-input-field[disabled]:focus,
.regular-input-field[readonly]:focus {
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: inset 0px 0px 2px 1px #eeeeee;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: inset 0px 0px 2px 1px #eeeeee;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.regular-input-field.error {
    border: 1px solid #fb1b6f;
}
.register-form .regular-input-field.large {
    margin: 0 0 10px 0;
    padding: 6px 4px 5px 14px;
}
/* slider element */

.ui-widget-content {
    background: transparent url("../images/sprite.png?v=2") no-repeat -451px -1608px;
    border: none;
}
.ui-widget-content .ui-state-default {
    border: none;
    outline: none;
}
.ui-widget-content.inactive .ui-state-default {
    background: transparent url("../images/sprite.png?v=2") no-repeat -151px -25px;
}
.ui-widget-content.blue .ui-state-default {
    background: transparent url("../images/sprite.png?v=2") no-repeat -53px -81px;
}
.ui-widget-content.blue .ui-state-default:active {
    background: transparent url("../images/sprite.png?v=2") no-repeat -71px -81px;
}
.ui-widget-content.orange .ui-state-default {
    background: transparent url("../images/sprite.png?v=2") no-repeat -18px -81px;
}
.ui-widget-content.orange .ui-state-default:active {
    background: transparent url("../images/sprite.png?v=2") no-repeat -36px -81px;
}
.slider {
    margin: 11px 8px 8px 6px;
    width: 150px;
    float: left;
}
.checkbox-dropdown {
    display: block;
    clear: both;
    position: relative;
    float: left;
    min-width: 160px;
}
.checkbox-dropdown .button a {
    background-position: 0 -1469px;
    color: #5f5f5f;
    text-align: left;
    line-height: 13px;
    min-width: 150px;
    min-height: 15px;
}
.checkbox-dropdown .button span {
    background-position: -428px -1469px;
    height: 18px;
}
.checkbox-dropdown .button span:last-child {
    height: 25px;
}
.checkbox-dropdown .button span.amount {
    background: none;
    width: auto;
    height: auto;
}
.checkbox-dropdown .button span.icon {
    background-position: -669px -500px;
    float: right;
    position: relative;
    right: -10px;
    top: -2px;
    height: 14px;
}
.checkbox-dropdown .button:hover a {
    background-position: 0 -1496px;
}
.checkbox-dropdown .button:hover span {
    background-position: -428px -1496px;
}
.checkbox-dropdown .button:hover span.icon {
    background-position: -669px -500px;
}
.checkbox-dropdown .options-wrapper {
    display: none;
    position: absolute;
    top: 23px;
    left: 0;
    background: #FFF;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px 1px 2px;
    border-color: #b7b7b7 #b7b7b7 #9d9d9d;
    width: 98%;
    max-height: 180px;
    overflow: auto;
    padding: 7px 0 0 0;
    z-index: 40;
}
.checkbox-dropdown .options-wrapper ul li {
    clear: both;
    margin: 0 0 0 10px;
}
.checkbox-dropdown .options-wrapper ul li .custom-checkbox {
    margin: 1px 0 0;
}
.checkbox-dropdown .options-wrapper label {
    line-height: 16px;
    display: block;
    float: none;
    padding: 0 0 10px 24px;
}
.drop-box {
    position: absolute;
    left: 42px;
    top: 118px;
    width: 292px;
    height: 224px;
    overflow: auto;
    background: #fefefe;
    border: 1px solid #dadada;
    -webkit-border-radius: 0 0 3px 3px;
    /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 0 0 3px 3px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    padding: 1px 15px 0;
    font-size: 14px;
    line-height: 15px;
    display: none;
    z-index: 50;
}
.drop-box.small {
    height: 164px;
}
.drop-box.active {
    display: block;
}
.drop-box ul {
    padding: 0 15px;
    margin: 0 -15px;
    list-style: none;
    overflow: hidden;
}
.drop-box .alignleft {
    float: left;
    margin: 0 10px 0 0;
}
.drop-box .title {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 3px;
}
.drop-box li {
    border-top: 1px solid #e4e4e4;
    padding: 10px 0 12px;
    position: relative;
    float: left;
    width: 100%;
}
.drop-box li.selected,
.drop-box li:hover {
    background-color: #f6f6f6;
    -webkit-box-shadow: inset 0px 3px 3px 3px #eeeeee;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: inset 0px 3px 3px 3px #eeeeee;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    margin: 0 -14px;
    padding: 10px 14px 12px;
    cursor: pointer;
}
.drop-box li:first-child {
    border-color: #FFF;
}
.drop-box li:first-child:hover {
    border-color: #e4e4e4;
}
.drop-box.company .title {
    margin: 15px 0 0 0;
}
.dk_container.error .dk_toggle {
    color: #fb1b6f;
}
/* styling of comments form elements */

.comments-block {
    margin: 0 0 69px;
    padding: 30px 0 0;
    border-top: 1px solid #eaeaea;
    float: left;
}
.comments-block .title {
    display: block;
    font: 18px/20px Georgia, serif;
    margin: 0 0 32px;
}
.comments {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    line-height: 20px;
}
.comments > li {
    overflow: hidden;
    margin: 0 0 31px;
    padding: 0 0 7px;
    border-bottom: 1px solid #eaeaea;
}
.comments .alignleft {
    float: left;
    margin: 2px 18px 0 0;
}
.comments .text-holder {
    overflow: hidden;
}
.comments .info {
    overflow: hidden;
    margin: 0 0 5px;
}
.comments a {
    font-weight: 600;
}
#content .comments p {
    margin: 0 0 6px;
}
#content .comments .info p {
    margin: 0;
}
.comments-block .links {
    text-align: right;
    font-size: 12px;
    line-height: 14px;
    padding: 0 3px 0 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.comments-block .links li {
    display: inline-block;
    vertical-align: top;
    background: url(../images/separator04.gif) no-repeat 0 2px;
    margin: 0 0 0 8px;
    padding: 0 0 0 13px;
}
.comments-block .links li:first-child {
    background: none;
}
.comments-block .links a {
    color: #a4a3a3;
    margin-left: 8px;
}
.comments-block .links a:hover {
    color: #1b84db;
    text-decoration: none;
}
.comment-form {
    margin: 0;
    overflow: hidden;
}
.comment-form label {
    font: 18px/20px Georgia, serif;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 12px;
}
.comment-form textarea {
    margin: 0 0 15px 0;
}
/* ui-elements */
/*
        design of custom checkboxes
*/

.custom-checkbox,
.custom-radio-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../images/custom-checkbox.png") 0 0 no-repeat;
    float: left;
    margin: 1px 8px 0 0;
}
.custom-checkbox:active,
.custom-radio-button:active {
    background-position: 0 -16px;
}
.custom-checkbox.checked,
.custom-radio-button.checked {
    background-position: 0 -32px;
}
.custom-checkbox.checked:active,
.custom-radio-button.checked:active {
    background-position: 0 -48px;
}
.custom-radio-button {
    background: transparent url("../images/custom-radio-buttons.png") 0 0 no-repeat;
}
a.sort-toggler {
    display: inline-block;
    width: 19px;
    height: 11px;
    cursor: pointer;
    background: url("../images/sprite.png?v=2") no-repeat -818px -530px;
    text-indent: -9999px;
    position: relative;
    top: 4px;
    left: 4px;
}
a.sort-toggler.asc {
    background-position: -818px -552px;
}
a.sort-toggler.desc {
    background-position: -818px -541px;
}
.icon.close {
    display: block;
    width: 23px;
    height: 23px;
    background: url("../images/sprite.png?v=2") no-repeat -866px -570px;
    cursor: pointer;
    text-indent: -9999px;
}
.label {
    position: absolute;
    top: 6px;
    left: -9px;
    background: url("../images/sprite.png?v=2") no-repeat -141px 0;
    width: 44px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
}
.label.bookmark {
    position: relative;
    width: 100px;
    top: -2px;
    left: 23px;
    background-position: -605px -447px;
    text-indent: 38px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 0 0 0;
}
.label.bookmark.active {
    background-position: -1000px -447px;
}
.label.large {
    width: 70px;
    height: 53px;
    left: -10px;
    top: 14px;
    padding: 0;
    overflow: hidden;
}
.label.small {
    width: 49px;
}
.label.small.top {
    background-position: -601px -491px;
    width: 68px;
    height: 36px;
}
.news .label.small,
.label.small.news {
    background-position: -1380px -1444px;
}
.architektur .label.small,
.label.small.architektur {
    background-position: -1380px -1486px;
}
.immobilien .label.small,
.label.small.immobilien {
    background-position: -1332px -1486px;
}
.immobilien-gesuch .label.small,
.label.small.immobilien-gesuch {
    background-position: -1332px -1691px;
}
.events .label.small,
.label.small.events {
    background-position: -1332px -1444px;
}
.jobs .label.small,
.label.small.jobs {
    background-position: -1332px -1528px;
}
.netzwerk .label.small,
.label.small.netzwerk {
    background-position: -1380px -1528px;
}
.unternehmen .label.small,
.label.small.unternehmen {
    background-position: -1332px -1569px;
}
.dienstleistung .label.small,
.label.small.dienstleistung {
    background-position: -1380px -1569px;
}
.dienstleistungs-gesuch .label.small,
.label.small.dienstleistungs-gesuch {
    background-position: -1332px -1610px;
}
.handwerker .label.small,
.label.small.handwerker {
    background-position: -1380px -1610px;
}
.handwerker-gesuch .label.small,
.label.small.handwerker-gesuch {
    background-position: -1332px -1651px;
}
.architektur .label.large,
.label.large.architektur {
    background-position: -452px -1629px;
}
.events .label.large,
.label.large.events {
    background-position: -452px -1471px;
}
.immobilien .label.large,
.label.large.immobilien {
    background-position: -340px -468px;
}
.immobilien-gesuch .label.large,
.label.large.immobilien-gesuch {
    background-position: -828px -1629px;
}
.news .label.large,
.label.large.news {
    background-position: -267px -469px;
}
.netzwerk .label.large,
.label.large.netzwerk {
    background-position: -602px -1471px;
}
.jobs .label.large,
.label.large.jobs {
    background-position: -527px -1471px;
}
.unternehmen .label.large,
.label.large.unternehmen {
    background-position: -677px -1471px;
}
.dienstleistung .label.large,
.label.large.dienstleistung {
    background-position: -527px -1629px;
}
.dienstleistungs-gesuch .label.large,
.label.large.dienstleistungs-gesuch {
    background-position: -602px -1629px;
}
.handwerker .label.large,
.label.large.handwerker {
    background-position: -677px -1629px;
}
.handwerker-gesuch .label.large,
.label.large.handwerker-gesuch {
    background-position: -752px -1629px;
}
span.top {
    position: absolute;
    top: 5px;
    text-transform: uppercase;
    right: 12px;
    color: #343434;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    background: url(../images/sprite.png) no-repeat -1419px -547px;
    height: 17px;
    padding: 0 0 0 18px;
}
.view-holder {
    float: right;
    padding: 20px 0 0 0;
}
.view-holder a {
    float: left;
    height: 15px;
    margin: 0 0 0 11px;
    background: url(../images/sprite.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
.view-holder .linear {
    background-position: -614px -394px;
    width: 22px;
}
.view-holder .linear.active,
.view-holder .linear:hover {
    background-position: -567px -394px;
}
.view-holder .grid {
    background-position: -594px -394px;
    width: 15px;
}
.view-holder .grid.active,
.view-holder .grid:hover {
    background-position: -642px -394px;
}
.view-holder .map-label {
    background-position: -1419px -1354px;
    width: 11px;
    height: 16px;
}
.view-holder .map-label.active,
.view-holder .map-label:hover {
    background-position: -446px -151px;
}
.paging {
    text-align: center;
    padding: 0;
    margin: 10px 0 20px 0;
    list-style: none;
}
.paging li {
    display: inline-block;
    vertical-align: top;
}
.paging li a {
    color: #343434;
}
.paging li a:hover {
    color: #399bec;
    text-decoration: none;
}
.paging li.active {
    color: #399bec;
}
.paging li.prev {
    margin: 0 20px 0 0;
}
.paging li.next {
    margin: 0 0 0 20px;
}
.read-more {
    font-weight: 600;
}
.read-more:hover,
.read-more.hovered {
    color: #197ad9;
    text-decoration: none;
}
/* header.scss */
/* header styles (black bar at top) */

#header {
    color: #666669;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    font: 14px/18px "Lato", Arial, Helvetica, sans-serif;
    /*margin: 0 0 10px 0;*/
    position: relative;
    padding: 0 0 15px 0;
}
#header .meta-nav {
    /*position: absolute;
    z-index: 600;
    top: 45px;
    right: 15px;*/
    padding-top: 10px;
}

    .loggedin #header .meta-nav {
        /*right: 230px;*/
    }
    #header .meta-nav a, #header .meta-nav span {
        display: inline-block;
        margin: 0 0 0 40px;
        /*color: #666669;*/
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        /*font-weight: 300;*/
    }
        #header .meta-nav a:hover,
        #header .meta-nav span:hover {
            text-decoration: none;
            color: #399bec;
        }
#header .section-wrapper {
    position: relative;
    width: 100%;
    z-index: 500;
}

#header .section-wrapper:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #66656a;
}
#header .section-wrapper.scrolled {
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

body.scrolled {
    padding: 300px 0 0 0;
}

.scrolled #header {
    position: fixed;
    top: -300px;
    left: 0;
    width: 100%;
    height: 85px;
    background: #fff;
    margin: 0;
    padding: 0;
    z-index: 499;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .scrolled #header .section-wrapper {
        display: none;
    }

    .scrolled #header #nav li {
        padding: 0 18px 15px 18px;
    }

    .scrolled-logo {
        position: absolute;
        left: 0;
        top: 10px;
        width: 130px;
        height: 60px;
        overflow: hidden;
        display: none;
        z-index: 501;
    }

        .scrolled-logo img {
            width: 100%;
            height: auto;
        }

        .scrolled .scrolled-logo {
            display: inline-block;
        }

        .scrolled #nav {
            margin: 10px 0 0 0;
            text-align: right;
        }

    #nav li.my-account {
        display: none;
    }

        .scrolled #nav li.my-account {
            display: inline-block;
        }

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

    .scrolled .nav-holder {
        position: absolute;
        top: 25px;
        right: 0;
        z-index: 500;
    }

    .scrolled #tags-nav {
        display: none !important;
    }

#header.animate {
    -moz-transform: translateY(300px);
    -webkit-transform: translateY(300px);
    -o-transform: translateY(300px);
    -ms-transform: translateY(300px);
    transform: translateY(300px);
}

#header .section {
    /*width: 998px;*/

    margin: 0 auto;
    padding: 0 15px;
    min-height: 70px;
    float: none;
}
#header .section:after {
    content: '';
    display: block;
    clear: both;
}
#header .search-form {
    margin: 32px 0 0 125px;
    background: url("../images/sprite.png?v=2") no-repeat 0 -101px;
    width: 268px;
    float: left;
}
#header .search-form.loggedout {
    margin-left: 298px;
}
#header .search-form input[type="text"] {
    color: #5f5f5f;
    margin: 0;
    padding: 6px 6px 4px;
    background: none;
    border: none;
    width: 222px;
    float: left;
}
#header .search-form input[type="submit"] {
    padding: 0;
    background: none;
    border: none;
    width: 32px;
    height: 27px;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
}
.login-form {
    margin: 0;
    float: right;
    width: 353px;
}
.login-form .column {
    float: left;
    margin: 0 0 0 8px;
    padding: 1px 0 0;
    font-size: 10px;
    line-height: 12px;
    height: 30px;
}
.login-form .column:first-child {
    margin-left: 0;
}
.login-form input[type="text"],
.login-form input[type="password"] {
    margin: 0 0 6px;
    line-height: 20px;
    padding: 1px 6px 0 12px;
    width: 110px;
    border: 1px solid #dadada;
    -webkit-border-radius: 5px;
    /* Android <= 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 5px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    font: 400 14px/100% "Titillium Web", sans-serif;
    color: #5f5f5f;
}
input[type="password"]:-moz-placeholder {
    opacity: 1;
    color: #5f5f5f;
    line-height: 22px;
}
input[type="password"]::-moz-placeholder {
    opacity: 1;
    color: #5f5f5f;
    line-height: 22px;
}
input[type="password"]::-webkit-input-placeholder {
    opacity: 1;
    color: #5f5f5f;
    line-height: 22px;
}
input[type="password"]:-ms-input-placeholder {
    opacity: 1;
    color: #5f5f5f;
    line-height: 22px;
}
input[type="password"]:focus:-moz-placeholder {
    opacity: 0;
}
input[type="password"]:focus::-moz-placeholder {
    opacity: 0;
}
input[type="password"]:focus::-webkit-input-placeholder {
    opacity: 0;
}
input[type="password"]:focus:-ms-input-placeholder {
    opacity: 0;
}
.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus {
    -webkit-box-shadow: inset 2px 2px 1px 0 #e6e6e6;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: inset 2px 2px 1px 0 #e6e6e6;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.login-form input[type="password"] {
    margin: 0 0 9px;
}
.login-form input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0 3px 0 0;
    float: left;
}
.login-form .custom-checkbox {
    margin: 0 2px 0 0;
}
.login-form input[type="submit"] {
    border: none;
    background: url(../images/sprite.png) no-repeat -242px -165px;
    width: 66px;
    height: 22px;
    padding: 0 5px;
    color: #fff;
    margin: 0 0 0 11px;
}
.login-form .button {
    margin: 0 0 0 6px;
    float: right;
}
.login-form .meta {
    clear: both;
    display: inline-block;
    float: right;
}
.login-form .meta p {
    margin: 0;
    line-height: 12px;
    padding: 2px 0 0 0;
}
.login-form .meta .link,
.login-form .meta label {
    display: inline;
    padding: 0 3px 0 3px;
    font-size: 10px;
    line-height: 12px;
    color: #a7a7a7;
    height: auto;
}
.login-form .meta label {
    padding: 1px 3px 0 3px;
    line-height: 12px;
}
.user-section {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 500;
}

    .scrolled .user-section {
        top: 5px;
    }

    .scrolled .user-section .user-btns {
        display: none !important;
    }

.user-section .holder {
    padding: 5px 0 0;
    float: left;
}
.user-btns {
    text-align: right;
    margin-right: 86px;
    margin-top: 55px;
}
    .user-btns ul li {
        display: inline-block;;
    }

.user-btns a {
    position: relative;
    display: block;
    margin: 0 0 0 20px;
    padding: 0 12px 0 0;
    cursor: pointer;
}

.user-btns .ico-fs1 {
    font-size: 36px;
    display: inline-block;
}

    .user-btns .ico-fs1:hover:before {
        color: #399bec;
        text-decoration: none;
    }

    .user-btns.mobile .ico-fs1:before,
    .user-btns.mobile .ico-fs1:hover:before {
        color: #fff;
        text-decoration: none;
    }

.user-btns .number {
    color: #fff;
    position: absolute;
    width: 22px;
    line-height: 22px;
    height: 22px;
    top: 0;
    right: 0;
    -webkit-border-radius: 22px 22px 22px 22px;
    border-radius: 22px 22px 22px 22px;
    overflow: hidden;
    background: #399bec;
    font-size: 9px;
    font-size: bold;
    text-align: center;
}

.user-btns .number.red {
    background: #e90d69;
}

.btn-holder {
    float: left;
    background: url("../images/separator01.gif") no-repeat 0 32px;
    padding: 0 0 0 12px;
    margin: 0 0 0 19px;
}
.btn-holder .btn {
    float: left;
    background: url("../images/sprite.png?v=2") no-repeat -252px -684px;
    height: 34px;
    line-height: 32px;
    margin: 0 5px 0 35px;
    min-width: 67px;
    color: #FFF;
}
.btn-holder .btn:before,
.btn-holder .btn:after {
    content: '';
    float: left;
    width: 35px;
    height: 34px;
    background: url("../images/sprite.png?v=2") no-repeat -217px -684px;
    margin: 0 0 0 -35px;
}
.btn-holder .btn:after {
    background-position: -447px -684px;
    margin: 0 -5px 0 0;
    width: 5px;
    float: right;
}
.btn-holder .button {
    background: url("../images/sprite.png?v=2") no-repeat 0 -1767px;
    height: 60px;
    width: 106px;
}
.btn-holder .button a:before,
.btn-holder .button a:after {
    background: none;
}
.btn-holder .button a {
    background: none;
    width: 106px;
    height: 60px;
    display: block;
    line-height: 60px;
    margin: 0;
    padding: 0;
}
.btn-holder .button.blue-glow.profile a {
    line-height: 20px;
    padding: 9px 0 0 0px;
}
.user-menu {
    float: right;
    /*position: relative;*/
    z-index: 500;
    margin: 0 0 10px 0;
    position: absolute;
    top: 24px;
    right: 0;
}
.user-menu .alignleft {
    float: left;
}
.user-menu .rounded-image {
    -webkit-border-radius: 60px 60px 60px 60px;
    border-radius: 60px 60px 60px 60px;
    overflow: hidden;
    display: inline-block;
}
a.has-drop {
    font-size: 16px;
    font-weight: 300;
    color: #666669;
}
    a.has-drop:hover {
        fcolor: #399bec;
        text-decoration: none;
    }

    .scrolled a.has-drop .has-drop-txt {
        display: none;
    }

.drop-holder {
    position: relative;
    float: right;
    margin: 20px 0 0 20px;
}
.drop-holder .drop {
    list-style: none;
    position: absolute;
    top: 50px;
    right: 0;

    color: #292929;
    text-align: right;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

    font-size: 16px;
    font-weight: 300;
    width: 200px;
    display: none;
    overflow: hidden;
}

.drop li {

}
    .drop li:first-child a {
        padding: 15px 15px 10px 15px;
    }
    .drop li:last-child a {
        padding: 10px 15px 15px 15px;
    }
    .drop a {
        color: #666669;
        font-size: 16px;
        font-weight: 400;
        display: block;
        padding: 10px 15px;
    }
    .drop a:hover {
        background: #399bec;
        color: #fff;
        text-decoration: none;
    }

    .drop li.logout-button a:hover {
        background: #e84c3d;
    }

    .drop li.username {
        font-size: 18px;
        font-weight: 400;
        display: block;
        padding: 15px;
        background: #66656a;
        color: #fff;
        text-align: center;
    }

.loginflyout {
    position: absolute;
    top: 40px;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 0 0 10px 10px;
    padding: 20px 15px;
    width: 180px;
    z-index: 1010;
}
.loginflyout .login-form {
    width: 100%;
}
.loginflyout .column {
    display: block;
    float: none;
    width: 150px;
    margin: 0;
    padding: 0;
}
.loginflyout .column input {
    width: 100%;
    line-height: 20px;
}
.loginflyout .login-form .button {
    float: right;
}
.loginflyout .meta {
    display: block;
    float: none;
}
#logintoggle {
    position: relative;
    float: left;
    margin: 35px 6px 0 8px;
    height: 24px;
    width: 90px;
    text-align: center;
    line-height: 24px;
    padding-left: 6px;
    display: inline-block;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    cursor: pointer;
}
#logintoggle span {
    background: url("../images/sprite.png?v=2") no-repeat -110px -1767px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
}
#registerheaderbutton {
    float: left;
    width: 106px;
    height: 60px;
    padding-top: 12px;
    display: block;
    color: #fff;
    line-height: 18px;
    text-align: center;
    background: url("../images/sprite.png?v=2") no-repeat 0 -1767px;
}
.notifications-box {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 15px;

    position: absolute;
    top: 145px;
    right: 0;
    width: 400px;
    max-height: 480px;
    display: none;
}
.notifications-box .heading {
    margin: 6px 13px 0 13px;
    border-bottom: 1px solid #d8d8d8;
    background: none;
    width: auto;
    float: none;
    padding: 0;
}
.notifications-box .heading h2 {
    font-size: 14px;
    margin: 0 0 5px 0;
    display: inline-block;
}
.notifications-box .heading a.new-message {
    float: right;
}
.notifications-box .notifications-wrapper {
    min-height: 102px;
    max-height: 400px;
    overflow: auto;
    margin: 0;
}
.notifications-box .notification {
    width: 340px;
    float: left;
    clear: both;
    margin: 0 0 0 13px;
    padding: 7px 0 7px 0;
    border-top: 1px solid white;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
}
.notifications-box .notification img {
    float: left;
    margin: 0 10px 0 0;
    width: 75px;
}
.notifications-box .notification .notification-content {
    display: block;
    float: left;
    width: 200px;
}
.notifications-box .notification span.not-read {
    position: absolute;
    top: 8px;
    left: -12px;
    display: block;
    width: 60px;
    height: 35px;
    background: url("../images/sprite.png?v=2") no-repeat -1259px -1353px;
    font-size: 12px;
    padding: 1px 0 0 10px;
}
.notifications-box .notification h3 {
    font-size: 16px;
    margin: 0 0 2px 0;
}
.notifications-box .notification p {
    font-size: 13px;
    margin: 0;
    line-height: 17px;
}
.notifications-box .notification p.subject {
    font-weight: 600;
    color: #343434;
}
.notifications-box .notification p.date {
    background: none;
}
.notifications-box .notification .button {
    margin: 3px 3px 0 0;
}
.notifications-box.notifications p {
    margin: 0;
}
.notifications-box .footer {
    border-top: 1px solid white;
    margin: 0 13px 6px 13px;
    padding: 6px 0 0 0;
}
.notifications-box .footer a {
    font-size: 13px;
}
/* nav.scss
/* styling of main navigation */

.nav-holder {
    position: relative;
    width: 100%;
    z-index: 499;
}
#nav {
    padding: 0;
    list-style: none;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#nav li {
    display: inline-block;
    color: #666669;
    font-weight: 400;
    font-size: 22px;
    padding: 0 25px 15px 25px;
    cursor: pointer;
    position: relative;
}
#nav li.ressort i,
#nav li.my-account i {
    margin: 0 0 3px 8px;
    color: #adadb3;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

#nav a {
    display: block;
    position: relative;
    color: #666669;
}
#nav a:hover,
#nav .active a,
#nav li:hover {
    text-decoration: none;
    color: #399bec;
}


/* Subnavigation / Flyout */
#nav li ul {
    display: none;
    position: absolute;
    top: 33px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

    #nav li:hover ul {
        display: block;
        background: #fff;
        padding: 10px 20px;
    }

        #nav li ul li {
            display: block;
            text-align: left;
            margin: 0;
            padding: 0;
        }

            #nav li ul li a,
            #nav li.active ul li a {
                font-size: 16px;
                color: #292929;
                display: block;
                margin: 10px 0;
                padding: 0;
            }

            #nav li ul li a:hover{
                color: #399bec;
            }

/*
.nav-holder {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}

#nav,
#nav a,
#nav ul,
#nav li,
#nav div,
#nav form,
#nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

#nav a { text-decoration: none; }

#nav li { list-style: none; }

#nav {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
    max-width: 1140px;
    margin: 0 auto;
    text-align: left;

}

#nav > li {
    display: block;
    float: left;
    color: #666669;
    font-weight: 400;
    font-size: 22px;
    padding: 0 25px 15px 25px;
}

#nav > li > a {
    position: relative;
    display: block;
    z-index: 510;
    color: #666669;
    font-weight: 400;
    font-size: 22px;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#nav > li:hover > a,
#nav > li:hover { color: #399bec; }

#nav > li > div {
    position: absolute;
    display: block;
    top: 33px;

    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    background: #ffffff;

    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;

    padding: 25px;
}

#nav > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

#nav .nav-column {
    float: left;
    display: block;
    width: 50%;
}

    #nav .nav-column.no-headline {
        margin-top: 28px;
    }

#nav .nav-column h4 {
    margin: 0 20px 10px 0;
    line-height: 18px;
    font-weight: bold;
    font-size: 14px;
    color: #372f2b;
}

#nav .nav-column li a {
    display: block;
    line-height: 26px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #888888;
    margin: 0 20px 0 0;
}

#nav .nav-column li a:hover { color: #666666; }
/*

/* sub-nav.scss */
.sub-nav-holder {
    background: url("../images/bg-sub-nav.gif") repeat-x scroll 0 0 #f9f9f9;
    border-bottom: 2px solid #e0e0e0;
    display: none;
    position: fixed;
    top: 132px;
    width: 100%;
    z-index: 3;
}
.sub-nav-holder.active {
    display: none;
}
.sub-nav-holder .sub-nav {
    width: 1140px;
    padding: 21px 15px 14px 15px;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
}
.sub-nav-holder .sub-nav li {
    float: left;
    margin: 0 26px 0 0;
}
.sub-nav-holder .sub-nav a {
    font-size: 14px;
    color: #343434;
    display: inline-block;
    vertical-align: top;
}
.sub-nav-holder .sub-nav a:before {
    background: url("../images/sprite.png?v=2") no-repeat scroll -475px -109px transparent;
    content: '';
    display: inline-block;
    height: 8px;
    margin: 0 5px 0 0;
    width: 4px;
}
.sub-nav-holder.unternehmen .active a,
.sub-nav-holder.unternehmen a:hover {
    color: #0560a5;
}
.sub-nav-holder.unternehmen .active a:before,
.sub-nav-holder.unternehmen a:hover:before {
    background-position: -495px -109px;
}
.sub-nav-holder.news .active a,
.sub-nav-holder.news a:hover {
    color: #d30046;
}
.sub-nav-holder.news .active a:before,
.sub-nav-holder.news a:hover:before {
    background-position: -505px -109px;
}
.sub-nav-holder.investment .active a,
.sub-nav-holder.investment a:hover {
    color: #fdd447;
}
.sub-nav-holder.investments .active a:before,
.sub-nav-holder.investments a:hover:before {
    background-position: -505px -109px;
}
.sub-nav-holder.immobilien .active a,
.sub-nav-holder.immobilien a:hover {
    color: #f5952d;
}
.sub-nav-holder.immobilien .active a:before,
.sub-nav-holder.immobilien a:hover:before {
    background-position: -515px -109px;
}
.sub-nav-holder.jobs .active a,
.sub-nav-holder.jobs a:hover {
    color: #74508d;
}
.sub-nav-holder.jobs .active a:before,
.sub-nav-holder.jobs a:hover:before {
    background-position: -525px -109px;
}
.sub-nav-holder.architektur .active a,
.sub-nav-holder.architektur a:hover {
    color: #48a839;
}
.sub-nav-holder.architektur .active a:before,
.sub-nav-holder.architektur a:hover:before {
    background-position: -535px -109px;
}
.sub-nav-holder.events .active a,
.sub-nav-holder.events a:hover {
    color: #e40c8b;
}
.sub-nav-holder.events .active a:before,
.sub-nav-holder.events a:hover:before {
    background-position: -545px -109px;
}
.sub-nav-holder.netzwerk .active a,
.sub-nav-holder.netzwerk a:hover {
    color: #f4652e;
}
.sub-nav-holder.netzwerk .active a:before,
.sub-nav-holder.netzwerk a:hover:before {
    background-position: -555px -109px;
}
/* _sub-nav-start.scss */

.sub-nav-start {
    background: url("../images/bg-sub-nav-start.gif") repeat-x scroll 0 100% #fcfcfc;
    /*display: none;*/

    position: fixed;
    top: 132px;
    width: 100%;
    z-index: 2;
    /* General Styles of sub-nav-start */
    /* styling of varying hover effects (bullet point graphic & color) */
}
.sub-nav-start h1 {
    font: 30px/32px Georgia, serif;
    color: #1b84db;
    margin: 0 0 5px;
}
.sub-nav-start p {
    margin: 0 0 17px;
}
.sub-nav-start ul a {
    color: #5f5f5f;
}
.sub-nav-start img {
    display: block;
    border: 2px solid #dddddd;
    margin: 0 0 13px;
}
.sub-nav-start ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sub-nav-start li {
    margin: 0 0 18px;
}
.sub-nav-start li:before {
    content: "";
    float: left;
    width: 5px;
    height: 10px;
    background: url("../images/sprite.png?v=2") no-repeat -459px -111px;
    margin: 9px 6px 0 0;
}
.sub-nav-start .info-holder li {
    margin: 0 0 10px;
}
.sub-nav-start.active {
    /*display: block;*/
}
.sub-nav-start .holder {
    width: 997px;
    height: 290px;
    margin: 0 auto;
    padding: 23px 0 21px 6px;
    font-size: 13px;
    line-height: 18px;
}
.sub-nav-start .list-holder {
    overflow: hidden;
    width: 320px;
    margin: 0 0 12px;
}
.sub-nav-start .list-holder ul {
    float: left;
    margin: 0 0 0 21px;
}
.sub-nav-start .list-holder ul:first-child {
    margin-left: 0;
    width: 168px;
}
.sub-nav-start .list-holder li {
    margin: 0 0 2px;
}
.sub-nav-start .column {
    float: left;
    width: 303px;
    border-left: 1px solid #d5d5d5;
    margin: 0 0 0 38px;
    padding: 10px 0 0 58px;
    min-height: 223px;
}
.sub-nav-start .column.right {
    padding: 0 0 0 48px;
    float: right;
    width: 323px;
}
.sub-nav-start .column.right .button:not(.light-blue) a {
    width: 178px;
    display: block;
    text-align: center;
    font-size: 13px;
}
.sub-nav-start .column.right .button:not(.light-blue) span {
    margin: 0 14px 0 0;
}
.sub-nav-start .column:first-child {
    margin-left: 0;
    padding: 0;
    border: none;
}
.sub-nav-start .column.right .button {
    width: 48%;
}
.sub-nav-start .column.right .button a {
    width: 100%;
}
.sub-nav-start.investments .column,
.sub-nav-start.home .column {
    float: left;
    width: 323px;
    border-left: 1px solid #d5d5d5;
    margin: 0 0 0 38px;
    padding: 10px 0 0 38px;
    min-height: 223px;
}
.sub-nav-start.investments .column {
    border-left: none;
    text-align: center;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}
.sub-nav-start.investments .column h1 {
    font: 24px/32px Georgia, serif;
    color: #cccc33;
    margin: 50px 120px 0 100px;
}
.sub-nav-start.home .column:first-child {
    margin-left: 0;
    padding: 0;
    border: none;
}
.sub-nav-start .title {
    display: block;
    color: #343434;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 0 8px;
}
.sub-nav-start .link-list {
    width: 287px;
    float: left;
    margin: 0;
}
.sub-nav-start .link-list h4 {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #343434;
}
.sub-nav-start .link-list.no-headline {
    padding: 28px 0 0 0;
}
.sub-nav-start .link-list ul {
    line-height: 100%;
    list-style-type: none;
    font-size: 14px;
}
.sub-nav-start .link-list ul li {
    margin: 0 0 12px 0;
}
.sub-nav-start .link-list ul li:before {
    background: url("../images/sprite.png?v=2") no-repeat -475px -109px;
    width: 8px;
    height: 9px;
    margin: 3px 2px 0 0;
}
.sub-nav-start .link-list ul li:hover a,
.sub-nav-start .link-list ul li.active a {
    font-weight: 600;
}
.sub-nav-start.unternehmen .link-list ul li:hover:before,
.sub-nav-start.unternehmen .link-list ul li.active:before {
    background-position: -495px -109px;
}
.sub-nav-start.unternehmen .link-list ul li:hover a,
.sub-nav-start.unternehmen .link-list ul li.active a {
    color: #0560a5;
}
.sub-nav-start.news .link-list ul li:hover:before,
.sub-nav-start.news .link-list ul li.active:before {
    background-position: -505px -109px;
}
.sub-nav-start.news .link-list ul li:hover a,
.sub-nav-start.news .link-list ul li.active a {
    color: #d30046;
}
.sub-nav-start.immobilien .link-list ul li:hover:before,
.sub-nav-start.immobilien .link-list ul li.active:before {
    background-position: -515px -109px;
}
.sub-nav-start.immobilien .link-list ul li:hover a,
.sub-nav-start.immobilien .link-list ul li.active a {
    color: #f5952d;
}
.sub-nav-start.jobs .link-list ul li:hover:before,
.sub-nav-start.jobs .link-list ul li.active:before {
    background-position: -525px -109px;
}
.sub-nav-start.jobs .link-list ul li:hover a,
.sub-nav-start.jobs .link-list ul li.active a {
    color: #74508d;
}
.sub-nav-start.architektur .link-list ul li:hover:before,
.sub-nav-start.architektur .link-list ul li.active:before {
    background-position: -535px -109px;
}
.sub-nav-start.architektur .link-list ul li:hover a,
.sub-nav-start.architektur .link-list ul li.active a {
    color: #48a839;
}
.sub-nav-start.events .link-list ul li:hover:before,
.sub-nav-start.events .link-list ul li.active:before {
    background-position: -545px -109px;
}
.sub-nav-start.events .link-list ul li:hover a,
.sub-nav-start.events .link-list ul li.active a {
    color: #e40c8b;
}
.sub-nav-start.netzwerk .link-list ul li:hover:before,
.sub-nav-start.netzwerk .link-list ul li.active:before {
    background-position: -555px -109px;
}
.sub-nav-start.netzwerk .link-list ul li:hover a,
.sub-nav-start.netzwerk .link-list ul li.active a {
    color: #f4652e;
}
.sub-nav-start.events .link-list {
    width: 170px;
}
.sub-nav-start.events .link-list:first-child {
    width: 240px;
}
/* exceptions for immobilien tab */

.sub-nav-start.immobilien .column.wide,
.advanced-search.properties .column.wide {
    width: 100%;
    padding: 10px 0 0 36px;
}
.sub-nav-start.immobilien .column.wide label,
.advanced-search.properties .column.wide label {
    font-size: 14px;
    float: left;
    line-height: 26px;
}
.sub-nav-start.immobilien .column.wide form .row,
.advanced-search.properties .column.wide form .row {
    height: 38px;
    margin: 0 0 10px 0;
}
.sub-nav-start.immobilien .column.wide form .row #property-type,
.advanced-search.properties .column.wide form .row #property-type {
    width: 170px;
}
.sub-nav-start.immobilien .column.wide form .row .number,
.advanced-search.properties .column.wide form .row .number {
    position: relative;
    top: 4px;
}
.sub-nav-start.immobilien .column.wide form .row #number-of-rooms,
.advanced-search.properties .column.wide form .row #number-of-rooms {
    width: 90px;
}
.sub-nav-start.immobilien .column.wide form .row #dk_container_number-of-rooms,
.advanced-search.properties .column.wide form .row #dk_container_number-of-rooms {
    margin: 0 0 0 11px;
}
.sub-nav-start.immobilien .column.wide form .row .regular-input-field,
.advanced-search.properties .column.wide form .row .regular-input-field {
    margin: 0 12px 0 8px;
}
.sub-nav-start.immobilien .column.wide form .row:first-child,
.advanced-search.properties .column.wide form .row:first-child {
    margin: 30px 0 10px 0;
}
.sub-nav-start.immobilien .column.wide form .row:first-child .regular-input-field,
.advanced-search.properties .column.wide form .row:first-child .regular-input-field {
    margin: 0 10px 0 0;
}
.sub-nav-start.immobilien .column.wide form .row .button.yellow,
.advanced-search.properties .column.wide form .row .button.yellow {
    float: right;
    position: relative;
    top: -2px;
    right: 5px;
}
.sub-nav-start.immobilien .column.wide #search-radius.slider,
.advanced-search.properties .column.wide #search-radius.slider {
    margin: 11px 8px 8px 15px;
}
.sub-nav-start.immobilien .column:first-child {
    width: 115px;
}

#tags-nav {
    position: relative;
    margin: 10px auto 0 auto;
}

    #tags-nav #popular-tags {
        display: inline-block;
        position: relative;
    }

    #tags-nav .search-btns {
        display: inline-block;
        position: relative;
    }

    #tags-nav #popular-tags li {
        display: inline-block;
        margin: 0 5px;
    }

        #tags-nav #popular-tags li a {
            display: block;
            font-size: 18px;
            color: #666669;
            background: #e6e6e6;
            padding: 15px;
        }

            #tags-nav #popular-tags li a:hover {
                color: #fff;
                background: #399bec;
                text-decoration: none;
            }

    #tags-nav #popular-tags li .btn-search {
        font-size: 24px;
        color: #adadb3;
        background: #fff;
        display: block;
        font-size: 18px;
        color: #666669;
        /*color: #399bec;*/
        padding: 15px;
        border: 0;
        cursor: pointer;
        position: relative;
        z-index: 498;
    }

    .search-form-mobile {
        display: none;
    }

    .search-form-meta {
        overflow: hidden;
        /*position: absolute;
        top: 0;
        right: 0;
        width: 0;*/
        margin-top: 40px;
        width: 75%;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        .search-form-meta.active {
            /*width: 100%;*/
        }

        .search-form-meta .btn-search {
            font-size: 24px;
            color: #adadb3;
            background: #fff;
            display: inline-block;
            font-size: 18px;
            color: #666669;
            /*color: #399bec;*/
            padding: 15px;
            border: 0;
            cursor: pointer;
            position: relative;
            z-index: 498;
            margin: 10px 0 0 -40px;
        }

    .search-form-meta input[type="text"] {
        background: #fff;
        border: none;
        border-bottom: 2px solid #adadb3;
        /**border-bottom: 2px solid #399bec;*/
        padding: 20px;
        margin: 0 100px 0 0;
        width: 65%;
        font-size: 16px;
        color: #a5a5a5;
        margin: 0;
    }

    .login-area {
        margin-top: 54px;
    }

.advanced-search.properties {
    background: #fcfcfc url(../images/bg-sub-nav-start.gif) repeat-x 2px 100%;
    width: 100%;
    float: left;
    padding: 15px;
    margin: 0 0 20px;
    border: 1px solid #e9e9e9;
}
.advanced-search.properties .row {
    padding-bottom: 10px;
    margin: 0;
}
.advanced-search.properties .input-holder {
    margin-right: 20px;
}
.advanced-search.properties .dk_label {
    color: #fff;
}
.advanced-search.properties label {
    padding: 0 10px 0 0;
    line-height: 24px;
}
.advanced-search.properties .col-12:first-child {
    width: 140px;
}
.advanced-search.properties .col-12:first-child ul {
    margin: 60px 0 0 25px;
}
.advanced-search.properties .col-12:first-child ul li a {
    display: block;
    color: #a8a8a8;
    font-weight: 600;
    border-top: 1px solid #e0e0e0;
    margin: 6px 0 0 0;
    padding: 6px 0 0 0;
}
.advanced-search.properties .col-12:first-child ul li:first-child a {
    border: none;
}
.advanced-search.properties .col-12:first-child ul li.active a {
    color: #f5952d;
}
.advanced-search.properties .col-12.wide {
    padding: 0;
    width: 535px;
    margin: 0 0 0 35px;
}
.advanced-search.properties .col-12.wide .button a {
    width: 80px;
}
/* _widgets.scss */
/* Styling of sidebar */
/*#sidebar {
  float: right;
  width: 235px;
}*/
/* rss subscription on not-homepage sites */

#sidebar .rss h3:before {
    content: '';
    background: url("../images/sprite.png?v=2") no-repeat -485px -77px;
    width: 13px;
    height: 13px;
    float: left;
    margin: 1px 8px 0 0;
}
/* Styling of widget class */

.widget {
    background: #f7f7f7;
    /*border: solid #eeeeee;*/

    border: solid #67676b;
    border-width: 0 1px 1px;
    margin: 0 0 20px;
    width: 100%;
    padding-bottom: 8px;
    /*&:after {
          content: '';
          float: left;
          height: 2px;
          width: 235px;
          background: #f2f2f2 url('../images/bg-widget.gif') no-repeat 0 100%;
          display: block;
          margin: 14px 0 0;
          padding: 2px 0 0;
    }*/
    /* my-company and my-account widget */
    /* calendar */
    /*&.calendar {
            position: relative;

            .heading {
                    margin: 0;
                    padding: 9px 13px 15px;

                    &:after {
                            background: none;
                    }
            }

            .button {
                    margin: 0 13px 0;
            }

            table {
                    margin: 0 0 9px;
                    border-collapse: collapse;
                    border: 1px solid #f2f2f2;
                    width: 235px;

                    th {
                            font-weight: 600;
                            font-size: 10px;
                            line-height: 12px;
                            text-transform: uppercase;
                            background: #f3f3f3;
                            padding: 2px 0 4px;
                    }

                    td {
                            font-size: 13px;
                            line-height: 15px;
                            color: #5a5c5c;
                            border: 1px solid #e1e1e1;
                            text-align: center;
                            font-weight: 600;
                            padding: 11px 0 7px;
                            background: url(../images/sprite.png) no-repeat -9999px -9999px;

                            &:hover {
                                    cursor: pointer;
                            }

                            &.active{
                                    color: #fff;
                                    background: #267dc5 url(../images/sprite.png) no-repeat -157px -223px;
                            }
                    }

                    .event {
                            background: url(../images/sprite.png) no-repeat -119px -223px;
                    }
            }
    } // end of .calendar*/
}
.widget.slided-up {
    background: none;
    border-color: #FFF;
    padding-bottom: 0;
}
.widget.slided-up .heading {
    margin-bottom: 0;
}
.widget.slided-up .heading:after {
    background: none;
}
.widget.slided-up:after {
    background: none;
    margin: 0;
    padding: 0;
    height: 0;
}
.widget p {
    font-size: 13px;
    margin: 0;
}
.widget label {
    font-size: 13px;
    display: block;
    width: 100%;
}
.widget ul li {
    font-size: 13px;
}
.widget .list-image {
    margin: 0 8px 2px 0;
}
.widget .row {
    position: relative;
    margin: 15px 0 0;
    clear: both;
    width: 100%;
}
.widget .row:first-child {
    margin-top: 0;
}
.widget .title {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 0 0 3px;
}
.widget .button a {
    display: block;
    text-align: center;
}
.widget .button.small {
    /*height: 30px;*/
}
.widget h4 {
    display: inline-block;
}
.widget .list-holder h4,
.widget h3.drop-style {
    position: relative;
    padding: 2px 0 1px;
}
.widget .list-holder {
    overflow: hidden;
    background: url("../images/bg-links-list.gif") repeat-y;
    position: relative;
    padding: 0 8px 5px;
    margin: 0 -8px;
}
.widget .list-holder h4 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #343434;
    margin: 0;
}
.widget .list-holder .heading {
    background: url("../images/sprite.png?v=2") no-repeat -880px -741px;
    width: 200px;
    height: 24px;
    margin: 0 -6px 7px;
    padding: 4px 6px 0 13px;
}
.widget .list-holder .heading:after {
    background: none;
}
.widget .list-holder.slided-up {
    height: 22px;
}
.widget .list-holder.slided-up:after {
    background: none;
}
.widget .list-holder:after {
    content: '';
    width: 223px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/bg-links-list.gif") no-repeat -237px 0;
}
.widget .date {
    background: none;
    margin: 0;
    font-size: 12px;
}
.widget .tage {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    line-height: 15px;
}
.widget .tage li {
    display: inline-block;
    vertical-align: top;
    background: url("../images/separator05.gif") no-repeat;
    margin: 0 4px 0 5px;
    padding: 0 0 0 12px;
}
.widget .tage li:first-child {
    background: none;
    margin-left: 0;
}
.widget .tage a {
    color: #5f5f5f;
}
.widget .tage a:hover,
.widget .tage .active a {
    color: #399bec;
    text-decoration: none;
}
.widget .account-status {
    width: 208px;
    height: 9px;
    background: url("../images/sprite.png?v=2") no-repeat -886px -724px;
    padding: 1px;
    overflow: hidden;
    margin: 0 0 11px;
}
.widget .progress-line {
    background: url("../images/sprite.png?v=2") no-repeat -888px -711px;
    width: 105px;
    height: 9px;
    float: left;
}
.widget .mark {
    color: #209de2;
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    background: none;
    padding: 0;
}
.widget .note-text {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 12px;
}
.widget ul.news {
    padding: 0;
    margin: 0 0 11px;
    list-style: none;
}
.widget ul.news li {
    margin: 7px 0 0;
    overflow: hidden;
}
.widget ul.news li .text p a {
    color: #5f5f5f;
    font-weight: 600;
}

.widget ul.news a {
    text-decoration: underline;
}
.widget ul.news a:hover {
    color: #399bec;
}
.widget:after {
    content: '';
    display: block;
    float: left;
    height: 4px;
    position: relative;
    top: 5px;
    width: 100%;
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.1);
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.1);
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.widget .heading {
    /*background: #e5e5e5 url("../images/bg-heading01.gif") no-repeat;*/

    background: #67676b;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 6px 13px 6px;
    float: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    width: auto;
}
.widget .heading h3 {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    /*color: #343434;*/

    color: #fff;
    font: normal 600 14px/16px "Titillium Web", sans-serif;
}
/*
.widget .heading:after {
    content: '';
    display: block;
    float: left;
    height: 2px;
    width: 235px;
    background: url("../images/bg-heading02.gif") no-repeat;
    margin: 6px -13px -8px;
}*/

.widget .heading .fa {
    margin-right: 8px;
}

.widget .heading.style {
    /*background: none;
    border-top: 1px solid #efefef;*/

    border-top: 1px solid #292929;
    padding-top: 14px;
}
.widget .heading.style:after {
    background: none;
}
.widget .heading .title {
    text-align: center;
    font-weight: 600;
    color: #343434;
}
.widget .heading .prev,
.widget .heading .next {
    width: 10px;
    height: 13px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.png) no-repeat -273px 0;
    margin: 4px 0 0;
}
.widget .heading .prev {
    float: left;
}
.widget .heading .prev:hover {
    background-position: -273px -16px;
}
.widget .heading .next {
    float: right;
    background-position: -287px 0;
}
.widget .heading .next:hover {
    background-position: -287px -16px;
}
.widget .widget-content {
    margin: 0 13px 0;
}
.widget .holder ul {
    padding: 0;
    margin: 0 -15px 0 0;
    list-style: none;
    overflow: hidden;
}
.widget .holder li {
    float: left;
    margin: 0 9px 9px 0;
}
.widget .holder li img {
    vertical-align: top;
}
.widget .holder .user-area {
    border-bottom: 1px solid #d4d4d4;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
}
.widget .list-holder .links-list {
    margin-bottom: 0;
    display: none;
}
.widget .links-list {
    overflow: hidden;
    padding: 0 8px 0 5px;
    list-style: none;
    margin: 0 0 5px;
}
.widget .links-list li {
    display: block;
    margin: 0 0 7px;
    position: relative;
}
.widget .links-list a {
    min-height: 17px;
}
.widget .links-list a.add-icon {
    background: url(../images/sprite.png) no-repeat -584px -1px;
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    cursor: pointer;
}
.widget .button.small.light-grey {
    margin: 6px 0 0 0;
}
.widget .button.small.light-grey a {
    text-align: left;
}
.widget .dk_toggle {
    max-width: 180px;
    width: 100%;
}
.widget .slider-holder {
    margin: 0;
    clear: both;
    padding: 5px 0 10px 0;
    width: 105%;
}
.widget .slider-holder .point {
    position: absolute;
    left: 110px;
    top: 3px;
    background: url(../images/sprite.png) no-repeat -36px -81px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
}
.widget .slider-holder .number {
    position: relative;
    top: 3px;
}
.widget .immobilie-form label {
    float: left;
    margin: 0;
}
.widget .immobilie-form select {
    width: 206px;
}
.widget .category-form {
    overflow: hidden;
    margin: 0;
}
.widget.topics input[type="checkbox"] {
    float: left;
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 0;
}
.widget.topics .row {
    overflow: hidden;
    margin: 0;
}
.widget.topics .button {
    margin: 7px 0 0 0;
}
.widget.my-company img,
.widget.my-account img {
    margin: 7px 5px 0 0;
}
.widget.my-company .profile-buttons,
.widget.my-account .profile-buttons {
    display: block;
    width: 132px;
    float: left;
}
.widget.my-company .profile-buttons .button,
.widget.my-account .profile-buttons .button {
    display: block;
}
.widget.my-company .profile-buttons .button a,
.widget.my-account .profile-buttons .button a {
    /*width: 103px;*/
    text-align: center;
    color: #399bec;
}
.widget.my-company .profile-buttons .button.light-grey a,
.widget.my-account .profile-buttons .button.light-grey a {
    color: #5f5f5f;
}
.widget.messages-status .button.invite .icon {
    left: 34px;
}
.widget .map-link-holder {
    overflow: hidden;
    text-align: center;
}
.widget .map-link-holder img {
    vertical-align: top;
}
.widget .checkbox-dropdown .button {
    height: 24px;
    margin: 0;
}
.widget .checkbox-dropdown .button a {
    text-align: left;
    padding: 7px 11px 0;
    min-height: 0;
    height: 18px;
}
.widget .checkbox-dropdown .button span {
    height: 24px;
}
.widget.search-jobs #sector {
    width: 204px;
}
.widget.search-jobs label {
    float: none;
}
.widget.project-search label {
    display: block;
}
.widget.messages-status .conversation-with {
    float: left;
    padding: 10px 0 0 4px;
}
.widget.messages-status .conversation-with p:first-child {
    font-size: 14px;
}
.widget.messages-status .conversation-with .name {
    color: #5f5f5f;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 0 0 3px;
}
.widget.property-search-advanced select#property-type {
    width: 205px;
}
.widget.property-search-advanced label[for="number-of-rooms"] {
    float: none;
    display: block;
}
.widget.property-search-advanced select#number-of-rooms {
    float: none;
    width: 90px;
}
.widget.filter-property-search .widget-content h3 {
    margin: 10px 0 8px 0;
}
.widget.filter-property-search .widget-content h3:first-child {
    margin: 0 0 8px 0;
}
.widget.sort-by label {
    display: inline;
}
.widget .open-close {
    margin: 0 0 8px -2px;
    padding: 0 0 0 2px;
}
.widget .open-close .list {
    list-style: none;
    margin: 0;
}
.widget .opener {
    display: block;
    /*background: url("../images/sprite.png?v=2") no-repeat 0 -684px;*/

    background: #eaeaea;
    width: 100%;
    height: 27px;
    font-size: 14px;
    line-height: 26px;
    color: #5f5f5f;
    margin: 0;
    padding: 0 23px 0 12px;
    overflow: hidden;
}
.widget .opener:hover {
    background-position: 0 -713px;
    text-decoration: none;
}
.widget .active .opener {
    font-size: 13px;
    /*background-position: -434px -650px;*/

    background: #399bec;
    color: #fff;
    text-decoration: none;
}
.widget .opener .number {
    float: right;
}
.widget .slide {
    background: #fff;
    padding: 12px 0 12px 17px;
    display: none;
}
.widget .active .slide {
    display: block;
}
.widget.company,
.widget.my-advertisement {
    /*border-width: 1px 1px 0 1px;*/

    border-width: 1px 1px 1px 1px;
}
.widget.company .heading,
.widget.my-advertisement .heading {
    margin: 0;
}
.widget.company .button,
.widget.my-advertisement .button {
    margin: 10px 0 0 0;
}
.widget.company .button.closer,
.widget.my-advertisement .button.closer {
    margin: 4px 0 0 0;
}
.widget.contact-person h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #343434;
    margin: 0;
}
.widget.contact-person p {
    color: #5f5f5f;
    font-size: 12px;
    margin: 0;
}
.widget.contact-person img {
    margin: 10px 5px 0 0;
}
.widget.newsstream li {
    border-top: 1px solid #dddddd;
    margin: 10px 0 0;
    padding: 9px 0 0;
}
.widget.newsstream li:first-child {
    border: none;
}
.widget.konii-users h3 {
    margin: 0 0 5px;
}
.widget.konii-register h3 {
    margin: 16px 0 20px 3px;
    color: #209be1;
    font: 400 26px/110% "Georgia", serif;
}
.widget.konii-register ul li {
    margin: 0 0 6px 4px;
    background: url("../images/sprite.png?v=2") no-repeat scroll -1424px -438px transparent;
    padding: 0 0 0 12px;
}
.widget.konii-mapbox {
    background: #f7f7f7 url(../images/bg-widget-mapbox.jpg) top left no-repeat;
}

    .widget.konii-mapbox .widget-content {
        min-height: 150px;
        padding-top: 115px;
    }

.widget.active {
    border: 1px solid #399bec;
}

    .widget.active .heading {
        background: #399bec;
    }

.widget .button {
    width: 100%;
    display: block;
}
.widget .button a {
    width: 100%;
    display: block;
}
.widget .input-holder {
    width: 100%;
}

.widget.newsletter .form-ajax-simple-post,
.form-ajax-delete {
    display: inline-block;
    width: 100%;
}
.widget.search-events .input-holder,
.widget.property-search-advanced .input-holder,
.widget.newsletter .input-holder {
    width: 100%;
    display: block;
}

.widget.search-events .input-holder .dk_container,
.widget.property-search-advanced .input-holder .dk_container,
.widget.newsletter .input-holder .dk_container {
    width: 70%;
    max-width: 200px !important;
}

#checkbox-holder-estate-search-categorysimple {
    width: 100%;
}
.slided-up .heading .icon.list-toggler {
    background-position: -1408px -574px;
}
.bubble,
.event-detail-hover {
    width: 184px;
    margin: 0;
}
.bubble div,
.event-detail-hover div {
    background: url("../images/bg-event-detail-hover.png") no-repeat;
    margin: 0;
    min-height: 90px;
}
.bubble div h5,
.event-detail-hover div h5 {
    margin: 0;
    padding: 6px 10px;
    font-size: 13px;
}
.bubble div p,
.event-detail-hover div p {
    margin: 3px 10px 0 10px;
    padding: 0;
    font-size: 12px;
    text-align: left;
}
.bubble div p.reserved,
.event-detail-hover div p.reserved {
    color: #a1a1a1;
}
.bubble:after,
.event-detail-hover:after {
    content: '';
    background: url("../images/bg-event-detail-hover-bottom.png") no-repeat;
    width: 184px;
    height: 22px;
    display: block;
}
.bubble {
    display: block;
    margin: 0 auto;
    width: 173px;
    position: relative;
}
.bubble div {
    background: url("../images/bg-bubble.png") no-repeat;
    min-height: 50px;
}
.bubble div h3 {
    margin: 0 15px 0 38px;
    padding: 9px 0 0 0;
}
.bubble div p {
    margin: 0 15px 0 38px;
    padding: 5px 0 0 0;
    line-height: 16px;
}
.bubble:after {
    content: '';
    background: url("../images/bg-bubble-bottom.png") no-repeat;
    width: 173px;
    height: 22px;
    display: block;
}
#banner-availability-bubble {
    position: absolute;
    z-index: 50;
}
#banner-availability-bubble ul.text-list {
    position: relative;
    top: 9px;
}
.event-detail-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.event-bubble {
    background: url("../images/bg-bubble-large.png") no-repeat;
    width: 264px;
    height: 216px;
    position: absolute;
}
.event-bubble h4 {
    margin: 15px 0 18px 56px;
}
.event-bubble .row {
    margin: 0 18px 8px 17px;
    width: 80%;
}
.event-bubble .row img {
    float: left;
    margin: 0 10px 0 0;
}
.event-bubble .row p {
    margin: 0;
}
.event-bubble .show-all {
    overflow: hidden;
    width: 86%;
    margin: 0 auto;
}
.event-bubble .show-all a {
    font-size: 13px;
}
.icon {
    display: inline-block;
    background: url("../images/sprite.png?v=2") no-repeat;
    width: 21px;
    height: 21px;
    float: right;
    margin: 0 0 -3px 0;
}
.icon.info {
    background-position: -1346px -1354px;
}
.icon.list-toggler {
    background-position: -1408px -606px;
    position: relative;
    top: -1px;
    left: 6px;
}
.widget .row.sector-dropdown {
    margin: 15px 0 10px;
}
.list-holder .heading .icon.list-toggler {
    top: 0;
    left: 0;
}
.multi-step-form-holder .heading .icon.list-toggler {
    top: -3px;
}
h3.front-icon {
    position: relative;
    top: 2px;
    left: -2px;
}
h3.front-icon:before {
    content: '';
    background: url("../images/sprite.png?v=2") no-repeat 0 0;
    width: 19px;
    height: 19px;
    margin: 0 6px 0 0;
    display: block;
    float: left;
}
h3.front-icon.content:before {
    background-position: -761px -1378px;
}
h3.front-icon.my-profile:before {
    background-position: -761px -1406px;
}
h3.front-icon.company-profile:before {
    background-position: -796px -580px;
}
h3.front-icon.property-interface:before {
    background-position: -761px -1348px;
}
h3.front-icon.contracts-bills:before {
    background-position: -868px -650px;
}
h3.front-icon.info-faq:before {
    background-position: -868px -625px;
}
h3.front-icon.tools:before {
    background-position: -868px -603px;
}
h3.front-icon.publish-advertisement:before {
    background-position: -772px -581px;
}
h3.front-icon.immobilien-gesuch:before {
    background-position: -796px -505px;
}
h3.front-icon.maps:before {
    background-position: -446px -151px;
}
/* galleries and sliders */

.gallery-holder {
    position: relative;
    margin: 0 0 18px;
}
.gallery-holder img {
    vertical-align: top;
}
.gallery-holder .gallery-mask {
    position: relative;
    width: 742px;
    height: 304px;
    margin: 0 0 10px;
}
.gallery-holder .gallery-mask .slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 825px;
    height: 304px;
    z-index: 1;
}
.gallery-holder .gallery-mask .slide.active {
    z-index: 2;
}
.gallery-holder .gallery-mask .slide .zoom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 29px;
    height: 29px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.png) no-repeat -43px -247px;
}
.gallery-holder .gallery-mask .slide .zoom:hover {
    background-position: -75px -247px;
}
.thumbnails {
    position: relative;
    padding: 0 25px;
}
.thumbnails .mask {
    width: 693px;
    position: relative;
    overflow: hidden;
}
.thumbnails .slideset {
    float: left;
    width: 99999px;
    position: relative;
    left: 0;
}
.thumbnails .slide {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
    cursor: pointer;
}
.thumbnails .shadow {
    width: 100%;
    height: 100%;
}
.thumbnails .time {
    position: absolute;
    right: -9999px;
    bottom: 0;
    background: url(../images/bg-map-nav.png);
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    padding: 3px 9px 4px;
    z-index: 6;
}
.thumbnails .slide.video:hover .time,
.thumbnails .slide.video.active .time {
    right: 0;
}
.thumbnails .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -14px;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.png) no-repeat -220px -259px;
}
.thumbnails .zoom {
    background: url(../images/sprite.png) no-repeat -273px -35px;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    bottom: 0;
    right: -9999px;
    position: absolute;
}
.thumbnails .slide.active .zoom,
.thumbnails .slide:hover .zoom {
    right: 0;
    z-index: 10;
}
.thumbnails .slide .zoom,
.thumbnails .slide.video .zoom {
    right: -9999px;
}
.thumbnails .slide .zoom:hover {
    background-position: -273px -60px;
}
.thumbnails.no-slider {
    padding: 0;
    width: 110%;
}
.thumbnails.no-slider .slide {
    margin: 7px 7px 0 0;
}
/* square verion of gallery */

.gallery-holder.square {
    width: 304px;
    float: left;
}
.gallery-holder.square .main-image-holder {
    height: 100%;
    overflow: hidden;
}
.gallery-holder.square .slide {
    position: relative;
}
.gallery-holder.square .gallery-mask {
    width: 304px;
}
.gallery-holder.square .gallery-mask .slide {
    width: 304px;
}
.gallery-holder.square .thumbnails {
    background: url("../images/bg-map-nav.png");
    position: absolute;
    bottom: 0;
    padding: 0;
    width: 304px;
}
.gallery-holder.square .thumbnails .mask {
    width: 244px;
    margin-left: 30px;
}
.gallery-holder.square .thumbnails .slide {
    height: 60px;
    margin: 8px 8px 8px 0;
    position: relative;
    overflow: hidden;
    width: auto;
}
.gallery-holder.square .thumbnails .slide img {
    height: 60px;
}
.gallery-holder.square .thumbnails .slide .zoom {
    background: url("../images/sprite.png?v=2") no-repeat -273px -35px;
    width: 14px;
    height: 14px;
}
.gallery-holder.top-companies {
    background: #F7F7F7;
    float: left;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}
.gallery-holder.top-companies .heading {
    background: url("../images/bg-multi-step-form-heading.png") repeat-x scroll 0 0;
    margin: 0;
    overflow: hidden;
    padding: 9px 13px 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    float: none;
    width: auto;
}
.gallery-holder.top-companies .heading h3 {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
}
.gallery-holder.top-companies .thumbnails {
    margin: 15px 10px;
    padding: 0 35px;
}
.gallery-holder.top-companies .thumbnails .mask {
    width: 650px;
}
.gallery-holder.top-companies .arrow-button.medium {
    top: 35px;
}
/* square verion of gallery */

.gallery-holder.square.events .gallery-mask {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ededed));
    /* Chrome, Safari 4+ */

    background-image: -webkit-linear-gradient(top, #f7f7f7, #ededed);
    /* Chrome 10-25, iOS 5+, Safari 5.1+ */

    background-image: -moz-linear-gradient(top, #f7f7f7, #ededed);
    /* Firefox 3.6-15 */

    background-image: -o-linear-gradient(top, #f7f7f7, #ededed);
    /* Opera 11.10-12.00 */

    background-image: linear-gradient(to bottom, #f7f7f7, #ededed);
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.day,
.month {
    display: block;
    text-align: center;
    margin: 0;
    font: normal 160px/100% "Georgia", serif;
    color: #c6c6c6;
    clear: both;
}
.day {
    position: relative;
    top: 20px;
}
.month {
    font-size: 87px;
}
.proffer {
    list-style: none;

}
.proffer h2 {
    font: 18px/24px "Titillium Web", Arial, Helvetica, sans-serif;
    color: #343434;
    margin: 10px 0 4px 0;
    font-weight: 600;
}
.proffer h2 a {
    color: #343434;
}
.proffer h2 .text-style {
    font: 13px/21px "Titillium Web", Arial, Helvetica, sans-serif;
    color: #5f5f5f;
}
.proffer .info {
    font-size: 11px;
    line-height: 13px;
    display: block;
    margin: 0 0 6px;
}
.proffer .text-holder.add-style .info {
    padding-top: 1px;
    margin-bottom: 5px;
}
.proffer .img-holder,
.proffer .date-holder {
    position: relative;
    width: 100%;
    /*height: 184px;*/
    margin: 0 16px 0 0;
    /*float: left;*/
    font: 44px/44px Georgia, serif;
    color: #dbdbdb;
    text-align: center;
}

.proffer .img-holder {
    padding: 10px;
    background: #fff;
}

.proffer .date-holder {
    padding: 2px 0 0 7px;
    /*width: 120px;*/
    height: 125px;
}
.proffer .date-holder .date-number {
    display: block;
    font-size: 78px;
    line-height: 100%;
}
.proffer .date-holder .date-month {
    display: block;
    margin: -7px 0 0;
    line-height: 100%;
}
.proffer .text-holder {
    overflow: hidden;
    padding: 5px 0 0;
    font-size: 14px;
    line-height: 18px;
    /*min-height: 150px;*/
}
.proffer .text-holder.add-style {
    padding-top: 10px;
}

.proffer .text-holder .date {
    font-style: normal;
    display: block;
    margin: 0 0 3px;
    background: none;
}
.proffer .text-holder .btn {
    background: url("../images/sprite.png?v=2") no-repeat;
    width: 48px;
    height: 31px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
.proffer .text-holder .btn.company-profile {
    background-position: -1003px -641px;
}
.proffer .text-holder .btn.company-profile:hover {
    background-position: -949px -641px;
}
.proffer .text-holder .btn.add-network {
    background-position: -893px -641px;
}
.proffer .text-holder .btn.add-network:hover {
    background-position: -893px -641px;
}
.proffer span.top {
    right: 60px;
    top: 0;
}
.proffer .logo-block {
    float: right;
    padding: 38px 10px 0 0;
    margin: 0 0 0 10px;
}
.proffer .info-row {
    margin: 0 0 1px;
    float: left;
    width: 100%;
}
.proffer .info-row .info-text {
    float: left;
    background: url("../images/divider02.gif") no-repeat 0 5px;
    padding: 0 0 0 13px;
    margin: 0 0 0 9px;
}
.proffer .info-row .info-text:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}
.proffer .sub-title {
    font-weight: normal;
    display: block;
    margin: 0 0 7px;
}
.proffer .sub-title.add-style {
    margin-bottom: 14px;
}
.proffer .detail {
    padding: 7px 0 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    color: #5f5f5f;
}
.proffer .detail li {
    float: left;
    width: 165px;
    margin: 0 0 0 15px;
}
.proffer .detail li:first-child {
    margin-left: 0;
}
.proffer .detail .title {
    font-weight: 600;
    margin: 0 4px 0 0;
    display: inline;
    font-size: 14px;
    color: #343434;
}
.proffer .detail-container {
    padding: 7px 0 0;
}
.proffer .detail-container dl {
    float: left;
    width: 150px;
    margin: 0 59px 0 0;
}
.proffer .detail-container dt {
    float: left;
    width: 95px;
    margin: 0 13px 0 0;
    font-weight: 600;
    color: #343434;
}
.proffer .detail-container dd {
    margin: 0;
    overflow: hidden;
    color: #5f5f5f;
}
.proffer .detail-container ul {
    padding: 0;
    margin: 0 24px 0 0;
    list-style: none;
    float: left;
    width: 100px;
}
.proffer .detail-container address {
    line-height: 20px;
    font-style: normal;
    position: relative;
    color: #5f5f5f;
    margin: -2px 0 0;
    padding: 0 0 0 26px;
    float: left;
    width: 110px;
}
.proffer .detail-container address:before {
    content: '';
    background: url("../images/sprite.png?v=2") no-repeat -634px -420px;
    width: 21px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 1px;
}
.proffer .job-meta {
    margin: 7px 0 0 0;
    width: 100%;
}
.proffer .job-meta p {
    display: block;
    float: left;
    width: 209px;
    padding: 0 23px 0 0;
    margin: 0;
}
.proffer .text-block {
    display: block;
    float: left;
    width: 300px;
    margin: 0 0 7px;
}
.proffer .text-block.position,
.proffer .text-block.sector {
    margin: 7px 0 0 0;
    padding: 0 23px 0 0;
    width: 209px;
    float: left;
}
.proffer .user-info {
    display: block;
    width: 190px;
    margin: -3px 0 6px;
}
.proffer .number-info {
    float: right;
    padding: 36px 0 0;
    margin: 0 10px 0 10px;
    list-style: none;
    font-size: 12px;
    line-height: 14px;
}
.proffer .number-info li {
    float: left;
    background: url("../images/separator07.gif") no-repeat 0 50%;
    padding: 7px 0 5px 9px;
    margin: 0 0 0 12px;
    text-align: center;
    border: none;
}
.proffer .number-info li.last-child {
    min-width: 53px;
}
.proffer .number-info .number {
    display: block;
    font-size: 22px;
    line-height: 24px;
    color: #399bec;
    margin: 0 0 1px;
    text-transform: uppercase;
}
.proffer .number-info a {
    color: #5f5f5f;
    font-weight: 600;
}
.proffer .number-info li:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}
.proffer > li {
    position: relative;

    margin: 0;
    margin: 0 0 20px 0;
    /*padding: 0 30px 0 6px;*/
    background: #F7F7F7 url("../images/bg-proffer.png") repeat-x 0 0;
    min-height: 150px;
    /*border-width: 1px;
    border-style: solid;
    border-bottom-color: #f1efef;
    border-left-color: #f7f7f7;
    border-right-color: #f7f7f7;
    border-top-color: #FFF;*/
    border: 1px solid #dedede;
    width: 100%;
}
.proffer > li p a {
    font-weight: 600;
}
.proffer > li img {
    vertical-align: top;
}
.proffer > li .star {
    position: absolute;
    top: 2px;
    right: 26px;
    width: 19px;
    height: 19px;
    background: url("../images/sprite.png?v=2") no-repeat -952px -814px;
    text-indent: -9999px;
}

.mainholder-network .proffer > li .bookmark-only .star,
.mainholder-event .proffer > li .bookmark-only .star {
    top: -26px;
}

.proffer > li .star.active {
    background-position: -928px -814px;
}
.proffer.small > li {
    min-height: 0;
    background-position: left bottom;
    padding: 6px 30px 5px 6px;
    margin: 0 0 10px 0;
}
/** STREAM HOME **/
.proffer.home-stream > li {
    background: #f7f7f7;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    border: 0;
}
.proffer.home-stream > li .posting-description {
    margin: 0 0 7px;
    display: inline-block;
    width: 100%;
}
.proffer.home-stream > li .links-bar {
    background: none;
}
.proffer.home-stream > li .posting {
    /*background: url("../images/bg-proffer.png") repeat-x scroll bottom left transparent;
    border-top-color: #f0f0f0;
    border-left-color: #f0f0f0;
    border-right-color: #f0f0f0;
    border-bottom-color: #efefef;
    border-style: solid;
    border-width: 1px;*/
    height: 100%;
    width: 100%;
    padding: 0 10px 0 6px;
    position: relative;
}
.proffer.home-stream > li .stream-header {
    background: #ededed;
    position: relative;
    height: 80px;
    text-align: center;
    padding-top: 28px;
}
.proffer.home-stream > li .stream-header .stream-header-image {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -28px;
    top: -35px;
}
    .proffer.home-stream > li .stream-header .stream-header-image img {
        border-radius: 100%;
        border: 2px solid #fff;
    }

.proffer.home-stream > li .posting .links-bar {
    margin-left: -6px;
    margin-right: -11px;
    width: auto;
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 20px;
}

.proffer.home-stream > li .posting h2 {
    font-size: 18px;
}

.proffer.home-stream > li .posting .img-holder {
    width: auto;
    height: auto;
    margin: 10px;
}
.proffer.home-stream > li .posting .detail-container {
    padding: 3px 0 0 0;
}
    .proffer.home-stream > li .posting .text-holder ul {
        /*margin-left: 10px;*/
    }

    .proffer.home-stream > li .posting .text-holder ul li,
    .proffer.home-stream > li .posting .detail-container dl dt,
    .proffer.home-stream > li .posting .detail-container dl dd {
        margin-bottom: 3px;
    }

.proffer.home-stream > li .posting .text-holder p {
    margin: 0 0 13px 0;
    width: auto;
}
.proffer.home-stream > li .posting .posted-link {
    border: 1px solid #efefef;
    background: #f8f8f8;
    margin: 0 0 20px 0;
    padding: 3px 6px 5px;
}
.proffer.home-stream > li .posting .posted-link p {
    margin: 0;
}

.proffer.home-stream > li .posted {
    position: absolute;
    bottom: 0;
    right: 15px;
    margin-bottom: 8px;
}

.proffer.home-stream > li.network .posted {
    margin-bottom: 15px;
}

.proffer.home-stream > li .comment-area {
    background: #f7f7f7;
    width: 100%;
    position: relative;
    z-index: 1000;
    padding: 20px;
    border-width: 0 1px 1px 1px;
    border-color: #f4f3f3;
}
.proffer.home-stream > li .comment-area .comment {
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 25px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
    position: relative;
}
.proffer.home-stream > li .comment-area .comment .comment-description {
    margin: 0 0 3px;
}
.proffer.home-stream > li .comment-area .comment .comment-body {
    float: left;
    width: 545px;
}
.proffer.home-stream > li .comment-area .comment .comment-body p:last-child {
    margin: 0;
}
.proffer.home-stream > li .comment-area .comment:hover .report-comment {
    opacity: 1;
}
.proffer.home-stream > li .comment-area .comment .report-comment {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in;
    /* Chrome 1-25, Safari 3.2+ */

    -moz-transition: opacity 0.2s ease-in;
    /* Firefox 4-15 */

    -o-transition: opacity 0.2s ease-in;
    /* Opera 10.50–12.00 */

    transition: opacity 0.2s ease-in;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.proffer.home-stream > li .comment-area .comment .report-comment li {
    float: left;
}
.comment-area .comment .report-comment li:first-child {
    background: none repeat scroll 0 0 transparent;
}
.comment-area .comment .report-comment li {
    background: url("../images/separator04.gif") no-repeat scroll 0 2px transparent;
    display: inline-block;
    padding: 0 0 0 13px;
    vertical-align: top;
}
.proffer.home-stream > li .comment-area .comment .report-comment li a {
    font-size: 11px;
    color: #a4a3a3;
}
.proffer.home-stream > li .comment-area .comment .report-comment li:first-child a {
    margin: 0 6px 0 0;
}
.proffer.home-stream > li .comment-area .comment .report-comment li:first-child:after {
    content: '|';
    color: #a4a3a3;
    font-size: 11px;
    display: block;
    float: right;
    margin: 0 6px 0 0;
}
.proffer.home-stream > li .comment-area .write-comment .regular-input-field {
    width: 100%;
}
.proffer.home-stream > li .comment-area .show-more-comments {
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 12px;
    margin: 0 0 20px;
    cursor: pointer;
}
.proffer.home-stream > li .comment-area .show-more-comments p {
    margin: 0;
}
.proffer.home-stream > li .comment-area .show-more-comments p a {
    font-weight: 400;
}
.proffer.home-stream > li.with-links-bar .posting {
    border-bottom: 0;
}
.proffer.home-stream > li .top {
    background-position: -313px -167px;
    background-color: #7a7a7a;
    color: #FFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 50px;
    height: 18px;
    padding: 1px 0 0 20px;
    margin: -1px 0 0 10px;
    display: inline-block;
    position: static;
    float: right;
    font-size: 12px;
}
.proffer.home-stream > li .widget.employee-box {
    margin: 10px 10px 10px 0;
}
.proffer.home-stream > li .more-contacts {
    float: right;
    text-align: center;
    width: 140px;
}
.proffer.home-stream > li .more-contacts p {
    margin: 25px 15px 0;
}
.proffer.home-stream > li .more-contacts p a {
    font-weight: 400;
}
.proffer.home-stream > li .date-holder {
    width: 90px;
    height: 90px;
    margin: 10px;
}
.proffer.home-stream > li .date-holder .date-number {
    font-size: 60px;
}
.proffer.home-stream > li .date-holder .date-month {
    font-size: 34px;
}
.proffer.home-stream > li .text-block {
    width: 400px;
}
.proffer.home-stream > li .text-block.position,
.proffer.home-stream > li .text-block.sector,
.proffer.home-stream > li .job-meta p {
    width: 230px;
    margin: 0 0 7px 0;
}
.proffer.home-stream > li .number-info li.last-child {
    margin-right: 15px;
}
.posted {
    display: inline-block;
    font-size: 12px;
    float: right;
    color: #919191;
}
.posted:before {
    background: url("../images/sprite.png?v=2") no-repeat -734px -475px;
    content: '';
    float: left;
    width: 15px;
    height: 16px;
    margin: 0 6px 0 0;
}
.post-update {
    float: left;
    width: 100%;
    margin: 15px 0 30px 0;
}
.post-update p:first-child {
    display: inline-block;
    margin: 5px 0 0 0;
}
.post-update .regular-input-field {
    width: 100%;
}
.post-update .button {
    float: left;
    margin-top: 1px;
}
/* my-konii-list-view.scss */

.list-sort-options {
    clear: both;
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
}
.list-sort-options ul {
    display: inline-block;
    float: left;
    margin: 10px 0 0 0;
}
.list-sort-options ul li {
    float: left;
    display: inline-block;
    margin: 0 45px 0 0;
}
.list-sort-options ul li:first-child {
    font: 400 18px/100% "Georgia", serif;
}
.list-sort-options .button {
    float: right;
}
.proffer > li.with-links-bar {
    border-bottom: 0;
}
.proffer > li .links-bar {
    margin: 0;
    width: auto;
    position: relative;
    left: auto;
    bottom: auto;
    right: 0;
}
#footer {
    font: 16px/34px "Lato", Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 30px 0;
    overflow: hidden;
    color: #666669;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}
.f1 {
    display: table-row;
    height: 1%;
}
.f2 {
    display: table-cell;
    border-top: 3px solid #50b0ff;
    background: #292929;
}
.footer-holder {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 36px 0 40px 3px;
}
#footer .container {
    overflow: hidden;
}
#footer .column {
    float: left;
    margin: 0 0 0 26px;
}
#footer .column:first-child {
    margin-left: 0;
}
#footer h4 {
    font-size: 18px;
    margin: 0 0 10px;
    color: #399bec;
}
#footer ul {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
    float: left;
}
#footer .column:first-child ul {
    width: 146px;
}
#footer .column li {
    margin: 0 0 5px;
}
#footer .holder {
    overflow: hidden;
}
#footer ul li a {
    line-height: 18px;
}
#footer .holder ul {
    margin: 0 0 0 22px;
}
#footer .holder ul li {
    margin: 0 0 0 22px;
}
#footer .holder ul:first-child {
    margin-left: 0;
}
#footer .holder.size01 ul {
    width: 78px;
}
#footer .holder.size01 ul:first-child {
    width: 104px;
}
#footer .holder.size02 ul {
    width: 168px;
}
#footer .holder.size02 ul:first-child {
    width: 141px;
}
#footer a {
    color: #666669;
}
#footer a:hover {
    text-decoration: none;
    color: #399bec;
}
#footer ul.social-networks {
    padding: 12px 0 0;
    width: 100%;
    margin: 0 0 0 -20px;
}
#footer .social-networks li {
    float: left;
    margin: 0;
    width: 20%;
    text-align: center;
}
#footer .social-networks li a {
    color: #d9d9d9;
    font-size: 40px;
}

    #footer .social-networks li a:hover {
        color: #399bec;
        text-decoration: none;
    }

#footer .social-networks li .followers {
    display: block;
    text-align: center;
    font-size: 16px;
}
#footer .social-networks li:first-child {
    margin-left: 0;
}
.social-networks .number {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #424a4f;
    background: url(../images/sprite.png) no-repeat -273px -87px;
    display: block;
    width: 58px;
    height: 33px;
    text-align: center;
    padding: 5px 2px 2px;
    margin: 0 0 6px;
}
.social-networks .btn {
    display: block;
    width: 62px;
    height: 31px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.png) no-repeat;
}
.social-networks .twitter .btn {
    background-position: -461px -729px;
}
.social-networks .twitter .btn:hover {
    background-position: -528px -729px;
}
.social-networks .facebook .btn {
    background-position: -563px -763px;
}
.social-networks .facebook .btn:hover {
    background-position: -497px -763px;
}
.social-networks .google-plus .btn {
    background-position: -630px -763px;
}
.social-networks .google-plus .btn:hover {
    background-position: -594px -729px;
}

#footer-copyright {
    background: #e6e6e6;
}

    #footer-copyright ul {
        list-style-type: none;
        margin: 0;
    }

        #footer-copyright ul li {
            display: inline-block;
        }

            #footer-copyright ul li a {
                display: block;
                padding: 15px;
                color: #666669;
            }

                #footer-copyright ul li a:hover {
                    text-decoration: none;
                    color: #399bec;
                }

            #footer-copyright ul li:first-child a {
                padding: 15px 15px 15px 0;
            }

#news-tags {
    position: relative;
    margin: 10px 0 20px 0;
}

    #news-tags ul {
        display: inline-block;
        position: relative;
    }

    #news-tags ul li {
        float: left;
        margin: 0 10px 10px 0;
    }

        #news-tags ul li a {
            display: block;
            font-size: 16px;
            color: #666669;
            background: #e6e6e6;
            padding: 8px 12px;
        }

            #news-tags ul li a.active,
            #news-tags ul li a:hover {
                color: #fff;
                background: #399bec;
                text-decoration: none;
            }

#define-ressorts {
    background: #fff;
    padding: 20px;
    margin: 0 0 40px 0;
    /*-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);*/
}

    #define-ressorts h3 {
        color: #8a61a5;
        font-size: 22px;
        line-height: 27px;
        padding: 0;
        margin: 0 0 10px 0;
    }

    #define-ressorts .btn {
        background: #8a61a5;
        font-size: 18px;
        color: #fff;
        text-shadow: none;
        margin: 10px 0 0 0;
        padding: .5rem 1.5rem;
        -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
        transition: all 0.2s linear;
    }

        #define-ressorts .btn i {
            font-size: 14px;
        }

    #define-ressorts ul {
        display: inline-block;
        position: relative;
    }

    #define-ressorts ul li {
        display: inline-block;
        margin: 0 5px 10px 0;
        font-size: 14px;
        color: #666669;
        background: #e6e6e6;
        padding: 8px 10px;
    }

/* page-benachrichtigungen.scss */
.news-holder {
    background: none repeat scroll 0 0 #f7f7f7;
    overflow: hidden;
    padding: 23px 42px 12px 41px;
    width: 100%;
}
.news-holder h3 {
    color: #343434;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 6px;
}
.news-holder .news-block {
    margin: 0 0 25px;
}
.news-holder .news-block ul {
    border-top: 1px solid #e3e3e3;
    font-size: 13px;
    list-style: none outside none;
    margin: 0;
    padding: 7px 0 0 19px;
}
.news-holder .news-block ul li {
    margin: 0 0 7px;
}
.news-holder .news-block ul li .published {
    margin: 0 4px 0 0;
}
.news-holder .news-block ul li a {
    color: #399BEC;
    text-decoration: none;
}
.news-holder .news-block ul li a:hover {
    text-decoration: underline;
}

.newjobs-quarter-widget {
    padding: 30px 0;
    margin-bottom: 20px;
}

.newjobs-quarter-widget .newjob-item {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    display: inline-block;
}

    .newjobs-quarter-widget .newjob-item img {
        max-width: 100%;
        height: auto;
    }

.newjobs-quarter-widget .newjob-item .newjob-header {
    text-align: center;
    padding: 20px;
}

.newjobs-quarter-widget span {
    display: block;
}

.newjobs-quarter-widget a span.company-name {
    color: #292929;
    font-size: 14px;
    font-weight: 600;
    display: block;
    height: 40px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.newjobs-quarter-widget a span.newjob-date {
    color: #666669;
    font-size: 14px;
    font-weignt: 400;
}

.newjobs-quarter-widget a:hover {
    text-decoration: none;
}

/*.mainholder-home .manage-block {
    display: none !important;
}*/
.grayscale img,
img.grayscale {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    /* Firefox 10+, Firefox on Android */

    filter: gray;
    /* IE6-9 */

    -webkit-filter: grayscale(100%);
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */

    -webkit-transition: -webkit-filter 200ms linear;
    opacity: .9;
}
.grayscale:hover img,
img.grayscale:hover,
img.grayscale.active,
img.grayscale.disabled {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    -webkit-filter: grayscale(0%);
    opacity: 1;
}
/* page-home.scss */

.partners {
    overflow: hidden;
    padding: 0 0 25px 6px;
    /*margin: 230px 0 23px;*/

    margin: 0 0 23px 0;
}
.partners .title {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
.partners .banderole-wrapper {
    padding: 0;
    margin: 0;
    width: 10000px;
    height: 40px;
    overflow: hidden;
    position: relative;
    left: 0;
}
.partners ul {
    padding: 0;
    margin: 0 41px 0 0;
    list-style: none;
    overflow: hidden;
    width: 1650px;
    float: left;
}
.partners ul li {
    display: block;
    vertical-align: middle;
    margin: 0 0 0 41px;
    float: left;
}
.partners ul li:first-child {
    margin-left: 0;
}
.partners ul.logo-list {
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: space-between;
    width: 100%
}
/* start-logged-in.scss */

.nav-section {
    overflow: hidden;
    margin: 0 0 20px;
    padding: 7px 0 9px 0;
}
.nav-section .filter-options {
    margin: 0;
    list-style: none;
    display: table;
    width: 100%;
    background: url("../images/bg-btns-list.png") repeat-x;
}
.nav-section li {
    display: table-cell;
    text-align: center;
    width: 15%;
    color: #399bec;
    vertical-align: top;
}

.nav-section li.active .btn:hover,
.nav-section .btn {
    vertical-align: top;
    /*background: url("../images/sprite.png?v=2") no-repeat -787px -1346px;*/
    background: #f0f0f0;
    border-top: 1px solid #d9d9d9;
    -webkit-box-shadow:inset 0 5px 16px 0 rgba(0,0,0,.1);
    box-shadow:inset 0 5px 16px 0 rgba(0,0,0,.1);

    margin: 10px;
    display: block;
    height: 36px;
    color: #399bec;
    font-size: 14px;
}
.nav-section .btn.style01,
.nav-section .btn.style01:hover {
    /*background-position: -921px -842px;*/
    width: auto;
    height: 36px;
    line-height: 32px;
    margin: 8px 10px;
    padding: 0;
    text-align: center;
}
.nav-section .btn.style01.active {
    /*background-position: -1014px -842px;*/
}

.nav-section li .btn.active,
.nav-section li.active .btn {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f8f8f8+1,e5e5e5+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #f8f8f8 1%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#f8f8f8 1%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#f8f8f8 1%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    text-decoration: none;
    color: #919191;

    border-top: none;
    border-bottom: 1px solid #d9d9d9;
    -webkit-box-shadow: inset 0 -5px 18px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 -5px 18px 0 rgba(0,0,0,.1);

}
.nav-section .filter-categories {
    padding: 8px 2px 9px 16px;
    font-size: 12px;
    line-height: 14px;
    background: url("../images/bg-filter-form.png") repeat-x 0 100%;
}
.nav-section .filter-categories li {
    padding: 0 20px 0 0;
}
.nav-section .filter-categories li label {
    height: auto;
    padding: 2px 0 0 0;
}
.nav-section .filter-categories input[type="checkbox"] {
    margin: 0 3px 0 0;
    padding: 0;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
}

#tab-navigation.nav-section {
    padding: 0;
    margin: 0;
    postion: relative;
    z-index: 2;
}

    #tab-navigation.nav-section .filter-options {
        background: none;
    }

    #tab-navigation.nav-section ul {
        position: relative;
        display: block;
    }

        #tab-navigation.nav-section ul li {
            position: relative;
            display: inline-block;
            width: auto;
        }

    #tab-navigation.nav-section .active .btn {
        background: #f5f5f5;
        border: 1px solid #e5e5e5;
        color: #666669;
    }

    #tab-navigation.nav-section.nav-large .active .btn {
        color: #292929;
    }

        #tab-navigation.nav-section .btn,
        #tab-navigation.nav-section .btn:hover {
            background: #fff;
            color: #399bec;
            border: 1px solid #e5e5e5;

            border-bottom: 1px solid #fff;
            position: relative;
            z-index: 5;

            vertical-align: top;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin: 0 10px;
            padding: 10px 20px;
            display: inline-block;
            height: auto;
            font-size: 14px;
            -webkit-border-radius: 0 0 0 0;
            border-radius: 0 0 0 0;
        }

        #tab-navigation.nav-section.nav-large .btn,
        #tab-navigation.nav-section.nav-large .btn:hover {
            font-size: 16px;
            font-weight: bold;
            font-family: Lato, Arial, sans-serif;
        }

.grey-border {
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin: -1px 0 0 0;
    position: relative;
    z-index: 1;
    background: #fff;
}

#filter-categories {
    margin: 0 0 20px 0;
}

.btn-group span {
    display: none;
}

.note-editor .btn-group span {
    display: inline-block;
}
.note-editor .note-editable p {
    color: inherit;
}
.note-editor .note-editable i {
    font-style: italic;
}
.note-editor .note-editable b {
    font-weight: bold;
}
.note-editor .note-editable ul {
    list-style-type: circle;
}
.note-editor .note-editable ol {
    list-style-type: decimal;
}

.note-editor .note-editable strong {
    color: inherit;
}

.btn-group .btn-stream {
    display: inline-block;
    margin: 0 0 0 10px !important;
    font-size: 14px;
    color: #666669;
    background: #e6e6e6;
    padding: 8px 10px;
    cursor: pointer;
}

    .btn-group .btn-stream:hover,
    .btn-group .btn-stream.active {
        color: #fff;
        background: #399bec;
        text-decoration: none;
    }

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

    .btn-group > .btn:last-child:not(:first-child),
    .btn-group > .dropdown-toggle:not(:first-child) {
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

.loading {
    text-align: center;
    color: #399bec;
    margin: 0 0 9px;
    float: left;
    width: 100%;
}
.loading img {
    vertical-align: top;
    margin: 0 0 2px;
}
/* styles of messages sites */

.messages-box {
    position: relative;
    clear: both;
}
.messages-box .heading {
    background: url("../images/bg-multi-step-form-heading.png") repeat-x scroll 0 0;
    margin: 0;
    overflow: hidden;
    padding: 9px 13px 8px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    float: none;
    width: auto;
}
.messages-box .heading h3 {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #343434;
}
.messages-box .heading h3 .text {
    font-weight: 400;
}
.messages-box.new-message .message-area {
    background: #f7f7f7;
    padding: 16px 38px 13px 42px;
}
.messages-box.new-message label {
    display: block;
    margin: 10px 0 5px 0;
}
.messages-box.new-message input {
    clear: both;
}
.messages-box.new-message textarea {
    height: 190px;
}
.messages-box.new-message .button.submit {
    margin: 10px 0 0 0;
}
.messages-box.inbox .posts-area {
    overflow: hidden;
    padding: 11px 42px 37px 30px;
    background: #f7f7f7;
}
.messages-box.inbox .info-area {
    min-height: 40px;
    clear: both;
}
.messages-box.inbox .info-area .link {
    position: relative;
    top: 10px;
    left: 12px;
}
.messages-box.inbox .info-area .search-form {
    float: right;
    margin: 0 0 10px;
}
.messages-box.inbox .posts-list {
    overflow: hidden;
    padding: 0 15px;
    margin: 0 -15px 26px;
    list-style: none;
    font-size: 13px;
    line-height: 15px;
}
.messages-box.inbox .posts-list li {
    overflow: hidden;
    margin: 0 -15px;
    padding: 17px 26px 11px;
    position: relative;
    /*height: 83px;*/
}
.messages-box.inbox .posts-list li .link {
    position: absolute;
    top: 18px;
    right: 27px;
    color: #5f5f5f;
    font-size: 12px;
    line-height: 14px;
    display: none;
}
.messages-box.inbox .posts-list img {
    margin: 4px 16px 0 0;
}
.messages-box.inbox .posts-list li:hover {
    background: #efefef;
}
.messages-box.inbox .posts-list li:hover .link {
    display: block;
}
.messages-box.inbox .posts-list li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 660px;
    height: 1px;
    background: url(../images/divider.gif) no-repeat 30px 0;
}
.messages-box.inbox .posts-list .label {
    position: absolute;
    left: 11px;
    top: 26px;
    background: url(../images/sprite.png) no-repeat -1256px -1352px;
    width: 70px;
    height: 34px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-indent: 4px;
}

.messages-box.inbox .posts-list .dialogue-entry > a {
    float: left;
}
.messages-box.inbox .posts-list .text-holder {
    overflow: hidden;
    padding: 2px 0 0;
    float: left;
}
.messages-box.inbox .posts-list .title {
    color: #343434;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    display: block;
    margin: 0 0 5px;
}
.messages-box.inbox .posts-list .title a {
    color: #343434;
}
.messages-box.inbox .posts-list .published {
    font-style: normal;
}
.messages-box.inbox .posts-list .info {
    overflow: hidden;
    margin: 0 0 7px;
}
.messages-box.inbox .posts-list .by .mark {
    font-weight: 600;
}
.messages-box.read .comments-area {
    overflow: hidden;
    background: #f7f7f7;
    padding: 16px 43px 17px 40px;
}
.messages-box.read a.show-old-messages {
    display: block;
    text-align: center;
    margin: 0 0 12px 0;
}
.messages-box.read .comments-list {
    overflow: hidden;
    padding: 0 0 0 1px;
    margin: 0;
    list-style: none;
}
.messages-box.read .comments-list li {
    overflow: hidden;
    border-top: 1px solid #e3e3e3;
    padding: 16px 0 0;
    margin: -2px 0 0;
}
.messages-box.read .comments-list li:first-child {
    margin-top: 0;
}
.messages-box.read .comments-list p.sender {
    margin: 0 0 3px 0;
}
.messages-box.read .posts-list .alignleft,
.messages-box.read .comments-form .alignleft,
.messages-box.read .comments-list .alignleft {
    float: left;
    margin: 4px 16px 0 0;
}
.messages-box.read .comments-list .text-holder {
    overflow: hidden;
}
.messages-box.read .comments-form .alignleft {
    margin: 0 18px 0 0;
}
.messages-box.read #content .comments-list .info p {
    margin: 0 0 2px;
}
.messages-box.read #content .comments-list p {
    margin-top: 0;
}
.messages-box.read .comments-list .info {
    overflow: hidden;
    margin: 0 0 9px;
}
.messages-box.read .comments-list .mark {
    font-weight: 600;
}
.messages-box.read .comments-list .published {
    font-size: 13px;
    line-height: 15px;
    font-style: normal;
}
.messages-box.read .comments-form {
    overflow: hidden;
    border-top: 1px solid #e3e3e3;
    padding: 19px 2px 0 0;
    width: 663px;
}
.messages-box.read .comments-form .holder {
    overflow: hidden;
    position: relative;
    padding: 0 0 0 1px;
}
.messages-box.read .comments-form textarea {
    width: 562px;
    height: 79px;
}
.messages-box.read #submit {
    float: right;
    margin: 10px 0 0 0;
}
/* my-konii styles */
/* widget styles */

.widget .title-style.drop-style {
    position: relative;
    padding: 2px 0 1px;
}
#main .heading-area h1.drop-style {
    position: relative;
}
#main .heading-area h1.drop-style:after,
.widget .title-style.drop-style:after {
    content: '';
    position: absolute;
    right: -7px;
    top: 0;
    width: 22px;
    height: 22px;
    background: url("../images/sprite.png?v=2") no-repeat -1407px -606px;
}
.widget .list-holder .title-style:after {
    right: 0;
}
#sidebar .widget .list-holder .title-style {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #343434;
    margin: 0;
}
.widget .menu {
    padding: 0 0 0 5px;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.widget .menu li {
    margin: 0 0 6px;
}
.widget .menu a {
    color: #5f5f5f;
}
#sidebar a.heading {
    display: block;
    color: #343434;
}
.content-area {
    background: #f7f7f7;
    position: relative;
    margin: 0 0 5px;
    padding: 21px 41px 13px 39px;
}
.content-area h2 {
    font: 24px/34px Georgia, serif;
    margin: 0 0 39px;
}
.content-area h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #343434;
    margin: 0 0 14px;
}
.content-area.add-style {
    padding: 21px 20px 13px;
}
.content-area .text-section {
    overflow: hidden;
    margin: 0 0 17px;
    padding: 4px 0 0;
    line-height: 20px;
}
.content-area .text-section .title {
    color: #343434;
    font-weight: 600;
    display: block;
}
.content-area .text-box {
    margin: 0 0 35px;
    color: #fff;
    background: url("../images/bg-text-box.png") no-repeat 0 100%;
    position: relative;
    min-height: 82px;
    padding: 8px 20px;
}
.content-area .text-box.light-blue {
    background: url("../images/bg-text-box-light-blue.png") no-repeat 0 100%;
}
.content-area .text-box.yellow {
    background: url("../images/bg-text-box-yellow.png") no-repeat 0 100%;
}
.content-area .text-box:before {
    content: '';
    background: url("../images/bg-text-box.png") no-repeat;
    width: 704px;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 0;
}
.content-area .text-box.light-blue:before {
    background: url("../images/bg-text-box-light-blue.png") no-repeat;
}
.content-area .text-box.yellow:before {
    background: url("../images/bg-text-box-yellow.png") no-repeat;
}
#content .content-area .text-box h2 {
    font: 22px/24px Georgia, serif;
    margin: 0 0 12px;
    color: #fff;
}
.content-area .text-box .holder {
    overflow: hidden;
}
.content-area .text-box ul {
    padding: 0;
    list-style: none;
    float: left;
    width: 370px;
    margin: 0 0 0 7px;
}
.content-area .text-box ul:first-child {
    margin-left: 0;
    width: 250px;
}
.content-area .text-box ul li {
    background: url("../images/sprite.png?v=2") no-repeat -1422px -1641px;
    padding: 0 0 0 12px;
    margin: 0 0 2px;
}
ul.table {
    padding: 0;
    margin: 0 0 11px;
    list-style: none;
    overflow: hidden;
    background: url("../images/bg-table.png") repeat-x 0 100%;
    font-size: 15px;
    line-height: 20px;
    color: #343434;
}
ul.table li {
    background: url("../images/divider03.png") no-repeat 50% 0;
    overflow: hidden;
    padding: 24px 0 13px 29px;
}
ul.table li.add-style {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
}
ul.table li:first-child {
    background: url("../images/bg-table01.png") no-repeat;
    height: 58px;
    padding: 10px 0 10px 29px;
}
ul.table li .column {
    float: left;
    text-align: center;
}
ul.table li .column:first-child {
    width: 380px;
    text-align: left;
}
ul.table li:first-child .column:first-child {
    padding-top: 9px;
}
ul.table li:first-child .column.size02 {
    font-size: 14px;
    line-height: 19px;
}
ul.table li .column.size02 {
    width: 121px;
}
ul.table li .column .text-style {
    background: url("../images/sprite.png?v=2") no-repeat -1399px -1666px;
    display: block;
    padding: 0 0 0 10px;
}
ul.table li .column .text-style03,
ul.table li .column .text-style02 {
    color: #5f5f5f;
    font-size: 12px;
    line-height: 14px;
    display: block;
}
ul.table li .column .text-style03 {
    display: inline;
}
ul.table li .column.last-child {
    width: 153px;
    float: right;
}
ul.table li:first-child .column.last-child {
    background: url("../images/bg-table02.png") no-repeat;
    color: #fff;
    font: 22px/24px Georgia, serif;
    margin: -9px 0 0;
    padding: 15px 0 0;
    height: 59px;
}
ul.table li:first-child .column.last-child.light-blue {
    background: url("../images/bg-table02-light-blue.png") no-repeat;
}
ul.table li:first-child .column.last-child.yellow {
    background: url("../images/bg-table02-yellow.png") no-repeat;
}
ul.table .yes,
ul.table .no {
    display: block;
    background: url("../images/sprite.png?v=2") no-repeat;
    text-indent: -9999px;
    margin: 0 auto;
}
ul.table .yes {
    background-position: -1245px -1528px;
    width: 27px;
    height: 22px;
}
ul.table .yes.light-blue {
    background-position: -1245px -1561px;
}
ul.table .yes.yellow {
    background-position: -1210px -1561px;
}
ul.table .no {
    background-position: -1210px -1528px;
    width: 23px;
    height: 22px;
}
.info-section {
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
    color: #343434;
    padding: 0 0 0 3px;
    margin: 0 0 20px;
}
.info-section .button {
    float: right;
}
.save-edits {
    padding: 15px 0 0 0;
    float: left;
    clear: both;
    display: block;
}
.save-edits .button {
    float: right;
}
.table-like {
    width: 75%;
}
#content .street-wrapper {
    margin: 0 2% 0 0;
}
/* netzwerk scss */

.netzwerk-user-detail .tabs-content.profile .container {
    height: auto;
}
.user-picture {
    position: relative;
    float: left;
    /*width: 207px;
    width: 100%;*/
    height: auto;
    margin: 0 20px 0 0;
}
.user-picture img {
    max-width: 100%;
    width: 100%;
}
.user-infos,
.group-infos {
    /*width: 510px;*/
    max-width: 354px;
    height: 207px;
    float: left;
    position: relative;
    margin: 0 0 20px 0;
}
.user-infos .contact-details p,
.group-infos .contact-details p {
    margin: 0;
}
.user-infos .button,
.group-infos .button {
    margin-top: 10px;
}
.user-infos .button.add-contact,
.group-infos .button.add-contact,
.user-infos .button.add-contact-active {
    margin-left: 10px;
}
.admin-panel {
    background-color: #F7F7F7;
    margin: 0 0 20px 0;
    border: none;
    width: 100%;
    float: left;
}
.admin-panel .heading {
    background: url("../images/bg-multi-step-form-heading.png") repeat-x scroll 0 0;
    margin: 0;
    overflow: hidden;
    padding: 9px 13px 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    height: 33px;
}
.admin-panel .heading h3 {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
}
.admin-panel a {
    color: #5f5f5f;
}
.admin-panel .button.light-blue a {
    color: #FFF;
}
.admin-panel .widget.employee-box {
    margin: 15px 0 0 15px;
}
.admin-panel .widget.employee-box p {
    display: inline-block;
}
.admin-panel .edit-options {
    display: inline-block;
    float: right;
    position: relative;
    top: -2px;
    right: -6px;
}
.admin-panel .edit-options a {
    color: #343434;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding: 0 6px;
}
.admin-panel p {
    float: none;
    clear: both;
    margin: 0 15px 0;
}
.admin-panel p:last-child {
    margin: 0 15px 8px;
}
.tabs-section.group .number-info {
    padding: 0;
}
.tabs-section.group .info-column .button.bookmark,
.tabs-section.group .info-column .button.bookmark-active {
    margin: 0 0 0 10px;
}
.group-infos p {
    margin: 0;
}
.group-infos .button.join-group {
    position: static;
    margin: 10px 0 0 0;
}
.tabs-content.members h3.line {
    margin: 15px 0 15px 0;
    float: left;
    width: 100%;
}
.tabs-content.members h3.line:first-child {
    margin-top: 0;
}
.widget.employee-box .accept-member,
.widget.employee-box .edit-member {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 5px 8px;
}
.widget.employee-box .accept-member form:first-child .button,
.widget.employee-box .edit-member form:first-child .button {
    margin: 0 5px 4px 4px;
}
.widget.employee-box .accept-member form:first-child .button a,
.widget.employee-box .edit-member form:first-child .button a {
    padding: 3px 24px 4px 33px;
}
.widget.employee-box .accept-member .button,
.widget.employee-box .edit-member .button {
    margin: 0 0 4px 0;
}
.widget.employee-box .accept-member .button a,
.widget.employee-box .edit-member .button a {
    width: auto;
}
.widget.employee-box .accept-member .button:first-child,
.widget.employee-box .edit-member .button:first-child {
    margin: 0 5px 4px 4px;
}
.widget.employee-box .accept-member .button:first-child a,
.widget.employee-box .edit-member .button:first-child a {
    padding: 3px 24px 4px 33px;
}
.widget.employee-box .edit-member .button:first-child a {
    padding: 3px 6px 4px 15px;
    width: 101px;
}
/* page-news.scss */

.rate-holder {
    position: absolute;
    background: url("../images/sprite.png?v=2") no-repeat -10px -442px;
    font: 700 11px/13px "Titillium Web", Arial, Helvetica, sans-serif;
    right: 0;
    padding: 4px 7px 0 0;
    height: 25px;
    bottom: 9px;
    right: 0;
    color: #fff;
}
.rate-holder:before {
    content: "";
    position: absolute;
    background: url("../images/sprite.png?v=2") no-repeat 0 -442px;
    width: 10px;
    height: 25px;
    left: -10px;
    margin: -4px 0 0 0;
}
.rate {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 14px;
    height: 13px;
    background: url("../images/sprite.png?v=2") no-repeat -679px -395px;
    margin: 1px 9px 0 0;
}
.rate:hover {
    background-position: -92px -81px;
}
.rate.active {
    background-position: -92px -81px;
}
.img-holder {
    position: relative;
    margin: 3px 0 8px 0;
}
.img-holder .top-holder .top {
    background-position: -343px -93px;
    color: #FFF;
    font-size: 12px;
    position: static;
    padding: 0 0 0 16px;
}
.img-holder .rate-holder .rate {
    background-position: 0 -81px;
}
.img-holder .rate-holder .rate:hover {
    background-position: -92px -80px;
}
.img-holder .rate-holder .rate.active {
    background-position: -92px -80px;
}
.img-holder .rate-holder .number {
    background: url("../images/sprite.png?v=2") no-repeat scroll -305px -131px transparent;
    border-left: 1px solid white;
    float: left;
    padding: 1px 0 3px 33px;
}

.img-holder:hover a,
.img-holder a {
    text-decoration: none;
}

.news-element {
    margin: 0;
    position: relative;
    border-bottom: 1px solid #ececec;
    padding: 20px 0 0;
}
.news-element:first-child {
    padding-top: 0;
    margin-top: 0;
}
.news-element:last-child {
    border-bottom: 0;
}
.news-element .img-holder {
    margin: 3px 20px 20px 0;
}
.news-element .date {
    font-style: normal;
    background: none;
    margin: 0;
}
.news-element .read-more {
    color: #399bec;
}
.news-element .read-more:hover,
.news-element .read-more.hovered {
    color: #197AD9;
}
.news-element h2 {
    font: 20px/26px Georgia, serif;
    margin: 0 0 9px;
}
.news-element h3 {
    font: 16px/21px Georgia, serif;
    margin: 0;
    display: block;
    float: none;
}
.news-element .text-holder p {
    margin: 0 0 18px;
}
.news-element .info {
    font-size: 12px;
    line-height: 13px;
    margin: 0 0 4px;
}
.news-element .info p {
    margin: 0;
}
.news-element .top-holder {
    background: url("../images/sprite.png?v=2") no-repeat 0 -442px;
    height: 25px;
    color: #fff;
    right: 0;
    padding: 4px 10px 0 7px;
    position: absolute;
    top: 10px;
    right: 0;
    float: left;
}
.news-element .top {
    font-size: 12px;
    top: 21px;
    right: 6px;
    text-transform: uppercase;
    font: 600 14px/16px "Titillium Web", Arial, Helvetica, sans-serif;
    max-width: 75px;
}
.news-element .text-holder {
    overflow: hidden;
}
.news-element .heading {
    overflow: hidden;
    float: none;
    background: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    border: 0;
    width: auto;
}
.news-element img.alignleft {
    margin: 3px 10px 0 0;
}
.news-element .tag-holder .rate-holder {
    display: inline-block;
    vertical-align: top;
    position: inherit;
    background: none;
    color: #343434;
}
.news-element .tag-holder .rate-holder:before,
.news-element .tag-holder .rate-holder:after {
    background: none;
}
.news-element.visual {
    padding: 0;
    margin: 20px 0 15px;
    height: 304px;
    clear: both;
    /*float: left;*/
}
.news-element.visual .heading {
    margin: 0;
}
.news-element.visual .text {
    overflow: hidden;
    margin: 0 0 3px;
}
.news-element.visual .title-holder {
    overflow: hidden;
    padding: 4px 0 0;
}
.news-element.visual .date {
    color: #d9d9d9;
    font-size: 11px;
    line-height: 13px;
    font-style: normal;
    display: block;
    margin: 0 0 2px;
}
.news-element.visual .title {
    font: 20px/26px Georgia, serif;
    display: block;
    margin: 0 0 9px;
}
.news-element.visual .title a {
    text-decoration: none;
}
.news-element.visual .title a:hover {
    text-decoration: none;
    cursor: pointer;
}
.news-element.visual p {
    margin: 0 0 8px 0;
    color: #FFF;
    font-size: 12px;
}
.news-element.visual img {
    max-width: 100%;
    vertical-align: bottom;
}
.news-element.visual a {
    color: #fff;
    text-decoration: underline;
}
.news-element.visual a.tag {
    text-decoration: none;
}
.news-element.visual a:hover {
    text-decoration: none;
    color: #FFF;
}
.news-element.visual .rate-holder {
    top: 12px;
    right: 0;
    padding: 4px 7px 0 0;
}
.news-element.visual .rate-holder .rate {
    background-position: 0 -81px;
    margin: 1px 6px 0 0;
}
.news-element.visual .rate-holder .rate:hover {
    background-position: -92px -80px;
}
.news-element.visual .rate-holder .rate.active {
    background-position: -92px -80px;
}
.news-element.visual .rate-holder .number {
    line-height: 15px;
}
.news-element.visual .rate-holder:before {
    left: -10px;
}
.news-element.visual .rate-holder:after {
    background: none;
}
.news-element.visual .text-block {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 92px;
    background: url("../images/bg-map-nav.png");
    padding: 9px 76px 9px 8px;
    overflow: hidden;
}
.news-element.visual .text-block .top {
    color: #FFF;
    background-position: -343px -94px;
    top: 7px;
}
.news-element.visual .text-block .read-more {
    color: #FFF;
}
.news-element.big {
    margin: 0;
    float: left;
    width: 100%;
}
.news-element.big .heading {
    margin: 0 0 10px;
}
.news-element.big .heading h2 {
    margin: 0;
}
.news-element.medium {
    padding: 20px 0 0;
    float: left;
    width: 100%;
}
.news-element.medium .heading {
    margin: 0 0 5px;
}
.news-element.short {
    margin: 4px 0 0;
    padding: 0 0 4px;
    border-bottom: 1px solid #ececec;
    float: left;
    width: 100%;
}
.news-element.short p {
    color: #5f5f5f;
    margin: 0;
    padding: 0;
}
.news-element.short p a {
    color: #5f5f5f;
    font-weight: normal;
}
.news-element.short p a:hover {
    text-decoration: none;
}
.news-element.short p a.company-link {
    font-weight: 700;
    color: #343434;
}
.news-element.short .read-more {
    font-weight: 600;
    color: #399bec;
}
.news-element.short .read-more:hover,
.news-element.short .read-more.hovered {
    color: #197AD9;
}
.news-element.short strong {
    color: #343434;
}
.news-element.short .date {
    font-style: normal;
    padding: 0 4px 0 0;
}
.tag-holder {
    padding: 0;
    margin: 0 0 10px;
    font: 11px/13px Arial, Helvetica, sans-serif;
    width: 100%;
    display: block;
    float: left;
    clear: both;
}
.tag-holder li {
    display: block;
    float: left;
    margin: 0 7px 0 0;
}
.tag-holder .rate-holder {
    margin: 0 0 0 10px;
}
.tag-holder .rate-holder .number {
    background: url("../images/sprite.png?v=2") no-repeat -229px -349px;
    border-left: 1px solid #848484;
    float: left;
    padding: 1px 0 3px 28px;
}
.tag-holder .tag {
    margin: 0 12px 10px 12px;
    padding: 0 2px;
    text-align: center;
    background-position: -10px -742px;
    display: block;
    color: #fff;
    background: url("../images/sprite.png?v=2") no-repeat -10px -742px;
    height: 21px;
    line-height: 21px;
    position: relative;
    min-width: 58px;
    text-decoration: none;
}
.tag-holder .tag:before,
.tag-holder .tag:after {
    content: "";
    position: absolute;
    top: 0;
    width: 10px;
    height: 21px;
    background: url("../images/sprite.png?v=2") no-repeat 0 -742px;
}
.tag-holder .tag:before {
    left: -10px;
}
.tag-holder .tag:after {
    right: -10px;
    background-position: -447px -742px;
}
.tag-holder .tag:hover {
    background-position: -10px -417px;
}
.tag-holder .tag:hover:before {
    background-position: 0 -417px;
}
.tag-holder .tag:hover:after {
    background-position: -447px -417px;
}
.visual .tag-holder .tag {
    background-position: -10px -394px;
}
.visual .tag-holder .tag:before {
    background-position: 0 -394px;
}
.visual .tag-holder .tag:after {
    background-position: -447px -394px;
}
.visual .tag-holder .tag:hover {
    background-position: -10px -417px;
}
.visual .tag-holder .tag:hover:before {
    background-position: 0 -417px;
}
.visual .tag-holder .tag:hover:after {
    background-position: -447px -417px;
}
.news-overview-list ul.items li {
    overflow: hidden;
}
.news-overview-list ul.items li .read-more {
    float: right;
}
.news-overview-list ul.items li p:hover .read-more {
    color: #197AD9;
}
/* unternehmen scss */

.tabs-section {
    float: left;
    padding: 0 7px 0 0;
    width: 100%;
}
.tabs-section:after {
    content: '';
    display: block;
    clear: both;
}
.tabs-section .info-column {
    float: left;
    /*width: 207px;*/
    font-size: 13px;
    line-height: 18px;
}
.tabs-section .info-column .title {
    font-size: 18px;
    line-height: 20px;
    display: block;
    margin: 0 0 3px;
    color: #343434;
}
.tabs-section .info-column .go-to-company-profile {
    color: #343434;
}
.tabs-section .info-column address {
    font-style: normal;
}
.tabs-section .number-info {
    float: right;
    list-style: none;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 12px 0 0;
}
.tabs-section .number-info img {
    vertical-align: top;
}
.tabs-section .number-info li {
    background: url("../images/separator08.gif") no-repeat scroll 0 9px transparent;
    margin: 0 0 0 20px;
    padding: 0 0 14px 20px;
    position: relative;
    float: left;
    text-align: center;
}
.tabs-section .number-info li:first-child {
    background: none;
}
.tabs-section .number-info li:after {
    background: url("../images/sprite.png?v=2") no-repeat scroll -9999px -9999px transparent;
    bottom: -4px;
    content: "";
    height: 39px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 53px;
}
.tabs-section .number-info li.active:after {
    background: url("../images/sprite.png?v=2") no-repeat scroll -984px -1628px transparent;
}
.tabs-section .number-info a {
    color: #343434;
    font-weight: 600;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 22px;
}
.tabs-section .number-info a:after {
    background: url("../images/sprite.png?v=2") no-repeat scroll -1219px -1606px transparent;
    bottom: 0;
    content: "";
    height: 18px;
    left: 50%;
    margin: 0 0 0 -9px;
    position: absolute;
    width: 18px;
    z-index: 2;
}
.tabs-section .number-info li.active a:after {
    background-position: -1275px -1606px;
}
.tabs-section .number-info .number {
    display: block;
    font-size: 34px;
    line-height: 36px;
    color: #399bec;
    margin: 0 0 1px;
    text-transform: uppercase;
}
.tabs-section .number-info a {
    color: #5f5f5f;
    font-weight: 600;
}
.tabs-section .img-holder {
    text-align: center;
    margin: 0 0 5px;
    float: none;
    height: 32px;
}
.tabs-section .img-holder.user-icon {
    background: url("../images/sprite.png?v=2") no-repeat -1044px -1666px;
}
.tabs-section .img-holder.network-icon {
    background: url("../images/sprite.png?v=2") no-repeat -1120px -1666px;
}
.tabs-section .img-holder.company-icon {
    background: url("../images/sprite.png?v=2") no-repeat -1077px -1666px;
}
.tabs-section.group {
    margin: -40px 0 0;
}
.tabs-section.group .info-column {
    margin: 30px 0 0 0;
}
.tabs-content {
    float: left;
    width: 100%;
    line-height: 20px;
    display: none;
}
.tabs-content.active {
    display: block;
}
.tabs-content .container {
    margin: 0 0 47px;
    position: relative;
    float: left;
}
.tabs-content .text-column {
    float: left;
    padding-right: 15px;
    width: 480px;
}
.tabs-content h3,
.tabs-content .text-column h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 7px;
    padding: 0 0 5px;
}
.tabs-content .contact-column {
    float: right;
    width: 234px;
    line-height: 16px;
}
.tabs-content .contact-column dl {
    overflow: hidden;
    margin: 0;
}
.tabs-content .contact-column dt {
    float: left;
    color: #343434;
    font-weight: 600;
    margin: 0 2px 0 0;
}
.tabs-content .contact-column dl.style01 dt {
    width: 30px;
}
.tabs-content .contact-column dl.style02 dt {
    width: 130px;
}
.tabs-content .contact-column dd {
    overflow: hidden;
}
.tabs-content .contact-column dl.style01 dd {
    margin: 0 0 2px;
}
.tabs-content .contact-column dl.style02 dd {
    margin: 0 0 4px;
}
.tabs-content .contact-column .email {
    color: #343434;
    font-weight: 600;
}
.tabs-content .contact-column .title {
    color: #343434;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 0 0 4px;
}
.tabs-content .contact-column .block {
    overflow: hidden;
    margin: 0 0 23px;
}
.tabs-content .contact-column .block ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    font-size: 13px;
}
.tabs-content .contact-column .block.sector ul li {
    background: url("../images/sprite.png?v=2") no-repeat -1424px -438px;
    padding: 0 0 0 8px;
    margin: 0 0 4px;
}
a.more,
a.more:hover,
a.more:active {
    background: white url("../images/sprite.png?v=2") no-repeat -1396px -1648px;
    bottom: 0;
    left: 0;
    padding: 0 0 5px 15px;
    position: absolute;
    width: 460px;
}
a.more.slided-down {
    background-position: -1420px -1668px;
}
.tabs-heading {
    overflow: hidden;
    background: url("../images/bg-tabs-heading.png") repeat-x;
    padding: 8px 14px 0;
    margin: 0 0 20px;
    min-height: 27px;
}
.tabs-heading h2 {
    font: 20px/22px Georgia, serif;
    margin: 0 0 5px;
}
.web-profiles ul li {
    clear: both;
    margin: 0 0 3px 0;
}
.web-profiles ul li a {
    color: #5f5f5f;
}
.web-profiles ul li a:hover {
    color: #399bec;
    text-decoration: none;
}
.web-profiles ul li:before {
    content: '';
    width: 17px;
    height: 17px;
    display: block;
    background: url("../images/sprite.png?v=2") no-repeat -716px -658px;
    float: left;
    margin: 0 5px 0 0;
}
.web-profiles li.facebook:before {
    background-position: -716px -704px;
}
.web-profiles li.twitter:before {
    background-position: -716px -727px;
}
.web-profiles li.xing:before {
    background-position: -716px -658px;
}
.web-profiles li.linkedin:before {
    background-position: -716px -681px;
}
.web-profiles li.google-plus:before {
    background-position: -716px -750px;
}
.web-profiles li.youtube:before {
    background-position: -716px -773px;
}
.tabs-content.profile .container {
    height: 350px;
    overflow: hidden;
}
.tabs-content.employees h3 {
    margin: 0 0 15px 0;
}
.tabs-content.articles .control-bar {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.tabs-content.articles .control-bar .search-form {
    float: right;
    margin: 0;
}
.tabs-content.articles .control-bar .plugin-holder {
    float: right;
    margin: 8px 0 0 0;
}
.tabs-content.articles .position,
.tabs-content.articles .company {
    font-size: 12px;
    margin: 0;
}
.tabs-content.articles .article-headline {
    font-weight: 600;
    margin: 6px 0 0 0;
}
.tabs-content.articles .article-headline a {
    color: #5f5f5f;
}
.tabs-content.articles .article-headline a:hover {
    color: #5f5f5f;
    text-decoration: underline;
}
.tabs-content.articles .date {
    background: none;
    font-size: 12px;
}
/*
.tabs-content.connections {
        .content-item.small {
                .info-wrapper {
                        height: 65px;
                }
        }
}*/

.connections-wrapper {
    width: 110%;
    float: left;
    clear: both;
}
.widget.employee-box {
    background-color: #F6F6F6;
    border: 1px solid #EEEEEE;
    margin: 0 15px 15px 0;
    padding: 0;
    min-height: 84px;
}

.widget.employee-box.withhead {
    min-height: 115px;
}

.widget.employee-box .heading {
    padding: 1px 4px 3px;
    margin: 0;
    position: relative;
    top: -1px;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.widget.employee-box .heading h3 {
    margin: 7px 0 0 4px;
    padding: 0;
}
.widget.employee-box .heading .contact-bar {
    float: right;
    background-position: -569px -802px;
    height: 29px;
    margin: 0;
    padding: 6px 10px 0;
    width: 85px;
}
.widget.employee-box img {
    margin: 7px;
    float: left;
}
.widget.employee-box strong.title {
    font-size: 14px;
    line-height: 16px;
    margin: 11px 0 4px 0;
    padding: 0 7px 0 0;
}
.widget.employee-box strong.title a {
    color: #399bec;
    /* color: #343434; */
}
.widget.employee-box p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding: 0 7px 0 0;
}
.widget.employee-box:after {
    display: none;
}
/* multi-form-step scss */

.multi-step-form-holder {
    background: #f7f7f7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

.multi-step-form-holder.override {
    background: none;
}

.multi-step-form-holder .multi-step-form {
    padding: 20px 4% 35px;
    position: relative;
}
.multi-step-form-holder .multi-step-form h1 {
    font-size: 20px;
    padding: 0 0 3px;
    margin: 20px 0 15px 0;
    border-bottom: 1px solid #d4d4d4;
}
.multi-step-form-holder .multi-step-form h2 {
    font-size: 16px;
    margin: 0 0 15px 0;
    clear: both;
}
.multi-step-form-holder .multi-step-form h2 .meta-info {
    font-weight: 400;
    color: #5f5f5f;
}
.multi-step-form-holder .multi-step-form h3 {
    clear: both;
    padding: 10px 0 10px 0;
}
.multi-step-form-holder .multi-step-form hr {
    margin: 18px 0 20px 0;
}
.multi-step-form-holder .multi-step-form .row {
    /*width: 100%;
    float: left;*/
}
.multi-step-form-holder .multi-step-form .error-box {
    background: #e7e7e7;
    padding: 12px 0 12px 0;
    margin: 0 0 30px 0;
}
.multi-step-form-holder .multi-step-form .error-box p {
    margin: 0 12px 8px 12px;
}
.multi-step-form-holder .multi-step-form .error-box p strong {
    color: #fb1b6f;
}
.multi-step-form-holder .multi-step-form .error-box p:last-child {
    margin-bottom: 0;
}
.multi-step-form-holder .multi-step-form .error-box p:before {
    content: '';
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    background: url("../images/sprite.png?v=2") no-repeat -705px -501px;
    margin: 0 7px 0 0;
    position: relative;
    top: 2px;
}
.multi-step-form-holder .multi-step-form .error-box.positive p:before {
    background-position: -735px -501px;
}
.multi-step-form-holder .multi-step-form fieldset {
    padding: 0;
    width: 100%;
}

.multi-step-form-holder .multi-step-form .input-holder {
    width: 100%;
}

.multi-step-form-holder .multi-step-form .dk_container,
.multi-step-form-holder .multi-step-form .checkbox-dropdown {
    margin: 0 0 15px 0;
}
.multi-step-form-holder .multi-step-form textarea {
    height: 120px;
}
.multi-step-form-holder .multi-step-form label {
    display: block;
}
.multi-step-form-holder .multi-step-form .regular-input-field {
    margin: 2px 0 15px 0;
}
.multi-step-form-holder .multi-step-form input[type="radio"] {
    width: auto;
    margin: 0 8px 0 0;
}
.multi-step-form-holder .multi-step-form select {
    width: 250px;
}
.multi-step-form-holder .heading,
.multi-step-form-holder .nav-steps,
.lightbox .heading,
.lightbox .nav-steps {
    background: url("../images/bg-multi-step-form-heading.png") repeat-x scroll 0 0;
    margin: 0;
    overflow: hidden;
    padding: 9px 13px 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    width: auto;
    float: none;
}
.multi-step-form-holder .heading h3,
.multi-step-form-holder .nav-steps h3,
.lightbox .heading h3,
.lightbox .nav-steps h3 {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
}
.multi-step-form-holder .nav-steps,
.lightbox .nav-steps {
    padding: 0;
    display: inline-block;
    margin: 20px 0 0 40px;
}

.multi-step-form-holder .nav-steps .button.light-blue,
.lightbox .nav-steps .button.light-blue {
    /*background: none;*/
}

    .multi-step-form-holder .nav-steps .button.light-blue a,
    .lightbox .nav-steps .button.light-blue a {
        color: #fff;
    }

.multi-step-form-holder .nav-steps .button a,
.lightbox .nav-steps .button a {
    font-size: 14px;
    padding: 6px 18px 2px 18px;
}
.multi-step-form-holder .nav-steps .button span,
.lightbox .nav-steps .button span {
    height: 33px;
}

.multi-step-form-holder .nav-steps .button.inactive,
.lightbox .nav-steps .button.inactive {
    background: none;
}

.multi-step-form-holder .nav-steps .button.inactive a,
.multi-step-form-holder .nav-steps .button.inactive span,
.lightbox .nav-steps .button.inactive a,
.lightbox .nav-steps .button.inactive span {
    color: #5f5f5f;
    cursor: pointer;
    background: none;
}
.multi-step-form-holder .nav-steps .button.disabled a,
.multi-step-form-holder .nav-steps .button.disabled span,
.lightbox .nav-steps .button.disabled a,
.lightbox .nav-steps .button.disabled span {
    color: #c1c0c0;
    cursor: default;
    background: none;
}
.multi-step-form-holder.slided-up {
    background: #FFF;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-bottom: 0;
}
.multi-step-form-holder.slided-up .multi-step-form {
    display: none;
}
.form-navigation {
    display: block;
    clear: both;
}
.form-navigation .back-forward {
    float: right;
}
.form-navigation .back-forward .button {
    margin: 0 0 0 10px;
}
/* multi-step-form-extension.scss */

.multi-step-form.description .property-meta-data {
    margin: 15px 0 0 0;
}
.multi-step-form.description .property-meta-data label[for="living-area"] {
    margin: 18px 0 0 0;
}
.multi-step-form.media fieldset.edit-logo .row {
    padding: 15px 0 0 0;
}
.multi-step-form.media fieldset.edit-logo img {
    float: left;
    margin: 0 10px 0 0;
}
.multi-step-form.media .banner-preview {
    margin: 0 0 15px 0;
}
.multi-step-form.media input[name="youtube-link"] {
    width: 585px;
}
.uploaded-attachment {
    clear: both;
    float: left;
    padding: 0 0 10px;
}
.uploaded-attachment .button {
    margin-left: 15px;
}
.uploaded-attachment p {
    display: block;
    float: left;
    line-height: 20px;
    padding: 6px 0 0;
}
fieldset.pictures div.uploaded-picture {
    clear: both;
    float: left;
    margin: 0 0 15px;
    width: 100%;
}
fieldset.pictures div.uploaded-picture:last-child {
    margin: 0;
}
fieldset.pictures div.uploaded-picture img {
    float: left;
    margin: 0 15px 0 0;
}
fieldset.pictures div.uploaded-picture div div {
    margin: 0 0 5px 0;
}

fieldset.pictures div.uploaded-picture div {
    max-width: 800px;
}

fieldset.pictures div.uploaded-picture input {
    width: 230px;
    margin: 6px 0;
}

fieldset.pictures div.uploaded-picture .titleHolder span { display: inline-block; width: 55px; font-size: 12px; }
fieldset.pictures div.uploaded-picture .creatorHolder span { display: inline-block; width: 55px; font-size: 12px;  }
fieldset.pictures div.uploaded-picture .subtitleHolder { float: right; }

fieldset.pictures div.uploaded-picture input.simpleajaximageTitle {
    float: none;
    margin-left: 6px;
}

fieldset.pictures div.uploaded-picture textarea.simpleajaximageSubtitle {
    float: none;
    width: 270px;
    margin-top: 6px;
}

fieldset.pictures div.uploaded-picture input.simpleajaximageCreator {
    float: none;
    margin-left: 6px;
}

fieldset.pictures div.uploaded-picture label {
    float: none;
}
fieldset.pictures div.uploaded-picture .button {
    /*margin: 0 0 0 10px;*/
}
fieldset.pictures p.file-name {
    font-weight: 700;
    margin: 0 0 6px 0;
}
fieldset.pictures p.file-name .meta-info {
    font-weight: 400;
}
.multi-step-form.adjustments .row,
.multi-step-form.extras .row {
    margin: 0 0 3px 0;
}
.multi-step-form.characteristics select {
    width: 273px;
}
.multi-step-form.characteristics label[for="additional-costs-garage"] {
    margin: 18px 0 0 0;
}
.multi-step-form.company-data #company-home-country {
    width: 305px;
}
.multi-step-form.book .column33 p {
    margin: 0;
}
.multi-step-form.book .column33:first-child input {
    margin: 4px 0 10px 0;
}
.multi-step-form.book .column33:last-child {
    margin: 0;
}
.multi-step-form.book .column33:last-child .checkbox.list {
    margin: 15px 0 0 0;
}
.multi-step-form.book .column33:last-child .checkbox.list li {
    font-size: 12px;
}
.multi-step-form.book table.price {
    width: 100%;
    margin: 0 0 15px 0;
}
.multi-step-form.book table.price tr td {
    padding: 2px 0 4px 0;
}
.multi-step-form.book table.price tr td:first-child {
    width: 70%;
}
.multi-step-form.book table.price tr td:last-child {
    width: 30%;
    text-align: right;
    font-weight: 600;
}
.multi-step-form.book table.price tr:last-child td {
    border-top: 1px solid #d4d4d4;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 0 0 0;
}
.multi-step-form.expand-network h2 {
    margin: 0 0 5px 0;
}
.multi-step-form.expand-network .person {
    width: 230px;
    margin: 0 25px 30px 0;
    float: left;
}
.multi-step-form.expand-network .info-block.companies .column {
    background: #f1f1f1;
}
.multi-step-form.expand-network .info-block.companies .column .button.follow-company,
.multi-step-form.expand-network .info-block.companies .column .button.follow-company-active {
    margin: 0 0 7px 11px;
}
.multi-step-form.expand-network .info-block.companies .column .button.follow-company-active a {
    min-width: 178px;
}
.multi-step-form.expand-network .info-block.companies .column .button.follow-company-active a .icon {
    left: 7px;
    top: 1px;
    width: 20px;
}
.multi-step-form-holder.jobs-insert .description #career-level,
.multi-step-form-holder.jobs-insert .description #type-of-job {
    width: 270px;
}
.multi-step-form-holder.jobs-insert #pick-contact-person {
    width: 180px;
}
.multi-step-form-holder.jobs-insert #pick-project {
    width: 200px;
}
.multi-step-form-holder.jobs-insert #group {
    width: 200px;
}
.multi-step-form.timeline .project-description-time-element {
    height: 60px;
    width: 245px;
}
.multi-step-form.timeline .project-event-box {
    overflow: auto;
    height: 210px;
}
.multi-step-form.timeline .project-event-box h4 {
    color: #5F5F5F;
}
.multi-step-form.timeline .project-event-box a {
    color: #A4A3A3;
    font-weight: 600;
    text-decoration: none;
    margin: 0 0 15px;
}
.multi-step-form.timeline .project-event-box a:hover {
    color: #1b84db;
    text-decoration: none;
}
.multi-step-form.timeline .project-event-box p {
    margin: 0 0 5px;
}
.multi-step-form.timeline .project-event-box li {
    margin: 0 0 20px;
}
.multi-step-form.membership h3 {
    margin: 0 0 4px 0;
    padding: 0;
}
.multi-step-form.membership p.customer-id {
    margin: 0 0 15px 0;
}
.multi-step-form.membership table th {
    text-align: left;
    font-weight: 600;
    color: #343434;
    width: 120px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 4px 0;
}
.multi-step-form.membership table th:first-child {
    width: 200px;
}
.multi-step-form.membership table td {
    padding: 2px 0 0 0;
}
.multi-step-form.newsletter img {
    margin: 0 0 15px 0;
}
.multi-step-form.newsletter ul {
    margin: 0 0 30px 0;
}
.multi-step-form.faq h2 {
    font-size: 18px;
    margin: 35px 0 7px 0;
}
.multi-step-form.faq img {
    margin: 0 0 10px 0;
}
.multi-step-form.faq ul.faq-nav {
    margin: 0 0 20px 0;
}
.multi-step-form.faq ul.faq-nav li {
    font-weight: 600;
}
.multi-step-form.faq .hidden-anchor {
    display: block;
    position: relative;
    top: -80px;
}
.multi-step-form.welcome .profile {
    float: left;
    width: 325px;
}
.multi-step-form.welcome .profile:first-child {
    border-right: 1px solid #c6c6c6;
    margin-right: 20px;
}
.multi-step-form.welcome .profile .info {
    position: relative;
    height: 75px;
}
.multi-step-form.welcome .profile .info .profile-complete-status {
    position: absolute;
    bottom: 0;
    left: 85px;
}
.multi-step-form.welcome .profile img {
    float: left;
    margin: 0 10px 0 0;
}
.multi-step-form.welcome .profile p {
    margin: 0;
}
.multi-step-form.welcome .profile .button {
    margin: 15px 8px 0 0;
}
.multi-step-form.welcome .links-list {
    overflow: hidden;
    padding: 0 8px 0 5px;
    list-style: none;
    margin: 0 0 5px;
    width: 400px;
}
.multi-step-form.welcome .links-list li {
    display: block;
    margin: 0 0 0 7px;
    position: relative;
    line-height: 28px;
    padding-left: 28px;
}
.multi-step-form.welcome .links-list a.add-icon {
    background: #399bec;
    /*url(../images/sprite.png) no-repeat -584px -1px;*/

    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 1px;
    /*text-indent: -9999px;*/

    cursor: pointer;
    color: #fff;
    text-align: center;
}
.multi-step-form.welcome .links-list a {
    line-height: 24px;
}
.multi-step-form.welcome .links-list a:last-child {
    float: right;
    border-left: 1px solid #000;
    display: inline-block;
    padding-left: 60px;
    font-size: 12px;
}
.multi-step-form.welcome .list-holder .heading {
    position: relative;
}
.multi-step-form.welcome .list-holder .heading a {
    position: absolute;
    right: 6px;
    top: 6px;
    left: auto;
}
.multi-step-form.welcome .links-list.bordered {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.multi-step-form.welcome .links-list a {
    min-height: 17px;
}

.multi-step-form.login h1 {
    margin: -12px 0 10px 0;
    border: 0;
    color: #399bec;
}

.multi-step-form.login .row > div:last-child {
    border-left: 1px solid #c6c6c6;
}
.multi-step-form.login p:first-child {
    margin: -6px 0 10px 0;
}
.multi-step-form.login .forgot-password {
    width: 145px;
    float: left;
    font-size: 12px;
    position: relative;
    top: -10px;
}
.multi-step-form.login .forgot-password a {
    display: block;
    margin-bottom: 11px;
}
.multi-step-form.login .button.login {
    float: right;
    margin: 12px 0 0 0;
}
.multi-step-form.login .button.login a {
    width: 70px;
}
.multi-step-form.login .button.register-now a {
    width: 115px;
}
.multi-step-form.login .register-form {
    width: 100%;
}
.multi-step-form.forgot-login .regular-input-field {
    width: 310px;
    margin: 0 10px 0 0;
}
.multi-step-form.forgot-login .button a {
    width: 70px;
}
.multi-step-form.employee-requests .row.employee,
.multi-step-form.administrate-employees .row.employee {
    border-bottom: 1px solid #e1e1e1;
    margin-top: 20px;
    padding-bottom: 20px;
}
.multi-step-form.employee-requests .row.employee:first-child,
.multi-step-form.administrate-employees .row.employee:first-child {
    margin: 0;
}
.multi-step-form.employee-requests form:last-child .row.employee,
.multi-step-form.administrate-employees form:last-child .row.employee {
    border-bottom: 0;
}
.multi-step-form.employee-requests .employee-data,
.multi-step-form.administrate-employees .employee-data {
    position: relative;
}
.multi-step-form.employee-requests .employee-data .button,
.multi-step-form.administrate-employees .employee-data .button {
    position: absolute;
    bottom: 0;
    left: 86px;
}
.multi-step-form.employee-requests .name,
.multi-step-form.administrate-employees .name {
    font-size: 14px;
}
.multi-step-form.employee-requests .email,
.multi-step-form.employee-requests .position,
.multi-step-form.administrate-employees .email,
.multi-step-form.administrate-employees .position {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
.multi-step-form.employee-requests label,
.multi-step-form.administrate-employees label {
    font-size: 13px;
    line-height: 16px;
}
.multi-step-form.employee-requests .post-in-company-name,
.multi-step-form.administrate-employees .post-in-company-name {
    width: 70%;
    display: inline-block;
}
.multi-step-form.employee-requests .column30 .button,
.multi-step-form.administrate-employees .column30 .button {
    float: right;
}
.multi-step-form.employee-requests .column30 .button a,
.multi-step-form.administrate-employees .column30 .button a {
    width: 80px;
}
.multi-step-form.employee-requests .column30 .button:last-child,
.multi-step-form.administrate-employees .column30 .button:last-child {
    margin-top: 4px;
}
.multi-step-form.employee-requests .row.contact-person input[type="checkbox"],
.multi-step-form.employee-requests .row.contact-person .custom-checkbox,
.multi-step-form.employee-requests .row.contact-person label,
.multi-step-form.administrate-employees .row.contact-person input[type="checkbox"],
.multi-step-form.administrate-employees .row.contact-person .custom-checkbox,
.multi-step-form.administrate-employees .row.contact-person label {
    margin-top: 10px;
}
.multi-step-form.employee-requests .row.contact-person .regular-input-field,
.multi-step-form.administrate-employees .row.contact-person .regular-input-field {
    position: relative;
    left: -10px;
    top: 3px;
    width: 145px;
    margin: 0;
}
.multi-step-form.administrate-employees .column30 .button:last-child {
    margin-top: 37px;
}
.multi-step-form.invite-employees #employee-email-addresses {
    margin: 0 0 40px 0;
}
.multi-step-form.invite-employees label {
    float: left;
    display: block;
    width: 100%;
}
.multi-step-form.invite-employees-csv #employee-email-addresses-csv {
    width: 320px;
    margin: 0 10px 25px 0;
}
.multi-step-form.invite-employees-csv .button.upload {
    display: block;
}
.multi-step-form.invite-employees-csv p {
    margin: 0 0 4px 0;
}
.multi-step-form.invite-employees-csv p.found-emails {
    margin: 0 0 40px 0;
    width: 392px;
}
.multi-step-form.invite-employees-csv label {
    float: left;
    display: block;
    width: 100%;
}
.multi-step-form.change-email,
.multi-step-form.change-password,
.multi-step-form.contact {
    position: relative;
}
.multi-step-form.change-email .regular-input-field,
.multi-step-form.change-password .regular-input-field,
.multi-step-form.contact .regular-input-field {
    margin: 0 0 15px 0;
}
.multi-step-form.change-email label[for="reason-for-contact"],
.multi-step-form.change-email label[for="subject"],
.multi-step-form.change-password label[for="reason-for-contact"],
.multi-step-form.change-password label[for="subject"],
.multi-step-form.contact label[for="reason-for-contact"],
.multi-step-form.contact label[for="subject"] {
    margin: 25px 0 0 0;
}
.multi-step-form.change-email #reason-for-contact,
.multi-step-form.change-password #reason-for-contact,
.multi-step-form.contact #reason-for-contact {
    width: 320px;
}
.multi-step-form.bills table th {
    text-align: left;
    font-weight: 600;
    width: 140px;
    padding: 0 0 6px 0;
}
.multi-step-form.bills table td {
    padding: 0 0 4px 0;
}
.multi-step-form.marketing-tools h1 {
    margin: 0 0 20px 0;
    border: 0;
    font-size: 24px;
    line-height: 34px;
}
.multi-step-form.marketing-tools h2 {
    margin: 0 0 8px 0;
}
.multi-step-form.marketing-tools strong.title {
    display: block;
    color: #5f5f5f;
    font-size: 14px;
}
.multi-step-form.marketing-tools .profile-link {
    margin: 0 0 15px 0;
    display: block;
}
.multi-step-form.marketing-tools .heading-section {
    border-bottom: 1px solid #cfcfcf;
    margin: 50px 0 15px;
}
.multi-step-form.marketing-tools .heading-section p {
    display: inline-block;
    margin: 0 0 4px 0;
}
.multi-step-form.marketing-tools .heading-section p:last-child {
    float: right;
}
.multi-step-form.marketing-tools .row {
    margin: 20px 0 0 0;
    display: table-row;
}
.multi-step-form.marketing-tools .button-image {
    width: 240px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.multi-step-form.marketing-tools .button-image img {
    position: relative;
    top: -5px;
}
.multi-step-form.marketing-tools .code {
    display: table-cell;
}
.multi-step-form.marketing-tools .code textarea {
    height: 100px;
    width: 440px;
    margin: 0;
}
.multi-step-form.welcome-press {
    padding-bottom: 15px;
}
.multi-step-form.press-reports .press-report {
    margin: 0 0 10px;
    border-top: 1px solid #ececec;
    padding: 20px 0 0 0;
}
.multi-step-form.press-reports .press-report h3 {
    font: 16px/21px "Georgia", serif;
    padding: 0;
    margin: 0 0 8px;
}
.multi-step-form.press-reports .press-report:first-child {
    border: 0;
    padding: 0;
}
.multi-step-form-holder.home-adjustments .multi-step-form fieldset .row {
    margin: 0 0 20px;
}
.multi-step-form-holder.home-adjustments .multi-step-form fieldset .row:last-child {
    margin: 0;
}
.multi-step-form-holder.home-adjustments .multi-step-form.topics fieldset .row {
    margin: 0;
}
.multi-step-form-holder.home-adjustments label[for="distance"] {
    margin: 20px 0 0 0;
}
.multi-step-form-holder.home-adjustments input.distance {
    width: 195px;
    clear: both;
    margin: 6px 0 10px 0;
}
.multi-step-form-holder.home-adjustments .slider-holder {
    margin: 0 0 30px 0;
}
.multi-step-form-holder.home-adjustments ul.tag-holder {
    background-color: #FFF;
    float: left;
    padding: 8px 8px 0;
    min-height: 36px;
    border: 1px solid gainsboro;
    -webkit-box-shadow: inset 0px 0px 2px 1px #eeeeee;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: inset 0px 0px 2px 1px #eeeeee;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    -webkit-border-radius: 2px;
    /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 2px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
}
.multi-step-form-holder.home-adjustments ul.tag-holder #interest-tag-no-data {
    padding: 3px 0 0 0;
}
.multi-step-form-holder.home-adjustments .multi-step-form.topics h2 {
    margin: 0 0 8px 0;
}
.multi-step-form-holder.home-adjustments .multi-step-form.topics ul.instructions {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #dedede;
    padding-bottom: 10px;
}
.multi-step-form-holder.home-adjustments .multi-step-form.topics .tag-holder {
    margin: 0;
}
.multi-step-form-holder.home-adjustments .multi-step-form.topics p.tooltipkonii {
    margin: 5px 0 15px 0;
    float: left;
}
.multi-step-form-holder.reichweite .multi-step-form {
    width: 100%;
    padding: 0;
}
.multi-step-form-holder.reichweite .button {
    float: right;
    margin: 10px;
}
.multi-step-form-holder.reichweite .more-data {
    float: right;
    margin: 17px 10px 0 10px;
}
/* lightboxes.scss */

#lightbox-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/bg-map-nav.png");
    top: 0;
    left: 0;
    z-index: 500;
}
#lightbox-overlay.no-background {
    background: none;
}
.lightbox {
    background: #f4f4f4;
    display: none;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 4px;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    -webkit-box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.5);
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.5);
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    position: fixed;
    z-index: 500;
    /*&.active {
          display: block;
    }*/
}
.lightbox.small {
    width: 437px;
}
.lightbox.medium {
    width: 590px;
}
.lightbox.large {
    width: 720px;
}

#konii-ajax-searchflyout .lightbox.large {
    width: 795px;
}

.lightbox.extra-large {
    width: 855px;
}
.lightbox.flyout:before {
    background: url("../images/sprite.png?v=2") no-repeat scroll -215px -500px transparent;
    content: "";
    display: block;
    height: 14px;
    left: 40px;
    position: absolute;
    top: -14px;
    width: 26px;
}
.lightbox .heading .close {
    position: absolute;
    right: 7px;
    top: 10px;
}
.lightbox .nav-steps {
    margin: 15px 0 15px 0;
}
.lightbox .heading {
    background: url("../images/bg-lightbox-heading.png") repeat-x;
    width: 100%;
    display: block;
    float: left;
    overflow: hidden;
    padding: 12px 0 11px 15px;
    margin: 0;
    border: 0;
    -webkit-border-radius: 4px 4px 0 0;
    /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 4px 4px 0 0;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    -webkit-box-sizing: border-box;
    /* Android ≤ 2.3, iOS ≤ 4 */

    -moz-box-sizing: border-box;
    /* Firefox 1+ */

    box-sizing: border-box;
    /* Chrome, IE 8+, Opera, Safari 5.1 */
}
.lightbox .heading h2 {
    font: 400 20px/100% "Georgia", serif;
    margin: 0;
}
.lightbox .lightbox-content {
    float: left;
    padding: 20px;
    width: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    /* Android ≤ 2.3, iOS ≤ 4 */

    -moz-box-sizing: border-box;
    /* Firefox 1+ */

    box-sizing: border-box;
    /* Chrome, IE 8+, Opera, Safari 5.1 */
}
.lightbox .lightbox-content .row {
    /*display: block;
    width: 100%;
    float: left;
    margin: 8px 0 6px 0;*/
    clear: both;
}

/* FIX ABSTAND ERWEITERN LB raus: margin: 0; */

.lightbox .lightbox-content h2 {
    font: 400 20px/120% "Georgia", serif;
}
.lightbox .lightbox-content .button {
    margin: 0 8px 0 0;
}
.lightbox .lightbox-content .button:last-child {
    margin: 0;
}
.lightbox .lightbox-content label {
    display: block;
}
.lightbox .lightbox-content .regular-input-field {
    float: none;
}
.lightbox.lb-send-message img {
    margin: 0 15px 15px 0;
}
.lightbox.lb-send-message h3 {
    font-size: 16px;
}
.lightbox.lb-send-message h3:first-child {
    margin: 0 0 10px 0;
}
.lightbox.lb-send-message textarea {
    height: 160px;
    margin: 0 0 10px 0;
}
.lightbox.lb-add-participants .list-of-added-participants {
    padding: 10px 10px 0 0;
}
.lightbox.lb-add-participants .list-of-added-participants li {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    position: relative;
}
.lightbox.lb-add-participants .list-of-added-participants li:last-child {
    border: 0;
}
.lightbox.lb-add-participants .list-of-added-participants li a.delete-participant {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 3px;
    right: 2px;
    background: url("../images/sprite.png?v=2") no-repeat scroll -869px -542px transparent;
    cursor: pointer;
}
.lightbox.lb-search .lightbox-content {
    max-height: 400px;
    overflow: auto;
}
.lightbox.lb-search .lightbox-content .company-link {
    color: #399bec;
}
.lightbox.lb-search .lightbox-content .row:last-child {
    margin: 8px 0 26px;
}
.lightbox.lb-search .lightbox-content .button.small.light-grey a {
    padding: 3px 42px 4px 15px;
    text-align: left;
    min-width: 0;
    font-weight: 600;
}
.lightbox.lb-search .lightbox-content .button.small.light-grey .counter-badge {
    right: 10px;
}
.lightbox.lb-search .lightbox-content .search-result-list {
    width: 100%;
    float: left;
    display: block;
    margin: 15px 0 0;
}
.lightbox.lb-search .lightbox-content .search-result-list li {
    display: block;
    float: left;
    width: 30%;
    margin: 0 3% 0 0;
}
.lightbox.lb-search .lightbox-content .search-result-list li img {
    float: left;
    margin: 0 8px 0 0;
}
.lightbox.lb-search .lightbox-content .search-result-list li p {
    font-weight: 600;
    font-size: 12px;
    margin: 0;
}
.lightbox.lb-search .show-all {
    border-top: 1px solid #d4d4d4;
    float: left;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.lightbox.lb-search .show-all a strong {
    color: #399bec;
}
.lightbox.lb-recommend h3 {
    font: 400 16px/120% "Georgia", serif;
}
.lightbox.lb-recommend textarea {
    height: 90px;
}
.lightbox.lb-user-detail {
    width: 320px;
}
.lightbox.lb-user-detail .contact-bar.small {
    position: absolute;
    right: 8px;
    top: 7px;
}
.lightbox.lb-user-detail .lightbox-content {
    padding: 15px;
}
.lightbox.lb-user-detail .user-details {
    float: left;
    position: relative;
    width: 100%;
}
.lightbox.lb-user-detail .user-details p {
    margin: 0;
}
.lightbox.lb-user-detail .user-details p.company-name {
    margin: 0 0 10px;
}
.lightbox.lb-user-detail .contact-data {
    font-size: 12px;
}
.lightbox.lb-user-detail .contact-data tr td:first-child {
    font-weight: 600;
    width: 45px;
}
.lightbox.lb-user-detail .user-meta-data div {
    float: left;
    text-align: center;
    border-right: 1px solid #ebebeb;
    padding: 0 11px 0 0;
    margin: 25px 11px 0 0;
}
.lightbox.lb-user-detail .user-meta-data div:last-child {
    border: 0;
    margin: 25px 0 0;
}
.lightbox.lb-user-detail .user-meta-data div p {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
}
.lightbox.lb-user-detail .user-meta-data div p a {
    color: #5f5f5f;
}
.lightbox.lb-user-detail .user-meta-data div .number {
    color: #399bec;
    font-size: 21px;
    font-weight: 400;
}
.lightbox.lb-user-detail .logo-section {
    background: url("../images/bg-logo-section.gif") repeat-x scroll 0 0 #eaeaea;
    float: left;
    width: 100%;
}
.lightbox.lb-user-detail .logo-section img {
    margin: 10px 15px;
}
.lightbox.lb-user-detail .logo-section p {
    margin: 15px 0 0;
    max-width: 230px;
}
.lightbox.lb-user-detail .logo-section p a {
    color: #5f5f5f;
}
.lightbox.lb-user-detail .links-bar {
    margin: 0;
    padding: 9px 12px;
}
.lightbox.lb-share {
    min-width: 385px;
    height: 36px;
    display: block;
    left: -800px;
}
.lightbox.lb-invite-contacts .lightbox-content,
.lightbox.lb-all-participants .lightbox-content,
.lb-imprint .lightbox-content {
    height: 340px;
    overflow: auto;
    padding: 20px 0 20px 20px;
}
.lb-imprint .lightbox-content {
    padding-right: 20px;
}
.lightbox.lb-invite-contacts input[type="checkbox"],
.lightbox.lb-invite-contacts .custom-checkbox,
.lightbox.lb-all-participants input[type="checkbox"],
.lightbox.lb-all-participants .custom-checkbox {
    margin: 30px 5px 0 0;
}
.lightbox.lb-invite-contacts .invite-nav,
.lightbox.lb-all-participants .invite-nav {
    padding: 15px 20px 10px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Android ≤ 2.3, iOS ≤ 4 */

    -moz-box-sizing: border-box;
    /* Firefox 1+ */

    box-sizing: border-box;
    /* Chrome, IE 8+, Opera, Safari 5.1 */
}
.lightbox.lb-invite-contacts .invite-nav .button,
.lightbox.lb-all-participants .invite-nav .button {
    float: right;
}
.lightbox.lb-invite-contacts .invite-nav .invite-external-contacts,
.lightbox.lb-all-participants .invite-nav .invite-external-contacts {
    position: relative;
    top: 8px;
}
.lightbox.lb-all-participants {
    width: 795px;
}
.lightbox.lb-gallery .number-of-pictures {
    position: absolute;
    right: 44px;
    top: 14px;
}
.lightbox.lb-gallery .image-holder {
    min-height: 367px;
    height: 367px;
    overflow: hidden;
    text-align: center;
}
.lightbox.lb-gallery .image-holder img {
    display: none;
}
.lightbox.lb-gallery .image-description {
    margin: 10px 0 0;
}
.lightbox.lb-gallery .thumbnails {
    margin: 20px 0 0;
}
.lightbox.lb-gallery .thumbnails .mask {
    width: 498px;
}
.lightbox.lb-connect-with-project .lightbox-content {
    min-height: 300px;
}
.lightbox.lb-register .lightbox-content {
    text-align: center;
}
.lightbox.lb-register .lightbox-content p {
    font-size: 13px;
}
.lightbox.lb-register .lightbox-content img {
    margin: 10px 0 0;
}
.lightbox.lb-register .lightbox-content h2 {
    font: 400 24px/130% "Georgia", serif;
    margin: 8px 0 8px;
}
.lightbox.lb-register .lightbox-content label {
    text-align: left;
}
.lightbox.lb-register .lightbox-content .accept-tos {
    margin: 10px 0 0;
    font-size: 13px;
    float: left;
    width: 100%;
}
.lightbox.lb-register .lightbox-content .accept-tos input,
.lightbox.lb-register .lightbox-content .accept-tos .custom-checkbox {
    margin: 0 8px 0 65px;
}
.lightbox.lb-register .lightbox-content .row.register .button.regbox-left {
    margin: 0 0 0 195px;
}
.lightbox.lb-register .lightbox-content .row.register .button.regbox-right {
    margin: 0 0 0 20px;
}

/*
.lightbox.lb-image-adjustments .lightbox-content p {
  margin: 0 0 5px; }
.lightbox.lb-image-adjustments .lightbox-content img {
  margin: 15px 0; }
.lightbox.lb-image-adjustments .lightbox-content .column30 h3 {
  margin: 0 0 7px 0; }
*/
/* isotope.scss */
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
/* _datepicker-styling.scss */

.ui-datepicker {
    width: 200px;
    padding: 0;
    font: 16px/18px "Titillium Web", Arial, Helvetica, sans-serif;
    -webkit-box-shadow: 0px 2px 2px 2px #d5d5d5;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: 0px 2px 2px 2px #d5d5d5;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    -webkit-border-radius: 0;
    /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 0;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    background-image: none;
    background-color: #FFF;
}
.ui-datepicker .ui-datepicker-header {
    font-weight: 700;
    color: #343434;
    background: url("../images/bg-heading01.gif") no-repeat scroll 0 0 #e5e5e5;
    -webkit-border-radius: 0;
    /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */

    border-radius: 0;
    /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

    width: 210px;
    margin: 0;
    border: 0;
    border-top: 0;
}
.ui-datepicker .ui-datepicker-header:after {
    background: url("../images/bg-heading02.gif") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 2px;
    margin: 0;
    width: 210px;
    position: relative;
    top: 5px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 14px;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: #f2f2f2;
}
.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-widget-content .ui-state-default:hover,
.ui-datepicker .ui-widget-header .ui-state-default:hover,
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
    background-color: #1b84db;
    color: #FFF;
}
.ui-datepicker .ui-datepicker-next .ui-state-hover,
.ui-datepicker .ui-datepicker-prev .ui-state-hover,
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
    background-image: none;
    border: 1px solid transparent;
    background-color: transparent;
    cursor: pointer;
}
.ui-datepicker table th {
    font-size: 13px;
    padding: 5px 3px;
}
.ui-datepicker table td {
    font-size: 13px;
}
.calendar-new {
    background: #f7f7f7;
    border-width: 1px;
}
.calendar-new .ui-datepicker {
    -webkit-box-shadow: none;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: none;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    width: 225px;
    background-color: transparent;
}
.calendar-new .ui-datepicker .ui-datepicker-header {
    width: 235px;
}
.calendar-new .ui-datepicker .ui-datepicker-header:after {
    width: 235px;
    top: 5px;
}
.calendar-new .ui-datepicker .ui-state-default,
.calendar-new .ui-datepicker .ui-widget-content .ui-state-default,
.calendar-new .ui-datepicker .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: #e7e7e7;
}
.calendar-new .ui-datepicker .ui-state-default:hover,
.calendar-new .ui-datepicker .ui-widget-content .ui-state-default:hover,
.calendar-new .ui-datepicker .ui-widget-header .ui-state-default:hover {
    background-color: #1b84db;
    color: #FFF;
}
.calendar-new .ui-datepicker table {
    margin: 0 0 10px 0;
}
.ui-datepicker.ui-datepicker-inline {
    -webkit-box-shadow: none;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */

    box-shadow: none;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

    border-bottom: 1px solid #eeeeee;
}
.widget.calendar-new .ui-datepicker,
.widget.calendar-new .ui-datepicker .ui-datepicker-header,
.widget.calendar-new .ui-datepicker .ui-datepicker-header:after {
    width: 100%;
}
.ui-datepicker-free {
    text-decoration: line-through;
}
.admin-panel.statistics .column100 {
    margin: 20px 0 0 20px;
}
.admin-panel.statistics .button {
    margin: 20px 0 0 20px;
}
.main-holder.high {
    padding: 100px 0 0;
}
li .text-holder .connect .btn.add-network {
    margin-top: 10px;
    clear: both;
    float: left;
}
.input-holder #dk_container_static-contact-contactcategory .dk_toggle {
    width: 100px !important;
}
.pic-description {
    color: #959595;
    font-size: 12px;
    margin: -10px 0 10px;
}
.lightbox.flyout-user-detail .user-meta-data div:first-child {
    margin-left: 10px;
}
.tabs-content.subscriptions .no-data-spacer {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.margin-top-lightbox {
    margin-top: 20px;
}
.dk_label {
    display: inline-block;
    height: 14px;
    overflow: hidden;
    color: #5f5f5f;
}
    .dk_theme_blue .dk_label,
    .dk_theme_blue.dk_open .dk_label {
        color: #fff;
    }
.widget.regbanner {
    height: 630px;
    padding-bottom: 0px;
}
.widget.regbanner:after {
    top: -7px;
}
.row.lower.margin-top-lightbox {
    margin-top: 20px;
}
#investment-top {
    position: relative;
    background: url(../images/investment/investment-top.jpg) top left no-repeat;
    width: 100%;
    float: left;
    height: 540px;
    padding: 58px 0 0 64px;
}
#investment-bottom h1,
#investment-top h1 {
    font-size: 24px;
    font-family: Georgia, Arial, sans-serif;
    color: #cccc33;
    margin: 0 0 20px 0;
    width: 576px;
    line-height: 30px;
}
#investment-bottom h2,
#investment-top h2 {
    font-size: 14px;
    color: #5f5f5f;
    width: 378px;
    line-height: 18px;
}
#investment-bottom .investment-btn,
#investment-top .investment-btn {
    background: url(../images/investment/btn.png) top left no-repeat;
    width: 201px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    color: #fff;
    text-align: center;
}
#investment-bottom {
    position: relative;
    background: url(../images/investment/investment-bottom.jpg) top left no-repeat;
    width: 100%;
    float: left;
    height: 540px;
    padding: 58px 64px 0 500px;
    text-align: right;
    border-bottom: 1px solid #999;
}
#investment-bottom h1 {} #investment-bottom h2 {
    margin: 0 0 20px 0;
    padding: 0;
    display: inline-block;
}
#investment-bottom #investment-newsholder {
    position: absolute;
    left: 125px;
    top: 42px;
    width: 224px;
    height: 244px;
    padding-top: 20px;
}
#investment-bottom #investment-newsholder h3 {
    text-align: center;
    font-family: Georgia, Arial, sans-serif;
    font-size: 24px;
    color: #cccc33;
    font-weight: normal;
    margin: 0 0 10px 0;
}
#investment-bottom #investment-newsholder p {
    color: #5f5f5f;
    font-size: 13px;
    text-align: center;
    margin: 0 0 10px 0;
}
#investment-bottom #investment-news {
    height: 180px;
    width: 100%;
    /*
    overflow-x: hidden;
    overflow-y: auto;
    */

    overflow: hidden;
}
#investment-bottom #investment-news ul {
    margin: 0 22px;
    padding: 0;
    text-align: left;
}
#investment-bottom #investment-news ul li {
    margin: 0;
    padding: 0;
    text-align: left;
    color: #50b0ff;
    margin: 0 0 8px 0;
    line-height: 16px;
    clear: both;
    min-height: 53px;
    color: #5f5f5f;
}
#investment-bottom #investment-news ul li img {
    float: left;
    margin-right: 6px;
}
#investment-bottom #investment-news ul li span {
    color: #5f5f5f;
    margin-top: 3px;
    display: block;
}
#investment-bottom #investment-news ul li a {
    color: #5f5f5f;
}
#main.mainholder-investment {
    background: url(../images/investment/bg-main.gif) top left repeat-x;
}
.lb-investment .lightbox-content .button:last-child {
    float: none;
    margin-left: 176px;
    display: inline-block;
}
.lb-investment .lightbox-content .button:last-child a {
    background: url(../images/investment/btn.png) top left no-repeat;
    width: 201px;
    height: 32px;
    padding: 0;
    line-height: 32px;
    text-align: center;
}
.lb-investment .lightbox-content .button:last-child span {
    display: none;
}
.lb-investment .lightbox-content .row.checkbox {
    padding-left: 65px;
    width: 480px
}
.lb-investment .lightbox-content .row.checkbox a {
    color: #cccc33;
}

#div-globalsearchresults-main {
    margin-top: 54px;
}

#form-job-add-steptwo .input-holder {
    min-height: 50px;
}

.mainholder-job .text {
    clear: both;
    display: block;
}

.badgelist {
    font-size: 18px;
}

    .badgelist .badge {
        cursor: pointer;
        padding: .40em .8em;
        font-weight: normal;
        margin-bottom: 6px;
    }

    .badgelist .badge.badge-primary {
        background: #399bec;
    }


.cockpit-box {
    background: #f7f7f7;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    padding: 15px 22px 15px 70px;
    margin-bottom: 20px;
    position: relative;
    transition: background .3s ease-in;
}

.cockpit-box.clickable-box2:hover,
.cockpit-box.clickable-box:hover {
    background: #e0e0e0;
    cursor: pointer;
}

    .cockpit-box i {
        position: absolute;
        top: 22px;
        left: 22px;
        color: #399bec;
        font-size: 22px;
    }

    .cockpit-box .button.pull-right {
        height: auto;
        font-size: 13px;
        line-height: 13px;
        padding: 3px 8px;
    }

    .cockpit-box h3 {
        font-size: 18px;
        color: #292929;
        margin-bottom: 18px;
    }

        .cockpit-box h3 a {
            color: inherit !important;
        }

        .cockpit-box .number {
            position: absolute;
            top: 11px;
            left: 38px;
            color: #ff;
            font-size: 14px;
            display: block;
            width: 22px;
            height: 22px;
            background: #399bec;
            border-radius: 100%;
            color: #fff;
            text-align: center;
            line-height: 22px;
        }

    .cockpit-box.profile {
        padding: 22px;
    }

        .cockpit-box.profile img {
            border-radius: 100%;
            float: left;
            margin: 0 15px 0 0;
        }

        .cockpit-box.profile p.actions {
            margin: 16px 0 0 0;
        }

        .cockpit-box.profile .title {
            font-size: 16px;
            padding-top: 4px;
            margin-bottom: 4px;
        }

    .cockpit-box.chart {
        padding: 15px 22px;
        cursor: default;
    }

.choose-careerlevel {
    margin: 0 0 40px 0;
}

.choose-careerlevel div {
    display: inline-block;
    padding: 0 20px 0 20px;
    font-weight: normal;
}

.choose-careerlevel div i {
    font-size: 12px;
    margin: 0 0 0 10px;
    line-height: 32px;
}

    .choose-careerlevel h4 {
        display: inline-block;
        margin: 0 10px 0 0;
    }

    .choose-careerlevel div:hover ul {
        display: block;
    }

    .choose-careerlevel ul {
        position: absolute;
        top: 32px;
        left: 0;
        color: #292929;
        background: #fff;
        -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
        box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;

        font-size: 16px;
        font-weight: 300;
        min-width: 200px;
        display: none;
        overflow: hidden;
        z-index: 100;
        padding: 15px 20px;
    }

        .choose-careerlevel .button ul li {
            margin: 0;
            padding: 0;
        }

            .choose-careerlevel .button ul li a {
                color: #292929;
                text-align: left;
                margin: 0 0 5px 0;
                padding: 0;
            }

                .choose-careerlevel .button ul li a:hover {
                    color: #399bec;
                }

            .choose-careerlevel .button ul li:last-child a {
                margin: 0;
            }
