/* style.css */

@media all {

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

html {
}

body {
    font-size:75%; /* 12px */
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    color:#606060;
}

/** headings **/
h1 {
    font-size:100%;
    line-height:1.6;
    margin:0 0 0.25em 0;
    color:#ef8611;
    font-weight:bold;
}

h2 {
    font-size:0.92em;
    line-height:1.4;
    color:#606060;
    font-weight:bold;
    margin:0 0 0 0;
}

/** text **/
p {
    font-size:0.92em;
    line-height:1.4;
    margin:0 0 1em 0;
}

p.backlink {
    text-align: right;
}

small {
    font-size:0.92em;
}

blockquote {
    font-style:italic;
}

.imgLeft {
float:left;
padding:0 10px 8px 0;
}

/** links **/

a {
    outline: none;  
}

#main a,
#main a:link,
#main a:visited {
    text-decoration:none;
    color:#ef8611;
}

#main a:hover,
#main a:active {
    text-decoration:underline;
    color:#ef8611;
}

.hide {
    position:absolute;
    top:-5000px;
    left:-5000px;
    width:0;
    height:0;
    display:inline;
    overflow:hidden;
}
/** Listen **/
#content ol {
    margin:0 0 1em 24px;
    padding:0;
    font-size:0.92em;
}

#content ul {
    margin:0 0 1em 11px;
    padding:0;
    list-style:none;
    font-size:1em;
}

#content li {
    line-height:1.6;
    font-weight:normal;
    padding-left:0px;
    list-style-type: square;
    font-size: 0.92em;
}

#content ul.immo_beschreibung {
list-style-type: square;
margin: 0;
padding: 0;
}

#content ul.immo_beschreibung li {
    margin: 0 0 0 14px;
    padding: 0;
    font-size: 0.92em;
}

/** form **/
input {
    border:1px solid #606060;
    font-size:11px;
    height:12px;
    line-height:12px;
    color:#606060;
    padding:2px 4px;
    margin:0;
    background:#FFF;
}

select {
    border:1px solid #606060;
    font-size:11px;
    padding:0px 0px 0px 2px;    
    color:#606060;  
}

input.button {
    color:#ef8611;
    font-weight:bold;
    font-size:11px;
    height:20px;
    line-height:11px;
    padding:0 8px;
    margin:0;
    border-color:#b9b9b9;
}

label {
    line-height:12px;
    font-size:12px;
    font-size:0.92em;
    padding:3px 0px;
}

/** content-teaser **/
div.cteaser {
    width:auto;
    overflow:hidden;
    margin:5px 0 5px 0;
    height:auto;
    background:#FFFFFF;
    /*#f9f8f4; */
    border:0px solid #ef8610;
}

div.cteaser h2 {
    font-size:1em;
    line-height:1.2em;
    margin:0;
}

div.cteaser p {
    margin:0 0 0 0;
}   

div.cteaser img {
    float:left;
    width:110px;
    border: 1px solid #b5b5bf;
    margin: 8px 0 0 0;
}

div.cteaser div {
    margin:5px 0 0 118px;
    width:auto;
    display:block;
    padding: 4px 0 0 0;
}

div.cteaser p a {
    white-space:nowrap;
}


/** teaser **/
.teaser {
    overflow: hidden;
    width:auto;
    background:#f9f8f4;
    margin-bottom:16px;
    border:1px solid #ef8610;
}

.teaser .teaserTitle {
    width:auto;
    font-size:0.92em;
    line-height:1;
    padding:2px 0 3px 9px;
    height:1em;
    text-transform:uppercase;
    font-weight:bold;
    color:#FFF;
    background:#ef8610;
}

.teaser .teaserInner {
    width:auto;
    
}

.teaser p {
    margin:0;
}

.teaser a,
.teaser a:link,
.teaser a:visited {
    color:#ef8610;
    font-weight:normal;
}

/*.teaser img {
    float:left;
    display:block;
}*/

