body{
align:center;
margin: 0; padding: 0;
font-family: Arial, Verdana, Times;
color:#8c2727; 
font-size: 14px;
background: url(images/hatter_modern.jpg) repeat-x;
background-color: #dcc8a9;
}

ul {
margin-top:0px;
margin-bottom:0px;}

a {
color:#ed4003;
text-decoration: underline;
}

a:hover {
color:#c10b0b;
text-decoration: underline;
}

#text {
position:relative;
top:-2px;
border:1px solid #4f6c05;
font-size: 13px;
height:15px;
color:#8c2727; 
}

.img {border:1px solid #f6bc7d;}


.gomb {
color:white;
border:1px solid #e3831c;
background-color:#242424;
cursor:pointer;
width:80px;
height:18px;
font-size:11px;
padding-bottom:3px;
}

.gomb2 {
color:white;
border:1px solid #e3831c;
background: url(images/gombhatter.jpg) no-repeat;
background-color:#454444;
cursor:pointer;
width:80px;
height:18px;
font-size:11px;
padding-bottom:3px;
}

.szoveg_zold {  
color:#324f02; 
}

.szoveg_zold_felkover {  
color:#324f02; 
font-weight:bold;
}

.szoveg_piros {  
color:red; 
}

.szoveg_piros_felkover {  
color:red; 
font-weight:bold;
}

.szoveg_bordo_felkover {  
color:#8c2727;
font-weight:bold;
}


.szoveg_kek {  
color:#276f98;
}
.szoveg_kek_felkover {  
color:#276f98;
font-weight:bold;
}

#datum {  
padding:1px;

position:relative;
left:645px;
top:-15px;
width:103px;
text-align:right;
font-size: 11px;
padding-left:2px;
color:gray; 
}

#reszletek {  
text-align:right;
font-size: 11px;
}

#letoltes {  
padding:2px;
border:1px solid #fbc994;
background-color:#feebd7;
position:relative;
width:747px;
font-size: 11px;
color:#ca4405; 
}

#letoltes a {  
color:#e74f05; 
}


.szoveg_elerhetoseg {  
font-size: 14px;
color:#fff; 
font-style: normal; 
font-variant: normal; 
text-transform: none; 
margin-left:25px;
margin-right:15px;}


.ocim {  
font-size: 14px;
color:#e3831c; 
font-weight:bold; 
}

h1 {
font-weight:bold;
padding-left:10px; 
}

h1.cim1 {  
font-size:18px;
color:#f9f8f6;
margin:0px;
padding:0px;
line-height:20px;
}

h1.cim2 {
font-size:16px;
color:#6d3105;
margin:0px;
padding:0px;
line-height:20px;
}

h1.cim3 {
font-size:14px;
color:#8c2727;
margin:0px;
padding-left:13px;
}

h2 {
font-weight:bold;
padding-left:10px; 
}

h2.alcim_zold {  
font-size:16px;
color:#324f02; 
margin:0px;
padding-left:0px;
padding-top:5px;
padding-bottom:3px;
line-height:20px;
}

