@charset "UTF-8";
/*-------------------------------------------------------------------------------------
  *
  * @copyright:_________2013, Wohnungsbau GmbH Familienhilfe Düsseldorf
  * @link:______________http://www.wfd.de
  * @author:____________anatom5 perception marketing GmbH
  *
-------------------------------------------------------------------------------------*/
/* Stylesheet ========================================================= */
/*
 * - beinhaltet Styles für screen/projection und print
 * - definiert Styles für Layout, Typographie und alle Inhaltstypen
 *
 * Outline:
 *
 * 1) importierte Stylesheets + CSS Frameworks
 * 2) Styledefinitionen für all/screen/projection
 * 3) zusätzliche Styles für print
 * 4) Media-Queries für Responsive Design
 *
 * ------------------------------------------------------------------------
 * WEITERE HINWEISE
 * ------------------------------------------------------------------------
 *
 * Geschweifte Klammer "{}" werden in Beispielen für optionale Dinge
 * (Klassen, Attribute, etc) verwenden, die Pipe "|" für mögliche
 * Kombinationen und die Raute "#" als Platzhalter für verschiedene Dinge
 * (z.B. URLs oder Texte).
 *
 */

/* == IMPORTS ========================================================== */
/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); */
@import url(../flowplayer/skin/minimalist.css);

/* -- YAML Reset ------------------------------------------------------- */
@media screen, projection {
  html {
    font-size: 100.01%;
    height: 100%;
  }
  body {
    font-size: 75.01%;
    min-height: 101%;
    position: relative;
    text-align: left;
  }

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

  /* ------- SPRUNGMARKEN & UNSICHTBAR ---------- */
  #first {
    left: -2000px;
    position: absolute;
    top: -2000px;
    width: 100%;
    z-index: 20;
  }
  .hideme, .hidemenav, dfn {
    height: 1px !important;
    left: -6000px !important;
    position: absolute !important;
    top: -6000px !important;
    width: 1px !important;
  }

  /* ------- 3 SPALTIGES LAYOUT ---------- */
  #page_margins {
    position: relative;
    width: 1242px; /* war: 828px - Faktor: 1,5 */
  }
  #main {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 10;
  }
  #col1 {
    float: left;
    width: 297px; /* war: 198px */
    z-index: 3;
  }
  #col2 {
    float: right;
    width: 413px; /* war: 275px */
    z-index: 5;
  }
  #col3 {
    margin-left: 297px; /* war: 198px */
    margin-right: 413px; /* war: 275px */
    z-index: 1;
  }
  .hideboth #col3 {
    margin-left: 0;
    margin-right: 0;
  }
  .hidenone #col3 {
    margin-left: 297px;
    margin-right: 413px;
  }
  .hideleft #col3 {
    margin-left: 0;
    margin-right: 413px;
  }
  .hideright #col3 {
    margin-left: 297px;
    margin-right: 0;
  }
  #col1_content {
    z-index: 4;
  }
  #col2_content {
    z-index: 6;
  }
  #col3_content {
    z-index: 2;
  }
  #col1,
  #col2,
  #col3 {
    position: relative;
  }
  #col1_content,
  #col2_content,
  #col3_content {
    position: relative;
  }
  #footer {
    clear: both;
  }
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .clearfix {
    display: block;
  }
  .floatbox {
    overflow: hidden;
    position: relative;
  }
  hr.clear_columns {
    border: 0;
    clear: both;
    content: ".";
    display: block;
    float: left;
    height: 0;
    line-height: 0px;
    margin: -2em 0 0 0;
    padding: 0;
    visibility: hidden;
  }
}
/* -- Layout-Settings -------------------------------------------------- */
@media screen, projection {
  /* ------ GENERAL SETTINGS ------ */
  body {
    background: #FFF url("../../images/bg_main.gif") repeat-x top left;
    color: #584C22;
    font-family: Arial, Helvetica, Sans-Serif;
  }
  abbr,
  acronym {
    border-bottom: 1px dotted #584C22;
    cursor: help;
  }
  a abbr,
  a acronym {
    border-bottom: 0 !important;
    cursor: default !important;
  }
  address {
    font-style: normal;
  }
  .hidenone #main {
    background: url("../../images/bg_center_3col.gif") repeat-y top left;
    margin-top: 1px;
  }
  .hideright #main {
    background: url("../../images/bg_center_2col.gif") repeat-y top left;
    margin-top: 1px;
  }
  .printIt {
    display: none;
  }
  .clearMe {
    clear: both;
  }
  .noBg {
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ------ HEADER & HILFSNAVIGATION ------ */
  #first {
    font-size: 1.5em;
  }
  #first a {
    font-size: .9em;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-decoration: underline;
    top: 0;
  }
  #first a:focus,
  #first a:active {
    background: #FFF;
    color: #E06501;
    left: 3008px; /* war: 2005px */
    position: absolute;
    top: 3015px; /* war: 2010px */
    width: 285px; /* war: 190px */
    z-index: 201;
  }
  #header {
    background: url("../../images/bg_header.gif") no-repeat top left;
    font-size: 1.5em;
    height: 168px; /* war: 112px */
  }
  #header h1 img {
    height: 83px; /* war: 55px */
    left: 867px; /* war: 578px */
    position: absolute;
    top: 69px; /* war: 46px */
    width: 186px; /* war: 124px */
  }
  #header form {
    left: 11px; /* war: 7px */
    position: absolute;
    top: 128px; /* war: 85px */
    width: 297px; /* war: 198px */
  }
  #header input {
    background: #FFF;
    border: 1px solid #C6B8A1;
    color: #584C22;
    font-size: .8em;
    font-weight: normal;
    line-height: 1em;
    position: relative;
    padding: .2em .3em;
    width: 174px; /* war: 116px */
  }
  #header input:hover,
  #header input:focus {
    background: #F1EEE8;
    color: #584C22;
  }
  #header input.sendme {
    width: 57px;
  }
  #header input.sendme:focus,
  #header input.sendme:hover {
    background: #E06501;
    border: 1px solid #FFF;
    color: #FFF;
  }
  #header form div {
    clear: both;
  }
  #navMeta {
    background: #DAD0B9;
    color: #3D3B29;
    left: 317px; /* war: 211px */
    position: absolute;
    top: 135px; /* war: 90px */
  }
  #navMeta li {
    border-right: 1px solid #3D3B29;
    display: inline;
    line-height: 1em;
    padding: 0 .6em;
    text-transform: none;
  }
  #navMeta li.last {
    border-right: 0;
  }
  #navMeta li a {
    color: #3D3B29;
    font-size: .8em;
    text-decoration: none;
  }
  #navMeta li.active h3 {
    color: #FFF;
    display: inline;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
  }
  #navMeta li a:focus,
  #navMeta li a:hover,
  #navMeta li a:active {
    text-decoration: underline;
  }
  #navMeta li span.display_standard {
    display: none;
  }

  /* ------ HAUPT- & UNTER-NAVIGATION ------ */
  #main {
    font-size: 1.5em;
  }

