/* for IE < 9 with love */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
{
    display: block;
}

body
{
	max-width: 960px;
	margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    overflow-y: scroll;
}

pre 
{
    background-color: #F5F5F5;
    border: 1px solid lightgray;
    border-radius: 1em;
    line-height: 1.6em;
    font-family: "Lucida Console", Monaco, monospace;
    font-size: small;
    padding: 1em;
    white-space: pre-wrap;
    word-wrap: break-word;
}

small
{
    white-space: pre-wrap;
}

a
{
    color: #0088CC;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.top
{
    border-radius: 1em;
    position: relative;
    width: 100%;
    height: 198px;
    margin-top: 0.5em;
    line-height: 1em;
	background-image: url("data/hoevenstein.jpg");
}

.top nav
{
    position: absolute;
    bottom: 0px;
    left: 20px;
    line-height: 30px;
    background-color: transparent;
}

.top nav a
{
    border-radius: 5px;
    border: 1px solid white; 
    padding: 10px;
    font-weight: bold;
    background-color: green;
}

.top .active
{
    color: black;
    background-color: white;
    border: 1px solid green; 
}

.top h1
{
    position: absolute;
    top: 0px;
    left: 20px;
    line-height: 1.2em;
    padding: 10px 20px;
    border-radius: 5px;
    color: green;
    border: 1px solid black;
    background-color: white;
    opacity: 0.6;
}

.top h1 a
{
    opacity: 1;
    color: black;
}

.top a
{
    color: white;
}

.top nav a:hover
{
    color: black;
    background-color: white;
    border: 1px solid green;
}

section 
{
    margin-top: 3em;
}

article header 
{
    position: relative;
    margin-top: 3em;
    border-bottom: 2px solid lightgray; 
}

article nav
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

footer
{
    position: relative;
    margin: 3em 0em 2em;
}

footer nav
{
    border-bottom: 2px solid lightgray; 
    height: 1.4em;
}

footer .right
{
    position: absolute;
    right: 0px;
}

form
{
    position: relative;
    margin-bottom: 1.5em;
    min-height: 2em;
}

form span
{
    position: absolute;
    right: 1.5em;
    bottom: -0.5em;
}

form pre
{
    border-radius: 0em;
}

form label
{
    display: block;
    margin: 0.5em 0em;
    border: 0px;
    padding: 0px 12px 0px 0px;
}

input[type=text]
{
    border: 1px solid lightgray;
    padding: 5px;
}

fieldset
{
    border: 1px solid lightgray;
}

fieldset pre
{
    background-color: white;
    border: none;
    margin: 0;
}

legend
{
    padding: 0em 0.5em;
}

textarea
{
    width: 100%;
    margin: 0px; 
    border: 1px solid lightgray;
    padding: 16px 5px;
}

/*
    CSS for codehilite

    The code below was generated with the command:

        pygmentize -S default -f html > codehilite.css
*/

.hll { background-color: #ffffcc }
.c { color: #408080; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #008000; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #408080; font-style: italic } /* Comment.Multiline */
.cp { color: #BC7A00 } /* Comment.Preproc */
.c1 { color: #408080; font-style: italic } /* Comment.Single */
.cs { color: #408080; font-style: italic } /* Comment.Special */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #008000 } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #B00040 } /* Keyword.Type */
.m { color: #666666 } /* Literal.Number */
.s { color: #BA2121 } /* Literal.String */
.na { color: #7D9029 } /* Name.Attribute */
.nb { color: #008000 } /* Name.Builtin */
.nc { color: #0000FF; font-weight: bold } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: #AA22FF } /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: #0000FF } /* Name.Function */
.nl { color: #A0A000 } /* Name.Label */
.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv { color: #19177C } /* Name.Variable */
.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #666666 } /* Literal.Number.Float */
.mh { color: #666666 } /* Literal.Number.Hex */
.mi { color: #666666 } /* Literal.Number.Integer */
.mo { color: #666666 } /* Literal.Number.Oct */
.sb { color: #BA2121 } /* Literal.String.Backtick */
.sc { color: #BA2121 } /* Literal.String.Char */
.sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.s2 { color: #BA2121 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BA2121 } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BA2121 } /* Literal.String.Single */
.ss { color: #19177C } /* Literal.String.Symbol */
.bp { color: #008000 } /* Name.Builtin.Pseudo */
.vc { color: #19177C } /* Name.Variable.Class */
.vg { color: #19177C } /* Name.Variable.Global */
.vi { color: #19177C } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */