/* CONTACTFORM */

#contactform												{ width: 100%; }

.cmxform													{ margin-left: 0px; }

form.cmxform p												{ }

select.contactform											{ margin-bottom: 12px; }

label.contactform											{ float: left; width: 150px; color: #000000; font-size: 12px; padding-top: 3px; display: block; margin-bottom: 5px; font-weight: bold; }

.beschreibung												{ float: left; width: calc(20% - 10px); margin-right: 10px; }
.order														{ float: left; width: 80%; }

label.kaffee_name											{ width: 100%; color: #931a29; font-size: 12px; font-weight: bold; padding-top: 3px; display: block; margin-bottom: 5px; }
label.kaffee_beschreibung									{ width: 100%; color: #606060; font-size: 10px; font-weight: normal; padding-top: 3px; display: block; margin-bottom: 5px; }

label.kaffee_art											{ float: left; color: #000000; font-size: 12px; font-weight: normal; padding-top: 3px; display: block; margin-bottom: 5px; margin-right: 15px; width: 180px; }

label.kaffee_stueck_sp1										{ float: left; width: 50px; color: #000000; font-size: 12px; font-weight: bold;padding-top: 3px; display: block; margin-bottom: 5px; margin-left: 355px;  }
label.kaffee_stueck_sp2										{ float: left; width: 50px; color: #000000; font-size: 12px; font-weight: bold;padding-top: 3px; display: block; margin-bottom: 5px; }

label.kaffee_mahlgrad_sp1									{ float: left; width: 200px; color: #000000; font-size: 12px; font-weight: bold; padding-top: 3px; display: block; margin-bottom: 5px; }

label.kaffee_anzahl_sp1												{ float: left; color: #000000; font-size: 12px; padding-top: 3px; display: block; margin-bottom: 5px; width: 200px; }
input.kaffee_anzahl_sp1												{ float: left; margin-right: 20px; width: 30px; font-weight: bold; color: #931a29; text-align: center; border: solid 1px #606060; outline: none; }
input.kaffee_anzahl_sp1:hover, input.kaffee_anzahl_sp1:focus		{ border: solid 1px #931a29; outline: none; }

input.kaffee_anzahl_sp1z											{ float: left; margin-right: 20px; width: 30px; font-weight: bold; color: #931a29; text-align: center; border: solid 1px #606060; outline: none; margin-left: 195px; }
input.kaffee_anzahl_sp1z:hover, input.kaffee_anzahl_sp1z:focus		{ border: solid 1px #931a29; outline: none; }

label.kaffee_anzahl_sp2												{ float: left; color: #000000; font-size: 12px; padding-top: 3px; display: block; margin-bottom: 5px; width: 100px; }
input.kaffee_anzahl_sp2												{ float: left; margin-right: 20px; width: 30px; font-weight: bold; color: #931a29; text-align: center; border: solid 1px #606060; outline: none; }
input.kaffee_anzahl_sp2:hover, input.kaffee_anzahl_sp2:focus		{ border: solid 1px #931a29; outline: none; }

input.contactform, textarea.contactform						{ float: none; width: 100%; color: #000000; font-size: 13px; margin-bottom: 7px; padding: 2px; border: solid 1px #606060; display: block; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; }

textarea.contactform										{ float: none; width: 100%; height: 150px; color: #000000; font-size: 13px; margin-bottom: 10px; padding: 2px; border: solid 1px #606060; display: block; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; }

input.contactform:hover, textarea.contactform:hover			{ border: solid 1px #931a29; outline: none; }
input.contactform:focus, textarea.contactform:focus			{ border: solid 1px #931a29; outline: none; }

.contactform_button											{ background-color: #931a29; color: #ffffff; text-align: center; margin-right: 10px; float: left; padding: 5px; border: 0px; width: 120px; font-size: 13px; font-family: 'Open Sans', Arial, Helvetica, Geneva, sans-serif; }
.contactform_button:hover, .contactform_button:focus		{ background-color: #cccccc; color: #000000; outline: none; border: 0px solid #e2e2e2; }
.contactform_button:active, .contactform_button:active		{ background-color: #931a29; color: #ffffff; outline: none; border: 0px solid #e2e2e2; }

.star														{ color: #931a29; font-size: 13px; }
        
.block 														{ display: block; }
form.cmxform label.error 									{ display: none; color: #931a29; font-weight: bold; margin-left: 150px; margin-bottom: 15px; padding-top: 0px; font-size: 12px; }

#contactform a												{ color: #931a29; }

#contactform hr												{ border: 0px; border-top: 2px solid #931a29; border-bottom: 0px solid #ffffff; margin: 15px 0px; }

#contactform hr.trenner										{ border: 0px; border-top: 1px solid #606060; border-bottom: 0px solid #ffffff; margin-bottom: 10px; margin-left: 0px; }

div.clear 													{ clear: both; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; height: 0px; }

#col														{ width: calc(50% - 20px); float: left; }
#col.first		 											{ margin-right: 40px; }


@media (max-width: 680px) {

	.beschreibung											{ float: none; width: 100%; margin-right: 0px; margin-bottom: 15px; }
	.order													{ float: none; width: 100%; }
	
	label.kaffee_stueck_sp1, label.kaffee_mahlgrad_sp1, label.kaffee_stueck_sp2 
															{ display: none; }
															
	label.kaffee_art										{ float: none; width: 100%; }
	
	input.kaffee_anzahl_sp1z								{ margin-left: 0px; }
	
}

@media (max-width: 500px) {
	
	label.kaffee_anzahl_sp1, label.kaffee_anzahl_sp2, label.kaffee.anzahl_sp1z
															{ width: 100%; float: none; }
															
	#col													{ width: 100%; float: none; margin-bottom: 20px; }
	#col.first												{ margin-right: 0px; }
	
}