/* schriften */
body, div {
  font-size: 70%;
  line-height: 130%;
}
@media screen {
  div {
    font-size: 100%;
  }
}
#menu {
  font-size: 100%;
}
#mainmenue {
  font-family: tahoma, verdana, helvetica, sans-serif;
}
#submenu {
  font-size: 90%;
}
@media screen {
  #navigation .infobox h3 {
    font-size: 90%;
    font-weight: bold;
  }
}
a:link.more , a:visited.more  {
  font-size: 90%;
}
.global a:link, .global a:visited, .global a:hover, .global a:active {
  font-size: 90%;
}

@media screen {
  .linkDownload h3 {
    font-size: 120%;
    font-weight: bold;
    font-family: trebuchet ms, verdana, helvetica, sans-serif;
  }
}
.linkDownload a:link, .linkDownload a:visited {
  font-size: 100%;
  font-weight: bold;
}
.linkDownload small {
  font-size: 90%;
}
.infobox h3 {
  font-size: 90%;
}
.infobox div {
  font-size: 90%;
  line-height: 150%;
}
.rubrikpage h2 {
  font-size: 160%;
  font-family: trebuchet ms, verdana, helvetica, sans-serif;
  font-weight: normal;
}
/* farben */
body {
  color: #333333;
}
body.bwg {
  background-color: #ECF6EF;
}
body.facilita {
  background-color: #F3F3F3;
}
body.gewerbeimmobilien {
  background-color: #F3F3F3;
}
h1 {
  color: #333333;
}
h3 {
  color: #FFFFFF;
}
@media screen {
  .global {
    color: #666666;
  }
  .global a:link, .global a:visited {
    color: #666666;
  }
  .global a:hover, .global a:active {
    color: #666666;
  }
  #footer {
    color: #666666;
  }
  #footer a:link, #footer a:visited {
    color: #666666;
  }
  #footer a:hover, #footer a:active {
    color: #666666;
  }
  #content .imgLeft, #content .imgRight {
    background-color: #FFFFFF;
  }
  .infobox h3 {
    color: #333333;
  }
  #content h3 {
    padding-bottom: 0.2em;
    color: #666666;
    background: url(../img/dotted_line.gif) repeat-x bottom;
  }
  #content .linkDownload h3 {
    color: #333333;
  }
  .wohnen #teaserRubrik {
    background: url(../img/bg_ms_teaser_wohnen.gif) repeat-x top #ECFBAD;
  }
  .mieten #teaserRubrik {
    background: url(../img/bg_ms_teaser_mieten.gif) repeat-x top #FEF5CC;
  }
  .kaufen #teaserRubrik {
    background: url(../img/bg_ms_teaser_kaufen.gif) repeat-x top #FAE1BD;
  }
  .unternehmen #teaserRubrik {
    background: url(../img/bg_ms_teaser_unternehmen.gif) repeat-x top #CEE6F1;
  }
  .bwg #teaserRubrik {
    background: url(../img/bg_ms_teaser_bwg.gif) repeat-x top #D8EDDD;
  }
  .facilita #teaserRubrik {
    background: url(../img/bg_ms_teaser_facilita.gif) repeat-x top #E6E6E6;
  }
  .gewerbeimmobilien #teaserRubrik {
    background: url(../img/bg_ms_teaser_gewerbe.gif) repeat-x top #D2E5F4;
  }
}