/* t_projektkarte */
#t_projektkarte img {
    display:block;
}

#t_projektkarte a {
    display:block;
    width:auto;
    padding:0px 0 10px 0px;
    line-height:1em;
    font-size:0.92em;
}

#t_projektkarte p {
    padding:0px 0 6px 10px;
    font-size:1em;
    line-height:1.6;
}

/* t_ansprechpartner */
#t_ansprechpartner img {
    float:right;
    display:block;
}

#t_ansprechpartner p {
    padding:12px 0 6px 10px;
    font-size:0.92em;
    line-height:1.6;
}

/* t_kunden */
#t_kunden img {
    float:right;
    display:block;
}

#t_kunden blockquote {
    padding:12px 0 6px 0;
}
    
#t_kunden p {    
    font-size:0.92em;
    line-height:1.6;
    padding:0 0 6px 10px;
}

/* t_infos */
#t_infos ul {
    list-style:none;
    padding:4px 0;
}

#t_infos li {
    list-style:none;
    padding:2px 0;
}

#t_infos a {
    font-size:0.92em;
    padding:4px 0 4px 35px;
    display:block;
    line-height:1em;
}

#t_infos .pdflink {
    background:url(../upload/corporate/icon_pdf.gif) 10px top no-repeat;
}

#t_infos .objektlink {
    background:url(../upload/corporate/icon_objekt.gif) 10px top no-repeat;
}

#t_infos .grundrisslink {
    background:url(../upload/corporate/icon_grundriss.gif) 10px top no-repeat;
}

#t_infos .kontaktlink {
    background:url(../upload/corporate/icon_kontakt.gif) 10px top no-repeat;
}

/* t_artikel */
.t_artikel .teaserInner {
    padding:5px;
}

.t_artikel img {
    float:left;
    display:block;
    margin: 3px 0 0 0;
}

.t_artikel p {    
    font-size:0.92em;
    line-height:1.4;
    padding:0;
    margin-left:110px;
}

/** zebraTable **/

.zebraTable {
    margin: 10px 0 0 0; 
}

.zebraTable tr {
    background:#f0efe5;
}

.zebraTable .odd {
    background:#f9f8f4;
}

.zebraTable td {
    border-bottom:1px solid #FFF;
    padding:8px 0 3px 8px;
    line-height:1;
    font-size:1em;
}

.zebraTable td p {
    margin: 0;
}

} /* end: @media all */

/*=====================================
  Layout
=====================================*/

@media screen, handheld {

html,
body {
    height:100%;
}

body {
    overflow: -moz-scrollbars-vertical;
    background:#b9b9b9;
}

#outer {
    width:891px;
    position:relative;
    margin:0 auto;
    background:url(../upload/corporate/bg_outer.jpg) repeat-y;
}

#page {
    margin:0 10px;
    width:auto;
    padding:0 16px 0 15px;
    border-top:4px solid #ef8610;
    background:url(../upload/corporate/bg_page.jpg) no-repeat bottom right;
}

/** faehnchen **/
.faehnchen {
    position:absolute;
    z-index: 20;
    left:0px;
    height:50px;
    width:auto;
    padding: 0 0 0 0px;
}

.faehnchen img {
    float:left;
    display:block;
    margin: 0 0px 0 0;
}

.faehnchen div {
    display:none;    
    width: 106px;
    color: #FFFFFF;
    font-size: 0.80em;
    height: 27px;
    padding: 3px 0 0 22px;
    line-height: 1.2em;
}

.fBlau div {
    background: #35879f;
}
.fOrange div {
    background: #ffcc00;
    color: #FFFFFF;
}
.fGruen div {
    background: #70961f;
}
.fGrau div {
    background: #93939f;
}

#f_vermietungVerpachtung { top:24px; }
#f_bauunternehmung { top:74px; }
#f_wohnGewerbebau { top:124px; }
#f_investmentF { top:174px; }

/** header **/
#header {
    height:88px;
}

