.dfform-container{color:#FFF;text-decoration:none;vertical-align:middle;min-width:320px;}
.signup{width:620px;}
.input-container{font-weight:bolder!important;background:#191919;padding:14px;color:#fff;border-color:#A6A6A6;font-size:12px;}
.boxheadline{margin:10px;text-align:center;background:#191919!important;padding-top:28px;font-size:14px}
.boxheadline span {font-size: 15px; font-weight:bolder!important; color:#f69381;}
.dfform-field{width:87%!important;border:1px solid #A6A6A6!important;background:#fff;padding:8px!important;margin-bottom:5px!important;color:#000}
.dfform-field:focus{background:#fffff}
.dfform-container h2{font-size:18px;margin:0 0 10px;text-align:center}
.dfform-title{margin-top:1px;font-size:12px}
.dfsubmit-container{margin:8px 0;text-align:right;width:100%}
.mySubmitButton{font-size:14px;line-height:36px;border: 1px solid #FFFFFF!important;background:#f69381!important;-webkit-border-radius:7;-moz-border-radius:7;border-radius:7px;color:#fff;text-decoration:none;width:100%;vertical-align:text-bottom!important}
.dferror{clear:both;color:red;font-size:90%;font-weight:bolder!important;line-height:22px;}
#dfsignup{display:none}
#signup_close{position:absolute;right:-12px;top:-17px;background-color:#FFF;-webkit-border-radius:200px;border-radius:200px}
.well{margin-bottom:20px!important;padding:1px!important;background-color:#191919!important;border:1px solid #c9c8c8!important;border-radius:1px!important}
.form_right img{width:100%}
.form_left{width:320px!important;float:left;min-height:300px}
.form_right{width:290px!important;float:right;min-height:300px}
.formnav{width:100%;line-height:30px}
.libtn{display:inline;text-align:center;width:120px;float:left;background:#333232}
.subtn{text-align:center;width:auto!important;background:#f69381}
#signupL{float:left;cursor:pointer}
#loginL{float:left;display:none;cursor:pointer}
#field_sm{margin-top:10px}
#field2_pw{margin-top:10px}
#field_un span:before{background:url("../img/profile.png") no-repeat center #333232;border:inset 6px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#field_sm span:before{background:url("../img/email.png") no-repeat center #333232;border:inset 3px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#field2_un span:before{background:url("../img/profile.png") no-repeat center #333232;border:inset 6px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#field2_pw span:before{background:url("../img/locked.png") no-repeat center #333232;border:inset 5px transparent;background-size:contain;box-sizing:border-box;content:""!important;display:block!important;width:34px!important;height:36px!important;float:left!important}
#tos_register{color:#8b8989;width:10px!important;height:10px!important;transform:scale(1.5);margin-right:5px}
#tos{color:#8b8989;padding-top:11px;padding-bottom:8px;}
#tos a,#tos a:visited{color:#8b8989}
.form_left { min-height:388px; position:relative;}
.loginfo{position: absolute;bottom:0;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:5px}
.signupinfo{position: absolute;bottom:0;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:5px}
.libtn2{font-size:16px;line-height:32px;cursor:pointer}
.libtn2 img{width:34px!important;height:30px!important}
.subtn2{font-size:16px;line-height:32px;cursor:pointer}
.subtn2 img{width:34px!important;height:30px!important}
#erfolg{line-height:normal;display:none;padding:10px;font-size:18px;color:#056029;background-color:#fccf2c}
#fehler{display:none;padding:10px;font-size:18px;color:#CF0C0F;background-color:#fccf2c}
.myButton{border: none;line-height: 30px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 #6A6A6A;background-color:#c0a256;display:inline-block;cursor:pointer;color:#FFF;font-family:Helvetica;font-size:15px;font-weight:700;padding:2px 24px;text-decoration:none}
.myButtonGrau{float: none!important;border: none;line-height: 30px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 #6A6A6A;background-color:#e6e6e7;display:inline-block;cursor:pointer;color:#272401;font-family:Helvetica;font-size:15px;font-weight:700;padding:2px 15px;text-decoration:none}
.myButton:hover{background-color:#363636;color:#FFF}
.myButton:active{position:relative;top:1px;color:#FFF}
#semail { font-weigt: bold; color: #F12B00; font-size: 18px; }

@media only screen and (max-width : 767px) { 
 .form_right {display:none; }
 .dfform-container{float:inherit; }
}

@media only screen and (max-width : 480px) {
 #myButton{ font-size:16px; }
}