/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* -----------------------------------------------
	Customized Rendering
----------------------------------------------- */

/* --- required element before --- */
.requiredElement label {
	padding-left: 10px;
}

.requiredElement span {
	position: absolute;
	top: 0;
	left: 0;
}

/* --- right floating Input --- */
.formElement .formLabel,
.formElement .formField {
	width: 49%;
}

.formElement .formLabel {
	display: inline;
	float: left;
}

.formElement .formField {
	display: inline;
	float: right;
}

.formElement input,
.formElement textarea,
.formElement select,
.formElement fieldset {
	width: 100%;
	border-color: #7F9DB9;
}

/* --- left floating Checkbox --- */
.checkboxElement .formLabel {
	float: right;
}

.checkboxElement .formField {
	float: left;
}

/* --- left floating radio --- */
.formElement fieldset input {
	clear: left;
	float: left;
	margin: 3px 5px 0 0 !important;
	margin: 0 5px 0 0;
}

.formElement fieldset label {
	float: left;
	width: 90% !important;
	width: 85%;
	margin-top: 3px;
}

/* --- left aligned Label --- */
.leftAlignedLabel .formLabel {
	text-align: left;
}

/* -----------------------------------------------
	Customized Styling
----------------------------------------------- */

.formElement,
.commentElement {
	margin: 8px 0;
}

.checkboxElement .formField { 	
	width: 4%;
	margin-left: 160px;
}

.formElement .checkbox {
	margin-top: 0 !important;
	margin-top: -3px;
}

# Link nach oben	
.csc-linkToTop {text-align:right;}

# Bild Beschriftung

.csc-textpic, .csc-textpic-right {font-size:10px;color:#cccccc;}