#fbrp__29 {
    background: #F1EEE8;      color: #584C22;      
    padding: 1px 0;      
    margin: 0 8px 1em 8px;
}

select .cms_dropdown {
    display: block;      min-width: 35%;      border: 1px solid #C6B8A1;      background: #FFF;      color: #584C22;      padding: .2em .3em;      font-size: 1em;
}

  ul#navMain {
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    font-size: .9em;
    letter-spacing: 0.1em;
    line-height: 1em;
    list-style: none;
    margin-top: 1px;
    text-transform: uppercase;
    width: 293px; /* war: 195px */
  }
  #navMain li { display: block; }
  #navMain li.open01 h3, #navMain li.open02 h3, #navMain li.open03 h3 {
    font-size: 1em;
    font-weight: normal;
    padding: 13px 5px 12px 20px;
    border-bottom: 1px solid #FFF;
    background: #8C7B42;
    color: #FFF;
    text-decoration: none;
    vertical-align: bottom; /* This fixes the IE5 Win gap! */
    width: 100%;
  }
  html>body #navMain li.open01 h3 { width: auto; }
  html>body #navMain li.open02 h3 { width: auto; }
  html>body #navMain li.open03 h3 { width: auto; }
  #navMain li.open01 li.open02 h3 {
    padding: 13px 5px 12px 35px;
    background: #C28A5E url("../../images/bg_nav_01_a.gif") no-repeat 0px 16px;
    color: #FFF;
  }
  #navMain li.open01 li.open02 li.open03 h3 {
    padding: 13px 5px 12px 38px;
    background: #A5988A url("../../images/bg_nav_02_a.gif") no-repeat 0px 16px;
    color: #FFF;
  }
  #navMain li a {
    display: block;
    padding: 14px 5px 13px 20px;
    border-bottom: 1px solid #FFF;
    background: #E0D8CA;
    color: #3D3B29;
    text-decoration: none;
    vertical-align: bottom; /* This fixes the IE5 Win gap! */
    width: 100%;
    min-height: 1px;
  }
  html>body #navMain li a { width: auto; }
  #navMain li a:hover, #navMain li a:focus, #navMain li a:active {
    background: #E06501;
    color: #FFF;
  }
  #navMain li.open01 a {
    display: block;
    padding: 13px 5px 12px 35px;
    background: #F1EEE8 url("../../images/bg_nav_01_i.gif") no-repeat 0px 16px;
    color: #3D3B29;
    text-decoration: none;
    vertical-align: bottom; /* This fixes the IE5 Win gap! */
    width: 100%;
  }
  html>body #navMain li.open01 a { width: auto; }
  #navMain li.open01 a:hover, #navMain li.open01 a:focus, #navMain li.open01 a:active {
    background: #E06501 url("../../images/bg_nav_01_o.gif") no-repeat 0px 16px;
    color: #FFF;
  }
  #navMain li.open01 a.parent01 {
    display: block;
    padding: 13px 5px 12px 20px;
    border-bottom: 1px solid #FFF;
    background: #8C7B42;
    color: #FFF;
    text-decoration: none;
    vertical-align: bottom; /* This fixes the IE5 Win gap! */
    width: 100%;
  }
  html>body #navMain li.open01 a.parent01 { width: auto; }
  #navMain li.open01 a.parent01:hover, #navMain li.open01 a.parent01:focus, #navMain li.open01 a.parent01:active {
    background: #E06501;
    color: #FFF;
  }
  #navMain li.open02 a {
    display: block;
    padding: 13px 5px 12px 38px;
    background: #EDDCCE url("../../images/bg_nav_02_i.gif") no-repeat 0px 16px;
    color: #3D3B29;
    text-decoration: none;
    vertical-align: bottom; /* This fixes the IE5 Win gap! */
    width: 100%;
  }
  html>body #navMain li.open02 a { width: auto; }
  #navMain li.open02 a:hover, #navMain li.open02 a:focus, #navMain li.open02 a:active {
    background: #E06501 url("../../images/bg_nav_02_o.gif") no-repeat 0px 16px;
    color: #FFF;
  }
  #navMain li.open02 a.parent02 {
    display: block;
    padding: 13px 5px 12px 35px;
    border-bottom: 1px solid #FFF;
    background: #C28A5E url("../../images/bg_nav_01_a.gif") no-repeat 0px 16px;
    color: #FFF;
    text-decoration: none;
    vertical-align: bottom; /* This fixes the IE5 Win gap! */
    width: 100%;
  }
  html>body #navMain li.open02 a.parent02 { width: auto; }
  #navMain li.open02 a.parent02:hover, #navMain li.open02 a.parent02:focus, #navMain li.open02 a.parent02:active {
    background: #E06501 url("../../images/bg_nav_01_o.gif") no-repeat 0px 16px;
    color: #FFF;
  }
  div.banner { margin: 1px; }

  /* ------ TEASER ------  */
  .isBox, .teaserBox, #theForm fieldset, .theForm fieldset {
    background: #F1EEE8;
    color: #584C22;
    padding: 1px 0;
    margin: 0 8px 1em 8px;
  }
  .hideright .teaserBox {
    float: right;
    width: 321px; /* war: 214px */
    margin: 0 25px 1em 23px;
  }
  .hideright .teaserBox p:first-line { font-weight: bold; color: #3D3B29; }
  #col2 { color: #584C22; }
  #col3_content hr {
    border-top: 1px dotted #6C5D2A;
    margin: 1.4em 22px 1.4em 22px;
    padding: 0;
    height: 0px;
    z-index: 11;
  }
  #col2_content div.hr, .teaserBox div.hr {
    margin: 1em 7px !important;
    height: 1px;
    background: url("../../images/bg_hr.gif") repeat-x scroll center;
  }
  #col2_content div.hr hr, .teaserBox div.hr hr {
    display: none;
    visibility: hidden;
  }
  #col2_content img, #col3_content img { margin-bottom: 15px; }
  #col2_content h3, .teaserBox h3 {
    background: url("../../images/bg_col2_h3.gif") repeat-x bottom left;
    border-top: 1px solid #C6B8A1;
    padding: .6em 14px;
    margin: 0 10px;
    font-size: 1em;
  }
  #col3_content p a, #col3_content address a, #col2_content a,
  #col3_content h4 a, #col3_content ul a, #col3_content ol a .teaserBox a {
    padding-left: 16px;
    background: url("../../images/bg_col2_i.gif") no-repeat left;
    color: #E06501;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.05em;
  }
  #col3_content p a:visited, #col3_content address a:visited, #col2_content a:visited,
  #col3_content h4 a:visited, #col3_content ul a:visited, #col3_content ol a:visited, .teaserBox a:visited {
    background: url("../../images/bg_col2_a.gif") no-repeat left;
    color: #AF4E01;
    font-weight: normal;
    font-style: italic;
  }
  #cat-extra #col3_content p a, #cat-extra #col3_content li a { background: none; padding-left: 0; }
  #cat-extra #col3_content p img, #cat-extra #col3_content li img { padding: 5px 0 7px 0; margin: 0; vertical-align: middle; }

  #col3_content p a:hover, #col3_content p a:focus, #col3_content p a:active,
  #col3_content address a:hover, #col3_content address a:focus, #col3_content address a:active,
  #col2_content a:hover, #col2_content a:focus, #col2_content a:active,
  #col3_content h4 a:hover, #col3_content h4 a:focus, #col3_content h4 a:active,
  #col3_content ul a:hover, #col3_content ul a:focus, #col3_content ul a:active,
  #col3_content ol a:hover, #col3_content ol a:focus, #col3_content ol a:active,
  .teaserBox a:hover, .teaserBox a:focus, .teaserBox a:active {
    text-decoration: underline;
  }
  #col3_content p a.noLink { background: none; padding-left: 0; }
  #col2_content p, .teaserBox p,
  #col2_content address, .teaserBox address { margin: 1em 24px 1.5em 24px; font-size: .9em; line-height: 1.6em; }
  #col3_content blockquote { background: url("../../images/bg_blockquote.gif") 0 .2em no-repeat; font-style: normal; margin: .5em 24px 0 24px; padding: 0 0 0 1em; }
  .teaserBox h3 { margin: .5em 7px 1em 7px !important; padding: .6em 8px !important; }
  .teaserBox h4 { margin: .5em 7px 1em 7px !important; padding: 0 8px !important; }
  .teaserBox p { margin: .5em 15px 1em 15px !important; }

  /* ------ INHALT ------ */
  #col3_content h3 { margin: 1em 22px 1.5em 22px; font-size: 1em; color: #584C22; }
  #col3_content h4 { margin: 1em 22px 0 22px; font-size: 1em; }
  #col3_content p, #col3_content address { margin: 1em 22px; font-size: .9em; line-height: 1.6em; }
  #col3_content ul, #col3_content ol { margin: 1em 22px 1em 50px; font-size: .9em; line-height: 1.6em; }
  #col3_content ul ul, #col3_content ul ol, #col3_content ol ul, #col3_content ol ol { font-size: 1em; }
  #col3_content ul { list-style: square; }
  #col3_content ol.dec { list-style-type: decimal; }
  #col3_content ol.alph { list-style-type: lower-alpha; }
  #col3_content img.lefty { float: left; border: 1px solid #C6B8A1; margin: .3em 1em .2em 0; }
  #col3_content img.leftyNB { float: left; margin: .3em 1em .2em 0; }

  /* ------ WFDI ------ */
  .wfd-immo .isBox {
    float: none !important;
  }
  .wfd-immo .isImages {
    margin-left: 22px !important;
  }
  .flowplayer {
    margin: 16px 0 0 22px;
    width: 584px;
  }
  div.flowplayer + p {
   margin-top: 0 !important;
   padding-bottom: 2px !important;
   padding-top: 4px !important;
  }

  /* ------ BREADCRUMBS ------- */
  p#breadcrumbs { margin: 0 22px 2.5em 22px; font-size: .8em; }
  p#breadcrumbs a, p#breadcrumbs a:visited { color: #584C22; text-decoration: underline; padding-left: 0 !important; background: none !important; font-weight: normal !important; letter-spacing: 0 !important; font-style: normal !important; }
  p#breadcrumbs a:hover, p#breadcrumbs a:focus, p#breadcrumbs a:active { color: #3D3B29; text-decoration: none !important; }
  p#breadcrumbs strong { font-weight: normal; }

  /* ------ FOOTER ------- */
  p#footer { margin: 2em -.2em 1em -.2em !important; border-top: 1px solid #FFF; padding: 2em 22px 1em 22px; font-size: .8em; }
  p#footer span.abstand { padding: 0 1em; }
  p#footer a, p#footer a:visited { color: #584C22; text-transform: uppercase; text-decoration: none; padding-left: 0 !important; background: none !important; font-weight: normal !important; letter-spacing: 0 !important; font-style: normal !important; }
  p#footer a:hover, p#footer a:focus, p#footer a:active { color: #3D3B29; text-decoration: underline; }
  p#footer a.anatom5 { text-transform: none; }

  /* ------ FORMULARE ------- */
  #theForm fieldset, .theForm fieldset { display: block; font-size: .9em; padding: .5em 13px 1.2em 13px; }
  #theForm legend, .theForm legend { display: none; visibility: hidden; }
  #theForm label, .theForm label {
    display: block;
    color: #584C22;
    margin: 0 0 .7em 0;
    line-height: 2.3em;
    font-weight: bold;
  }
  #theForm input, #theForm textarea, .theForm input, .theForm textarea {
    display: block;
    width: 75%;
    border: 1px solid #C6B8A1;
    background: #FFF;
    color: #584C22;
    padding: .2em .3em;
    font-size: 1em;
  }
  #theForm input[type=hidden], .theForm input[type=hidden] { display: none; }
  #theForm textarea, .theForm textarea { font-family: Arial, Helvetica, Sans-Serif; font-size: 1em; }
  #theForm select, .theForm select {
    display: block;
    min-width: 35%;
    border: 1px solid #C6B8A1;
    background: #FFF;
    color: #584C22;
    padding: .2em .3em;
    font-size: 1em;
  }
  #theForm input.submit, .theForm input.submit {
    margin-top: 1.5em;
    padding: .4em .5em;
    width: auto;
    border: 1px solid #C6B8A1;
    background: #FFF;
    color: #584C22;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font: .8em/1em Arial, Helvetica, Sans-Serif;
  }
  #theForm input.submit:hover, #theForm input.submit:focus,
  .theForm input.submit:hover, .theForm input.submit:focus {
    border: 1px solid #FFF;
    background: #E06501;
    color: #FFF;
  }
  #theForm strong.error, .theForm strong.error {
    display: block;
    color: #FF0000;
  }
  #theForm p, .theForm p { margin: 1em 0 !important; }
  #col3_content .abmelden a {
    color: #E06501;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0 22px;
    text-decoration: none;
  }
  #col3_content .abmelden a:focus,
  #col3_content .abmelden a:hover,
  #col3_content .abmelden a:active {
    text-decoration: underline;
  }
  #fbrp__29 label {
    display: block;      color: #584C22;      
    margin: 0 0 0 1em;      
    line-height: 2.3em;      
    font-weight: bold;
  }

  /* Formbuilder */
  .formbuilder input {
      display: inline-block; 
      border: 1px solid #C6B8A1;      background: #FFF;      
      /* color: #584C22; */      
      margin-left: 1em;
      padding: .2em .3em;      
      font-size: 1em;
  }

  .formbuilder input[checkbox] {
      width: 0;
  }

  .formbuilder select {
      display: block;      
      min-width: 30%;      border: 1px solid #C6B8A1;      background: #FFF;      color: #584C22;      
      padding: .2em .3em;      
      margin-bottom: 0.5em;
      margin-left: 1em;
      font-size: 1em;
  }
  .formbuilder p {
    margin: 1em 22px !important; 
  }
  .formbuilder label, 
  .formbuilder legend {
    margin: 5px 20px 0 20px;
  }
  .formbuilder .captchapict,
  .formbuilder textarea {
    margin-left: 20px;
  }
  .formbuilder textarea {
    display: inline-block;
  }
  .formbuilder .fbsubmit {
    margin-top: 20px;
  }
  .formbuilder input[type=checkbox],
  .formbuilder input[type=radio],
  .formbuilder .captchapict ~ input,
  .formbuilder .fbsubmit {
    width: auto;
  }

  .formbuilder input[type=checkbox] + label,
  .formbuilder input[type=radio] + label {
    display: inline !important;
  }
  .formbuilder fieldset {
    margin-top: 0.5em;
  }

  /* ------ DOWNLOAD-LISTE ------- */
  .dList li {
    list-style-type: square;
    list-style-image: url("../../images/bg_ico_download.gif");
    padding-left: 5px;
  }
  .dList li.dListNo {
    list-style-type: none !important;
    list-style-image: none !important;
    margin-left: -28px;
    padding-bottom: .5em;
  }
  .dList li a { padding-left: 0 !important; background: none !important; }


  /* ------ SITEMAP / INHALT ------- */
  ul.sitemap { list-style-image: url("../../images/ico_sitemap_01.gif") !important; margin: 1em 0 1em 44px !important; font-size: .8em; }
  ul.sitemap ul { list-style-image: url("../../images/ico_sitemap_02.gif") !important; margin: 0 0 1em 10px !important; }
  ul.sitemap ul ul { list-style-image: url("../../images/ico_sitemap_03.gif") !important; margin: 0 0 0 10px !important; font-size: .9em; }
  .sitemap li { line-height: 2em; margin: 0 !important; }
  .sitemap li li li a { color: #8C7B42; font-size: 1em; font-weight: normal; text-transform: none; background: none !important; }
  .sitemap li li a { color: #8C7B42; font-size: 1em; font-weight: normal; text-transform: none; background: none !important; }
  .sitemap li a { color: #3D3B29; font-size: 1em; font-weight: bold; text-decoration: none; text-transform: uppercase; background: none !important; }
  .sitemap li a:hover, .sitemap li a:focus, .sitemap li a:active { color: #E06501; }
  #col3_content ul.sitemap-ext, #col3_content .sitemap-ext ul { list-style: none; margin-left: 20px; }

  /* ------ SUCHERGEBNISSE ------- */
  dl.searchResult { margin: 0 22px; font-size: .9em; }
  .searchResult dt { padding: 1em 0 0 0; }
  .searchResult dd { padding: .5em 1em 1em 1em; border-bottom: 1px dotted #6C5D2A; }
  .searchResult dd.last { border-bottom: 0; }
  .searchResult a { color: #3D3B29; text-decoration: none; font-weight: bold; }
  .searchResult a:hover, .searchResult a:focus, .searchResult a:active { text-decoration: underline; }
  em.searchRes, .searchResult em { padding: .1em .2em; background: #FFF; font-style: normal; }

  /* ------ IS24-FORMATIERUNGEN ------- */
  .hideright .isBox {
    float: left;
    width: 230px;
    margin: 0 10px 1em 22px !important;
    border: 1px solid #C6B8A1;
    padding: .3em 1em;
  }
  * html .hideright .isBox { margin-left: 11px !important; }
  .isBox address, .isBox p { margin: 0 !important; }
  ol.isImages, ol.isFiles { margin: 1em 22px; }
  ol.isImages li { display: block; float: left; list-style: none; }
  ol.isImages li a img { display: block; height: 100px; border: 1px solid #C6B8A1; }
  ol.isImages li a { display: block; margin: 0 8px 8px 0; width: auto; }
  p.isP, div.isP { margin-bottom: 2.5em !important; }
  div.isP {
    margin: 0 0.7em 2.5em 1em;
  }
  ol.isFiles li { list-style: none; }
  ol.isFiles li a {
    color: #E06501;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.05em;
  }
  ol.isFiles li a:hover, ol.isFiles li a:focus, ol.isFiles li a:active { text-decoration: underline; }
  ol.isFiles li a:visited {
    color: #AF4E01;
    font-weight: normal;
    font-style: italic;
  }
  #col2_content ul.immoTeaser {
    margin: 1em 24px 1.5em 46px;
    font-size: .9em;
    line-height: 1.6em;
    font-size: .9em;
    list-style-image: url("../../images/bg_col2_i.gif");
    list-style-type: square;
  }
  #col2_content ul.immoTeaser li a { background: none !important; padding-left: 0 !important; }

  /* ------ FAQs ------- */
  h4.faqSel a { background: url("../../images/bg_col2_i.gif"); }
  div.faqDef { border-left: 1px solid #E06501; margin: 0 22px; }

  /* ------ NEWS ------- */
  span.newsHead { color: #E06501; }

  /* ------ DATEN-TABELLEN ------- */
  table.dataTable, table#isRes {
    margin: 1em 22px 1.5em 22px;
    border-collapse: collapse;
    background: #F1EEE8;
    color: #584C22;
  }
  .dataTable th, .dataTable td, #isRes th, #isRes td {
    border: 1px solid #C6B8A1;
    padding: .3em 1em;
    color: #584C22;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
  }
  #isRes tr.colorMe, #isRes td.colorMe, #isRes th.colorMe { background: #F1E7D4; }
  #isRes th { font-weight: bold; }
  #isRes th#tr1 { width: 50px; }
  #isRes th#tr2 { width: 300px; }
  #isRes th#tr3 { width: 100px; }
  #isRes th#tr4 { width: 150px; }
  #isRes td { padding: .5em 1em; line-height: 1.6em; }
  .dataTable th { width: 290px; }
  .dataTable td { width: 290px; }
  .dataTable a, #isRes a { color: #3D3B29; text-decoration: underline; }
  .dataTable a:hover, .dataTable a:focus, .dataTable a:active,
  #isRes a:hover, #isRes a:focus, #isRes a:active { text-decoration: none; }
  .dataTable a:visited, #isRes a:visited { color: #000; font-style: italic; }
  .dataTable a:visited:hover, .dataTable a:visited:focus, .dataTable a:visited:active,
  #isRes a:visited:hover, #isRes a:visited:focus, #isRes a:visited:active { color: #3D3B29; text-decoration: none; }
  .xNet th { width: 193px; font-weight: bold; }
  .xNet tr.colorMe { background: #F1E7D4; }
  .xNet td { border-bottom: 0; }
  .xNet tr.tableDetails td { border: 1px solid #C6B8A1; border-top: 0; }
  #isRes td ul, #isRes td li, #isRes td p { font-size: 1em; }
  #isRes td ul, #isRes td ol { margin: 0 0 1em 25px;  }

  /* ------ TABELLEN & FORMULARE ------- */
  .tSearch { margin-right: 5px; }
  .tSearch fieldset { margin: 0; }
  table#tableSearch { border-collapse: collapse; }
  #tableSearch th, #tableSearch td {
    padding: .3em 2em .3em 0;
    color: #584C22;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    width: auto;
  }
  #tableSearch th#ts1, #tableSearch th#ts2, #tableSearch th#ts3 { font-weight: bold; }
  #tableSearch label { font-weight: normal; display: inline; }
  #tableSearch input { width: 220px; display: inline; }

  /* -- Aria Lightbox ---------------------------------------------------- */
  .ui-widget-overlay {
    background: #E0D8CA;
    opacity: .75;
    position: absolute;
    left: 0;
    top: 0;
  }
  .ui-dialog {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #4f6261;
    display: none;
    font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
    font-size: .9em;
    height: auto;
    line-height: 1.5em;
    margin: 0;
    outline: 0;
    padding: 1em;
    position: absolute;
  }
  .ui-dialog-title {
    left: -5000em;
    position: absolute;
  }
  #ui-lightbox-image {
    background: url(../../images/ico_loading.gif) no-repeat center center;
    height: 10em;
    margin: 0;
    padding: 0;
  }
  #ui-lightbox-image img {
    border: 1px solid #584C22;
    display: none;
  }
  #ui-lightbox-description {
    font-weight: bold;
    margin: .75em 0;
    padding-right: 80px;
  }
  #ui-lightbox-pager {
    color: #4f6261;
    font-size: .833em;
    line-height: 1.8em;
    margin: .9em 0 0 0;
  }
  #ui-lightbox-close span,
  #ui-dialog-buttonpane button span {
    left: -5000em;
    outline: none;
    position: absolute;
  }
  a#ui-lightbox-close {
    background: url(../../images/ico_close.gif) no-repeat center transparent;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    width: 25px;
    z-index: 21;
  }
  #ui-dialog-buttonpane {
    bottom: 1em;
    height: 25px;
    position: absolute;
    right: 1em;
    width: 75px;
  }
  #ui-dialog-buttonpane button {
    background: #fff url(../../../wfd-duesseldorf.de/index.html) no-repeat center;
    border: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    cursor: pointer;
    display: block;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 50px !important;
    z-index: 20;
  }
  #ui-dialog-buttonpane #ui-lightbox-prev {
    background-image: url(/util/img/but_back-big.png);
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    left: 0;
    right: auto;
  }
  #ui-dialog-buttonpane #ui-lightbox-next {
    background-image: url(/util/img/but_next-big.png);
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    left: auto;
    right: 0;
  }
  #ui-dialog-buttonpane button.ui-state-disabled {
    display: none;
  }
  .ui-dialog {
    padding-bottom: 2em;
  }
  #ui-dialog-buttonpane {
    bottom: auto;
    height: 50px;
    right: 0;
    top: 15%;
    width: 100%;
  }
  #ui-dialog-buttonpane button {
    background-color: #fff;
    height: 50px;
    left: 1em;
    top: 0;
    width: 30px;
  }
  #ui-dialog-buttonpane #ui-lightbox-next {
    left: auto;
    right: 1em;
  }
  #ui-lightbox-close span{
    background: transparent;
    bottom: 1.2em;
    color: #584C22;
    font-weight: bold;
    font-size: 0.833em;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 1.2em;
    right: 0;
    text-decoration: none;
    text-indent: 0;
    width: auto;
  }
  #ui-lightbox-close:focus,
  #ui-lightbox-close:hover,
  #ui-lightbox-close:active {
    text-decoration: underline;
  }
  #ui-lightbox-close:focus,
  #ui-lightbox-close:active {
    outline: 1px solid #584C22;
  }
  /* ------ POP-UPs ------- */
  #lightbox {
    background-color: #FFF;
    padding: 10px;
    border-right: 2px solid #C6B8A1;
    border-bottom: 2px solid #C6B8A1;
    z-index: 999 !important;
  }
  #lightboxDetails {
    font-size: 0.8em;
    padding-top: 0.4em;
  }
  #lightboxCaption { display: none !important; }
  #keyboardMsg { float: right; }
  #closeButton { margin: -10px 0 0 0; }
  #keyboardMsg kbd { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 1.3em !important; color: #584C22 !important; }
  #lightbox img { border: none; }
  #overlay img { border: none; }
  #lightbox a #lightboxImage { border: 1px solid #584C22 !important; }
  #overlay a #loadingImage { border: 0px !important; }
  #overlay { background-image: url("../../images/ico_overlay.png"); z-index: 998 !important; }
  * html #overlay {
    background-color: #E0D8CA;
    back\ground-color: transparent;
    background-image: url("../../images/ico_blank.gif");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/ico_overlay.png", sizingMethod="scale");
  }
}

