@media handheld, print, screen {

/* Position und Grundeigenschaften des Formulars definieren */
#main .ce_form.form-css3 {
    margin:0 0 0 80px;
    padding:20px 0 0 20px;
    font-family:verdana,arial,sans-serif;
}

/* Fieldsets definieren */
#main .ce_form.form-css3 fieldset {
    width:80%;
    margin:0 0 30px;
    padding:10px;
    border:1px solid #dfdfdf;
    border-radius:0;
}

/* Fieldset Legenden definieren */
#main .ce_form.form-css3 fieldset legend {
    margin:-8px 0 0 -5px;
    padding:0 5px;
    font-size:1.2em;
    font-weight:bold;
    color:#999;
    letter-spacing:.1em;
}

/* Labels definieren */
#main .ce_form.form-css3 label {
    display:block;
    padding:10px 0 4px;
    font-size:1.2em;
    font-weight:bold;
    color:#999;
}

/* einzeilige Textfelder definieren */
#main .ce_form.form-css3 .text {
    width:300px;
    margin:0 0 4px;
    padding:6px;
    border:1px solid #efefef;
    font-size:1.3em;
    /* Gecko-Browser (Firefox) */
    	-moz-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* Webkit-Browser (Safari, Chrome) */
    	-webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* allgemein CSS3 */
    	box-shadow:inset 3px 3px 6px #cfcfcf;
}

/* mehrzeilige Textfelder definieren */
#main .ce_form.form-css3 .textarea {
    width:300px;
    height:100px;
    margin:0 0 4px;
    padding:6px;
    border:1px solid #efefef;
    font:1.3em/1.6 verdana,arial,sans-serif;
    /* Gecko-Browser (Firefox) */
    	-moz-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* Webkit-Browser (Safari, Chrome) */
    	-webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* allgemein CSS3 */
    	box-shadow:inset 3px 3px 6px #cfcfcf;
}

/* Captcha-Feld definieren */
#main .ce_form.form-css3 .captcha {
    width:100px;
    margin:0 0 4px;
    padding:6px;
    border:1px solid #efefef;
    font-size:1.2em;
    /* Gecko-Browser (Firefox) */
    	-moz-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* Webkit-Browser (Safari, Chrome) */
    	-webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
    /* allgemein CSS3 */
    	box-shadow:inset 3px 3px 6px #cfcfcf;
}

/* Captcha Textbeschreibung definieren */
#main .ce_form.form-css3 .captcha_text {
    margin:0;
    padding:0 0 0 20px;
    font-size:1.3em;
}

/* Absendeknopf definieren */
#submit {
    width:310px;
    height:30px;
    margin:10px auto 10px 0;
    padding:5px 0;
    border-radius:6px;
    font-size:1.6em;
    color:#777;
    text-transform:uppercase;
    letter-spacing:.5em;
    text-shadow:1px 1px 1px #fff;
    border:none;
    /* Gecko-Browser (Firefox) */
    	-moz-border-radius:6px;
    -moz-box-shadow:1px 1px 1px #888;
    /* Webkit-Browser (Safari, Chrome) */
    	-webkit-border-radius:6px;
    -webkit-box-shadow:1px 1px 1px #888;
    /* allgemein CSS3 */
    	box-shadow:1px 1px 1px #888;
    text-shadow:2px 2px 2px #fff;
    background:#cfcfcf;
}

/* Fehleranzeige definieren */
#main .ce_form.form-css3 p.error {
    width:70%;
    margin:10px 0;
    padding:5px 0 5px 10px;
    font-size:1.2em;
    color:#fff;
    background:#f30;
    /* Gecko-Browser (Firefox) */
    	-moz-border-radius:7px;
    /* Webkit-Browser (Safari, Chrome) */
    	-webkit-border-radius:7px;
    /* allgemein CSS3 */
    	border-radius:7px;
}

/* Hoverzustand ein- und mehrzeilige Textfelder definieren */
#main .ce_form.form-css3 .text:hover,
#main .ce_form.form-css3 .textarea:hover {
    border:1px solid #CF9B9B;
    background:#efefef;
}

/* Fokuszustand einzeiliges Textfeld definieren */
#main .ce_form.form-css3 .text:focus {
    width:95%;
    border:1px solid #CF9B9B;
    font-size:2em;
    letter-spacing:.1em;
    font-size:normal;
    background:#efefef;
}

/* Fokuszustand mehrzeiliges Textfeld definieren */
#main .ce_form.form-css3 .textarea:focus {
    width:95%;
    height:200px;
    border:1px solid #CF9B9B;
    font-size:2em;
    font-size:normal;
    background:#efefef;
}

/* anmelde link */
.anmeldung {
    margin-bottom:5px;
    margin-left:auto;
    text-align:right;
    font-weight:bold;
    letter-spacing:2px;
}

/* angemeldet link */
.angemeldet {
    margin-bottom:15px;
    margin-left:auto;
    text-align:right;
    font-weight:bold;
}

/* Anmeldungs box */
.mod_login {
    min-width:200px;
    max-width:200px;
    margin-right:auto;
    margin-left:auto;
    padding:10px;
    background-color:rgba(184,184,184,.6);
    border:2px solid rgba(B63D16,.5);
    border-radius:8px;
    font-weight:bold;
    .submit { background-color: #4CAF50; }
}

/* Anmeldung Event Light 2017 */
div #anmeldung-event-light-2017 {
    margin-right:auto;
    margin-left:auto;
    padding:10px;
    background-color:rgba(184,184,184,.25);
    border:2px solid rgba(B63D16,.5);
    border-radius:8px;
    font-weight:bold;
}

/* Anmeldung Neumitglied */
.ce_form {
    min-width:260px;
    max-width:400px;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    padding:10px;
    background-color:rgba(184,184,184,.6);
    border:2px solid rgba(B63D16,.5);
    border-radius:8px;
    font-weight:bold;
}

/* Adressänderung Aeropens */
div #f5 {
    min-width:260px;
    max-width:400px;
    margin-right:auto;
    margin-left:auto;
    padding:10px;
    background-color:rgba(184,184,184,.6);
    border:2px solid rgba(B63D16,.5);
    border-radius:8px;
    font-weight:bold;
}
}