/*
*** TOC ***
Grid / Frame
Basic Elements
Buttons
Main Navigation
Service Navigation
Footer
Panels
Forms
Pagination / Pager
Sprites
Social Media
Bottomlinks
Autocomplete
List Views
Detailed View
Imagegallery
Create Ad
Report Ad
My WG-Gesucht.de
Right Column
Image Upload
My Ads
Rate-it/Star ratings
FAQ
Moved to seperate files
Umzug-Easy Formular
SEO_ARTIKEL // SEO_ARTIKELHANDLER
*/

/*** Grid / Frame ***/
body{
    background-color:#fff;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    color:#383e46;
    margin-top:0;
    padding:0;
}

.categories_city_header {
    color: #555;
    background-color: #E8EEFF;
    padding: 10px 12px;
    margin: 0 0 15px 0;
    border-radius: 5px 5px 0 0;
}

.categories_city_link {
    color: #555;
    font-weight: normal;
    margin-left: 10px;
    display: block;
    margin: 15px 15px 15px 45px;
}

.categories_city_adtype {
    color:#0279BA;
    font-size: 110%;
    font-weight: bold;
    padding-left: 15px;
}

.categories_city_link > img {
    margin-right: 10px;
}

.state_grouping_letter {
    color: white;
    font-weight: bold;
    font-size: 3rem;
    display: inline-block;
    background-color: #0279BA;
    border-radius: 4px;
    padding: 0 10px;
    margin-bottom: 12px;
}

.state_grouping_link {
    color: #555;
    font-weight: normal;
    float: left;
    width: 33%;
    display: block;
    margin-bottom: 3px;
}

.state_grouping_box {
    padding: 10px 15px;
    border: 1px solid #E8EEFF;
    border-radius: 5px;
}

body.modal-open {
    padding-right: 0 !important;
}

/* BOOTSTRAP HELPER */
.btn .glyphicons,
.btn .halflings,
.btn .filetypes,
.btn .social{
    margin-right:.3em;
}
.dropdown-menu li .glyphicons,
.dropdown-menu li .halflings,
.dropdown-menu li .filetypes,
.dropdown-menu li .social {
    margin-right:.3em;
}

.list-group .list-group-item .glyphicons,
.list-group .list-group-item .halflings,
.list-group .list-group-item .filetypes,
.list-group .list-group-item .social {
    margin-right:.5em;
}

a.btn {
    line-height: 1.28;
}

#call-to-action {
    background-color: #E8EEFF;
    padding: 5px 0;
    border: 0;
    border-top: 1px solid #D4E1E4;
    margin: 0;
}
.icon-fav-list {
    font-size: 2rem;
    color: #D65367;
}

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}

.btn-info.disabled {
    background-color: #BEE0EA;
    border: 1px solid #AED6E2;
}
@media all and (max-width: 768px) {
    body {
        font-size: 12px;
        min-width: 320px;
    }
    h1.headline,
    h1.headline-detailed-view-title {
        font-size: 1.5rem;
        font-weight: 500;
    }
    h2.headline,
    .headline.headline-detailed-view-panel-title {
        font-size: 1.5rem;
    }
    h3.headline,
    h3.headline-list-view {
        font-size: 1.4rem;
    }
    h4.headline {
        font-size: 1.3rem;
    }
    #urban_ad_wrapper, #div_leaderboard, #div_skyscraper {
        display: none;
    }
    .gallery-view-img-wrapper {
        height: 200px;
    }
    #navToggleFilter {
        display: inline-block;
    }
}
@media (min-width: 768px) {
    body {
        font-size: 12px;
    }
    h1.headline,
    h1.headline-detailed-view-title {
        font-size: 2.0rem;
        font-weight: 500;
    }
    h2.headline,
    .headline.headline-detailed-view-panel-title {
        font-size: 1.7rem;
    }
    h3.headline   {
        font-size: 1.4rem;
    }
    h4.headline {
        font-size: 1.3rem;
    }
    .container {
        width: 750px;
    }
    #urban_ad_wrapper, #div_leaderboard, #div_skyscraper {
        display: none;
    }
    #site_wrapper {
        margin-top: 1px;
    }
    #head_bar_wrapper {
        margin-top:5px;
    }
    .gallery-view-img-wrapper {
        height: 220px;
    }
    #navToggleFilter {
        display: none;
    }
}
@media (min-width: 992px) {
    body {
        font-size:13px;
    }
    h1.headline,
    h1.headline-detailed-view-title    {
        font-size: 2.2rem;
        font-weight: 500;
    }
    h2.headline,
    .headline.headline-detailed-view-panel-title {
        font-size: 2rem;
    }
    h3.headline {
        font-size: 1.7rem;
    }
        h3.headline-gallery {
        font-size: 1.5rem;
    }
    h4.headline {
        font-size: 1.4rem;
    }
    .container {
        width: 970px;
        margin: 0;
        float: left;
    }
    #urban_ad_wrapper,#div_leaderboard,#div_skyscraper {
        display: block;
    }
    #master_wrapper {
        padding: 0;
        width: 1130px;
        margin: 0 auto;
    }
    #div_leaderboard {
        width:1130px;
        text-align: right;
    }
    #div_skyscraper {
        width: 160px;
        float: right;
    }
    .gallery-view-img-wrapper {
        height: 220px;
    }
}
@media (min-width: 1200px) {
    body {
        font-size:14px;
    }
    h1.headline,
    h1.headline-detailed-view-title    {
        font-size: 2.6rem;
        font-weight: 500;
    }
    h2.headline,
    .headline.headline-detailed-view-panel-title {
        font-size: 2rem;
    }
    h2.headline,
    .headline.headline-detailed-view-panel-title {
        font-size: 2rem;
    }

    h3.headline {
        font-size: 1.8rem;
        font-weight: 200;
    }
    h3.headline-gallery {
        font-size: 1.6rem;
    }
    h4.headline {
        font-size: 1.4rem;
    }
    .container {
        width: 1170px;
        margin: 0;
        float: left;
    }
    #master_wrapper {
        padding: 0;
        width: 1330px;
        margin: 0 auto;
    }
    #urban_ad_wrapper,#div_leaderboard,#div_skyscraper {
        display: block;
    }
    #div_leaderboard {
        width:1330px;
        text-align: right;
    }
    #div_skyscraper {
        width: 160px;
        float: right;
    }
    .gallery-view-img-wrapper {
        height: 240px;
    }
}
#autocompinp {
    position      : absolute;
    z-index       : 2;
    background    : transparent;
    border        : none;
    box-shadow    : none;
    cursor        : context-menu;
    -webkit-text-fill-color: #555;
}
#autocomplete-hint {
    position      : relative;
    background    : white;
    z-index       : 1;
}
.autocomplete-suggestion:hover {
    background    : #31b0d5;
}
.autocomplete-suggestions {
    margin        : 5px 0px;
    border        : 1px solid #ccc;
    background    : #FFF;
    overflow      : auto;
    border-radius : 4px;
}
.autocomplete-suggestion {
    padding       : 9px 12px;
    white-space   : nowrap;
    overflow      : hidden;
    height        : 34px;
}
.autocomplete-selected {
    background    : #F0F0F0;
}
.autocomplete-suggestions strong {
    font-weight   : bold;
    color         : #555;
}
.autocomplete-group {
    padding       : 2px 12px;
    margin        : 7px 0px 0px 0px;
    border-bottom : 1px solid #ccc;
}
.autocomplete-group strong {
    display       : block;
    margin-bottom: 2px;
}
#div_layer{
    z-index:100;
}
#site_wrapper {
    background-color: #fff;
    padding-bottom: 40px;
}

#head_bar_wrapper {
    background-color:#fff;
    height:80px;
    position:relative;
}

body.wait *, body.wait{
    cursor:progress !important;
}

#div_layer{
    z-index:100;
}
/* Top head bar (logo, flags, login/logged in, etc) */
#sprachauswahl_wrapper{
    float:right;
}
a.language_flag:hover, a.language_flag:focus {
    text-decoration:none;
    cursor:pointer;
}

/* Top nav bar & drop downs menus */
#top_nav_wrapper {
    height:34px;
    padding:0 7px;
    z-index: 2;
}
#desktop-logo {
    margin: 0 0 0 15px;
    position: relative;
    top: 10px;
}


