body {
margin: 0;
padding: 0;
font-size: 19px;
font-family: Verdana, "Segoe UI", Tahoma, sans-serif;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

/* szerkezet */

#logo {
position: absolute;
left: 0;
z-index: 6;
width: 290px;
background-color: #809fff;
}

#logo img {
margin: 0 0 -4px 0;
}

#fejlec {
position: relative;
margin: 0px 0px 0px 290px;
font-size: 24px;
line-height: 40px;
height: 86px;
border-color: black;
background-color: #809fff;
padding: 0 20px 0 20px;
z-index: 5;
display: flex;
}

#fejlec h1 {
margin-top: auto;
margin-bottom: auto;
color: white;
}

.content {
position: relative;
min-width: 120px;
margin: 0px 195px 3px 290px;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #ccc;
padding: 0 20px 20px 20px;
z-index: 4;
}

.content_sarga_doboz {
position: relative;
min-width: 120px;
margin: 30px 195px 3px 290px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
padding: 0 20px 20px 20px;
z-index: 4;
background-color: #ffc; /* .ajanlo --> white */
}

#lablec {
position: relative;
bottom: 0;
top: 100px;
text-align: center;
width: 99%;
border: 0 solid black;
padding: 2px;
z-index: 1;
}

#balsav {
position: absolute;
top: 91px;
bottom: 33px;
padding: 25px 20px 20px 20px;
z-index: 3;
width: 250px;
}

#balsav p {
margin: 0 0 6px 0;
}

#jobbsav {
position: absolute;
top: 91px;
right: 3px;
padding: 10px 20px 20px 20px;
z-index: 2;
width: 155px;
}

.sordoboz {
display: inline-block;
vertical-align: top;
margin-right: 20px;
}

#hangman .sordoboz {
margin-right: 5px;
width: 50px;
text-align: center;
vertical-align: middle;
font-size: 25px;
}

.sordoboz2 {
display: inline-block;
vertical-align: top;
margin: 0px;
}

.ragozas {
width: 45%;
}

.ragozas .keskeny {
width: 25%;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}

/* formázások */

h1 {
font-size: 24px;
margin: 0;
padding: 0;
color: black;
}

h2 {
margin: 20px 0 15px 0;
padding: 0;
font-size: 23px;
color: #777;
}

h3 {
margin: 25px 0 10px 0;
padding: 0;
font-size: 21px;
color: #800;
}

p {
line-height: 1.3em;
margin-bottom: 25px;
padding: 0;
}

img {
border: 0;
max-width: 100%;
}

#mese img {
padding: 3px;
border: 3px double #bbb;
min-width: 120px;
}

li {
line-height: 1.3em;
margin: 0 0 10px 0;
padding: 0;
}

li ul {
padding-top: 15px;
padding-bottom: 10px;
}

ol li {
padding-left: 8px;
}

a {
color: red;
font-weight: 400;
text-decoration: none;
}

a:link {
color: #f40;
}

a:visited {
color: #930;
}

video {
max-width: 100%;
}

form {
margin-bottom: 30px;
}

#hangman form {
margin-bottom: 0px;
}

#quiz form {
margin-bottom: 0px;
}

textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

input, textarea {
font-size: 20px;
padding: 10px;
border: 1px solid grey;
}

input[type=submit] {
font-size: 20px;
padding: 10px;
margin-top: 5px;
color: green;
border: 1px solid green;
border-radius: 8px;
font-family: Verdana, "Segoe UI", Tahoma, sans-serif;
}

.kodhonlapra {
max-width: 500px;
}

#hangman input[type=submit] {
width: 50px;
}

input[type=reset] { /* contact.php */
font-size: 20px;
padding: 10px;
margin-top: 5px;
color: gray;
border: 1px solid gray;
border-radius: 8px;
font-family: Verdana, "Segoe UI", Tahoma, sans-serif;
}

/* táblázatok */

table {
font-size: 1em;
margin-bottom: 25px;
border-collapse: collapse;
table-layout: fixed;
}

