#fe_waitImage {
	position: absolute;
	top: 10px;
	right: 10px;
	/*display: none;*/
}

div.fe_cattr_hidden {
	display: none;
}

span.fe_info_img {
	float: left;
	margin-left: 6px;
	margin-right: 4px;
	background-image: url("../../IMX_RESOURCE/fe/images/info.png");
	width: 16px;
	height: 16px;
}
/* Info im Tabellenkopf */
th span.fe_info_img {
	float: right;
	margin-left: 4px;
	margin-right: 0;
}

div.fe_info {
	font-weight: normal;
	display: none;
	position: absolute;
	padding: 2px;
	border: solid 1px darkblue;
	width: auto;
	background-color: lightblue;
}

/* Wenn Validierungsfehler als Icon angezeigt werden */
span.fe_message_img {
	display: none;
	float: left;
	margin-left: 6px;
	margin-right: 4px;
	background-image: url("../../IMX_RESOURCE/fe/images/advice.png");
	width: 16px;
	height: 16px;
}

/* Wenn Validierungsfehler als Text angezeigt werden */
span.fe_message_label {
	display: none;
	float: left;
	margin-left: 6px;
	margin-right: 4px;
	color: #FF0000;
	font-weight: bold;
}

div.fe_message {
	display: none;
	position: absolute;
	z-index: 100;
	padding: 2px;
	border: solid 1px darkblue;
	width: auto;
	background-color: lightcoral;
}
div.fe_pointer, span.fe_pointer, div.fe_pointer label, img.fe_pointer {
	cursor: pointer;
}

div.fe_break {
	clear: left;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	width:100px; /*feste Breite, da IE6 sonst umschließende Fieldsets über gesamte Breite zieht*/
}

div.fe_component {
	/*clear: left;*/
	float: left;
	padding: 4px 0;
}

.fe_layout_group {
	float: left;
	margin-top: 1em;
	margin-right: 1.5em;
	/*padding: 4px 0;*/
}

div.fe_label {
	float: left;
	width: 150px;
	padding-right: 10px;
}

div.fe_label label {
	font-weight: bold;
}

tr.fe_repeat_table_head th {
	vertical-align:bottom;
}

div.fe_cattr_required > div.fe_label > span.fe_label_suffix {
	display: inline;
	margin-left: 2px;
}

/* Labelzusatz standardmäßig aus */
.fe_label_suffix {
	display: none;
/* nicht notwendig
	float: left;
*/
}

div.fe_component div.fe_c_content {
	float: left;
	/*margin-left: 10px;*/
}

div.fe_c_fields {
	float: left;
	/*margin-left: 10px;	*/
}

div.fe_renderer_spacer {
	float: left;
	width: 8px;
}

div.fe_renderer_spacer_break {
	clear: left;
	height:3px;
}

div.fe_component div.fe_message {
	float: left; /*width: 300px;*/
	/*margin-left: 8px;*/
}

option {
	padding: 0 4px;
}

/* War? Fuer Opera erforderlich, damit die Checkboxen links ausgerichtet werden */
.fe_check_option {
	/*float:left;*/
	/*clear:left;*/
	margin:2px;
}

/* Gruppen */

