/* Oldalak közös tulajdonságai */
body{	
  /*margin-left: 130px; */
  /*margin-right:130px;  */ 
 /* border-style: solid; /* fejlesztés idejére keret */
  background-image: url('space.jpg');  

  max-width: 1000px;
  margin: auto;
  
}	
/* fejléc */	
.header {	
  font-family:"Monotype Corsiva" ; 
  text-align: center; /* center the text */
  background-color:  orange; /* green background */
  color: yellow; /* white text color */   
  min-height: 50px;
 
}


/* fejléc első szöveg sora <h1>*/
.header a{  
 /* font-size: 50px; */
 
   font-size:4vw;
  
}

/* fejléc második szöveg sora <h2> */
.header b {  
 /* font-size: 30px; */
  font-size: 70%;  

}

/* menüsor alsó (szélső) fejléce */
.fixed {  
  position: static; /* fixed  Menüsáv mindíg láthaó*/ 
  /*top: 100 px;*/
 /* width: 100%; */
 
 /*max-height: 150px;*/
  
  display: flex; 
  justify-content: center;
   
  background-color: #1e96fc;/* #1e96fc; /*lj*/ /*#0466c8;/* jo #3a86ff; /*#4cc9f0; #4361ee;/*#4895ef  /*blue; */
  
}

/* menüsor szélső linkekjeihez tartozó tulajdonságok */
.navbar {	
  overflow: hidden;
  /*background-color: transparent; /*#a2d2ff;*/
  font-family: Arial;
  /*opacity: 0.9;*/ /*betű átlátszósága*/
}

/* menüsor belső fejléce */
.navbar a { 
  float: left;
  font-size: 20px;
  color: yellow; /* #f4d58d; pasztelsárga*/
  text-align: center;
  padding: 10px 14px;
  text-decoration: none; /* Remove underline */
  margin-left:0px; /* 60*/
  margin-right:0px;

}
 
/* menüsor legördülő menüs gombjainak háttérszíne egérmutatáskor */
.navbar a:hover { 
  background-color: orange; /* #f4d58d; /*pasztelsárga*/   
}

/* oldalak tartalmának megjelenítése h2 címsorban */
.mainmenu {   
  flex: none; /*70%;*/
  background-color: #fffff8; /* lightyellow; /*#fffff8;  */
  text-align: center;  
  padding: 1px;    
}

/* h2 címsor gombjainak tulajdonságai */
.mainmenu a {	 
  text-decoration: none; /* Remove underline */ 
  flex: none; /*70%;*/
  background-color: transparent ;/*yellow; /*#fffff8;*/
  color: orange;
 /* padding: 20px;*/
  text-align: center; 
  font-size: 18px;    
}

/*h2 címsor gombjainak tulajdonságai amikor az egér fölötte van*/
.mainmenu  a:hover { 
  background-color: lightyellow;
  padding: 0px 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);    
}

/*főtartalom megjelenítése*/
.mainbox {	
  /*font-size: 18px;*/
  font-size: 100%;
  background-color: #fffff8;
  flex: none;
  /*background-color: lightyellow;  /*#fffff8;*/
  padding: 20px; /* rés eltüntetése a menü és a tartalom között */
 /* margin-left: 0px;   */
 /* margin-right:0px;  */
  text-align: left;  
  margin: auto;  
  
  
}  
	
/* írások oldalának tulajdonságai */
.mainboxcontent { 
  /*flex: 50%;*/
 /* background-color: lightyellow;*/
  background-color: #fffff8;
  padding: 20px;
  margin-left: -20px;  
  margin-right:-20px; 
  color: #003566;/* blue;*/ /*black*/
  /*margin: auto;*/
	
}

/* Main column */
.mainindex a { /* h2 címsor gombjainak tulajdonságai */
  text-decoration: none; /* Remove underline */  
  flex: none; /*70%;*/
  background-color: transparent ;/*yellow; /*#fffff8;*/
  color: blue;
 /* padding: 20px;*/
  text-align: center; 
  font-size: 22px;  
  /*margin-left: 150px;   */
 /* margin-right:150px;*/
   
   
 
}

/*h2 címsor gombjainak tulajdonságai amikor az egér fölötte van*/
.mainindex  a:hover { 
  background-color: lightyellow;
  padding: 8px 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);  
}
.ujdonsagok{
 padding: 20px; /* rés eltüntetése a */
 background-color:  lightyellow; 	
 margin-left: 0;
 padding-left: 0;
}

.ujdonsagok a{
 font-size: 20px;
 color:blue;		
}
	
.ujdonsagok uj{
 font-size: 20px;
 color:red;
 font-weight: bold;	
}