div#hatter {
	width: 100%;
	height: 100%;
	font-family: Trebuchet MS, Arial;
	background-color: #ffffff;
	background-image: url("data/blue_bg2.jpg");
	position: absolute;
	background-position: center center;
}
div#alap {
	width: 500px;
	height: 500px;
	margin: 30px auto 30px auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}

/* KEK gombos */
div#hatter  a {
	color: #ffffff;
	text-decoration: none;
}
div.tile_big, div.tile_wide_top, div.tile_wide_bottom, div.tile_small_left_bottom, div.tile_small_right_bottom, div.tile_small_left_top, div.tile_small_right_top {
	border-left: 1px solid #7EC0EE;
	border-right: 1px solid #191970;
	border-top: 1px solid #7EC0EE;
	border-bottom: 1px solid #191970;
	background-color: #104E8B;
	opacity: 0.7;
}
div.tile_big {
	width: 238px;
	height: 238px;
	float: left;
	padding: 0px;
	
}
div.tile_base {
	width: 240px;
	height: 240px;
	float: left;
	margin: 10px 0px 0px 10px;
}
div.tile_wide_top {
	width: 238px;
	height: 113px;
	float: left;
	padding: 0px 0px 0px 0px;
}

div.tile_wide_bottom {
	width: 238px;
	height: 113px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

div.tile_small_left_bottom, div.tile_small_right_bottom, div.tile_small_left_top, div.tile_small_right_top {
	width: 113px;
	height: 102px;
	float: left;
}
div.tile_small_left_bottom {
	margin: 10px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_small_right_bottom {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_small_left_top {
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_small_right_top {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_big p, div.tile_wide_top p, div.tile_wide_bottom p, div.tile_small_left_bottom p, div.tile_small_right_bottom p, div.tile_small_left_top p, div.tile_small_right_top p  {
	font-weight: lighter;
	text-align: left;
	margin: 0px 0px 0px 20px;
	vertical-align: bottom;
	bottom: 0px;
	font-size: 11pt;
	letter-spacing: 1pt;
}
div.tile_big:hover, div.tile_wide_top:hover, div.tile_wide_bottom:hover, div.tile_small_left_bottom:hover, div.tile_small_right_bottom:hover , div.tile_small_left_top:hover, div.tile_small_right_top:hover{
	background-color: #104E8B;
	color: #ffffff;
	opacity: 1;
	font-weight: lighter;
}
div.tile_big div.cimsor {
	height: 100px;
	width: 240px;
	float: left;
	padding: 0px 0px 0px 0px;
}
div.tile_big div.tartalom {
	height: 100px;
	width: 240px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0px 0px 15px 0px;
}
div.tile_small_left_bottom div.cimsor, div.tile_small_right_bottom div.cimsor , div.tile_small_left_top div.cimsor, div.tile_small_right_top div.cimsor  {
	height: 51px;
	width: 113px;
	float: left;
	padding: 0px 0px 0px 0px;
}
div.tile_small_left_bottom div.tartalom, div.tile_small_right_bottom div.tartalom, div.tile_small_left_top div.tartalom, div.tile_small_right_top div.tartalom {
	height: 31px;
	width: 113px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0px 0px 20px 0px;
}
div.tile_wide_top div.tile_wide_bottom div.cimsor  {
	height: 51px;
	width: 240px;
	float: left;
	padding: 0px 0px 0px 0px;
}
div.tile_wide_top div.tile_wide_bottom div.tartalom {
	height: 46px;
	width: 240px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0px 0px 20px 0px;
}
div#hatter h1, div#hatter h2, div#hatter p {
	color: #ffffff;
}
div#hatter h1 {
	font-size: 200%;
	margin: 10% 0px 0px 0px;
	padding: 0px;
}
div#hatter h2 {
	font-size: 150%;
	margin: 15% 0px 0px 0px;
	padding: 0px;
}
div#hatter p  {
	font-weight: lighter;
	text-align: center;
	margin: 0px;
	padding: 4% 0px 0px 10px;
	vertical-align: bottom;
	bottom: 0px;
	font-size: 120%;
	letter-spacing: 1pt;
}

/* SZURKE gombos */
/*
a, div#hatter h2 {
	color: #999999;
	text-decoration: none;
}
div.tile_big, div.tile_wide_top, div.tile_wide_bottom, div.tile_small_left_bottom, div.tile_small_right_bottom, div.tile_small_left_top, div.tile_small_right_top {
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #c0c0c0;
	background-color: #dedede;
}
div.tile_big {
	width: 298px;
	height: 298px;
	float: left;
	padding: 0px;
	
}
div.tile_base {
	width: 300px;
	height: 300px;
	float: left;
	margin: 10px 0px 0px 10px;
}
div.tile_wide_top{
	width: 298px;
	height: 128px;
	float: left;
	padding: 15px 0px 0px 0px;
}
div.tile_wide_bottom{
	width: 298px;
	height: 128px;
	float: left;
	padding: 15px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
div.tile_small_left_bottom {
	width: 143px;
	height: 132px;
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_small_right_bottom {
	width: 143px;
	height: 132px;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_small_left_top {
	width: 143px;
	height: 132px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_small_right_top {
	width: 143px;
	height: 132px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
div.tile_big p, div.tile_wide_top p,div.tile_wide_bottom p, div.tile_small_left_bottom p, div.tile_small_right_bottom p, div.tile_small_left_top p, div.tile_small_right_top p  {
	font-weight: lighter;
	text-align: left;
	margin: 0px 0px 0px 20px;
	vertical-align: bottom;
	bottom: 0px;
	font-size: 11pt;
	letter-spacing: 1pt;
}
div.tile_big div.cimsor {
	height: 135px;
	width: 300px;
	float: left;
	padding: 15px 0px 0px 0px;
}
div.tile_big div.tartalom {
	height: 135px;
	width: 300px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0px 0px 15px 0px;
}
div.tile_small_left_bottom div.cimsor, div.tile_small_right_bottom div.cimsor , div.tile_small_left_top div.cimsor, div.tile_small_right_top div.cimsor  {
	height: 70px;
	width: 145px;
	float: left;
	padding: 0px 0px 0px 0px;
}
div.tile_small_left_bottom div.tartalom, div.tile_small_right_bottom div.tartalom, div.tile_small_left_top div.tartalom, div.tile_small_right_top div.tartalom {
	height: 50px;
	width: 145px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0px 0px 20px 0px;
}
div.tile_wide_top div.cimsor, div.tile_wide_bottom div.cimsor  {
	height: 70px;
	width: 300px;
	float: left;
	padding: 0px 0px 0px 0px;
}
div.tile_wide_top div.tartalom, div.tile_wide_bottom div.tartalom {
	height: 50px;
	width: 300px;
	vertical-align: bottom;
	display: table-cell;
	padding: 0px 0px 20px 0px;
}
div#hatter h1 {
	font-size: 200%;
	margin: 10% 0px 0px 0px;
	padding: 0px;
}
div#hatter h2 {
	font-size: 150%;
	margin: 15% 0px 0px 0px;
	padding: 0px;
}
p  {
	font-weight: lighter;
	text-align: left;
	margin: 0px;
	padding: 4% 0px 0px 10px;
	vertical-align: bottom;
	bottom: 0px;
	font-size: 70%;
	letter-spacing: 1pt;
}
div.tile_big:hover, div.tile_wide_top:hover, div.tile_wide_bottom:hover, div.tile_small_left_bottom:hover, div.tile_small_right_bottom:hover , div.tile_small_left_top:hover, div.tile_small_right_top:hover{
	background-color: #cccccc;
	color: #333333;
	opacity: 1;
	font-weight: lighter;
}
div#hatter div.tile_big:hover h1, div#hatter div.tile_wide_top:hover h1,div.tile_wide_bottom:hover h1, div#hatter div.tile_small_left_bottom:hover h1, div#hatter div.tile_small_right_bottom:hover  h1, div#hatter div.tile_small_left_top:hover h1, div#hatter div.tile_small_right_top:hover h1, div#hatter div.tile_big:hover h2, div#hatter div.tile_wide_top:hover h2, div.tile_wide_bottom:hover h2, div#hatter div.tile_small_left_bottom:hover h2, div#hatter div.tile_small_right_bottom:hover  h2, div#hatter div.tile_small_left_top:hover h2, div#hatter div.tile_small_right_top:hover h2, div#hatter div.tile_big:hover p, div#hatter div.tile_wide_top:hover p, div.tile_wide_bottom:hover p, div#hatter div.tile_small_left_bottom:hover p, div#hatter div.tile_small_right_bottom:hover  p, div#hatter div.tile_small_left_top:hover p, div#hatter div.tile_small_right_top:hover p {
	color: #333333;
}
*/