/* JavaScript_2_ora_css___ a JavaScript_2_ora_.html - laphoz.  ------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; background-color: #ccc;} 
#container {width: 900px; margin-top: 5px; margin-right: auto; margin-left: auto;} 
#kontener {width: 97%; margin-top: 5px; margin-right: auto; margin-left: auto;}
#container900 {width: 900px; margin-top: 5px; margin-right: auto; margin-left: auto;}

#fejlec {width: 900px; border-bottom: 2px solid #fc3; margin-left: 5px;}
#jelkep {float: left; width: 100px;}
#cim {width: 760px; text-align: center; margin-top: 5px;  padding-top: 1px;}

h1 {font-size: 33px; color: #363; text-align: center;}
h2 {font-size: 30px; text-align: center; border-bottom: 2px solid #666;}
h3 {font-size: 27px;}
h4 {font-size: 24px;}
h5 {font-size: 21px;}
h6 {font-size: 18px;} 

p {font-family: Arial; font-size: 16px; color: #000; line-height:130%;}
pre{font-family: Arial; font-size: 13px; color: #000; line-height:130%;}
strong {font-weight: bold;}
li {font-family: Arial; font-size: 13px; color: #000;}
em {font-style: normal; color: blue;}

.kozepre {text-align: center;}
.balra {float: left; text-align: left;}
.jobbra {text-align: right; padding-right: 50px;}
.dolt{font-style: italic;}
.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;}
.ameret16 {font-size: 16px; font-style: normal;}

.keret {width: 790px; border: 1px solid black; padding: 5px; background-color: #ffc;}
.tkeret {width: 100%; border: 1px solid black; padding: 5px; background-color: #ffc;}
.keret3 {width: 790px; border: 3px solid black; padding: 5px;}

.zold {font-weight: bold; color: green;}
.kek {font-weight: bold; color: blue;}
.klila {font-weight: bold; color: blueviolet;}
.csoki {font-weight: bold; color: chocolate;}
.sbarna {font-weight: bold; color: #960;}
.piros {font-weight: bold; color: red;}
.lila {font-weight: bold; color: purple;}

.zoldh{ background-color: #99ff00;}
.pirosh{ background-color: red; padding-right: 2px; padding-left: 5px;}
.sargahpn{ background-color: yellow; padding: 0px;}
.sargah{ background-color: yellow; padding-right: 5px; padding-left: 5px;}
.vzoldh{ background-color:  #99ff00;}
.vkekh{ background-color:  #99ff99; padding-right: 5px; padding-left: 5px;}
.feketeh{ background-color: black; color: #fff; 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;}
.padding1{padding-left: 30px; padding-right: 30px;}
.padding2{padding-left: 60px; padding-right: 60px;}

/* BEMUTATÓKHOZ PÉLDÁKHOZ ÖSSZEHASONLÍTÁSOKHOZ */

