body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    min-width: 800px;
}

p.headline {
    font-size: 2.4em;
    margin: 0.3em 0;
    font-weight: blod;
}

p.subtext {
    font-size: 1.7em;
    margin: 10px 0;
    font-weight: blod;
}

span.spline {
    color: red;
}

#header {
    text-align: center;
}

#header table {
    margin: 0 auto;
}

div#title {
    background: #9cf;
    font-size: 1.8em;
    font-weight: blod;
    padding: 5px 0;
    text-align: center;
}

.small {
    font-size: 0.8em;
}

#footer {
    font-size: 0.9em;
    text-align: center;
}

div.info, div.create {
    margin: 2em auto;
}

div.info {
    width: 50%;
}

div.create {
    width: 70%;
}

div.header {
    background: #fff0d0;
    padding: 0.2em;
}

div#status .ok {
    color: green;
}

div#status {
    text-align: center;
}

div#status span {
    font-size: 2em;
}

div.create li {
    margin: 1em 0;
}

div.create li li {
    margin: 0;
}

form table {
    width: 80%;
    margin: 0 auto;
}

form td, form th {
    padding-top: 1em;
}

form th {
    text-align: right;
    font-weight: normal;
    vertical-align: top;
    padding-right: 1em;
    width: 40%;
}

form .wrong {
    display: block;
    font-weight: normal;
    color: red;
    margin-top: 0.2em;
}

input {
    width: 20em;
}

input.submit {
    width: 10em;
    margin: 1em auto 0;
    padding: 0.4em;
    display: block;
    font-weight: bold;
}

div#info.create {
    text-align: center;
}

div#info.create .header {
    text-align: left;
    margin-bottom: 1em;
}