/*  Auflösen der Floats ohne MarkUp | http://jassesnee.de/easyclear/
    Das bitte nicht verändern.
*/

.clr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* clearfix   */
.clr{ display: inline-block }
* html .clearfix { height: 1% }

/* Hides from IE-mac \*/
* html .clr{height: 1%;}
.clr{display: block;}
/* End hide from IE-mac */

.clrboth{ clear:both; }


/* Ab hier kann man das Formular bearbeiten  */

/* Der Container */
div#newsletter
{
    font-family: arial,helvetica,sans-serif;
    font-size: 80%;

    background-color: #3C5F5B;
    color: #EEE;
}

div#newsletter fieldset{ padding:10px;margin:2px }
div#newsletter div.formzeile{ margin-bottom: 6px}

div#newsletter input
{
    width: 100%;
    padding: 1px;
    border:1px solid #FFF;
}

div#newsletter div.label,
div#newsletter div.input
{
    float:left;
}
div#newsletter div.formzeile div.label{ width: 30%; }
div#newsletter div.formzeile div.input{ width: 69%; }

div#newsletter input.plz{ width: 40px; }
div#newsletter input.ort{ width: 100px; }

div#newsletter table
{
    background-color: #3C5F5B;
    color: #EEE;
    font-size:100%;
}
div#newsletter table#tabelle td
{
    background-color: #3C5F5B;
    border:none;
    color: #EEE;
    font-size:100%;
    vertical-align:bottom
}
div#newsletter span.required_error{ color:#F00 }

div#newsletter div.meldung
{
    color:#EEE;
    background-color:#014EA6;
    padding:10px;
    border:1px solid #CCC;
}