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

/************************************************************************************/
/* Tabelle */
.tabelle
{
	width: 100%;
	padding: 0px;
	border-collapse: separate;
	border-spacing: inherit;
	empty-cells: show;
	display: table;
	margin-bottom: 1em;
	color: #000;
}

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

.tabelle td, .tabelle th
{
	padding: 0px 2px 0px 2px;
	height: 25px;
	text-indent: 1px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

/************************************************************************************/
/* Tabelle Bildung */

.tabelle.bildung
{
	margin: 10px 0 2em 0;
	padding:0 10px;
	font-size:0.92em;
	text-align: left;
}

.tabelle.bildung td, .tabelle.bildung th
{
	vertical-align:top;
	padding:8px;
}

.tabelle.bildung td:first-child
{
	background-color:#eee;
}

.tabelle.bildung td:last-child
{
	background-color:#eee;
}

/*2 Spalten*/
.tabelle.bildung_2spaltig
{
	margin:10px 0 0 0;
	padding:0 0;
	font-size:0.92em;
}

.tabelle.bildung_2spaltig td, .tabelle.bildung th
{
	vertical-align:top;
	padding:8px;
}

.tabelle.bildung_2spaltig td:first-child
{
	background-color:#eee;
}

.tabelle.bildung_2spaltig td:last-child
{
	background-color:#fff;
}

a.linkButton
{
	padding:4px 5px;
	background-color:#ee7f01;
	color:#fff;
	border:1px solid #fff;
	text-decoration:none;
}

a:hover.linkButton
{
	background-color:#fff;
	color:#ee7f01;
	border:1px solid #fff;
}

a.linkButtonBack
{
	padding:4px 5px;
	background-color:#ee7f01;
	color:#fff;
	border:1px solid #fff;
	text-decoration:none;
	margin: 0 0 0 10px;
}

a:hover.linkButtonBack
{
	background-color:#fff;
	color:#ee7f01;
	border:1px solid #fff;
}

.tabelle.bildung.download td
{
	background-color:#fff;
}

.orange
{
	color:#ee7f01;
}



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

.tabelle thead th
{
	height: 16px;
	padding: 2px;
	text-indent: 1px;
	text-align: left;
	color: #333;
	border-bottom: 1px solid #666;
}

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

.tabelle thead th img
{
	vertical-align: middle;
	margin: -2px 0px 0px 2px;
}



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

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



/************************************************************************************/
/* Foot */
.tabelle tfoot
{
	width: 100%;
	height: 18px;
	font-weight: bold;
	text-align: right;
	color: #333;
}

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



/************************************************************************************/
/* Tabelle Scrollbereich */
.tabelle-scrollbereich
{
	float: left;
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #666;
	margin-bottom: 1em;
}

.tabelle-scrollbereich .tabelle
{
	margin:0px;
	text-align: right;
}



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

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

.tabelle .markiert
{
	background-color: #F96;
}


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

.tabelle-optionen img 
{
	float: left;
	height: 16px;
	width: 16px;
	cursor: pointer;
	padding: 0px 3px 0px 0px;
	margin-top: 0px;
}