/* -- Print-Layout ----------------------------------------------------- */
@media print {
  /* ___________ BASIC SETTINGS ___________ */
  body {
    margin: 28px 38px;
    border: 0;
    padding: 0;
    width: auto !important;
    background: #FFF !important;
    color: #000;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: left !important;
  }
  html>body { margin: 28px 58px; }
  a { text-decoration: underline; color: #000; margin: 0 !important; padding: 0 !important; }
  address { font-style: normal; }
  blockquote { font-style: italic; margin: 5pt 10pt; }
  h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; border: 0; }
  img { border: none; }
  img.lefty, img.leftyNB { float: left; margin: 0 10pt 10pt 0; border: 1px solid #000; }
  .clearMe { clear: both; }

  /* ___________ STUFF TO HIDE ___________ */
  caption, dfn, div.hr, hr, span.hideme, p.hideme, h2.hideme,
  #col2_content h3, #col2_content p, #col2_content address, #col2_content ol,
  #col2_content ul, #first, #navMeta, #navMain, #header form, #footer a, .sitemap,
  #footer span.abstand, #theForm input.submit, div.banner {
    display: none;
  }


  /* ___________ BASIC SETTINGS ___________ */
  #header { height: 55px; margin-bottom: 28px; }
  #header img { float: left; margin: 0 0 0 380px; border: 0; }
  #page_margins { clear: both; height: 1px; }
  #col2_content img {
    margin-left: 1px;
    border-left: 1px solid #E0D8CA;
    padding-left: 1px;
    position: absolute;
    left: 391px;
    top: 127px;
    top/* */:/**/112px;  /* IE6+ gets it right */
  }
  html>body #col2_content img { top: 111px; left: 411px; }
  * html #col3_content { margin: 0 217px 0 0; }
  html>body #col3_content { margin: 0; }
  #col3_content h3 { font-size: 14pt; margin: 28px 0 12px 0; }
  #col3_content h4 { font-size: 12pt; margin: 24px 0 12px 0; }
  #col3_content p, #col3_content address, #col3_content p, #col3_content ul, #col3_content ol {
    font-size: 10pt;
    letter-spacing: 1px;
    line-height: 14pt;
    margin: 14pt 0 0 0;
  }
  p#breadcrumbs { font-size: 9pt; margin: 28px 0 0 0; }
  p#breadcrumbs a { text-decoration: none; }
  p#footer { padding-top: 9pt; border-top: 1px solid #727272; font-size: 9pt; text-align: right; padding-right: 10pt; }
  p#footer a.anatom5 { display: inline !important; text-decoration: none; }

  /* ___________ MODULES ___________ */
  table {
    display: block;
    border-collapse: collapse;
    margin: 14pt 0;
    border: 0;
    padding: 0;
    text-align: left;
    font-size: 9pt;
    line-height: 20pt;
  }
  th, td {
    margin: 0;
    padding: 4pt 16pt 4pt 8pt;
    border-bottom: 1px solid #000;
    vertical-align: top;
    font-size: 9pt;
    letter-spacing: 1px;
  }
  .searchResult { font-size: 10pt; }
  .searchResult dt {
    margin: 14pt 0 6pt 0;
    font-size: 10pt;
    letter-spacing: 1px;
    line-height: 14pt;
  }
  .searchResult dd { margin: 0 0 0 14pt; }
  .searchResult dd.searchInfo { font-size: 8pt; margin-top: 5pt; }
  .isImages { list-style: none; clear: both; margin: 14pt 0 0 0; }
  .isImages img { display: block; float: left; margin: 0 14pt 14pt 0; border: 1px solid #000; }

  /* ___________ STYLING FORMS ___________ */
  #theForm fieldset {
    display: block;
    margin: 28px 0;
    padding: 0;
    border: 0px solid #FFF;
  }
  #theForm legend { font-size: 14pt; font-weight: bold; margin: 0 0 7pt -10px !important; color: #000; }
  #theForm label { padding-top: 14pt; font-size: 10pt; display: block; font-weight: bold; }
  #theForm input, #theForm select, #theForm textarea {
    display: block;
    border: 0;
    padding-top: 7pt;
    width: 450px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 14pt;
  }
  #theForm input { border-bottom: 1px solid #000; }
  #theForm textarea { height: 50pt; }

  div.printIt { position: absolute; top: 27px; left: 255px; font-size: 7pt; text-align: right; }
  html>body div.printIt { left: 275px; }
  .printIt abbr, .printIt acronym { border-bottom: 0; }
  .printIt a { text-decoration: none; }
}

