*{ margin: 0; }
body { background-color: #ecfff4; 
       text-align: center; }
header { background: #000000 url(Kepek/back4.jpg);
         padding: 0.6rem;}
#header {
  display: block; width: 70%;  background-color: #eff;
  margin-left: auto; margin-right: auto;
  text-align: center; font-size:1.2rem; 
  padding: 0.6rem; border: 0.3rem solid red;
  border-image-source: url('Kepek/vonal1.gif');  
  border-image-slice: 49% 5%;
}
#header p{text-align: center; }
.nev{ color:#090; letter-spacing: 0.1rem;
        font-weight: bold; font-size:1.5rem; }
#HCSk { margin: 0.3em; margin-right: 0.6em; float:left; }
#kukac{ color:#770; } 
/* #vonal1a { width: 100%; height: 0.4em;} */
nav{
   display: flex;
   width:100%;
   background: #000000 url(Kepek/back4.jpg);
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;
}
nav ul{
   display: inline-flex;
   width:100%;
   padding: 0.2rem;
   flex:1;
   flex-flow: row wrap;
   justify-content: space-around;
}
nav ul li{
   list-style-type: none;
}
nav ul li a{
   display: inline-block;
   padding: 0.2rem;
   margin: 0.2rem;
   text-align: center;
   text-decoration: none;
   color: #cff;
   font-size: 1.5rem;
   font-weight: bold;
}
main{ height: 100%;}
#koszontes { padding: 1rem; }
#idezet {display: inline-block; border: 5px groove #0f0;
         margin-left: auto; margin-right: auto;
}
#idszoveg {padding-left: 1rem; float:left; text-align: left; }
#idkep { padding-left: 1rem; float:left;}
.ujsor {white-space: pre;}
h1, h2, .kozepre {text-align: center; margin: 1.0rem;}
#napcim, #levcim { margin: 1.0rem; }
.balra {text-align: left;}