html{font-family:"Open Sans","Helvetica","Arial","Liberation Sans",sans-serif;color:#ccc;background-color:#f22;background-image:url(/images/keybg.png),url(/images/keybg.png),url(/images/keybg.png),url(/images/keybg.png),url(/images/keybg.png);background-repeat:repeat repeat,repeat repeat,repeat repeat,repeat repeat,repeat repeat;background-size:2rem 2rem,4rem 4rem,16rem 16rem,32rem 32rem,32rem 32rem;background-position:top center,top center,top center,top center,top center;background-blend-mode:darken}html.glow{background-blend-mode:color-dodge}body{background-color:rgba(17,17,17,.6);background-image:url(/images/schallplatte.png);background-repeat:no-repeat no-repeat;background-size:100% auto;background-position:top center}a:link{color:#f22}a:visited{color:#f92}ul li a{text-decoration:none}a:hover{text-shadow:0rem 0rem 1rem 1rem #f22;text-decoration-color:#f92}header,section#content,footer{background-color:rgba(32,32,32,.8);border-bottom:.5rem solid #ccc;box-shadow:0rem 0rem 1rem 1rem #111}header #logo,nav#pagenav{border:.125rem solid #111;border-bottom:.5rem solid #ccc;background-color:rgba(32,32,32,.8);box-shadow:0 0 .5rem .5rem rgba(32,32,32,.8)}header #logo img{filter:drop-shadow(0 0 .25rem rgba(32,32,32,.8))}header #logo img:hover{filter:drop-shadow(0 0 .25rem #f22)}header #logo img:active{filter:drop-shadow(0 0 .25rem #f92)}header #logo:hover{box-shadow:0em 0em 1rem 1rem rgba(32,32,32,.8);border-bottom-color:#f22}header h1:hover{color:#f22;text-shadow:0rem 0rem .5rem .5rem rgba(32,32,32,.8)}header nav ul li a{border-left:.25rem solid #ccc}header nav ul li a:hover{border-left-color:#f22}header nav ul li a:active{border-left-color:#f92}nav#pagenav{padding:0 1rem}html,body{margin:0;padding:0;min-height:100%}html{font-size:100%}body{font-size:125%}ul li a{text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.25rem}h5{font-size:1rem;font-weight:bold}h6{font-size:1rem;font-weight:bold;font-style:italic}h3,h4,a:hover{text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:.125rem}header h1{text-decoration:none}header h1:hover{text-decoration:underline}html,body{margin:0;padding:0;min-height:100%}html{font-size:100%}body{font-size:125%}.container{display:block;width:60rem;margin:1rem auto;background-color:rgba(32,32,32,.8)}header,section#content,footer{margin:2rem auto;padding:2rem 2rem}header.container{margin-top:0rem;padding-top:1rem}header #logo{display:block;float:left;margin:0rem 2rem 1rem 0rem;padding:2rem;width:20rem}header nav ul,footer nav ul{list-style-type:none}header nav ul li,footer nav ul li{display:inline-block}header nav ul li a,footer nav ul li a{display:inline-block}header nav ul li a{margin:.5rem 0rem;padding:.5rem 1rem;width:8rem}footer nav ul li a{display:inline-block;padding:.5rem 1rem}nav#pagenav{float:right;width:14rem;margin:1rem;margin-top:6rem}section#content{margin:4rem auto;padding-top:1rem}section#content img{max-width:100%}section#content>h1{padding:.5em 0em;margin-top:0em;border-bottom:.5rem solid #999}footer{text-align:center}@media only screen and (max-device-width: 480px){body{font-size:100%}.container{width:auto}header #logo{display:block;float:none;width:100%;margin:0rem;padding:1rem 0rem}header #logo img{height:3em}header #logo a{display:block;float:left;margin:1rem;font-weight:bold;font-size:1.25em;padding:.25 1em}header h1{margin-top:0}header nav ul li a{margin:.5rem 0rem;padding:.5rem 1rem;width:4rem}}