/*
Title: Creating an HTML5 enhanced responsive-ready contact form, with custom javascript feature detection
Tutorial on: http://www.onextrapixel.com
Author: http://www.toddmotto.com
*/

.left_con_block{
    width: 40%;
	height: auto;
	float: left;
	position: relative;
}


.right_con_block{
    width: 60%;
	height: auto;
	float: left;
	position: relative;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form textarea,
.contact-form button[type="submit"] {

}
.contact-form {
	
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:15px;
	width: 75%;
	margin: 0 auto;
}

.contact-form h3 {
	color:#991D57;
	display:block;
	font-size:28px;
}
.contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
.contact-form label span {
	cursor:pointer;
	color:#991D57;
	display:block;
	margin:5px 0;
	font-weight:900;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="url"],
.contact-form textarea

 {
	width:100%;
	border: 2px solid #ffaa07;
    border-radius: 2px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    height: 22px;
    padding: 3px 10px;
	margin:0 0 5px;
}

.contact-form input[type="text"].eingabefehler,
.contact-form input[type="email"].eingabefehler,
.contact-form input[type="tel"].eingabefehler,
.contact-form input[type="url"].eingabefehler,
.contact-form textarea.eingabefehler


 {

	border: 2px solid #ff0000;
    
}

.res_form select{
	width: 50%;
	border: 2px solid #ffaa07;
    border-radius: 2px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: center;
    height: 30px;
    padding: 3px 10px;
	margin:0 0 5px;

}

.res_form select.eingabefehler

 {

	border: 2px solid #ff0000;
    
}


.contact-form input[type="text"]:hover,
.contact-form input[type="email"]:hover,
.contact-form input[type="tel"]:hover,
.contact-form input[type="url"]:hover,
.contact-form textarea:hover {
	width:100%;
	border: 2px solid #747474;
    border-radius: 2px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
}
.contact-form textarea {
	height:160px;
	max-width:90%;
    padding: 10px;
	margin:0 0 5px;
}

.contact-form input:focus,
.contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

.button_1 {
	padding-top:14px;
	padding-buttom:14px;
}

.contact-form_2 {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:15px 15px 15px 50px;
	width: 90%;
	margin: 0 auto;
}


.contact-form_2 h3 {
	color:#991D57;
	display:block;
	font-size:28px;
}
.contact-form_2 h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
.contact-form_2 label span {
	cursor:pointer;
	color:#991D57;
	display:block;
	margin:5px 0;
	font-weight:900;
}
.contact-form_2 input[type="text"],
.contact-form_2 input[type="email"],
.contact-form_2 input[type="tel"],
.contact-form_2 input[type="url"],
.contact-form_2 textarea {
	width:100%;
	border: 2px solid #ffaa07;
    border-radius: 2px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    height: 22px;
    padding: 3px 10px;
	margin:0 0 5px;
}
.contact-form_2 input[type="text"]:hover,
.contact-form_2 input[type="email"]:hover,
.contact-form_2 input[type="tel"]:hover,
.contact-form_2 input[type="url"]:hover,
.contact-form_2 textarea:hover {
	width:100%;
	border: 2px solid #747474;
    border-radius: 2px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
}
.contact-form_2 textarea {
	height:161px;
	max-width:90%;
    padding: 10px;
	position: relative;
	top: 14px;
}

.contact-form_2 input:focus,
.contact-form_2 textarea:focus {
	outline:0;
	border:1px solid #999;
}

.contact-form_2 input[type="text"],
.contact-form_2 input[type="email"],
.contact-form_2 input[type="tel"],
.contact-form_2 input[type="url"],
.contact-form_2 textarea,
.contact-form_2 button[type="submit"] {
	font:400 16px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}