/*------------kleines_spiel----------------------------*/	
div.kleines_spiel {
	color: #000000;
	font-size: 4em;
}

div.kleines_spiel table {
	margin: auto;
	text-align: center;
}

div.kleines_spiel td {
	border: 3px outset #BFBFBF;
	width: 100px;
	height: 100px;
	background-color: white;
}
/*----------------------------------------------------*/

/*------------farbquadrate----------------------------*/	
div.farbquadrate {
	color: #000000;
	font-size: 4em;
}

div.farbquadrate table {
	margin: auto;
	text-align: center;
}

div.farbquadrate td {
	border: 3px outset #BFBFBF;
	width: 100px;
	height: 100px;
	background-color: white;
}
/*----------------------------------------------------*/

/*------------wunschliste---------------------------*/
div.wunschliste {
	text-align: center;
	color:#00FFF0;
	font-size: 2em;
}
div.wunschliste p {
	border-radius: 10px;
	border: thin solid #00D1FF;
	padding: 10px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
/*----------------------------------------------------*/

/*------------startseite----------------------------*/
div.a {
	text-align: center;
	color: red;
}

div.a p {
	color: #FFA500;
	font-variant: small-caps;
	font-size: 2em;
	border-radius: 10px;
	border: thin solid #0000FF;
	padding: 10px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

div.a h2 {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #0000FF;
	border-radius: 10px;
	padding: 10px;
	font-size: 2em;
}

div.b {
	text-align: center;
	color: #36B636;
	font-size: 2em;
	border-radius: 10px;
	border-radius: 10px;
	border: thin solid #0000FF;
	padding: 10px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
/*----------------------------------------------------*/

/*------------taschenrechner----------------------------*/	
div.taschenrechner {
	color: #000000;
	font-size: 4em;
}

div.taschenrechner table {
	border: 5px solid #FF0000;
	margin: auto;
	text-align: center;
}

div.taschenrechner td {
	border: 3px outset #BFBFBF;
	width: 100px;
	height: 100px;
	background-color: #0085FF;
}

#display {
	background-color: #FFFFFF;
}
/*----------------------------------------------------*/

/*------------menu container----------------------------*/
.menu {
  text-transform: uppercase;
  background-color: white;
  border-top: 0px solid #564b47;
  border-bottom: 1px solid #564b47;
  padding: 5px 15px;
  margin: 0 10% 50px;
  text-align: left;
  color: #f00;
}
.menu entry {
  color: blue;
  text-decoration: none;
  margin-left: 0px;
  margin-right: 10px;
}
.menu a {
  color: #f00;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
}  
.menu a:hover {
  color: #fa0;
  border-top:3px solid #564b47;
}
/*----------------------------------------------------*/
