/* --------------------------------------------------------------- */
/*                                                                 */
/*   FORMULARE CSS-DATEI                                           */
/*   Koller Internet GmbH, www.kollerinternet.ch                   */
/*                                                                 */
/* --------------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* --- HTML TAGS  ------------------------------------------------ */
/* --------------------------------------------------------------- */

input,
textarea,
select {
	color: #000000 !important;
}

input,
textarea {
	border: 1px solid #7D898C;
	background-color: #E5E7E8;
	padding: 2px;
}

select {
	border: 1px solid #7D898C;
	background-color: #E5E7E8;
	padding: 1px;
}

input[type = "submit"],
input[type = "button"],
input[type = "reset"] {
	background-color: #B1B8BA;
	padding: 2px 5px;
}

input[type = "radio"],
input[type = "checkbox"] {
	background: none;
	border: none;
}

input:hover,
select:hover,
textarea:hover {
	background-color: #CBD0D1;
}

input:focus,
select:focus,
textarea:focus {
	background-color: #DEE1E2;
}

fieldset {
	border: none;
}

legend {
	display: none;
}

label {
}

/* --------------------------------------------------------------- */
/* --- VISUELLE UNTERSTüTZUNG  ----------------------------------- */
/* --------------------------------------------------------------- */

label,
select,
input[type = "checkbox"],
input[type = "radio"], 
input[type = "button"],
input[type = "submit"] {
	cursor: pointer;
}

/* --------------------------------------------------------------- */
/* --- EIGENE KLASSEN  ------------------------------------------- */
/* --------------------------------------------------------------- */

.formRequired {
	color: #FF0000;
}

.formLabel {
	width: 160px;
	line-height: 23px;
}

.formField {
}

.formArea {
}

.formRadio {
	background: none;
	border: none;
}

.formButton {
}

.formCheckbox {
}

.formError {
	color: #000000;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #990000;
	background-color: #F0D9D9;
}

.formError ul {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
}

.formError ul li {
	background-image: url(../images/icons/list_error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.formDisabled {
}