* {  /* browservorgaben berschreiben, da sie uneinheitlich sind, * meint alle elemente */
    margin:0px;
    padding:0px;
    font-size:100%;
    text-decoration:none;
    line-height:1.25em;
}

td {
    padding:0.272727em 0.272727em 0.272727em 2.181818em;
    font-size:0.8275em;
    border-bottom:1px solid #FFFFFF;
}

a img { border:0px; } /* rahmen um verlinkte bilder brauchen wir nicht */


body {
    font-family:Arial, Helvetica, sans-serif;
    background:url(../../hausbau_bilder/bg.gif); fixed; /* nicht alle haben weiss als standardhintergrundfarbe */
}


div#helper {
    position:fixed;
    z-index:0;
    left:20em;
    top:0em;
    width:33.5em;
    height:100%;
    margin-left:-1px;
    border-left:1px solid #B4B4B4;
    border-right:1px solid #B4B4B4;
    background:#FFFFFF;
}

div#header {
    position:absolute;
    z-index:1;
    height:7.5em; /* (fast) alle lngenangaben sind in em damit das layout
        skalierbar wird; standardmig ist 1em = 16px */
    background:#FFFFFF;
    width:100%;
}

.wohnen {
    background:#015780;
	height:30px;
	text-align:right;
}

h1#logo {
    position:absolute;
    z-index:0; /* damit das logo ber der navigationsleiste bleibt */
    top:0.25em;  /* ^= 4px */
    right:0.625em;
}

h1#logo a {
    display:block;
    width:104px;   /* hier sind feste pixelangaben da das logo feste abmessungen hat */
    height:78px;
    text-indent:-9999px;  /* damit der text unsichbar wird */
    background:url(../hausbau_bilder/logo.png);
}

ul#nav-top {   /* navigation mit HOME  UNTERNEHMEN  REFERENZEN ... */
    position:absolute;
    top:0.25em;
    left:0.25em;
    list-style:none;
}

ul#nav-top li {
    float:left;   /* navigationspunkte nebeneinander setzen */
    margin:0px 0.25em;
}

ul#nav-top li a {
    float:left;    /* damit der link im IE voll klickbar ist */
    display:block;
    padding:0.3em 0.8em;
    font-size:0.625em;
    text-transform:uppercase; /* text wird in grobuchstaben angezeigt */
    color:#015780;
    border-bottom:0.4em solid white; /* als platzhalter, um problemen vorzubeugen
        0.4em ^= 4px, da font-size ^= 10px */
}

ul#nav-top li a:hover {
    border-bottom:0.4em solid #015780;  /* farbe des unteren randes (s.o.) wird gendert */
}



ul#nav-main {
    position:absolute; /* navigationsleiste wird absolut positioniert, damit  */
    top:4em;           /* sie nicht verrutscht */
    left:0em;
    width:100%;
    height:3.5em;
    list-style:none;
    overflow:hidden; /* abschneiden (s.u.) */
}

ul#nav-main li {
    float:left;   /* alle links nebeneinander anzeigen */
}

ul#nav-main li a {
    float:left;        /* fr ie ntig, da sonst nicht alles klickbar ist */
    display:block;
    padding:0.25em 1em;
    font-size:0.9375em; /* ^= 15 px */
    font-weight:bold;
    background:#FFFFFF;
    color:#015780;
}

/* strong bedeutet hier, dass der navigationspunkt aktiv ist */
ul#nav-main li strong a, ul#nav-main li strong a:hover {
    background:#015780;
    color:#FFFFFF;
}

ul#nav-main li a:hover {
    background:#CCDDE5;
}



ul#nav-main li ul { /* untermen mit TMH-94, ... */
    position:absolute; /* wird aus dem normalen elementfluss rausgerissen, */
    z-index:2;         /* damit es an der richtigen stelle steht */
    min-width:100%; /* fix fr einige mozilla-versionen (?) */
    width:75em; /* opera mag width:100% nicht, deswegen bergroe breite und abschneiden (s.o.) */
    bottom:0em; /* wird unten an #header positioniert */
    left:0em;
    padding:0em 0em 0em 0.7em; /* damit die links nicht ganz links beginnen */
    list-style:none;
    background:#015780;
}

ul#nav-main li ul li a {
    padding:0.5em 0.6em 0.5em 0.6em;
    line-height:2em; /* damit unterstreichung richtig angezeigt wird */
    font-size:0.625em;
    font-weight:normal; /* geerbte styles berschreiben */
    background:#015780;
    color:#FFFFFF;
}

