/* Stylesheet mit scrollbarem Inhaltsteil und festem Kopfbereich 
- Mit Trick fuer IE funktioniert soweit getestet bei allen Browsern
- Linkmenue an richtiger Stelle
- flyout funktioniert
- Positionierung ok, aber waagerechte Darstellung im Netscape
*/

body
{
margin: 0;
padding: 0;
font: 77% sans-serif;
/* ohne IE/Mac \*/
overflow: hidden;
/**/
}

#kopf {
position: fixed;
width: 100%;
top: 0;
height: 200px;
overflow: visible;
background-image: url(Bilder/Banner007.jpg);
background-repeat: no-repeat;
}

#kopf ul {
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
top: 161px;
left: 40px;
}
#kopf li {
position: relative;
margin: 0px;
float: left;
text-align: center;
}
#kopf li a {
text-decoration: none;
color: black;
display: block;
width: 100%;
w\idth : 10em; /* Boxmodellhack fuer IE */
background-color: white; /* #dedede; */
padding: 5px 0;
}
#kopf li a:hover {
color: white;
background-color: #bf0000;
}
#kopf li ul{
display: none;
width: 11em;
}
#kopf li:hover ul, #kopf li.iehover ul {
display: block;
z-index: 5;
}
/* zur Positionierung der Flyout-Menues */
#kopf ul li ul {
position: absolute;
top: 25px;
left: 0px;
border: none;
}
#mailknopf {
position: absolute;
top: 125px;
left: 735px;
}


#inhalt {
margin-top: 200px;
/* ohne IE/Mac \*/
position: absolute;
height: expression(document.body.clientHeight - 200 + "px");
margin:0;
/**/
width: 100%;
top: 200px;
bottom: 0px;
overflow: auto;
text-align: center;
}
#inhalt ul {
list-style-type: none;
position: absolute;
width: 60%;
left: 17%;
border: 1px solid #BE0000;
text-align: center;
font-size: 2em;
}
#inhalt td {
text-align: center;
vertical-align: middle;
padding: 20px;
}
#inhalt img {
border: none;
}
#kastenmittich {
background-color: #d3d3d3;
height: 645px;
text-align: left;
padding: 10px;
}
#kastenbreit {
background-color: #d3d3d3;
width: 80%;
margin: auto; /* 3% 10%; */
}
#kastengrau td{
background-color: #d3d3d3;
}

#leistungen td {
width: 400px;
background-color: lightgrey;
}
#textfeld {
margin: 5px;
position: relative;
font-size:0.8em;
text-align: left;
}


#leistungenTitel {
background-color: #d3d3d3;
padding: 10px;
margin: 10px;
text-align: center;
}
#aktuell {
text-decoration: underline;
}

h1 {
text-align:center;
color: gray;
}

h5 {
text-align:center;
color: gray;
}


#infokasten {			/*Informationen auf der Startseite*/
margin-top: 200px;
/* ohne IE/Mac \*/
position: absolute;
height: expression(document.body.clientHeight - 200 + "px");
margin:0;
/**/
width: 19%;
top: 200px;
right: 5px;
bottom: 0px;
overflow: auto;
border: 1px solid #be0000;
color: black;
padding: 30px 10px;
}
#infos {
position: relative;
padding: 10px 10px;
margin: 5px;
background-color: #eefd6c;
width: 100%;
overflow-x: auto;
}


#inhaltmitinfo {
margin-top: 200px;
/* ohne IE/Mac \*/
position: absolute;
height: expression(document.body.clientHeight - 200 + "px");
margin:0;
/**/
width: 78%;
top: 200px;
bottom: 0px;
overflow: auto;
border: 1px solid #BE0000;
text-align: center;
padding-top: 29px;
}

#inhaltmitinfo td {
width: 400px;
background-color: lightgrey;
padding: 30px 10px;
text-align: center;
}

#referenztext {
height: 225px;
border: 1px solid #be0000;
color: gray;
padding: 5px;
}

#referenztext td {
padding: 10px;
width: 50%;
}
.zentriert {
text-align: center;
}

#lkw table {
padding: 0 0 10 10;
}

#lkw td {
text-align: left;
font-size: 0.8em;
padding: 0;
}
#lkw img {
margin: 10px;
}