/* Main content */
#content_wrapper {
    width:1006px; /* 992px = 1006px - 7px padding left - 7px padding right */
    background:transparent;
}

/* Main Content wrapper and columns (main column, rhs column */
#content_wrapper, #main_column, #main_column_full_width, #rhs_column, #footer_wrapper {
    background: transparent;
}
#main_column_full_width {
    width:100%;
}

/* Bottom Links / Footer */
#footer_wrapper {
    background-color: #E8EEFF;
    border: 1px solid #E5E5E5;
}

#head_bar_wrapper {
    background-color:#fff;
    height:75px;
    position:relative;
}
#sprachauswahl_wrapper{
    float:right;
}

/*--------- PANEL STYLINGS ---------------------------------------*/
.panel-rhs-default {
    border-color: #E8EEFF;
}
.panel-rhs-default > .panel-heading {
    background-color: #E8EEFF;
    border-color: #E8EEFF;
}
.panel-rhs-default > .panel-heading > .panel-title {
    font-size: 1.4rem;
    font-weight: 500;
    font-family: 'Roboto';
    text-transform: uppercase;
}
.panel-rhs-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-rhs-default > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-rhs-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #9eb0bf;
}

/* Colapse the RHS boxes on mobile view so they can be displayed under the
main content. They are expanded/colapsed via JS */
@media all and (max-width: 779px) {
    .panel-rhs-default .panel-heading{
        cursor:pointer;
        border-bottom:none;
    }
    .panel-rhs-default .panel-heading-bottom-border {
        border-bottom:1px solid  #E8EEFF;
    }
    .panel-rhs-default .panel-body {
        display:none;
    }
    .panel-rhs-default .glyphicon-chevron-down {
        display:inline;
    }

    /* The RHS "contact information" box shouldn't display on mobiles as this
    information is already displayed in the main content */
    .rhs_contact_information {
        display:none;
    }
}

@media all and (min-width: 780px) {
    .panel-rhs-default .glyphicon-chevron-down {
        display:none;
    }
}

.rhs-advertisment {
    width: 300px;
    height: 250px;
    margin: 10px auto;
}

.panel-form {
    background-color: #E8EEFF;
    border-color: #ebebeb;
}
.panel-form > .panel-heading {
  background-color: #E8EEFF;
  border-color: #d6dbe7;
}
.panel-form > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebebeb;
}
.panel-form > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-form > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #616C7C;
}

.panel-toggle, .icon-toggle-infobox {
    cursor: pointer;
}

.panel-deactivated, .list-group-deactivated div{
    border-color: #ddd;
    background-color: #e5e5e5;
}
/*** Basic Elements ***/
/*--------- HEADLINE STYLINGS ---------------------------------------*/
.headline {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}
.headline-default {
    color:#383e46;
    padding: 5px 0;
}

.headline.headline-detailed-view-title {
    font-weight: 500;
    vertical-align: middle;
}
.headline-detailed-view-title-inactive {
    color: #fff;
}

