@import url("/main.inc.css");


#mem_field,
#mem_field a,
#memory_spielstart,
#memory_spielstart a,
#memory_anleitung
{
	color: #fff !important;
}

#mem_field{
	margin-top: 50px;
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(0,0,0, 0.7);
	padding: 20px;
}
#memory_spielstart a{
	font-size: 1.1em;
}

#mem_field table.cardfield{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-collapse: collapse;
	line-height: 3px;
}

#mem_field table.cardfield td{
	width: 102px !important;
	height: 102px !important;
	text-align: center;
}
#mem_field table.cardfield img{
	margin: 0px !important;
	cursor: pointer;
	border: 1px solid #fff;
}
#mem_field table.cardfield td.hspace{
	width: 30px !important;
}
#mem_field table.cardfield td.vspace{
	height: 30px !important;
}


#memory_grats{
	width: 100%;
	height: 555px;
	background-image: url(/images/memory-bg-2pics-geschafft-oben.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.secondEndPic #memory_grats{
	background-image: url(/images/memory-bg-2pics-geschafft-unten.jpg);
}

#memory_anleitung{
	width: 100%;
	height: 555px;
	background-image: url(/images/memory-bg-2pics-anleitung.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#memory_spielstart{
	width: 100%;
	height: 555px;
	background-image: url(/images/memory-bg-kitchenaid-4pics.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#memory_grats div,
#memory_anleitung div,
#memory_spielstart div{
	padding: 50px 80px;
	color: #fca;
	p{
		color: #fca;
	}
	h1{
		color: #fca;
		background: none;
		margin-left: 0px;

		&:before{background: none !important;}
	}
}
#memory_anleitung div,
#memory_grats div.box1{
	width: 450px;
	padding-bottom: 0px;
}
#memory_grats div.box2{
	padding-top: 0px;
}

#mem_field .mem_textfeld{
	border: 1px solid #804104;
	margin: 2px;
	width: 180px;
}

a.memory-startbutton{
	background-image: url(/images/memory-startbutton.png);
	width: 222px;
	height: 55px;
	padding: 0px !important;
	display: block;
	float: left;
	border: none;
	text-decoration: none !important;
}

#mem_start_button{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	font-size: 2.5em;
	text-align: center;
	background-color: white;
}


#mem_highscore{
	position: absolute;
	left: calc(50% + 380px);
	top: 70px;
}

#mem_highscore table{
	border-collapse: collapse;
	border: 1px solid #666;
	background: rgba(255,255,255,0.6);
	font-size: 14px;
}
.mem_textfeld{
	font-size: 18px;
}
#mem_highscore th{
	background: #666;
	color: #fff;
}

#mem_highscore td,
#mem_highscore th{
	padding: 2px 5px;
}
#neustartbutton{
	position:absolute;
	left: calc(50% + 400px);
	top: 550px;
	font-size: 20px;
}
/* "simplememory - alltime-version */
/* gleiche platzhalter, nur umschlossen von div id = alltimeversion */
/*
#alltimeversion{
	#memory_spielstart{
		background-image: url(/images/simplememory_pic2.jpg);
		color: #965201 !important;
		a{
			color: #965201 !important;
		}
	}
	#memory_anleitung{
		background-image: url(/images/simplememory_pic1.jpg);
		color: #965201 !important;
		h1,p{
			color: #965201;
		}
	}
	a.memory-startbutton{
		background-image: url(/images/simplememory_startbutton.png);
		color: #965201 !important;
	}
	#mem_field{
		background-image: url(/images/simplememory_pic2.jpg);
		text-align: center;
		font-size: 20px !important;
	}
}
*/