/* Selectors */
body 
    {
    background-color: #006CB5;
    background-image: url(../images/fon.gif);
    background-position: left top;
    background-repeat: repeat-x;
    padding: 0; 
    margin: 0;
    }
body, td, th, form, input, select, textarea
    {
    color: #666;
    font: 11px/140% Verdana, Arial, Helvetica, sans-serif;
    }
input
    {
    width: 150px;
    }
textarea 
    {
    width: 212px;
    height: 120px;
    padding: 2px;
    }
img
    {
    border: 0;
    }   
a
    {
    color: #0060AF;
    font-weight: bold;
    }
a:hover
    {
    color: #000;
    }
form 
    {
    padding: 0;
    margin: 0;
    }
h1
    {
    padding-bottom: 0;
    margin-bottom: 0;
    }
/*  DOCUMENT BONES */
#container
    {
    width: 100%;
    height: 100%;
    }
.left,
.right  
    {
    width: 10px;
    vertical-align: top;
    background-repeat: repeat-y;
    }
.left
    {
    background-image: url(../images/left_fon.gif);
    }
.right 
    {
    background-image: url(../images/right_fon.gif);
    }

/* HEADER   ---------------- */
.header
    {
    background-image: url(../images/header_fon.gif);
    background-repeat: repeat-x;
    background-position: right top;
    padding-bottom: 3px;
    height: 169px;
    text-align: right;
    vertical-align: top;
    }
#header
    {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 100%;
    height: 156px;
    table-layout: fixed;
    }
.logo 
    {
    width: 176px;
    }
.logo img
    {
    margin: 28px 10px 26px 45px;
    }
.top_building
    {
    height: 10px;
    background-image: url(../images/top_building.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    } 
    
/* NAVIGATION  ----------------  */
.nav 
    {
    width: 100%;
    }
.nav td
    {
    background-image: url(../images/nav_fon.gif);
    background-repeat: repeat-x;
    background-position: right top;
    text-align: center;
    height: 33px;
    }
.nav td.slogan { width: 176px;}
.nav td#sub { }
.nav a
    {
    display: block;
    background-position: right top;
    background-repeat: no-repeat;
    height: 33px;
    }
.nav a img { height: 33px; background-image: url(../images/nav.gif);}
.nav a:hover img, .nav .current img { background-image: url(../images/nav_hover.gif);}
.nav a .nav1 { width: 74px; background-position: 0 0;}
.nav a .nav2 { width: 53px; background-position: -75px 0;}
.nav a .nav3 { width: 126px; background-position: -128px 0; margin-right: 10px;}
.nav a .nav4 { width: 90px; background-position: -255px 0;}
.nav a .nav5 { width: 94px; background-position: -345px 0;}
.nav #last a { background: url(../images/nav_last.gif) no-repeat right top;}
td.nav_spacer
    {
    width: 2px;
    table-layout: fixed;
    }
/* nav sublevel */
div#sublevel
    {
    width: 132px;
    height: 75px;
    position: absolute;
    margin-top: -6px;
    z-index: 1;
    visibility: hidden;
    } 
* html #sub #sublevel 
    { 
    margin-left: -66px;
    }
#sub a 
    {
    cursor: default;
    }
#sub a img 
    { 
    height: 27px;
    }
#sub #sublevel a
    {
    background-image: none;
    display: compact;
    width: auto;
    height: auto;
    cursor: auto;
    }
#sub #sublevel img
    {
    height: auto;
    width: 132px;
    }
/* subnavigation */
.subnav
    {
    width: 116px; 
    height: 124px;
    }
.subnav a
    {
    display: block;
    width: 116px;
    background-image: url(../images/subnav.gif);
    background-repeat: no-repeat;
    }
.subnav a:hover, 
.subnav .current a
    {
    background-image: url(../images/subnav_hover.gif);
    }
.subnav1 { height: 16px; background-position: 0 -25px;}
.subnav2 { height: 16px; background-position: 0 -54px;}
.subnav3 { height: 15px; background-position: 0 -85px;}

.subnav .spacer1    {   width: 116px;   height: 25;}
.subnav .spacer2    {   width: 116px;   height: 13;}
.subnav .spacer3    {   width: 116px;   height: 15;}
.subnav .spacer4    {   width: 116px;   height: 26;}

/* CONTENT ----------------  */
.main
    {
    background-color: #fff;
    background-image: url(../images/main_gradient.gif); 
    background-position: bottom left;
    background-repeat: repeat-x;
    vertical-align: top;
    border-style: solid;
    border-color: #fff;
    border-width: 2px 2px 0 2px;
    padding: 3px;
    }
div#main
    {
    height: 100%;
    background: #FFFFFF url(../images/main_in_gradient.gif) repeat-x left top;
    }  
div#content
    {
    padding: 6px 6px 6px 6px;
    background: url(../images/content.jpg) no-repeat right top;
    }  
* html div#main, 
* html div#content 
    { 
    height: 100%;
    } 
* hmtl .content 
    {

    }
#second_fon 
    {
    height: 100%;
    background: url(../images/second_fon.gif) no-repeat left bottom;
    } 
#content td
    {
    vertical-align: top;
    }
/* max width on large screen */
.maintxt p, 
.maintxt h1, 
.maintxt h2, 
.news_info h2,
.news_info p,
.immobilien_td2 h2,
.immobilien_td2 p
{
    max-width: 52em;
}
    
/* TABLE SPACER */
#table_spacer   
    {
    width: 100%; 
    height: 1px;
}
/* FOOTER */
.footer {
    width: 100%;
    height: 64px;
    background: url(../images/footer_fon.gif) repeat-x left bottom;
}
.footer_tbl {
    width: 100%;
    height: 52px;
}
.footer_left {
    width: 4px;
}
.footer_right {
    width: 6px;
}
.footer_tbl table {
    width: 100%;
}
.footer td {
    text-align: center;
}
#dbg {
    display: block;
    width: 170px;
    height: 52px;
    text-align: left;
    padding-left: 20px;
}
.dbg {
    padding-top: 15px;
}
.dbg a {
    color: #fff;
    font-weight: normal;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
}
.bottom {
    height: 10px;
    background-image: url(../images/bottom_fon.gif);
    background-position: lef bottom;
    background-repeat: repeat-x;
}
#footer {
    height: 28px;
    margin-top: 4px;
    width: 100%;
}
.footer_middle {
    padding-bottom: 8px;
}
#footer a  {
    display: block;
    height: 28px; 
    margin: 0 auto;
}
#footer .spacer {   
    width: 9px; 
    background-image:url(../images/footer_dot.gif);
    background-repeat:  no-repeat;
}
#footer img { margin: 0 auto;}
a.footer1 { width: 41px; background-image: url(../images/footer_nav1.gif);} /* background-position: 0 0; */
a.footer2 { width: 62px; background-image: url(../images/footer_nav2.gif); }  /*  background-position: -41 0; */
a.footer3 { width: 39px; background-image: url(../images/footer_nav3.gif); } /* background-position: -103 0; */
a.footer4 { width: 107px; background-image: url(../images/footer_nav4.gif);} /* background-position: -142 0; */
a.footer5 { width: 72px; background-image: url(../images/footer_nav5.gif); }  /* background-position: -249 0;  */
a.footer6 { width: 79px; background-image: url(../images/footer_nav6.gif);} /* background-position: -321 0;  */
a.footer7 { width: 62px; background-image: url(../images/footer_nav7.gif);} /*  background-position: -400 0; */
a.footer8 { width: 37px; background-image: url(../images/footer_nav8.gif);} /*  background-position: -462 0; */

