BODY {
    scrollbar-face-color:#ffffff; 
    scrollbar-arrow-color:#366CB2; 
    scrollbar-track-color:#ffffff; 
    scrollbar-shadow-color:#366CB2; 
    scrollbar-highlight-color:#ffffff; 
    scrollbar-3dlight-color:#366CB2; 
    scrollbar-darkshadow-Color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #324871;
    background-position: top center; 
    background-image: url('pic/sugallat_hatter.jpg');
	background-attachment: fixed;
}


/* ALAP */


td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    COLOR: #3248714;
}

p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    COLOR: #324871;
    text-align: justify;
}

div {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    COLOR: #324871;
    text-align: justify;
}


.cimszo {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}

.floatleft {
   float: left;
   clear: left;
   text-align: justify;
}


.focim {
   color: #489FFE;
   font-size: 14px;
   font-weight: bold;
   padding-top: 24px;
   padding-bottom: 12px;
}

.focim2 {
   color: #489FFE;
   font-size: 14px;
   font-weight: bold;
   padding-top: 0px;
   padding-bottom: 12px;
}

.fejlec {
   color: #ffffff;
   padding-left: 15px;
   padding-top: 10px;
}

.nyelv {
   padding-left: 15px;
}


/* MENU HATTER ELEMEI */

.menu1_on {
	background-image: url('pic/sugallat_menu1_on.jpg');
    cursor: pointer;
    background-color: #538FE5;
}

.menu1_off {
	background-image: url('pic/sugallat_menu1_off.jpg');
    background-color: #538FE5;
    cursor: pointer;
}

.menu2_on {
	background-image: url('pic/sugallat_menu2_on.jpg');
    background-color: #5E97E6;
    cursor: pointer;
}

.menu2_off {
	background-image: url('pic/sugallat_menu2_off.jpg');
    background-color: #5E97E6;
    cursor: pointer;
}

.menu3_on {
	background-image: url('pic/sugallat_menu3_on.jpg');
    background-color: #689EE8;
    cursor: pointer;
}

.menu3_off {
	background-image: url('pic/sugallat_menu3_off.jpg');
    background-color: #689EE8;
    cursor: pointer;
}

.menu4_on {
	background-image: url('pic/sugallat_menu4_on.jpg');
    background-color: #73A4E9;
    cursor: pointer;
}

.menu4_off {
	background-image: url('pic/sugallat_menu4_off.jpg');
    background-color: #73A4E9;
    cursor: pointer;
}

.menu5_on {
	background-image: url('pic/sugallat_menu5_on.jpg');
    background-color: #81ADEC;
    cursor: pointer;
}

.menu5_off {
	background-image: url('pic/sugallat_menu5_off.jpg');
    background-color: #81ADEC;
    cursor: pointer;
}

.menu6_on {
	background-image: url('pic/sugallat_menu6_on.jpg');
    background-color: #86B0EC;
    cursor: pointer;
}

.menu6_off {
	background-image: url('pic/sugallat_menu6_off.jpg');
    background-color: #86B0EC;
    cursor: pointer;
}

.menu7_on {
	background-image: url('pic/sugallat_menu7_on.jpg');
    background-color: #8FB6ED;
    cursor: pointer;
}

.menu7_off {
	background-image: url('pic/sugallat_menu7_off.jpg');
    background-color: #8FB6ED;
    cursor: pointer;
}

.menu8_off {
	background-image: url('pic/sugallat_menu8_off.jpg');
    background-color: #95BAEE;
    cursor: pointer;
}

.menu8_on {
	background-image: url('pic/sugallat_menu8_on.jpg');
    background-color: #95BAEE;
    cursor: pointer;
}

.menu9_off {
	background-image: url('pic/sugallat_menu9_off.jpg');
    background-color: #9EC0F0;
    cursor: pointer;
}

.menu9_on {
	background-image: url('pic/sugallat_menu9_on.jpg');
    background-color: #9EC0F0;
    cursor: pointer;
}

.menu10_off {
	background-image: url('pic/sugallat_menu10_off.jpg');
    background-color: #9EC0F0;
    cursor: pointer;
}

.menu10_on {
	background-image: url('pic/sugallat_menu10_on.jpg');
    background-color: #9EC0F0;
    cursor: pointer;
}




