#befoglalo {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	padding: 0px;
	width: 102px;
	height: 143px;
	}
	
#bg_color_plan_01 {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 102px;
	height: 143px;
    background-color: #dcdcdc;
	}
	
#bg_color_plan_02 {
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	width: 100px;
	height: 141px;
    background-color: #ffffff;
	}	

#fejlec {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 98px;
	height: 14px;
	font: 11px tahoma;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-color: #4a5280;
}

#nev_helye {
	position: absolute;
	top: 17px;
	left: 2px;
	width: 98px;
	height: 36px;
	font: 9px tahoma;
	font-weight: normal;
	text-align: left;
	color: #303867;
	background-color:  #e3f4fc;
}

#jelszo_helye {
	position: absolute;
	top: 55px;
	left: 2px;
	width: 98px;
	height: 36px;
	font: 9px tahoma;
	font-weight: normal;
	text-align: left;
	color: #303867;
	background-color: #e3f4fc;
}

input.elso_gomb {
	position: absolute;
	top: 92px;
	left: 2px;
	border: none;
	background-color: #7184c6;
	color: #FFF;
	padding-bottom: 2px;
	width: 98px;
	height: 14px;
	font: 9px tahoma;
	font-weight: bold;
	text-align: left;
}

input.elso_gomb:hover {
	background-color: #4a5280;
}

input.masodik_gomb {
	position: absolute;
	top: 109px;
	left: 2px;
	border: none;
	background-color: #7184c6;
	color: #FFF;
	padding-bottom: 2px;
	width: 98px;
	height: 14px;
	font: 9px tahoma;
	font-weight: bold;
	text-align: left;
}

input.masodik_gomb:hover {
	background-color: #4a5280;
}

input.harmadik_gomb {
	position: absolute;
	top: 126px;
	left: 2px;
	border: none;
	background-color: #7184c6;
	color: #FFF;
	padding-bottom: 2px;
	width: 98px;
	height: 14px;
	font: 9px tahoma;
	font-weight: bold;
	text-align: left;
}

input.harmadik_gomb:hover {
	background-color: #4a5280;
}

input.beviteli_mezo {
	width: 85px;
	height: 16px;
	font: 9px tahoma;
}


</style>