/* ------------------------------------- */


/* Style für resposive tables*/


}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
   {
    font-family: AmberlySans-Regular, sans-serif;
     }
}
.footable 
	{
	width: 100%;
	/** SORTING **/
	/** PAGINATION **/
	}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
		}

.footable.breakpoint > tbody > tr > td.footable-cell-detail 
		{
		background: #eee;
		border-top: none;
		}

/* Schrift für das Plus und andere Zeichen vor dem Text */

.footable.breakpoint > tbody > tr > td > span.footable-toggle 
		{
		display: inline-block;
		font-family: AmberlySans-Regular, sans-serif;
		speak: none;
		font-style: normal;
		font-weight:bold;
		font-variant: normal;
		text-transform: none;
		padding-right: 5px;
		font-size: 2.3em;
		color: #4f5956;
		margin-top: -20px;
		}

.footable.breakpoint > tbody > tr.footable-detail-show > td 
		{
		 border-bottom: none;
		}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before 
		{
		content: "+";
		}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before 
		{
		content: "-";
		}

.footable.breakpoint.toggle-circle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before 
		{
		content: "⊕"
		}

.footable.breakpoint.toggle-circle-arrow > tbody > tr > td > span.footable-toggle:before 
		{
		  content: "⊖";
		}

.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before 
		{
		content: "⊖";
		}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before 
		{
		content: "⊕";
		}

.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle 
		{
		font-size: 18px;
		}

.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle 
		{
		font-size: 24px;
		}

.footable > thead > tr > th.footable-sortable:hover 
		{
		cursor: pointer;
		}

.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before 
		{
		  content: "&#8854";
		}

.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before 
		{
		content: "⊕";
		}
.footable > thead > tr > th > span.footable-sort-indicator 
		{
		  display: inline-block;
		  font-family: AmberlySans-Regular, sans-serif;
		  speak: none;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  -webkit-font-smoothing: antialiased;
		  padding-left: 5px;
		}

.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "⊕";
		}
		.footable > tfoot .pagination {
		  margin: 0;
		}

.footable-row-detail-inner 
		{
		  display: table;
		}

.footable-row-detail-row
		{
		  display: table-row;
		  line-height: 1.5em;
		}

.footable-row-detail-group 
		{
		  display: block;
		  line-height: 2em;
		  font-size: 1.2em;
		  font-weight: bold;
		}

.footable-row-detail-name 
		{
		  display: table-cell;
		  font-weight: bold;
		  padding-right: 0.5em;
		}

.footable-row-detail-value 
		{
		  display: table-cell;
		}

.footable 
		{
		  border-collapse: separate;
		  border-spacing: 0;
		  width: 100%;
		  border: 3px solid #4f5956;
		  font-family: AmberlySans-Regular, sans-serif;
		  color: #000000;
		  background: #E7EFF7;
		}

.footable.breakpoint > tbody > tr.footable-row-detail 
		{
		  background:	 #FFFFFF;		 /* Hintergrundfarbe  Aufklappfeld*/
		}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) 
		{
		  cursor: pointer;
		}

.footable.breakpoint > tbody > tr > td.footable-row-detail-cell {
  background: #FFFFFF;
		}
		.footable > tbody img {
		  vertical-align: middle;
		}

.footable > tbody > tr:hover:not(.footable-row-detail) 
		{
		  background: #FFFFFF   /* Hintergrundfarbe  mouse over*/
		}

.footable > tbody > tr:hover:not(.footable-row-detail) > td 
		{
		  color: #000000;
		}

.footable > tbody > tr:last-child > td 
		{
		  border-bottom: none;
		}

.footable > tbody > tr > td 
		{
		  border-bottom: 1px solid #4f5956;
		  padding-top: 0px;
		  padding-bottom: 5px;
		  text-align: left;
		  }

.footable > tbody > tr > td.footable-row-detail-cell,
.footable > tbody > tr > td.footable-first-column 
		{
		  border-left: none;
		}

.footable > thead > tr > th 
		{
		  border-bottom: 1px solid  #FFFFFF;
		  padding-top: 10px;
		  padding-bottom: 10px;
		  text-align: left;
		  }

.footable > thead > tr > th,
.footable > thead > tr > td 
		{
		  background-color: #52b9e9;
		  border: 1px solid #52b9e9;
		  color: #ffffff;
		  border-top: none;
		  font-weight: normal;
		}

.footable > thead > tr > th.footable-first-column,
.footable > thead > tr > td.footable-first-column
		{
		  border-left: none;
		}

.footable > tfoot > tr > th,
.footable > tfoot > tr > td 
		{
		  background-color: #52b9e9;
		  border: 1px solid #52b9e9;
		  color: #ffffff;
		  border-top: none;
		  padding: 5px;
		}

.footable tfoot .pagination ul 
		{
		  -webkit-box-shadow: none;
		  -moz-box-shadow: none;
		  box-shadow: none;
		  vertical-align: middle;
		}

.footable tfoot .pagination ul > li > a,
.footable tfoot .pagination ul > li > span 
		{
		  border: 2px solid transparent;
		  margin: 0 3px;
		  color: #ffffff;
		  background: transparent;
		  padding: 1px 5px;
		}

.footable tfoot .pagination ul > li.disable > a 
		{
		  color: #888;
		}

.footable tfoot .pagination ul > li.active > a 
		{
		  border-color: #ffffff;
		}

.footable tfoot .pagination ul > li:first-child > a,
.footable tfoot .pagination ul > li:last-child > a,
.footable tfoot .pagination ul > li:first-child > span,
.footable tfoot .pagination ul > li:last-child > span 
		{
		  -moz-border-radius: 0;
		  -webkit-border-radius: 0;
		  border-radius: 0;
		}