/* MENU LINK ELEMEI */

.menu a:link, .menu a:visited, .menu a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

.menu a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}






/* ALMENUK ELEMEI */


.almenu {
	background-color: #489FFE;
}

.almenu a:link, .almenu a:visited, .almenu a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}

.almenu a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #2B60AC;
}






/* ALAPLINKEK */



A:link { 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px; 
    FONT-WEIGHT: bold; 
    TEXT-DECORATION: none; 
    COLOR: #2E81FF; 
} 

A:active { 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 11px; 
    FONT-WEIGHT: bold; 
    TEXT-DECORATION: none; 
    COLOR: #2E81FF; 
} 

A:visited { 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 11px; 
    FONT-WEIGHT: bold; 
    TEXT-DECORATION: none; 
    COLOR: #2E81FF; 
} 

A:hover { 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 11px; 
    FONT-WEIGHT: bold; 
    TEXT-DECORATION: underline; 
    COLOR: #0026AD; 
} 


.fejlec a:link, .fejlec a:visited, .fejlec a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #24C0F9;
}

.fejlec a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}


.nyelv a:link, .nyelv a:visited, .nyelv a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #24C0F9;
}

.nyelv a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}


/* INPUT, TEXTAREA */


INPUT.keres { 
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;	
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #694410; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	border-width: 0px;
	width: 138px;
	height: 17px;	
	background-image: url('pic/keres_mezo_hatter.jpg');
} 

INPUT.keres_gomb {
	FONT-WEIGHT: bold; 
    	FONT-SIZE: 11px; 
    	BORDER-LEFT-COLOR: #FA7703;
	BACKGROUND: #FA7703;
    	BORDER-BOTTOM-COLOR: #FA7703; 
    	COLOR: #A42407; 
    	BORDER-TOP-COLOR: #FA7703; 
    	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    	BORDER-RIGHT-COLOR: #FA7703; 
    	border-width: 1px;
	border-style: outset;
}



INPUT { 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 11px; 
    BORDER-LEFT-COLOR: #620B14;
    BACKGROUND: #FFFFFF;
    BORDER-BOTTOM-COLOR: #620B14; 
    COLOR: #620B14; 
    BORDER-TOP-COLOR: #620B14; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BORDER-RIGHT-COLOR: #620B14; 
    border-width: 1px; 
} 

TEXTAREA { 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 11px;
    BORDER-LEFT-COLOR: #620B14; 
    BACKGROUND: #FFFFFF; 
    BORDER-BOTTOM-COLOR: #620B14;
    COLOR: #620B14; 
    BORDER-TOP-COLOR:#620B14; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BORDER-RIGHT-COLOR:#620B14; 
    border-width: 1px; 
} 
  
.gomb {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 11px;
    BORDER-LEFT-COLOR: #9DA200; 
    BACKGROUND: #9DA200; 
    BORDER-BOTTOM-COLOR: #9DA200;
    COLOR: #ffffff; 
    font-weight: bold;
    BORDER-TOP-COLOR:#9DA200; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    BORDER-RIGHT-COLOR:#9DA200; 
    border-width: 0px;

}
    
/* LIST */

    
    
ul
{
	list-style-image: url('pic/li.gif');
	list-style-position: outside;
	margin-left: 16px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
        text-align: justify;
}

ol {
        text-align: justify;
        margin-left: 24px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
 

/* ERROR */



.error {
    color: red;
}



/* KEPEK */



.pic {
    border: 1px #0026AD solid; 
    margin-right: 11px; 
    margin-bottom: 11px; 
    float: left; 
}


/* TABLAK */

.ref td
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	border-top: 1px #d1d1d1 solid;
	border-right: 1px #d1d1d1 solid;
	text-align: left;
	font-size: 11px;
        text-align: justify;
}



.ref .vege
{
	border-right: 0px;
    
}

.ref .alja
{
	border-bottom: 1px #d1d1d1 solid;
	
}

.ref .aljavege
{
	border-bottom: 1px #d1d1d1 solid;
	border-right: 0px;
	
}

.ref .cim
{
	border-right: 0px;
	background: #DEECF5
    
}
DEECF5