body {

background-color: #333366;
font-weight: normal;
font-size: 12px;
font-family: Arial; 'Lucida'; 'Copperplate Gothic light', 'Bookman Old Style';
text-transform: uppercase;
color:#fff;
font-variant:small-caps;
padding:0px;
margin:0px;
}


/* --------- TITEL H1 und H3--------- */

h1 {
font-size: 2.8em;
font-weight: normal;
color: #333;
font-family: 'Copperplate Gothic Light','Bookman Old Style';
text-transform:uppercase;
font-variant:small-caps;
padding:50px 0px 0px 0px;
margin: 0px 0px 0 190px;
}

h2 {
font-size: 1.8em;
font-weight: normal;
color: #333;
text-align:right;
font-family: 'Copperplate Gothic Light','Bookman Old Style';
text-transform:uppercase;
font-variant:small-caps;
padding:50px 0px 0px 0px;
margin: 0px 40px 0 0px;
}


h3 {
font-weight: bold;
color: #333;
font-family: 'Lucida sans Unicode';'Lucida'; 'Copperplate Gothic Light','Bookman Old Style';
font-variant:small-caps;
text-transform:uppercase;
text-align: right;
margin-right: 30px;
}







/* ----------CONTAINER zentriert das layout-------------- */

#container {
width: 900px; 
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
background-color: #fff;
}



/* ---------- BANNER --------------min-height: 100px;height:auto !important;  /* für moderne browser */


#banner {
background-color: #e7e7e7;
border-top: 1px #309 solid;
height:100px; /* für ie browser */
padding: 0px;
margin: 0px;
background-image: url(bilder/4logo.gif);
background-repeat: no-repeat;
background-position: 70px 2px;
}




/* -----------------NAVIGATION UL LI--------------------- */

#navigation {
font-size:12px;
width: 900px;
height: 21px;
margin: 0px;
padding: 5px 0 0 0;
background-color: #666;
}


#navigation ul {
list-style: none;
display: inline;
}

#navigation li {
list-style: none;
display: inline;
border-left: 1px solid #fc0;
}


#navigation ul li{
list-style: none;
display: inline;
border-left: 1px solid #fc0;
margin: 0px;
padding: 5px 10px;
background-color: #666;
}  


#navigation li a:link {
color: #fff;
text-decoration: none;
background-color: #666;
}

#navigation li a:visited {
color: #eee;
text-decoration: none;
}

#navigation li a:hover {
border-color: #fff;
color: #fc3;
text-decoration: underline; 
}

#navigation li a:active {
color: #000;
text-decoration: underline;
}



/* -------------- LEFT BALKEN ------------- min-height: 100px;height:auto !important;   für moderne browser */


#left {
position: absolute;
width: 70px;
min-height: 100px;
height: 101px; /* für ie browser */
margin: 0px;
padding: 0px;
background-color:#9c9c9c;
}

#left2 {
position: absolute;
width: 70px;
height: 700px;
margin: 0px;
padding: 0px;
background-color:#b2b2b2;
}



/* ------------ CONTENT ---------- */

#content { 
width: 900px;
height: 700px;
background-color: #fff;
padding: 0px;
margin-left: 0px;
border-top: #336 solid 5px;
}  




/* ------------ EIGENHAAR ---------- */


#contenteigenhaar { 
width: 900px;
height: 2750px;
background-color: #fff;
padding: 0px;
margin-left: 0px;
border-top: #336 solid 5px;
text-align:justify;
}  

#lefteigenhaar {
position: absolute;
width: 70px;
height: 2750px;
margin: 0px;
padding: 0px;
background-color:#b2b2b2;

}

.eigenhaar {
padding: 5px 30px 0 100px;
margin:0px 40px;
color: #000;
font-style: arial;
font-size: 12px;
background-color: #fff;
text.align:justify;
}


/* ------------ BERATUNG ---------- */


#contentberatung { 
width: 900px;
height:700px;
background-color: #fff;
padding: 0px;
margin-left: 0px;
border-top: #336 solid 5px;
text-align:justify;
}  

#leftberatung {
position: absolute;
width: 70px;
height:700px;
height: expression (this. scrollHeight > 700 ? "auto": "700px");
margin: 0px;
padding: 0px;
background-color:#b2b2b2;

}

#info {
position: absolute;

width: 680px;
margin: 0px 0 0 120px;
padding: 0px;
background-color: #fff;
color: #666;
} 

.beratung ul li{
display: block;
width: 600px;
style-type: disc;
style-position:outside;
border: none;
background-color: #fff;
color: #666;
}
 
.beratung li {
display: block;
width: 600px;
list-style-type: disc;
list-style-position:outside;
border: none;
background-color: #fff;
color: #666;
} 




/* ------------ HOME ---------- */