/* Viewport up to 1279px */

@media screen and (max-width:1279px) {

/* 3 Column Pages */

  body {
    background-image: none;

  }
  #header {
    width: 674px;
    background-position-x: -27px;
  }
  #header h1 img {
    left: 745px;
  }
  #page_margins {
    width: 988px;
  }

  #col1 {
    width: 267px;
  }
  ul#navMain {
    width: 266px;
  }
  ul#navMain {
    width: 266px;
  }

  #col2 {
    width: 313px;
  }
  #col2_content {
    background: linear-gradient(left, #E0D8CA, #E0D8CA);
    /* background: -webkit-linear-gradient(left, #E0D8CA, #E0D8CA) no-repeat 0px 200px; */
  }
  #col2_content img {
    max-width: 100%;
    border-top: 1px solid #C6B8A1;
    border-right: 1px solid #C6B8A1;
  }
  #col2_content p {
    font-size: .8em;
    line-height: 1.5em;
  }

  .hidenone #main {
    background-image: none;
  }

  .hidenone #col3 {
    width: 404px;
    margin-left: 269px;
    background-color: #E0D8CA;
    border: 1px solid #C6B8A1;
  }
  #col3_content img {
    max-width: 100%;
  }
  #col3_content h3 {
    margin: 1em 17px 1.2em 17px;
  }
  #col3_content h4 {
    margin: 1em 17px 0 17px;
  }
  #col3_content p {
    font-size: .8em;
    line-height: 1.5em;
    margin: 0.7em 17px;
  }

  /* 2 Column Pages */

  .hideright #main {
    background-image: none;
  }

  .hideright #col3 {
    margin-left: 269px;
    background-color: #E0D8CA;
    border: 1px solid #C6B8A1;
  }
}