/* Formatierung */
a:link, a:visited {
  text-decoration: none;
}
a:active, a:hover {
  text-decoration:underline;
}
@media screen {
  img.email {
    vertical-align: middle;
  }
  .global {
    position: absolute;
    top: 30px;
    right: 10px;
  }
  .homepage .global {
    position: absolute;
    top: 63px;
    right: 195px;
  }
  .global a:link, .global a:visited, .global a:hover, .global a:active {
    padding: 0 0 0 13px;
  }
}
#illu {
  position: relative;
  padding: 0;
  height: 113px;
}
.wohnen #illu {
  border-top: 10px solid #CBF024;
}
.mieten #illu {
  border-top: 10px solid #FFCC00;
}
.kaufen #illu {
  border-top: 10px solid #F09101;
}
.unternehmen #illu {
  border-top: 10px solid #00AEFF;
}
.bwg #illu {
  border-top: 10px solid #00A650;
}
.facilita #illu {
  border-top: 10px solid #EDAB69;
}
.gewerbeimmobilien #illu {
  border-top: 10px solid #376483;
}
@media screen {
  #body {
    margin: 0;
    width: 781px;
    background-color: #FFFFFF;
  }
  #head {
    position: relative;
    width: 781px;
    /* height: 46px; */
    height: 1px;
    padding: 0;
    background-color: #FFFFFF;
  }
  #main {
    position: relative;
    width: 781px;
    padding: 2px 0 0 0;
    margin: 0;
  }
  #detail {
    position:absolute;
    top: 18px;
    left: 238px;
    width: 180px;
    padding: 0px;
    border: 0;
  }
  #detail .imgLeft {
    margin: 0 ! important;
    padding: 0 ! important;
    border: 0 ! important;
    width: 110px;
    overflow: hidden;
    float: none;
  }
  .wohnen #main {
    border-top: 10px solid #CBF024;
  }
  .mieten #main {
    border-top: 10px solid #FFCC00;
  }
  .kaufen #main {
    border-top: 10px solid #F09101;
  }
  .unternehmen #main {
    border-top: 10px solid #00AEFF;
  }
  .bwg #main {
    border-top: 10px solid #00A650;
  }
  .facilita #main {
    border-top: 10px solid #EDAB69;
  }
  .gewerbeimmobilien #main {
    border-top: 10px solid #376483;
  }
  .rubrikpage #content {
    float: right;
    right: 86px;
    width: 468px;
    position: relative;
    padding: 20px 0 20px 16px;
  }
  .contentpage #content {
    float: left;
    width: 403px;
    position: relative;
    padding: 20px 0 20px 16px;
  }
  .rubrikpage #navigation, .contentpage #navigation {
    float: left;
    width: 210px;
    position: relative;
    margin: 0;
    padding: 0;
  }
  .wohnen #navigation {
    background-color: #F1F6C7;
  }
  .mieten #navigation {
    background-color: #FFF8D9;
  }
  .kaufen #navigation {
    background-color: #FDECD2;
  }
  .unternehmen #navigation {
    background-color: #D9E9F0;
  }
  .bwg #navigation {
    background-color: #ECF6EF;
  }
  .facilita #navigation {
    background-color: #F3F3F3;
  }
  .gewerbeimmobilien #navigation {
    background-color: #EDF2F6;
  }
  #footer {
    position: relative;
    padding: 0.6em 0 1em 0;
    margin: 0 0 0 230px;
    width: 551px;
    border-top: 1px solid #CCCCCC;
  }
}
@media screen {
  .up {
    margin: 0 0 0 0;
    padding: 0 15px 0  13px;
    background: url(../img/symbol_up.gif) no-repeat 0 0.2em;
  }
  .print {
    margin: 0;
    padding: 0 15px 0 15px;
    background: url(../img/symbol_print.gif) no-repeat 0 0.2em;
  }
  .impressum {
    margin: 0;
    padding: 0 15px 0 15px;
    background: url(../img/symbol_impress.gif) no-repeat 0 0.2em;
  }
  .contact {
    margin: 0;
    padding: 0 15px 0 15px;
    background: url(../img/symbol_contact.gif) no-repeat 0 0.4em;
    position: relative;
    top: 0px;
    left: 0px;
  }
}
@media screen {
  #margin {
    float: right;
    position: relative;
    padding: 30px 0 0 0;
  }
  .homepage #margin {
    width: 162px;
  }
  .contentpage #margin {
    width: 150px;
  }
}