.headline.headline-detailed-view-panel-title {
    padding: 10px 0;
    font-weight: 500;
}
.headline-detailed-view-panel-title-inactive {
    color:#666666;
    background:#9f9f9f;
    padding:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.headline-detailed-view-datasheet {
    display: inline-block;
    padding: 0;
    margin:0;
    text-transform: uppercase;
    font-size: 1rem;
}
.headline-orange {
    color: #68A3BE;
}
.headline-key-facts {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    font-weight: 500;
}

.headline.headline-list-view {
    padding: 10px 0;
}
.headline.headline-list-view a, .headline-default a, .headline-list-view a {
    font-weight: 500;
    color:#383e46;
}

img { border:none;}
.CLR {clear:both;}
.display-inline{display:inline;}
.display-block{display:block;}
.display-inline-block{display:inline-block;}
/* There is a bootstrap class "hidden", but it uses !important, meaning you then
cannot change the display status of elements that use that class. */
.display-none{display:none;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.position-fixed{position:fixed;}
.cursor-pointer{cursor:pointer;}
.font110per{font-size:110%;}
.font120per{font-size:120%;}
.font100per td{font-size:100%;}
#sprache_print{display:none;}
.ShowWithJS {display:none;}
.ShowWithJS a {text-decoration:none; font-size:1.0em; border:0;}

.section{padding:15px 10px 20px 5px;}
.ang{padding:0px;background-color:#D4E1E4;}
.deakt{padding:0px;background-color:#DFDFDF;}
hr{border:0px;border-top:1px solid #CCCCCD;}
td.detailPaddingCell{padding:0 5px;}
br.formSpacer{margin-bottom:-8px }
div.formLHS2{width:140px;padding:0 8px;margin-left:-8px;display:inline;float:left;text-align:right;}
div.formLHS3{width:140px;padding-left:8px;display:inline;float:left;}
div.regForm{font-weight:bold;}
div.regFormDisplay{float:left;display:inline;padding:2px;margin-left:20px;}
div.regFormDisplay1, div.regFormDisplay2{float:left; width:40%;}
div.regFormDisplay1{margin:3% 7% 0 6%;}
div.regFormDisplay2{margin:3% 0 0 0;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom:10px;}
.ang_1{min-width:130px;float:left;text-align:left;}
.Top10px{clear:both;margin-top:10px;}
.ang_11{min-width:100px;float:left;}
.ang_2{float:right;}
.ang_22{float:left;}
.wordWrap {
     word-wrap: break-word;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
}
table.liste{width:100%;}

/* Breadcrumbs */
.breadcrumb {
  padding: 4px;
  margin-bottom: 10px;
  list-style: none;
  background-color: #fff;
}
.breadcrumb a {
    font-weight: 500;
    color: #11628F;
    font-size: 0.8em;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 3px;
  color: #ccc;
  content: "/\00a0";
}
/* Images */
canvas{border:0;}
img{border:0;}
canvas.border,
img.border{
    border:1px solid #666;
}
div.border{
    border:1px solid #CCCCCD;
    padding:3px;
    background-color:#fff;
}
.image_wrapper{
    position:relative;
    float:left;
    width:110px;
    height:110px;
    text-align:center;
    margin:10px 0;
}
.image_elements{
    position:absolute;
    width:110px;
    text-align:center;
    background:transparent;
}
.home{color:#353535;}

/* Fonts */
.gross{font-size:15px;color:#6E6E6E;}
.black{font-size:1.0em;font-weight:bold;color:black;}
.underline{text-decoration:underline;}
#pwd-container .password-verdict {color: #282828;} /* Password strength meter text */

/* Link Appearance */
a, a.link-default { font-weight:bold; border: 0; color: #D65367;}
a:hover, a.link-default:hover {color: #9B3444;text-decoration: underline;}
a.titel_link, a.titel_link2{color:#6E6E6E;font-size:13px;}
a.rhs_box_link, .rhs_box_link {color:#11628F;font-weight:normal;cursor:pointer;}
.rhs_box_link:hover{text-decoration:underline;}
a.titel_link:VISITED{text-decoration:none;color:#AFAFAF;}
a.titel_link:HOVER{text-decoration:underline;color:#6E6E6E;}
a.white{color:white;font-size:1.0em;font-weight:bold;}
a.black{color:black;font-size:1.0em;font-weight:bold;}
a.white:HOVER{text-decoration:none;background-color:#FFC962;color:white;font-size:1.0em;font-weight:bold;}
a.simple{text-decoration:none;color:#6E6E6E;font-size:1.0em;font-weight:normal;}
a.simple:HOVER{text-decoration:underline;color:#6E6E6E;}
a.bold{font-weight:bold;}
.liste_link{
    color: #696969;
    text-decoration:none;
}
.liste_link:hover{
    color: #333;
    text-decoration:none;
}
a.list, a.list:link, a.list:hover, a.list:active,
a.list2, a.list2:link, a.list2:visited, a.list2:hover, a.list2:active{font-weight:normal;font-size:1.0em;text-decoration:none;color:#616C7C;cursor:pointer;display:block;height:100%;width:100%;}
a.list{display:inline-block; width:100%; height:100%;}
a.list2 {background:white;}
a.list2:visited {background:#FFF3DB;}
a.link-danger {
    text-decoration: none;
    color: #d9534f;
}
a.link-danger:hover {
    text-decoration: none;
    color:#a94442
}
.glyphicon.mandatory {
    font-size: 0.7rem;
}

/*** SPRITES ***/
/* Icon Sprite */
.s_wgw{background:url(../../img/s/icons.png) no-repeat 0 0;width:9px;height:17px;}
.s_wgm{background:url(../../img/s/icons.png) no-repeat -10px 0;width:9px;height:17px;}
.s_wgeg{background:url(../../img/s/icons.png) no-repeat -20px 0;width:9px;height:17px;}
.s_wgwg{background:url(../../img/s/icons.png) no-repeat -30px 0;width:9px;height:17px;}
.s_wgmg{background:url(../../img/s/icons.png) no-repeat -40px 0;width:9px;height:17px;}
.s_hilfe{background:url(../../img/s/icons.png) no-repeat -72px 0;width:16px;height:16px;}
.s_view_more{background:url(../../img/s/icons.png) no-repeat -89px 0;width:16px;height:16px;}
.s_view_less{background:url(../../img/s/icons.png) no-repeat -106px 0;width:16px;height:16px;}
.s_bedindert{background:url(../../img/s/icons.png) no-repeat -174px 0;width:15px;height:15px;}
.s_public_transport{background:url(../../img/s/icons.png) no-repeat -190px 0;width:15px;height:15px;}
.s_info{background:url(../../img/s/icons.png) no-repeat -206px 0;width:15px;height:15px;}
.s_hinweise{background:url(../../img/s/icons.png) no-repeat -222px 0;width:15px;height:15px;}
.s_wg_tauglich{background:url(../../img/s/icons.png) no-repeat -238px 0;width:15px;height:15px;}
.s_warnung{background:url(../../img/s/icons.png) no-repeat -254px 0;width:16px;height:15px;}
.s_tagweise_mieten_grey{background:url(../../img/s/icons.png) no-repeat -523px 0;width:13px;height:16px;}
.s_wgtausch_grey{background:url(../../img/s/icons.png) no-repeat -539px 0;width:14px;height:16px;}
.s_mail{background:url(../../img/s/icons.png) no-repeat -327px 0;width:16px;height:10px;}
.s_orange_arrow_right{background:url(../../img/s/icons.png) no-repeat -396px 0;width:9px;height:9px;}
.s_orange_arrow_right2{background:url(../../img/s/icons.png) no-repeat -396px -10px;width:9px;height:5px;display:inline;float:left; margin-top:5px;}
.s_small_arrow_asc{background:url(../../img/s/icons.png) no-repeat -411px -8px;width:8px;height:6px;}
.s_small_arrow_desc{background:url(../../img/s/icons.png) no-repeat -421px -8px;width:8px;height:6px;}
.s_pfeil_rechts{background:url(../../img/s/icons.png) no-repeat -407px 0;width:23px;height:7px;}
.s_lupe{background:url(../../img/s/icons.png) no-repeat -431px 0;width:15px;height:15px;}
.s_de_flag{background:url(../../img/s/icons.png) no-repeat -447px 0;width:19px;height:13px;}
.s_en_flag{background:url(../../img/s/icons.png) no-repeat -467px 0;width:19px;height:13px;}
.s_fav_empty{background:url(../../img/s/icons.png) no-repeat -554px 0;width:20px;height:16px;}
.s_fav_full{background:url(../../img/s/icons.png) no-repeat -575px 0;width:20px;height:16px;}
.s_print{background:url(../../img/s/icons.png) no-repeat -596px 0;width:20px;height:17px;}

/* Flags Sprite */
img.flgS{width:16px;height:1.0em;}
img.f-tr{background:url(../../img/s/flags.png) no-repeat 0 0;}
img.f-ae{background:url(../../img/s/flags.png) no-repeat 0 -16px;}
img.f-bd{background:url(../../img/s/flags.png) no-repeat 0 -32px;}
img.f-cn{background:url(../../img/s/flags.png) no-repeat -23px 0;}
img.f-cz{background:url(../../img/s/flags.png) no-repeat -23px -16px;}
img.f-de{background:url(../../img/s/flags.png) no-repeat -23px -32px;}
img.f-en{background:url(../../img/s/flags.png) no-repeat -46px 0;}
img.f-es{background:url(../../img/s/flags.png) no-repeat -46px -16px;}
img.f-fi{background:url(../../img/s/flags.png) no-repeat -46px -32px;}
img.f-fr{background:url(../../img/s/flags.png) no-repeat -69px 0;}
img.f-gr{background:url(../../img/s/flags.png) no-repeat -69px -16px;}
img.f-hu{background:url(../../img/s/flags.png) no-repeat -69px -32px;}
img.f-in{background:url(../../img/s/flags.png) no-repeat -93px 0;}
img.f-it{background:url(../../img/s/flags.png) no-repeat -93px -16px;}
img.f-jp{background:url(../../img/s/flags.png) no-repeat -93px -32px;}
img.f-nl{background:url(../../img/s/flags.png) no-repeat -116px 0;}
img.f-no{background:url(../../img/s/flags.png) no-repeat -116px -16px;}
img.f-pt{background:url(../../img/s/flags.png) no-repeat -116px -32px;}
img.f-pl{background:url(../../img/s/flags.png) no-repeat -138px 0;}
img.f-si{background:url(../../img/s/flags.png) no-repeat -138px -16px;}
img.f-ro{background:url(../../img/s/flags.png) no-repeat -138px -32px;}
img.f-se{background:url(../../img/s/flags.png) no-repeat -158px 0}
img.f-ru{background:url(../../img/s/flags.png) no-repeat -158px -16px;}
img.f-al{background:url(../../img/s/flags.png) no-repeat -158px -32px;}
img.f-ba{background:url(../../img/s/flags.png) no-repeat -178px 0;}
img.f-hr{background:url(../../img/s/flags.png) no-repeat -178px -16px;}
img.f-rs{background:url(../../img/s/flags.png) no-repeat -178px -32px;}
img.f-dk{background:url(../../img/s/flags.png) no-repeat -198px -32px;}
img.f-sign{background:url(../../img/s/flags.png) no-repeat -197px 0;height:21px;width:21px;}

/* Presse Sprite for the homepage */
#presse_wirts{background:url(../../img/s/news.png) no-repeat 0 0;height:50px;width:118px;}
#presse_wirts_g{background:url(../../img/s/news.png) no-repeat -119px 0;height:50px;width:118px;}
#presse_zdf{background:url(../../img/s/news.png) no-repeat -238px 0;height:50px;width:86px;}
#presse_zdf_g{background:url(../../img/s/news.png) no-repeat -325px 0;height:50px;width:86px;}
#presse_sudd{background:url(../../img/s/news.png) no-repeat -413px 0;height:20px;width:150px;}
#presse_sudd_g{background:url(../../img/s/news.png) no-repeat -413px -23px;height:20px;width:150px;}
#presse_spieg{background:url(../../img/s/news.png) no-repeat -563px 0;height:21px;width:150px;}
#presse_spieg_g{background:url(../../img/s/news.png) no-repeat -563px -23px;height:21px;width:150px;}
#presse_stern{background:url(../../img/s/news.png) no-repeat -716px 0;height:40px;width:114px;}
#presse_stern_g{background:url(../../img/s/news.png) no-repeat -832px 0;height:40px;width:114px;}

/*** BUTTONS ***/
/* default button */
.btn-default {
    color: #616C7C;
    border-color: #bbbbbb;
    background-color:#e5e5e5;

}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #cdcdcd;
    border-color: #a9a9a9;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    color: #616C7C;
    border-color: #bbbbbb;
    background-color:#e5e5e5;
}
.btn-default .badge {
  color: #337ab7;
  background-color: #fff;
}
/* rhs button */
.btn-rhs {
    color: #616C7C;
    border-color: #bbbbbb;
    background-color:#e5e5e5;
}
.btn-rhs:hover,
.btn-rhs:focus,
.btn-rhs.focus,
.btn-rhs:active,
.btn-rhs.active,
.open > .dropdown-toggle.btn-rhs {
    color: #333;
    background-color: #cdcdcd;
    border-color: #a9a9a9;
}
.btn-rhs:active,
.btn-rhs.active,
.open > .dropdown-toggle.btn-rhs {
  background-image: none;
}
.btn-rhs.disabled,
.btn-rhs[disabled],
fieldset[disabled] .btn-rhs,
.btn-rhs.disabled:hover,
.btn-rhs[disabled]:hover,
fieldset[disabled] .btn-rhs:hover,
.btn-rhs.disabled:focus,
.btn-rhs[disabled]:focus,
fieldset[disabled] .btn-rhs:focus,
.btn-rhs.disabled.focus,
.btn-rhs[disabled].focus,
fieldset[disabled] .btn-rhs.focus,
.btn-rhs.disabled:active,
.btn-rhs[disabled]:active,
fieldset[disabled] .btn-rhs:active,
.btn-rhs.disabled.active,
.btn-rhs[disabled].active,
fieldset[disabled] .btn-rhs.active {
    color: #616C7C;
    border-color: #bbbbbb;
    background-color:#e5e5e5;
}
.btn-rhs .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-danger {
    color: #fff;
    border-color: #c43838;
    background-color:#d74e4e;
}

/* button white */
.btn-white,
.btn-white.dropdown-toggle {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
    color: #333;
    background-color: #cdcdcd;
    border-color: #a9a9a9;
    background-image:-moz-linear-gradient(center top , #cdcdcd, #cdcdcd);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cdcdcd), color-stop(1, #cdcdcd) );
    background:-webkit-linear-gradient(top, #cdcdcd 5%,#cdcdcd 100%);
    background:-o-linear-gradient(top, #cdcdcd 5%,#cdcdcd 100%);
    background:linear-gradient(to bottom, #cdcdcd 5%, #cdcdcd 100%);
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #000;
  border-color: #cdcdcd;
}
.btn-white .badge {
  color: #337ab7;
  background-color: #fff;
}

/* button orange */
.btn-orange,
.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #D65367;
    background-image: none;
    font-weight:bold;
    text-shadow:0px 1px 1px #dd6d00;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
    color: #fff;
    background-color: #9B3444;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
    color: #fff;
    background-color: #9B3444;
    background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #cd5c02;
  border-color: #cd5c02;
}
.btn-orange .badge {
  color: #fff;
  background-color: #D65367;
}
/*#0279ba*/
/*#005888*/

/* button info */
.btn-info,
.btn-info.dropdown-toggle {
    border-color: #0279ba;
    color: #fff;
    background-color: #0279ba;
    background-image: none;
    font-weight:bold;
    text-shadow:0px 1px 1px #005888;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #005888;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #005888;
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #0279ba;
  border-color: #0279ba;
}
.btn-info .badge {
  color: #fff;
  background-color: #0279ba;
}


/* social buttons */
.btn-fb {
    background-color: #3A5795;
    color: #fff;
}
.btn-wa {
    background-color: #29B200;
}
.btn-tw {
    background-color: #83DDF2;
}
.btn-gp {
    background-color: #cc0000;
}
.btn-fb:hover, .btn-fb:hover, .btn-tw:hover, .btn-gp:hover, .btn-wa:hover {
    color: #333;
    background-color: #cdcdcd;
}
.btn-group-social *{
    border-radius: 0;
}
.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.btn-round.btn-lg {
    width: 48px;
    height: 48px;
    padding-left: 0px;
    padding-right: 0px;
}

/*** Main Navigation ***/
li.nav-1st-lvl{
    background: url(../../img/menu_divider.png) no-repeat 100%;
}

.navbar-control {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 3rem;
    top: 10px;
    right: 25px;
    padding: 0;
    touch-action: manipulation;
    cursor: pointer;
    position: relative;
    float: right;
}

.favourites-badge {
    font-family: Arial;
    padding: 5px 7px;
    border-radius: 100%;
    z-index: 1000;
    top: -2px;
    right: 30px;
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.navbar-control:hover, .navbar-control:focus {
    color: white;
}

/*sub menu*/
.active_nav_sub a{
    color:#000 !important;
}
.menu_triangle {
    width:0;
    height:0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #F0F0F0;
    position:absolute;
    bottom:-1px;
    left:40%;
    display:none;
}
/* Android "ontouch" fix, tablet_clicker covers the entire menu li item so that
 tablet users are not "clicking" on a link, which was causing the "link" to load,
 and NOT the drop down menu appearing. See  the main js file for the functionality*/
.tablet_clicker{
    width:100%;
}
.tablet_clicker, .tablet_clicker_logged_in {
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10000;
}
#menu .nav-1st-lvl > a:after {
    margin-right: 15px;
    margin-top: -4.5px;
    position: absolute;
    right: 0;
    top: 50%;
}

/* Service Navigation */
#service-navigation{
    display:inline;
    float:right;
}
.ul-service-navigation{
    margin:0 -1px 0 0;
    padding:0;
    list-style-type:none;
}
.ul-service-navigation li *{
    font-family:arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    color:#e5e5e5;
    text-decoration:none;
    text-transform:uppercase;
    text-align:left;
}
.ul-service-navigation-collapse{
    clear:both;
    float:none;
    position:absolute;
    display:none;
    margin:0;padding:0;
    list-style-type:none;
    background-color:#ccc;
    z-index:9999;
}
.ul-service-navigation-collapse li{
    float:none;
    background-color:#F0F0F0;
    margin:1px;
    padding:4px;
}
.ul-service-navigation-collapse li a{
    display:block;
    width:100%;
}
.ul-service-navigation-collapse li a:hover, #toggleServiceNavigation:hover{
    color:#000;
}
.collapse-service-nav:hover .ul-service-navigation-collapse{
    display:block;
}

/*** Forms ***/
#filterButtondiv {
    padding: 5px;
}

/* Widths of inputs and/or their wrappers */
.dynamic_form_builder .from-group {
    margin-bottom:7px;
}
.div-80p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.columns_auto {
    float:left;
    margin-left: auto;
    margin-right: auto;
    width:auto;
}

/* Character Count text (eg: "XYZ characters left" */
.character_count, .word_count {
    font-style:italic;
    margin-left:3px;
}
/* Word Count colouring for words (eg, red = too less, orange = middle, green = good*/
.word_count_red {
    color:#FF0000;
}
.word_count_orange {
    color:#e36c09;
}
.word_count_green {
    color:#3f6c19;
}
.word_count_neutral {
    color:#616C7C;
}
.checkbox {
    font-weight:normal;
    font-size:100%;
}
.select {
    padding:0px;
}
.select option {
    padding:10px;
}
.textarea {
    float:left;
    height:150px;
}
.headline_text {
    padding:0;
    margin:0;
}
.big_text {
    font-size:140%;
}
/* Small text to the  of the form labels */
.rhs_of_label {
    font-weight:normal;
    font-size:100%;
}
/* Hide/Show div and clickable element */
.hide_show_div {
    margin-top:7px;
}
.hide_show {
    color:#11628f;
    font-size:120%;
    margin-left:3px;
}
.help_text {
    color:#aaaaaa;
}
.failed_validation_input {
    border-color:#a94442;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
.failed_validation_input:focus {
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
.failed_validation_message {
    color:#a94442;
    clear:both;
    margin:0 0 4px 0;
}
.failed_validation_message_label {
    color:#a94442;
}
.dropdown dd, .dropdown dt {
    margin:0px;
    padding:0px;
}
.dropdown ul {
    margin: -1px 0 0 0;
}
.dropdown dd {
    position:relative;
}

.dropdown dt a {
    display:block;
    padding: 0px 15px 0px 0px;
    overflow: hidden;
}
.dropdown dt a span, .multiSel span {
    cursor:pointer;
    display:inline-block;
    padding: 0 3px 2px 0;
}
.dropdown dd ul {
    background-color: #f3f3f3;
    display:none;
    padding: 2px 15px 2px 5px;
    position:absolute;
    width:220px;
    list-style:none;
    height: 80px;
    overflow: auto;
}
.dropdown span.value {
    display:none;
}
.dropdown dd ul li a {
    padding:5px;
    display:block;
}
.dropdown dd ul li a:hover {
}
.dropdown_border {
    border: 1px solid #aeaeae;
    border-radius: 0.3em;
}
input[type="radio"], .input_radio_checkbox {
    border:0 none transparent !important;
    outline: 0 !important;
}
input[type="radio"]:focus {
    outline: 0 !important;
    outline-offset: -2px;
}

/*** Pagination / Pager ***/
/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.pagination-top-wrapper {
    width: 67%;
    float: left;
    background: #fff;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 5px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #999;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #333;
  background-color: #ccc;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #333;
  cursor: default;
  background-color: #ccc;
  border-color: #ddd;
  font-weight: bold;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pagination-ads {
    padding-left: 0;
    margin: 6px 0;
    list-style: none;
}
.pagination-ads div a,
.pagination-ads div span {
    color:#11628F;
    padding: 3px 0;
    background-color: #fff;
    border: 0;
    font-weight: normal;
    font-size: 1.2rem;
}
.pagination-ads div a:hover,
.pagination-ads div a:focus {
    text-decoration: underline !important;
}

.pagination-ads .disabled > a,
.pagination-ads .disabled > a:hover,
.pagination-ads .disabled > a:focus,
.pagination-ads .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}
/*** Autocomplete ***/
div.autocomplete{
    position:absolute;
    display:none;
    white-space:nowrap;
    z-index:10;
}
input.autocomplete{
    -webkit-box-sizing:border-box;/* Safari/Chrome, other WebKit */
    -moz-box-sizing:border-box;/* Firefox, other Gecko */
    box-sizing:border-box;
}
div.autocomplete_white{
    border-color:#DFDFDF;
    border-left-width:2px;
    border-top-width:2px;
    border-bottom-width:2px;
    border-right-width:2px;
    border-style:solid;
    background:#ffffff;
    color:#6f6f6f;
}
div.autocomplete div.flow{
    overflow:hidden;
    overflow-y:auto;
}
div.autocomplete div.element, div.autocomplete div.selected{
    background-color:#ffffff;
    cursor:pointer;
    /*margin-right:0.25em;*/
}
div.autocomplete_white div.element, div.autocomplete_white div.selected{
    cursor:pointer;
    padding-left:0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
}
div.autocomplete div.selected:hover{
    font-weight:bold;
}
div.autocomplete div.element:hover, div.autocomplete div.selected{
    background-color:#BA6518;
}
div.autocomplete_white div.element:hover, div.autocomplete_white div.selected{
    background-color:#D4E1E4;
}
div.autocomplete_white div.headline{
    padding:0.5em;
    font-weight:bold;
    font-size:1.1em;
}
div.autocomplete_noMatch{
    text-align:center;
    padding:0.25em;
    font-weight:bold;
    text-shadow:#999999 0.1em 0.1em 0.2em;
}
/* extra Button zum bestaetigen der Eingabe */
input.nojsSubmit{
 display:block;
 margin-left:2px;
 width:16px;
 height:16px;
 text-decoration:none;
 background-image:url(../../img/buttons/autocomplete_input.gif);
 border:none;
}
input.nojsSubmit:hover{
 background-image:url(../../img/buttons/autocomplete_input2.gif);
}
input.nojsSubmit:active{
 background-image:url(../../img/buttons/autocomplete_input3.gif);
}
/* positionierung des img-flag fuer die Laenderliste */
img.autocmp-flag{
    position:relative;
    bottom:0.1;
    margin-right:0.3em;
}
#prehtml-autocompleteland > img.autocmp-flag,
#prehtml-autocompletegesuchland > img.autocmp-flag
{
    position:absolute;
    top:0.92em;
    margin-left:0.3em;
    z-index: 1;

    -webkit-box-shadow:0 0 0.2em #000;
    -moz-box-shadow:0 0 0.2em #000;
    -o-box-shadow:0 0 0.2em #000;
    box-shadow:0 0 0.2em #000;
}

/*** Filter ***/
#filter_districts_list {
    max-height: 360px;
    overflow: auto;
}

/*** Popover ***/
/* The popover "close me" icon that is displayed on mobile device*/
.popover-close-me{
    text-align: right;
    width: 100%;
    font-size: 1.8em;
}

/*** Google-Map ***/
#map {
    height: 527px;
    width: 100%;
}
@media screen and (max-width: 400px) {
    #map {
        height: 314px;
    }
}
#mapIsLoading{
    z-index:999;
    background:transparent;
    -moz-opacity:0.6;
    opacity:0.6;
}
#map_infoBar{
    z-index:999;
    position:relative;
    max-width:220px;
    margin-top:-54px;
    margin-left:10px;
    float:left;
    font-weight:bold;
    text-align:left;
    text-shadow:#FFFFFF 1px 0 0, #FFFFFF -1px 0 0, #FFFFFF 0 1px 0, #FFFFFF 0 -1px 0;
    color:black;
}
#noStreetView{
    display:none;
    position:absolute;
    width:240px;
    text-align:center;
    padding:20px;
    border:1px solid orange;
    background:white;
    margin:-64% 0px 0px 45px;
    z-index:999;
}
/* google directions */
div.adp-summary{
    font-weight:bold;
    color:#00902C;
}

/*** Homepage ***/
@media all and (max-width: 767px) {
    #homepage_bottom {
        display:none;
    }
}

#homepage_quicksearch_form {
    width: 90%;
    background: transparent url(../../img/trans-fff-80.png);
    padding: 10px;
    margin-top: 20%;
    margin-left: 5%;
    border-radius: 0.3em;
}
.headline-quicksearch-form {
    margin: 0 0 10px 0;
    padding: 0;
    color: #0279BA;
    text-shadow: 2px 2px 3px #fff;
    font-weight: 500;
}
/* liste views */
.icon-fav-list {
    cursor:pointer;
    position: relative; top: 3px;
}
/* list detailed view */
#basic_facts_wrapper {
    height: 270px;
    position: relative;
}

#rent_wrapper, #graph_wrapper, #provision_equipment_wrapper {
    width: 23%;
    position: absolute;
    text-align: center;
    margin-bottom: 25px;
}

.provision-equipment {
    background-color: #FAFAFA;
    border-radius: 5px;
    color: #666666;
    display: inline-block;
}

.basic_facts_top_part {
    background-color: #FAFAFA;
    padding: 33px 0;
    border-radius: 5px 5px 0 0;
    color: #666666;
}

.basic_facts_bottom_part {
    background-color: #4D4D4D;
    padding: 15px 0;
    border-radius: 0 0 5px 5px;
    color: #FFFFFF;
}

.amount {
    margin-bottom: 0;
    font-size: 2.5rem;
}

.description {
    display: block;
    margin: -5px 0 0 0;
    font-size: 1.3rem;
}

.description,
.amount,
.graph_amount,
.graph_description {
    font-family: Roboto;
    font-weight: normal;
}

.graph_bar {
    background-color: #CCCCCC;
    width: 32%;
    float: left;
    position: absolute;
    bottom: 0;
}

.graph_amount {
    position: relative;
    top: -28px;
    font-size: 1.5rem;
}

.graph_description {
    font-size: 0.9rem;
    display: block;
    margin-top: -38px;
}

.detailansicht:visited {
    color: #a480c4!important;
}

.list-details-ad-img {
    margin: 0 auto;
}
.list-details-ad-headline a{
    color: #666666;
}
.list-details-contacted {
    font-size: 0.9em;
}
.list-details-to-fav{
    cursor: pointer;
}
.list-details-ad-bottom {
    border-top: 1px solid #ddd;
    height: 25px;
    width: 100%;
}
.list-details-ad-bottom-item {
    float: right;
    border-left: 1px solid #ddd;
    padding: 3px 15px;
}
.list-details-ad-bottom-item  a{
    color: #3F8CD8;
    display: inline;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
}
.list-details-ad-bottom-item  a:hover{
    text-decoration: none;
}
.list-details-ad-price a{
    color: #616C7C;
}
.list-details-image-wrapper {
    overflow: hidden;
    background-color: #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 150px;
}
/* gallery view */
.gallery-view-img-wrapper {
    width: 100%;
    overflow: hidden;
    background-color: #F5F5F5;
    padding-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.gallery-list-fav-button, .detail-list-fav-button {
    position: absolute;
    right: 17px;
    width: 40px;
    height: 40px;
    border: 3px solid #D65367;
    border-radius: 20px;
    background-color: #fff;
    padding: 6px 0 0 6px;
}
.detail-list-fav-button {
    right: 0px;
}
.gallery-size-price-wrapper, .detail-size-price-wrapper {
    position:absolute;
    z-index: 999;
    background-color:rgba(0,0,0,.5);
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px 6px;
}
.gallery-size-price-wrapper b a, .detail-size-price-wrapper  b a {
    color: #fff;
}
/* compact view*/
#table-compact-list td {
    min-height: 28px;
    text-align: left;
}
.ang_spalte_freiab, .ang_spalte_freibis, .ges_spalte_freiab, .ges_spalte_freibis {
    width: 80px;
}
.ang_spalte_datum {
    width: 110px;
}
.ang_spalte_stadt {
    width: 180px;
}

.ang_spalte_marker{
    text-align:right;
    color:#CE6300;
}
.ang_spalte_icons{
    width:100px;
}
.ang_spalte_favoriten,
.ges_spalte_favoriten{
    cursor:pointer;
}
th.ang_spalte_favoriten,
th.ges_spalte_favoriten{
    -webkit-border-top-left-radius:0.3em;
    -khtml-border-top-left-radius:0.3em;
    -moz-border-top-left-radius:0.3em;
    -o-border-top-left-radius:0.3em;
    border-top-left-radius:0.3em;
}
.ang_spalte_freiab,
.ang_spalte_freibis{
    white-space:nowrap;
}

.ges_spalte_zimmer {
    width: 30px;
}
.ges_spalte_favoriten {
    width: 80px;
}
.ges_spalte_groesse {
    width: 100px;
}
.ges_spalte_datum {
    width: 100px;
}
.ges_spalte_stadt {
    width: 350px;
}
.ges_spalte_miete {
    width: 80px;
}
.ges_spalte_lupe, .ang_spalte_lupe{
    width:10px;
}
th.ang_spalte_freibis,
th.ges_spalte_freibis{
    -webkit-border-top-right-radius:0.3em;
    -khtml-border-top-right-radius:0.3em;
    -moz-border-top-right-radius:0.3em;
    -o-border-top-right-radius:0.3em;
    border-top-right-radius:0.3em;
}

.deactiv{
    color:#616C7C;
    text-decoration:underline
}
#table-compact-list thead th {
    background-color: #D65367;
    height: 0px;
}
#table-compact-list tfoot td {
    background-color: #D65367;
    height: 20px;
}
#table-compact-list th a{
    color: #fff;
}
#table-compact-list a {
    min-height: 20px;
    padding: 5px;
    background-color: transparent;
}
.listenansicht0 {
    cursor:pointer;
    background-color: #fff;
}
.listenansicht1 {
    cursor:pointer;
    background-color:#DBDBDB;
}
.listenansicht-inactive {
    background-color: #9a9a9a;
}

.listenansicht0:hover,
.listenansicht0_visited:hover{
    background-color:#e8e8e8;
}
.listenansicht1:hover,
.listenansicht1_visited:hover{
    background-color:#b9b9b9;
}
a.listenansicht0:visited {
    color: #c0a5d8;
}
a.listenansicht1:visited {
    color: #a480c4;
}
.btn-list-hide-show {
    font-size: 1.3rem;
}

/* inlist advertisement */
.inlistTeaser{
    border: 0;
}
.inlistTeaser td a{
    padding: 5px;
    height: 30px;
    display: inline-block;
}
.inlistTeaser_1 td{background-color: #f2f7f9;}
.inlistTeaser_2 td{background-color: #DBECF3;}


/*** Detailed Ad View ***/
.ul-detailed-view-datasheet {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
}
.ul-detailed-view-datasheet li,.ul-detailed-view-datasheet li div{
    margin-bottom: 5px;
}
@media all and (max-width:767px) {
    .expand_text {
        display: block;
    }

    .folded_text {
        max-height: 136px;
        overflow: hidden;
    }
}

@media all and (min-width:768px) {
    .expand_text {
        display: none;
    }
}
/*Container fuer das grosse Bild*/
.bild_and_map_wrapper{
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -khtml-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background:white;
    border-left:1px solid #CCCCCD;
    border-top:1px solid #CCCCCD;
    border-right:1px solid #CCCCCD;
    padding:15px 5px 7px 15px;
}
.bild_and_map_tabs{
    cursor:pointer;
    display:inline;
    margin:0 7px 7px 0;
    padding:9px;
    border:1px solid #CCCCCD;
    vertical-align:middle;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -khtml-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.bild_and_map_tabs_active{
    background:#e5e5e5;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5 !important;
}
#mapContainer {
    height: 555px;
}
@media screen and (max-width: 400px) {
    #mapContainer {
        height: 342px;
    }
}
#mapContainer, #appleBildTeaser, #noImagesTeaser{
    border-right:1px solid #CCCCCD;
    border-bottom:1px solid #CCCCCD;
    border-left:1px solid #CCCCCD;
    margin-bottom: 5px;
    padding-bottom:7px;
}

.sliderstatic_gesuch{
    border-top:1px solid #CCCCCD;
}

#bildContainer, #mapContainer {
    position:relative;
    background:#e5e5e5;
}

#bildContainer {
    text-align: center;
    vertical-align: middle;
}

#mapContainer_background {
    background:#e5e5e5;
}
#thumbSliderWrapper {
    background-color: #e5e5e5;
}
/* For browser the wrap text that has no space so it fits inside the parent container */
#bildContainer div {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE 5+ */
}