/* Viewport up to 1000px */

@media screen and (max-width:1000px) {

  /* Layout */

    /* 3 Column Pages */

    #header {
      width: 735px;
    }

    #header h1 img {
      left: 42px;
      top: 27px;
    }

    .banner {
      display: none;
    }

    #page_margins {
      width: 735px;
    }

    #col1 {
      
    }

    #col2 {
      clear: left;
      float: left;
      margin-top: 2%;
      width: 266px;
    }

    .hidenone #col3 {
      width: 464px;
      margin-left: 269px;
    }

    #tableSearch input {
      width: 112px;
    }

    table#isRes {
      margin-left: -1px;
      margin-right: 0;
    }

    .hideright .teaserBox {
      width: 416px;
    }

    /* 2 Column Pages */


}

/* Viewport up to 640px */

@media screen and (max-width:640px) {

  /* Layout */ 

    /* 3 Column Pages */

    body {
      min-width: 300px;
    }

    #header {
      background-image: none; 
      width: 100%;
    }
    #header h1 img {
      left: 0;
      top: 0;
      display: block;
      position: relative;
      margin: 7% auto 0 auto;
    }
    #header form {
      left: 0;
      top: 9%;
      position: relative;
      margin-right: auto;
      margin-left: auto;
    }
    #header form div {
      margin-left: 8%;
    }
    #navMeta {
      position: relative;
      left: 0;
      top: 17%;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
      background-color: #FFF;
    }
    #navMeta li.active h3 {
      color: #000;
      font-weight: bold;
    }

    .banner {
      display: none;
    }

    ul#navMain {
      width: 100%;
    }

    #page_margins {
      width: 99%;
    }

    #col1, #col2 {
      width: 100%;
    }

    #col2_content img, #col3_content img {
      display: block;
      margin: 0 auto;
    }

    #col2_content .hImg,
    #col3_content .hImg {
      min-width: 100%;
    }

    .hidenone #col3 {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }

    #theForm {
      overflow-x: scroll;
    }

    #theForm input, #theForm textarea, .theForm input, .theForm textarea {
      width: 95%;
    }

    table#isRes {
      overflow-x: scroll;
      margin: 1em 0 1.5em -1px;
    }

    table.dataTable {
      margin: 1em 0.5em 1.5em 0.5em;
    }

    .dataTable th, .dataTable td, #isRes th, #isRes td {
      font-size: 0.595em;
    }

    .hideright .teaserBox {
      float: none;
      margin: 0 0.5em 1em 0.5em;
      width: 90%;
    }

    #col3_content address {
      margin: 1em 1em;
    }

    /* 2 Column Pages */

    body.2col {
      min-width: 320px;
    }

    .hideright #col3 {
      margin-left: 0;
      margin-right: 0;
    }

    .hideright .isBox {
      width: 65%;
      margin-left: 8px !important;
    }

    ol.isImages li {
      max-width: 25%;
    }

    #col3_content ul {
      margin: 1em 2% 1em 8%;
    }

    .formbuilder input,
    .formbuilder textarea {
      margin-left: 3%;
      width: 90%;
    }

}

