/*:active, :focus { outline: none; }*/


/* reset für iOS */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}


/* ANFANG Feldformatieurung generell */
input, textarea {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color:inherit;
	font-family: inherit;

	
	background-color: #fff;
	margin: 0;
	padding:4px 7px 2px 7px;
	
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius:6px;
    border-radius: 6px;*/
    
	-webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
    box-sizing: border-box;
	
	/*border:none;*/
	/*border: 1px solid #20294e;
	border-radius: 22px;*/
}
/*#formular textarea { border-bottom-right-radius: 0; }*/
/*input[type="text"] {*/
input.borderUnten {
	font-size: inherit;
	margin-bottom: 9px;
	background-color: transparent;
	border-bottom: 1px solid #20294e!important; 
}
input.borderNone {
	font-size: inherit;
	margin-bottom: 9px;
	background-color: transparent;
	border: none; 
}
#formular td { font-weight: 300; }

/* Breite Spalte links (Texte) */
#formular table tr td:first-child {
	width: 150px; /* besser Prozent */
}
/* Breite Spalte rechts (Felder) */
/*#formular table tr td:last-child, textarea {*/
	/*width: 280px !important; *//* besser Prozent */
	/*padding-bottom: 8px;*/ /* Zeilenabstand, Text-offset: line-height unten */
/*}*/

label {font-size: inherit;}


::placeholder  { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b1b3b3; /* 858ba1 */
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b1b3b3;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #b1b3b3;
}

/* ENDE Feldformatieurung generell */



/* Validierung-Styles » common.css */



.formtext {
	font-size: 18px;
	line-height: 24px; /* Text-offset zu Feldern */
  	color:inherit;
	/*border: 1px solid red;*/
}

.formtextSmallBottom {
	font-size: inherit;
	line-height: 12px;
	color:inherit;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}

.formtextSmall {
	font-size: inherit;
  	line-height: 1em;
  	color:#fff;
}
/*---- SUBMIT-BUTTON ----*/
.butt {    /*---- SUBMIT-BUTTON ----*/
	font-size: 16px;
	height: 25px;								
	width: 100%;
	border: 1px solid #f28e00;
	color:#ee731b;	
	background-color: #fff;
	cursor: pointer;
	margin: 0;
	padding: 0;
	float: right;
}
.sendenButton {
	padding: 0 15px!important;
	cursor: pointer;
	line-height: inherit!important;
	border: none!important;
	color: white!important;
}
.sendenButton:hover {
	/*color:#FF865F!important;*/
	background: #008ab4!important;
	/*border: 1px solid #FF865F;*/
}

.cbx {	/*---- CHECKBOX / RADIOBOX ----*/
	width:22px;
	height:22px !important;
	background-color: #ffffff;
	font-weight: 300;
	font-size: 18px;
	cursor: pointer;
	margin:0 5px 1px 0 !important; 
	vertical-align:top;
}

/* -------- ANFANG Radio-Buttons ----------- */

/* The container */
.containerRadio {
  display: block;
  position: relative;
  padding-left: 31px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
	
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: transparent;
	border: 1px solid #20294e;
  border-radius: 50%;	
	
	margin-top: 4px; /* vertikal positionieren */
}

/* On mouse-over, add a grey background color */
.containerRadio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerRadio input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRadio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerRadio .checkmark:after {
 	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/* -------- ENDE Radio-Buttons ----------- */




.ltxt { /*---- BIG TXTFIELD----*/
	width: 100%;
}

.mtxt { /*---- MIDDLE TXTFIELD ----*/
	width: 70%;
	display: inline;
}

.stxt { /*---- SMALL TXTFIELD ----*/
	width: 28%;
	display: inline;
}

.lbox { /*---- TEXTAREA ----*/
	width: 100%;
	max-width: 100%;
	height: 93px;
	/*max-height: 120px;*/
}