:root {
  --focus-ring-color: #001A47;
  --body-bg: #d9d9d9;
  --bg-color:#fff;
  --body-color: #112464;
  --menu-color: #112464;
  --link-color: #417c7a;
  --em-color:#417c7a;
  --link-color-hover: #474952;
  --cim-color:#474952;
  --border-color: #5b9e9c;
  --hbord-color:#707279;
}
body{background:var(--body-bg);color:var(--body-color);margin:0;padding:0px;font-family:Verdana,Tahoma,sans-serif;font-weight:normal;font-size:11pt;}
header{top:0px; height:0px;}
*{outline: none;}
.outcont{width:100%;}
.container{background:var(--body-bg); max-width:960px;margin:0 auto;overflow:hidden;padding:0px;height:auto;}
.fejlec{background:var(--bg-color) url(/vizlab/images/vizlab_header.png) no-repeat;width:100%;height:100%;}
.fejlec-keret{position:relative;top:15px;min-height:250px;margin:0px 15px;border:3px var(--hbord-color) dashed;border-bottom:0px none;text-align:center;}
#flcim,#flszam{position:absolute;display:block;z-index:999;width:100%;text-align:center;margin:0px;line-height:150%;color:var(--cim-color);}
#flcim{top:158px;font-size:13pt;font-weight:bold;max-width:55%;padding-left:22%}
#flszam{top:95px;font-size:14pt;font-weight:lighter;}
#infoblokk{position:absolute;display:block;top:0px;height:105px;z-index:9999;margin:0px 0px 0px 0px;color:var(--body-color);}
#skip_link{position:absolute;display:block;top:1px;left:1px;z-index:11111;}
.fomenu{/*height:36px;*/margin:10px 0px 0px 307px;color:var(--menu-color);}
.fomenu ul {list-style-type:none;padding:0;margin:0px;font-weight:bold; height:34px;}
.fomenu ul li {display:inline-block;padding:7px 5px 0 5px;margin:0 5px;height:26px;}
.fomenu ul li a {
        float:none !important /*Non-IE6*/;float:left /*IE-6*/;display:block;text-decoration:none;color:var(--menu-color);}
.fomenu ul li:hover{border-bottom:3px var(--hbord-color) solid;}
.fomenu ul li.akt{border-bottom:3px var(--menu-color) solid;}

.content{width:100%;overflow:hidden;background:#fff;}

.nobreak{
white-space:nowrap;
}
.box{padding:0px 15px;}
.box.bo{border:3px var(--border-color) dashed; border-top:0px none; margin: 0px 15px 15px 15px;} 
.bbox{padding:10px 15px;overflow-x:hidden;overflow-y:auto;}
.bbox.ures{min-height: 600px;}
.bbox.txtc, p.txtc{text-align:center;line-height:150%;padding-left:50px;padding-right:50px;}
.bbox p.j, .bbox.j{text-align:justify;}
.bbox p em{font-style:normal;color:var(--em-color);font-weight:bold;}

.jump a{text-decoration:none;color:var(--link-color);}
a{color:var(--link-color);}
a:hover{color:var(--link-color-hover);}

.icon-new-window {
  height:0.75rem;
  margin-inline-start:0.25em;
  vertical-align:middle;
  width:0.75rem;
  padding-bottom:0.2rem;
}

::selection {
color:var(--bg-color);
background-color:var(--cim-color);
}

/*ugrolink*/
#tocontent{
  font-size:1rem;
  padding:2px;
}
.elem_invis {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    overflow: hidden;
    height: 1px;
}
.elem_invis.elem_focus:active, .elem_invis.elem_focus:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
  }
a:focus-visible, .navbutton:focus-visible {
    outline-offset: 1px;
    outline: var(--focus-ring-color) solid 3px;
    outline: -webkit-focus-ring-color auto 5px;
  }

a#tocontent{color:var(--menu-color);font-weight:bold;text-decoration:none;background-color:var(--bg-color);}
a#tocontent:hover{color:var(--link-color-hover);}

a.focusable:focus{outline: 2px solid var(--focus-ring-color);}

.download {font-size:10pt; padding-top:5pt;}
.download img {padding-right:15px;}
.download span {color:#bbb;}

/*ezek jók*/
h1{font-size:1.1em;text-align:center;padding-top:5px;}
h2{font-size:1em;padding-top:5px;}
h3{font-size:1em;margin-top:0;margin-bottom:0.25em;}

.box ul {list-style-type: decimal;list-style-position: outside;}
.box ul li{ margin-bottom:15px;}
.box ul.fo {list-style-type:none; padding-left:0px;}
.box ul.al {list-style-type:disc; padding-top:10px;} 
.box div.jump{max-width:650px;overflow:hidden;margin:0 auto;padding-top:10px;text-align:center;}

.foto td {padding: 0px 5px 10px 25px; max-width: 200px; text-align:left; vertical-align:top; word-wrap: break-word;}

.footer{background:#787878 url(/vizlab/images/vizlab_footer.png) no-repeat bottom;max-width:960px;height:50px;text-align:center;line-height:175%;padding:0;}
.footer img{padding: 15px;}
/*??? jelenleg nincs footer*/

@media (max-width: 850px) {
  .fejlec {margin-top:95px;}
  #outcont{margin-top:95px;}
  #infoblokk{top:0px;}
  a.anchor {top:-95px;}
  .fomenu {margin-left:0px;text-align:center}
/*  .fomenu {margin-left:320px;}
  .fomenu ul {height:auto; max-width:130px;margin-left:150px;}
  #flszam,#flcim{margin-right:150px;}*/
}
@media (max-width: 550px) {
  .fejlec{background:var(--bg-color) url(/vizlab/images/vizlab_headerL.png) no-repeat;}
  .fomenu {margin-left:/*320px;*/60%}
  .fomenu ul {height:auto; max-width:130px;text-align:left;}
  #flszam,#flcim{max-width:60%;}
  #flszam{top:30px;word-wrap:break-word;}
  #flcim{top:100px;padding-left:0px;}
}
