@charset "utf-8";

/******************************************************************************
*
* CSS-Definitionsdatei
*
*******************************************************************************/


/******************************************************************************
* Farben:
*
* #333300;  Dunkelbraun
* #666633;  Pastellbraun
* #552200;  Rotbraun
* #885500;  Mittelbraun
* #FFFF00;  Knallgelb
* #FFEE00;  Sonnengelb
* #FEFEC8;  Hellgelb
* #FF6600;  Orange
* #FF3300;  Rot
* #993300;  Rostrot
* #CC6633;  Pfirsich
* #FFCCAA;  Schweinchenrosa (Apricot?)
* #336633;  Dunkelgruen
* #99CC99;  Pastellgruen
* #CCCCFF;  Hellblau
* #3333FF;  Knallblau
* #9999FF;  Marineblau
*
* #000000;  Schwarz
* #FFFFFF;  Weiss
*******************************************************************************/


/******************************************************************************
* Formulare
*******************************************************************************/

input {
    filter: none;
}

input.text,
input.contact,
input[type=checkbox],
textarea {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 1px;
}

input.error,
textarea.error {
    border: 1px solid #F00;
    background-color: #FFF;
    padding: 1px;
}

button {
    border: 0;
}

button.buttonbig {
    background-color: #CB1A22;
    border-width: 3px;
    border-style: outset;
    border-color: #C22;
    color: #FFF;
    cursor: pointer;
    font-size: 12pt;
    font-weight: bold;
}

textarea {
    width: 400px;
}

label,
select,
button,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
    cursor: pointer;
}


/******************************************************************************
* Tabellen Formulare
*******************************************************************************/

table.form {
    width: 100%;
}

table.form td {
    padding: 2px 0px;
}

table.form tr.lastname {
    position:absolute;
    top:-9999px;
    width:1px;
    height:1px;
    visibility:hidden;
}

table.form td.contact {
    color: #444;
    font-weight: bold;
    padding-right: 0.5em;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 25%;
}

table.form td.input {
    color: #444;
    padding-bottom: 5px;
    width: 75%;
}


/******************************************************************************
* Formularergebnisse
*******************************************************************************/

p.error {
    font-weight: bold;
}

p.formresult {
    color: #444;
}

hr {
    max-width: 600px;
    height: 2px;
}