.home {
padding: 5px 30px 0 100px;
margin:0px 40px;
color: #000;
font-style: arial;
font-size: 12px;
background-color: #fff;
text-align:justify;
}

#img {
position:absolute;
margin: 310px 0 0 170px;
padding:0;
z-index:12;
}

#img2 {
position:absolute;
margin: 380px 0 0 320px;
padding:0;
z-index:11;
}

.home a:link {
color: #fff;
text-decoration: none;
background-color: #d1d1d1;
}

.home a:visited {
color: #999;
text-decoration: none;
background-color: #d1d1d1;
}

.home a:hover {
border-color: #fff;
color: #fc3;
text-decoration: underline; 
}

.home a:active {
color: #000;
text-decoration: underline;
}


/* ------------ STANDORT ----------- */

.standort {
padding: 5px 30px 5px 100px;
margin:0px 40px;
color: #000;
font-style: arial;
font-size: 12px;
background-color: #daeaf9;
}



/* ------------ RESULTATE ---------- */

#contentresultate { 
width: 900px;
height: 2220px;
background-color: #fff;
padding: 0px;
margin-left:0px;
border-top: #336 solid 5px;
}  

#leftresultate {
position: absolute;
width: 70px;
height: 2220px;
margin: 0px;
padding: 0px;
background-color:#b2b2b2;
}

#resultate {
width:752px;
position:relative;
margin-left:112px;
}

#resultate table,  a:link {
width:752px;
color: #333;
text-decoration: none;
background-color: #d1d1d1;
}

#resultate table  a:visited {
color: #999;
text-decoration: none;
}

#resultate  table a:hover {
border-color: #ff0;
color: #fff;
text-decoration: underline; 
}

#resultate table  a:active {
color: #000;
text-decoration: underline;
}



/* ----------- FORMULAR ---- */


#formular {
position:relative;
margin: 20px 0 0 150px;
}

#formular  a:link {
color: #333;
text-decoration: none;
background-color: #e4e4e4;
}

#formular a:visited {
color: #999;
text-decoration: none;
}

#formular a:hover {
color: #fc0;
text-decoration: underline; 
}

#formular a:active {
color: #000;
text-decoration: underline;
}

/* ----------- NACH OBEN ---- */


#nachoben {
position:relative;
margin: 20px 0 0 5px;
}

#nachoben  a:link {
color: #333;
text-decoration: none;
background-color: #e4e4e4;
}

#nachoben a:visited {
color: #999;
text-decoration: none;
}

#nachoben a:hover {
color: #fc0;
text-decoration: underline; 
}

#nachoben a:active {
color: #000;
text-decoration: underline;
}


/* ------------ KONTAKT ---------- */


.kontakt {
padding: 5px 30px 0 100px;
margin:0px 40px;
color: #000;
font-style: arial;
font-size: 12px;
background-color: #fff;
}

#adresse_kontakt {
position: relative;
width: 550px;
margin: 132px 0 0 300px;
background-color: #daeaf9;;
z-index: 10;
font-variant:small-caps;
}


/* ------------ LINKS ---------- */



.links{
width:680px;
color: #333;
font-size:12px;
padding: 0px;
margin:0px 0 0 100px;
background-color:#fff;
list-style:none;
}

.links ul li{
list-style:none;
color: #333;
}

.links a:link {
color: #333;
text-decoration: none;
background-color:#fff;
}

.links a:visited {
color: #999;
text-decoration: none;
}

.links a:hover {
color: #fc0;
text-decoration: underline; 
}

.links a:active {
color: #000;
text-decoration: underline;
}

#imghaus {
position:absolute;
margin: 340px 0 0 170px;
padding:0;
z-index:12;
}



/* ----------- ADRESSE ------------ */

.rechts {
color: #333;
font-weight: normal;
font-family: 'Lucida sans Unicode';'Lucida';  'Copperplate Gothic Light','Bookman Old Style';
text-transform:uppercase;
text-align: right;
margin-right: 30px;
}

.rechts  a:link {
color: #333;
text-decoration: none;
background-color:#daeaf9;
}

.rechts a:visited {
color: #999;
text-decoration: none;
}

.rechts a:hover {
color: #fc0;
text-decoration: underline; 
}

.rechts a:active {
color: #000;
text-decoration: underline;
}

#adresse {
position: relative;
width: 550px;
margin: 50px 00px 40px 300px;
background-color: #daeaf9;
z-index: 8;

}


/* -------- WEBSCREEN --------- */

#web {
width: 270px;
margin: -20px 0 0 350px;
padding: 0;
font-size: 11px;
background-color:#fff;
color:#ccc;
}

#web a:link {
background-color: #daeaf9;
color: #999;
}

#web a:visited{
color: #ccc;
text-decoration: none;
}

#web a:hover {
border-color: #fff;
color: #fc3;
text-decoration: underline; 
}

#web a:active {
color: #333;
text-decoration: underline;
}