
div#formular{
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
}

div#formular div.spalte_1{
	clear: left;
	float: left;
	width: 490px;
}

div#formular div.spalte_2{
	margin-left: 540px;
	width: 490px;
}

div#formular div.bezeichung{
	width: 200px;
	margin-right: 270px;
}

div#formular div.element{
	width: 270px;
	float: right;
}

div#formular div.element select{
	font-family: 'lato';
	font-weight: 400;
	font-size: 0.9125em;
	padding: 1px;
	
	border: 1px solid #0072bb;
	width: 270px;
	padding: 5px;
	background-color: #e1e2e3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior:url("border-radius.htc"); /* IE */
	
}

div#formular div.element select:focus{
	background-color: white;
}

div#formular div.element input.inp_text,
div#formular div.element input.inp_text_short{
	 font-family: 'lato';
	font-weight: 400;
	font-size: 0.9125em;
	padding: 5px;
	
	border: 1px solid #0072bb;
	width: 258px;
	background-color: #e1e2e3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior:url("border-radius.htc"); /* IE */
	
}


div#formular div.element input.firstname{
	width: 118px;
	margin-right: 10px;
}

div#formular div.element input.lastname{
	width: 118px;
}

div#formular div.element input.street{
	width: 176px;
	margin-right: 10px;
}

div#formular div.element input.number{
	width: 60px;
}

div#formular div.element input.plz{
	width: 85px;
	margin-right: 10px;
}

div#formular div.element input.ort{
	width: 151px;
}


div#formular div.element input.inp_text_short{
	width: 129px;
}

div#formular div.element input.inp_text:focus,
div#formular div.element input.inp_text_short:focus{
	background-color: white;
}


div#formular div.element textarea{
	 font-family: 'lato';
	font-weight: 400;
	font-size: 0.9125em;
	padding: 5px;
	
	border: 1px solid #0072bb;
	width: 258px;
	height: 80px;
	background-color: #e1e2e3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior:url("border-radius.htc"); /* IE */
	
}

div#formular div.element textarea:focus{
	background-color: white;
}

div#formular div.checkbox{
	font-size: 0.9125em;
}

div#formular div.umbruch{
	width: 100%;
	clear: right;
	height: 4px;
}


div#formular div.info{
	width: 100%;
	clear: right;
	padding-bottom: 0.5em;
	font-size: 0.9125em;
	padding-right: 20px;
}


div#formular div.abstufung{
	width: 330px;
	margin-left: 220px;
	clear: left;
	padding-bottom: 0.5em;
}

div#formular div.abstufung span{
	float: right;
}

div#formular div.abstufung span:first-child{
	float: left;
	/*width: 234px;*/
	margin-right: 25px;
}

div#formular hr{
	width: 380px;
	left: 0;
}

div.qq-upload-button{
	color: #163F1C;
	text-decoration: underline;
}

div.formblock{
	border-left: 5px solid #D4D4D4;
    display: none;
    margin-left: 4px;
    padding-left: 9px;
    margin-bottom: 1em;
}


div#formular div.formblock div.bezeichung{
	width: 200px;
}

div#formular div.formblock div.element{
	margin-left: 204px;
}

a.lnkFromBlock{
	display: block;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 18px;
	background-image: url(../images/form_block_close.png);
	background-repeat: no-repeat;
	background-position: left;
}

div#formular div.clearSpalten{
	clear: left;
}






/*
1280 bis 1600
*/

@media screen and (max-width: 1640px){
	
	div#formular{
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 40px;
	}
	
	div#formular div.spalte_1{
		width: 410px;
	}
	
	div#formular div.spalte_2{
		margin-left: 450px;
		width: 410px;
	}
	
	div#formular div.bezeichung{
		width: 130px;
		margin-right: 260px;
	}
	
	div#formular div.element select,
	div#formular div.element{
		width: 260px;
	}
	
	div#formular div.element textarea,	
	div#formular div.element input.inp_text{
		width: 248px;
	}
	
	
	div#formular div.element input.firstname,
	div#formular div.element input.lastname{
		width: 113px;
	}
	
	div#formular div.element input.street{
		width: 171px;
	}
	
	div#formular div.element input.number{
		width: 55px;
	}
	
	div#formular div.element input.plz{
		width: 80px;
	}
	
	div#formular div.element input.ort{
		width: 146px;
	}
	
	
	div#formular div.element input.inp_text_short{
		width: 124px;
	}
	
	
	
}