#logo {
padding-top:25px;
}

/* immobiliensuche */
#immobiliensuche {
}

#immobiliensucheLink {
    position:absolute;
    top:9px;
    right:265px;
    width:auto;
    height:auto;
    z-index:10;
    background:#FFF;
}

#immobiliensucheLink a {
    text-decoration:none;
    color:#ef8611;
    font-size:0.92em;
    line-height:1em;
    display:block; 
    padding:5px 11px 5px 26px;
    background-image:url(../upload/corporate/immobiliensuche_link_off.gif);
    background-repeat:no-repeat;
    background-position:5px 5px;
}

#immobiliensucheLink a:hover {
    text-decoration:underline;
    color:#ef8611;
} 

#immobiliensucheLink a.current {
    background-image:url(../upload/corporate/immobiliensuche_link_on.gif);
    border:1px solid #606060;
    border-bottom:1px solid #FFF;
    padding:4px 10px 4px 25px;
}

#immobiliensucheWrapper {
    position:absolute;
    margin-top:1em;
    width:230px;    
    padding:15px 14px;
    border:1px solid #606060;
    height:auto;
    top:19px;
    right:135px;
    z-index:9999;
    display: none;
    height: 73px;
    background:#FFF;   
}

#immobiliensucheWrapper label {
    float:left;
    margin-bottom:8px
}


#immobiliensucheWrapper input {
    width:130px;
    margin-bottom:8px;
    float:right;
}

#immobiliensucheWrapper select {
    width:139px;
    margin-bottom:8px;
    float:right;
}

#immobiliensucheWrapper input.button {
    width:80px;
    margin:0;
}

/** banner **/
.banner {
    clear:both;
    position:relative;
    z-index:1;
    margin-bottom:0px;
    width:840px;
    height: 356px;
    overflow: hidden;
}

.bannerText {
    width: 840px;
    margin-bottom: 15px;
}

.bannerText h1 {
    padding: 12px 10px 12px 14px;
    color: #FFFFFF!important;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}


#bannerHome {
    width: 840px;
    height: 335px;
    border-bottom: 6px solid #ed9220;
}

#bannerHome #bannerBig {
    width: 569px;
    height: 334px;
    float: left;
}

#bannerHome #bannerBig {
    border: 1px solid #ed9220;
}

#bannerHome #bannerBig #bannerBigText {
    background-image: url(../upload/corporate/bg_banner_text.png);
    position: absolute;
    z-index: 100;
    width: 550px;
    height: 32px;
    top: 283px; 
    left: 0;    
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
}

#bannerHome #bannerBig #bannerBigText a,
#bannerHome #bannerBig #bannerBigText a:visited,
#bannerHome #bannerBig #bannerBigText a:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

#bannerHome #bannerBig #bannerBigText a:hover {
    text-decoration: underline;
}

#bannerHome #bannerSmall {
    width: 255px;
    float: left;
    margin: 0 0 0 12px; 
}

#bannerHome #bannerSmall .bannerSmallItem {
    margin: 0 0 16px 0;
}

#bannerHome #bannerSmall .bannerSmallItem img {
    border: 1px solid #ed9220;
}

.imgCaptionLeft {
    display: inline;
    float: left;
    margin: 0 8px 8px 0;
}

/* b_home */
#b_home {
    border-bottom:4px solid #ef8611;
}

#b_home #bannerBig {
    width:567px;
    height:334px;
    overflow:hidden;
    position:relative;
}

#b_home #bannerText {
    background:url(../upload/corporate/bg_banner_text.png);
    width:547px;
    position:absolute;
    padding:10px 10px 0 10px;
    color:#FFF;
    bottom:0;
    left:0;
}
* html #b_home #bannerText { background:#ef8611; }

#b_home #bannerText a {
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}

#b_home #bannerText a:hover {
    color:#FFF;
    font-weight:bold;
    text-decoration:underline;
}

#b_home #bannerText p {
    font-size:0.92em;
}

