body{
  text-align:center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
}

body img
{border: 0px solid ; max-width: 100%;}

h1{
	margin-right:45px;
}

.element
{
	position:relative;
	width:100%;
	float:left;
	margin-top:20px;
}

#presentation
{
position:relative;
float:left;
width:100%;
padding-bottom:200px;
 background-image: url("background.png");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	
}

#collection
{
	position:relative;
	float:left;
	width:100%;

}

#Ostereier
{
	position: relative;
/*	float:left;*/
	margin:auto;
    width: auto;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.Tabelle
{
	display:table;
	margin:auto;
	width:auto;
}

.table
{
	display:table;
	table-layout: fixed;
	width:100%;
}

.row
{
	display:table-row;
	width:100%;
}

.celle
{
	display:table-cell;
    vertical-align: middle;	
	padding:10px;
	border:1px solid black;
}

#STATS .celle
{
	padding:10px;
}


.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
	position:absolute;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

.EGG img
{
	max-width:50px;
    min-width: 20px;	
}

.full {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.empty
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.found
{
    color: green;
    font-style: italic;
}

.not_found
{
	text-decoration: none;
}

.mehr
{
	display:inline-block;
}

.mehrtext
{
	display:none;
	font-size:16px;
	font-style: italic;
	font-weight:normal;
}

.divback
{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
.Zurück
{
		cursor:pointer;
		margin-top:10px;
		padding: 5px;
		font-weight: bold;
		font-size:24px;
		color: #ffffff;
		text-shadow: 1px 1px 1px #000;
		border: solid thin #882d13;
		-webkit-border-radius: .7em;
		-moz-border-radius: .7em;
		border-radius: .7em;
		-webkit-box-shadow: 2px 2px 3px #999;
		box-shadow: 2px 2px 2px #bbb;
		background-color: #0000ff;
		background-image: -webkit-gradient(linear, left top, left bottom,
		from(#FF00C8), to(#C000FF),color-stop(0.4, #0000cc));		
}

.Zurück:hover
{
	background-image: -webkit-gradient(linear, left top, left bottom,
	from(#FF00C8), to(#C000FF),color-stop(0.4, #FF0000));			
}

@media only screen and (max-width: 540px){	/*X Mobile L-M-S*/

.row {
    display: table;
    width: 99%;
    border: 1px solid black;
}

.celle {
    display: table;
    vertical-align: middle;
    padding: 2%;
    border: none;
    width: 95%;
}

}