body {
font-size: 10pt;
font-family: arial, "lucida console", sans-serif;
margin: 0px;
padding: 0px;
/*background: url('bg3.jpg') ;*/
background-color: #2daab2;
}

a.info{
position:relative; /*this is the key*/
}

a.info:hover{z-index:100; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
font-size: 10pt;
top:-100px; left:10px; width:15em;
border:0px solid #0cf;
color:#ffffff;
text-align: center
}

ul, li {
font-size: 10pt;
font-family: Comic Sans MS, "lucida console", sans-serif;
font-weight: bold; 
}

#bal {
width: 200px;
position: relative;
float: left;
height: 450px;
margin: 0px;
padding: 0px;
}

#jobb {
width: 600px;
position: relative;
float: left;
margin: 0px;
padding: 0px;
height: 450px;
}

#main {
font-size: 12pt;
font-family: arial, "lucida console", sans-serif;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 600px
padding: 0px;
background: url('img/hatter.png') no-repeat;
}


#head {
font-size: 12pt;
font-family: arial, "lucida console", sans-serif;
margin: auto;
padding: 0px;
width: 800px;
height: 100px;
/*background: url('dejavu_logo.gif') no-repeat;
background-position: 100px 0px;*/
position:relative;
}

#content {
font-size: 12pt;
font-family: arial, "lucida console", sans-serif;
margin: auto;
padding: 10px;
width: 800px;
color: #ffffff;
height: 500px;
}

#footer {
font-size: 6pt;
font-family: arial, "lucida console", sans-serif;
margin: auto;
padding: 10px;
width: 800px;
text-align: center;
}

#menuk {
width: 190px;
padding: 0px;
margin: 0px;
height: 20px;
background-color: #0c5960;
font-family: arial;
color: #ffffff;
vertical-align: center; 
position:relative;
left: 272px;
top: 37px;
/*opacity: 0.9;
filter:alpha(opacity=90);
border-width: 1px;
border-style: solid;
border-color: black;
*/
}

.menu1 {
font-size: 8pt;
font-family: cursive, "lucida console", sans-serif;
margin: 0px;
text-align: center;
vertical-align: center; 
float: left;
opacity: 1.0;
font-weight: bold;
color: #ffffff;
position:relative;
margin-right: 5px;
margin-left: 5px;
top: 3px;
}

.menu21 {
font-size: 8pt;
font-family: cursive, "lucida console", sans-serif;
margin: 0px;
text-align: center;
vertical-align: center; 
float: left;
color: #ffffff;
position:relative;
opacity: 1.0;
font-weight: bold; 
margin-right: 5px;
margin-left: 5px;
top: 3px;
}

.menu22 {
font-size: 8pt;
font-family: cursive, "lucida console", sans-serif;
margin: 0px;
text-align: center;
vertical-align: center; 
float: left;
color: #ffffff;
position:relative;
opacity: 1.0;
font-weight: bold;
margin-right: 5px; 
margin-left: 5px;
top: 3px;
}

.menu3 {
font-size: 8pt;
font-family: cursive, "lucida console", sans-serif;
margin: 0px;
margin-right: 5px;
margin-left: 5px;
top: 3px;
text-align: center;
vertical-align: center; 
float: left;
color: #ffffff;
position:relative;
opacity: 1.0;
font-weight: bold;
}

.menu4 {
font-size: 8pt;
font-family: cursive, "lucida console", sans-serif;
margin: 0px;
text-align: center;
vertical-align: center; 
left: 310px;
top: 3px;
color: #ffffff;
position: absolute;
opacity: 1.0;
font-weight: bold;
}

.menu5 {
font-size: 8pt;
font-family: cursive, "lucida console", sans-serif;
margin-left: 0px;
margin-right: 00px;
margin-top: 5px;;
margin-bottom: 5px;
text-align: center;
vertical-align: center; 
float: left;
color: #ffffff;
position:relative;
left: 400px;
top: 15px;
opacity: 1.0;
font-weight: bold;
}

a:hover { color: #ffffff; text-decoration: underline; }
a:visited  { color: #ffffff; text-decoration: none; }
a:link { color: #ffffff; text-decoration: none; }

span.j { color: ffffff; text-decoration: underline; }

h5 {
margin: 10px;
}

#regisztraltak {
width: 500px;
text-align: center;
margin: auto;
padding: 10px;
}

th.r {
width: 600px;
text-align: center;
margin: auto;
font-family: cursive, "lucida console", sans-serif;
font-size: 12pt;
}

td.r, p {
font-size: 9pt;
font-family: Comic Sans MS, "lucida console", sans-serif;
color: #ffffff;
font-weight: bold;
margin: 10px;
}

td.r, p {
font-size: 8pt;
}

#regisztracio_table {
margin: 10px;

}

#login_table {
margin: 0px;
padding: 0px;
width: 80px;
}

