html { overflow-y: scroll; } body { background-image: radial-gradient(circle, #bfad99,#8B7765); } a:link { color: black; text-decoration: none; } a:visited { text-decoration: none; color: black; } 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-top: 7px; line-height: 23px; } #banner { width: 730px; height: 105px; margin-right: 3px; margin-left: 3px; outline: solid 1px black } #ebene { box-shadow: 0px 2px 2px -2px black; position: fixed; left: 50%; margin: 0 auto 0 -368px; background-color: #877561; top: 0; bottom: 0; width: 736px; height: 167px; padding-top: 6px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } #feld { width: 100%; height: 106px; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; } #feld2 { width: 100%; height: 23px; margin-right: auto; margin-left: auto; padding: 0; } #navikat { box-shadow: 0px 3px 3px -2px black; width: 732px; color: #b9b9b9; font-size: 13px; font-family: Verdana, Helvetica, arial; font-weight: 500; height: 23px; margin-right: auto; margin-left: auto; display: flex; display: -webkit-flex; } #navikat a:link { color: #b9b9b9; text-decoration: none; } #navikat a:visited { text-decoration: none; color: #b9b9b9; } #navikat a:hover { color: #d1cfcf; } #feld3 { width: 100%; height: 28px; background-color: #877561; margin-right: auto; margin-left: auto; line-height: 27px; } #box1 { background-color: #026202; text-align: center; width: 17%; height: auto; line-height: 21px; border-color: #024a02; border-style: solid; border-width: 1px 2px; } #box1 a { display: block; } #box1 a:hover { background-color: #005900; height: 100%; } #box2 { background-color: #026202; text-align: center; width: 17%; height: auto; border-top: 1px solid #024a02; border-right: 2px solid #024a02; border-bottom: 1px solid #024a02; line-height: 21px; } #box2 a { display: block; } #box2 a:hover { background-color: #005900; height: 100%; } #box3 { background-color: #026202; text-align: center; width: 17%; height: auto; border-top: 1px solid #024a02; border-right: 2px solid #024a02; border-bottom: 1px solid #024a02; line-height: 21px; } #box3 a { display: block; } #box3 a:hover { background-color: #005900; height: 100%; } #box4 { background-color: #026202; text-align: center; width: 17%; height: auto; border-top: 1px solid #024a02; border-right: 2px solid #024a02; border-bottom: 1px solid #024a02; line-height: 21px; } #box4 a { display: block; } #box4 a:hover { background-color: #005900; height: 100%; } #box5 { background-color: #026202; text-align: center; width: 17%; height: auto; border-top: 1px solid #024a02; border-right: 2px solid #024a02; border-bottom: 1px solid #024a02; line-height: 21px; } #box5 a { display: block; } #box5 a:hover { background-color: #005900; height: 100%; } #box6 { background-color: #026202; text-align: center; width: 17%; height: auto; border-top: 1px solid #024a02; border-right: 2px solid #024a02; border-bottom: 1px solid #024a02; line-height: 21px; } #box6 a { display: block; } #box6 a:hover { background-color: #005900; height: 100%; } .bild { width: 140px; height: 90px; margin: 6px auto 10px 1px; border-radius: 7px; border: solid 1px #333; box-shadow: 1px 1px 2px #333; } #gitter { background-color: #7a6854; width: 722px; border-right: 7px solid #877561; border-left: 7px solid #877561; color: black; margin-top: 173px; font-size: 13px; font-family: Helvetica, arial; height: auto; margin-right: auto; margin-left: auto; display: flex; display: -webkit-flex; } #block1 { width: 179px; height: 440px; margin-left: 0; } #block1 a:link { color: black; text-decoration: none; } #block1 a:visited { text-decoration: none; color: black; } #block1 a:hover { color: #dddddd; } #left { margin-top: 12px; height: 419px; color: black; font-size: 13px; font-weight: 500; font-family: Verdana, Helvetica, arial; margin-right: 6px; margin-left: 10px; padding-top: 0; padding-left: 4px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } #menu1 { border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: #226e22; color: #231f1f; font-weight: 700; text-align: center; width: 165px; height: 23px; line-height: 21px; margin-top: 4px; } #menu2 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu2 a { display: block; } #menu2 a:hover { background-color: #5c7e4b; } #menu3 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu3 a { display: block; } #menu3 a:hover { background-color: #5c7e4b; } #menu4 { box-shadow: 0px 2px 3px -2px black; background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; } #menu4 a { display: block; } #menu4 a:hover { background-color: #5c7e4b; } #menu5 { text-align: center; width: 165px; height: 26px; } #menu6 { background-color: #226e22; color: #231f1f; text-align: center; width: 165px; height: 23px; line-height: 21px; border-top-left-radius: 6px; border-top-right-radius: 6px; font-weight: 700; } #menu7 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu7 a { display: block; } #menu7 a:hover { background-color: #5c7e4b; } #menu8 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu8 a { display: block; } #menu8 a:hover { background-color: #5c7e4b; } #menu9 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu9 a { display: block; } #menu9 a:hover { background-color: #5c7e4b; } #menu10 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu10 a { display: block; } #menu10 a:hover { background-color: #5c7e4b; } #menu11 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu11 a { display: block; } #menu11 a:hover { background-color: #5c7e4b; } #menu12 { box-shadow: 0px 2px 3px -2px black; background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; } #menu12 a { display: block; } #menu12 a:hover { background-color: #5c7e4b; } #menu14 { text-align: center; width: 165px; height: 26px; } #menu15 { background-color: #226e22; color: #231f1f; text-align: center; width: 165px; height: 23px; line-height: 21px; border-top-left-radius: 6px; border-top-right-radius: 6px; font-weight: 700; } #menu16 { background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; border-bottom: 2px solid #056b05; } #menu16 a { display: block; } #menu16 a:hover { background-color: #5c7e4b; } #menu17 { box-shadow: 0px 2px 3px -2px black; background-color: #658754; text-align: center; width: 165px; height: 24px; line-height: 24px; } #menu17 a { display: block; } #menu17 a:hover { background-color: #5c7e4b; } #block2 { width: 550px; height: 410px; margin-top: 0; margin-bottom: 16px; } #ebene2 { width: 100%; height: auto; margin-left: 14px; 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; width: 100%; height: 21px; line-height: 20px; text-align: center; 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; } #a1 { text-align: center; width: 30%; height: auto; margin: 6px 11px 6px 3px; } #a2 { text-align: center; width: 30%; height: auto; margin: 6px 11px 6px 3px; } #a3 { text-align: center; width: 30%; height: auto; margin: 6px 11px 6px 3px; } #a4 { text-align: center; width: 30%; height: auto; margin: 5px 11px 6px 3px; } #a5 { text-align: center; width: 30%; height: auto; margin: 5px 11px 6px 3px; } #a6 { text-align: center; width: 30%; height: auto; margin: 5px 11px 6px 3px; } #a7 { text-align: center; width: 30%; height: auto; margin: 5px 11px 6px 3px; } #a8 { text-align: center; width: 30%; height: auto; margin: 5px 11px 6px 3px; } #a9 { text-align: center; width: 30%; height: auto; margin: 5px 11px 6px 3px; } #footer { font-size: 13px; font-family: Verdana, Helvetica, arial; font-weight: 500; width: 735px; height: 21px; background-color: #877561; text-align: center; margin-right: auto; margin-left: auto; padding-top: 3px; }