.footable.metro-red {
  border-color: #fa3031;
		}
		.footable.metro-red > tfoot > tr > th,
		.footable.metro-red > thead > tr > th,
		.footable.metro-red > tfoot > tr > td,
		.footable.metro-red > thead > tr > td {
		  background-color: #fa3031;
		  border-color: #fa3031;
		}

.footable.metro-purple 
		{
		  border-color: #932ab6;
		}

.footable.metro-purple > tfoot > tr > th,
.footable.metro-purple > thead > tr > th,
.footable.metro-purple > tfoot > tr > td,
.footable.metro-purple > thead > tr > td 
		{
		  background-color: #932ab6;
		  border-color: #932ab6;
		}

.footable.metro-green 
		{
		  border-color: #43c83c;
		}

.footable.metro-green > tfoot > tr > th,
.footable.metro-green > thead > tr > th,
.footable.metro-green > tfoot > tr > td,
.footable.metro-green > thead > tr > td 
		{
		  background-color: #43c83c;
		  border-color: #43c83c;
		}

.footable.metro-blue {
  border-color: #1171a3;
		}
		.footable.metro-blue > tfoot > tr > th,
		.footable.metro-blue > thead > tr > th,
		.footable.metro-blue > tfoot > tr > td,
		.footable.metro-blue > thead > tr > td {
		  background-color: #1171a3;
		  border-color: #1171a3;
		}

.footable 
		{
		  border-collapse: separate;
		  border-spacing: 0;
		  border: 1px solid #cccccc;
		  -moz-border-radius: 6px;
		  -webkit-border-radius: 6px;
		  border-radius: 6px;
		  font-family: AmberlySans-Regular, sans-serif;
		  font-size: 0.9em;
		  color: #000000;
		}

.footable > thead > tr:first-child > th.footable-first-column,
.footable > thead > tr:first-child > td.footable-first-column 
		{
		  -moz-border-radius: 6px 0 0 0;
		  -webkit-border-radius: 6px 0 0 0;
		  border-radius: 6px 0 0 0;
		}

.footable > thead > tr:first-child > th.footable-last-column,
.footable > thead > tr:first-child > td.footable-last-column 
		{
		  -moz-border-radius: 0 6px 0 0;
		  -webkit-border-radius: 0 6px 0 0;
		  border-radius: 0 6px 0 0;
		}

.footable > thead > tr:first-child > th.footable-first-column.footable-last-column,
.footable > thead > tr:first-child > td.footable-first-column.footable-last-column 
		{
		  -moz-border-radius: 6px 6px 0 0;
		  -webkit-border-radius: 6px 6px 0 0;
		  border-radius: 6px 6px 0 0;
		}

.footable > thead > tr > th 
		{
		  border-left: 1px solid #cccccc;
		  border-top: 1px solid #cccccc;
		  padding-top: 0px;
		  padding-bottom: 10px;
		  padding-left: 5px;
		  padding-right: 5px;
		}

.footable > thead > tr > th,
.footable > thead > tr > td 
		{
		  background-color:#4f5956;   /* Hintergrundfarbe  Table Header*/
		  border-top: none;
		  font-weight: bold;
		 }

.footable > thead > tr > th.footable-first-column,
.footable > thead > tr > td.footable-first-column 
		{
		  border-left: none;
		}

.footable.breakpoint > tbody > tr.footable-row-detail {
  background: #eeeeee;
		}
		.footable > tbody img {
		  vertical-align: middle;
		}

.footable > tbody > tr:hover 
		{
		  background: #fbf8e9;
		}

.footable > tbody > tr:last-child > td.footable-first-column 
		{
		  -moz-border-radius: 0 0 0 6px;
		  -webkit-border-radius: 0 0 0 6px;
		  border-radius: 0 0 0 6px;
		}

.footable > tbody > tr:last-child > td.footable-last-column 
		{
		  -moz-border-radius: 0 0 6px 0;
		  -webkit-border-radius: 0 0 6px 0;
		  border-radius: 0 0 6px 0;
		}

.footable > tbody > tr:last-child > td.footable-first-column.footable-last-column 
		{
		  -moz-border-radius: 0 0 6px 6px;
		  -webkit-border-radius: 0 0 6px 6px;
		  border-radius: 0 0 6px 6px;
		}

.footable > tbody > tr > td 
		{
		  border-top: 1px solid #cccccc;
		  border-left: 1px solid #cccccc;
		  padding-top: 10px;
		  padding-bottom: 10px;
		  text-align: left;
		  padding-left: 5px;
		  padding-right: 5px;
		}

.footable > tbody > tr > td.footable-first-column 
		{
		  border-left: none;
		}
.footable > tfoot > tr > th,
.footable > tfoot > tr > td 
		{
		  background-color: #dce9f9;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
		  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
		  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
		  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
		  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
		  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
		  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
		  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
		  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
		  border-top: 1px solid #cccccc;
		  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		  padding-top: 10px;
		  padding-bottom: 10px;
		  }
	
@media screen and (min-width: 767px) 
{
/* Schrift für breitere Tabellen */
	.footable 
		{
		  border-collapse: separate;
		  border-spacing: 0;
		  border: 1px solid #cccccc;
		  -moz-border-radius: 6px;
		  -webkit-border-radius: 6px;
		  border-radius: 6px;
		  font-family: AmberlySans-Regular, sans-serif;
		  color: #000000;
		}
}