body { font-family: arial; background: url('oback2.png'); font-size: 12pt;}

#fofo {position: absolute; top: 20px; left: 10px; display: none;}

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}
ul {-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}

#whos { padding-top: 10px;}

#elmeny a.on {color: red; font-weight: normal; text-decoration: none; color: black;}


#nyomszoveg { font-weight: normal; font-style: italic; font-size: 8pt; 
width: 400px; padding: 10px;}

.meccs
{background: #acd4b2; padding: 7px; margin: 3px; }


.blogkep { border: 4px solid; border-color: white; padding: 5px; margin: 5px;}

.mintakod {font-family: courier; font-size: 7pt; color: darkblue;}


.partner       {font-size: 10pt; font-weight: normal; color: darkblue; }
.partner:hover { color: royalblue;}

#elmeny
{
font-size: 10pt;
position: absolute;
top: 20px;
left: 550px;
background: #acd4ff; xurl('jatekhatter.png');
width: 200px;
padding: 15px;
border: 1px solid;
border-color: #444444;

}


#hirdet
{
font-size: 10pt;
position: absolute;
top: 20px;
left: 550px;
width: 200px;
padding: 15px;
border: 1px solid;
border-color: #444444;

}

a.tetejere { color: darkblue; font-weight: normal; margin-left: 30px;}
a.tetejere:hover { background: white;}

.athuz { background: url('athuz.png'); padding-left: 3px; padding-right: 3px;}


.megjegyz { background: #ddd; padding: 7px;}

#elmeny a
{
color: darkblue;
font-weight: bold;
}

#elmeny a:hover
{
color: royalblue;
}

p
{
font-weight: normal;
text-align: justify;

}



h1 { font-size: 12pt; margin: 0px; border: 0px; margin-bottom: 10px; margin-left: 66px;
     
     }
h2 { font-size: 9pt; margin: 0px; border: 0px; margin-bottom: 2px;
     font-weight: bold; letter-spacing: 1px;
      align: center; text-align: center;}

h1.cim {align: center; text-align: center; margin-left: 0px;}

h3 { font-size: 9pt;}

ul { font-weight: normal; margin-left: 25px; list-style-image: url('list.png');}

.kepkeret { background: #eeeeee; padding: 3px; border: 1px solid; border-color: #777;
            width: 430px; text-align: center; font-weight: normal; margin: 8px; 
            }


.kepkeret2 { background: #eeeeee; padding: 3px; border: 1px solid; border-color: #777;
             text-align: center; font-weight: normal; margin: 8px;  width: 250px;
             padding-top: 10px; padding-bottom: 10px;
            }
.kepkeret2 a { color: darkblue;}
.kepkeret2 a:hover { color: royalblue;}


.kepkeretcim
{ background: url('cimhatter.png'); padding: 3px; border: 1px solid; border-color: #darkgoldenrod;
            width: 430px; text-align: center; font-weight: normal; margin: 8px; }

.kepkeret a { color: darkblue;}
.kepkeret a:hover { color: royalblue;}






#menu { background: url('menuhatter.png'); width: 520px; text-align: center; 
overflow: hidden; border: 1px solid; border-color: #777777;}




#oldalcim { width: 500px; text-align: left; padding-left: 3px;}



#menu a { color: black; font-weight: bold; padding: 10px;}
#menu a:hover { background: white; color: #333333;}


#jatekok  { background: #555; width: 520px;  padding-top: 3px; padding-left: 8px;
padding-bottom: 2px; paddin-top: 5px; color: #ddd; font-size: 10pt; font-weight: bold;}

a.bovebb { color: darkblue; font-weight: bold; font-size: 11pt;}
a.bovebb:hover { background: white;}

a.mail { color: darkblue;}
a.mail:hover {background: white;}
a.termlink { color: white; background: #333; display: inline;
           padding: 2px; margin: 5px; font-size: 10pt; font-weight: bold;}
a.termlink:hover { background: darkblue;}


.termek { background: #acd4ff; uxrl('jatekhatter.png') gxoldenrod; border: 1px solid; 
         width: 500px; margin: 2px; padding: 8px; color: black; text-align: left;
         margin-bottom: 11px; padding-bottom: 7px;}





.termeknev { font-weight: bold; font-variant: small-caps; font-size: 13pt;}

.termeknev a { color: black; text-decoration: none;}
.termeknev a:hover { text-decoration: underline;}

.termekalcim { font-weight: bold; letter-spacing: 1px; }
.termekadat  { font-size: 10pt; letter-spacing: 1px; font-weight: normal;}
.ar { text-decoration: strike; display: hidden; }

.leiras { background: #c0ebff; padding: 5px;  font-weight: normal;
          font-size: 11pt; text-align: justify; border: 1px solid; border-color: 80bbaf;
          margin-bottom: 10px; padding-bottom: 6px;}

sup {font-weight: normal; font-size: 9pt;}

table {font-size: 10pt;}


hr { color: black; height: 1px; background: black;}

#lablec {background: #333333; color: #eee; font-size: 10pt; overflow: none;
      width: 520px; margin: 0px; padding: 0px; overflow: hidden; font-weight: normal;
         padding-top: 7px; padding-bottom: 7px; text-align: center; padding-top: 30px;}


#lablec a { color: white;}
#lablec a:hover { color: #ccc;}


.felso { background: #FFD020; width: 520px; padding: 10px; margin: 5px;
         margin-left: 0px; font-size: 10pt; letter-spacing: 1px; 
      }


.menutabla {background: url('menuback.png');}
.menutabla td { width: 146px; padding: 3px; padding-left: 10px; vertical-align: top; padding-top: 5px;}
.menutabla td a { color: darkblue; font-weight: bold; padding-left: 20px; padding-top: 8px;}
.menutabla td a:hover { color: royalblue; font-weight: bold;}