/*###########################################################################################################*/
/* Styles für Tabellen */
/*###########################################################################################################*/

/*************************************************************************************************************/
/* Table */
table
{
	float: left;
	width: 100%;
	padding: 0px;
	border-collapse: separate;
	border-spacing: inherit;
	empty-cells: show;
	display: inline-table;
}

.tabelle
{
	border: 1px solid #555;
	margin-bottom: 1.5em;
}

.tabelle caption
{
	caption-side: top;
	font-weight: bold;
	text-align: left;
	font-size: 1em;
	margin-bottom: 0.5em;
	color: #3478b7;
}

.tabelle td img
{
	vertical-align: middle;
}



/*************************************************************************************************************/
/* Head */
.tabelle thead
{
	height: 18px;
	cursor: default;
	font-weight: bold;
	text-align: left;
	color: #FFF;
}

.tabelle thead th
{
	padding: 0px;
	text-decoration: none;
	height: 16px;
	padding: 0px 4px 0px 4px;
	text-indent: 1px;
	text-align: left;
	background-color: #6E6767;
	border-right: 1px solid #D2E3F2;
}

.tabelle thead th:last-child
{
	border-right: none;
}



/*************************************************************************************************************/
/* Body */
.tabelle tbody
{
	cursor: default;
}

.tabelle tbody tr
{
	height: 22px;
}

.tabelle tbody td, 
.tabelle tbody th
{
	vertical-align: top;
	padding: 2px 4px 2px 4px;
	height: 16px;
	border-top: 1px solid #ccc;
}

.tabelle tbody tr:first-child td, 
.tabelle tbody tr:first-child th
{
	border-top: 0px none;
}

.tabelle tbody th
{
	font-weight: bold;	
}
 
.tabelle tbody td:last-child
{
	border-right: none;
}

.tabelle tbody td p
{
	padding-top: 0em;
}



/*************************************************************************************************************/
/* Foot */
.tabelle tfoot
{
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #BCD2E9;
}

.tabelle tfoot td
{
	padding: 2px;
	text-indent: 3px;
	border-top: 1px solid #999;
	color: #000;
}



/*************************************************************************************************************/
/* Tabelle Scrollbereich */
.tabelle-scrollbereich
{
	float: left;
	width: 100%;
	margin: 0.3em 0em 0.5em 0em;
}

.tabelle-scrollbereich .head table, 
.tabelle-scrollbereich .body table
{
	margin: 0px;
}

.tabelle-scrollbereich .body
{
	max-height: 120px;
	margin: 0px;
	overflow-y: auto;
	border: 1px solid #666;
	border-top: 0px none;
}

.tabelle-scrollbereich .body table
{
	border: 0px none;
}



/*************************************************************************************************************/
/* Taellen sortieren mit jQuery UI */
.tabelle tbody tr.ui-state-highlight
{
	display: table-row;
	padding: 0px 5px 0px 5px;
	height: 32px;
}

.tabelle .ui-sortable-helper
{
	border: 3px solid #FC6;
}

.tabelle .ui-sortable-helper td
{
	display: table-cell;
	width: auto;
	border: 0px none !important;
}



/*************************************************************************************************************/
/* Taellen Form Elemente */
.tabelle .no-form
{
	padding: 3px 0px 3px 0px;
	margin: 0em;
	border: none;
	background-color: transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #444;
}



/*************************************************************************************************************/
/* Sonstiges */
/* Styles für den Zebra Streifen Effekt */
.tabelle .alt td, 
.tabelle .alt th
{
	background-color: #F0F0F0;
}

.tabelle .over td, 
.tabelle .over th
{
	color: #069;
}

/* Markierte Zeile */
.tabelle .markiert td,
.tabelle .markiert th
{
	background-color: #F96 !important;
}

/* Deaktivierte Zeile */
.tabelle .inactive td,
.tabelle .inactive th
{
	color: #aaa !important;
}

/* Styles für die Zeilen Optionen (Icons) */
.tabelle .tabelle-optionen 
{
	text-align: left;
}

.tabelle .tabelle-optionen img 
{
	display: inline-block;
	width: 16px;
	height: 16px;
	padding: 0px 4px 2px 0px;
	cursor: pointer;
}