html {
    font-size:   100%;
    line-height: 1.44;
    font-family: Verdana,Tahoma,Arial,sans-serif;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
a,input {
/*    transition: all .15s ease; */
}
body {
    animation: fadein .35s;
}
/*
*/
body,div,img,p,h1,hr,form,input,textarea,label,ul,li,blockquote,table,td,td {
    color: #000000;
}
a, i, b {
    font-size:   inherit;
    line-height: inherit;
}
table {
    border-collapse: collapse;
}
td {
    vertical-align: top;
}
a {
    border:0;
    margin:0;
    padding:0;
    text-decoration: none;
    color:#007700;
}
a:hover {
  text-decoration: none;
  color: #229922;
}
p {
    padding-bottom: 20px;
}
p.quote {
    padding: 2em;
}
pre {
    padding: 1em;
    background: #e2f4ca;
}
/*
  FORMS: GENERELL
*/
form div, input, label {
    line-height: 1.7;
}
form {
    width:   460px;
    border:  solid black 1px;
    padding: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}
form div {
    padding-top: 7px;
    padding-bottom: 0px;
}
input, select, textarea {
    float: right;
    background: #f3f3f1;
    border: solid #d6d6f4 1px;
    height: 24px;
    width: 55px;
    padding-left:  5px;
    padding-right: 5px;
}
select {
    width: 65px;
    padding-right: 0px;
    padding-top: 1px;
    height: 26px;
}
input[type="submit"],
input[type="reset"] {
    float: none;
    text-align: center;
    border: solid #878784 1px;
}
form br {
    clear:both;
}
form hr {
    border:0;
}
input:focus, select:focus, textarea:focus {
    border:#e0e0d0 solid 1px;
    background:#ebebe8;
}
input[type="submit"]:focus,
input[type="submit"]:hover {
    background:#b5d08d;
}
/*
   MAIN LAYOUT
*/
body {
    background-color: #ffffff; /* #fff1cc; */
}
div.main {
    background: #ffffff;
    margin-left:  auto;
    margin-right: auto;
    margin-top:   1em;
    margin-bottom: 3em;
    width: 792px;
}
div.head {
    text-align: center;
}
div.foot {
    clear: both;
    padding-top: 2em;
    text-align: justify;
    font-size: 83%;
}
div.validator {
    padding-top: 2em;
    text-align: center;
}
div.nav_foot {
    color: #229922;
    text-align: right;
    font-size: 83%;
    padding-top: 2em;
}
/*
   SIGN PAGE (DOUBLE COLUMN)
*/
div.postulat {
    margin-top: 2em;
    height: 122px;
    background: url(/image/postulat_bg.jpg) left top no-repeat #fff1cc;
}
div.postulat img.left {
    float: left;
}
div.body_double {
    margin-top: 2em;
}
div.postulat div.text {
    float: left;
    text-align: center;
    width: 422px;
    padding-top:1em;
    font-weight:bold;
}
div.lcol {
    float: left;
    width: 480px;
}
div.rcol {
    float: right;
    width: 262px;
    background: #e2f4ca;
    padding: 1em;
    padding-bottom: 0;
}
div.rcol p {
    text-align:justify;
    font-size:83%;
}
/*
   FORM: SIGN / INVITE
*/
form.invite {
    margin-left:  auto;
    margin-right: auto;
}
form.invite input {
    width: 300px;
}
form.sign {
    min-height: 512px;
}
form.sign p.quote {
    padding-right: 0px;
}
div.sign__invalid input,
div.sign__invalid select,
div.sign__invalid textarea,
div.invite__invalid input,
div.invite__invalid textarea {
    background: #ff8844;
}
div#div_sign__submita,
div#div_sign__submitb,
div#div_invite__submit {
    margin-top: 1em;
    text-align: center;
}
div#div_sign__submita input,
div#div_sign__submitb input,
div#div_invite__submit input {
    width: 180px;
    height: 30px;
    float: none;
    cursor: pointer;
}
div#div_sign__submita {
    margin-top:16px;
}
div#div_invite__submit,
div#div_sign__submita,
div#div_sign__submitb {
    padding:0px;
    background:#e2f4ca;
}
form.sign p {
    padding-top:20px;
    padding-left:20px;
}
/*
   sign special input layout 
*/
div#div_sign_gender,
div#div_sign_firstname,
div#div_sign_street,
div#div_sign_plz {
    float: left;
}
form.sign input {
    float: right;
}
div#div_sign_street,
div#div_sign_plz,
div#div_sign_email,
div#div_sign_email2,
form hr {
    clear: both;
}
div#div_sign_gender {
    width: 220px;
}
div#div_sign_title input {
    width: 220px;
}
div#div_sign_firstname {
    width: 300px;
}
div#div_sign_firstname input {
    width:135px; 
}
div#div_sign_lastname input {
    width: 140px;
}
div#div_sign_street {
    width: 380px;
}
div#div_sign_street input {
    width: 215px;
}
div#div_sign_streetno input {
    width: 60px;
}
div#div_sign_plz {
    width: 220px;
}
div#div_sign_city input {
    width: 220px;
}
div#div_sign_email input,
div#div_sign_email2 input {
    width: 295px;
}
div#div_sign_info  {
    padding-left: 150px;
}
div#div_sign_info input {
    float: left;
    border: 0px;
    background: #ffffff;
    width: 15px;
    padding: 0px;
}
div#div_sign_info label {
    float: right;
    display: block;
    width: 280px;
    font-size: 10px;
}
/*
   BODY SINGLE
*/
div.body_single {
    padding: 20px;
    line-height: 20px;
}
div.body_single p {
    text-align: justify;
    padding-left: 0px;
}
h1 {
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    background: #fff1cc;
}
table {
    line-height: 20px;
}