body {background-image: url(pics/bg.jpg); color:#82613B;}

.seite {
 position:absolute;
 left: 50%;
 top: 50%;
 width: 900px;
 height: 650px;
 margin-top: -325px;
 margin-left: -450px;
 border:3pt solid #4A381F;
 font-family: Arial, Helvetica, sans-serif;
 color: #4A381F;
 background-color: #F9EEC1;
}

.navi {
 margin-left: 10px;
 width: 170px;
 height: 500 px;
 float: left;
}

.button {
 width: 170px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 13px;
}

.inhalt {
 height: 500px;
 width: 650px;
 text-align: left;
 overflow: auto;
 margin-left: 50px;
}

.tabelle {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    color: #4A381F;
}

a.tablink {
    text-decoration: underline;
    color: #4A381F;
}

a.tablink:focus,
a.tablink:hover,
a.tablink:active {
    font-weight: bold;
}

a.b1 {
 padding-left: 22px;
 padding-top: 10px;
 padding-bottom: 30px;
 text-align: left;
 display: block;
 color: #4A381F;
 text-decoration: none;
 background: #F9EEC1 url(pics/Butt1.jpg) no-repeat;
}

a.b1:focus,
a.b1:hover,
a.b1:active {
 padding-left: 19px;
 padding-top: 10px;
 padding-bottom: 30px;
 text-align: left;
 display: block;
 color: #F9EEC1;
 background: url(pics/Butt2.jpg) no-repeat;
}

a.b1_hl,
a.b1_hl:focus,
a.b1_hl:hover,
a.b1_hl:active {
 padding-left: 22px;
 padding-top: 10px;
 padding-bottom: 30px;
 text-align: left;
 display: block;
 color: #F9EEC1;
 text-decoration: none;
 background: url(pics/Butt2.jpg) no-repeat;
}