/* deactivated ad */
table.deaktiviert tr td{
    color:#8F8F8F;
}
div.box_grau{
    margin:7px 0 0 0;
    background-color:#9f9f9f;
    color:#777474;
    width:100%;
}
div.box_grau span, div.box_grau b{
    color:#777474;
}
div.box_grau div.inhalt{
    margin:0;
    padding:4px 5px 4px 7px;
    background-color:#BFBFBF;
}
div.box_grau div.ro, div.box_grau div.lo, div.box_grau div.ru, div.box_grau div.lu{
    background-color:#BFBFBF;
}

/*** Imagegallery ***/
#WG-Pictures .sp-arrow {
    font-size: 26px;
    cursor: pointer;
    color: #e5e5e5;
    text-shadow: -1px 0 #616C7C, 0 1px #616C7C, 1px 0 #616C7C, 0 -1px #616C7C;
}

#WG-Pictures #sp-full-screen-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 31;
}

#WG-Pictures {
    box-sizing: border-box;
    display: none;
    border-right: 1px solid #cccccd;
    border-bottom: 1px solid #cccccd;
    border-left: 1px solid #cccccd;
    background-color: #e5e5e5;
}

.WG-Pictures-fullScreen {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2000;
}

#WG-Pictures .sp-description {
    font-weight: bold;
    position: absolute;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    width: 100%;
    color: #616C7C;
}

