@font-face {font-family: 'Ubuntu';      font-style: normal; font-weight: normal; src: url(../ttf/Ubuntu/Ubuntu-Regular.ttf);}
@font-face {font-family: 'Ubuntu';      font-style: italic; font-weight: normal; src: url(../ttf/Ubuntu/Ubuntu-Italic.ttf);}
@font-face {font-family: 'Ubuntu';      font-style: normal; font-weight: bold;   src: url(../ttf/Ubuntu/Ubuntu-Bold.ttf);}
@font-face {font-family: 'Ubuntu';      font-style: italic; font-weight: bold;   src: url(../ttf/Ubuntu/Ubuntu-BoldItalic.ttf);}
@font-face {font-family: 'Ubuntu Mono'; font-style: normal; font-weight: normal; src: url(../ttf/Ubuntu_Mono/UbuntuMono-Regular.ttf);}
@font-face {font-family: 'Ubuntu Mono'; font-style: italic; font-weight: normal; src: url(../ttf/Ubuntu_Mono/UbuntuMono-Italic.ttf);}
@font-face {font-family: 'Ubuntu Mono'; font-style: normal; font-weight: bold;   src: url(../ttf/Ubuntu_Mono/UbuntuMono-Bold.ttf);}
@font-face {font-family: 'Ubuntu Mono'; font-style: italic; font-weight: bold;   src: url(../ttf/Ubuntu_Mono/UbuntuMono-BoldItalic.ttf);}

#msf1 {display: none;}

/****************/

/*
@import url(http://fonts.googleapis.com/css?family=Eagle+Lake&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic&subset=latin,latin-ext);
*/

.bbbs
  {border-bottom: 1px #000 solid;}
.btbs
  {border-top:    1px #000 solid;}
.c
  {text-align: center;}
.l
  {text-align: left;}
.r
  {text-align: right;}

a
  {text-decoration: none;}
a:link img
  {border: 0;}
a:visited img
  {border: 0;}
body
  {border-color: #000; margin: 0; padding: 0;}
div.b
  {clear: both;}
div.l
  {float: left;}
div.r
  {float: right; text-align: right;}
dt
  {font-weight: bold;}
p
  {margin-bottom: 0; margin-top: 0; text-align: justify; text-indent: 0;}
p+p
  {text-indent: 1em;}
#foot
  {clear: both; padding: 5px; position: relative;}
#lnk1
  {clear: both; /*height: 1.2em;*/ padding: 0px; position: relative;}
#lnk2
  {clear: both; height: 1.2em; padding: 5px; position: relative;}
#logo
  {background-position: right; background-repeat: no-repeat; /*height: 180px;*/}
#main
  {float: left; /*padding-left: 0px; padding-top: 14px;*/ position: relative;}
/* 2013. IV. 13. kivettem -- mi lesz a hatása?
#main h1, h2, h3, h4, h5, h6, p
  {padding: 0 5px;}
*/
#menu
  {float: left; /*padding-top: 14px;*/ position: relative; /*width: 240px;*/}
#menu ul
  {list-style: none; margin: 0; padding-left: 1em;}
#wrap
  {margin: 0 auto;}

#lnk1
{
  border-style: solid;
  border-width: 1px 0;
  float: left;
  position: relative;                   /* This can also be fixed or absolute */
  width: 100%;
}

#lnk1 > ul
{
}

#lnk1 ul
{
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
                                        /* add more for each extra submenu level */
#lnk1 ul li,
#lnk1 ul li ul li,
#lnk1 ul li ul li ul li,
#lnk1 ul li ul li ul li ul li
{
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
                                        /* add more for each extra submenu level */
#lnk1 ul li ul,
#lnk1 ul:hover li ul li ul,
#lnk1 ul:hover li ul li ul li ul,
#lnk1 ul:hover li ul li ul li ul li ul
{ 
  display: none;
  z-index: 1000;
}
                                        /* First submenu level */
#lnk1 > ul > li:hover > ul
{
  display: block;                       /* unhide it */
  float: right;
  position: absolute;                   /* It needs to be absolute for the effect to work. */
  top: 2em;                             /* This is the important part of the effect. */
  width: 48ex;
}

#lnk1 ul li:hover ul li
{ 
  display: block;
  float: left;
  width: 100%;
}
                                        /* For the remaining submenu levels */
#lnk1 ul li ul li:hover ul,
#lnk1 ul li ul li ul li:hover ul,
#lnk1 ul li ul li ul li ul li:hover ul
{
  display: block;
  float: right;
  left: 36ex;
  position: absolute;
  top: -1em;                            /* Required with some value or the effect will not work */
  width: 48ex;
}

#lnk1 ul li a
{
  display: block;
  float: left;
  padding: 5px;
}
                                        /* The on state for the link when you are on the submenu. */
                                        /* This should be before the hover state for the link itself */
#lnk1 ul li:hover > a
{
  border-color: #000;
  border-style: solid;
  border-width: 0px 1px;
}

#lnk1 ul li ul li a,
#lnk1 ul li ul li:first-child ul li a,
#lnk1 ul li ul li:first-child ul li:first-child ul li a
{ 
  float: none;
  padding: 5px;	
  border-color: #000;  
  border-style: solid; 
  border-width: 0px 1px 1px 1px !important;
  white-space: normal;
}

#lnk1 ul li ul li:first-child a,
#lnk1 ul li ul li:first-child ul li:first-child a,
#lnk1 ul li ul li:first-child ul li:first-child ul li:first-child a
{
  border-width: 1px 1px 1px 1px !important;
}