/* Stylesheets für Formulare */


/* Allgemein */
input {
/*	height:							16px;*/
	border:							0px;
	font-family:					"Tahoma", "Arial", "sans-serif";
	font-size:						12px;
	background-color:				#e8faff;
/*	background-color:				transparent;*/
	color:							#003399;
	/*padding:						6px 0px 3px 3px;
	width: 100%;*/
	padding: 2px 2px 2px 3px;
	margin: 0px;
}

input[type=radio] {
	background-color:				transparent;
}
input[type=checkbox] {
	background-color:				transparent;
}

textarea {
	border:							0px;
	font-family:					"Tahoma", "Arial", "sans-serif";
	font-size:						12px;
	background-color:				#e8faff;
	color:							#003399;
	padding:						2px;
}

select {
	border:							0px;
	border-color:					red;
	font-family:					"Tahoma", "Arial", "sans-serif";
	font-size:						12px;
	background-color:				#e8faff;
	color:							#003399;
	padding-top: 2px;
	margin: 0px;
}

/* Formularreihen, Labels, etc */
.formRowHead {
	border:							0px solid red;
	clear:							both;
	padding-left:       4px;
	padding-top:        5px;
	padding-bottom:     4px;
	width:							483px;
	background-color:		#A2ECFF;
	color:		          #003399;
	border-bottom:			1px solid #fff;
	overflow:           auto;
	font-weight:		bold;
}

.formRow {
	border:							0px solid red;
	clear:							both;
/*	width:							100%;*/
	width:							483px;
	background-color:				#BFF1FD;
	border-bottom:					1px solid #fff;
	overflow:          				auto;
	padding-left:					4px;
}

.formRowError {
	border:							0px solid red;
	clear:							both;
	width:							483px;
	background-color:				#33cc33;
	border-bottom:					1px solid #fff;
	overflow:          				auto;
	padding-left:					4px;
}


.formRowDouble {
	border:							0px solid red;
	clear:							both;
	width:							483px;
	height:							48px;
}

.formRowTextarea {
	border:							0px solid red;
	clear:							both;
	width:							483px;
	background-color:		#BFF1FD;
	border-bottom:			1px solid #fff;
	overflow:           auto;
	padding-left: 4px;
}

.formRowTextareaError {
	border:							0px solid red;
	clear:							both;
	width:							483px;
	background-color:		#33cc33;
	border-bottom:			1px solid #fff;
	overflow:           auto;
	padding-left: 4px;
}

.formRowSummary {
	border:							0px solid red;
	clear:							both;
	width:							483px;
	height:							20px;
	margin-bottom:					2px;
	padding-left:					4px;
}

.formRowSpacer {
	height:							20px;
}

.formLabel {
	float:						left;
	width:						150px;
	padding:					3px 0px 0px 0px;
}

.formLabelError {
	float:						left;
	width:						150px;
	padding:					3px 0px 0px 0px;
}

.formLabelMedium {
	float:						left;
	width:						210px;			
	padding:					3px 0px 0px 0px;
}

.formLabelMediumError {
	float:						left;
	width:						210px;
	padding-top:				3px;
	color:						#33cc33;
	padding:					3px 0px 0px 0px;
}

.formLabelLarge {
	float:						left;
	width:						340px;
	padding:					3px 0px 0px 0px;
}

.formLabelLargeError {
	float:						left;
	width:						340px;
	color:						#33cc33;
	padding:					3px 0px 0px 0px;
}


.formLabelClean {
	float:						left;
	width:						150px;
	padding:					3px 0px 0px 0px;
}
.formLabelCleanError {
	float:						left;
	width:						150px;
	color:						#33cC33;
	padding:					3px 0px 0px 0px;
}

.formLabelSummary {
	float:							left;
	width:							130px;
	padding-top:				3px;
}

.formField {
	float:							left;
	width:							329px;
	padding:						2px;
}
.formFieldSmall {
	float:							left;
	width:							150px;
	padding:						2px;
}
.formFieldMedium {
	float:							left;
	width:							220px;		
	padding:						2px;
}
.formFieldWide {
	float:							left;
	padding:						2px;
}


.formFieldReadonly {
	float:							left;
	width:							329px;
	padding:					2px;
}

.formFieldClean {
	float:							left;
	width:							329px;
	padding:					2px;
}

.formFieldSummary {
	float:							left;
	width:							329px;
	background-color:			#e8faff;
	padding:					2px;
}

.formLabelDouble {
	width:							100%;
	padding:					2px;
}

.formLabelDoubleError {
	width:							100%;
	padding:					2px;
	color:							#33cc33;
}

.formFieldRadio {
	width:							50px;
	float:							left;
}


.formCheckbox {
	float:							left;
	width:							30px;
 	border:							0px solid;
}

.formCheckboxLabel {
	float:							left;
	width:							495px;
	height: 100%;
}

.formCheckboxLabelError {
	float:							left;
	width:							495px;
 	color:							#33cc33;
}


/* Eingabefelder */

.inputSmall {
	width:							50px;
}

.inputSmallError {
	width:							50px;
	background-color:				#ccf2cc;
}

.inputMedium {
	width:							323px;
}

.inputMediumError {
	width:							323px;
	background-color:				#ccf2cc;
}

.inputMediumS {
	width:							120px;
}

.inputMediumSError {
	width:							120px;
	background-color:				#ccf2cc;
}

.inputLarge {
	width:							323px;
}

.inputLargeError {
	width:							323px;
	background-color:				#ccf2cc;
}

.inputExtraLarge {
	width:							323px;
}

.inputExtraLargeError {
	width:							323px;
	background-color:				#ccf2cc;
}

/* Textareas */

.textArea {
	width:							323px;
	height:							95px;
}
.textAreaError {
	width:							323px;
	height:							95px;
	background-color:				#ccf2cc;
}

.textAreaContact {
	width:							323px;
	height:							95px;
}
.textAreaContactError {
	width:							323px;
	height:							95px;
	background-color:				#ccf2cc;
}

.textareaLarge {
	width:							323px;
	height:							95px;
	overflow:						auto;
}

.textareaLargeError {
	width:							323px;
	height:							95px;
	overflow:						auto;
	background-color:				#ccf2cc;
}

.textareaExtraLarge {
	width:							323px;
	height:							95px;
	overflow:						auto;
}

.textareaExtraLargeError {
	width:							323px;
	height:							95px;
	overflow:						auto;
	background-color:				#ccf2cc;
}

/* Auswahllisten */

.selectSmall {
	width:							56px;
}

.selectSmallError {
	width:							56px;
	background-color:				#ccf2cc;
}

.selectMedium {
	width:							100px;
}

.selectMediumError {
	width:							100px;
	background-color:				#ccf2cc;
}

.selectLarge {
	width:							205px;
}

.selectLargeError {
	width:							205px;
	background-color:				#ccf2cc;
}

.selectExtraLarge {
	width:							240px;
}

.selectExtraLargeError {
	width:							240px;
	background-color:				#ccf2cc;
}

.selectMultipleMedium {
	width:							100px;
}

.selectMultipleMediumError {
	width:							100px;
	background-color:				#ccf2cc;
}
.selectMultipleLarge {
	width:							240px;
}

.selectMultipleLargeError {
	width:							240px;
	background-color:				#ccf2cc;
}

.selectMultipleExtraLarge {
	width:							284px;
}

.selectMultipleExtraLargeError {
	width:							284px;
	background-color:				#ccf2cc;
}

/* Checkboxen */

.checkbox {
	float:							left;
	width:							30px;
	border:							0px;
}
.checkboxError {
	float:							left;
	width:							30px;
	border:							0px;
}