/* A háttér színe, ahol nincs menű vagy belső ablac (div, section stb)*/
body {
    margin: 0px auto; /*Megadja az elemek margóinak 4 értékét (felső, jobb, alsó, bal)*/
    max-width:1200px; /*Szélesség definiálása (px - pixel)*/
	background-color:#ffffed;
}

/* Cím háttérszíne - MATEMATIKA PÉLDÁK */
header {
    display:block; /*Meghatározza az elem rendezési tulajdonságait. (block - blokk-elemként)*/
    text-align:center; /*Szöveg igazítása (center - középre)*/
    padding:20px; /*Szükséges hely megadása az elem és az egyéb tartalom között*/ 
	background-color:#eeffff;
}

/* Középső rész */
/* A tartalmat megjelenítő rész háttérszíne */

article
{
 	display:block;
/*	background-color:#FFFFD9;;*/
/*	background-color:#white;*/
	background-color:#EEEEEF; 
	color=black;
	with:75%;
	margin: 2% 1%;
	border-color: red;
	border width: 5px;
	margin: red;
}



/* Navigációs sáv - bal oldalt */
/* A TELJES SÁVOT SZÍNEZI AMI BAL OLDALT VAN */

nav {
    display:block;
    width:18%; /*az elem szélességének definiálása. */
    float:left; /*Meghatározza hogy az elemet merre "lebegtetjük"*/
	background-color:#FBFCDF;
	color:black;
	border:green;
	margin: 0% 1%; /* felső, ball */
}

/* a:link - amikor megnyomjuk */
/* ALMENÜK STÍLUSA HA KIBONTJUK A FŐMENÜT */

nav a:link{
    display: block;
/*    height:15px; /*Magasság meghatározása - Ha be van írva valami ,akkor nem vált automatán, ha több sor kell*/
    padding: 5px;
    padding-left: 5px; /*Az objektum bal oldala és az egyéb tartalom közötti hely meghatározása. */
	color:green;
	border:green;
}
/* AZ ALMENŰ AMELYIKEN ÁLL AZ EGÉR */

nav a:hover{

	background-color:##E4EB31;
    display: block;
/*    height:15px; /*Magasság meghatározása*/
    padding: 5px;
    padding-left: 5px; /*Az objektum bal oldala és az egyéb tartalom közötti hely meghatározása. */
	color=green;

}

#content-holder {
    background-color: red;/*Háttér színének beállítása #B3B3B3 */
}


section {
    width:80%;
    float:right;
/*	background-color:turquoise; */
	background-color:#green; /* hol látszik ?*/
	border-color: red;
	border width: 5px;
	margin: red;
}

Szoveg1 {
 
	display:block;
	background-color:#red;
	color=red;
	with:75%;
	margin: 2% 1%;
	margin color:red;
}

szoveg {
 
	display:block;
	background-color:#red;
	color=black;
	with:75%;
	margin: 2% 1%;
	margin color:blue;
}

aside {
    display:block;
    width:20%;
    float:right;
    padding: 10px;
    font-size: 12px; /*Betű méret definiálása*/
	
}

footer {
    clear: both; /*A lebegő elemeket tünteti el a paraméter szerinti oldalakról. (both - mindkettő) */
    display: block;
    text-align:center;
    padding: 5px;
	
}

sidenav {
    display:block;
    width:20%; /*az elem szélességének definiálása. */
    float:right; /*Meghatározza hogy az elemet merre "lebegtetjük"*/
	color=red;
}

menu1, m1 {
    display:block;
    width:20%; /*az elem szélességének definiálása. */
    float:right; /*Meghatározza hogy az elemet merre "lebegtetjük"*/
	color:orange;
 	text-align: center;
    border-bottom: 20px solid #555;
	background-color: yellow;
}
Bttn_V04 {
color:orange;
  font-size: 15px;
  display: block;
  width:20%;

}

/* Menű - Fő menűpontok formátuma */
.menu-btn {
	
 
/*  padding: 6px 8px 6px 16px;*/
  text-decoration: none;
  font-size: 15px;
  display: block;
/* border: none;*/
  background: none;
  width: 100%;
  text-align: middle;
  cursor: pointer;
  outline: none; /* mit csinál */
  border: 1px solid #555;
  color: black;	   /* Főmenű színe */
  padding: 8px 16px;
}

.menu-btn active

{
background-color: yellow;

	
}
.menu-btn hover

{
background-color: red;

	
}

/* FEso gombok formázása */


.Bttn_Felso01 {

/*  padding: 6px 8px 6px 16px;*/
  text-decoration: none;
  font-size: 14px;
  display: block;
/* border: none;*/
  float:left;
  background: #ffffbb;
  width: auto;
  text-align: middle;
  cursor: pointer;
  outline: none; /* mit csinál */
  border: 1px solid #555;
  color: black;	   /* Főmenű színe */
  padding: 8px 16px;
}


/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
/* Menusor ami megníyílik a főmenű alatt */
 
