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

/* -----------------------------------------------
	standard formatting, do not change!!!
----------------------------------------------- */
fieldset {
	border: none;
}

legend {
	display: none;
}

form .button {
	text-align: center;
	cursor: pointer;
}

.clear {
	clear: both;
	height: 0;
	margin-top: 0 !important;
	margin-top: -2px;
	font-size: 1px;
}

.hidden {
	display: none;
	position: absolute;
	left: -9999px;
}

/* -----------------------------------------------
	Formular Grundformatierungen
----------------------------------------------- */
.standardForm {
	padding: 15px 0 !important;
	padding: 25px 0;
}

.standardForm h1,
.standardForm h2,
.standardForm h3,
.standardForm h4,
.standardForm h5,
.standardForm h6 {
	position: relative;
	top: -15px;
}

.standardForm .commentElement h1,
.standardForm .commentElement h2,
.standardForm .commentElement h3,
.standardForm .commentElement h4,
.standardForm .commentElement h5,
.standardForm .commentElement h6 {
	top: 0;
}

.standardForm hr {
	margin: 15px 0 8px 0 !important;
	margin: 10px 0 5px 0;
}

/* Zeilen Elemente */
.formElement,
.commentElement {
	position: relative;
	/* padding of the Element, top and bottom interacts with the margin above*/
	padding-top: 3px;
}

/* Zeilen Elemente */
#contentMain .formElement,
#contentMain .commentElement {
	/* space to the next Element */
	margin-top: -12px !important;
	margin-top: -14px;
}

.commentElement {
	clear: both;
	/* depends on the margin of the form Element */
	padding-bottom: 16px;
}

/* Input Elements */
.formElement input,
.formElement textarea,
.formElement select {
	/* width of the input element*/
	width: 140px;
}

#contentMain .formElement input,
#contentMain .formElement textarea,
#contentMain .formElement select,
#contentMain .radioElement fieldset {
	display: block;
	position: relative;
	/* adjustment of the input elements */
	top: -14px !important;
	top: -15px;
	/* distance to the left border*/
	left: 150px;
	/* width of the input element*/
	width: 200px;
}

/* special adjustment for IE */
#contentMain .radioElement fieldset  {
	left: 150px !important;
	left: 146px;
}

.formElement .requiredElement{
	display: block;
	position: absolute;
	left: -8px;
}

/* label, should be less the the input distance to the left border*/
.formElement label {
	display: block;
	width: 140px;
	cursor: pointer;
}

/* Reset width of special input element */
.formElement .button,
#contentMain .formElement .button,
.formElement .radio,
#contentMain .formElement .radio,
.formElement .check,
#contentMain .formElement .check {
	width: auto;
}

/* Special adjusment for the buttons */
#contentMain .formElement input.button {
	top: -1px !important;
	top: -1px;
	margin-bottom: -10px !important;
	margin-bottom: -23px;
}

/* special checkbox format */
.checkElement input,
#contentMain .checkElement input {
	left: 0;
}

.checkElement label {
	display: block;
	width: auto;
	margin-left: 20px;
}

/* special radio format */
.radioElement fieldset input,
#contentMain .radioElement fieldset input {
	clear: left;
	float: left;
	position: static;
	height: 16px;
	margin-right: 5px;
}

.radioElement fieldset label {
	float: left;
	position: static;
	line-height: 16px;
}








/**
 * Style sheet for CalendarPickerControl
 * System-colors theme
 */

div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("/fileadmin/template/main/images/calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: buttonface;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.monthnameLNX{
	width: 100%;
	font: normal 13px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
	background-color: buttonshadow;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.daynameLNX{
	font: normal 11px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: highlight;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: threedshadow;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}

#CalendarPickerControl td.weekend:hover{
	background-color: buttonshadow;
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: buttonhighlight;
	color: inactivecaptiontext;
	border: 1px solid buttonhighlight;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: buttonface;
	color: inactivecaptiontext;
	border-width: 0px;
}