div.fe_component fieldset legend label,
fieldset.fe_layout_group legend label {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

div.fe_component fieldset legend.fe_collapsible label {
	padding-right:18px;
	background: no-repeat right top url("../../IMX_RESOURCE/fe/images/bullet_toggle_minus.png");
}
div.fe_component fieldset.fe_collapsed legend.fe_collapsible label {
	background: no-repeat right top url("../../IMX_RESOURCE/fe/images/bullet_toggle_plus.png");
}

/* Gruppiert ohne Fieldset (stattdessen: div) */
.fe_layout_group div.fe_lg_content {
	float: left;
}

/* Repeat */

/* Repeat-Tabelle mit Zeilen im Gruppenlayout über volle Breite */
.fe_r_content table.fe_repeat_group_table {
	width:100%;
}

/* aktive Zeile hinterlegen */
.fe_selected_repeat_row {
	background-color: #e4e4e4;
}
/* aktive Zeile in zweiter und dritter Ebene stärker hervorheben */
.fe_selected_repeat_row .fe_selected_repeat_row {
	background-color: #c0c0c0;
}
.fe_selected_repeat_row .fe_selected_repeat_row .fe_selected_repeat_row {
	background-color: #909090;
}

/* Del-Buttons deaktivieren, wenn min-rows erreicht */
fieldset.fe_minimum_rows > legend img.fe_repeat_del_img {
	background:none;
}

fieldset.fe_minimum_rows > div > table td img.fe_repeat_row_del_img {
	background:none;
}

/* Add-Buttons deaktivieren, wenn max-rows erreicht */
fieldset.fe_maximum_rows > legend img.fe_repeat_add_before_img {
	background:none;
}
fieldset.fe_maximum_rows > legend img.fe_repeat_add_after_img {
	background:none;
}

fieldset.fe_maximum_rows > div > table img.fe_repeat_row_insert_first_img {
	background:none;
}

fieldset.fe_maximum_rows > div > table img.fe_repeat_row_append_img {
	background:none;
}

/* Gruppen in Repeats über die volle Höhe aller Felder */
/*
 {
	overflow:hidden;
	clear: left;
	float:left;
}
*/

div.ctype_repeat .fe_body_repeat_set {
	/*border: solid 1px #AAA;*/
	overflow: hidden;
	padding: 2px;
	margin-bottom: 5px;
}

div.ctype_repeat fieldset, div.ctype_group fieldset {
	/* Aus irgendeinem Grund wird sonst ein margin-top von 21px angenommen */
	margin-top: 5px;
}

/* werden nicht mehr gerendert, anstatt sie nur unsichtbar zu machen
tr.fe_repeat_table_row div.fe_label {
	display: none;
}
tr.fe_repeat_table_row span.fe_label_info_img {
	display: none;
}
*/

tr.fe_repeat_table_row thead th {
	padding-bottom:4px;
}
tr.fe_repeat_table_row div.fe_component {
	padding:2px;
}

div.fe_c_content input[type=text],
	div.fe_c_content input[type=password],
	div.fe_c_content textarea {

	border: solid 1px #ADB5CE;
}

div.fe_c_content input[type=text]:focus,
	div.fe_c_content input[type=password]:focus,
	div.fe_c_content textarea:focus {

	background-color: #FFFFCC;
}

div.fe_error_tooltip input {
	background-color: #FFCCCC;
}

/* ROTE RAHMEN UM FEHLERFELDER */
/* Hervorheben des ganzen Komponenteninhalts bei Validierungsfehlern */
div.fe_invalid_value > .fe_c_content {
	border:red 1px solid;
}
/* Für Felder die bereits das Tooltip enthalten, Border wieder explizit deaktivieren? */
/*
div.fe_error_tooltip .fe_c_content  { border: none; }
*/
/* Hervorheben eines einzelnen Renderers bei Konvertierungsfehlern */
.fe_c_content div.fe_invalid_input {
	border:red 1px solid;
}
/* Für Felder die bereits das Tooltip enthalten, Border wieder explizit deaktivieren? */
/*
.fe_c_content div.fe_error_tooltip { border:none; }
*/
/* Container, die Felder mit ungültigen Werten enthalten */
div.fe_invalid_children > fieldset > legend > label {
	color:red;
}

/* Zeilen in Tabellen-Repeats mit ungültigen Feldern */
tr.fe_invalid_children > td {
	border-top:red 1px solid;
	border-bottom:red 1px solid;
	background-color:#FFEEEE;
}

/* Überschriften von Layout-Elementen (TabLayoutRenderer) */
div.imx_tabs div.fe_label.fe_invalid_children {
	background-color:#FFAAAA;
}

div.imx_tabs div.imx_active_tab.fe_label.fe_invalid_children {
	background-color:#DD8888;
}
div.imx_tabs div.fe_label.fe_invalid_children > span {
	color:red;
}

div.fe_all_children_hidden {
	display: none;
}

span.fe_value_postfix {
	margin-left: 2px;
}

div.fe_submission {
	clear: left;
	float: left;
	padding: 10px 0;
	margin-left: 160px;
}

div.fe_reset {
	float: left;
	padding: 10px;
}

div.fe_cancel {
	float: left;
	padding: 10px;
}

/* spezielle Renderer */

/* file upload */

.fe_upload_iframe {
	width: 260px;
	height: 27px;
}

.fe_progressBar {
	display: none;
	/* offset und hoehe wie die hoehe des upload_iframes */
	margin-top: -30px;
	height: 30px;
}

.fe_upload_cancel_img {
	background-image: url("../../IMX_RESOURCE/fe/images/cancel.png");
	width: 16px;
	height: 16px;
	position: relative;
	float: left;
	margin-left: 1px;
	top: 4px;
}

.fe_progressBarBox {
	position: relative;
	float: left;
	top: 4px;
	width: 230px;
	height: 15px;
	border: 1px inset;
	background: #eee;
}

.fe_progressBarText {
	position: absolute;
	left: 3px;
	top: 0;
	width: 230px;
	z-index: 2;
	font-size: 11px;
}

.fe_progressBarContent {
	width: 0;
	height: 15px;
	border-right: 1px solid #444;
	background: #9ACB34;
}

/* Calendar */

div.fe_calendar_img {
	float: left;
	/*margin-left: 10px;*/
	background-image: url("../../IMX_RESOURCE/fe/images/date.png");
	width: 16px;
	height: 16px;
}

/* gleiche Symbole für normales Delete und im Kalender */
div.fe_calendar_del_img, div.fe_delete_img {
	float: left;
	margin-left: 5px;
	background-image: url("../../IMX_RESOURCE/fe/images/cross.png");
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* z-index für js_calendar hier global setzen, da sonst in js-calendar für jedes theme separat notwendig */ 
.js_calendar {
	z-index:1000;
}

/* Option-Table */
table.fe_option_table .fe_option_checkbox_column {
	width: 20px;
}

/* Müsste höher (und evtl. breiter) gemacht werden, wenn man dynamisch zwischen
 rditierbar und readonly umschalten will, damit die Tabelle nicht springt.
  Um die Splate ganz schmal bzw. unsichtbar zu machen, sollte display:none gesetzt werden (width:0 funktioniert nicht) */
/*
.fe_cattr_readonly table.fe_option_table .fe_option_checkbox_column {
    display:none;
}
*/

div.fe_option_checkbox_popup_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/shape_square_add.png");
	width: 16px;
	height: 16px;
	float:right;
}

.fe_option_page_size {
	cursor:pointer;	
	background: no-repeat right url("../../IMX_RESOURCE/fe/images/bullet_arrow_down.png");
	padding-right: 16px;
}

div.fe_option_checkbox_popup, div.fe_option_pagesizer_popup {
	cursor:pointer;
	padding: 3px;
	border: solid #D0D0D0 1px;
	background:white;
	text-align:left;
	font-weight:normal;
}

div.fe_option_checkbox_popup div, div.fe_option_pagesizer_popup div {
	margin: 2px;
}

div.fe_option_checkbox_popup div:hover {
	font-weight:bold;
}

/* Popup für gesamten Renderer*/

/* Popup in Scrollbarem Rahmen */
div.fe_renderer_popup {
	border: solid #D0D0D0 1px;
	background:white;
	/*min-width:60px;*/
	/* Scrollbares overflow sorgt frü Probleme bei Popups in Popups
	  Die werden jetzt bei Bedarf über eigene klassen für spezielle Renderer gesetzt
	max-height:160px;
	overflow:auto;
	*/
}

div.fe_tree_renderer div.fe_renderer_popup_container {
	padding: 3px;
	max-height:160px;
	overflow:auto;	
}

div.fe_renderer_popup_label {
	cursor:pointer;
	font-weight:bold;
}

div.fe_renderer_popup_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/add.png");
	width: 16px;
	height: 16px;
}

