/* -------- JavaScript példák.html -lapunkhoz.  ------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; background-color: #ccc;} 
#container {width: 800px; margin-top: 5px; margin-right: auto; margin-left: auto;}
#fejlec{width: 800px;}
#jelkep {float: left;  width: 100px; margin-left: 5px;} 
h1 {font-size: 30px; text-align: center;}
h2 {font-size: 27px;text-align: center; padding-top: 30px; padding-bottom: 5px; border-top: 2px solid black; border-bottom: 2px solid aqua;} 
h3 {font-size: 24px;}
h4 {font-size: 21px;}
h5 {font-size: 28px;}
h6 {font-size: 16px;} 
p {font: 16px Ariel; color: #000;}
strong {font-weight: bold;}
em {font-style: normal; font-weight: bold; color: blue;}

.xmeret {font-size: 22px; font-weight: bold;}
.ameret {font-size: 14px; font-style: normal;}
.zold {font-weight: bold; color: green;}
.kek {font-weight: bold; color: blue;}
.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: 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;}

.mintakep { padding-top: 20px; padding-left: 200px;}

.bemutato {width: 700px; background-color: #ccff33; margin-left: 24px;  padding-top: 10px;  padding-bottom: 10px; padding-left: 50px;}
.leiras {width:760px; margin-top: 10px; margin-right: auto; margin-left: auto;  padding: 10px;}
.leiras { background-color: #fff;  font-size: 14px;}
.programiras { background-color: #fff;  font-size: 14px; }


#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;}


		/* 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; blacground-color: silver;}
.tabla3 {width: 300px; border-collapse: separate; border-spacing: 2px; border: 3px inset  blue; margin-left: 200px; blacground-color: silver;}





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