#WG-Pictures .adSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    text-align: center;
    z-index: 33;
    overflow: hidden;
}

#WG-Pictures .adSlide a {
    cursor: pointer;
    width:100px;
}

#WG-Pictures .sp-selected-thumbnail {
    border: 2px solid #0279BA;
}

#WG-Pictures .sp-thumbnail {
    box-sizing: border-box;
}

#WG-Pictures .sp-thumbnails-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100% !important;
    padding: 4px;
    background-color: rgba(255,255,255,.8);
    z-index: 30;
}

#WG-Pictures .sp-thumbnail-container:hover {
    opacity: 0.8;
}

#WG-Pictures .headline {
    display: inline-block;
    width: 100%;
    z-index: 31;
    background: white;
}

#WG-Pictures .sp-full-screen-button {
    z-index: 32;
    display: none;
}

/* COLORBOX */
/*
 ColorBox Core Style:
 The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:99999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;}
.cboxIframe{width:100%;height:100%;display:block;border:0;}

/*
 User Style:
 Change the following styles to modify the appearance of ColorBox. They are
 ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#ccc;}
#colorbox{}
#cboxContent{margin-top:20px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{background:#fff;}
#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc;}
#cboxCurrent{position:absolute;top:-20px;right:0px;color:#ccc;}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff;}
#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../img/colorbox/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../img/colorbox/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../../img/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute;top:1px;right:5px;display:block;background:url(../../img/colorbox/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}

/* LIGHTBOX GALERIE */
.contacted{background:url(../../img/icons/nachrichten.gif) no-repeat 0 0;width:18px;height:7px;position:relative;left:-1px;}
.contacted:hover{background:url(../../img/lupe.gif) no-repeat 0 0;width:15px;height:15px;}

