body {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif, serif;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 14pt;
    font-weight: bold;
    font-family: Times New Roman, Times, serif;
    text-align: center;
}

h2.mobile {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: #489393;
    font-family: Times New Roman, Times, serif;
}

h3 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif, serif;
    text-indent: 0;
}

h3.mobile {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    font-family: Times New Roman, Times, serif;
    color: #489393;
    text-indent: 0;
}

h3.mobile1 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: Times New Roman, Times, serif;
    text-indent: 0;
}

h5 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 0;
}

th {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    text-indent: 0;
    background-color: #489393;
}

td {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0;
    line-height: 120%;
}

td.new {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0;
    line-height: 120%;
}

td.artist {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

td.header {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    background-color: #489393;
}

td.comment {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

td.info1 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    color: #ffff00;
    background-color: #800000;
}

td.inf2 {
	font-size:14px;
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	text-align:left;
	font-weight:bold;
	background-color:#489393;
}

td.info2 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    color: #800000;
    background-color: #ffffff;
}

td.info3 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
}

td.info4 {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
}

td.info5 {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    background-color: #c0c0c0;
}

td.info6 {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    background-color: #ffffff;
}

TD.INFO7 {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #489393;
}

TD.SOURCE {

	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	text-align:left;
	font-weight:bold;
	background-color:#99CCCC;
	
}

p {
    text-align: justify;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 1em;
    margin: 8px;
}

p.new {
    text-align: justify;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 1em;
    margin: 8px;
    line-height: 125%;
}

p.result {
    text-align: justify;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 0;
    line-height: 140%;
}

div {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}

div.new {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}

div.style {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 150%;
    color: #003366;
    text-align: center;
    margin: 5px;
}

div.style0 {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 15px 60px 0 60px;
}

div.style1 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 36px;
    color: #003366;
    background-color: #f0f6ff;
    text-align: center;
    margin: 0 0 0 0;
}

div.style2 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 150%;
    color: #003366;
    text-align: center;
    margin: 5px;
}

div.style3 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
    color: #003366;
    text-align: center;
}

div.style4 {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    text-align: right;
}

div.style5 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
    color: #003366;
    text-align: center;
}

div.index2 {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #003366;
    text-indent: 0;
    line-height: 20px;
}

div.index3 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 0;
    color: #003366;
    line-height: 100%;
}

div.welcome {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #489393;
    text-align: center;
    line-height: 100%;
}

div.welcome1 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #489393;
    text-align: center;
    line-height: 150%;
}

div.artist {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 24px;
    color: #003366;
    text-align: center;
}

div.artist1 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 50px;
    color: #003366;
    text-align: center;
}

div.fel {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 180%;
}

div.fel1 {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 180%;
}

div.lent {
    font-size:13px;    
    font-family:Arial, Helvetica, sans-serif;    
    text-align:center;
}

li {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    margin: 0 0 0 00px;
}

li.new {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    margin: 0 0 0 00px;
}

li.mobile {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 16px;
    
}

li.mobile1 {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 18px;
    text-align:left;
    padding:3px;
}

li.mobile2 {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 18px;
    padding:2px;
}

strong {
    font-size: 80%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

dt {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-indent: 0;
    line-height: 24px;
}

dd {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-align:justify;
    text-indent: 0;
    line-height: 16px;
}

form {
    text-align: right;
    margin: 0;
}

input {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #Ffffff;
    background-color: #489393;
    font-weight: bold;
    margin: 0;
}

select {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #ffffff;
    background-color: #489393;
    margin: 0;
}

#fixedHeader {
    text-align: center;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #003366;
    height: 65px;
}

#fixedHeader a:link {
    color: white;
    text-decoration: none;
}

#fixedHeader a:visited {
    color: white;
    text-decoration: none;
}

#fixedHeader a:hover {
    color: white;
    text-decoration: underline;
}

#fixedHeader a:active {
    color: white;
    text-decoration: none;
}

#fixedHeader #container {
    width: 780px;
    margin: 0 auto;
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: bold;
}

#fixedHeader #container img {
    height: 45px;
}

#headerMenuContainer {
    background-color: #489393;
    text-align: center;
    height: 20px;
}

#headerMenu {
    list-style-position: outside;
    float: left;
    width: 100%;
}

#headerMenu li {
    display: inline;
    float: left;
    padding: 3px 3px 3px 4px;
    background-color: #489393;
    text-align: center;
    border-spacing: 0;
    border-left: 1px solid white;
    border-right: 0;
    height: 14px;
}

#headerMenu li:first-child {
    border-left: 0 solid white;
}

#headerMenu li:hover {
    background-color: #000000;
}

a:link {
    color: blue;
    text-decoration: none;
}

a:visited {
    color: blue;
    text-decoration: none;
}

a:hover {
    color: red;
    text-decoration: underline;
}

a:active {
    color: blue;
    text-decoration: none;
}

a.comment:link {
    color: #ff0000
}

td.menuContainer {
    padding: 0;
    margin: 0;
    border: 0;
}

/* A menü táblázatra vonatkozó stílus lap */
table.menuTable {
    width: 100%; /* a táblázat töltse ki a rendelkezésre álló területet */
    border-collapse: separate; /* cella térköz kezelés módja */
    border-spacing: 0; /* minden cella közt a térköz legyen 0 */
    margin: 0;
    padding: 0;
}

/* A menü egyes linkjeinek befoglaló elemeire vonatkozó stílus lap */
table.menuTable > tbody > tr > td {
    width: 20%; /* 5 részre osztjuk a táblázat szélességét */
    text-align: center; /* a cella szövege legyen középre igazítva */
    border-left: 2px solid #fff; /* minden bal keret legyen 2px vastag és fehér */
}

/* Ez egy kivétel az első elemre, hogy ne legyen kerete ott ahol nem kell */
table.menuTable > tbody > tr > td:first-child {
    border-left: 0;
}

/* Stílus lap a linkekre */
table.menuTable > tbody > tr > td > a {
    display: block; /* legyen blokk elem a méretezés és a padding miatt */
    width: 100%; /* legyen a rendelkezésre álló terület a szélessége */
    color: #fff; /* a szöveg legyen fehét */
    background-color: #489393; /* a háttér legyen türkiz */
    text-transform: uppercase; /* a link szövege legyen kapitális */
    padding: 10px 5px; /* a szöveg felett/alatt 10px és jobbra/balra 5px a térköz */
    text-decoration: none; /* nem kell az aláhúzás */
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold; /* legyen vastagon szedve */
    font-size: 14px;
}

table.menuTable > tbody > tr > td > a:hover {
    background-color: #ff6600;
}

@media (max-width: 480px) {
   
    table.menuTable > tbody > tr > td {
        width: auto;
    }
   
    table.menuTable > tbody > tr > td > a {
        padding: 10px 1px;
        font-size: 12px;
    }

    }