div.fe_renderer_popup_title {
	font-weight:bold;
	margin-bottom:4px;
}


div.fe_options_popup_label {
	cursor:pointer;
	font-weight:bold;
}

div.fe_options_popup_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/add.png");
	width: 16px;
	height: 16px;
}

/* AddOptions */

/* Optionen in scrollbarem Rahmen */
div.fe_add_options {
/* rechts 18, damit in Opera Platz für den Scrollbar ist */
	padding: 3px 18px 3px 3px;
	/*border: solid #D0D0D0 1px;*/
	max-height:120px;
	overflow:auto;
}

/* im popup kein zusätzliches Padding */
div.fe_renderer_popup div.fe_add_options {
	padding: 0 15px 0 0;
}

.fe_add_options div:hover {
	cursor:pointer;
	font-weight:bold;
}

.fe_option_disabled {
	color: gray;
}

.fe_add_options div.fe_option_disabled:hover {
	cursor:default;
	font-weight:normal;
}

/* Optionen ModifySelection */

ul.fe_selected_options li:hover{
	cursor:pointer;
	text-decoration: line-through;
	font-style:italic; /* damit in Opera auch was passiert */
	/*font-weight:bold;*/
}

/* keine Änderung, wenn Komponente readonly */
div.fe_cattr_readonly > div.fe_c_content ul.fe_selected_options li:hover{
	cursor:default;
	text-decoration: none;
	font-style:normal;	
}