#b_home #bannerSmall_1 {
    position:absolute;
    right:0;
    top:0;
    width:259px;
    height:103px;
}

#b_home #bannerSmall_2 {
    position:absolute;
    right:0;
    top:115px;
    width:259px;
    height:103px;
}

#b_home #bannerSmall_3 {
    position:absolute;
    right:0;
    top:231px;
    width:259px;
    height:103px;
}

/* b_referenzen */
#b_referenzen #bannerBig {
    width:721px;
    height:415px;
    overflow:hidden;
    position:relative;
}

#b_referenzen #bannerText {
    background:#ef8610;
    width:711px;
    height:1.25em;
    padding:3px 0 3px 10px;
    color:#FFF;
}

#b_referenzen #bannerText p {
    font-size:0.92em;
    line-height:1.25;
    font-weight:bold;
    margin:0;
}

#bannerSmallImagesContainerOuter {
    position: absolute;
    width: 114px;
    height: 420px;  
    top: 0px;
    right: 0px;     
    /*overflow: hidden;*/
}

#bannerSmallImagesContainerInner {
width: 600px;
background: #990000;
}

.bannerSmallSpalte {
    width: 118px;
    float: left;
}

.bannerSmallImage {
    width:114px;
    height:80px;
    border-bottom: 4px solid #FFFFFF;
    overflow: hidden;
}

/*

#b_referenzen .bannerSmall {
    overflow: hidden;
}

#b_referenzen .bannerSmall_1 {
    position:absolute;
    right:0;
    top:0;
    width:114px;
    height:80px;
}

#b_referenzen .bannerSmall_2 {
    position:absolute;
    right:0;
    top:85px;
    width:114px;
    height:80px;
}

#b_referenzen .bannerSmall_3 {
    position:absolute;
    right:0;
    top:170px;
    width:114px;
    height:80px;
}


#b_referenzen .bannerSmall_4 {
    position:absolute;
    right:0;
    top:255px;
    width:114px;
    height:80px;
}*/

#b_referenzen #bannerNav {
    position:absolute;
    top:420px;
    right:0;
    width:114px;
    height:1.2em;
}

#b_referenzen #bannerNav a {
    margin-right:5px;
}

#b_referenzen #bannerNav span {
    float:right;
    font-size:0.92em;
}

/** main **/
#main {
    width:auto;  
}

#sidebar {
    float:right;
    width:260px;
}

#content {
    width:auto;
    margin-right:270px;
}

#contentInner {
    padding:0 10px;
}

.subcolLeft {
    float:left;
    width:270px;
}

.subcolRight {
    width:auto;
    margin-left:280px;
}

.content1spaltig {
    margin: 20px 0 20px 0!important;
}



/** footer **/
#footer {
    width:auto;
    clear:both;
    height:100px;
    margin: 8px 0 0 0;
    padding:0 0 0 32px;
    background:#b9b9b9 url(../upload/corporate/bg_footer.jpg) no-repeat;
}

#copyright {
    position:absolute;
    bottom:40px;
    right:10px;
    font-size:0.92em;
    text-align:right;
}   

#bannerText {
    text-transform: uppercase;
}

/* FARBDEFINITIONEN BEREICHE */
#vermietung h1 { color: #FFFFFF; }
#vermietung #content a { color: #35879f; }
#vermietung #main a { color: #35879f; }
#vermietung #page { border-top:4px solid #35879f; }
#vermietung #immobiliensucheLink a { color: #35879f; }
#vermietung #footer { background:#b9b9b9 url(../upload/corporate/bg_footer_vermietung.jpg) no-repeat; }
#vermietung #bannerText { background:#35879f; height: 45px;} 
#vermietung .teaserTitle { background: #35879f; }
#vermietung .teaser { border:1px solid #35879f; }
#vermietung #immonames { color: #35879f; }
#vermietung ul#mainnav li a { background:url(../upload/corporate/bg_mainnav_item_vermietung.gif) left center no-repeat; }
#vermietung ul#mainnav ul li a { background:#FFF; background-image: none!important; padding:4px; }
#vermietung .banner { height: 469px; margin: 0 0 0px 0; }
#vermietung #bannerText h1 { margin: 14px 0 0 0; font-size: 1em; }
#vermietung .bannerText { background: #35879f; color: #FFFFFF; }

