html {
    overflow-y: scroll;
    min-height: 100%;
    margin: 0 auto;
    padding:0;
    background-attachment:fixed;
    background : #666;
    background-repeat:no-repeat;
}

body {
    min-width: 648px;
    background: #333;
    color: #ccc;
    font-size: 1em;
    font-family: Verdana, Tahoma, Courier;
    letter-spacing: 1px;
    margin: 0.4em 9em;
    padding: 0.1em 0.5em;
    text-align: center;
    vertical-align: middle;
}

header {
    margin: 0 auto;
    border: 0;
}

nav {
    margin: 0.2em auto;
    padding: 0 0;
    border: 0;
}

article {
    margin: 0 auto;
    padding: 0 0;
}

footer {
    font-size: 1em;
    margin: 0.3em 9em;
    margin-top: 3em;
    vertical-align: top;
    border-top: 1px dashed #ccc;
}

input {
    color: #ffc;
    background: rgb(8, 8, 8);
    text-align: center;
    border: 1px solid #fcc;
}

input.submit {
    color: #09f;
    background: rgb(8, 8, 8);
    text-align: center;
    border: 1px solid #fc9;
}

img {
    border: 0;
}

hr {
    border: 1px dashed;
        box-shadow: 0 0 11px 1px;
}

h1 {
    font-size: 1.3em;
    padding: 0.05em;
    letter-spacing: 0.2em;
    color: #ca0;
    text-decoration: underline;
}

h2 {
    font-size: 1.1em;
    padding: 0.1em;
    color: #eee;
    text-decoration: underline;
}

h3 {
    font-size: 1.1em;
    color: #c44;
}

h4 {
    color: #ccc;
}

p {
    font-size: 1em;
}

strong { /* Bedeutung: "stark betont, besonders wichtig" */ 
    padding: 0.2em;
    text-align: center;
}

em { /* Bedeutung: "betonten, wichtigen Text" */
    padding: 0.2em;
}

code {/* Bedeutung: "dies ist Quelltext" */
}

samp {/* Bedeutung: "dies ist ein Beispiel" */
}

kbd {/* Bedeutung: "dies stellt eine Benutzereingabe dar" */
}

var {/* Bedeutung: "dies ist eine Variable oder ein variabler Name */
    font-size: 1.1em;
    font-style:italic;
    margin: 0 auto;
    padding: 0.2em;
    letter-spacing: 0.1em;
    word-spacing: 0.3em;
}

acronym {/* Bedeutung: "dies ist ein Akronym" */
}

abbr {/* Bedeutung: "dies ist eine Abkürzung" */
}

dfn {/* Bedeutung: "dies ist eine Definition" */
}

cite {/* Bedeutung: "dies ist die Quelle oder der Autor" */
    font-size: 0.8em;
    font-style:italic;
    margin: 0 auto;
    padding: 0.2em;
    letter-spacing: 0.1em;
    word-spacing: 0.3em;
}

mark {
    padding: 0.2em;
    background: #333;
    color: #cc0;
}

.noteeins {
    padding: 0.2em;
    background: #333;
    color: #0ff
}

.notezwei {
    padding: 0.2em;
    background: #333;
    color: #0f0
}

.notedrei {
    padding: 0.2em;
    background: #333;
    color: 	#ff0
}

.notevier {
    padding: 0.2em;
    background: #333;
    color: #f90
}

.notefuenf {
    padding: 0.2em;
    background: #333;
    color: #f00
}

.abfallgrauHead {
    padding: 0.3em;
    margin: 0 auto;
    background: #999;
    color: #000;
}

.abfallblauHead {
    padding: 0.3em;
    margin: 0 auto;
    background: #39c;
    color: #000;
}

.abfallgelbHead {
    padding: 0.3em;
    margin: 0 auto;
    background: #ff6;
    color: #000;
}


.abfallblau {
    padding: 0.2em;
    margin: 0 auto;
    color: #39c;
}

.abfallgelb {
    padding: 0.2em;
    margin: 0 auto;
    color: #ff6;
}

del {
    text-decoration: line-through;
}

table {
    width: 580px;
    margin: 0 auto;
    border: 0;
    background: #333;
}

table.navi {
    min-width: 644px;
}

table.wide {
    min-width: 844px;
    vertical-align: middle;
    text-align: center;
}

table.stat {
    width: 480px;
}

table.noborder {
    padding-left: inherit;
    padding-right: inherit;
    padding-right: inherit;
}

tr {
    vertical-align: middle;
    text-align: center;
}

th {
    vertical-align: middle;
    font-size: 0.9em;
    color: #ccc;
    padding: 0 0;
    border: 1px dashed #ccf;
}

td {
    vertical-align: text-top;
    color: #ccc;
    font-size: 0.8em;
    margin: 0;
    padding: 0.2em 0;
    border: 1px dotted #ccc;
}

.noborder{
    border: 0px;
    padding: 0.2em 0.2em;
}

td.navi {
    min-width: 72px;
    border: 1px dashed rgb(0, 153, 255);
}

.larger {
    min-width: 88px;
    border: 1px dashed rgb(0, 153, 255);
    padding: 1em 1em;
}

.footer {
    vertical-align: top;
    border: 0;
}

nav a {
    background: #333;
    font-size: 12px;
    margin: 0 0;
    padding: 0.1em 0.1em;
    display: inline-block;
    font-weight: bold;
}

nav a:link {
    color: #c90;
}

nav a:visited {
    color: #c90
}

nav a:hover {
    color: #000;
    text-shadow: 2px 2px 4px #3ff;
}

a {
    text-decoration: none;
    font-size: 12px;
    color: #39f;
}

a:hover {
    color: #bbffcc;
    text-decoration: none;
}

a.tooltip {
    text-decoration:none;
    color: #ccc;
    font-size: 1em;
}

a.tooltip:hover {
    text-decoration:none;
    color: #000;
    font-size: 1em;
}

.tooltip span.info {
    display:none;
}

.tooltip:hover span.info {
    background: #000;
    color: #ccc;
    display:block;
    border: 1px dashed rgb(0, 153, 255);
    position:absolute;
    padding:0.5em;
    margin-left:4em;
}