/* Általános formázó css ---- */
			
/* Stílusok összefoglalójához */
.Ostilusok {width: 100%; margin-top: 25px;}
.Ostilusok table {width: 99.5%;}
.Ostilusok caption {font-size: 16px; font-weight: bold;}
.Ostilusok td {font-size: 14px; padding: 5px; line-height: 150%;}
.Ostilusok i{font-style: normal; font-weight: bold; color: black; background-color: orange; padding:2px;}
/* --------------------------------------------------------------------------------------------------------- */

.programleiras{width:99%; margin-right: auto; margin-left: auto; border: 2px solid lime; background-color: white; padding-left: 4px;}
.programleiras pre{font-family:Arial; font-weight:normal;}
.border{padding:3px; border:2px solid black;}
.pb{color:red;}
.kb{color:blue;}
.zb{color:green;}
/* --------------------------------------------------------------------------------------------------------- */


p {font: 16px Ariel; color: #000;}
strong {font-weight: bold;}
em {font-style: italic;}
.roman{font-family: Times New Roman;}
.angol14{font-size: 14px;}
.angol12{font-size: 12px;}
.angol10{font-size: 10px;}
.kozepre {text-align: center;}
.balra {float: left; text-align: left;}
.jobbra {text-align: right; padding-right: 50px;}

.xmeret {font-size: 22px; font-weight: bold;}
.ameret {font-size: 14px; font-style: normal;}
.ameret12 {font-size: 12px; font-style: normal;}
.aameret {font-size: 10px; font-style: normal;}

.keret {width: 790px; font-family: Arial; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.tkeret {width: 98%; font-family: Times New Roman; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.keretmargin20 {width: 790px; margin-left: 20px; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.bodykeret {width:1600px; margin-right: auto; margin-left: auto;font-family: Arial; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.bodycontainer {width: 800px; margin-top: 5px; margin-right: auto; margin-left: auto;} 

.sarga {font-weight: bold; color: yellow;}
.feher {font-weight: bold; color: white;}
.zold {font-weight: bold; color: green;}
.ozold {font-weight: bold; color: olive;}
.kek {font-weight: bold; color: blue;}
.cian {font-weight: bold; color: aqua;}
.pkek {font-weight: bold; color: teal;}
.piros {font-weight: bold; color: red;}
.lila {font-weight: bold; color: fuchsia;}
.plila {font-weight: bold; color: purple;}
.sbarna {font-weight: bold; color: #960;}
.csoki {font-weight: bold; color: chocolate;}

.feketehb{font-weight: bold; background-color: black; color: white; padding-right: 5px; padding-left: 5px;}
.sszurkehb{font-weight: bold; background-color: gray; color: white; padding-right: 5px; padding-left: 5px;}
.piroshb{font-weight: bold; background-color: red; color: white; padding-right: 5px; padding-left: 5px;}
.lilahb{font-weight: bold; background-color: fuchsia; color: white; padding-right: 5px; padding-left: 5px;}
.plilahb{font-weight: bold; background-color: purple; color: white; padding-right: 5px; padding-left: 5px;}
.zoldhb{font-weight: bold; background-color: green; color: white; padding-right: 5px; padding-left: 5px;}
.vzoldhb{font-weight: bold; background-color: lime; color: black; padding-right: 5px; padding-left: 5px;}
.ozoldhfb{font-weight: bold; background-color: olive; color: white; padding-right: 5px; padding-left: 5px;}
.kekhb{font-weight: bold; background-color: blue; color: white; padding-right: 5px; padding-left: 5px;}
.vkekhkb{font-weight: bold; background-color:  #0cf; color: #00c; padding-right: 5px; padding-left: 5px;}

.feherh{background-color: white; padding-right: 3px; padding-left: 3px;}
.szurkeh{background-color: #cccccc; padding-right: 3px; padding-left: 3px;}
.zoldh{ background-color: green; padding-right: 5px; padding-left: 5px;}
.pirosh{ background-color: red; padding-right: 5px; padding-left: 5px;}
.sargah{ background-color: yellow; padding-right: 5px; padding-left: 5px;}
.vzoldh{ background-color:  #99ff00;}
.vkekh{ background-color:  #99ff99; padding-right: 5px; padding-left: 5px;}
.cianh{ background-color: aqua; padding-right: 5px; padding-left: 5px;}

.bemh{ background-color:  #ccff33; padding-right: 5px; padding-left: 5px;}
.afv {border-top: 2px solid black; border-bottom: 2px solid aqua;}
.av { border-bottom: 2px solid black;}
.avp { border-bottom: 1px solid red;}
.fvp { border-right: 1px solid red; border-left: 1px solid red;  padding-right: 5px; padding-left: 5px;}
.bekezdes{font-size: 17px; margin-left: 20px;}
.padding1{padding-left: 30px; padding-right: 30px;}
.padding2{padding-left: 60px; padding-right: 60px;}
.megjegyzes {width: 700px; font-size: 12px; margin-left: 50px;}
.disz{font-size: 6px; font-family: Arial; color: #000; text-align: left;}
.visszalep {font-size: 14px; font-weight: bold; margin-left: 30px;}
		/* Táblázatokhoz meghatározások Pl: 79=790px ----- 3=300px--- stb.*/
th, td {font-size: 18px; border: 1px solid black; padding-left: 5px;}
.tabla79 {width: 790px; border-collapse: separate; border-spacing: 2px; border: 4px inset  blue;  margin-left: 5px; background-color: silver;}
.tablanatur79 {width: 790px; border-collapse: separate; border-spacing: 2px; border: 1px solid black;  margin-left: 5px; background-color: #ccc;}
.tabla3 {width: 300px; border-collapse: separate; border-spacing: 2px; border: 3px inset  blue; margin-left: 200px; background-color: silver;}
.tabla35 {width: 350px; border-collapse: separate; border-spacing: 2px; border: 3px inset  blue; margin-left: 200px; background-color: silver;}
/*stiludok megjelenésének engedélyezéséhez*/
.stilus_engedely900px {width: 900px; margin-top: 25px;  margin-right: auto; margin-left: auto; background-color: #cff;}
.disz{font-size: 6px; font-family: Arial; color: #000; text-align: left;}


            /* -------- Z-INDEX - lapokhoz.  ------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0px; background-color: #ccc;} 
#container {width:800px; margin-top: 5px; margin-right: auto; margin-left:auto;} 
#container_002 {width:100%; margin-top: 5px; margin-right: auto; margin-left:auto; padding-left: 10px;}
#fejlec {width: 800px;}
#jelkep {float: left; width: 100px; margin-left: 5px;}
#cim { width: 680px; }
h1 {text-align: center; font-family: Arial;  font-size: 30px;}
h2 {text-align: center; font-family: Arial;  font-size: 25px;}
h3 {text-align: center; font-family: Arial;  font-size: 22px;}
h4 {text-align: center; font-family: Arial;  font-size: 19px;}
h5 {text-align: center; font-family: Arial;  font-size: 16px;}
p {font-family: Arial;  font-size: 14px; color: #000; text-align: left; line-height: 150%;}
strong {font-weight: bold;}
em {font-style: italic;}


.megjelenes {width:790px; margin:5px; padding-bottom:5px; border:1px solid black;}
.mintatabla{width:790px; margin:5px; padding-bottom:5px; border:1px solid black;}
.mintatabla td {font-family: Arial;  font-size: 12px; color: #000; text-align: left; padding-bottom:5px;}

#box_1{background-color: aqua; border: solid 2px blue; width: 100px; height: 50px;} 
#box_2{background-color: orange; border: solid 2px red; width: 100px; height: 50px;}
#box_3{background-color: lime;border: solid 2px olive; width: 100px; height: 50px;}


#box_11{position: absolute; margin-top: 0px; margin-left: 0px; background-color: aqua; border: solid 1px #FF0000; width: 100px; height: 50px;} 
#box_22{position: absolute; margin-top: 25px; margin-left: 10px; background-color: orange; border: solid 1px #FF0000; width: 100px; height: 50px; }
#box_33{position: absolute; margin-top: 50px; margin-left: 20px; background-color:  lime; border: solid 1px #FF0000; width: 100px; height: 50px;}

#box_033{position: absolute; margin-top: 50px; margin-left: 20px;background-color: lime; border: solid 1px #FF0000; width: 100px;height: 50px; z-index: 0;}

#box_1111{position: absolute; margin-top: 0px; margin-left: 0px; background-color: aqua; border: solid 1px #FF0000; width: 100px; height: 50px; z-index: 1;} 
#box_2222{position: absolute; margin-top: 25px; margin-left: 10px; background-color: orange; border: solid 1px #FF0000; width: 100px; height: 50px; z-index: 1;}
#box_3333{position: absolute; margin-top: 50px; margin-left: 20px; background-color: lime; border: solid 1px #FF0000; width: 100px; height: 50px; z-index: 0;}

#box_0011{position: absolute;  margin-top: 0px;  margin-left: 0px; background-color: aqua; border: solid 1px #FF0000; width: 100px; height: 50px; z-index: 2;}

 /* Megfordítjuk a megjelenést*/
#box_00111{position: absolute;  margin-top: 100px;  margin-left: 0px; background-color: aqua; border: solid 1px #FF0000; width: 150px; height: 100px; z-index: 2;}
#box_22222{position: absolute; margin-top: 50px; margin-left: 40px; background-color: orange; border: solid 1px #FF0000; width: 150px; height: 100px; z-index: 1;}
#box_33333{position: absolute; margin-top: 0px; margin-left: 80px; background-color: lime; border: solid 1px #FF0000; width: 150px; height: 100px; z-index: 0;}



/* 021 oldalhoz*/
#fix_001{position: fixed; top: 80px; left: 40px; width: 350px; height: 200px; background-color: #ffc; border: 2px solid blue; padding: 10px;} 
#fix_002{position: fixed; top: 80px; left: 450px; width: 350px; height: 200px; background-color:#ffc; border: 2px solid black; padding: 10px;  z-index: 1;}

#relativ_001{position: relative; top: 270px; left: 60px; background-color: orange; width: 300px; height: 250px; padding: 10px;}
#relativ_002{position: relative; top: 0px; left: 470px; background-color: #FFCC69; width: 300px; height: 250px; padding: 10px; z-index: 0;}





.disz{font-size: 6px; font-family: Arial; color: #000; text-align: left;}
.visszalep {font-size: 12px; font-weight: bold; margin-left: 30px;}