Body{
  background: #FFFFFF;
  color: #000080;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
}

div#tarolo {    width: 720px;       margin-top: 0px;    margin-bottom: 50px;    margin-left: auto;    margin-right: auto;    padding: 0px;
}



div#nav {   float: left;         width: 160px;
}


div#tartalom {
        float: left;
        width: 500px;
        height: 1%;
        text-align: justify;
        padding-left : 25px;
}
div#lab {   clear: both;   text-align: center;
}

.kisebb{
  font-size: small;
}


A:link {
  color: #0000FF;
}

A:visited{
  color: #808000;
}

A:hover {
  color: red;
}

A:active {
  color: #CC3300;
}


#menu a {
    text-decoration: none;
    background-color:  #000080;
    color: white;
    width: 140px;
    display: block;
    padding: 10px;
}

#menu {
    list-style-type: none;
margin: 0 0 0 0;
    padding: 0px;
}
#lista {
    list-style-type: none;
   font-size: small;  
 }
#menu li {
    margin-bottom: 5px;
}

#menu a:hover {
    background-color: #FF0000;
}


h1 {
  color: #000080;
  font-size: larger;
  font-weight: bold;
}

h2 {
text-decoration: underline;
  color: #000080;
  font-size: medium;
  font-weight: bold;
}

h3 {font-size: medium;
font-weight: bold;
  color: #000080;
}

.linklist{
  font-size: x-small;
}

.copyright{
  font-size: x-small;  text-align: center;
}

.kapcsolat{
  font-size: small;
}

#abra {
  font-size: small;
  margin-right: 15px;
  margin-bottom: 5px;
  text-align: center;
}
#abra a {
    text-decoration: none;
    background-color:  #000080;
    color: white;
    width: 140px;
    display: block;
    padding: 10px;


}

.clearboth {
  clear: both;
}

.kozep {
  text-align: center;
  font-weight: bold;
  color: red;
}

.jobb1 {
  text-align: right;

}

.piros {
  font-weight: bold;
  color: red;
}

.stat{
  float: right;
  visibility: visible;
}

p.jobb{
  float: right;
  width: 150px;
  margin: 0 0 0 0;
  background-color: #FFFFCC;
  color: #0000FF;
  font-size: medium;
  padding-left: 3px;
  border-right: 1px dotted #000080;
  border-bottom: 1px dotted #000080;
  border-left: 1px dotted #000080;
  border-top: 1px dotted #000080;
}

p.jelentkezik{
  width: 700px;
  margin: 1px 1px 1px 1px;
  background-color: #FFFFCC;
  color: #000080;
  font-size: medium;
  padding-left: 3px;
  border-right: 1px dotted #000080;
  border-bottom: 1px dotted #000080;
  border-left: 1px dotted #000080;
  border-top: 1px dotted #000080;
}

p.bal{
  width: 150px;
  margin: 0 0 0 0;
  background-color: #FFFFCC;
  color: #000080;
  padding-left: 3px;
  border-right: 1px dotted #000080;
  border-bottom: 1px dotted #000080;
  border-left: 1px dotted #000080;
  border-top: 1px dotted #000080;

}




P.box {
  BORDER-RIGHT: #000080 1px dotted;
  BORDER-TOP: #000080 1px dotted;
  PADDING-LEFT: 3px;
  FONT-SIZE: medium;
  MARGIN: 0px;
  BORDER-LEFT: #000080 1px dotted;
  WIDTH: 520px;
  COLOR: #0000ff;
  BORDER-BOTTOM: #000080 1px dotted;
  BACKGROUND-COLOR: #E0FFFF;
}

.sitemap {
  font-size: small;
  list-style-type: none;
}

.hier1 {
  padding: 0 0 0 21px;
}

.hier2{
  padding: 0 0 0 42px;
}

.abra1{
  font-size: xx-small;
  float: left;
  margin: 0 45px 10px 0;
  text-align: center;
}

.keptarto{
position: relative;
}

.kiskep img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.kiskep:hover{
background-color: transparent;
}

.kiskep:hover img{
border: 1px solid blue;
}

.kiskep span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.kiskep span img{
border-width: 0;
padding: 2px;
}

.kiskep:hover span{
visibility: visible;
top: 0;
left: 120px; /*position where enlarged image should offset horizontally */
z-index: 50;
}