
.kontakt { padding-bottom:1%; }

.kontakt_zusatz { display:none; }

.kontakt_erlaeuterung { padding-top:1%; font-size: 60%; }
.kontakt_stern { font-size: 80%; padding-top:-8px; }

.kontakt_fieldset {
	margin-left:0%;
	width:100%;
	border: 1px solid #595959;
	margin-top:1%;
	padding:2%;
	padding-top:1%;
	padding-bottom:2%;
}
.kontakt_legend { }

form p { margin-bottom: 0%; }

form p label {
	float: left;
	text-align:left;
	width: 90px;
	margin-top: 0px;
	cursor: pointer;
	font-size: 100%;
}

/* Checkbox */

form p input {
	border: 0px dotted #7F7F7F;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	margin-top: 1px;
}

form p input[type="radio"] {
	text-align:left;
	/* color: #7F7F7F; */
	margin-bottom:0%;
}

form p input[type="text"] {
	border: 1px dotted #7F7F7F;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-style: dotted;
	border-top-style: dotted;
	margin-top: 1px;
	width: 88%;
} 
  
form p textarea {
	border: 1px dotted #7F7F7F;
	margin-top: 1px;
	width: 88%;
	height: 90px;
}

form p select {
	width: auto;
	border: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-style: dotted;
	border-top-style: dotted;
	margin-top: 1px;
}


.kontakt_senden {
	text-align:left; padding-top:1%; padding-left:0%;
}
form div input#formInput_submit,
form div input#formInput_reset {
	width: 30%;
	border: solid 1px #CFCFCF;
	padding: 1%;
	color: #7F7F7F;
	background:#FFFFFF;
	box-shadow: 4px 4px 2px #CFCFCF;
	border-radius:4px;
	-moz-border-radius:4px;  
	cursor: pointer;
}
form div input#formInput_submit {
	margin-left:0%;
}
form div input#formInput_reset { float:right; margin-right:0%; }

form p input[type="text"] { width: 100%; }   
form p textarea { width: 100%; }

form p input#formInput_submit, form p input#formInput_reset { width: 50%; }
form p input#formInput_reset { float:right; margin-right:5%; }


/* ****************************************************************************** */
/* kleinere Bildschirme                                                           */
/* ****************************************************************************** */
@media screen and (max-width: 1150px) {
form p input[type="text"] { width: 100%; }   
form p textarea { width: 100%; }
}


/* ****************************************************************************** */
/* Smartphones                                                                    */
/* ****************************************************************************** */
@media 
only screen and (max-width:480px),
only screen and (device-aspect-ratio: 2/3),
only screen and (device-aspect-ratio: 40/71) {

form p input#formInput_submit,
form p input#formInput_reset { width: 50%; }
form p input#formInput_reset {
	 float:right; margin-right:5%; }
	 
}
