/* Ergaenzungsstyle fuer das komplexe Formular,
   nutzt ansonsten private.design */

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

fieldset {
    margin: 2em 0;
    border: 4px solid #E7E7E7;
    border-bottom: none;
    padding: 0;

    background-image: url(http://privat.technikum29.de/src/private.design/body.bg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

fieldset .abstract {
    /* Die Kurzzusammenfassung nur zusammengeklappt anzeigen */
    display: none;
}

fieldset.shown h3 {
    display: block;
    border-bottom: 4px solid #E7E7E7;
    padding: 8px;

    font-weight: bold;
    font-size: 130%;
    margin: 0;
    background-color: #E7E7E7;
}

fieldset .content {
    margin: 30px;
}

.box {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #aaa;
    background-color: #fff;
}

table.box {
    border: none;
    background: none;

    border-spacing: 10px;
}

table.box td {
    border: 1px solid #aaa;
    background-color: #fff;
    vertical-align: center;
    text-align: center;
    padding: 10px;
}

/* Ein/Ausklappeffekt, durch JS eingeleitet */

fieldset.hidden {
    border: none;
    background: transparent;
    margin: 0.1em 0;
    padding: 0;
    border-bottom: 4px solid #e7e7e7;
    cursor: pointer;
}

fieldset.hidden:hover {
    background-color: yellow;
    border-color: blue;
}

fieldset.hidden .content {
    display: none;
}

fieldset.hidden h3 {
    display: inline;
    float: left;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    text-align: right;
    width: 30%;
    padding-right: 1.4em;
    border: none;
}

fieldset.hidden .abstract {
    display: inline;
}

#ausklapp-info p {
    clear: both;
    text-align: center;
}

/* Formularelemente */
textarea {
    width: 100%;
}

.color-tester {
    /* armes Opferelement, welches die eingegebenen Farben anzeigen darf. */
    width: 5em;
    border: 1px solid black;
    display: inline;
    margin-left: 1em;
    padding: 0 3em;
}

input.submit {
    padding: 10px;
    font-weight: bold;
    background-color: yellow;
}


/* Und noch auf der ausgebenden Seite */
.big-error, .big-warning, .big-okay {
    padding: 2em;
    margin: 1em 0;
    font-weight: bold;
    background-color: #FFD3D3;
    border: 1.3em solid #f00;
}

.big-warning {
    border: 1.3em solid #fd0;
    background-color: #FFF5B4;
}

.big-okay {
    border: 1.3em solid #15FF00;
    background-color: #ACFFAD;
}