#bauunternehmung h1 { color: #ffcc00; }
#bauunternehmung #content a { color: #ffcc00; }
#bauunternehmung #main a { color: #ffcc00; }
#bauunternehmung #page { border-top:4px solid #ffcc00; }
#bauunternehmung #immobiliensucheLink a { color: #ffcc00; }
#bauunternehmung #footer { background:#b9b9b9 url(../upload/corporate/bg_footer_bauunternehmung.jpg) no-repeat; } 
#bauunternehmung .teaserTitle { background: #ffcc00; }
#bauunternehmung .teaser { border:1px solid #ffcc00; }
#bauunternehmung ul#mainnav li a { background:url(../upload/corporate/bg_mainnav_item_bauunternehmung.gif) left center no-repeat; }
#bauunternehmung ul#mainnav ul li a { background:#FFF; background-image: none!important; padding:4px; }
#bauunternehmung .bannerText { background: #ffcc00; color: #FFFFFF; }

#wohngewerbe h1 { color: #6f9420; }
#wohngewerbe #content a { color: #6f9420; }
#wohngewerbe #main a { color: #6f9420; }
#wohngewerbe #page { border-top:4px solid #6f9420; }
#wohngewerbe #immobiliensucheLink a { color: #6f9420; }
#wohngewerbe #footer { background:#b9b9b9 url(../upload/corporate/bg_footer_wohngewerbe.jpg) no-repeat; } 
#wohngewerbe .teaserTitle { background: #6f9420; }
#wohngewerbe .teaser { border:1px solid #6f9420; }
#wohngewerbe ul#mainnav li a { background:url(../upload/corporate/bg_mainnav_item_wohngewerbe.gif) left center no-repeat; }
#wohngewerbe ul#mainnav ul li a { background:#FFF; background-image: none!important; padding:4px; }
#wohngewerbe .bannerText { background: #6f9420; color: #FFFFFF; }

#investment h1 { color: #93939f; }
#investment #content a { color: #93939f; }
#investment #main a { color: #93939f; }
#investment #page { border-top:4px solid #93939f; }
#investment #immobiliensucheLink a { color: #93939f; }
#investment #footer { background:#b9b9b9 url(../upload/corporate/bg_footer_investment.jpg) no-repeat; }
#investment .teaserTitle { background: #93939f; }
#investment .teaser { border:1px solid #93939f; } 
#investment ul#mainnav li a { background:url(../upload/corporate/bg_mainnav_item_investment.gif) left center no-repeat; }
#investment ul#mainnav ul li a { background:#FFF; background-image: none!important; padding:4px; }
#investment .bannerText { background: #93939f; color: #FFFFFF; }

#std h1 { color: #ef8610; }
#std #content a { color: #ef8610; }
#std #main a { color: #ef8610; }
#std #page { border-top:4px solid #ef8610; }
#std #immobiliensucheLink a { color: #ef8610; }
#std .teaserTitle { background: #ef8610; }
#std .teaser { border:1px solid #ef8610; }
#std .teaser a { color: #ef8610; }
#std #footer { background:#b9b9b9 url(../upload/corporate/bg_footer_investment.jpg) no-repeat; } 
#std ul#mainnav li a { background:url(../upload/corporate/bg_mainnav_item.gif) left center no-repeat; }
#std ul#mainnav ul li a { background:#FFF; background-image: none!important; padding:4px; }
#std .bannerText { background: #ef8610; color: #FFFFFF; }


body.small .banner { height: 356px!important; }