.bemutato {width: 700px; background-color: #ccff33; margin-left: 24px;  padding-top: 10px;  padding-bottom: 10px; padding-left: 50px;}
.bemutato002 {width: 700px; height: 320px;  background-color: #ccff33; margin-top: 10px; margin-left: 24px;  padding: 10px;}
.bemutato350{width: 350px; background-color: yellow; margin-left: 220px; padding: 10px;}
.leiras {width:760px; margin-top: 10px; margin-right: auto; margin-left: auto;  padding: 10px;}
.leiras { background-color: #fff;  font-size: 14px;}
.leiras900 {width:900px; margin-top: 10px; margin-right: auto; margin-left: auto;  padding: 10px;}
.leiras900 { background-color: #fff;  font-size: 14px;}
.programiras { background-color: #fff;  font-size: 14px; }
.pelda {width: 750px; background-color: #fff; margin-left: 24px; padding-top: 20px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#hasonlat2{width: 790px; border: 1px solid black; padding: 5px;}
.hasonlit001{float: left; width: 350px; background-color: #ccff33; margin-left: 5px; padding: 5px;}
.hasonlit002{width: 350px; background-color: yellow; margin-left: 380px; padding: 5px;}
.korpontjai {width: 300px;; height:300px; margin-top: 20px; margin-left: 250px;}

.mintatabla{width:100%; margin-top:10px; margin-right: auto; margin-left: auto; border:1px solid black; background-color:white;}
.mintatabla td{padding:5px; vertical-align:top; font-size:13.5px; border:1px solid black;}
.mintatabla pre{line-height: 150%; font-weight: normal; font-size:12px;}
.programleiras{width:99.5%; margin-top:10px; margin-right: auto; margin-left: auto; padding-left:10px; border:1px solid black; background-color: white;}
.programleiras pre{line-height: 150%; font-weight: normal; font-size:13.5px;}


/* VÉGE A BEMUTATÓKHOZ PÉLDÁKHOZ ÖSSZEHASONLÍTÁSOKHOZ STÍLUSOKNAK */

.bekezdes{font-size: 17px; margin-left: 20px;}
.megjegyzes {width: 700px; font-size: 12px; margin-left: 50px;}
.visszalep {font-size: 14px; font-weight: bold; margin-left: 30px;}

#buttongomb001{font-size: 18px; margin-right: 200px; background-color: yellow;}
#buttongomb002{font-size: 18px;  color: yellow; background-color: blue; border: 5px ridge yellow;}
#buttongomb003{font-size: 14px; margin-right: 200px; font-weight: bold; background-color: yellow; padding-right: 40px; padding-left: 40px;}
#buttongomb004{font-size: 14px; font-weight: bold; color: yellow; background-color: black; border: 5px ridge yellow;}

#szoveg {width: 600px; font-size: 18px;  background-color: yellow; }
.szoveg001 {font-size: 18px;  text-align: left; color: yellow; background-color: blue; margin: 15px; padding: 5px;}
.szoveg002 {font-size: 18px;  text-align: center; color: yellow; background-color: black; margin: 15px; padding: 5px;}
.szoveg003 {font-size: 18px; font-weight: bold; text-align: right; color: yellow; background-color: green; margin: 15px; padding: 5px;}
.szoveg004 {font-size: 18px;  text-align: left; font-weight: bold;  background-color: #fff; margin: 15px; padding: 5px;}
.gomb_igazitasa {text-align: center;}

.mintakep { padding-top: 20px; padding-left: 200px;}
.kep300 { width: 300px; margin-left:260px;}
.kep610{width:610px; margin-left: 90px; border: none;}
.kep790 { width: 790px; margin-left:5px;}

		/* 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-right: auto; margin-left: auto; 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;}


		/* A következő részek. Egyetlen, azaz egy adott html fájlra vonatkoznak */

	/*Mozgó objektum */
#mozog { position: absolute; margin-top: 20px; margin-left: 350px; width: 300px; border: 2px solid black; padding: 10px; background-color: #E3E3E3; }


	/*Szöveg műveletek mappában lévő fájlokhoz*/

.formstilusa001{ background-color:  #99ff00;}

.inputstilusa001{font-weight: bold; color: green;}
.inputstilusa002{font-weight: bold; color: blue;}
.inputstilusa003{ background-color: yellow; padding-right: 5px; padding-left: 5px;}
.inputstilusa004{ background-color: red; padding-right: 5px; padding-left: 5px;}
.inputstilusa005{ background-color: black; color: #fff; padding-right: 5px; padding-left: 5px;}
.textastilusa001{ background-color: aqua; padding-right: 5px; padding-left: 5px;}

#normaltexta {font-style: normal; font: 16px Ariel;}
.normalinput {font-style: normal; font: 16px Ariel;}
.tdszoveg {font: 16px Ariel;}
.thszoveg {font: 16px Ariel;}

.jsnormal {font-style: normal; font: 16px Ariel;}


	/* Egéresemények 900-as témakörök*/
#linkuzenet { height: 90px; background-color: #ccff33; padding-top: 5px; padding-left: 5px; }
.keret a {text-decoration: none;}
#linkuzenet910{ background-color: #fff; margin-right: 100px; margin-left: 100px; padding: 10px;}
#torol910 {background-color: yellow;}

/* 1814 oldalhoz */
#divpelda18141 {width: 800px; height: 80px; border: 1px solid black; text-align: center;}
#divpelda18142 {width: 800px; height: 30px; border: 1px solid #ccc; text-align: center;}

/* 1007 oldalhoz */
.divpelda1007 {width: 800px; height: 80px; border: 1px solid #ccc; text-align: center;}


	/*1905 - 1906 - 1956 oldalakhoz*/
#animacio1 {margin-left: 10px; margin-top: 80px; width: 780px; height: 260px; border: 1px solid black; text-align: center;}
#kockakep {position: absolute; margin-top: 100px; margin-left: 250px;} 
#pelda1906h5 {width: 700px; height: 30px; margin-left: 40px; border: 1px solid black;  text-align: center;}
.vonaldiv {width: 260px; margin-left: 50px; border-bottom: 2px solid black;}
.animaciodiv { width: 270px; height: 170px; margin-left: 45px; border: 2px solid black;}
.kocka {position: absolute; margin-top: 5px; margin-left: 50px; } 




















            /* -------- js tema 35.html - lapokhoz.  ------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; background-color: #ccc;} 
#container {width: 850px; margin-top: 5px; margin-right: auto; margin-left: auto; margin-left:30px;} 

em {font-style: italic;}

#kiemel001 {color: yellow;  background-color: blue;} 
.kiemel001 {font-size: 14px; background-color: #fff;} 

#karika_001{width: 800px;  border: 2px solid black; }
.karika_001{ background: gradient; background-color: yellow; }

.kocka13520 {position: absolute; margin-top: 200px; margin-left: 200px; }

.hatszog_001 {width: 275px;  height: 90px; margin-left: 170px;  border: 1px solid black; }
.hatszog_002 {width: 275px;  height: 90px; margin-left: 170px;  border: 1px solid black; }
.hatszog_003 {width: 275px;  height: 90px; margin-left: 170px;  border: 1px solid black; }


.kocka1 {position: absolute; margin-top: 5px; margin-left: 50px; }
.kocka2 {position: absolute; margin-top: 150px; margin-left: 50px; }
.kocka3 {position: absolute; margin-top: 167px; margin-left: 175px; }
.kocka4 {position: absolute; margin-top: 85px; margin-left: 425px; }


.animacio3521 { width: 515px; height: 515px; border: 1px solid black; background: url(javas_35/peldakep19/pxracs3521.jpg);}


/*3504-hez*/
#korpontok01{color: blue;}
#korpontok02{color: red;}
#korpontok03{color: aqua;}
#korpontok04{color: black;}



/* 3525 temakörhöz */
#animacioterulet {width: 780px; height: 300px; margin-left: 5px; border: 1px solid black;}

#spanabra1, #spanabra2, #spanabra3, #spanabra4, #spanabra5, #spanabra6, #spanabra7, #spanabra8, #spanabra9, #spanabra10, #spanabra11, #spanabra12 { width: 20px; position: absolute; margin-top: 20px; margin-left: 50px; }

.abra001 { background-color: yellow; }
.abra002 { background-color: #6c3; }
.abra003 { background-color: #fc9; }
.abra004 { background-color: aqua; }
.abra005 { background-color: red; }
.abra006 { background-color: green; }


.visszalep {font-size: 12px; font-weight: bold; margin-left: 30px;}