body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #484848;
    background-color: #FFFFFF;
}




/* ----------------
   Seitenaufteilung
   ---------------- */
   
#links1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 192px;
    height: 168px;
    background-color: #E4E4E4;
    overflow: auto;
}

#links2 {
    position: absolute;
    left: 0px;
    top: 168px;
    width: 192px;
    height: 21px;
    background-color: #34A39F;
    overflow: auto;
}

#links3 {
    position: absolute;
    left: 0px;
    top: 191px;
    width: 192px;
    height: 118px;
    background-color: #34A39F;
    overflow: auto;
}

#links4 {
    position: absolute;
    left: 0px;
    top: 309px;
    width: 192px;
    height: 261px;
    background-color: #939393;
    font-size: 11px;
    overflow: auto;
}

#mitte1 {
    position: absolute;
    left: 192px;
    top: 0px;
    width: 747px;
    height: 189px;
    background-color: #CBCBCB;
    overflow: auto;
}

#mitte2 {
    position: absolute;
    left: 192px;
    top: 191px;
    width: 747px;
    height: 58px;
    background-color: #B4B4B4;
    overflow: auto;
}

#mitte3 {
    position: absolute;
    left: 192px;
    top: 249px;
    width: 747px;
    height: 60px;
    background-image: url("b/hint-mitte3.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: auto;
}

#mitte4 {
    position: absolute;
    left: 192px;
    top: 309px;
    width: 747px;
    height: 261px;
    background-image: url("b/hint-mitte4.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: auto;
}

#rechts1 {
    position: absolute;
    left: 939px;
    top: 0px;
    width: 80px;
    height: 168px;
    background-color: #34A39F;
    overflow: auto;
}

#rechts2 {
    position: absolute;
    left: 939px;
    top: 168px;
    width: 80px;
    height: 21px;
    background-color: #5CB5B2;
    overflow: auto;
    text-align: center;
    font-size: 14px;
}

#rechts3 {
    position: absolute;
    left: 939px;
    top: 191px;
    width: 80px;
    height: 118px;
    background-color: #5CB5B2;
    overflow: auto;
}

#rechts4 {
    position: absolute;
    left: 939px;
    top: 309px;
    width: 80px;
    height: 261px;
    background-color: #34A39F;
    overflow: auto;
}




/* -----------------
   Links / Steuerung
   ----------------- */

a {
    color: #484848;
    text-decoration: none;
}

a.unterstrichen {
    text-decoration: underline;
}

h2.steuerung {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 0 110px;
}

h2.steuerung a {
    color: #FFFFFF;
}

h2.steuerung a:hover {
    color: #484848;
}

h2.steuerung .aktuell {
    color: #484848;
}




/* ----------
   Referenzen
   ---------- */
.referenztext {
    position: absolute;
    left: 20px;
    bottom: 21px;
    width: 400px;
}

.referenztext table th {
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    padding-right: 10px;
}
.referenztext table td {
    vertical-align: top;
}

.referenztext table .links {
    width: 132px;
    padding-right: 10px;
}

.referenztext table .rechts {
    width: 258px;
}




/* ---------
   Sonstiges
   --------- */
table#profilliste th {
    padding-right: 30px;
    vertical-align: top;
}

table#profilliste td {
    vertical-align: top;
}

br.trenner {
    line-height: 10px;
}

#mitte1 h1 {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color:#484848;
}