ul#test {
list-style: none;
list-style-image: none;
background-image: none!important;
}

} /* end: screen, handheld */

 
/*================================================
 * Clearing
 *==============================================*/
 @media all {

.clear {
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
    display:block;
}

/* End hide from IE Mac */

* html .clearfix {
    height:1%;
}

.floatbox {
    overflow:hidden;
}
} /* end: @media all */

/*=====================================
 * Navigation
 =====================================*/
@media screen, handheld {

/** mainnav **/
ul#mainnav {
    margin:0;
    padding:0;
    position:absolute;
    top:56px;
    width:600px;
    height:auto;
    left:225px;
    z-index: 10;
}

ul#mainnav li {
    list-style:none;
    float:left;
    width:auto;
}

ul#mainnav li a,
ul#mainnav li a:visited,
ul#mainnav li a:active,
ul#mainnav li a:focus {
    text-decoration:none;
    font-size:1em;
    line-height:1em;
    display:block;
    color:#606060;
    padding:0px 15px 0px 15px;
    background:url(../upload/corporate/bg_mainnav_item.gif) left center no-repeat;
}

ul#mainnav li a:hover {
    text-decoration:underline;
}

ul#mainnav li a.current {
    color:#606060;
    font-weight:bold;
}

ul#mainnav ul {
    background:#FFF;
    border:1px solid #ef8611;
    padding:4px;
    margin:0;
}

ul#mainnav ul li {
    float:none;
    margin:0;
    padding:0;
}

ul#mainnav ul li a:link,
ul#mainnav ul li a:visited,
ul#mainnav ul li a:active {
    float:none;
    color:#606060; 
    display:block;
    padding:4px 11px;
    line-height:1em;
    background:none;
    font-size: 0.92em;
}
* html ul#mainnav ul li a {
    display:inline-block;
}

ul#mainnav ul li a:hover,
ul#mainnav ul li a:focus,
ul#mainnav ul li a.current {
    text-decoration:underline;
    color:#606060;
}

/** sitenav **/
ul#sitenav {
    position:absolute;
    top:14px;
    right:22px;
    height:auto;
    width:auto;
}

ul#sitenav li {
    list-style:none;
    float:left;
    width:auto;
    line-height:1em;
    padding:0 0 0 2px;
    font-size:0.92em;
    color:#606060;
}

ul#sitenav li a {
    color:#606060;
    padding:0 2px 0 0;
    text-decoration:none;
}

ul#sitenav li a:hover,
ul#sitenav li a:focus,
ul#sitenav li a.current {
    color:#606060;
    text-decoration:underline;
}

#vermietung ul#mainnav ul { border:1px solid #35879f; }
#bauunternehmung ul#mainnav ul { border:1px solid #ef8610; }
#wohngewerbe ul#mainnav ul { border:1px solid #6f9420; }
#investment ul#mainnav ul { border:1px solid #93939f; }
#std ul#mainnav ul { border:1px solid #525158; }

} /* end: screen, handheld */


/*================================================
 * Print
 *==============================================*/
 
@media print {
 
#mainnav,
#immobiliensuche,
#footer,
.banner,
#sidebar {
    display:none;
}

#outer {
    width:100%;
}

html {
    height:100%;
}

body {
    font-size:11pt;
    color:#000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

#main {
    width:100%;
    margin:0;
    padding:30pt 0 0 0;
}

#content {
    width:100%;
    position:relative;
    padding:0 0 0 0;
    margin:0;
}

 
#content ul {
    margin:0 0 1em 21pt;
    list-style:disc;
}

#content li {
    padding-left:2pt;
}

.subcolLeft {
    float:left;
    width:48%;
}

.subcolRight {
    width:auto;
    margin-left:52%;
}

h1 {
    page-break-after:avoid;
    color:#000;
    font-weight:bold;
    margin-left:0;
}

h2 {
    page-break-after:avoid;
    color:#000;
}

h3 {
    page-break-after:avoid;
    color:#000;
}
 
} /* end: @media print */