/* forms */

form fieldset {
	border:none;
	padding:0;
}

form legend {
	padding:10px 0 10px 0;
	margin:0;
	/*font-family: Open Sans Condensed, Arial, serif; font-weight: 400; */
	font-family:arial, verdana;
	letter-spacing:2px;
	font-size:16px;
	display:block;
	width:100%;
}

form .input{
    margin:2px 0 0 0;
    padding:10px;
    overflow:hidden;
}

form .input label{
    width:150px;
    float:left;
    text-align:right;
    margin-right:15px;
    line-height:26px;
    /*font-weight:bold; */
}
form .input.text input,
form .input.select select,
form .input.textarea textarea,
form .input.password input {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 400px;
    float:left;
    color: #222;
}

form .input.select select {
	width:400px;
}

/* multiple selectboxes */
#CategoryCategory {
	height:150px;
}

form textarea {
	height:150px;
}

#send_pdf_form form .input.textarea textarea {
	height:50px;
	width:400px;
}


form div.submit{
	margin-top:10px;
}

form button,
form div.submit input {
	border:none;
	outline:none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: block;
    cursor:pointer;
    clear:both;
    padding: 5px 30px 5px 30px;
    font-weight:normal;
    font-family:Arial, verdana, sans-serif;
    font-size:16px;
	width:auto;
}

.loginbox form .input {
	width:440px;
}

.loginbox form .submit {
	float:left;
}

.loginbox h1 {
	float:left;
}

.loginbox .error {
	float:right;
	width:300px;
}

form legend {
	color:#fff;
}

form .input{
	/*background: url(../../../img/stripes_mediumgrey.png); */
/*	background:#ccc; */
}

form .input label{
    color:#555;
/*	text-shadow: 1px 1px 0px #fff; */
}

form .input.text input,
form .input.select select,
form .input.textarea textarea,
form .input.password input {
    background: #ffffff;
    border: 1px solid #ddd;
}

form .input.text input:focus,
form .input.textarea textarea:focus,
form .input.password input:focus {
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #E0DEDE;
    background-color:#EDEDED;
}

form button,
form div.submit input {
    color: #ffffff;
    /*
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    */
	background:#000;
	margin-top:10px;
}

form button:hover,
form div.submit input:hover {
    background:#333;
}

form .input.text input.error,
form .input.select select.error,
form .input.textarea textarea.error,
form .input.password input.error {
    border:1px solid #FCA6A6;
}

/* contactform */
#contactform_wrapper #errormessage {
	display:none;
	color: #990000;
	margin:10px 0 20px 170px;
	font-size:11px;
	text-align: left;
}

#contactform_wrapper #errormessage  p {
	display: inline;
	margin:0 10px 0 0;
}

/* category login */

#UserCategoryLoginForm {
	margin-top:30px;
}

#UserCategoryLoginForm .input label {
	float:none;
}

#UserCategoryLoginForm .input {
	padding:0;
	width: auto;
} 

#UserCategoryLoginForm .input.password input {
	float:none;
}


#registerForm .input.medium.text input {
	width: 70px;
}

#contactform_wrapper {
	width: 100%;
    max-width: 800px;
    margin: auto;
    margin-top: 30px;
}

#contactform_wrapper .contactform_body {
	padding-top: 5px;
}

#contactform_wrapper #kontaktform_submit {
	margin-left:477px;
}

#contactform_wrapper.formcontainer_top_center,
#contactform_wrapper.formcontainer_center {
	margin: auto;
	margin-top: 30px;
}

#contactform_wrapper.formcontainer_top_center #contactform,
#contactform_wrapper.formcontainer_center #contactform ,
#contactform_wrapper.formcontainer_top_right #contactform {
	float: left;
}

#contactform_wrapper.formcontainer_top_left,
#contactform_wrapper.formcontainer_left {
/*	float: left; */
}

#contactform_wrapper.formcontainer_top_right,
#contactform_wrapper.formcontainer_right {
/*	float: right; */
}

#contactform_wrapper.formcontainer_top_center .contactform_body,
#contactform_wrapper.formcontainer_center .contactform_body {
	float: right;
	text-align: left;
}

#contactform_wrapper.formcontainer_top_left .contactform_body,
#contactform_wrapper.formcontainer_left .contactform_body,
#contactform_wrapper.formcontainer_top_right .contactform_body {
/*	float: right; */
}

#contactform_wrapper.formcontainer_top_right,
#contactform_wrapper.formcontainer_right {
/*	float: right; */
}


/*
 * responsive contactform
 */

div {

}

.wrapper_col {
    width: 100%;
}

.wrapper_col .form_col {

}

.form_row {
    width: 100%;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: left;
}

.form_row .input_col input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    color: #000;
}

.form_row .input_col textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    color: #000;
}

.form_row .label_col {
    float: left;
    width: 30%;
    text-align: left;
}

.form_row .input_col {
    float: left;
    width: 70%;
}

.error {
    font-size: 0.7em;
}

#contactForm p.error {
	font-size: 11px;
    background: #af0000;
    color: #fff;
    padding: 5px;
}

/*
 * has user text
 */


.has_user_text .wrapper_col .form_col {
    width: 70%;
    float: left;
}

.contactform_body_col {
    float: right;
    box-sizing: border-box;
    width: 30%;
    padding-left: 30px;
    text-align: left;
}

#contactForm button, 
#contactForm .button {
    /*background: #000 !important;*/
    background: #555 !important;*
    border: none !important;
    color: #fff !important;
}

#contactForm button {
    margin-top: 20px;
}

#contactForm button[disabled=disabled], 
#contactForm button:disabled {
    /*background: #000 !important;*/
    background: #555 !important;*
    opacity: 0.8 !important;    
}

@media (max-width: 1200px) {
    .contactform_body_col {

    }
}

@media (max-width: 680px) {
    .contactform_body_col {
        float: none;
        width: 100%;
        padding-left: 0px;
        margin-bottom: 30px;
    }

    .has_user_text .wrapper_col .form_col {
        width: 100%;
        float: none;
    }

}