body { 
	margin:0; 
	padding:0; 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;  
	background: url(../grafika/hatter.jpg);
	line-height: 1.4em;}

.keret { 
	margin: auto;
	width: 704px;
	padding: 0;
	background: url(../grafika/hatter_tartalom.gif);}

.tartalom { 
	padding: 25px 38px 10px 38px;
	text-align: justify;}
	
.nyito { 
	margin: 5% auto 0 auto;
	width: 530px;
	padding: 0;
	text-align: center;}

.menu { 
	background: url(../grafika/hatter_menu.gif);
	width: 704px;}
	
.szaggatott {
	width: 100%;
	height: 5px;
	border-bottom: 1px dashed #999999;}
	
#alsomenu {
	float: right;}
	
.copyright {
	text-align: center;
	font-size: 10px;
	color: #999999;
	float: left;
	width: 165px;}	

h1 { 
	background: url(../grafika/mappa.gif) no-repeat left;
	color: #333333;
	font-size: 16px; 
	font-weight: bold; 
	margin: 0 0 10px 0; 
	padding: 0 0 0 25px;
	border-bottom: 3px solid #CCCCCC;
	font-variant: small-caps;
	letter-spacing: 1px;
	height: 20px;}
	
h2 { 
	color: #996600;
	font-size: 14px; 
	font-weight: bold; 
	margin: 0 0 10px 0; 
	padding: 3px 0 0 10px;
	font-variant: small-caps;
	letter-spacing: 1px;
	padding: 2px 2px 5px 2px;}
	
h3 { 
	color: #996600;
	font-size: 16px; 
	font-weight: bold; 
	margin: 0 0 10px 0; 
	padding: 3px 0 0 10px;
	font-variant: small-caps;
	letter-spacing: 1px;
	padding: 30px 2px 0 2px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;}
	
h4 { 
	color: #666666;
	font-size: 12px; 
	font-weight: bold; 
	margin: 0 0 10px 0; 
	letter-spacing: 0px;
	padding: 2px 2px 0 20px;
	background: url(../grafika/pipa.gif) no-repeat left;
	border-bottom-style: outset;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	margin-top: 20px;}
	
a { 
	color: #990000;
	background: none;
	text-decoration:none;
	font-weight: bold;}
	
a:hover {
	color:#FC7901;
	background: #FFFFFF;
	text-decoration:none;
	font-weight: bold;}
	
a.kislink { 
	color: #003300;
	background: url(../grafika/fuggoleges.gif) no-repeat left;
	padding: 0 8px 0 10px;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
	font-variant: small-caps;}
	
a.kislink:hover {
	color:#FC7901;
	background: url(../grafika/fuggoleges.gif) no-repeat left;
	padding: 0 8px 0 10px;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
	font-variant: small-caps;}
	
a.nyitolink { 
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	font-variant: small-caps;
	background: none;
	float: right;}
	
a.nyitolink:hover {
	color:#FC7901;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	font-variant: small-caps;
	background: none;}

p { 
	margin: 0 0 10px 0;
	padding: 0;
	color: #003300;
	text-align:justify;}
	
ul { 
	margin: 0 0 15px 30px; 
	padding : 0;  
	border-bottom: 0px solid #eee; 
	list-style-type: disc;
	color: #a90000;
	background: none;}
	
li { 
	margin: 0 0 0 30px;
	padding: 0 0 5px 0px;
	color: #003300;}

.kepformazas {
	padding: 1px;
	margin: 2px;
	border: 1px solid #666666;}

.kep-balra {
	padding: 1px;
	margin: 5px 8px 5px 0;
	float: left;
	border: 1px solid #666666;}
	
.kep-jobbra {
	padding: 1px;
	float: right;
	margin: 5px 0 5px 8px;
	border: 1px solid #666666;}
	
.kepalairas-balra {
	float: left;
	width: 200px;
	color: #808080; 
	text-align: left; 
	margin: 0 5px 10px 0; 
	padding: 0.4em 0 0 0; 
	font-size: 11px;
	font-style: normal;
	font-weight: normal;}
	
.kepalairas-jobbra {
	float: right;
	width: 200px;
	color: #808080; 
	text-align: right; 
	margin: 0 0 10px 10px; 
	padding: 0.4em 0 0 0; 
	font-size: 11px;
	font-style: normal;
	font-weight: normal;}
	
.felkover {
	font-weight: bold;}