/* form.css 
*/

/* Bootstrap reset */
label { font-weight:400; }
input[type="file"] { display:inline-block;line-height: 10px; }

/* ============================================================================================================================ */
/* Formular-Editor */

.formfields {  } /* div.formfields umschließt alle Formularfelder */
.formfields input[type="text"], .formfields textarea { padding:5px 10px; height:auto; font-size:16px; background-color:#eee; border:1px solid #eee;} 
/* ohne height:auto; sind im Firebox die placeholder der inputs nicht sichtbar (http://stackoverflow.com/questions/24448991/input-padding-cutting-out-text-in-firefox) */

/* Gliederungselemente (umschließende divs zur Strukturierung) */
.formfields .inputunit { margin-bottom:10px; }
.lj_inputunit { display:none; }
.formfields .checkboxunit { margin-bottom:0px; padding-left:5px; } 
.formfields .radiounit { margin-bottom:10px; } 
.formfields .selectunit { margin-bottom:10px; } 
.formfields .commentunit { margin-bottom:5px; margin-top:15px; } 
.formfields .uploadunit { margin-bottom:20px; margin-top:10px; padding:10px; background-color:#EAEDF0; } 
.formfields .uploadunit .textunit { margin-bottom:10px; }

/* Beschriftungen */
.formfields .fieldlabel { float:left; cursor: pointer; }
.formfields .checkboxlabel { 
	
	cursor: pointer;
	display: block;
	text-indent: -20px;
	padding-left: 15px;
	padding-top: 5px;
}
.formfields .radiolabel { margin-left:5px; cursor: pointer; }
.formfields .checkboxgrouplabel { margin-bottom:5px; font-weight:700; margin-top:10px; }
.formfields .radiogrouplabel { margin-bottom:2px; }
.formfields .selectlabel { margin-right:10px; cursor: pointer; }
.formfields .requiredmarker {  }

/* Formular-Elemente */	
.formfields .textinput { width:100%; height:25px;}
.formfields .textarea { width:100%; height:100px; }
.formfields select.customselect { background-color:#fff; }
.formfields input.cbox {
	margin-right:3px;
	padding: 0;
	vertical-align: bottom;
	position: relative;
	top: -5px; }
.formfields input.radiobutton { }
.formfields input.formInput_submit { 
	margin:40px auto;
	padding:5px 20px;
	color:#765272;
	background-color:#E5CBE1;
	border:none;
	font-weight:400;
	outline-style: none;
}	
.formfields input.formInput_submit:hover { 
	color:#fff;
	background-color:#937498;
}
.formfields input.formInput_reset { width:100px; font-size:10pt; margin-left:10px }	/* Reset-Button */

/* LCI form exception */
.lci_form .formfields .selectunit { margin-bottom:10px; display:inline-block; margin-right:20px; } 			/* umschließt je einen Select */
.lci_form h4 {
	background-color:transparent;
	padding:0; 
}

/* Searchfields */
footer .searchfield, .content .searchfield { /* div */
	width:160px;
	background: url(/css/images/f_searchglass.png) no-repeat right center; 
	margin-bottom:10px;
}
.content .searchfield { 
	background: #fff url(/css/images/f_searchglass.png) no-repeat right center; 
	width:200px;
}
/*
footer .searchfield input[type="text"] {
	background-color:#fff;
	border:none;
	margin-left:0;
	height:22px;
	width:130px;
	padding: 3px 5px;
}
.content .searchfield input[type="text"] { 
	background-color:#f5f5f5;
	border:none;
	margin-left:0;
	height:30px;
	width:170px;
	padding: 5px 5px;
}
*/
/* HSE database */
.navsearchfield {
	background: #fff url(/css/images/f_searchglass.png) no-repeat right center; 
	width:220px;
	margin-top:15px;
	margin-bottom:40px;
}
.navsearchfield input[type="text"] { 
	background-color:#f5f5f5;
	border:none;
	margin-left:0;
	height:30px;
	width:190px;
	padding: 5px 5px;
}
.navsearchfield input[type="image"] { 
	height:22px;
	width:30px;
}
@media (max-width: 979px) {
	.navsearchfield {
		width:156px;
	}
	.navsearchfield input[type="text"] { 
		width:126px;
	}
}

footer .searchfield input[type="image"], header .searchfield input[type="image"], .content .searchfield input[type="image"] { 
	height:22px;
	width:30px;
}

/* Header (<768px) */
header li.searchfield {
	margin-top:7px;
	float:right;
	width:180px;
	background: url(/css/images/searchglass.png) no-repeat right center; 
	margin-bottom:10px;
}
header .searchfield input[type="text"] { 
	background-color:#5E6A71;
	color:#AFB4B8;
	border:none; /*1px solid #AFB4B8*/
	margin-left:0;
	height:22px;
	width:150px;
	padding: 3px 5px;
}

/*
.searchfieldtable { background:url(/css/images/searchfield.jpg) no-repeat 0 0; width:204px; height:22px } 
.searchField { background:none; border:none; margin-left:6px; width:168px; height:22px; }

.searchfieldtable2 { background:url(/css/images/bg_searchfield.png) no-repeat 0 0; width:220px; height:21px ) no-repeat 0 0; width:220px; height:21px; margin-bottom:20px; } 
.searchField2 { background:none; border:none; margin-left:6px; width:178px; height:21px; }
*/

/* ========== RESPONSIVE ======== */
@media (max-width: 640px) {
	
}

/* ========== RESPONSIVE END ======== */