/************************************************************************************/
/*                                                                                  */
/* In diesem Style Sheet befinden sich Tabellen Elemente Formatierungen             */
/*                                                                                  */
/************************************************************************************/

/************************************************************************************/
/* Table */
table
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: inherit;
	empty-cells: show;
}

.tabelle
{
	padding: 0px;
	border: 1px solid #999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: left;
}



/************************************************************************************/
/* Head */
.tabelle thead
{
	height: 24px;
	cursor: default;
	font-weight: bold;
	text-align: left;
	background-color: #ccc;
	border-bottom: 1px solid #999;
	
}

.tabelle thead th
{
	text-decoration: none;
	padding: 2px;
}



/************************************************************************************/
/* Body */
.tabelle tbody
{
	background-color: #f8f8f8;
	cursor: default;
}

.tabelle tbody tr:link, .tabelle tbody tr:active, .tabelle tbody tr:visited
{
	color: #000000;
}

.tabelle tbody tr:hover
{
	color: #000000;
	background-color: #FFFFFF;
}

.tabelle tbody td 
{
	vertical-align: middle;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	height: 16px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

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

.tabelle input
{
	margin: 0px;
}



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

.tabelle tfoot td
{
	padding: 4px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #999999;
}



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

.tabelle tbody tr.over td, .tabelle tbody tr.over th
{
	background-color: #fff;
	color: #000;
}

.tabelle-optionen img 
{
	float: left;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	cursor: pointer;
}

.tabelle-zeile-disabled
{
	color: #CCCCCC;
}

.tabelle-zeile-disabled:hover
{
	background-color: #F2FAFF;
	color: #CCCCCC;
}

.tabelle-zeile-markiert, .tabelle-zeile-markiert:hover
{
	background-color: #FFD1C1;
}