ul#nav-main li ul li a:hover {
    background:#015780;
    text-decoration:underline;
}




div#main {
    width:54em;              /* maximale breite festlegen, etwas grer als die
                                inhalte damit sie nicht verrutschen */
    position:absolute;
    left:0em;
    top:7.5em;
    z-index:4;
}


div#infopanel {
    float:left;
    position:absolute;     /* damit der graue rand vom hauptcontainer verschwindet */
    z-index:6;             /* navigationslayer ber den inhaltslayer schieben */
    width:20em;
    color:#FFFFFF;
    background:#015780;
}

div#infopanel h3 {
    margin:0.75em 0em 0.75em 1.5em;
    font-weight:bold;
}

div#infopanel table {
    width:100%;
    margin:0em 0em 1em 0em;
    color:#FFFFFF;
}

div#infopanel table a {
    color:#FFFFFF;
}

div#infopanel table a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

div#infopanel table.datasheet th { /* der tabellenkopf */
    padding:0.75em 0em 1em 1.846154em;
    font-size:0.8125em;
    font-weight:bold;
    text-align:left; /* manchmal wird hier standardmig zentriert eingestellt */
}

div#infopanel table.datasheet td { /* *jede* normale zelle, auer tabellenkopf */
    padding:0.272727em 0.272727em 0.272727em 2.181818em;
    font-size:0.6875em;
    border-bottom:1px solid #FFFFFF;
}

div#infopanel table.datasheet.additionalinformation th { /* in der unteren
    tabelle ist oben eine weie linie zu sehen */
    border-bottom:1px solid #FFFFFF;
}

div#infopanel table.datasheet.additionalinformation td { /* zwei klassen */
    font-size:0.8125em;
    font-weight:bold;
}

div#infopanel table.datasheet td.expand {
    margin:0em;
    padding:0em;          /* paddings/margins sind noch von der standardzelle vorhanden */
}

div#infopanel table.datasheet td.collapse {
    margin:0em;
    padding:0em;          /* paddings/margins sind noch von der standardzelle vorhanden */
}

div#uebersichtleft {
    float:left;
    position:absolute;     /* damit der graue rand vom hauptcontainer verschwindet */
    z-index:6;             /* navigationslayer ber den inhaltslayer schieben */
    width:20em;
    color:#FFFFFF;
    background:#015780;
}

div#uebersichtleft p {
 font-size:0.7375em;
 margin:22px;
 }

div#uebersichtleft h3 {
    margin:0.75em 0em 0.75em 1.5em;
    font-weight:bold;
}

div#uebersicht h3 {
    margin:0.75em 0em 0.75em 1.5em;
    font-weight:bold;
}

div#content {
    float:left;
    position:absolute;   /* der inhaltslayer wird einen pixel nach links, unter */
    left:20em;           /* #sidepanel verschoben */
    z-index:5;
    margin-left:-1px;
    width:33.5em;
    padding:0em 0em 2em 0em;
    background:#FFFFFF;
    border-style:solid;
    border-color:#B4B4B4;
    border-width:0px 1px 0px 1px;
    overflow:hidden;     /* damit der ie auch wirklich die breite einhlt */
}

div#uebersicht {
    float:left;
    position:absolute;   /* der inhaltslayer wird einen pixel nach links, unter */
    left:20em;           /* #sidepanel verschoben */
    z-index:5;
    margin-left:-1px;
	margin-top:15px;
    width:33.5em;
    padding:0em 0em 2em 0em;
    background:#FFFFFF;
    border-style:solid;
    border-color:#B4B4B4;
    border-width:0px 1px 0px 1px;
    overflow:hidden;     /* damit der ie auch wirklich die breite einhlt */
}

div#uebersicht p{
    margin-left:20px;
	margin-right:10px;
	font-size:0.75em;
}

div#uebersicht img{
    margin:10px;
}

div#uebersicht p img{
    margin:0px;
}

div#uebersicht a{
    text-decoration:none;
	color:#000000;
}

div#uebersicht a:hover{
    text-decoration:underline;
}

div#uebersicht a:active, a:visited{
    text-decoration:none;
	color:#000000;
}

div#home {
    float:left;
    position:absolute;   /* der inhaltslayer wird einen pixel nach links, unter */
    left:20em;           /* #sidepanel verschoben */
    z-index:5;
    margin-left:-1px;
	margin-top:15px;
    width:33.5em;
    padding:0em 0em 2em 0em;
    background:#FFFFFF;
    border-style:solid;
    border-color:#B4B4B4;
    border-width:0px 1px 0px 1px;
    overflow:hidden;     /* damit der ie auch wirklich die breite einhlt */
}