ul.fe_selected_options {
	padding-left:0;
	margin-left:0;
	margin-top:0;
}

ul.fe_selected_options li {
	clear:left;
	line-height:16px;
	list-style:none;
	padding-left:0;
	margin-left:0;
}

ul.fe_selected_options li div {
	float:left; /* alles zu einem Wert in einer Zeile */
}

.fe_option_del_img {
	margin-left: 5px;
	margin-right: 5px; /* rechts etwas spielraum für das mouseover */
	background: url("../../IMX_RESOURCE/fe/images/cross.png") no-repeat;
	width: 16px;
	height: 16px;
	cursor:pointer;
}

.fe_option_move_up, .fe_option_move_down, .fe_option_move_top, .fe_option_move_bottom {
	margin-left: 5px;
	margin-right: 0;
	width: 16px;
	height: 16px;
	background: no-repeat;
}

.fe_option_move_down {
	background-image: url("../../IMX_RESOURCE/fe/images/move_down.png");
}

.fe_option_move_up {
	margin-left: 0;
	background-image: url("../../IMX_RESOURCE/fe/images/move_up.png");
}

.fe_option_move_top {
	background-image: url("../../IMX_RESOURCE/fe/images/move_top.png");
}

.fe_option_move_bottom {
	background-image: url("../../IMX_RESOURCE/fe/images/move_bottom.png");
}

/* Repeat-Buttons */

.fe_body_repeat_set legend img {
	vertical-align:middle;
	width:16px;
}

.fe_repeat_add_before_img {
	margin-left: 15px;
	cursor:pointer;
	background: 0 -1px url("../../IMX_RESOURCE/fe/images/add_before.png");
}

.fe_repeat_add_after_img {
	cursor:pointer;
	background: url("../../IMX_RESOURCE/fe/images/add_after.png");
}

img.fe_repeat_row_append_img, img.fe_repeat_row_insert_first_img {
	cursor:pointer;
	width:16px;
	height:16px;
	background: url("../../IMX_RESOURCE/fe/images/add.png");
}

td.fe_repeat_row_append_left, td.fe_repeat_row_insert_first_left {
	text-align:left;
}
td.fe_repeat_row_append_right, td.fe_repeat_row_insert_first_right {
	text-align:right;
}

.fe_repeat_del_img {
	margin-left: 5px;
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/delete.png");
}

img.fe_repeat_row_del_img {
	/*margin-left: 5px;*/
	cursor:pointer;
	width:16px;
	background-image: url("../../IMX_RESOURCE/fe/images/delete.png");
}

.fe_repeat_up_img {
	margin-left: 15px;
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/arrow_up.png");
}

.fe_repeat_down_img {
	margin-right: 5px;
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/arrow_down.png");
}


/* Dialog-Popup */

div.fe_dialog_img {
	float: left;
	/*margin-left: 10px;*/
	background-image: url("../../IMX_RESOURCE/fe/images/application_form_add.png");
	width: 16px;
	height: 16px;
	cursor: pointer;
}