@media screen {
  /* aktionsboxen rechts fuer Contentpage */
  .infobox {
    width: 150px;
    padding: 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #CCCCCC;
    font-size: 110%;
    overflow: hidden;
  }
  .infobox h3 {
    padding: 0.4em 10px 0.4em 0;
    margin: 0 0 0.5em 0;
    line-height: 130%;
  }
  .infobox .boxcolor h3 {
    padding: 0.4em 10px 0.4em 10px;
  }
  .infobox div {
    padding: 0;
    color: #333333;
  }
  .infobox div div {
    padding: 0 10px 10px 0;
  }
  .infobox div.boxcolor {
    padding: 0;
    margin: 0;
  }
  .infobox div.boxcolor div {
    padding: 0 10px 20px 10px;
    margin: 0;
  }
  .infobox div.boxcolor div div {
    padding: 0 0 1em 0;
  }
  .wohnen .boxcolor {
    background-color: #ECFBAD;
    border-bottom: none;
  }
  .wohnen .boxcolor h3 {
    background-color: #DFF977;
  }
  .mieten .boxcolor {
    background-color: #FFE992;
  }
  .mieten .boxcolor h3 {
    background-color: #FFDF66;
  }
  .kaufen .boxcolor {
    background-color: #FAE1BD;
    border-bottom: none;
  }
  .kaufen .boxcolor h3 {
    background-color: #F5C278;
  }
  .unternehmen .boxcolor {
    background-color: #CEE6F1;
    border-bottom: none;
  }
  .unternehmen .boxcolor h3 {
    background-color: #A9D9EF;
  }
  .bwg .boxcolor {
    background-color: #D8EDDD;
    border-bottom: none;
  }
  .bwg .boxcolor h3 {
    background-color: #A5DABF;
  }
  .facilita .boxcolor {
    background-color: #E7E7E7;
    border-bottom: none;
  }
  .facilita .boxcolor h3 {
    background-color: #CDCDCD;
  }
  .gewerbeimmobilien .boxcolor {
    background-color: #D2E5F4;
    border-bottom: none;
  }
  .gewerbeimmobilien .boxcolor h3 {
    background-color: #386383;
    color: #000000;
  }
  .gewerbeimmobilien .boxcolor h3 a{
    color: #FFFFFF;
  }
  .boxcolor {
    background-color: #D8EDDD;
    border-bottom: none;
  }
  .infobox img {
    margin: 0;
  }
  .infobox div {
    padding: 0 0 4px 0;
    color: #333333;
  }
  .infobox ul {
    margin: 0;
    padding: 0;
  }
  .infobox li {
    font-size: 90%;
    margin: 0;
    padding: 0 0 2px 8px;
    list-style: none;
    background: url(../img/menupfeil.gif) no-repeat 1px 0.6em;
  }
  .infobox .btn-select {
    position: relative;
    width: 100px;
    height: 26px;
    top: 16px;
    margin: 0 0 1em 40px;
    padding: 0;
    border: 0;
    cursor: pointer;
    font-family: verdana, helvetica, sans-serif
  }
  .wohnen .btn-select {
    background: url(../img/btn_select_wohnen.gif) no-repeat center right;
  }
  .mieten .btn-select {
    background: url(../img/btn_select_mieten.gif) no-repeat center right;
  }
  .kaufen .btn-select {
    background: url(../img/btn_select_kaufen.gif) no-repeat center right;
  }
  .unternehmen .btn-select {
    background: url(../img/btn_select_unternehmen.gif) no-repeat center right;
  }
  .bwg .btn-select {
    background: url(../img/btn_select_bwg.gif) no-repeat center right;
  }
  .facilita .btn-select {
    background: url(../img/btn_select_facilita.gif) no-repeat center right;
  }
  .gewerbeimmobilien .btn-select {
    background: url(../img/btn_select_gewerbe.gif) no-repeat center right;
  }
}

@media screen {
   #search {
    clear: both;
    position:relative;
    top:0;
    left:0;
    width: 177px;
    padding: 6px 0 6px 33px;
    margin: 0;
  }
  #search input {
    width: 100px;
    height: 17px;
    margin: 0;
    padding: 0 0 0 2px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    color: #333333;
  }
  #search .btn-search {
    position: relative;
    width: 15px;
    height: 15px;
    top: 1px;
    margin: 0 0 0 5px;
    padding: 0;
    border: 0;
    background: url(../img/pfeil_search.gif) no-repeat;
    cursor: pointer;
    color: #333333;
  }
}

