/* --------- Szöveganimáció 002 html - laphoz */
#container {width: 950px; margin-top: 20px; margin-right: auto; margin-left: auto; padding-left: 10px;}
h2 {font-family: Arial; font-size: 27px; color: #33C;  text-align: center; border-bottom: 3px solid yellow; }
h3 {font-family: Arial; font-size: 24px;  color: black;  text-align: left;}
h4 {font-family: Arial; font-size: 21px; text-align: left;}
h5 {font-family: Arial; font-size: 19px; text-align: left;}
p {font-size: 16px; color: black;}
strong{font-family: Arial; font-weight: bold;}
em{font-family: Arial; font-style: italic; font-weight: bold; color: #33C; } 

.tartalomtabla{width:900px; margin-right: auto; margin-left: auto; border:8px outset black; background-color:white;}
.tartalomtabla{box-shadow: 0 4px 8px 0 rgba(250, 250, 0, 1.9), 0 6px 20px 0 rgba(250, 250, 0, 1.9);}
.tartalomtabla caption{text-align:center;}
.tartalomtabla td{font-size:14px;}
.tartalomtabla li{font-size:20px;}
.tartalomtabla a{text-decoration:none; color:black;}
.tartalomtabla a:hover{color:blue; border-bottom: 2px solid blue;}
.sargabetu-feketecontur{color: yellow; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.feketebetu-sargacontur{color: sandybrown; text-shadow: -1px 0 blue, 0 1px blue, 1px 0 blue, 0 -1px blue;}
.zoldbetu-piroscontur{font-weight:bold; color: green; text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;}
.text-balra{text-align: left;}
.text-kozepre{text-align: center;}

.sorlezaro{width: 100%; height: 5px; background-color: black;}
.kek {font-weight: bold; color: blue;}
.balra {text-align: left; font-family: Arial; margin-left: 20px;}
.iebemutato{width:90%; margin-left: 10px; padding: 15px; background: #999;}
code{font-family: Arial;}

.tabla_blur{width:90%;}
.tabla_blur td{font-family: Arial; font-size: 14px;}

.tabla_dropshadow{width:90%;}
.tabla_dropshadow td{font-family: Arial; font-size: 14px;}

.fenyero_001{opacity:1;filter:alpha(opacity=9);}
.fenyero_002{opacity:1;filter:alpha(opacity=9);}

/* Általános text-shadow, azaz Szöveg Térhatásokhoz, a kezdő oldalnál. */
.ameret20px{font-size:20px;}
.normal-shadow{text-shadow: 2px 2px;}
.normal-dowsarga{text-shadow: 1.5px 1.5px yellow;}
.piros-shadow{text-shadow: 2px 2px red;}
.arnyek-piros{text-shadow: 2px 2px 5px red;}
.feherbetu-fekete-arnyekkal{color: white; text-shadow: 2px 2px 4px black;}
.sargabetu-feketecontur{color: yellow; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

/* Keret nélküli tábla és td cella.*/
.egyszeru-tabla{width:99.9%; border:none;}
.egyszeru-tabla td{border:none;}

/* Grádient színátmenetekhez. ---------------------------- */
.egyszeru-piros{width:190px; height:80px; background-color: red;}
.egyszeru-sarga{width:190px; height:80px; background-color: yellow;}
.egyszeru-zold{width:190px; height:80px; background-color: green;}
.egyszeru-zold p{color:yellow;}
.egyszeru-kek{width:190px; height:80px; background-color: blue;}
.egyszeru-kek p{color:yellow;}

.kettoszin{background-image: linear-gradient(red, yellow);}
#linear-grad {width:100%; height:150px; background-image: linear-gradient(red, yellow);}
#linear-grad-n {width:150px; height:150px;}
#linear-grad-nr {width:150px; height:150px; border-radius: 50%;}
#linear-grad-fr {width:100px; height:150px; border-radius: 50%;}
#linear-grad-vr {width:150px; height:100px; border-radius: 50%;}

.jobbrol{background-image: linear-gradient(to right, red , yellow);}
#rl-grad {width:100%; height:150px; background-image: linear-gradient(to right, red , yellow);}
#rl-grad-n {width:150px; height:150px;}
#rl-grad-nr {width:150px; height:150px; border-radius: 50%;}
#rl-grad-fr {width:100px; height:150px; border-radius: 50%;}
#rl-grad-vr {width:150px; height:100px; border-radius: 50%;}

.atlos{background-image: linear-gradient(to bottom right, red, yellow);}
#diagonal-grad {width:100%; height:150px; background-image: linear-gradient(to bottom right, red, yellow);}
#diagonal-grad-n {width:150px; height:150px;}
#diagonal-grad-nr {width:150px; height:150px; border-radius: 50%;}
#diagonal-grad-fr {width:100px; height:150px; border-radius: 50%;}
#diagonal-grad-vr {width:150px; height:100px; border-radius: 50%;}

.multiszin{background-image: linear-gradient(red, yellow, green); }
#multi-grad {width:100%; height:150px; background-image: linear-gradient(red, yellow, green); }
#multi-grad-n {width:150px; height:150px;}
#multi-grad-nr {width:150px; height:150px; border-radius: 50%;}
#multi-grad-fr {width:100px; height:150px; border-radius: 50%;}
#multi-grad-vr {width:150px; height:100px; border-radius: 50%;}

.szivarvany{background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);}
#tobb-grad {width:100%; height:150px; background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);}
#tobb-grad-n {width:150px; height:150px;}
#tobb-grad-nr {width:150px; height:150px; border-radius: 50%;}
#tobb-grad-fr {width:100px; height:150px; border-radius: 50%;}
#tobb-grad-vr {width:150px; height:100px; border-radius: 50%;}

.atlatszo{background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); }
#using-grad {width:100%; height:150px; background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); }
#using-grad-n {width:150px; height:150px;}
#using-grad-nr {width:150px; height:150px; border-radius: 50%;}
#using-grad-fr {width:100px; height:150px; border-radius: 50%;}
#using-grad-vr {width:150px; height:100px; border-radius: 50%;}

.repetszin{background-image: repeating-linear-gradient(red, yellow 10%, green 20%); }
#repeat-grad{width:100%; height:150px; background-image: repeating-linear-gradient(red, yellow 10%, green 20%); }
#repeat-grad-n {width:150px; height:150px;}
#repeat-grad-nr {width:150px; height:150px; border-radius: 50%;}
#repeat-grad-fr {width:100px; height:150px; border-radius: 50%;}
#repeat-grad-vr {width:150px; height:100px; border-radius: 50%;}

.radialszin{background-image: radial-gradient(red, yellow, green);}
#radial-grad {width:100%; height:150px; background-image: radial-gradient(red, yellow, green);}
#radial-grad-n {width:150px; height:150px;}
#radial-grad-nr {width:150px; height:150px; border-radius: 50%;}
#radial-grad-fr {width:100px; height:150px; border-radius: 50%;}
#radial-grad-vr {width:150px; height:100px; border-radius: 50%;}

.diffszin{background-image: radial-gradient(red 5%, yellow 15%, green 60%);}
#radial-diff-grad {width:100%; height:150px; background-image: radial-gradient(red 5%, yellow 15%, green 60%);}
#radial-diff-grad-n {width:150px; height:150px;}
#radial-diff-grad-nr {width:150px; height:150px; border-radius: 50%;}
#radial-diff-grad-fr {width:100px; height:150px; border-radius: 50%;}
#radial-diff-grad-vr {width:150px; height:100px; border-radius: 50%;}

.kozpontiszin{background-image: radial-gradient(circle, red, yellow, green);}
#circle-grad {width:100%; height:150px; background-image: radial-gradient(circle, red, yellow, green);}
#circle-grad-n {width:150px; height:150px;}
#circle-grad-nr {width:150px; height:150px; border-radius: 50%;}
#circle-grad-fr {width:100px; height:150px; border-radius: 50%;}
#circle-grad-vr {width:150px; height:100px; border-radius: 50%;}

.repeatszin{background-image: repeating-radial-gradient(red, yellow 10%, green 15%);}
#repeat-circle-grad {width:100%; height:150px; background-image: repeating-radial-gradient(red, yellow 10%, green 15%);}
#repeat-circle-grad-n {width:150px; height:150px;}
#repeat-circle-grad-nr {width:150px; height:150px; border-radius: 50%;}
#repeat-circle-grad-fr {width:100px; height:150px; border-radius: 50%;}
#repeat-circle-grad-vr {width:150px; height:100px; border-radius: 50%;}

.closestszin{background-image: radial-gradient(closest-side at 60% 55%, red, yellow, blue);}
#closest-side-grad {width:100%; height:150px; background-image: radial-gradient(closest-side at 60% 55%, red, yellow, blue);}
#closest-side-grad-n {width:150px; height:150px;}
#closest-side-grad-nr {width:150px; height:150px; border-radius: 50%;}
#closest-side-grad-fr {width:100px; height:150px; border-radius: 50%;}
#closest-side-grad-vr {width:150px; height:100px; border-radius: 50%;}

.farthestszin{background-image: radial-gradient(farthest-side at 60% 55%, red, yellow, black);}
#farthest-side-grad {width:100%; height:150px; background-image: radial-gradient(farthest-side at 60% 55%, red, yellow, black);}
#farthest-side-grad-n {width:150px; height:150px;}
#farthest-side-grad-nr {width:150px; height:150px; border-radius: 50%;}
#farthest-side-grad-fr {width:100px; height:150px; border-radius: 50%;}
#farthest-side-grad-vr {width:150px; height:100px; border-radius: 50%;}

.cornerszin{background-image: radial-gradient(closest-corner at 60% 55%, red, yellow, blue);}
#closest-corner-grad {width:100%; height:150px; background-image: radial-gradient(closest-corner at 60% 55%, red, yellow, blue);}
#closest-corner-grad-n {width:150px; height:150px;}
#closest-corner-grad-nr {width:150px; height:150px; border-radius: 50%;}
#closest-corner-grad-fr {width:100px; height:150px; border-radius: 50%;}
#closest-corner-grad-vr {width:150px; height:100px; border-radius: 50%;}

.farcorszin{background-image: radial-gradient(farthest-corner at 60% 55%, red, yellow, black);}
#farthest-corner-grad {width:100%; height:150px; background-image: radial-gradient(farthest-corner at 60% 55%, red, yellow, black);}
#farthest-corner-grad-n {width:150px; height:150px;}
#farthest-corner-grad-nr {width:150px; height:150px; border-radius: 50%;}
#farthest-corner-grad-fr {width:100px; height:150px; border-radius: 50%;}
#farthest-corner-grad-vr {width:150px; height:100px; border-radius: 50%;}

/* text-shadow témakorhöz */
.text12shadow15{font-size:12px; text-shadow: 1.5px 1.5px yellow;}
.text14shadow15{font-size:14px; text-shadow: 1.5px 1.5px yellow;}
.text16shadow15{font-size:16px; text-shadow: 1.5px 1.5px yellow;}
.text18shadow15{font-size:18px; text-shadow: 1.5px 1.5px yellow;}
.text20shadow15{font-size:20px; text-shadow: 1.5px 1.5px yellow;}
.text22shadow15{font-size:22px; text-shadow: 1.5px 1.5px yellow;}
.text24shadow15{font-size:24px; text-shadow: 1.5px 1.5px yellow;}

.shadow-div{margin-bottom:10px; padding-left:30px; background-color: white;}
.shadow-right{font-size: 50px; text-shadow: 8px 0px blue;}
.shadow-bottom{font-size: 50px; text-shadow: 0px 8px blue;}
.shadow-left{font-size: 50px; text-shadow: -8px 0px blue;}
.shadow-top{font-size: 50px; text-shadow: 0px -8px blue;}

.shadow-rightbottom{font-size: 50px; text-shadow: 8px 8px blue;}
.shadow-leftbottom{font-size: 50px; text-shadow: -8px 8px blue;}
.shadow-bottomtop{font-size: 50px; text-shadow: -8px -8px blue;}
.shadow-righttop{font-size: 50px; text-shadow: 8px -8px blue;}

.arnyek-fix1{font-size: 50px; text-shadow: 0px 0px 2px red;}
.arnyek-fix2{font-size: 50px; text-shadow: 0px 0px 5px red;}
.arnyek-fix3{font-size: 50px; text-shadow: 0px 0px 8px red;}
.arnyek-right{font-size: 50px; text-shadow: 8px 0px 5px red;}
.arnyek-bottom{font-size: 50px; text-shadow: 0px 8px 5px red;}
.arnyek-left{font-size: 50px; text-shadow: -8px 0px 5px red;}
.arnyek-top{font-size: 50px; text-shadow: 0px -8px 5px red;}

.arnyek-rightbottom{font-size: 50px; text-shadow: 8px 8px 5px red;}
.arnyek-leftbottom{font-size: 50px; text-shadow: -8px 8px 5px red;}
.arnyek-bottomtop{font-size: 50px; text-shadow: -8px -8px 5px red;}
.arnyek-righttop{font-size: 50px; text-shadow: 8px -8px 5px red;}

.kontur{color:yellow; font-size: 50px; text-shadow: 0 -1px black, 1px 0 black, 0 1px black, -1px 0 black;}
.kontur5px{color:yellow; font-size: 50px; text-shadow: 0px -5px black, 5px 0px black, 0px 5px #000, -5px 0px black;}
.konturszinek{color:yellow; font-size: 50px; text-shadow: 0px -6px black, 6px 0px red, 0px 6px purple, -6px 0px lime;}

.kettobetu{color:black; font-size: 50px; text-shadow: -5px -5px 0px red, 5px 5px 0px green;}
.kettoarnyek{color:black; font-size: 50px; text-shadow: -5px -5px 5px red, 5px 5px 5px green;}