.linkocim:link       {text-decoration: underline;color:#e3831c;font-size:14px;}
.linkocim:visited    {text-decoration: underline;color:#e3831c;font-size:14px;}
.linkocim:hover      {text-decoration: underline; color:#fc5400;font-size:14px;}

.link1:link       {text-decoration: underline;color:#077273;font-size:14px;}
.link1:visited    {text-decoration: underline;color:#077273;font-size:14px;}
.link1:hover      {text-decoration: underline; color:#f077273;font-size:14px;}

.link2:link       {text-decoration: none;color:#8c2727;font-size:14px;}
.link2:visited    {text-decoration: none;color:#8c2727;font-size:14px;}
.link2:hover      {text-decoration: underline; color:#8c2727;font-size:14px;}

.linkpaletta:link       {text-decoration: none;color:#ffffff;font-size:18px;}
.linkpaletta:visited    {text-decoration: none;color:#ffffff;font-size:18px;}
.linkpaletta:hover      {text-decoration: underline; color:#ffffff;font-size:18px;}

.link_reszletek:link       {text-decoration: underline;color:#d83d6d;font-size:11px;text-align:right;padding:3px;}
.link_reszletek:visited    {text-decoration: underline;color:#d83d6d;font-size:11px;text-align:right;padding:3px;}
.link_reszletek:hover      {text-decoration: underline; color:#C24A0F;font-size:11px;text-align:right;padding:3px;}

.linkforeszala:link       {text-decoration: underline;color:#8c2727;font-size:12px;padding-bottom:5px;padding-right:10px;}
.linkforeszala:visited    {text-decoration: underline;color:#8c2727;font-size:12px;padding-bottom:5px;padding-right:10px;}
.linkforeszala:hover      {text-decoration: underline;color:#8c2727;font-size:12px;padding-bottom:5px;padding-right:10px;}

.tabla1{
background-color:#f2e7d6;
}

table#tabla2 {
width:100%;
cell-padding:2px;
cell-spacing:2px;
background-color:#e2d1b6;
}

table#tabla2 th{
background-color:#fff;
}

table#tabla2 td{
background-color:#f8f3ec;
}


table#tabla3 {
background-color:#f5eee5;
}

table#tabla3 th{
background-color:#fff;
}

table#tabla3 td{
background-color:#faf7f3;
}


.kepgaleriacella{
vertical-align:middle;
text-align:center;
}

.szoveg_kepgaleria {  
font-size:12px;
text-align:center;
color:#e3831c; 
}

.fejleckeret{
width:977px;
height:245px;
}

.fejlecfole{
width:977px;
height:28px;
background: url(images/fejlecfole.jpg);
}

.fejlec{
width:977px;
height:222px;
display:block;
background: url(images/fejlec.jpg) no-repeat;
}

a.fejlecemail:link, a.fejlecemail:visited, a.fejlecemail:hover, a.fejlecemail:active {
width:13px;
height:13px;
background: url(images/fejlecemail.jpg) no-repeat;
padding-bottom:5px;
display:block;
}

a.fejlechome:link, a.fejlechome:visited, a.fejlechome:hover, a.fejlechome:active {
width:13px;
height:13px;
background: url(images/fejlechome.jpg) no-repeat;
padding-right:50px;
padding-bottom:5px;
display:block;
}


.menu{
width:209px;
}



.menufole{
height:10px;
background: url(images/menufole.jpg) no-repeat;
}




.menuala{
background: url(images/menuala.jpg) no-repeat;
}

.menualaelerhetoseg{
height:20px;
vertical-align:bottom;
color:#8c2727;
font-size:14px;
padding-left:5px;
}

.foreszhatter{
width:977px;
vertical-align:top;
background-color:#f2e7d6;
}

.kereseshatter{
text-align:right;
vertical-align:middle;
width:768px;
height:26px;
background: url(images/kereseshatter.jpg) no-repeat;
}

.keresesgomb{
background: url(images/keresesgomb.jpg) no-repeat;
border:0px;
cursor:pointer;
width:78px;
height:23px;
color:white;
font-size:11px;
font-weight:bold;
padding-left:18px;
padding-bottom:0px;
margin-top:0px;
top:-2px;
}

.ocimhatter{
font-size:16px;
vertical-align:top;
font-weight:bold;
color:#324f02;
width:768px;
height:26px;
background: url(images/ocimhatter.jpg) no-repeat;
padding-left:16px;
}

.ocimhatter a{
font-size:16px;
font-weight:bold;
}

.palettazold_alap{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettazold_alap.jpg) no-repeat;
}

.palettazold{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettazold.jpg) no-repeat;
}

.palettanarancs_alap{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettanarancs_alap.jpg) no-repeat;
}

.palettanarancs{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettanarancs.jpg) no-repeat;
}

.palettabeige_alap{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettabeige_alap.jpg) no-repeat;
}

.palettabeige{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettabeige.jpg) no-repeat;
}

.palettabordo_alap{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettabordo_alap.jpg) no-repeat;
}

.palettabordo{
padding-top:5px;
font-size:18px;
align:center;
vertical-align:middle;
width:348px;
height:134px;
background: url(images/palettabordo.jpg) no-repeat;
}

.ocimhatterkepgaleria{
padding-top:9px;
padding-left:12px;
width:768px;
height:68px;
background: url(images/ocimhatter.jpg) no-repeat;
}

.mainoszlop{
width:768px;
vertical-align:top;
background: url(images/mainhatter.jpg) repeat-y;
}

.maineditor{
width:768px;
vertical-align:top;
padding-left:13px;
padding-right:13px;
}

.mainures{
height:100px;
}

.mainkep{
text-align:center;
height:200px;
}

.mainala{
width:768px;
height:84px;
background: url(images/mainala.jpg) no-repeat;
}

.foreszala{
text-align:right;
width:977px;
padding-top:5px;
}


.kepgaleriacella{
vertical-align:middle;
text-align:center;
}

.szoveg_kepgaleria {  
text-align:center;
color:#e3831c; 
}


.tabla_beige1{
vertical-align:top;
background-color:#f8f3ec;
}

.tabla_beige2{
vertical-align:top;
background-color:#f9f6f2;
}

.tabla_beige3{
vertical-align:top;
background-color:#e4d2b8;
}
}
/* FIELDSET LEGEND LABEL..........................*/
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	background-color: #fafafa;
	}

.fieldset1{
	border: 1px solid #f9c28c;
	}
	
.fieldset2{
	border: 1px solid #abc665;
	}
	
LEGEND {
	max-width:637px;
	font-size:14px;
	font-weight: bold;
	padding: 0.3em;
	background-color: #ef7335;
	color: #FFFFFF;
	}

.legend1{
	color:#c04406;
	background-color: #fbc994;
	}
	
.legend2{
	color:#3b5903;
	background-color: #abc665;
	}
	
LABEL {
	vertical-align:top;
	line-height: 1.5em;
	}
.labeljobb {
text-align:right;
}

.menuhatter {
background: url(images/menuelvalaszto.jpg) repeat-y;
}

/* LENYÍLÓ MENÜKÓD..........................*/
ul.dropdown iframe {display:none; display/**/:block; z-index:-1; position:absolute; height:0; width:0; } 

#menudiv{
position:relative;

top:-1px;
}

ul.dropdown {
padding:0px; 
margin-left:8px; 
list-style-type: none; 
position: relative;
float: left; 
}



ul.dropdown li {
vertical-align: middle;
padding: 0px;
margin-top:1px;
color: #000;
width:185px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
}

ul.dropdown li ul {
list-style-type: none; 
top: 0px;
left: 195px;
width:200px;
visibility: hidden;
position: absolute;
background-color:#8b2928;
padding-left:0px;
}

ul.dropdown li ul li {

width:198px;
border:1px solid #b73e2d;
margin:0px;
}

ul.dropdown li ul li ul {
top:-1px;
left:198px;
}

ul.dropdown li:hover > ul {
visibility: visible;
}

/* MENÜ OFF */
ul.dropdown a:link,ul.dropdown a:visited	{
background: url(images/menuoff.jpg) no-repeat;
line-height:26px;
display:block;
width:175px;
font-size:14px; 
color:#8c2727;
text-decoration:none;
padding-left:20px;
}
	
	/* MENÜ ON */
ul.dropdown a:hover		{
background: url(images/menuon.jpg) repeat-y;
color:#8c2727; 
text-decoration:none;
}


/* ALMENÜ OFF */
ul.dropdown li ul li a:link,ul.dropdown li ul li a:visited	{

background: url(images/menusuboff.jpg) no-repeat;
padding-left:20px;
color:#fff;
background-color:#8b2928;
height:auto;
padding-right:0px;
margin:0px;
}

/* ALMENÜ ON */
ul.dropdown li ul li a:hover {
width:178px;
background: url(images/menusubon.jpg);
color:#8b2928;
height:auto;
margin:0px;
}
/***********/