@media screen {
  #submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active, #submenu ul li a:hover {
    color: #666666;
    text-decoration: none;
  }
  #submenu {
    margin: 0;
    width: 210px;
  }
  #submenu ul {
    width: 210px;
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: normal;
  }
  #submenu ul ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border: none;
  }
  #submenu ul li {
    float: left;
  }
  #submenu li a:link, #submenu li a:visited {
    width: 176px;
    display: block;
    padding: 0.5em 0 0.5em 34px;
    border-bottom: 1px solid #D4D6D5;
  }
  #submenu li li a:link, #submenu li li a:visited {
    width: 164px;
    display: block;
    padding: 0.5em 0 0.5em 46px;
  }
  #submenu li li li a:link, #submenu li li li a:visited {
    width: 140px;
    display: block;
    padding: 0.5em 0 0.5em 70px;
  }
  #submenu li.path {
    background-image: url(../img/pfeil_dotted_down.gif);
    background-position: 20px 0.9em;
    background-repeat: no-repeat;
    font-weight: bold;
  }
  #submenu li li.path {
    background-position: 35px 0.9em;
  }
  #submenu li.node {
    background-image: url(../img/pfeil_dotted_down.gif);
    background-position: 20px 0.9em;
    background-repeat: no-repeat;
  }
  #submenu li li.node {
    background-position: 35px 0.9em;
  }
  #submenu li li li.node {
    background-position: 55px 0.9em;
  }
  #submenu li.leaf {
    background-image: url(../img/pfeil_dotted_right.gif);
    background-position: 20px 0.8em;
    background-repeat: no-repeat;
  }
  #submenu li li.leaf {
    background-position: 35px 0.8em;
  }
  #submenu li li li.leaf {
    background-position: 55px 0.8em;
  }
  #submenu li.active {
    background-image: url(../img/pfeil_dotted_red.gif);
    background-repeat: no-repeat;
  }
  #submenu li.active a strong {
    color: black !important;
  }
}

/* ---------------------- */
/* Popup im Fenster ----- */
/* Nane Charrad 16.2.2009 */

@media screen {

  #overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1001;
  }

  #overlay .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000 none repeat scroll 0 0;
    filter: Alpha(opacity=20);
    opacity: 0.2;
  }

  #overlay #imgZoom, #overlay #summary, #overlay #detail {
    position: relative;
    top: 0;
    left: 0;
    width: 1px;
    margin: auto;
    border: 1px solid #868686;
    background: white;
    z-index: 1000;
  }

  #overlay div .navi {
    position: relative;
    height: 28px;
    border-bottom: 1px solid #868686;
    text-align: left;
    overflow: hidden;
  }

  #overlay div span.prev, #overlay div span.next,
  #overlay div a.prev:link, #overlay div a.prev:visited,
  #overlay div a.next:link, #overlay div a.next:visited {
    width: 21px;
    height: 13px;
    display: block;
    text-decoration: none;
    line-height: 1000px;
    text-indent: 25px;
    overflow: hidden;
    float: left;
  }

  #overlay div .prev {
    margin: 10px 0 0 7px;
  }

  #overlay div .next {
    margin: 10px 0 0 3px;
  }

  #overlay div span.prev {
    background: url(../img/arw_left_inaktiv.gif);
  }

  #overlay div a.prev:link, #overlay div a.prev:visited {
    background: url(../img/arw_left_normal.gif);
  }

  #overlay div a.prev:focus, #overlay div a.prev:hover {
    background: url(../img/arw_left_hover.gif);
  }

  #overlay div a.prev:active {
    background: url(../img/arw_left_down.gif);
  }

  #overlay div span.next {
    background: url(../img/arw_right_inaktiv.gif);
  }

  #overlay div a.next:link, #overlay div a.next:visited {
    background: url(../img/arw_right_normal.gif);
  }

  #overlay div a.next:focus, #overlay div a.next:hover {
    background: url(../img/arw_right_hover.gif);
  }

  #overlay div a.next:active {
    background: url(../img/arw_right_down.gif);
  }

  #overlay div a.close:link, #overlay div a.close:visited {
    position: absolute;
    right: 2px;
    padding: 0 5px;
    color: #999999;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    line-height: 28px;
    display: block;
  }

  #overlay .content {
    position: relative;
    padding: 7px;
  }

  #overlay iframe {
    background: transparent none repeat scroll 0 0;
    height: 644px;
    left: 0;
    position: absolute;
    top: 0;
    width: 779px;
    overflow: hidden;
  }
}