html{font-size:1em;

    /* font-size:11pt; */
    font-size:16px;
    }
body{
    margin:0px; padding:0px;
    width:995px;
    margin-left:auto; margin-right:auto;
    z-index:0;
    font-family:  arial, helvetica, sans-serif; /* helvetica, arial, sans-serif; lt. Herr Haager:  AkzidentGrotesk-Roman ( Helvetica (Arial) )  */


}

/* globale Vorbelegung der Elemente */
div{margin:0px; padding:0px; z-index:0;}
.fullWidth{width:100%; min-width:995px;}
.fullParentWidth{width:100%;} /* Breite des Parents voll ausnutzen */
.displayWidth{width:995px;}
.fullContentWidth_withMenu{width:763px;}
.halfContentWidth_withMenu{width:381px;}
.thirdContentWidth_withMenu{width:254px;}
.threeQuarterContentWidth_withMenu{width:572px;}
.halfContentWidth_withMenuAndSpacer{width:376px;}


table{padding:0px; margin:0px; border-width:0px; font-size:inherit;}
th{padding:0px; margin:0px; border-width:0px;}
td{padding:0px; margin:0px; border-width:0px; text-align:left; vertical-align:top;}

h1{font-size:18px; color:#e2001a;}
h2{font-size:17px; color:#FF7B00;}
h3{font-size:15px; margin-bottom:2px;}


img{border-width:0px; margin:0px; padding:0px;}
a {text-decoration:none; font-size:inherit;}
ul { margin-left:0px; padding-left:16px; list-style-image:url(/images/layout/squareOrange_8_8.gif); font-size:inherit;}
li{margin-bottom:5px; margin-left:0px; padding-left:0px; font-size:inherit;}

a{color:#5f5f5f; text-decoration:underline;}
a:visited{color:#5f5f5f;}

/* Klassifizierte Elemente */
div.floatLeft{float:left;}
div.floatRight{float:right;}

td.spacer {width:20px;}

table.bauprojektPreview{}
    table.bauprojektPreview a{text-decoration:none;}
    table.bauprojektPreview td.image{}
        table.bauprojektPreview td.image img{width:227px; height:126px;}
    table.bauprojektPreview td.spacer{width:20px;}
    table.bauprojektPreview td.content{width:427px;}
        p.headline{margin:0px; padding:0px; color:#ff0000; font-size:16px; font-weight:900; padding-bottom:2px; border-bottom:1px solid red;}
        p.headline a{color:#ff0000; font-size:16px; text-decoration:none;}


        p.bauprojektPreview{padding-left:34px; padding-top:0px; margin-top:11px; margin-bottom:0px; padding-bottom:0px;}
    table.bauprojektPreview td.verticalDevider{height:7px; line-height:2px; font-size:1px;}


td.kontaktformularLabel{width:312px; text-align:right; vertical-align:top;}


/* ------- Design-Grafik-Balken ------------ */

table#design_lage {margin-bottom:20px;}
table#design_lage img{width:174px; height:100px;}
table#design_lage td.last img{width:50px;}
table#design_lage td.spacer {width:4px;}

table#ausstattung {margin-bottom:0px;}
table#ausstattung img{height:204px; width:252px;}
table#ausstattung td {width:252px;}
table#ausstattung td.spacer{width:4px;}


table#energieausweis {margin-bottom:0px;}
table#energieausweis img{height:204px; width:252px;}
table#energieausweis td {width:252px;}
table#energieausweis td.spacer{width:4px;}

table#design_ansprechpartner {margin-bottom:20px;}
table#design_ansprechpartner td.spacer {width:4px;}
table#design_ansprechpartner td {width:252px;}
table#design_ansprechpartner img{width:252px; height:204px;}

table#design_presse {margin-bottom:20px;}
table#design_presse td {width:252px;}
table#design_presse td.spacer {width:4px;}
table#design_presse img{width:252px; height:204px;}

table#design_prospekte {margin-bottom:20px;}
table#design_prospekte td {width:252px;}
table#design_prospekte td.spacer {width:4px;}
table#design_prospekte img{width:252px; height:204px;}


h1.objektUeberschrift {padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; margin:0px; width:504px;}
h1.objektUeberschrift font.small{font-size:15px; color:#FFB566;}
.balken {padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; margin:0px; width:504px;}


/* Grafiken */
img#lupe {border-width:0px; border-style:none; border-spacing:0px; padding:0px; height:15px; width:20px;} /* definiert die Groesse, in welcher die Lupe dargestellt wird */

img.preview {width:150px; height:auto; margin-right:5px; padding-bottom:2px;} /* definiert eine einheitliche Groesse als CLASS-Paramter des Bausteins Bildansicht */
img.preview177 {width:177px; }
img.preview2 {width:200px;  margin-right:5px; padding-bottom:2px;}
img.preview3 {width:300px; }
img.fullSize {width:100%; height:auto;}


.fett{font-weight:900;}
.bigBlue{font-style:italic; font-weight:700; color:#00007B;} /* Blaue Pseudo-Ueberschrift */
.lupeBottom {color:#000000; font-size:11px;}
.bildunterschrift {color:#000000; font-size:11px;} /* analog zu lupeBottom */
.grau{color:#bfbfbf;}
.orange{color:#FF7B00;}
.rot{color:#e2001a;}
.small{font-size: 10px;}

/* Spezifikation konkreter Elemente ueber deren ID */
div#title{height:60px; float:none; clear:both; padding-top:10px;}
    span#leittitel{margin-left:20px;  font-size:36px; color:#FF8400; font-weight:900; }




    td#headerMenu{height:20px; width:326px;}
        div#dropDownMenu, div.dropDownMenu{ width:326px;} /* Platz fuer das DropDown-Menu */
div#objektTypenUndSuche{ float:none; clear:both; min-height:21px;}
    div#objekttypen {height:21px; width:449px;} /* Platz für die Objekttypen (Bauprojekt, Mietobjekt, Kapitalanlage) */
    div#suche {height:21px; font-size:14px; } /* Platz für das Suchformular, im Anschluss an #objekttypen */
    div#objektHeader{float:none; clear:both; }
    img#objektLogo{width:465px; height:45px; }


div#preContent{clear:both;}
    table#grafiken_startseite td.grafik_startseite {width:320px; height:260px;}
        table#grafiken_startseite td.grafik_startseite img {width:327px; height:260px;}
div#contentPlaceholder{clear:both;}
    div#designBar{float:none;}  
    div#content{min-height:300px; float:none;}
    div#footer{ margin-top:20px; margin-left:20px; clear:both;}
        div#footer a {color:#999999;}

td#menu_content_space{width:2px;}


div#lageVorschau{padding-left:10px; height:125px; width:207px;} /* Vorschau von Grundrissen, zwischen Menue und Submenue */
div#lageVorschau img {width:200px; height:120px;}


#anmerkung {font-size:10px;}


/* DropDown-Menues */
div#baugebieteUndMenu{ height:36px; float:none; clear:both;}
div#baugebiete div.dropDownMenu{margin-top:0px;}
table#menu_baugebiete td {height:36px; text-align:center; vertical-align:middle;}
table#menu_baugebiete ul{width:110px;}
table#menu_baugebiete h2{color:#ffffff; font-size:19px; padding-top:5px; padding-bottom:8px;}
table#menu_baugebiete .bremen h2{padding-left:22px;}
table#menu_baugebiete .hannover h2{padding-left:17px;}
table#menu_baugebiete .dorum h2{padding-left:22px;}


div.dropDownMenu .bremen ul ul a:hover{
    background-color:#FFE6CC;   /* Farbe 20% */
}
div.dropDownMenu .dorum ul ul a:hover{
    background-color:#D6EBF5;   /* Farbe 20% */
}
div.dropDownMenu .hannover ul ul a:hover{
    background-color:#E4F0D2;   /* Farbe 20% */
}

/** GoogleMaps ***/
div#googleMap{
  width:763px;
  height:500px;
}


/*** Breadcrumb-Navigation ***/
div.breadcrumbnavigation{padding-left:20px; color:#000000; font-size:12px;margin-top:3px;}
div.breadcrumbnavigation a {color:#000000;}
div.breadcrumbnavigation a:visited {color:#000000;}
span.breabcrumbDivider {margin-left:5px; margin-right:5px;}


/*** MENUE ***/


td#menuCell, td.menu, div#menu, div#submenu{
  width:227px;
  font-size:14px;
}
div#menu a, div#submenu a {
  display:block; color:#000000; text-decoration:none;
}
div#menu a:hover, div#submenu a:hover {}
div#menu div , div#submenu div { padding-bottom:1px; margin-bottom:3px;}

div#menu div.div_menuPointDepth0, div#submenu div.div_menuPointDepth0{ }
div#menu div.div_menuPointDepth0_active, div#submenu div.div_menuPointDepth0_active {  }
div#menu div.div_menuPointDepth0 a, div#submenu div.div_menuPointDepth0 a {
  padding-left:20px; width:207px; padding-top:3px; padding-bottom:3px;
}
div#menu div.div_menuPointDepth0_active a, div#submenu div.div_menuPointDepth0_active a {
   color:#ff0000; padding-left:20px; width:207px; padding-top:3px; padding-bottom:3px;
}
div#menu div.div_menuPointDepth0_parent a, div#submenu div.div_menuPointDepth0_parent a {
   color:#ff0000; padding-left:20px; width:207px; padding-top:3px; padding-bottom:3px;
}
div#menu div.div_menuPointDepth0_parent a, div#submenu div.div_menuPointDepth0_parent a {
   padding-left:20px; width:207px; padding-top:3px; padding-bottom:3px;
}
div#menu a.menuPointDepth0_active, div#submenu a.menuPointDepth0_active{}


/*** Besondere Submenu-Formatierungen *****/
span.letterHighlight{font-size:16px; font-weight:900;}
a span.letterHighlight{color:#ff0000;}




/*** Preisliste ***/
table#preisliste {}

table#preisliste td {}
table#preisliste th {font-size:12px;}

table#preisliste tr.header th {text-align:left; border-bottom:1px solid red;} /* Titelzeile einer Preisliste */

table#preisliste .preisliste_Unterteilung{width:100px;}
table#preisliste .preisliste_Wohnung {width:75px;}
table#preisliste .preisliste_Groesse {width:65px; text-align:right; padding-right:10px;}
table#preisliste .preisliste_Status {width:75px;}
table#preisliste .grundrissBezeichner{font-weight:900; color:#FF7B00;}



table#preisliste th.preisliste_Unterteilung {color:#ff0000;}
table#preisliste tr.header th.preisliste_Groesse {text-align:right;}

table#preisliste td.preisliste_Groesse {text-align:right; padding-right:10px;}
table#preisliste td.preisliste_Status {color:#ff0000;}
table#preisliste td.preisliste_Status a {color:#7f7f7f;} /*Link auf Grundriss*/

table#preisliste td.preisliste_spacer{width:50px;}




/* Suchformular */
form#suchformular{margin:0px; padding:0px; border-width:0px;}
    form#suchformular input#suchbutton{margin:0px; padding:0px; height:21px;}
    form#suchformular input#suchfeld{margin:0px; padding:0px; height:21px; border-width:1px; border-style:solid; width:206px;}



/* globale Klassen */
input.ban {background-color:#FFE6CC; border-width:0px;}
textarea.ban {background-color:#FFE6CC; border-width:0px;}
select.ban {background-color:#FFE6CC; border-width:0px;}