/* Tree */

li.fe_tree_node {
	clear:left;
	padding-left:0;
	margin-left:0;
	list-style:none;
}

/* die erste Ebene linksbündig */
ul.fe_tree_nodes {
	padding-left:0;
	margin-left:0;
	/* verhindert Abstand des gesamtes Baums nach oben */
	margin-top:0;
}

/* alle weiteren Ebenen einrücken */
li.fe_tree_node ul.fe_tree_nodes {
	padding-left:18px;
}

div.fe_node_opener {
	float:left;
	height:16px;
	width:16px;
}

div.fe_node_closed {
	background: url("../../IMX_RESOURCE/fe/images/tree/plus.gif") no-repeat 3px 3px;
}

div.fe_node_open {
	background: url("../../IMX_RESOURCE/fe/images/tree/minus.gif") no-repeat 3px 3px;
}

/* TODO gehört eigentlich nicht in das allgemeine CSS */


div.fe_node_icon {
	float:left;
	width:16px;
	height:16px;
	background: url("../../IMX_RESOURCE/fe/images/bullet_green.png") no-repeat;
	margin-right:2px;
}

div.fe_tree_folder_img {
	background: url("../../IMX_RESOURCE/fe/images/folder.png") no-repeat;
}
.fe_selected_options li div.fe_tree_folder_img {
	padding-left: 20px;
}

/* spezielle Markierung des gewaehlten Elements */
/* TODO geht nicht im IE6 */
li.fe_node_in_path > label.fe_node_label {
	font-weight: bolder;
	font-style:italic;
}

li.fe_node_selected > label.fe_node_label {
	font-weight: bold;
}

li.fe_node_selected > div.fe_tree_item_img {
	background: url("../../IMX_RESOURCE/fe/images/bullet_red.png") no-repeat;
}


/* Alle Abstaende fuer Layout-Tabelle der Choices abschalten */
table.fe_choices_table input {
	margin:0;
}

div.ctype_boolean input.fe_element_checkbox {
	margin:0;
}

table.fe_choices_table tr {
	padding:0;
}

table.fe_choices_table td {
	padding:2px 0;
}

/* Wenn Choices keine definierte breite, dann Abstand einfuegen */
table.fe_dynamic_choice_width td {
	padding-right:6px;
}

/* Wenn Label und Choice uebereinander, dann zentrieren */

/* Bei Zeilenumbruch nach label, Abstand fuer Radio-Option */
td.fe_break_after_label input{
	margin-top:2px;
}

/******************************************/
/* classes für spezielle Layout-Varianten */
/******************************************/


/* Klassen für mehrspaltige Anordnung von Komponenten */
/* Alle Komponenten-Container in Spalten legen ihre Breite durch die class mit
	der entsprechenden Anzahl fest */

div.fe_2_columns {
	width: 49%;
}

div.fe_3_columns {
	width: 33%;
}

div.fe_4_columns {
	width: 24.5%;
}

/* Label-Ausrichtung für mehrspaltige Darstellung, wenn Komponente direkt in same_line oder wenn "Flat"-layout-Element der Komponente in same_line */
div.fe_additional_column > div.fe_label,
div.fe_additional_column > div.fe_component > div.fe_label,
div.fe_same_line > div.fe_label,
div.fe_same_line > div.fe_component > div.fe_label
{text-align: right;}

/* Für untergeordnete Felder wieder rückgängig machen, wenn eine Gruppe/Repeat in einer zusätzlichen Spalte ist */
div.fe_additional_column fieldset div.fe_label{text-align: left;}
div.fe_same_line fieldset div.fe_label{text-align: left;}
/* und darin wieder für die Spalten aktivieren - müsste auch für weitere Verschachtelungen gemacht werden */
fieldset div.fe_additional_column div.fe_label{text-align: right;}
fieldset div.fe_same_line div.fe_label{text-align: right;}

/* und etwas Abstand nach links sichern */
div.fe_additional_column div.fe_label label {padding-left: 8px;}
div.fe_same_line div.fe_label label {padding-left: 8px;}
/* und noch dafür sorgen, dass label slebst kein Float hat */
div.fe_additional_column div.fe_label label {float:none;}
div.fe_same_line div.fe_label label {float:none;}

