body {
background-color: #000;
background-image: url(images/hatter9.gif);
font: 100% Times New Roman;
}


.tartalom {
background-image: url(images/4.JPG);
background-repeat: repeat-no;
height: 533px;
}

#keret {
float: left;
}

#menu {
position: relative;
top: 0;
float: left;
background-image: url(images/hatter.png);
background-repeat: repeat-no;
width: 215px;
height: 533px;
}

#menu ul {
text-align: left;
}

#menu li {
list-style-type: disc;
margin-top: 40px;
color: #cc6600;
}

#menu li:hover {
list-style-type: circle;
color: #fff;
}

#menu a {
color: #fff;
text-decoration: none;
font-size: 17px;
letter-spacing: 0.2em;
}

#menu a:hover {
text-decoration: underline;
color: #cc6600;
}

#tema img {
float: right;
margin-left: 10px;
}

#tema {
padding-right: 1.2em;
margin-left: 20px;
width: 545px;
height: 530px;
overflow-y: auto;
float: left;
}

#tema p {
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
line-height: 30px;
text-align: justify;
height: ;
margin-top: 10px;
}

#tema span {
color: #fff;
font-size: 16px;
font-style: italic;
font-weight: bold;
}

#tema h4 {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: right;
font-style: italic;
font-weight: bold;
}


.lablec {
background-color: #000;
color: #444;
letter-spacing: .2em;
}