* { padding: 0; margin: 0; }
a { text-decoration: none; position: relative; }
html { background: #202025 url(http://lixlpixel.de/images/html-bg.png) repeat-x 0 100%; height: 99%; }
body { font: 76% 'Century Gothic', Verdana, Arial, sans-serif; background: url(http://lixlpixel.de/images/body-bg.png) repeat-x 0 0; }
h1 { padding: 2em 10%; color: #aaa; text-shadow: 0 0 3px #000; }
h1 a { color: #aaa; text-shadow: 0 0 3px #000; }
h1 a:hover { color: #bbb; text-shadow: 0 0 3px #000; }
input.button { cursor: pointer; }
#content { float: left; width: 40%; padding: 4.6em 0 0 10%; min-height: 30em; }
#content pre { line-height: 1.5em; font: 1em 'Century Gothic', Verdana, Arial, sans-serif; color: #aaa; padding: 2em; margin-top: 1em; border: 1px dashed #333; }
#content h2 { color: #aaa; text-shadow: 0 0 3px #000; }
#content p { line-height: 1.5em; color: #aaa; }
#more { float: right; width: 40%; padding: 5em 10% 0 0; min-height: 30em; }
#more ul.subnav { line-height: 1.5em; text-align: right; list-style: none; }
#more ul.subnav li a { padding: 0.2em 20px; color: #aaa; font-weight: bold; text-shadow: 0 0 3px #000; background: url(http://lixlpixel.de/images/forward.png) no-repeat 100% 65%; }
#more ul.subnav li strong a { color: #eee; background: url(http://lixlpixel.de/images/back.png) no-repeat 0 65%; }
#more ul.subnav li a:hover { color: #fff; text-shadow: 0 0 3px #000; }
#nav { position: absolute; top: 10em; list-style: none; text-align: center; background: url(http://lixlpixel.de/images/button-bg.png) repeat-x 0 0; height: 30px; width: 90%; padding-right: 10%; }
#nav li { height: 30px; float: right; width: 152px; }
#nav li a { background: url(http://lixlpixel.de/images/button.png) no-repeat 0 0; display: block; padding: 7px 0 8px 0; font-size: 12px; color: #aaa; font-weight: bold; text-shadow: 0 0 3px #000; }
#nav li strong a { background-position: 0px -30px; color: #eee; }
#nav li a:hover { background-position: 0px -30px; color: #fff; text-shadow: 0 0 3px #000; }
#footer { text-align: center; clear: both; font-size: smaller; color: #333; padding: 2em 0 1em 0; }
#footer a { color: #333; }
#tooltip { display: none; position: absolute; z-index: 99; background: #aaa; border: 1px outset #ccc; opacity: 0.9; padding: 3px; font-size: smaller; font-weight: normal; text-align: center; width: 12em; color: #000; }
#admin { padding: 2em; border: 1px dashed #333; }
fieldset { border: 0; }
fieldset strong { color: #aaa; }
legend { color: #aaa; padding: 0.5em 0 0.2em 0; font-size: smaller; }
label { color: #aaa; padding: 0 0.5em; font-size: smaller; }
legend span { color: red; padding: 0 0 0 0.7em; }
legend span.key { color: #aaa; padding: 0; border-bottom: 1px solid #aaa; }
select { width: 100%; background: #aaa; }
input { width: 100%; background: #aaa; }
input.check { width: 1em; background: #aaa; }
textarea { width: 100%; height: 15em; background: #aaa; }
.error { color: red; }
strong.error { display: block; padding: 1em 0; text-align: center; }
p.solitaer { display: block; padding: 1em 0; text-align: center; }
p.solitaer a { color: #aaa; font-weight: bold; }
p.solitaer a:hover { color: #fff; font-weight: bold; }