/* undo some of the default styling of common (X)HTML browsers */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
:-moz-any-link:focus { outline:none; }

   
/* ######### Header/ Navigation Area Styles ######### */
body {
background-image:url(/images/gradient_bg.jpg)!important;
background-repeat:no-repeat!important;
background-position:top left!important;
background-color:#d3dee3!important;
}

#leftnav_container {
position:absolute;
top:151px;
left:150px;
width:183px;
margin-right:0;
z-index:100;
}

#leftnav_top_frame {
background-image:url(/images/leftnav_top_frame.gif);
background-repeat:no-repeat;
padding:5px;
}

#leftnav_content {
background-image:url(/images/leftnav_content_bg.gif);
background-repeat:repeat-y;
padding:4px 0 10px 10px;
margin:0;
}

*html #leftnav_content {
padding-top:7px;
}

.menuTitle {
display: block;
background-color: #14506e;
height: 21px;
padding:3px 0 3px 15px;
margin-top:3px;
cursor:pointer;
}

.sublink {
display: block;
background-color: #14506e;
padding:0 0 0 15px;
}


#leftnav_bottom_frame {
background-image:url(/images/leftnav_bottom_frame.gif);
background-repeat:no-repeat;
padding:5px;
}


#content_container {
position:absolute;
top:60px;
left:324px;
width:587px;
z-index:1;
background-image:url(/images/container_left_frame.gif);
background-repeat:no-repeat;
background-position: top left;
}

#page_container {
background-color:#fff;
border:1px solid #b2c3d1;
padding: 0 35px 0 35px;
margin-left:9px;
width:578px;
}


#logo_left {
float:left;
width:50%;
height:40px;
margin:25px 0 25px 0;
}

#logo_right {
float:left;
width:50%;
height:40px;
text-align:right;
margin:25px 0 25px 0;
}

#page_banner {
clear:left;
background-color:#FFF;
width:578px;
height:174px;
}

#content {
padding:25px 0 0 0;
font-weight:400;
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
color: #333;
line-height:1.5em;
}

.column {
float:left;
margin:0 0 50px 0;
}

h1 {
font-weight:700;
font-size:1.3em;
line-height:1.25em;
margin:0 0 15px 0;
}

h2 {
font-weight:700;
font-size:1.2em;
margin:0 0 15px 0;
}

h3 {
font-weight:700;
font-size:1em;
}


p {
margin:0 0 15px 0;
padding:0;
}


ol {
font: bold 1.4em Arial, Helvetica, sans-serif;
color: #333;
margin:10px 0 10px 20px;
padding:10px;
}


ol p {
font: normal 0.70em Arial, Helvetica, sans-serif;
border-left: solid 1px #999;
margin: 0 0 25px 0;
padding: 0 0 5px 15px;
color: #333;
line-height:1.6em;
}


.h1home {
background-image:url(/images/homepage_text_banner.gif);
background-repeat:no-repeat;
background-position:left;
text-indent:-5000px;
height:60px;
margin-bottom:30px;
}


#offersbox {
width:174px;
height:210px;
background-image:url(/images/offers_bg.gif);
background-repeat:repeat-x;
background-position:top;
padding: 0 9px 0 9px;
}

#offersbox h2 {
background-image:url(/images/offersbox_header.gif);
background-repeat:no-repeat;
background-position:left;
background-color:#14506e;
height:22px;
text-indent:-5000px;
padding:0;
}

#offersbox h3 {
margin-top:15px;
}

#offersbox h4 {
margin-bottom:4px;
}


.clear {
clear:left;
}

#footer {
margin:0;
padding:0;
}

#copyright {
float:left;
width:356px;
margin-right:30px;
color:#627e8c;
font-size:0.9em;
}

#imprint {
float:left;
background-color:#f1f7f9;
width:192px;
text-align:center;
padding:3px 0 3px 0;
font-size:0.9em;
}

#imprint a,#imprint a:active,#imprint a:visited {
margin-left:14px;
margin-right:14px;
color:#30657f;
text-decoration:none;
}

#imprint a:hover {
text-decoration:none;
}



#container_bottom_frame {
height:9px;
background-image:url(/images/container_bottom_frame.gif);
background-repeat:no-repeat;
background-position: top left;
width:659px;
}


a,a:active,a:visited {
font-weight:400;
text-decoration:none;
color:#2270a8;
}

a:hover {
text-decoration:underline;
color:#2270a8;
}


hr {
height:2px;
width:100%;
border-top:1px #9dc8ed solid;
border-bottom:1px #FFF solid;
border-left:none;
border-right:none;
margin-top:6px;
margin-bottom:6px;
padding:0;
}

* html hr {
margin-top:3px;
margin-bottom:3px;
}

*:first-child+html hr {
margin-top:3px;
margin-bottom:2px;
}


#bottom_spacer {
height:30px;
background-color:#D3DEE3;
}


#topline {
clear:left;
height:1px;
border-top:1px #B2C3D1 solid;
margin: 0 0 5px 0;
}




.header {
background-repeat:no-repeat;
background-position:left;
height:21px;
text-indent:-5000px;
}

.agb {
background-image:url(/images/header_agb.gif);
}

.unternehmen {
background-image:url(/images/header_unternehmen.gif);
}

.kaufangebote {
background-image:url(/images/header_kaufangebote.gif);
}

.mietangebote {
background-image:url(/images/header_mietangebote.gif);
}

.wohnungen {
background-image:url(/images/header_wohnungen.gif);
}

.haeuser {
background-image:url(/images/header_haeuser.gif);
}

.impressum {
background-image:url(/images/header_impressum.gif);
}

.kontakt {
background-image:url(/images/header_kontakt.gif);
}


.loading {
background-image:url(/images/loading.gif);
background-repeat:no-repeat;
background-position:center middle;
}