
/************************************************************
*
*				kontaktformular
*				
************************************************************/

.terms {
	display:none;
}

form ol {
	list-style-type:none;
	margin-left:0;
}

form ol li {
	width: 100%;
	position: relative;
}

.fform h1 {
	text-align:left;
}

.fields.comment_area {
	margin:30px 0 15px;
}
.fields.comment_area label {
	width:100%;
}

input, textarea, select {
	display: block;
	width: 100%;
	margin: 0 auto;
	
	box-sizing:border-box;
	border: solid 2px #fff;
	border-radius:0;
	
	background: none;
	outline: none;
	
	padding: 13px!important;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
}

textarea {
	min-height:100px;

}

input[type='file'] {
	border:none;
}

#remember {
	width: auto;
	margin: 0;
}

.sternchen {
	color: #fff;
    display: inline;
    line-height: 15px;
    position: absolute;
    right: -12px;
    top: 0;
}

input.error,
textarea.error {
	 border-bottom: solid 3px #f00;
}

.send_Button, form .btn {
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	border-radius: 100%;
	box-sizing: content-box; 
	color: #009fe3;
	font-size: 20px;
	height: 120px;
	outline: 0 none;
	width: 120px;
	margin: 0px auto 30px auto;
	text-align:center;
}

.send_Button:hover,
form .btn:hover  {
	cursor:pointer;
	background: none repeat scroll 0 0 #2a4092;
	color: #fff;
}

.pbSubmit:hover {
	cursor:pointer;
	background: #aaa;
	color: #000;
}

/*  select  */ 
select {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
			
	background: url(../images/arrow-down-black.svg) 98% / 6% no-repeat #fff;
} 

/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { 
    select {
        background:none;
        padding: 5px;
    }
}


/* 
 * Input File Styling 
 * Datei hochladen
 */
#fbuilder input[type='file'] {
	
	/*
	 * man kann mit der breite den text ausblenden 
	 *
	 
	width:114px!important;
	
	*/
	
	border:0;
	padding: 20px 0 0 0!important;
	line-height:15px;
	font-size: 15px;
	margin-bottom:0;
}


input[type='file']::-webkit-file-upload-button {
	visibility: hidden;
	
	/* breite so viel wie der eigene before button, plus abstand */
	width:150px; 
}

input[type='file']::before {
	content: 'Datei auswählen';
	display: inline-block;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	
	text-align:center;
	box-sizing:border-box;
	
	/*
	 *
	 * Silber Button
	 *
	background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
	border: 1px solid #999;
	border-radius: 3px;
	text-shadow: 1px 1px #fff;
	
	*/
	
	background-color:#ccc;
	line-height: 40px;
	width: 145px;
	height: 40px;
	position:relative;
	top:-13px;

	
}

input[type='file']:hover::before {
	background-color:#aaa;
	cursor: pointer;
}

input[type='file']:active::before {
	background-color:#999;
}


/* nach formular senden */

#ausgabeMeldungOvaylay {
	width:0;
	height:0;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.7);
	z-index:90;

	width:100%;
	height:100%;
}

#meldungOvaylayWrapp {
	width:53%;
	margin:auto;
	margin-top:250px;
	background-color:#FFF;
	color:#000;
	text-align:center;
	padding:40px;
}

#ausgabeMeldungX {
	background-color:#eee;
	padding:10px 20px;
}

#ausgabeMeldungX:hover {
	color:#E2001A;
	cursor:pointer;

}

/* nach formular senden ende */


@media only screen and (max-width: 567px) {
	
	.left_aligned .fields label {
	  height: auto;
	  line-height: inherit;
	}
	.left_aligned .fields .dfield,
	.left_aligned .fields label  {
	  float: none;
	  width: 100%; 
	}
	
	
	.pbreak .pbPrevious, .pbreak .pbNext, .pbSubmit {
	  margin: 10px 10px 0px 0px;
	}
}