td, th {
vertical-align: top;
padding: 14px;
text-align: left;
}

.vekony { /* igeragozas.php, conjugation.php */
font-weight: normal;
}

.vekony th { /* igeragozas.php, conjugation.php */
font-weight: normal;
}

.szurke {
background-color: #ddd;
}

.vastag {
font-weight: bold;
}

.suru {
font-family: impact;
letter-spacing: 1px;
}

.alahuzas { /* expressions.php, irregular_pp.php */
text-decoration: underline;
}

.alahuzas_p { /* kiejtes.php */
text-decoration: underline dotted black;
}

.kozepre {
text-align: center;
margin: auto;
}

.felhuzott {
padding-top: 0;
margin-top: 0;
}

.vonalazott tr {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #ccc;
}


td.kozep {
vertical-align: middle;
}

.keretes td, .keretes th {
border: 1px solid #ccc;
}

.jobbra td, .jobbra th {
text-align: right;
}

.tomor td, .tomor th {
padding: 5px;
}

.zart td, .zart th {
padding: 0px;
}

/* osztályok */

#quiz {
font-size: 17px;
margin: 0;
padding: 0;
}

#quiz input[type=button] {
border: 0px;
background-color: red;
font-weight: bold;
color: yellow;
padding: 5px 10px;
}

#quiz input {
padding: 1px;
border: 1px solid grey;
font-family: Verdana, "Segoe UI", Tahoma, sans-serif;
}

#quiz .answer {
text-align: center;
width: 1em;
}

.nyitcsuk {
color: red;
cursor: hand;
cursor: pointer;
font-weight: bold;
}

.mesekep {
padding: 3px;
margin: 0.5em 0 0.5em 0;
border: 3px double #bbb;
}

.jobbkep {
margin: 0.5em 0 0.5em 15px;
float: right;
clear: right;
position: relative;
}

.balkep {
margin: 0.5em 15px 0.5em 0;
float: left;
clear: left;
position: relative;
}

.kieg {
font-size: 16px;
}

blockquote {
margin-right: 5px;
}

blockquote .kieg {
margin-bottom: 30px;
}

blockquote .kieg a {
font-weight: bold;
}

.nagybetu {
font-size: 1.85em;
}

.kisgomb span {
border: 1px solid;
border-radius: 3px;
background-color: white;
padding: 5px;
}

.ykieg {
display: none;
}

.gomb {
border: 1px solid;
border-radius: 8px;
color: black;
background-color: white;
font-family: Verdana, "Segoe UI", Tahoma, sans-serif;
}

.doboz {
border: 1px solid;
color: black;
background-color: white;
font-family: Verdana, "Segoe UI", Tahoma, sans-serif;
}

.nodoboz {
border: 0px;
color: black;
background-color: #ddd;
font-family: Verdana, "Segoe UI", Tahoma, sans-serif;
padding: 0px 5px 0 5px;
margin-top: 3px;
}

.ajanlo {
border: 1px solid red;
padding: 0px 10px 0 10px;
margin: 15px 0 0 0;
background-color: #ffc;
}

.ajanlo2 {
border: 1px solid red;
padding: 0px 10px 0 10px;
margin: 15px 0 0 0;
background-color: #fff;
}

.ajanlo2 ul {
padding: 0 0 0 15px;
margin: 0;
}

.kisblokk { /* learning.php */
background-color: #ddd;
padding: 3px 6px 3px 6px;
margin: 20px 0 20px 0;
}

#suggestions .kisblokk {
padding: 20px 10px 20px 10px;
}

a.clues {
  text-align: left;
  text-decoration: none;
  color: black;
}

.nincs {
display: none;
}

.van {
display: block;
padding: 10px;
background-color: #ffc;
}

.red { color: red; }
.telepules {font-size: 30px; padding: 15px 0 15px 0;}
.csik {width: 25%; margin: 25px 0 25px 0;}
.nyelvtanar {border: 1px solid red; padding: 10px; width: 50%;}

@media screen and (max-width: 479px) {
  body { font-size: 200%; }
}