body
    {
        font-family: Calibri;
        padding:5px; 
        margin:10px; 
        background: #FFFDFD; 
        color:#582902; 
    }

table.table_alap {
    background:url(../images/hatter_1280x720.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    width:1280px; 
    height:720px;
    border: 2px solid black;
    vertical-align: top;
    padding: 2px; 
    margin: 10px;
}

table.table_alap tr {
    vertical-align: top;
}

table.table_alap td {
    vertical-align: top;
}

table.lablec {
    width: 95%; 
    height: auto;
    border: 0px solid black;
    vertical-align: top;
    padding: 2px; 
    margin: 4px;
}

table.lablec td {
    text-align: center;   
}

table.tartalom {
    width: 100%; 
    border: 0px solid black;
    vertical-align: top;
    padding: 0px; 
    margin: 0px;
}

table.tartalom td {
    text-align: center;   
}

table.galeria {
    width: 100%;
    height: 100%; 
    border: 0px solid black;
    vertical-align: middle;
    padding: 0px; 
    margin: 0px;
}

table.galeria td {
    border: 0px solid black;
    vertical-align: middle;
    text-align: center;   
}

table.menu {
    width: 220px; 
    border: 0px solid black;
    vertical-align: top;
    padding: 30px 0px 0px 0px; 
    margin: 0px;
}

table.menu td {
    text-align: center; 
    padding: 20px;  
}

div.menu1 {
  position: relative;
  top: 20px;
  left: 10px;
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 34px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
}

div.menu2 {
  position: relative;
  top: 50px;
  left: 10px;
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 34px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
}

div.menu3 {
  position: relative;
  top: 80px;
  left: 10px;
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 34px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
}

div.menu4 {
  position: relative;
  top: 110px;
  left: 10px;
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 34px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
}

div.menu5 {
  position: relative;
  top: 140px;
  left: 10px;
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 34px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
}

div.betu80 {
  font-size: 88px;
  color: white;
  font-weight: bold;
  -webkit-text-fill-color: black; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

div.betu54 {
  font-size: 58px;
  color: white;
  font-weight: bold;
  -webkit-text-fill-color: black; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

div.betu54_keret {
  border: 4px solid black;
  padding: 10px;  
  font-size: 54px;
  color: white;
  font-weight: bold;
  -webkit-text-fill-color: black; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

div.tartalom {
  text-align: left;
  font-size: 30px;
  color: black;
  font-weight: bold;
  padding: 10px;
}

div.tartalom_kicsi {
  font-size: 21px;
  text-align: left;
  color: black;
  font-weight: bold;
}

div.fejlec {
    letter-spacing: 5px;
    position: relative;
    top: 0px;
    left: 500px;
}

.form_input { 
                font-family: Calibri, Trebuchet MS, Arial;
                font-style: normal;
                background-color: #FFF5CC;
                color: #800000;
                margin: 1px;
                border: 1px solid #94B4D6;
                padding: 1px;
                font-weight: normal;
                vertical-align: middle;
            }

.form_button {
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 30px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
  background: #8EB0E0; 
}
             
.form_button:hover {
                background-color: #CA0B0B;
                color: white;
                vertical-align: middle;
}

.form_button2 {
  text-align: center;
  width: 220px;
  height: 45px;
  font-size: 30px;
  color: black;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid;
  padding: 6px;
  box-shadow: 5px 10px 8px #4C4C4C;
  background: #8EB0E0; 
}
             
.form_button2:hover {
                background-color: #CA0B0B;
                color: white;
                vertical-align: middle;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

A         { text-decoration: none; color: white; font-weight: bold; }
a:link    { color: black; text-decoration: none; }
a:active  { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover   { color: black; text-decoration: none; }