/* -------- java bemutató.html -lapunkhoz.  ------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; background-color: #ccc;} 
#container {width: 1600px; margin-top: 5px; margin-right: auto; margin-left: auto;} 
h1 {text-align: center; font-size: 35px;}
h2 {text-align: center; font-size: 22px;} 
.bal_h2 {text-align: left; font-size: 22px;} 
p {font: 1.2em Ariel; color: #000;}
strong {font-weight: bold;}
em {font-style: italic;}

#fejlec { width: 1600px;  margin-bottom: 20px;  border-bottom: 2px solid yellow;}
.jelkep {width:100px; float: left; padding-left: 380px;}
.cim {width: 700px; margin-left: 420px;}

marquee {font-size: 22px; font-weight: bold;}
.szimbolum {font-size: 45px; font-weight: bold; color: green;  padding: 1px 20px 1px 20px;}
.szimbolum002 {font-size: 35px; font-weight: bold; color: black;  padding: 1px 20px 1px 20px;}
.szimbolum003 {font-size: 45px; font-weight: bold; color: blue;  padding: 1px 20px 1px 20px;}
.ledi {padding-right: 30px; padding-left: 30px;}
.szavak {color: yellow; background-color: blue; padding-right: 10px; padding-left: 10px;}

#tartalom {width: 1600px;}

#tartalombal {float: left; width: 350px; margin-right: 15px; margin-left: 5px; padding-top: 5px;}
#tartalombal {background-color: #ccf; border-top: 2px solid yellow;}

/* müködő digióra xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#pelda002 {width: 280px;  overflow: hidden;  margin-left: 30px;}
#pelda002 {text-align: center; padding-top: 5px;  padding-left: 10px;  border: none;}
.rama002 {width: 285px; height: 60px; }

/* Utolsó módosítás xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#datum005{ background-color: yellow;}
/* Utolsó frissítés, vagy belépés ideje xxxxxxxxxxxxxxxxxxxxxxxxx*/
#frissitesi_ido{ background-color: yellow;}

#cellaszinek{width: 350px;}
#tabla_001 {width: 100%; background-color: #ccc;  border: 10px ridge #3fc;}
#tabla_001 td {text-align: center; font-size: 12px; font-weight: bold;  border: 3px solid #fff;}

#tabladiv{float: left; width: 800px; margin-bottom: 40px; text-align: center;}
#szinpelda{width: 100%;  text-align: left; border: 35px ridge yellow;}

#tartalomjobb {float: right; width: 365px; margin-right: 10px; padding-top: 10px;}
#tartalomjobb{background-color: #ccf;  border-top: 2px solid yellow;}


/tudományos kalkulátor xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.ciklus{font-size: 12px; font-weight: bold; }
.tdszamologep{width:360px; height:240px; background-color: #fff;}
tr{text-align: center;}
td{border: 1px solid black;}
.eredmeny {text-align: left;  background-color: #ccc;}
#torol{font-size: 10px; background-color: #ff6633;}
#egyenlo{font-size: 10px; background-color: #fff;}
.funkcio{font-size: 10px; color: #fff; background-color: #399;}
#sin, #cos, #tan, #sinh , #cosh , #tanh{font-size: 10px; font-weight: bold;}
#asin, #acos, #atan, #asinh, #acosh, #atanh{font-size: 10px;}
#exp, #log, #abs22, #sqrt{font-size: 10px; font-weight: bold; background-color: #6699ff;}
#tized, #nulla, #egy, #ketto, #harom, #negy, #otos, #hat, #het, #nyolc, #kilenc {font-size: 10px; color: #fff; font-weight: bold; background-color: black;}
#pvmin, #adas, #vonas, #szorzas, #osztas, #findex, #egypx, #pitag, #etag{font-size: 10px; font-weight: bold; background-color: #6699ff;}

/* Uszó dia*/
#uszo_diakepek { position: relative; overflow: hidden; width: 360px; height: 300px; margin-left: 2px; } 
img.slide { position: absolute; left: 0px; top: 0px; } 

/* Lenyíló ablakok */
#lenyilomenu {width: 360px;}

#menu {margin-left: 38px; font-size: 16px; font-weight: bold; color: black; border: none;}
#menu li { float: left; list-style-type: none; padding:  5px 25px 5px 5px; width: 120px;}
#menu li {  background-color: silver;}

/* Meghatározzuk a lenyíló ablak, pozicióját, háttérszínét */
#menu li ul {position: absolute;  margin: 0px; margin-top: 5px; margin-left: -10px; padding: 0px; }
#menu li ul {background-color: silver;}


/* Meghatározzuk a lenyíló ablakban megjelenő, listas ablakok stílusát */
#menu li ul li {width: 150px;  float: none; list-style-type: none; font-size: 12px; color: black;} 
#menu li ul li { padding: 0px; margin: 0px;  background-color: #ccc;}

#lenyilomenu a { color: black; background-color: silver; display: block; padding-left: 5px;}
#lenyilomenu a:hover{font-size: 16px; color: black; background-color: #fff; padding-left: 3px; margin: 0px;}





/* lenyíló menűk */
#lenyiloablakok {clear: left;  width: 360px; background-color: #ccf; }
.lenyilo_tabla {width: 350px; height: 500px;  border: 5px ridge #fff;}
.lenyilo_rama {width: 330px; height: 490px; margin-top: 20px;  border: 2px solid green;}


/* gördülő szöveg */
#gorgetes {clear: left; width: 770px;  margin-left: 5px;} 
#gorgetes {background-color: #f63; padding-top: 50px; padding-bottom: 50px; }
.mozgotabla {width: 455px; height: 360px;   border: 5px ridge silver;}
.mozgo_rama {clear: left; width: 430px; height: 295px; margin-bottom: 10px; border: 2px solid green;}


.divtolto {clear: left; float: left; width: 1600px; background-color: #ccc;}
.divnovelo_p {font-size: 16px; background-color: #ccc; color: #ccc;}
.visszalep {font-size: 12pt; font-weight: bold; margin-left: 30px;}