/* ************************************************* */
/*  Alle diese Dateien stehen unter der MIT-Lizenz.  */
/*    © 2008 - 2011 JANNiS <jannis@huffle-home.de>   */
/*     Ausnahme: mootools, Spruchliste und Bilder    */
/* ************************************************* */

section, article { /* HTML5 default */
    display: block;
}

body, div, section, article, #spruchliste ul { /* CSS-Reset */
    margin: 0px;
    padding: 0px;
}

body {
    background: url(hintergrund.gif);
    font-family: "Lucida Handwriting", cursive;
    font-size: 0.8em;
}

h1[aria-hidden="true"] {
    /* Überschriften ausblenden, die nur für die Outline sind */
    display: none;
}

/* start #buch */
    #buch {
        position: absolute;
        width: 800px;
        height: 652px;
        background: url(buch.gif);
        background-repeat: no-repeat;
    }

    /* start #buch #links */
        #links {
            position: absolute;
            top: 25px;
            left: 77px;
            width: 295px;
            height: 550px;
        }

        #suche[aria-hidden="true"] {
            /* Nur anzeigen, wenn JavaScript */
            display: none;
        }

        nav {
            position: absolute;
            top: 2em;
            bottom: 0px;
            width: 100%;
            overflow: auto;
        }
        nav li {
            display: block;
        }
        nav li[aria-hidden="true"] {
            display: none;
        }
        nav li li:hover {
            background-color: #aaf;
        }
        nav li li.highlighted {
            background-color: #89b;
        }
        nav h1 {
            padding: 0px;
            margin: 0px;
            border-top: 1px solid red;
            border-bottom: 1px solid red;
            font-size: 1em;
            font-weight: normal;
            color: green;
            text-align: center;
            font-variant: small-caps;
        }
        nav a {
            display: block;
            width: 100%;
            color: black;
            text-decoration: none;
        }
    /* ende #buch #rechts */

    /* start #buch #rechts */
        #rechts {
            position: absolute;
            top: 50px;
            left: 450px;
            width: 295px;
            height: 510px;
            overflow: auto;
        }

        article[aria-hidden="true"] {
            display: none;
        }

        #spruch {
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 3px;
        }
        #spruch h1 {
            font-size: 2em;
        }
        #spruch h2 {
            font-size: 1em;
        }
    /* ende #buch #rechts */
    
/* ende #buch */

/* start #feder */
#feder {
    position: absolute;
    left: 768px;
    top: 20px;
    z-index: -10;
}
/* ende #feder */