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


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

input,
textarea {
	font-size: 1em;
	border: 1px solid #B2B2B2;
	background-color: #E5E5E5;
	padding: 2px;
}

input[type = "submit"],
input[type = "button"],
input[type = "reset"] {
	border: 1px solid #B2B2B2;
	background-color: #FFFFFF;
	padding: 2px 5px;
}

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

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

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

select {
	font-size: 1em;
	border: 1px solid #666666;
	background-color: #F2F2F2;
	padding: 1px;
}

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  ------------------------------------------- */
/* --------------------------------------------------------------- */

.jsError {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #900;
	background-color: #F0D9D9;
}

.jsError p {
	color: #900;
	padding-left: 15px;
	background-image: url(../images/icons/list_error.gif);
	background-position: left 0.4em;
	background-repeat: no-repeat;
}

.formRequired {
	color: #FF0000;
}

.formLabel {
	line-height:2em;
}

.formField {
}

.formArea {
}

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

.formButton {
}

.formCheckbox {
}

.formError {
	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 {
}