/*** 22. Mein WG-Gesucht ***/
/*Also used in for angebot frietext tabs and favourites tabs*/
a.a_mein_wg{
    color:#616C7C;
}
a.a_mein_wg:hover{
    text-decoration:none;
}
a.a_mein_wg:active, a.a_mein_wg:focus {outline: none;}
.mein_wg_tab_active a{
    color:white;
    text-decoration:none;
    cursor:default;
}

.meinwg-start-info{
    float:right;
}
.meinwg-start-text{
    position:relative;
    left:40px;
    padding-right:40px;
}
.list-item-benefit {
    color: green;
    font-size: 150%;
    display: block;
    float: left;
}
.linkSubmit{
    background:transparent;
    border-top:0;
    border-right:0;
    border-bottom:none;
    border-left:0;
    display:inline;
    margin:0;
    padding:0;
    font-size:1.0em;
    font-weight:bold;
    text-decoration:none;
    font-family:verdana;
    cursor:pointer;
}
.linkSubmit:hover{
    text-decoration:underline;
}

.trigger a {
    font-size:1.0em;
    border:0;
}


/*----------------------- 28. PRESSESPIEGEL --------------------------*/
#pressespiegel_ul{
    margin-left:5%;
}
#pressespiegel_ul li{
    width:40%;
    display:inline-block;
    vertical-align:text-top;
    margin:0 9% 10px 0;
    zoom:1;
}
#pressespiegel_ul li a{
    display:block;
}

