/* ********************************************************************************* */
/* Modul: Contact */
/* ********************************************************************************* */

@media all {
	#contactform {
		max-width: 480px;
		width: 100%;
		/*margin: 0 auto;/* /* wenn centriert */
	}
	.frow, .frowheight, .frow-send {
		width: 50%;
		float: left;
		overflow: hidden;
		margin-bottom: 0.5em;
	}
	.frowheight {float: right;}
	.frow-send {width: 100%; margin: 1em 0;}
	.add_title {
		width: 100%;
		/*float: left;*/
		display: inline;
	}
	.frow-send .add_title {float: left;}
	label {
		/*height: 40px;
		display: table-cell;
		vertical-align: middle;*/
	}
	
	legend {
		width: 200px;
		float: left;
	}
	
	.ffielderror {
		border: 1px solid #e11e34 !important;
	}
	
	#contactform input[type=text].ffielderror:focus,
	#contactform input[type=text].ffielderror:hover,
	#contactform input[type=text].ffielderror:active {
		border: 1px solid #e11e34 !important;
		background-color: #FFFFC0;
	}
	
	.error-text {
		color: #e11e34;
	}
	
	.error-desc {
		border: 1px solid #e11e34;
		background-color: #FFFFC0;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.error-desc-cont {
		padding: 10px;
	}
	#contactform .input {
		width: 95%;/**/
		float: left;
		display: inline;
	}
	#contactform input[type=text]:focus,
	#contactform input[type=text]:hover,
	#contactform input[type=text]:active {
		border: 1px solid #e11e34 !important;
		background-color: #FFFFC0;
	}
	
	#contactform input[type="submit"] {
		width: 98%;
		margin: 0;
		border: 1px solid #919191;
		background-color: transparent;
		color: #919191;
		padding: 0.5em 0;
	}
	
	#contactform input[type="submit"]:focus,
	#contactform input[type="submit"]:hover,
	#contactform input[type="submit"]:active {
		background-color: #919191;
		border: 1px solid #919191;
		color: #fff;
	}
	
	/* Checkbox
	#contactform input[type="checkbox"] {
		outline: 1px solid #285468;
		color: #fff;
	}
	
	#contactform input[type="checkbox"]:focus,
	#contactform input[type="checkbox"]:hover,
	#contactform input[type="checkbox"]:active {
		background-color: #FFFFC0;
		outline: 2px solid #285468;
	}
	**/
	input.inputFeld {
		width: 100%;/**/
		margin-bottom: 0.2em;
		padding: 4px 8px;
		border: 1px solid #525252;
	}
	input.inputFeldzip {
		width: 50px;
		margin-bottom: 0.2em;
		padding: 2px;
		border: 1px solid #90897A;
	}
	input.inputFeldcity {
		width: 140px;
		margin-bottom: 0.2em;
		padding: 2px;
		border: 1px solid #90897A;
	}

	.add_checkbox_title {
		width: 350px;
		float: left;
		display: inline;
	}
	.add_checkbox {
		width: 50px;
		padding-left: 10px;
		float: left;
		display: inline;
	}

	select.inputFeld {
		width: 205px;
		margin-bottom: 0.2em;
		padding: 2px;
		border: 1px solid #90897A;
	}
	select.inputFeldspam {
		width: 50px;
		margin-bottom: 0.2em;
		padding: 2px;
		border: 1px solid #90897A;
		float: left;
		margin-right: 5px;
	}
	
	select.inputFeldspam:focus,
	select.inputFeldspam:hover,
	select.inputFeldspam:active {
		border: 1px solid #285468 !important;
		background-color: #FFFFC0;
	}


	.textarea {
		float: left;
		display: inline;
		width:100%;
	}
	textarea.inputTextfeld {
		/*min-width: 189px;*/
		width: 95%;
		margin-bottom: 0.2em;
		padding: 4px 8px;
		border: 1px solid #525252;
		height: 150px;
	}
	textarea.inputTextfeld:focus,
	textarea.inputTextfeld:hover,
	textarea.inputTextfeld:active {
		border: 1px solid #e11e34 !important;
		background-color: #FFFFC0;
	}
	
	#frow_special {
		/*width: 50%;*/
		min-height: 100px;
		/*position: relative;
		bottom: 100px;*/
	}
	#contactform > input[type="submit"]{
		width: 95%;
		bottom: 50px;
		position: relative;
		float: left;
	}
	
	#frow_special label {width: 50%; text-align: left;display: inherit;font-weight: 400;}
	#contactform .spamnumber {
		font-weight: bold;
	}
		.addCont_row{margin:0 !important;}
	  .addContent_hon{
	        opacity: 0;
	        position: absolute;
	        top: 0;
	        left: 0;
	        height: 0;
	        width: 0;
	        z-index: -1;
	    }
		.addContent_hon2{
	        visibility:hidden;
	        height: 0px;
	        position: absolute;
	    }


}

@media screen and (max-width: 580px){ /* Handy */
	.frow, .frowheight, #frow_special{ width: 100%; }
	/*.frow_special, .frow_special .input,#frow_special label {width: 100%;}*/
	.frow_special {display: block;}
	
	#frow_special { position: inherit;}
	.frow-send {
		display: inline-block;
		float: none;
	}
	.frow-send .add_title {display: block;}
	select.inputFeldspam {display: block;float: none;}

}