/*
	spaltern
*/


#spalte1{
	margin:10px 3% 10px 0;
	float:left;
	width:48%;
}
#spalte2{
	margin:10px 0 10px 0%;
	float:right;
	width: 48%;
}

/*

select2 overwrite
*/
.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 0;
	height:42px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:42px;
}	
/*
	inputform
*/

input {
	width:100%;
	padding:5px;
	box-sizing: border-box;
	margin-bottom:5px;
	}


#inputform DIV.input{
	margin-bottom:25px;
}
#inputform DIV.zip{
display:block;width:25%;float:left;margin-right:5%;
}
#inputform DIV.zip input{
	
}
#inputform DIV.city{
	display:block;width:70%;float:left;	
}
#inputform DIV.tel{
display:block;width:60%;float:left;margin-right:5%;
}

#inputform DIV.birth{
	display:block;width:35%;float:left;	
}


#inputform label{
	display:block;	
}
#inputform label.deaktiviert{
	color:#b2b2b2;	
}


#inputform input ,textarea{

	border:1px solid #cccccc;

}
#inputform input.deaktiviert{
	background-color:#ffffff;
	border:1px solid #e6e6e6;
	
}
#inputform textarea{
	width:100%;
    margin: 0;
 	font-family: Calibri, Arial, Helvetica, sans-serif;
	padding: 10px 5px;
	font-size: 14px;
	color:rgb(51, 51, 51);;
	border: 1px solid #ccc;
}