/*
1024 bis 1280
*/
@media screen and (max-width: 1360px){

	
	div#formular{
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	div#formular div.spalte_1{
		width: 335px;
	}
	
	div#formular div.spalte_2{
		margin-left: 365px;
		width: 335px;
	}
	
	div#formular div.bezeichung{
		width: 110px;
		margin-right: 225px;
	}
	
	div#formular div.element select,
	div#formular div.element{
		width: 225px;
	}
	
	div#formular div.element textarea,		
	div#formular div.element input.inp_text{
		width: 212px;
	}
	
	
	div#formular div.element input.firstname,
	div#formular div.element input.lastname{
		width: 95px;
	}
	
	div#formular div.element input.street{
		width: 140px;
	}
	
	div#formular div.element input.number{
		width: 50px;
	}
	
	div#formular div.element input.plz{
		width: 75px;
	}
	
	div#formular div.element input.ort{
		width: 115px;
	}
	
	
	div#formular div.element input.inp_text_short{
		width: 106px;
	}	
}


/*
768 bis 1024
*/
@media screen and (max-width: 1100px){
	
	
	div#formular{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	
	div#formular div.spalte_1{
		width: 268px;
	}
	
	div#formular div.spalte_2{
		margin-left: 288px;
		width: 268px;
	}
	
	div#formular div.bezeichung{
		display: none;
	}
	
	div#formular div.element select,
	div#formular div.element{
		width: 100%;
	}
	
	div#formular div.element textarea,		
	div#formular div.element input.inp_text{
		width: 256px;
	}
	
	
	div#formular div.element input.firstname,
	div#formular div.element input.lastname{
		width: 117px;
	}
	
	div#formular div.element input.street{
		width: 174px;
	}
	
	div#formular div.element input.number{
		width: 60px;
	}
	
	div#formular div.element input.plz{
		width: 85px;
	}
	
	div#formular div.element input.ort{
		width: 149px;
	}
	
	
	div#formular div.element input.inp_text_short{
		width: 128px;
	}		
		
}


/*
640 bis 768
*/
@media screen and (max-width: 890px){
	
	div#formular div.spalte_1,
	div#formular div.spalte_2{
		display: block;
		float: none;
		width: 100%;
		margin: 0;
	}

	div#formular div.element select,
	div#formular div.element{
		float: none;
		width: 360px;
	}
	
	div#formular div.element textarea,		
	div#formular div.element input.inp_text{
		width: 348px;
	}
	
	
	div#formular div.element input.firstname,
	div#formular div.element input.lastname{
		width: 163px;
	}
	
	div#formular div.element input.street{
		width: 246px;
	}
	
	div#formular div.element input.number{
		width: 80px;
	}
	
	div#formular div.element input.plz{
		width: 100px;
	}
	
	div#formular div.element input.ort{
		width: 226px;
	}
	
	
	div#formular div.element input.inp_text_short{
		width: 174px;
	}		

}

/*
320 bis 640
*/
@media screen and (max-width: 690px){
	
}


/*
320
*/
@media screen and (max-width: 590px){

	div#formular div.element select,
	div#formular div.element{
		width: 100%;
	}
	
	div#formular div.element textarea,		
	div#formular div.element input.inp_text{
		width: 204px;
	}
	
	
	div#formular div.element input.firstname,
	div#formular div.element input.lastname{
		width: 91px;
	}
	
	div#formular div.element input.street{
		width: 132px;
	}
	
	div#formular div.element input.number{
		width: 50px;
	}
	
	div#formular div.element input.plz{
		width: 75px;
	}
	
	div#formular div.element input.ort{
		width: 107px;
	}
	
	
	div#formular div.element input.inp_text_short{
		width: 174px;
	}			
	
}