/*** BOTTOMLINKS ***/
.ul-bottomlinks{
    margin:0;
    list-style-type:none;
    text-align:left;
}
.ul-bottomlinks h4{
    font-size: 16px;
    color: #919191;
    padding: 2px 0;
}

.a-bottom-link{
    color:#919191;
    font-weight:400;
    font-size:12px;
    cursor:pointer;
}
.a-bottom-link:hover{
    text-decoration:none;color:#666;
}

.li-bottom-link{
}
a.bottom_link{color:#999999;font-weight:normal;font-size:10px;}
a.bottom_link:HOVER{text-decoration:none;color:#999999;}

/*** Datenschutz / Privacy Policy ***/

#datenschutzListe ul {
    list-style-type:none;
    padding-left:20px;
}

#datenschutzListe > ul > li {
    color:#CE6300;
    margin-top:10px;
    margin-bottom:10px;
}

#datenschutzListe ul li ol li {
    color:#616C7C;
    margin-top:10px;
    margin-bottom:10px;
}

#datenschutzListe a:hover,  #datenschutzListe a:focus {
    color:#ce6300;
    text-decoration:none;
}
#datenschutzListe a.inner_link:hover,  #datenschutzListe a.inner_link:focus {
    color:#23527c;
    text-decoration:underline;
}

/*** Anzeige Melden ***/
.meldenFormDiv {
    padding:5px;
}

.meldenFormDiv label {
    display:inline-block;
    min-width:120px;
    font-weight:bold;
}

/*** List Views ***/

@media all and (max-width: 767px) {
    .tausch_right {
        float:right;
    }
    .tausch_rent_by_day_hide {
        display:none;
    }
}

/*** Create Ad ***/

.printonly{display:none;}

#errortypo{font-family:verdana;font-size:1.0em;color:white;}
div.divError{background:#ED3D00;font-family:verdana;font-size:1.0em;color:white;}
tr.liste:hover{background:red;}

.has-error .glyphicon {
    color: #a94442;
}

.errorTxt, .errorMsg {
    color:#a94442;
}

/*** Security Checkbox - used to check for 'bots' ***/
.privacyCheckBox{display:none;}

/*** 1. HAUPTNAVIGATION ***/
/*--------- TOP NAV BAR STYLINGS ---------------------------------------*/
@media all and (min-width: 768px) {
    /* a:hover effect 100% as high as the <li> element */
    .dropdown-menu {
        padding:0;
        border-radius: 0;
        border: 0;
    }
    .dropdown-menu > li > a {
        padding: 15px 30px;
        font-weight:600;
    }
    .dropdown-menu > li:focus, .dropdown-menu > li:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        background-color: #E8EEFF;
    }
    .divider{
        margin:0 !important;
    }
}
.navbar {
    border-radius:0;
    min-height:34px !important;
    margin-bottom:5px;
    text-transform:uppercase;
}
.navbar > .container-fluid {
    padding-left:0;
}
.navbar-nav > li > a, .navbar-brand {
    padding-top:6px !important;
    padding-bottom:6px !important;
}
.navbar-default {
    background-color: #0279BA;
    border-color: #68A3BE;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color:#fdfdff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #0279BA;
    color: #fdfdff;
}

.navbar-default .navbar-nav > li > ul > li > a {
    color:#898989;
}
.navbar-default .navbar-nav > li > ul > li > a:hover,
.navbar-default .navbar-nav > li > ul > li > a:focus {
    color:#000;
}
.active_nav {
    color: #89d6f9 !important;
    text-decoration: none;
}
a.active_nav_sub {
    color:#000 !important;
}


/*
If you change these break points for the display of "desktop" vs "mobile"
navigation bar you MUST also change the breakpoint for "grid-float"
See: http://getbootstrap.com/components/#navbar -> Changing the collapsed mobile navbar breakpoint
*/

@media all and (min-width: 992px) {
    #thumbSliderWrapper {
        display: block;
    }
}
@media all and (max-width: 991px) {
    #thumbSliderWrapper {
        display: block;
    }
}
@media all and (min-width: 768px) {
    .top_nav_only_desktop{
        display:block;
    }
    .top_nav_only_mobile{
        display:none !important;
    }

    .navbar-default .navbar-nav > li > ul > li > a.create_ad_link {
        color:#11628F;
    }
    #thumbSliderWrapper {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .top_nav_only_desktop{
        display:none !important;
    }
    .top_nav_only_mobile{
        display:block;
    }

    .navbar {
        background-color: #E8EEFF;
        border-bottom: 1px solid #000;
    }
    .navbar-header {
         padding:.2rem 0;
         background:#0279BA;
         -webkit-box-shadow:0 .1em .3em #aaa;
         -moz-box-shadow:0 .1em .3em #aaa;
         -o-box-shadow:0 .1em .3em #aaa;
         box-shadow:0 .1em .3em #aaa
    }

    /* Logo stuff*/
    .navbar-header > a {
        max-width:50%;
        margin-left:1%;
        margin-bottom: 2%;
    }
    .navbar-header > a > img {
        max-width:100%;
    }

    .navbar-header > .navbar-toggle,
    .navbar-header > #nav-toggle-filter,
    .navbar-header > a > .navbar-toggle {
        margin-right:7px;
        background-color: #fff;
        color: #333;
    }
    .navbar-header > .navbar-toggle,
    .navbar-header > #nav-toggle-filter,
    .navbar-header > .navbar-toggle:focus,
    .navbar-header > .navbar-toggle:hover,
    .navbar-header > a >.navbar-toggle {
        background-color:white !important;
    }
    .navbar-header > a {
        color:#888;
    }
    #top_nav_main_menu, #top_nav_profile_menu, #top_nav_language_menu {
        padding-left:2rem;
    }
    .navbar-nav {
        margin-top:0;
        margin-bottom:0;
    }
    .navbar-default .navbar-nav > li {
        border-bottom:1px solid #aaa;
    }
    .navbar-default .navbar-nav > li > a {
        color:#666666;
        line-height: 40px;
        background-color: #E8EEFF;
    }
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color:#666666;
        background-color: #E8EEFF;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #eaf0f2;
        color: #666666;
    }

    /* Language flag link stuff */
    #top_nav_language_menu > ul > li > a {
        font-weight:normal;
    }
    #top_nav_language_menu > ul > li > a > img {
        box-shadow: 0 0 0.2em #000;
        margin-right: 5px;
    }

    /* Dont show thumbnails */
    #thumbSliderWrapper {
        display: none;
    }
}

