body {
background-color: #006efa;
font-family: Verdana, Arial, sansserif;
font-size: 12px;
border: 1px;
text-align: center;
}
ul {
list-style-image: url(bilder/dr10.png);
}
img {
vertical-align: bottom; /*vermeidet Abstand zwischen Bildern beim Mozilla & Co.*/
border: none;
}
h3 {
font-size: 14px;
}

#rahmen { /*Rahmen ums Ganze zur Ausrichtung*/
width: 800px;
text-align: left;
margin: auto;
}

#kopf01 { /*oberer Teil*/
background-image: url(bilder/hgkopf.jpg);
background-repeat: no-repeat;
background-color: #006efa;
position: absolute;
top: 15px;
width: 800px;
height: 100px;
}
#punkt {
position: relative;
top: -35px;
left: 20px;
}
#punkt2 {
position: relative;
top: -115px;
left: 20px;
}

#kopfnavi {
position: relative;
left: 650px;
width: 100px;
top: -190px;
}

#inhalt { /*unterer Bereich*/
background-color: #e2e2e2;
position: absolute;
top: 125px;
width: 800px;
min-height: 627px;
}
#inhalt a {
text-decoration: none;
color: black;
}
#inhalt td {
vertical-align: top;
}

#inhaltstext { /*linke Seite*/
position: relative;
Text-align: left;
width: 540px;
margin: 4px;
left: 4px;

}
#textfenster { /*linke Seite mit Scrollrahmen*/
position: relative;
width: 480px;
height: 380px;
top: 10px;
left: 30px;
overflow: auto;
padding: 10px;
line-height: 18px;
}
#textfenster ul {
line-height: 24px;
font-weight: bold;
}

#fensternavi {
position: relative;
background-image: url(bilder/ab16.png);
top: 10px;
left: 30px;
width: 300px;
font-weight: bold;
line-height: 40px;
vertical-align: bottom;
}

#navi a {
background-image: url(bilder/buttonblau.jpg);
background-repeat: no-repeat;
display: block;
width: 180px;
height: 60px;
text-decoration: none;
text-align: center;
color: black;
font-size: 14px;
}

#navi a:hover {
background-image: url(bilder/buttongelb.jpg);
}

#pics { /*rechte Seite*/
position: absolute;
top: 0px;
left: 550px;
}


.rechts { /*richtet den Link 'Impressum' rechts aus*/
color: green;
position: relative;
left: 100px;
}
.zentriert {
text-align: center;
}
.links {
text-align: left;
}
.gruen {
color: green;
text-decoration: underline;
}
.abstand {
padding: 10px;
}
.reftable {
position: relative;
margin: 20px;
left: 120px;
}
.schraeg {
font-style: italic;
font-weight: normal;
}

#referenzen td {
padding: 15px;
border: 1px solid gray;
}

#skills {
background-image: url(bilder/skillground01.png);
background-repeat: no-repeat;
height: 155px;
width: 300px;
margin: 0px;
padding-top: 50px;
padding-bottom: 10px;
padding-left: 55px;
padding-right: 20px;
float: left;
}

#skillfuss {
width: 790px;
text-align: center;
float: left;
}
#skillfuss a {
color: green;
text-decoration: underline;

}
#farbe {
border: 1px solid black;
position: absolute;
top: 50px;
left: 10px;
width: 100px;
height: 100px;
display: block;
text-align: left;
}