.mandatory {
    color: #e10000;
    font-weight: bold;
    font-size: 110%;
    padding-left: 1px;
}

.kontakt_error_msg {
    color: red;
}

.kontakt_fieldset {
    width: 600px;
    margin: 0 auto 20px auto;
    border: 0;
    padding: 10px;
/*    margin: 0 20px 20px 20px;*/

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */

    -webkit-box-shadow: 0 0 8px 0;
    -moz-box-shadow: 0 0 8px 0;
    box-shadow: 0 0 8px 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.kontakt_legend {
    font-weight: bold;
    color: #EAEAEA;
/*    float: right;*/
    margin: 3px 10px 10px 0;
    font-size: 30px;
    white-space:normal;
}

.kontakt_label {
    /* label */
    display: block;
    min-width: 200px;
    float: left;
    clear: left;
    font-weight: bold;
    color: #1E5799;
}

.kontakt_fieldwrap {
    text-decoration: underline;
    font-weight: bold;
    color: #1E5799;
    font-style: italic;
    padding: 10px 10px 10px 0;  /**** top, right, bottom, left ***/
}

.kontakt_field {
    width: 100%;
    padding: 3px;
    border: 1px solid #ccc;
    color: #444;

    -webkit-box-shadow: 3px 3px 5px #eee;
    -moz-box-shadow: 3px 3px 5px #eee;
    box-shadow: 3px 3px 5px #eee;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.kontakt_captcha {
    width: 392px;
}

.kontakt_textarea {
    height: 80px;
}

input.kontakt_field:focus {
    background-color: #E5E5E5;
    border: 1px solid white;
    outline: none;
}

input.kontakt_submit {
    text-decoration: none;
    margin: 10px 16px 10px 0;
    border: 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;

    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */

    -webkit-box-shadow: 3px 3px 5px #aaa;
    -moz-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.kontakt_radio_outer,
.kontakt_captcha_outer,
.kontakt_check_outer {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    float: left;
    padding: 3px;
    width: 100%;
}

.kontakt_radio_outer label,
.kontakt_captcha_outer label,
.kontakt_check_outer label {
    color: #444;
}

.kontakt_captchaimage {
    width: 392px;
    margin-top: 10px;
}

div.error {
    background-color: #FFCA4B;
    border: 1px solid #FF8100;
}

.kontakt_field_error {
    background-color: #FFCA4B;
    border: 1px solid #FF8100;
}

#kontakt_fieldwrap_text4 {
    margin-top: 10px;
    display: inline;
}

.atag_datenschutz {
    color: #0073cb;
}

.atag_datenschutz:hover {
    color: #5b5b5b;
    cursor: pointer;
}

span.span_datenschutz {
    text-decoration: none;
    margin-left: 5px;
    display: inline-block;
}

#kontakt_fieldwrap_set2 {
    margin-top: 10px;
}
/* +++++++++ */



/**
 * Confirmation
 */
.kontakt_confirmation {
    clear: left;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */

    -webkit-box-shadow: 0 0 8px 0;
    -moz-box-shadow: 0 0 8px 0;
    box-shadow: 0 0 8px 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.kontakt_confirmation_form {
    float: left;
    margin-top: 20px;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;

    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */

    -webkit-box-shadow: 3px 3px 5px #aaa;
    -moz-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


/* MEDIA QUERIES */

@media only screen and (max-width: 875px) {
    .kontakt_fieldset {
        width: auto;
        margin: 0 20px 20px 20px;
    }
}




















