@charset "utf-8";
/* CSS Document */

body{
   margin:0;
   height:100%;
   color: #666666;
   font-weight:bold;
   font:Georgia, "Times New Roman", Times, serif;
   font-size:16px 
}

img{
    border: none;
}

#kepek{
    height: 116px;
    margin-bottom: 12px;
    padding: 9px;
    
}
td.kep{
    background-image:url('images/kep_hatter.jpg');
    background-repeat:no-repeat;
    background-position:bottom center;
}
table.keret{
	border: solid; 
	border-width:1px; 
	border-color:#666666;
}
table.termek_mod{
    background-image:url('images/termek_mod_hatter.png');
    background-repeat:no-repeat;
    background-position:top right;
    color: #482800
}
table.elerhetoseg{
    background-image:url('images/elerhetoseg_hatter.png');
    background-repeat:no-repeat;
    background-position:top center;
}
a.menu:link {color: #666666; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu:visited {color: #666666; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu:active {color: #666666; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu:hover {color:#000000; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu {  
text-decoration: none;  
} 

a.menu2:link {color: #000000; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu2:visited {color: #000000; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu2:active {color: #000000; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu2:hover {color:#000000; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.menu2 {  
text-decoration: none;  
} 
a.lapozas:link {color: #d35f19; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:14px}
a.lapozas:visited {color: #d35f19; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:14px}
a.lapozas:active {color: #d35f19; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:14px}
a.lapozas:hover {color:#723612; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:14px}
a.lapozas {  
text-decoration: none;  
} 
.szoveg{
  color: #666666; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:14px
}
.szoveg_cim{
  color: #666666; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:16px
}
.szoveg_cim_fekete{
  color: #000000; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:18px
}

.termek_mod_nagy{
  color: #482800; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:16px
}
.szoveg_kiemelt{
  color: #000000; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:16px
}
.szoveg_kicsi{
  color: #666666; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px 
}
a.kicsi_narancs:link {color: #ea6e32; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.kicsi_narancs:visited {color: #ea6e32; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.kicsi_narancs:active {color: #ea6e32; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.kicsi_narancs:hover {color:#ea6e32; font-weight:bold; font:Georgia, "Times New Roman", Times, serif; font-size:12px}
a.kicsi_narancs {  
text-decoration: none;  
} 

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
}
span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool:after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

a {position: relative;}
a span {
  display: none;
  } 
a:hover span {
  position: absolute;
  top: 10px;
  left: 30px;
  display: block;
  background: #fdd;
  border: 1px solid red;
  } 
  
#uj_termek{
  position: relative;
  left: 20px;
}
#scroll {
    height:460px;
    overflow:auto;
}

#tanfolyam{
    width : 400px;
}