#inputform input[type="file"]{
	font-size:16px;
	color:#000000;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.37, #F6F6F6),
	color-stop(1, #E3E3E3)
);
background-image: -o-linear-gradient(bottom, #F6F6F6 37%, #E3E3E3 100%);
background-image: -moz-linear-gradient(bottom, #F6F6F6 37%, #E3E3E3 100%);
background-image: -webkit-linear-gradient(bottom, #F6F6F6 37%, #E3E3E3 100%);
background-image: -ms-linear-gradient(bottom, #F6F6F6 37%, #E3E3E3 100%);
background-image: linear-gradient(to bottom, #F6F6F6 37%, #E3E3E3 100%);
}



/*
#inputform input[type="radio"]+label {
	display:inline;
    margin-right: 3%;
	margin-left: 5px;
}*/


#inputform input[type="submit"]{

	font-weight: 400;
	width:100%;
	border:none;
	font-size:16px;
	height:40px;
	padding:0 !important;

}

#inputform button.back{
	float:right;
	font-weight: bold;
	border:none;
	color:#000000;
	font-size:16px;
	height:40px;
	padding:10px !important;
}

/*
	error
*/
label.error{color:#ff0000;clear:both;}
label.error-chk{color:#ff0000;clear:both;margin-left:30px;}

/*
	upload
*/
#inputfile {
    display: none;
}

#button-uploadfile {


	position:relative;
	color: #ffffff;
	font-size:16px;
	text-align: center;
	padding: 10px 0;

	height: 37px;
	
	border: 0px solid #ddd;
	cursor: pointer;
	margin: 0 0 30px 0;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#094d98+0,032c58+100 */
background: #094d98; /* Old browsers */
background: -moz-linear-gradient(top,  #094d98 0%, #032c58 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #094d98 0%,#032c58 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #094d98 0%,#032c58 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094d98', endColorstr='#032c58',GradientType=0 ); /* IE6-9 */

	
}
#button-uploadfile img{
	position:absolute;
	top:7px;
	right:15px;

}
#button-uploadfile:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#032c58+0,094d98+100 */
background: #032c58; /* Old browsers */
background: -moz-linear-gradient(top,  #032c58 0%, #094d98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #032c58 0%,#094d98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #032c58 0%,#094d98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032c58', endColorstr='#094d98',GradientType=0 ); /* IE6-9 */

}





/*
checkbox
*/

input.styled[type="checkbox"]{
	float: left;
	padding: 5px 10px;
	margin:0 0 18px 0;
	height:41px;
	width: 100%;
	font-size: 1.1em;
	color: #333333;
	border: 1px solid #ccc;

	font-family: "OpenSansRegular", sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input.styled[type="radio"]{
	float: left;
	padding: 5px 10px;
	margin:0 0 18px 0;
	height:41px;
	width: 100%;
	font-size: 1.1em;
	color: #333333;
	border: 1px solid #ccc;

	font-family: "OpenSansRegular", sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="checkbox"]{
	margin:5px 5px 5px 2px;
}
input[type="radio"]{
	margin:5px 5px 5px 2px;
}

input.styled[type="checkbox"]{
	display: block;
	clear: both;
	float:left;
	visibility: hidden;
	width:0px;
	height:0px;
}

input.styled[type="radio"] {
	display: block;
	clear: both;
	float:left;
	visibility: hidden;
	width:0px;
	height:0px;
}



.check-box {
	clear:both;
	margin:12px 0 0 0;
	position: relative;
	width:100%;
}

.radio-box {
	/*clear:both;*/
	margin:5px 0 0 0;
	position: relative;
	/*width:100%;*/
	float:left;
	margin-right:20px;
}

.check-box label:nth-of-type(1) {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
  	left: 0;
	background: #fff;
	border:1px solid #ccc;

}

.radio-box label:nth-of-type(1) {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
  	left: 0;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 50%;
}
.radio-box.big label:nth-of-type(1) {

	width: 24px;
	height: 24px;
	top: 2px;
}


.check-box.required label:nth-of-type(1) {

	border:1px solid #ff0000;

}

.radio-box.required label:nth-of-type(1) {

	border:1px solid #ff0000;

}
.check-box.disabled{
	pointer-events:none;
}
.radio-box.disabled{
	pointer-events:none;
}

.check-box label:nth-of-type(1):before {
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
    height: 1px;
	background: transparent;
    top: 8px;
    left: 0px;
	border: 2px solid #143d60;
	border-top: none;
	border-right: none;
	border-left: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.radio-box label:nth-of-type(1):before{
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
    height: 8px;
	background-color: #333;
    top: 5px;
    left: 5px;
	border-radius:50%;

}
.radio-box.big label:nth-of-type(1):before{
	width: 12px;
    height: 12px;
}
.check-box label:nth-of-type(1):after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 18px;
    height: 1px;
	background: transparent;
    top: 8px;
    left: 0px;
	border: 2px solid #143d60;
	border-top: none;
	border-right: none;
	border-left: none;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.check-box.disabled label:nth-of-type(1):after ,.check-box.disabled label:nth-of-type(1):before {
	border: 2px solid #888;
	border-top: none;
	border-right: none;
}
.radio-box.disabled label:nth-of-type(1):after ,.radio-box.disabled label:nth-of-type(1):before {
	border: 2px solid #888;
	border-top: none;
	border-right: none;
}
.radio-box input.disabled+label+label{
	opacity:0.5;
}

.check-box input.styled[type="checkbox"]:checked + label:after {
	opacity: 1;
}
.radio-box input.styled[type="radio"]:checked + label:after {
	opacity: 1;
}

.check-box input.styled[type="checkbox"]:checked + label:before {
	opacity: 1;
}
.radio-box input.styled[type="radio"]:checked + label:before {
	opacity: 1;
}
.radio-box.big label{
	font-size:20px;
}

.check-box label:nth-of-type(2) {
	display: block;
	width:auto;
	margin:0px 0px 5px 30px;
	cursor:pointer;

}
.radio-box label:nth-of-type(2) {
	display: block;
	width:auto;
	margin:0px 0px 5px 0px;
	cursor:pointer;
	padding-left:30px;
}
.radio-box.big label:nth-of-type(2) {
	padding-left:35px;
}
.check-box label.checkterms{
	font-weight:normal;
	padding-top: 5px;
}


.pflicht{
	color:	#e40000;
}