/* vim: set ts=4 sw=4 tw=78 et si: */
body {
    color: black; background-color: white;
/*    font-size: 100.01%; */
    font-size: 16px;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
}

img {
    margin: 20px;
    padding-left: 0;
    padding-right: 0;
}
div#content {
    margin-left: 10em;
    padding: 0 1em;
    height: 96%;
    min-height: 350px;
    border-left: 2px double black;
    min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#content a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
}
div#content h1 {
    font-size: 1.5em;
    margin: 0 0 1em;
}
div#content h2 {
    font-size: 1.2em;
    margin: 0 0 1em;
}
div#content li {
    list-style: none;
    margin: 0; padding: 0.5em;
}
div#content li ul {
    display: none;
}
div#content li:hover ul {
    position: relative;
    left: 40px;
    display: block;
}
div#content li:hover ul li ul {
    position: relative;
    left: 40px;
    display: none;
}
div#content li:hover ul li:hover ul {
    display: block;
}
div#content p {
    font-size:1em;
    margin: 1em 0;
}

div#footer {
/*    position: absolute; */
    bottom: 30px;
    left: 10px;
    right: 10px;
}
hr#footer {
    position: absolute;
    top: 0px;
}

div#contact {
    float: left; width: 8em;
    text-align: left;
}
div #footmiddle {
    position: absolute;
    left: 25%;
    width: 50%;
    text-align: center;
}
div#impressum {
    float: right; width: 8em;
    text-align: right;
}

div#leanpub-toc ul {
    font-size: 0.91em;
    float: left; width: 10em;
    margin: 0; padding: 0;
}
div#leanpub-toc li {
    list-style: none;
    margin: 0; padding: 0.5em;
}
div#leanpub-toc li ul {
    display: none;
}
div#leanpub-toc li:hover ul {
    position: relative;
    left: 40px;
    display: block;
}
div#leanpub-toc li:hover ul li ul {
    position: relative;
    left: 40px;
    display: none;
}
div#leanpub-toc li:hover ul li:hover ul {
    display: block;
}
div#leanpub-toc a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
}

div#sidebar {
    position: absolute;
    top: 40px;
    left: 0;
    margin-left: 0;
}
div#sidebar ul {
    font-size: 0.91em;
    float: left; width: 10em;
    margin: 0; padding: 0;
}
div#sidebar li {
    list-style: none;
    margin: 0; padding: 0.5em;
}
div#sidebar li ul {
    display: none;
}
div#sidebar li:hover ul {
    position: relative;
    left: 40px;
    display: block;
}
div#sidebar li:hover ul li ul {
    position: relative;
    left: 40px;
    display: none;
}
div#sidebar li:hover ul li:hover ul {
    display: block;
}
div#sidebar a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
}
div#sidebar a:link {
    color: black; background-color: #eee;
}
div#sidebar a:visited {
    color: #666; background-color: #eee;
}
div#sidebar a:hover {
    color: black; background-color: white;
}
div#sidebar a:active {
    color: white; background-color: gray;
}

.pagecloud {
    float: right;
    width: 30%;
    text-align: center;
    padding: 10px 10px;
    border: 1px solid #aaa;
    background: #eee;
    color: black !important;
}
.smallestPC { font-size: 70%; }
.smallPC { font-size: 85%; }
.normalPC { font-size: 100%; }
.bigPC { font-size: 115%; }
.biggestPC { font-size: 130%; }

.small { font-size: 12px; }
.large { font-size: 20px; }

/*
.toc .L2 { list-style: none; }
.toc .L3 { list-style: none; }
.toc { padding: 0.5em; }
*/