/* Hoverfunktion bei Bildern mit der Klasse foto "Bild wird vergrößert" */
img.foto 
{
	transition: transform 0.2s;
}

img.foto:hover 
{
	transform: scale(8.0, 8.0);
	z-index:850;
}

.red
{
	color:#FF0000;
}

.loading_spinner 
{
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

div.row {
	width:100%;
}

/* Zeige XX Einträge */
div.dataTables_length 
{  	
  	font-size: 12px;
	float:left;
}

div.dataTables_length select {
  font-size: 12px;
  margin-right: 4px;
  margin-left: 4px;
}

/* Searchbox */
div.dataTables_filter
{
	font-size: 12px;
}
  
div.dataTables_filter input 
{
	font-size: 12px;
	margin-right: 4px;
	margin-left: 4px;
	float:right;
}

/* Seitenmenü unterhalb der Tabelle */
.dataTables_paginate 
{
	float;left;
}



table.dataTable thead .sorting_asc:after {
	background: url("http://cdn.datatables.net/1.10.0/images/sort_asc.png") no-repeat center right;
	background: none;
  }
  table.dataTable thead .sorting_desc:after {
	background: url("http://cdn.datatables.net/1.10.0/images/sort_desc.png") no-repeat center right;
	background: none;
  }
  table.dataTable thead .sorting:after {
	background: url("http://cdn.datatables.net/1.10.0/images/sort_both.png") no-repeat center right;
	background: none;
  }

/* Kleiner Button */
.btn-xs_brax 
{
    padding: 5px 5px;
    font-size: 12px;
    border-radius: 5px;
}

/* Farbiger Badge */
.badge_brax
{
	font-size: 12px;
}

.comments_box_name
{
	width:50%; 
	float:left; 
	font-size:11px; 
	padding-bottom:3px; 
	border-bottom-width:1px; 
	border-bottom-color:#1abb9c; 
	border-bottom-style:dotted;
}

.comments_box_timestamp
{
	width:50%; 
	font-size:11px; 
	text-align:right; 
	float:left; 
	padding-right:10px; 
	padding-bottom:3px; 
	border-bottom-width:1px;
	border-bottom-color:#1abb9c; 
	border-bottom-style:dotted;
}

.comments_box_comment
{
	width:100%; 
	padding-right:10px; 
	padding-bottom:7px; 
	margin-bottom:20px;
}