/*
a.footer1:hover,  .current a.footer1:hover { width: 41px;  background-image: url(../images/footer_nav1_hover.gif);}
a.footer1:hover,  .current a.footer2:hover { width: 62px; background-image: url(../images/footer_nav2_hover.gif);}
a.footer2:hover,  .current a.footer3:hover { width: 39px; background-image: url(../images/footer_nav3_hover.gif);}
a.footer3:hover,  .current a.footer4:hover { width: 107px; background-image: url(../images/footer_nav4_hover.gif);}
a.footer4:hover,  .current a.footer5:hover { width: 72px; background-image: url(../images/footer_nav5_hover.gif);}
a.footer5:hover,  .current a.footer6:hover { width: 79px;  background-image: url(../images/footer_nav6_hover.gif);}
a.footer6:hover,  .current a.footer7:hover { width: 62px;  background-image: url(../images/footer_nav7_hover.gif);}
a.footer7:hover,  .current a.footer8:hover { width: 37px;  background-image: url(../images/footer_nav8_hover.gif);}
*/

p.copyrights
    {
    width: 80%;
    display: block;
    height: 24px;
    background-image: url(../images/copyrights.gif);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    }
.copyrights span 
    {
    visibility: hidden;
    }
/* SECTIONS ---------- */
.main_section {
    width: 100%;
}

