/*
Standard-Formatierung Formulare auf 3pworx.com
Autor: Patrick F�rg
v1.0
*/

form, input, textarea {
text-align: left;
color: #000000;
}

fieldset {
color: #000000;
border 1px solid #777777;
padding: 10px;
}

legend {
padding: 1px 4px;
font-weight: bold;
color: #000000;
}

label {
display: block;
text-align: left;
font-weight: normal;
color: #000000;
}

input {
display: block;
width: 300px;
float: clear;
border: none;
background-color: #DDDDDD;
padding: 2px;
margin-bottom: 5px;
}

textarea {
width: 300px;
height: 50px;
border: none;
background-color: #DDDDDD;
margin-bottom: 5px;
padding: 2px;
}

.reset {
float: left;
width: 145px;
margin-right: 10px;
border: 1px solid #777777;
}

.submit {
float: left;
width: 145px;
border: 1px solid #777777;
}

.submit_2 {
float: left;
width: 304px;
border: 1px solid #777777;
}

.submit_l {
float: left;
width: 145px;
margin-right: 10px;
border: 1px solid #777777;
}

#plz {
float: left;
width: 60px;
margin-right: 10px;
}

#ort {
width: 300px;
}

#label_plz {
float: left;
width: 60px;
margin-right: 15px;
}

#label_ort {
margin-left: 10px;
float: clear;
width: 190px;
}

#label_checkbox {
display: inline;
}

#nat_person, #jur_person, #ee_erzeuger, #beg_mitglied, #sonstige_motivation, #beg, #beg_weitere, #be_netzwerk, #sonstige_organisation  {
display: inline;
width: 20px;
padding: 2px;
}

p .form {
float: left;
clear: left;
width: 100%;
}

#hiddenfields {
visibility: hidden;
line-height: 0;
height: 0px;
margin: 0px;
padding: 0px;
}

.error {
color: #FF3D33;
font-weight: bold;
}


/* Checkbox gestylt */
div.checkbox {
    width: 100%;
    margin: 15px auto 30px auto;
    position: relative;
    display: block;
}
.checkbox input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
}
.checkbox label {
    position: relative;
}
.checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 18px;
    height: 18px;
    transition: transform 0.28s ease;
    border:none;
    background-color: #dddddd;
}
.checkbox label:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 8px;
    left: 7px;
}
.checkbox input[type="checkbox"]:checked ~ label::before {
    color: #000000;
}
.checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

.checkbox label {
    min-height: 34px;
    display: block;
    padding-left: 40px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    vertical-align: sub;
}
.checkbox label span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: 0;
}
.checkbox p {
    margin-left:40px;
}