/*.menu_01 {
  
  
/*  width: 70%;*/
 /* display: none;
/*  background-color: #white;
  text: blue;
/*  padding-left: 8px; beljebb tolja a gomb szinezését kiválasztáskor is */
 /* text-align: left;	*/
/*  border: 1px solid yellow; */

/*}*/


/* A teljes almenűt jelenti, ami felbukkan, ha a menűgombokra kiattintok */

.menu_01 {
  
/*  width: 70%;*/
  display: none;                     /* Ez tünteti el az almenüket */
  background-color: #white;
  text: blue;
  text-align: right;	
  border: 1px solid yellow; */
  high: auto;

}

.menu_02 {        /* ALMENU AMI KATTINTASRA AKTIVALODIK */
	
/*  width: 70%;*/
  display: block;
  high: auto;         /* ANNYIT SEGÍT, HOGY NEM UGRIK A ÉP */
  background-color: #white;
  color: green;
  padding-left: 0px; /* beljebb tolja a gomb szinezését kiválasztáskor is */
  text-align: left;	
  border: 1px solid blue; */   /* EZ LÁTSZIK */
  vertical-align: middle;/* center*/
  outline: none; /* mit csinál */

  
  
  display: block;
/* border: none;*/
  background: none;
  text-align: middle;
  cursor: pointer;
  outline: none; /* mit csinál */
  color: #000;
/*  z-index: 1;   */
  
  /*  menu-btn átmásolva */
  


}

.menu_02 active
{
background-color: red;
}

.menu_02 hover
{
background-color: red;
}

/* ALMENU FORMÁZÁSA */

/* EZT HASZNÁLJA -a- ELEM */
li a {
  display: block;
  color: #000;
  padding: 0px 0px;
  text-decoration: none;

  
  /* PEOBA */
  /*  padding: 6px 8px 6px 16px;*/
  text-decoration: none;
  display: block;
/* border: none;*/
  background: none;
  width: 100%;
  text-align: middle;
  cursor: pointer;
  outline: none; /* mit csinál */
/*  border: 1px solid #555;*/
 /* padding: 8px 16px;*/
  
  /* idaáig */
}

li {
  text-align: center;
  border-bottom: 1px solid #555;
  text: left;

  
  /* PEOBA */
 /* text-decoration: none;
/*  font-size: 45px;*/
 /* display: block;
  background: none;
  width: 100%;
  text-align: middle;
  cursor: pointer;
  outline: none; /* mit csinál */
/*  border: 1px solid #555;*/
 /* padding: 8px 16px;*/
  
  /* idaáig */
}

li:last-child {
  border-bottom: none;
}

li a.active {
  background-color: #44F50;
  
  color: white;
}

/* AZ AZ ALMENŰ AMELYIKEN ÁLL AZ EGÉR */

.menu_02 li a:hover:not(.active) {
  background-color: #red;			/* EZ LÁTSZIK */
  color: green;
  
  /* PEOBA */

 /* text-decoration: none;
  font-size: 15px;
  display: block;
  background: none;
  width: 100%;
  text-align: middle;
  cursor: pointer;
  outline: none; /* mit csinál */
 /* border: 1px solid #555;
  padding: 8px 16px; */
  
  /* idaáig */
}

/* AZ AZ ALMENŰ AMELYIKEN ÁLL AZ EGÉR */
li a:hover:not(.active) {
  background-color: #blue;
  color: blue;						/* EZ LÁTSZIK */
  
  
    
  /* PEOBA */
 /* text-decoration: none; 
/*  font-size: 15px; 
/*  display: block; 
/*  background: none;
/*  width: 100%;
/*  text-align: middle;
/*  cursor: pointer;
/*  outline: none; /* mit csinál */
/*  border: 1px solid #555;
/*  padding: 8px 16px;
    /* idaáig */
  
  
}

.fraction {
display: inline-block;
vertical-align: middle;
margin: 0 0.2em 0.4ex;
text-align: center;
}
.fraction > span {
display: block;
padding-top: 0.15em; /*0.15  */
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}


#show-pdf-button {
	width: 150px;
	display: block;
	margin: 20px auto;
}

#file-to-upload {
	display: none;
}

#pdf-main-container {
	width: 400px;
	margin: 20px auto;
}

#pdf-loader {
	display: none;
	text-align: center;
	color: #999999;
	font-size: 13px;
	line-height: 100px;
	height: 100px;
}

#pdf-contents {
	display: none;
}

#pdf-meta {
	overflow: hidden;
	margin: 0 0 20px 0;
}

#pdf-buttons {
	float: left;
}

#page-count-container {
	float: right;
}

#pdf-current-page {
	display: inline;
}

#pdf-total-pages {
	display: inline;
}

#pdf-canvas {
	border: 1px solid rgba(0,0,0,0.2);
	box-sizing: border-box;
}

#page-loader {
	height: 100px;
	line-height: 100px;
	text-align: center;
	display: none;
	color: #999999;
	font-size: 13px;
}