.left_section,  .right_section
    {
    background-color:#DAECF3 ;
    background-image: url(../images/section_gradient.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    border: 2px solid #fff;
    padding-bottom: 10px;
    color: #3D3D66;
    margin-bottom: 10px;
    }
.left_section { width: 160px;}
.left_section p.row
    {
    margin: 6px;
    background-image: none;
    line-height: 160%;
    width: 140px;
    border-bottom: 1px solid #F8FBFD;
    }
    
.imob_section td  {
    width: 210px; 
} * html imob_section td { height: 100%;}

.imob_section  p.row { width: 180px;}
.left_section a { text-decoration: none;}
.right_section 
    {
    width: 250px;
    }   
.right_section  p   
    {
    padding:15px;
    margin-top: 0px;
    line-height:19px;
    
    }
.section_nav
    {
    margin-bottom:23px;
    color: #FF6633;
    font-weight: bold;
    text-decoration: none;
    }
.article p, .article img
    {
    margin: 5px 0 0 5px;
    }

.mehr
    {
    display: block;
    white-space: nowrap;
    }
    
.float_left {
    float:left;
    margin:0 15px 25px 0;
    clear:both;
    }
    


.section_nav p
    {
    margin: 5px 0 0 0;

    }

.person_nav p
    {
    width: 146px;
    white-space: none;
    }
.nowrap 
    {
    white-space: nowrap;
    }
.row
    {
    padding: 0;
    margin: 0 10px 0 0;
    background: url(../images/dot_line.gif) repeat-x left bottom;
    }
    
/* photo box 

     tl  -  t  -  tr
     l  - IMG - r
     bl - b - br
                     */                             
    .photo_tl   { background: url(../images/photo_tl.gif) no-repeat left top;}
    .photo_tl img { width: 6px; height: 6px;}
    .photo_t { background: url(../images/photo_t.gif) repeat-x left top;}
    .photo_tr { background: url(../images/photo_tr.gif) no-repeat right top;}
    .photo_tr img { width: 8px; height: 6px;}
    .photo_l { background: url(../images/photo_l.gif) repeat-y left top;}
    .photo_r { background: url(../images/photo_r.gif) repeat-y right top;}
    .photo_bl { background: url(../images/photo_bl.gif) no-repeat left bottom;}
    .photo_bl img {  width: 6px; height: 8px;}
    .photo_b { background: url(../images/photo_b.gif) repeat-x left bottom;}
    .photo_br { background: url(../images/photo_br.gif) no-repeat right bottom;}    
    .photo_br img { width: 8px; height: 8px;}           
/* DISPLAY: NONE ------  */
.subnav span, .nav span, #sublevel span, h1 span, #footer span
    {
    display: none;
    }
/* LINKS, DOWNLOADS, MAIN IMMOBILIEN TABLES */
.links, .immobilien_tbl 
    {
    width: 100%;
    background: url(../images/dot_line.gif) repeat-x left bottom;
    padding-bottom: 1px;
    }
.links td
    {
    vertical-align: middle;
    padding: 10px 10px 10px 5px;
    }
.immobilien_td
    {
    width: 145px;
    padding: 5px;
    }
.immobilien_td2
    {
    padding: 5px 10px;
    }
.immobilien_td table
    {
    margin: 5px 20px
    }
.linksimg
    {
    width: 130px;
    padding-right: 30px;
    }
.linksimg, .linksimg2
    {
    text-align: center;
    vertical-align: middle;
    }
.linksimg2 { width: 160px;}
.downloads
    {
    font-size: 9px; 
    line-height: 12px;
    }
.downloads img 
    {
    float: left;
    margin: 2px 5px 5px 0;
    }
.immobilienform {   }
#immobilienform { }
table.form 
    {

    }
table.form td { padding: 1px; margin: 1px;}
.label
    {
    width: 58px;
    text-align: right;
    }
.maintxt
    {
    width: 100%;
    padding: 10px;
    }
.maintxt div.person
    {
    float: left;
    margin: 0 20px 10px 0;
    }
.maintxt h2, .maintxt h3, .immobilien_td2 h2
    {
    font-size: 11px;
    padding-bottom: 0;
    margin-bottom: 0;
    }
.maintxt h3
    {
    font-weight: normal;
    font-style: italic;
    }
/* GRAY BACKGROUND HOVER EFFECT */
.links tr:hover, .immobilien_tbl tr:hover, div.immobilien_div:hover, .section_nav a:hover, .left_nav p:hover
    {
    /* background-color: #f3f3f3; */
    }

/* NEWS section */
.news_info {
    padding-bottom: 2px;
} * html .news_info { margin-bottom: 12px;}

.news_info .dots {
    display: block;
    clear: left;
    background: url(../images/dot_line.gif) repeat-x left bottom;
    height: 1;
} 
.news_info h2 {
    padding-top: 5px;
    line-height: 10px;
}   * html .news_info h2 {  margin-top: 0px;}

.news_photo {
    float: left; 
    margin: 0px  10px 10px 0;
} * html .news_photo { }

.maintxt .news_title {
    display:block;
    margin:0 0 7px 0;
    font-weight:bold;
    font-size:110%;
    }
.maintxt p{
    padding-right:15px;
    display:block;
    }