body { background-image: radial-gradient(circle, #bfad99,#8B7765); }
a:link { color: #b9b9b9; text-decoration: none; }
a:visited { text-decoration: none; color: #b9b9b9; }
a:hover img { border: solid 1px #d7d5cb; }
h1 { color: black; font-size: 14px; font-family: Verdana, Helvetica, arial; font-weight: 700; text-align: center; margin-right: 4px; margin-left: 4px; line-height: 18px; margin-top: 3px; }
#banner { display: none; }
#ebene { position: fixed; left: 50%; background-color: #877561; top: 0; width: 467px; height: auto; padding-top: 6px; margin: 0 auto 0 -235px; border-right: 2px solid #7a6854; border-left: 2px solid #7a6854; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; box-shadow: 0px 2px 2px -2px black; } 
#feld { display: none; } 
#feld2 { width: 100%; height: auto; margin-right: auto; margin-left: auto; } 
#feld3 { width: 356px; height: 40px; background-color: #7a6854; margin: 13px auto 15px; padding: 2px 20px 4px; box-shadow: 0px 2px 2px -2px black; }
#navikat { width: 396px; color: #b9b9b9; font-size: 13px; font-family: Verdana, Helvetica, arial; font-weight: 500; height: auto; margin-right: auto; margin-bottom: 3px; margin-left: auto; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
#navikat a:link { color: #b9b9b9; text-decoration: none; }
#navikat a:visited { text-decoration: none; color: #b9b9b9; }
#navikat a:hover { color: #d1cfcf; }
#box1 { text-align: center; width: 108px; background-color: #026202; height: 27px; line-height: 27px; margin-top: 4px; margin-bottom: 14px; outline: solid 2px #024a02; box-shadow: 1px 1px 2px #333; }
#box1 a { display: block; }
#box1 a:hover { background-color: #005900; height: 100%; }
#box2 { text-align: center; width: 108px; background-color: #026202; height: 27px; line-height: 27px; margin-top: 4px; margin-bottom: 14px; outline: solid 2px #024a02; margin-left: 35px; box-shadow: 1px 1px 2px #333; }
#box2 a { display: block; }
#box2 a:hover { background-color: #005900; height: 100%; }
#box3 { text-align: center; width: 108px; background-color: #026202; height: 27px; line-height: 27px; margin-top: 4px; margin-bottom: 14px; outline: solid 2px #024a02; margin-left: 35px; box-shadow: 1px 1px 2px #333; }
#box3 a { display: block; }
#box3 a:hover { background-color: #005900; height: 100%; }
#box4 { text-align: center; width: 108px; background-color: #026202; height: 27px; line-height: 27px; outline: solid 2px #024a02; box-shadow: 1px 1px 2px #333; }
#box4 a { display: block; }
#box4 a:hover { background-color: #005900; height: 100%; }
#box5 { text-align: center; width: 108px; background-color: #026202; height: 27px; line-height: 27px; margin-left: 15px; outline: solid 2px #024a02; margin-left: 35px; box-shadow: 1px 1px 2px #333; }
#box5 a { display: block; }
#box5 a:hover { background-color: #005900; height: 100%; }
#box6 { text-align: center; width: 108px; background-color: #026202; height: 27px; line-height: 27px; margin-left: 15px; outline: solid 2px #024a02; margin-left: 35px; box-shadow: 1px 1px 2px #333; }
#box6 a { display: block; }
#box6 a:hover { background-color: #005900; height: 100%; }
.bild { width: 140px; height: 90px; margin: 6px auto 10px 2px; border-radius: 7px; border: solid 1px #333; }
#block1 { display: none; }
#gitter { width: 470px; color: black; margin-top: 152px; height: auto; margin-right: auto; margin-left: auto; display: flex; display: -webkit-flex; }
#ebene2 { background-color: #7a6854; width: 470px; height: auto; margin-right: auto; margin-left: auto; padding-top: 10px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.art { color: #b9b9b9; font-size: 13px; font-family: Verdana, Helvetica, arial; font-weight: 500; background-color: #015201; height: 21px; line-height: 20px; text-align: center; width: 166px; margin-right: auto; margin-left: auto; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 2px 2px 3px #333; }
.art a { display: block; }
.art  a:link { color: #b9b9b9; text-decoration: none; }
.art a:visited { text-decoration: none; color: #b9b9b9; }
.art a:hover { color: #c5c2c2; height: 21px; background-color: #026202; border-top-left-radius: 6px; border-top-right-radius: 6px; }
#block2 { width: 400px; height: auto; margin-top: 0; }
#a1 { text-align: center; width: 45%; height: auto; margin: 6px 3px 6px 20px; }
#a2 { text-align: center; width: 45%; height: auto; margin: 6px 11px 6px 2px; }
#a3 { text-align: center; width: 45%; height: auto; margin: 6px 3px 6px 20px; }
#a4 { text-align: center; width: 45%; height: auto; margin: 6px 11px 6px 2px; }
#a5 { text-align: center; width: 45%; height: auto; margin: 6px 3px 6px 20px; }
#a6 { text-align: center; width: 45%; height: auto; margin: 6px 11px 6px 2px; }
#a7 { text-align: center; width: 45%; height: auto; margin: 6px 3px 6px 20px; }
#a8 { text-align: center; width: 45%; height: auto; margin: 6px 11px 6px 2px; }
#a9 { text-align: center; width: 45%; height: auto; margin: 6px 3px 6px 20px; }
#footer { width: 470px; font-size: 13px; font-family: Verdana, Helvetica, arial; font-weight: 500; height: 21px; background-color: #877561; text-align: center; margin-right: auto; margin-left: auto; padding-top: 3px; }