.dfform-container{color:#FFF;text-decoration:none;vertical-align:middle;min-width:320px;}
.signup{width:620px;}
#dfsignup{display:none;}

.input-container{font-weight:bolder!important;background:#191919;padding-top:2px!important;padding:14px;color:#fff;border-color:#A6A6A6;font-size:12px;}
.boxheadline{margin:10px;text-align:center;background:#191919!important;padding-top:15px;font-size:15px;line-height:20px;}
.boxheadline span {font-size: 15px; font-weight:bolder!important; color:#ffffff;}
.dfform-field{width:87%!important;border:1px solid #A6A6A6!important;background:#fff;padding:9px!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%;}
#signup_close{position:absolute;right:-12px;z-index: 100;top:-17px;background-color:#b3b3b3;-webkit-border-radius:200px;border-radius:200px;}
#signupL{float:left;cursor:pointer;}
#loginL{float:left;display:none;cursor:pointer;}

.well{margin-bottom:20px!important;padding:1px!important;background-color:#191919!important;border:1px solid #333132!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:40px;}
.form_left { min-height:388px; position:relative;}
.loginfo{bottom: -1px!important;position: absolute;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:12px;}
.signupinfo{bottom: -1px!important;position: absolute;color:#c9c8c8;background-color:#333232!important;width:100%!important;text-align:center;min-height:65px;padding-top:12px;}

.mySubmitButton {border: none;font-size:16px;line-height:36px;background:#333232!important;-webkit-border-radius:2;-moz-border-radius:2;border-radius:2px;color:#fff;text-decoration:none;width:100%;vertical-align:text-bottom!important;}
.SignupButton {border: none;font-size:16px;line-height:36px;background:#358ff0!important;-webkit-border-radius:2;-moz-border-radius:2;border-radius:2px;color:#fff;text-decoration:none;width:100%;vertical-align:text-bottom!important;}
.libtn{display:inline;text-align:center;width:120px;float:left;background:#333232;}
.subtn{text-align:center;width:auto!important;background:#e71213;}
.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;}

#field_sm{ margin-bottom:10px;}
#field2_pw{ margin-bottom:10px;}
#field_un{ margin-bottom:10px;}
#field2_sm{ margin-bottom:10px;}
#field2_un{ margin-bottom: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;}
#tos a, #tos a:visited{color:#8b8989;}
.dferror{clear:both;color:#f54040;font-size:100%;font-weight:bolder!important;line-height:22px;}
#erfolg{line-height:normal;display:none;padding:10px;font-size:18px;color:#ffffff;background-color:#191919;}
#fehler{display:none;padding:10px;font-size:18px;color:#CF0C0F;background-color:#191919;}
#semail { font-weigt: bold; color: #f54040; font-size: 28px;}

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