div#home p{
    margin-left:20px;
	margin-right:10px;
	font-size:0.75em;
}

div#home img{
    margin:0px;
}

div#home table {
    width:400px;
    margin:0em 0em 0em 0em;
    color:#FFFFFF;
}

div#home td {
    padding:0em;
    font-size:0.8275em;
    border:0px;
}

div#home p img{
    margin:0px;
}

div#home a{
    text-decoration:none;
	color:#000000;
}

div#home a:hover{
    text-decoration:underline;
}

div#home a:active, a:visited{
    text-decoration:none;
	color:#000000;
}

div#ansicht { /* container fr das bild des hauses */
    margin:2em 3em;
    padding:0.75em 0em;
    text-align:center;
    border-top:1px solid #09072E;
    border-bottom:1px solid #09072E;
}

div#content .house .image { /* container fr das bild des hauses */
    margin:2em 3em;
    padding:0.75em 0em;
    text-align:center;
    border-top:1px solid #09072E;
    border-bottom:1px solid #09072E;
}


div#content .house p {
    margin:1em 6em;
    font-size:0.75em;
}

div#content .house ul {
    margin:1em 6em 0em 7.5em;
    font-size:0.75em;
}

div#grundrisse p {
    margin:1em 4em;
    font-size:0.75em;
	text-align:center;
}


ul#nav-bottom { /* die untere navigationsleiste mit zurck, drucken etc. */
    margin:2em 0em 0em 0em;
    width:33.5em; /* width:100% geht hier wegen dem ie nicht */
    border-top:1px solid #B4B4B4;
    border-bottom:1px solid #B4B4B4;
    list-style:none;
    overflow:hidden;

}

ul#nav-bottom li {
    float:left; /* die einzelnen links links floaten */
}

ul#nav-bottom li a {
    display:block;
    float:left; /* damit der ganze link im ie klickbar ist */
    padding:0.583333em 2em 0.5em 4em;
    font-size:0.75em;
    font-weight:bold;
    color:#666666;
    border-left:1px solid #B4B4B4;
    background-repeat:no-repeat;
    background-position:2em 0.583333em;
}

ul#nav-bottom li#back { /* hier werden die breiten der einzelnen links definiert */
    width:21%;
}

ul#nav-bottom li#back a {
    border:0px; /* das erste bild braucht keinen border links */
    background-image:url(../hausbau_bilder/back.gif);
}

ul#nav-bottom li#recommend a {
    background-image:url(../hausbau_bilder/recommend.gif);
}

ul#nav-bottom li#recommend {
    width:25%;
    position:absolute;
    left:21%;
}

ul#nav-bottom li#print a {
    background-image:url(../hausbau_bilder/nav_grau.gif);
}

ul#nav-bottom li#print {
    width:28%;
    position:absolute;
    left:46%;
}

ul#nav-bottom li#up a {
    background-image:url(../hausbau_bilder/up.gif);
}

ul#nav-bottom li#up {
    width:26%;
    position:absolute;
    left:74%;
}

div#liste ul {
    margin:1em 6em 0em 7.5em;
    font-size:0.75em;
}

.massivhaus-1 {
background-color:#B4B4B4;
}

.bauen-2 {
background-color:#EAEAEA;

}

.hausbau-header {
background-color:#015780;
}


.sitemap-style1 {
background-color:#015780;
color:#ffffff;
font-weight:bold;
}


.sitemap-style2 {
background-color:#b4b4b4;
color:#000000;
}

div#sitemap {
    float:left;
    position:absolute;   /* der inhaltslayer wird einen pixel nach links, unter */
    left:20em;           /* #sidepanel verschoben */
    z-index:5;
    margin-left:-1px;
	margin-top:15px;
    width:33.5em;
    padding:0em 0em 2em 0em;
    background:#FFFFFF;
    border-style:solid;
    border-color:#B4B4B4;
    border-width:0px 1px 0px 1px;
    overflow:hidden;     /* damit der ie auch wirklich die breite einhlt */
}

div#sitemap p{
    margin-left:20px;
	margin-right:10px;
	font-size:0.75em;
}

div#sitemap img{
    margin:10px;
}

div#sitemap p img{
    margin:0px;
}

div#sitemap a{
    text-decoration:none;
	color:#ffffff;
}

div#sitemap a:hover{
    text-decoration:underline;
}

div#sitemap a:active, a:visited{
    text-decoration:none;
	color:#000000;
}