/* wenn same_line und kein Label, dann etwas Abstand für Inhalte */
div.fe_same_line div.fe_c_no_label {
	margin-left: 8px;
}


/* Wenn Label über der Komponente, dann wieder links ausrichten */
div.fe_label_above div.fe_label {
	float: none;
	width: auto;
	text-align: left;
	margin-bottom: 4px;
}
div.fe_label_above div.fe_label label {padding-left: 0;}


/* so können Renderer in einer neuen Zeile beginnen */
div.fe_render_in_new_line {
	clear:left;
}

/* Blätter-Buttons */

.fe_page_first_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/page_first.png");
	width: 16px;
	height: 16px;
}

.fe_page_fr_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/page_fastrewind.png");
	width: 16px;
	height: 16px;
}

.fe_page_prev_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/page_prev.png");
	width: 16px;
	height: 16px;
}

.fe_page_next_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/page_next.png");
	width: 16px;
	height: 16px;
}

.fe_page_ff_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/page_fastforward.png");
	width: 16px;
	height: 16px;
}

.fe_page_last_img {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/page_last.png");
	width: 16px;
	height: 16px;
}

/* Auf erster oder letzter Seite die entsprechenden Buttons ausblenden */

table.fe_is_first_page .fe_page_first_img, table.fe_is_first_page .fe_page_fr_img, table.fe_is_first_page .fe_page_prev_img {
	cursor:auto;
	background-image:none;
}

table.fe_is_last_page .fe_page_last_img, table.fe_is_last_page .fe_page_fr_img, table.fe_is_last_page .fe_page_next_img {
	cursor:auto;
	background-image:none;
}

/* Slider zum Tabellen blättern*/
div.fe_slider {
	width:160px;
	height:4px;
	margin:7px 0 8px 0;
	background-color:#E0E0E0;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	position: relative;
}

/* Slider für Werteauswahl */
div.fe_value_slider_h,
div.fe_value_slider_v {
	background-color:#E0E0E0;
	position: relative;
}