/* Viewport up to 425px */

@media screen and (max-width:425px) {

  /* Layout */

    /* 3 Column Pages */

    #col3_content img {
    max-width: 100%;
    }

    /* 2 Column Pages */

    #col2_content img {
    max-width: 100%;
    }

}




/* Team Page additions */
.our-team img{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.our-team .team-prof h3{
    margin: 0;
}
.our-team .team-prof h3 a {
    color: #ea6153;
    font-size: 24px;
    font-weight: normal;
    transition: all 0.2s linear 0s;
}
.our-team .team-prof h3 a:hover{
    color:#a4a7aa;
}
.our-team .team-prof span{
    color:#a4a7aa;
    display:block;
    margin-bottom:10px;
    text-transform: uppercase;
    font-size:12px;
}
.our-team .team-prof .description{
    color:#8a8a8a;
    margin-bottom:23px;
    font-size:13px;
    line-height: 20px;
}

section.our-team {
  background: rgba(242,235,222,1);
  background: -moz-linear-gradient(top, rgba(242,235,222,1) 0%, rgba(225,217,204,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,235,222,1)), color-stop(100%, rgba(225,217,204,1)));
  background: -webkit-linear-gradient(top, rgba(242,235,222,1) 0%, rgba(225,217,204,1) 100%);
  background: -o-linear-gradient(top, rgba(242,235,222,1) 0%, rgba(225,217,204,1) 100%);
  background: -ms-linear-gradient(top, rgba(242,235,222,1) 0%, rgba(225,217,204,1) 100%);
  background: linear-gradient(to bottom, rgba(242,235,222,1) 0%, rgba(225,217,204,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ebde', endColorstr='#e1d9cc', GradientType=0 );
  min-height:500px;
  height:500px;
  width:400px;
  display:inline-block;
  margin: 10px 0px 50px 40px;
}
section.our-team img {
  /* filter: grayscale(51%) brightness(105%) saturate(105%); */
  /* -webkit-filter: grayscale(51%) brightness(105%) saturate(105%); */
  -moz-filter: grayscale(51%) brightness(105%) saturate(105%);
}

section.our-team h3 {
  border-bottom: 1px solid #C6B8A1;
  border-top: 1px solid #C6B8A1;
  padding: 13px 0px 10px 0px;
}


@media screen and (max-width: 640px) {
section.our-team {
  background-color: #f1eadd;
  min-height:0px;
  height:100%;
  width:100%;
  display:inline-block;
  margin-left:0px;
}
}