input.l1 {
border-style: solid;
border-width: 0px;
border-color: #fabead;
background-color: #fff; /*#b09376;*/
height: 15px;
width: 60px;
font-size: 10px;;
margin: 1px;
padding: 1px;
}

.l {
font-size: 10px;
}

input.d1 {
border-style: solid;
border-width: 0px;
border-color: #fabead;
background-color: #fff; /* #b09376;*/
margin: 1px;
padding: 1px;
}

select.d1
{
border-style: solid;
border-width: 0px;
border-color: #fabead;
background-color: #b09376;
margin: 1px;
padding: 1px;
}
/*
#regform {
background: url('bg600x200.gif') no-repeat;
width: 600px;
height: 200px;
opacity: 0.8;
padding: 10px;
margin: auto;
}
*/
div.top {
/*background: url('bg600top.gif') no-repeat;*/
width: 600px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
margin-top: 20px;
opacity: 0.9;
filter:alpha(opacity=90);
}

.mid {
/*background: url('bg600mid.gif') repeat-y;*/
width: 500px;
height: 440px;
margin-left: 40px;
padding: 0px;
opacity: 0.9;
filter:alpha(opacity=90);
overflow: auto;
}

div.bot {
/*background: url('bg600bot.gif') no-repeat  bottom left;*/
width: 600px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 20px;
padding: 0px;
opacity: 0.9;
filter:alpha(opacity=90);
}

div.mid img {
border-width: 0px;
margin: auto;
opacity: 1.0;
}

#regisztracioform {
display: block;
margin: 0px;
}

#loginform {
margin: auto;
width: 100px; 
height: 50px;
font-size: 6pt;
position: relative;
top: 5px;
display: block;
}

#cddetails {
display: none;
}

#kilepes {
position: relative;
font-size: 8pt;
text-align: center;
font-weight: bold;
}

#flyer {
display: none;
z-index: 1;
position: absolute;
left: 100px;
top: 100px;
margin: auto;
min-width: 10px;
min-height: 10px;
background-color: white;

}

#flyer_txt {
position: absolute;
left: 0px;
top: 250px;
margin:0px;
width: 400px;
padding: 0px;
background-color: #f6f6f6;
font-weight: bold;
opacity: 0.8;
filter:alpha(opacity=80);
text-align: center;
}

#flyer_header {
display: none;
z-index: 2;
position: absolute;
right: 0px;
top: 0px;

}

#cnt {
display: none;
z-index: 2;
position: absolute;
left: 10px;
top: 12px;
margin: auto;
min-width: 10px;
min-height: 10px;
/*background-color: white;*/
font-size: 20pt;
font-weight: bold;
font-family: cursive, "lucida console", sans-serif;
}

#cntshadow {
display: none;
z-index: 2;
position: absolute;
left: 12px;
top: 14px;
margin: auto;
min-width: 10px;
min-height: 10px;
/*background-color: white;*/
font-size: 20pt;
font-weight: bold;
color: white;
font-family: cursive, "lucida console", sans-serif;
}

#Main {
position: fixed;
top: 0px;
left: 0px;
width: 1px;
height: 1px;
background-color: black;
z-index: 1;
opacity: 0.7;
filter:alpha(opacity=70);

}

.video {
margin-top: 1cm;
margin-bottom: 1cm;

}

#popup {
font-size: 10pt;
font-family: arial, "lucida console", sans-serif;
margin: 0px;;
padding: 0px;
/*background: url('bg600mid.gif') repeat-y;*/
/*text-align: center;*/
display: none;
min-width: 40px;
/*height: 400px;*/
z-index: 100;
position: absolute;
left: 100px;
top: 100px;

}

div.toppp {
background: url('bg600top.gif') no-repeat;

width: 600px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 10px;
margin-top: 20px;
z-index: 20;
position:relative;
left: 5px;
top: 5px;

}

.midpp {
background: url('bg600mid.gif') repeat-y;
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
z-index: 20;
position:relative;
left: 5px;
top: 10px;

}

div.botpp {
background: url('bg600bot.gif') no-repeat  bottom left;
width: 600px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
z-index: 20;
position:relative;
left: 5px;
top: 0px;
}

div.toppp_ {
background: url('bg600top_.gif') no-repeat;
width: 610px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 0px;
margin-top: 0px;
z-index: 10;
}

.midpp_ {
background: url('bg600mid_.gif') repeat-y;
width: 610px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
z-index: 10;
}

div.botpp_ {
background: url('bg600bot_.gif') no-repeat  bottom left;
width: 610px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
z-index: 10;
}