div.fe_value_slider_h {
	width:110px;
	height:4px;
	margin:7px 0 8px 0;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

div.fe_value_slider_v {
	width:4px;
	height:110px;
	margin:7px 0 8px 0;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
}

/*
div.fe_slider {
	margin-top: 10px;
}
*/
div.fe_slider .fe_slider_handle,
.fe_value_slider_handle {
	background: url(../images/move_down.png) no-repeat 2px -4px;
	border: 0 none;
	min-width: 19px;
	width: auto;
	height:14px;
	margin:-6px 0 0 0;
	text-align:center;
	padding: 10px 0 0 0;
	font-weight: bold;
	cursor:e-resize;
	position: absolute;
}

div.fe_value_slider_v .fe_value_slider_handle {
	background: url(../images/page_next.png) no-repeat 0 -1px;
	margin:0 0 0 -10px;
	text-align:left;
	padding: 0 0 0 14px;
	cursor:s-resize;
}


/* alte Version des Handles
div.fe_slider .fe_slider_handle {
	width:16px;
	height:14px;
	margin:-5px 0 0 0;
	text-align:center;
	background-color:#80C0F0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	cursor:e-resize;
	position: absolute;
}
*/

table.fe_page_browser td {
	text-align: center;
}

.fe_duration span {
	margin-right: 6px;
}

/* Layout für Suggestor div und enthaltene Liste */
div.fe_input_suggestions {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.fe_input_suggestions ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.fe_input_suggestions ul li.selected { background-color: #ffb;}
div.fe_input_suggestions ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  /*height:32px;*/
  cursor:pointer;
}
div.fe_input_suggestions ul li span{
	/*display:block;*/
	font-style: italic;
}

/* EditableOutputRenderer */

div.fe_editable_field {
	cursor:pointer;	
	padding:2px 1px; /* damit es beim Umschalten auf das Textfeld nicht rumspringt*/
}

div.fe_editable_field_img {
	cursor:pointer;
	background: no-repeat center url("../../IMX_RESOURCE/fe/images/pencil.png");
	width: 16px;
	height: 16px;
	padding: 1px;
}

/* Inc/Dec Button Renderer */

div.fe_add_button_inc {
	background-image: url("../../IMX_RESOURCE/fe/images/bullet_arrow_up.png");
	width: 16px;
	height: 16px;
	float:left;
}

div.fe_add_button_dec {
	background-image: url("../../IMX_RESOURCE/fe/images/bullet_arrow_down.png");
	width: 16px;
	height: 16px;
	float:left;
}

div.fe_add_duration_button_inc {
	background: -3px 0 url("../../IMX_RESOURCE/fe/images/bullet_arrow_right.png");
	width: 8px;
	height: 16px;
	float:left;
}

div.fe_add_duration_button_dec {
	background: -5px 0 url("../../IMX_RESOURCE/fe/images/bullet_arrow_left.png");
	width: 8px;
	height: 16px;
	float:left;
}

/* AddTextRenderer */

button.fe_add_text_accept {
	background: transparent url("../../IMX_RESOURCE/fe/images/accept.png") no-repeat;
	border:0;
	padding:0;
	width: 16px;
	height: 16px;
	vertical-align:top;
	margin-left: 3px;
	cursor: pointer;
}

/* RatingRenderer */

/* die Hover-Zustände haben durch das vorangestellte div eine höhere Priorität */
.fe_rating_star_active, div.fe_rating_star_hover_active{
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/star.png");
	width: 16px;
	height: 16px;
	float:left;
}

.fe_rating_star_passive, div.fe_rating_star_hover_passive {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/star_white.png");
	width: 16px;
	height: 16px;
	float:left;
}

/* durchgestrichener Stern für 0-Wert */
.fe_rating_zero_active, div.fe_rating_zero_hover_active{
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/star_crossed.png");
	width: 16px;
	height: 16px;
	float:left;
}

.fe_rating_zero_passive, div.fe_rating_zero_hover_passive {
	cursor:pointer;
	background-image: url("../../IMX_RESOURCE/fe/images/star_crossed_white.png");
	width: 16px;
	height: 16px;
	float:left;
}

/* ****************** einige vordefinierte Style-Angaben ******************* */
/* ********* die bei Bedarf noch im Detail angepasst werden können ********* */

div.fe_extra_small_input input, div.fe_extra_small_input textarea {
	width: 30px;
}
div.fe_small_input input, div.fe_small_input textarea {
	width: 65px;
}
div.fe_large_input input, div.fe_large_input textarea {
	width: 250px;
}
div.fe_extra_large_input input, div.fe_extra_large_input textarea {
	width: 500px;
}

/* Kurze und Lange Beschriftungen*/
.fe_small_label div.fe_label {
	width: 80px;
}
.fe_large_label div.fe_label {
	width: 250px;
}

/* und noch die intuitivieren Namen */
.fe_short_label div.fe_label {
	width: 80px;
}
.fe_long_label div.fe_label {
	width: 250px;
}

/* Rechts ausrichten im Input und in Tabellen-Zellen */
div.fe_value_right div.fe_c_fields input {
	text-align: right;
}
td div.fe_value_right {
	float: right;
}
/* Versteckter Submit-Button */
input[type="submit"].hidden_submit {
	width: 0;
	height: 0;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	line-height: 0;
	font-size: 0;
	overflow:hidden;/* wichtig für IE7! */
}

.fe_text_drop_down_options_wrapper {
	height: 150px;
	overflow-y: scroll;
}
.fe_text_drop_down_options ul, .fe_text_drop_down_options li {
	list-style: none;
	margin: 0;
}
.fe_text_drop_down_options ul {
	padding: 0;
}
.fe_text_drop_down_options li {
	cursor: pointer;
	padding: 4px;
}
.fe_option_extended_sort_asc {
	padding-right: 16px;
	background: no-repeat right url("../../IMX_RESOURCE/fe/images/bullet_arrow_up.png");
}
.fe_option_extended_sort_desc {
	padding-right: 16px;
	background: no-repeat right url("../../IMX_RESOURCE/fe/images/bullet_arrow_down.png");
}