/* -----Cookie consent stuff----- */
.cookie-consent-banner {
    z-index:9001;
    position:relative;
}

.cookie-consent {
    background:#fff;
    color:#999;
    font-size:17px;
    font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing:border-box;
    border:1px solid #ccc;
    padding:15px 15px 15px;
    overflow:hidden;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
}

.cookie-consent-message {
    font-size:0.6em;
    transition:font-size 200ms;
    margin:0;
    padding:0;
    line-height:1.5em;
    display:block;
}

.cookie-consent a, .cookie-consent a:visited {
    text-decoration:none;
    color:#31a8f0;
    transition: 200ms color;
}

.cookie-consent a:hover, .cookie-consent a:active {
    color:#555;
}

@media screen and (min-width: 500px) {
    .cookie-consent-message {
        font-size:0.8em;
        margin-top:0.5em;
    }
}

@media screen and (min-width: 768px) {
    .cookie-consent {
        padding:15px 30px 15px;
    }
    .cookie-consent-message {
        font-size:1em;
        line-height:1em;
    }
}

/* Tabs */
.tab {
    cursor:pointer;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -khtml-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.tab_favourites {
    display: inline-block;
    float: left;
    padding: 6px 20px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    margin-right:7px;
}

.tab_favourites_active {
    background: #e5e5e5;
    font-weight:bold;
}

/* bei eingeschlossenen <table> sollte die breitenangabe im html entfernt werden */
div.box_fehler div.inhalt table{
    width:97%
}

#bildframe{
    padding-left:5px;
}

/*** Rate-it/Star ratings ***/
div.rateit{display:-moz-inline-box;display:inline-block;cursor:pointer;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;}
div.rateit div.rateit-range{position:relative;display:-moz-inline-box;display:inline-block;background:url(../../img/stars.png);height:21px;}
div.rateit div.rateit-hover, div.rateit div.rateit-selected{position:absolute;left:0px;}
div.rateit div.rateit-hover-rtl, div.rateit div.rateit-selected-rtl{left:auto;right:0px;}
div.rateit div.rateit-hover{background:url(../../img/stars.png) left -20px;}
div.rateit div.rateit-hover-rtl{background-position:right -20px;}
div.rateit div.rateit-selected{background:url(../../img/stars.png) left -20px;}
div.rateit div.rateit-selected-rtl{background-position:right -20px;}
div.rateit div.rateit-preset{background:url(../../img/stars.png) left -20px;}
div.rateit div.rateit-preset-rtl{background:url(../../img/stars.png) left -20px;}
div.rateit div.rateit-reset{background:url(../../img/stars-delete.png) 0 0;width:16px;height:16px;display:-moz-inline-box;display:inline-block;float:left;margin-top:5px;}
div.rateit div.rateit-reset:hover{background-position:0 -16px;}

/*** MEINE ANZEIGEN ***/
/* freitext tab navigation */
span.freitextWordcount{font-weight:normal;}

.translateButton{
    position:relative;
    top:-25px;
    right:0;
    overflow:visible;
    text-align:right;
    height:1px;
}
.translateButton a span{
    font-size:1.0em;
}

/*** TOGGLE BUTTON (Bildupload) bei der Angebot aufgeben ***/
h2.trigger{
    margin-top:5px;
    margin-right:0;
}
h2.trigger a{
    padding:2px 20px;
    text-decoration:none;
    font-size:13px;
}
h2.trigger a:hover{
    color:#616C7C;
    text-decoration:none;
    font-size:13px;
}
/*sliding container (table)*/
.toggle_container{
    margin-top:10px;
}
/*Image in a link*/
.active{
    background-position:bottom left;
}
.active:hover,
.active:focus{
    background-position:bottom right;
}
.inactive{
    background-position:top left;
}
.inactive:hover,
.inactive:focus{
    background-position:top right;
}

/*** PROFILBILD ("Angebot aufgeben") ***/
.profilAjaxLoader{
    display:none;
    background:transparent url(../../img/ajax-loader-3punkt.gif) no-repeat left center;
    padding:3px 3px 3px 46px;
    margin-right:19px;
}

/*** RIGHT HAND SIDE ***/
span.error_message{
    color:red;
}

span.error_display{
    display:none;
}

span.validationPassed{
    color:green;
}

.ul-quickfilter{
    list-style-type:none;
    padding:0 15px 5px 15px;
    margin-top:0;
    margin-left:0;
}
.li-quickfilter{
    color:#11628F;
    font-weight:normal;
}

/*** Social Media ***/
.addthis_toolbox a:hover{
    text-decoration:none;
}
.addthis_toolbox a{
    opacity:1.0;
}
.addthis_toolbox a:hover{
    opacity:0.75;
}

.file-wrapper {
    overflow:hidden;
    position:relative;
    max-width:135px;
}
.file-wrapper input {
    font-size:200px;
    height:0px;
    position:absolute;
    right:0;
    top:-1000px;
}
.file-wrapper .button {
    cursor:pointer;
}

.file-dropper {
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    position:relative;
    float:left;
    max-width:135px;
}
.file-dropper input {
    cursor:pointer;
    font-size:200px;
    height:100px;
    filter:alpha(opacity=1);
    -moz-opacity:0.01;
    opacity:0.01;
    position:absolute;
    right:0;
    top:0;
}

.sort_hint_window {
    display: none;
    border: 1px solid #696969;
    position: fixed;
    z-index: 9999;
    background: white;
    width: 420px;
}

.final_submit_loader {
    display: none;
    border: 1px solid #696969;
    position: fixed;
    z-index: 9999;
    background: white;
    width: 240px;
    height: 200px;
}

.dnd {
    display: none;
    background: white;
    position: relative;
}

.dnd_display {
    display: inline-block;
    padding: 5px;
    border: 1px solid grey;
    background: white;
    width: 88px;
    height: 88px;
    text-align: center;
    font-size: 12px;
}

.move_button {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -6px;
}

/* Mein WG Gescuht top nav tabs */
.nav-wgg-default li a {
    font-size:110%;
    color:#23527c;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.nav-wgg-default li.active a {
    color:#fff;
    background-color:#0279BA;

}
.nav-wgg-default li a:hover {
    background-color: #e5e5e5;
}

.nav-wgg-default li.active a:hover, .nav-wgg-default li.active a:focus, .nav-wgg-default li.active a:active {
    color:#fff;
    background-color: #0279BA;
}


/* Mein WG Gescuht home page list */
#mein_wg_tabs ul li.active a {
    color:#23527c;
    background-color:#eee;
    text-decoration:underline;
}
#mein_wg_tabs ul li a {
    font-size:110%;
    color:#23527c;
}
#mein_wg_tabs ul li a:hover, #mein_wg_tabs ul li a:focus {
    text-decoration:underline;
}
#mein_wg_homepage_list .inhalt {
    position:relative;
    padding:7px;
}
#mein_wg_homepage_list .glyphicon {
    font-size:200%;
    color: #D4E1E4;
    position:absolute;
    left:-2px;
    top:10px;
}

/* Mein WG Gescuht "My Ads" */
.li_deactivated {
    background-color:#dfdfdf;
}

.qs-icon {
    font-size:  1.2em;
}

.glyphicon-success {
    color: #339933;
}
.glyphicon-warning {
    color: orange;
}
.glyphicon-error {
    color: #d9534f;
}
a.a-quality-check {
    color: #31708f;
    font-weight: normal;
    text-decoration: underline;
}

.header-orange {
    background-color: #fff;
    color: #0279BA;
    padding: 8px;
    font-weight: 500;
    font-size: 2.5rem;
    text-transform: uppercase;
}

.list-group-quality-check {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 2.2em;
}
.list-group.deactivated {
    background-color: #e5e5e5;
}
.list-group-item-deactivated {
    background-color: #e5e5e5;
}
.list-group-item-deactivated .h4 {
    color: #949494;
}
.list-group-item-deactivated .btn-show-qs {
    background-color: #949494;
    color: #e5e5e5;
    border: 1px solid #e5e5e5;
}
.list-group-item-deactivated .btn-show-qs .badge {
    color: #949494;
}

.filter_box {
    background-color: #E8EEFF;
    padding: 10px 0;
}