@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/* FORMULARE */
form {
	padding:0;
	margin:0;
}
input, input[type=submit], input[type=button], select, textarea {
	font-family: 'Open Sans', sans-serif;
	padding:10px;
	outline:0;
	margin:5px 0px 5px 0px;
	border:1px solid rgba(194,194,194,1);
	width:calc(100% - 22px);
	max-width:100%;
	height:auto;
	border-radius:3px;
	background:rgba(255, 255, 255, 1);
	transition: all .4s ease;
	box-sizing:border-box;
}
select {
	width:calc(100% - 2px);
	max-width:100%;
}
input[type=submit], input[type=button] {
	margin:5px;
	padding-left:20px;
	padding-right:20px;
	width:auto;
	background:rgba(255,255,0,1);
}
input:hover, input[type=submit]:hover, select:hover, textarea:hover, input:focus, input[type=submit]:focus, select:focus, textarea:focus, input[type=button]:hover {
	border:1px solid rgba(0,0,0,0.7);
}
input:focus, input[type=submit]:focus, select:focus, textarea:focus, input[type=button]:focus {
	background:rgba(255,255,0,0.2);
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
   color: #C2C2C2;
   opacity: 0.8;
   font-style:italic;
}

textarea {
	height:68px;
}
select {
	width:100%;
}
input.drittel, select.drittel, textarea.drittel, div.drittel, #content section article img.drittel {
	width:calc(33% - 18px);
}
input.half, textarea.half, div.half, #content section article img.half {
	width:calc(50% - 25px);
}
select.half {
	width:calc(50% - 2px);
}
input.adminMenu, select.adminMenu {
	width:calc(43% - 18px);
}
#content section article img.drittel {
	height:38px;
}
input.fit-left, select.fit-left {
	margin-left:0px;
}
input.fit-right {
	margin-right:0px;
}
input.red, select.red, textarea.red {
	border:1px solid #CC0000;
	transition: all .4s ease;
}
input.green, select.green, textarea.green {
	border:1px solid #009900;
	transition: all .4s ease;
}
input.french, select.french, textarea.french {
	border:1px solid #0065A5;
}
input[type=checkbox], input[type=checkbox]:hover, input[type=radio], input[type=radio]:hover {
	width:auto;
	margin:0px 5px -1px 0px;
	background:none;
}

input[type=button].header-button {
	margin:0px 5px 0px 0px;
	padding:0px 15px 2px 15px;
	font-size:0.9em;
	float:right;
}

/* Formular Access View */
/* -------------------------------------- */
.formAccessView select, .formAccessView input {
	padding:2px 5px;
	margin:0 auto;
	margin-right:3px;
	font-size:0.9em;
	width:auto;
}
.formAccessView input {
	padding:2px 20px;
}
/* -------------------------------------- */

#formMitFilter {
	margin:15px 0px 5px 0px;
	padding:10px;
	border:1px solid rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.07);
}
#formMitFilter label {
	margin-right:10px;
}

/* Mitgliedernummer-Felder: nicht breiter als nötig */
input.field-nummer, input[name*="Nummer"], input[name*="nummer"],
input[name="regNummerVSPB"], input[name="regNummerBSPV"],
input[name="userNummerVSPB"], input[name="userNummerBSPV"], input[name="userNummerPVBK"] {
	max-width:180px;
	width:auto;
}