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; }

#banner { width: 730px; height: 105px; margin-right: 3px; margin-bottom: 2px; margin-left: 3px; outline: solid 1px black; }
#ebene { position: fixed; left: 50%; margin: 0 auto 0 -368px; background-color: #877561; top: 0; bottom: 0; width: 736px; height: 153px; padding-top: 6px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } 
#feld { background-color: #877561; width: 100%; height: 107px; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; } 
#feld1 { display: none; }
#feld2 { width: 100%; height: 23px; margin-right: auto; margin-left: auto; padding: 0; } 
#navikat { width: 730px; color: #b9b9b9; font-size: 13px; font-family: Helvetica, arial; font-weight: 500; height: 23px; margin-top: 4px; 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 { text-decoration: none; color: #dddddd; }

#box1 { background: #216521; text-align: center; width: 15%; height: 23px; line-height: 23px; margin: 6px 7px 8px 9px; box-shadow: 1px 1px 2px #333; }
#box1 a { display: block; }
#box1 a:hover { background-color: #60824f; }
#box2 { background: #216521; text-align: center; width: 15%; height: 23px; margin: 6px 7px 8px 4px; line-height: 23px; box-shadow: 1px 1px 2px #333; }
#box2 a { display: block; }
#box2 a:hover { background-color: #60824f; }
#box3 { background: #216521; text-align: center; width: 15%; height: 23px; margin: 6px 7px 8px 4px; line-height: 23px; box-shadow: 1px 1px 2px #333; }
#box3 a { display: block; }
#box3 a:hover { background-color: #60824f; }
#box4 { background: #216521; text-align: center; width: 15%; height: 23px; margin: 6px 7px 8px 4px; line-height: 23px; box-shadow: 1px 1px 2px #333; }
#box4 a { display: block; }
#box4 a:hover { background-color: #60824f; }
#box5 { background: #216521; text-align: center; width: 15%; height: 23px; margin: 6px 7px 8px 4px; line-height: 23px; box-shadow: 1px 1px 2px #333; }
#box5 a { display: block; }
#box5 a:hover { background-color: #60824f; }
#box6 { background: #216521; text-align: center; width: 15%; height: 23px; margin: 6px 7px 8px 4px; line-height: 23px; box-shadow: 1px 1px 2px #333; }
#box6 a { display: block; }
#box6 a:hover { background-color: #60824f; }

#pic { width: 665px; height: auto; margin-left: 18px; border: solid 1px #333; box-shadow: 1px 1px 2px #333; animation:fadein 0.8s; -moz-animation:fadein 0.8s; -webkit-animation:fadein 0.8s; }
#ebene2 { background-color: #5c7e4b; width: 700px; height: auto; margin-top: 159px; margin-right: auto; margin-left: auto; color: black; font-family: Verdana, Helvetica, arial; font-size: 14px; padding: 8px; border: solid 10px #7a6854; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
#block { font-size: 15px; font-weight: 700; background-color: #658754; text-align: left; width: 100%; height: auto; padding: 9px 9px 8px 11px; }
#block2 { font-weight: 500; background-color: #658754; text-align: left; width: 100%; height: auto; padding-top: 3px; padding-left: 11px; padding-right: 9px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
#block3 { background-color: #5c7e4b; font-weight: 500; background-color: #658754; width: 100%; height: auto; padding-top: 12px; }
#block4 { font-weight: 500; background-color: #658754; text-align: left; width: 100%; height: auto; padding: 9px 9px 9px 11px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
#block5 { font-weight: 500; background-color: #658754; text-align: left; width: 100%; height: auto; padding-right: 9px; padding-bottom: 9px; padding-left: 10px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
#block6 { font-weight: 500; background-color: #658754; text-align: left; width: 100%; height: auto; padding-right: 9px; padding-bottom: 6px; padding-left: 11px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
#block7 { font-weight: 500; background-color: #658754; text-align: left; width: 100%; height: auto; padding: 3px 9px 6px 10px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

#footer { width: 736px; height: 21px; background-color: #877561; text-align: center; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 1px; }
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}