body {
}
table
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #003C00;
}
.alaphatter
{
	background-image: none;
	}
.alaphatter_tele
{
	background-image: none;
}	
.loginstilus_ures
{
	background-repeat: no-repeat;
}
.hatter_sarok
{
	vertical-align: top;
	text-align: center;
	background-position: left top;
	background-image: url('img/hatterkep.png');
	background-repeat: no-repeat;
	background-color: #FFFFCC;
}
.hatter_jatek
{
	background-image: none;	
}
.hatter_tanari
{
	background-image: none;	
}
.hatter_felh
{
	background-image: none;	
}
.hatter_alja
{
	background-position: left bottom;
	background-image: url('img/iskhatter.png');
	background-repeat: no-repeat;
	background-color: #FFFFCC;
}
.belsokozep
{
    background-position: center center;
    background-image: url('img/belsokozep.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: center;
    height: 80px;
}
.belsokozep_tanari
{
    background-position: center center;
    background-image: url('img/tanari.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: center;
    height: 80px;
}
.loginview_belso
{
	background-position: center center;
	background-image: url('img/isk2.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	width: 120px;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;
	font-style: italic;
}
.loginview_belso a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;
	font-style: italic;
	}
	.loginview_belso a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;
	font-style: italic;
	}
.uzeno
{
    background-image: url('img/notes_edit.png');
    background-repeat: no-repeat;
    background-position: center center;
    font-family: Arial, Helvetica, sans-serif;
    width: 128px;
    height: 128px;
    vertical-align: middle;
    text-align: center;
}

.teteje_cim_nepi_alatt
{
    background-image: url('img/motivumok/cim9.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 40px;
}
.alcim_aktualis
{
    background-image: url('img/alcim_nepi_aktualis.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
}
.alcim_ajanlo
{
    background-image: url('img/alcim_nepi_ajanlo.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
    }
.alcim_jatszohaz
{
    background-image: url('img/alcim_nepi_jatszo.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
    }
    
.cikkalap_nepi
{
    background-image: url('img/cikkeret_nepi.png');
    background-repeat: repeat;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.teteje_alap2
{
    background-image: url('img/hatter2.png');
    background-repeat: repeat-x;
    background-position: center center;
    height: 100px;
}
.teteje_admin
{
    background-image: url('img/hatter2.png');
    background-repeat: repeat-x;
    background-position: center center;
    height: 100px;
}
.teteje_bal2
{
    background-image: url('img/cimer2.gif');
    background-position: left center;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
}
.teteje_jobb2
{
    background-image: url('img/jobb2.png');
    background-repeat: no-repeat;
    background-position: right top;
    width: 150px;
    height: 100px;
}
.teteje_kozep2
{
    background-image: url('img/cim2.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
}
.teteje_kozep_admin2
{
    background-image: url('img/cim_admin2.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
}
.utjelzohatter
{
    background-image: url('img/utjelzo.png');
    background-repeat: no-repeat;
    background-position: center top;
}  
.menu_sport
{
    background-image: url('img/sport.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 70px;
    height: 70px;
}   
.menu_arhivum
{
    background-image: url('img/menu_arhivum.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 100px;
    height: 100px;
}          
.menu_video
{
    background-image: url('img/film.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 100px;
    height: 100px;
}          
.menu_oko2
{
    background-image: url('img/okomenu2.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 70px;
    height: 96px;
}  
.menu_diakoldalak
{
    background-image: url('img/diakoldalak.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 70px;
    height: 90px;
}  
.menu_neprajz
{
    background-image: url('img/neprajzmenu.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 70px;
    height: 70px;
}  
.tartalom_hatter
{
    vertical-align: top;
    text-align: center;
    background-color: #FFFFFF;
}
.IE8Fix 
{ 
    z-index: 1000; 
}
.menugombok_kicsi
{
    background-image: url('img/gomb502.gif');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    height: 40px;
    width: 154px;
}
.menugombok_kiemelt_kicsi
{
    background-image: url('img/gomb502.gif');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    height: 40px;
    width: 154px;
    font-weight: bold;
}
.menugombok2_kicsi
{
    background-image: url('img/gomb50_sima2.gif');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    height: 40px;
    width: 154px;
}
.menugombok2_kiemelt_kicsi
{
    background-image: url('img/gomb50_sima2.gif');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    height: 40px;
    width: 154px;
    font-weight: bold;
}

.kepgombhatter50
{
    background-image: url('img/ikonhatter50.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
.cikk_kiskep
{
    width: 100px;
}
.cikk_nagykep
{
    width: 500px;
}
.gomb_120
{
    background-image: url('img/gombhatter120.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 120px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #660033;
    cursor: hand;
    vertical-align: middle;
    text-align: center;
}
.gomb_150
{
    background-image: url('img/gombhatter150.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 150px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #660033;
    cursor: hand;
    vertical-align: middle;
    text-align: center;
}
.panelhatter
{
    padding: 5px;
    border: 1px solid #ffdf93;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #666666;
    font-style: italic;
    background-color: #FFF5DF;
}
.kepgombhatter64
{
    background-image: url('img/ikonhatter64.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.nyilotabla
{
    border: 1px solid #C0C0C0;
    width: 100%;
    background-color: #ffdf93;
}
.albumhatter
{
    border: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #ffdf93;
}
.helphatter
{
    background-position: left top;
    border: 3px solid #FFD595;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFEBBB;
    background-image: url('img/motivumok/whelp.png');
    background-repeat: no-repeat;
}
.helphatter50
{
    background-position: left top;
    border: 3px solid #FFD595;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFEBBB;
    background-image: url('img/motivumok/whelp50.png');
    background-repeat: no-repeat;
}
.kozepre_rendezett
{
    text-align: center;
}
.orarend
{
    margin: -1px;
    border: 3px solid #FEEACB;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: left;
    vertical-align: top;
}
.nyilopanel_teteje
{
    background-image: url('img/nyilopanel_teteje.gif');
    background-repeat: repeat-x;
    background-position: center;
    height: 30px;
    vertical-align: top;
    text-align: left;
}
.nyilopanelszoveg
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    color: #663300;
    vertical-align: top;
    text-align: left;
}
.kozepre_rendezett
{
    text-align: center;
}
.orarend td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    border: 1px solid #FEEACB;
    vertical-align: top;
    text-align: left;
    
}


.cikkalap
{
    border-collapse: collapse;
    border-spacing: 0px;
}
.albumalap span
{
    display: inline-block;
    overflow: auto;
}
.keret_balfelso1
{
    background-position: right bottom;
    background-image: url('img/keret1/1.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.keret_kozepfelso1
{
    background-position: bottom;
    background-image: url('img/keret1/2.png');
    background-repeat: repeat-x;
    height: 20px;
}
.keret_jobbfelso1
{
    background-position: left bottom;
    background-image: url('img/keret1/3.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.keret_balkozep1
{
    background-position: right;
    background-image: url('img/keret1/4.png');
    background-repeat: repeat-y;
    width: 20px;
}
.keret_balalso1
{
    background-position: right top;
    background-image: url('img/keret1/5.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.keret_kozepalso1
{
    background-position: top;
    background-image: url('img/keret1/6.png');
    background-repeat: repeat-x;
    height: 20px;
}
.keret_jobbalso1
{
    background-position: left top;
    background-image: url('img/keret1/7.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.keret_jobbkozep1
{
    background-position: left;
    background-image: url('img/keret1/8.png');
    background-repeat: repeat-y;
    width: 20px;
}
.keret_hatter1
{
	background-image: url('img/keret1/9.png');
	background-repeat: repeat;
}
.keret_hatter1b
{
	padding: 5px 10px 5px 10px;
	border: 3px solid #FFE3AA;
	background-image: url('img/keret1/9.png');
	background-repeat: repeat;
}

.foto_hatter
{
    background-image: url('img/keret1/9.png');
    background-repeat: repeat;
}
.kicsiszoveg
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: italic;
    color: #006600;
}
.ajto2
{
    font-family: Arial, Helvetica, sans-serif;
    background-image: url('img/ajto2.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 150px;
}
.szoveg_cim
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #fff0ce;
    background-color: #FF9900;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.linkgomb
{
    cursor: hand;
}
.kiemeles_hatter
{
    font-family: Arial, Helvetica, sans-serif;
    color: #623A00;
    background-color: #fff0ce;
}
.kiemeleshatter_szolid
{
    background-image: url('img/nyilopanel_teteje.gif');
    background-repeat: repeat-x;
    background-position: center;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #623A00;
    font-size: large;
}
.rend_cikk
{
    background-image: url('img/note.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 48px;
    height: 48px;
}  
.rend_album
{
    background-image: url('img/photo.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 48px;
    height: 48px;
}  
.keret2_1
{
    background-image: url('img/keret2/1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 20px;
    height: 20px;
}
.keret2_2
{
    background-image: url('img/keret2/2.png');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 20px;
}
.keret2_3
{
    background-image: url('img/keret2/3.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 20px;
    height: 20px;
}
.keret2_4
{
    background-image: url('img/keret2/4.png');
    background-repeat: repeat-y;
    background-position: right;
    width: 20px;
}
.keret2_5
{
    background-image: url('img/keret2/5.png');
    background-repeat: no-repeat;
    background-position: right top;
    width: 20px;
    height: 20px;
}
.keret2_6
{
    background-image: url('img/keret2/6.png');
    background-repeat: repeat-x;
    background-position: top;
    height: 20px;
}
.keret2_7
{
    background-image: url('img/keret2/7.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 20px;
    height: 20px;
}
.keret2_8
{
    background-image: url('img/keret2/8.png');
    background-repeat: repeat-y;
    background-position: left;
    width: 20px;
}
.keret2_9
{
    background-image: url('img/keret2/9.png');
    background-repeat: repeat;
}
.alulraigazit
{
    text-align: center;
    vertical-align: bottom;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    font-style: italic;
    color: #623A00;
    text-decoration: underline;
}
.keret5_1
{
    background-image: url('img/keret5/1.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 40px;
    height: 40px;
}
.keret5_2
{
    background-image: url('img/keret5/2.png');
    background-repeat: repeat-x;
    background-position: bottom;
    height: 40px;
}
.keret5_3
{
    background-image: url('img/keret5/3.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 40px;
    height: 40px;
}
.keret5_4
{
    background-image: url('img/keret5/4.png');
    background-repeat: repeat-y;
    background-position: right;
    width: 40px;
}
.keret5_5
{
    background-image: url('img/keret5/5.png');
    background-repeat: no-repeat;
    background-position: right top;
    width: 40px;
    height: 40px;
}
.keret5_6
{
    background-image: url('img/keret5/6.png');
    background-repeat: repeat-x;
    background-position: top;
    height: 40px;
}
.keret5_7
{
    background-image: url('img/keret5/7.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 40px;
    height: 40px;
}
.keret5_8
{
    background-image: url('img/keret5/8.png');
    background-repeat: repeat-y;
    background-position: left;
    width: 40px;
}
.keret5_9
{
    background-image: url('img/keret5/9.png');
    background-repeat: repeat;
}
.kezdolapra2
{
    background-image: url('img/kezdolapra3.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 202px;
    height: 80px;
  }
.elfelejtettjelszo
{
    background-image: url('img/elfelejtettjelszo.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 202px;
    height: 80px;
  }
.regisztracio
{
    background-image: url('img/regisztracio.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 202px;
    height: 80px;
  }
.loginhatter
{
    background-image: url('img/motivumok/hatter.png');
    background-repeat: repeat-x;
    background-position: top;
}
.loginhatter_alap
{
    background-image: url('img/motivumok/hatteralapja.png');
    background-repeat: repeat;
}
.loginhatter_alja
{
    background-position: bottom;
    background-image: url('img/motivumok/hatteralul.png');
    background-repeat: repeat-x;
}
.loginhatter_teteje
{
    background-position: top;
    background-image: url('img/motivumok/hatterteteje.png');
    background-repeat: repeat-x;
}
.baltitok
{
    background-position: center center;
    background-image: url('img/titok.png');
    background-repeat: no-repeat;
    width: 150px;
    height: 300px;
    text-align: center;
}
.moderator
{
    background-position: center center;
    background-image: url('img/moderator.png');
    background-repeat: no-repeat;
    width: 140px;
    height: 50px;
}
.tanariszoba
{
    background-position: center center;
    background-image: url('img/tanariszoba.png');
    background-repeat: no-repeat;
    width: 140px;
    height: 50px;
}
.felhasznaloszoba
{
    background-position: center center;
    background-image: url('img/felhasznalo.png');
    background-repeat: no-repeat;
    width: 140px;
    height: 50px;
}
.adminlink
{
    background-position: center center;
    background-image: url('img/adminlink.png');
    background-repeat: no-repeat;
    width: 140px;
    height: 50px;
}
.letoltlink
{
    background-position: center center;
    background-image: url('img/gomb/letolt.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
}
.uzenethatter_teteje
{
    background-position: center bottom;
    background-image: url('img/keret6/uzenethatter1.png');
    background-repeat: no-repeat;
    width: 600px;
    height: 100px;
}
.uzenethatter_teteje2
{
    background-position: center bottom;
    background-image: url('img/keret6/uzenethatter1b.png');
    background-repeat: no-repeat;
    width: 600px;
    height: 100px;
}
.uzenethatter_alja
{
    background-position: center top;
    background-image: url('img/keret6/uzenethatter2.png');
    background-repeat: no-repeat;
    width: 600px;
    height: 80px;
}
.uzenethatter_kozepe
{
    background-position: center;
    background-image: url('img/keret6/uzenethatter3.png');
    background-repeat: repeat-y;
    width: 600px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.uzenetadminnak1
{
    background-position: center center;
    background-image: url('img/uzenetadminnak1.png');
    background-repeat: no-repeat;
    width: 140px;
    height: 50px;
}
.uzenetadminnak2
{
    background-position: center center;
    background-image: url('img/uzenetfejlesztonek.png');
    background-repeat: no-repeat;
    width: 140px;
    height: 50px;
}
.info50
{
    background-position: center center;
    background-image: url('img/motivumok/winfo50.png');
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}
.kezdolapra0
{
    background-position: center center;
    background-image: url('img/kezdolapra0.png');
    width: 140px;
    height: 56px;
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: center;
}
.diakoldal
{
    background-position: center center;
    background-image: url('img/diakoldal2.png');
    height: 50px;
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: center;
}
.kez
{
    cursor: hand;
}
.szoveg_kozepes
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    vertical-align: middle;
    text-align: center;
    font-style: italic;
    color: #623A00;
}
.szoveg_kozepes_kiemelt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    vertical-align: middle;
    text-align: center;
    font-style: italic;
    color: #623A00;
    font-weight: bold;
}

.jatekokhoz
{
    background-image: url('img/jatekokhoz.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.papir_bal
{
    background-position: right center;
    width: 27px;
    height: 150px;
    vertical-align: middle;
    text-align: right;
    background-image: url('img/kephatter/bal.png');
    background-repeat: no-repeat;
}
.papir_jobb
{
    background-image: url('img/kephatter/jobb.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 28px;
    height: 150px;
}
.papir_kozep
{
    background-image: url('img/kephatter/kozep.png');
    background-repeat: repeat-x;
    background-position: center;
    height: 150px;
}
.commentbox{
background-color: #ececec;
padding: 10px;
}

.commentfooter{
background: url('img/sarok.gif') 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
font-size: 90%;
color: #4A4A4A;
}
.hatter_admin
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFFFFF;
}
.elvalaszto
{
    background-image: url('img/nyilopanel_teteje.gif');
    background-repeat: repeat-x;
    background-position: center;
    height: 10px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #663300;
}
.alaptabla
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    border-collapse: collapse;
}
.tanulas_hatter
{
    background-image: url('img/tanulas_felso.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 150px;
}
.menu_seged
{
    background-image: url('img/menu_tananyag.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 102px;
    height: 100px;
}  
.epanther
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: italic;
    color: #663300;
}
.epanther:hover
{
    text-decoration: underline;
    color: #663300;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: italic;
}        
.egykepdiv_moderalt
{
    border: 1px solid #CCFF99;
    vertical-align: middle;
    text-align: center;
    width: 200px;
    background-color: #F3FFE8;
}
.egykepdiv_nemmoderalt
{
    border: 1px solid #FF3300;
    vertical-align: middle;
    text-align: center;
    width: 200px;
    background-color: #FFF0EC;
}
.menu_vegzettek
{
    background-image: url('img/vegzettek.png');
    background-repeat: no-repeat;
    background-position: center top;
     width: 140px;
    height: 160px;
}          
.szamlalodiv
{
	width: 154px;
	height: 122px;
	text-align: center;
	background-image: url('img/szamlalo.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.szamlalodivszoveg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #663300;
}         
.footer_elvalaszto
{
	vertical-align: middle;
	text-align: left;
	height: 1px;
	background-color: #FFCC66;
}