body {
margin: 0;
padding: 0;
background: #443008;
}
#fejlec {
background:url("../images/fejlec_archivum.jpg") no-repeat;
width:800px;
height: 138px;
background-position: left top;
margin: 0;
padding: 0;
}

#container {
width: 1053px;
height: 534px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
background: url("../images/konyv_hatter.jpg") no-repeat;
position: absolute;
}
#tartalom {
width: 860px;
background: #F4ECD5;
margin: auto;
font-size: 11px;
line-height: 13px;
padding-bottom: 20px;
text-align: left;
}


#tartalom h1 {
text-align: center;
font-family:Helvetica, Verdana,  Arial, sans-serif;
font-size: 16px;
line-height: 1.6em;
color: #54170F;
padding: 25px 0 15px 0;
margin: 0;
}

#tartalom p {
margin: 0;
padding: 6px 35px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
color: #54170F;
}

#tartalom a img {
margin: 0;
padding: 6px 0 0 0;
border: 0;
}

#tartalom a, #aloldal_text a:visited {
color: black;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
color: #54170F;
}
#tartalom a:hover {
color:  #9e0b0f;
text-decoration:none;
}

h3 a {
text-decoration:none;
color:  #980618;
font-weight: bold;
}

h1 span {
margin: 0;
padding: 0;
display:none;
}

.kiemeles {
font-weight: bold;
}

.zold {
color:  #124C4F;
}

.dolt {
font-style: italic;
}

.clearer {
clear:both;
}
#lablec {
height: 20px;
width: 860px;
margin: auto;
background: #650B01;
text-align: center;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
line-height: 17px;
color:  #CD9C72;
}


#lablec a {
text-decoration:none;
color:  #CD9C72;
font-weight: bold;
}
#lablec a:hover {
color: #FFDF7E;
text-decoration: none;
}


/*BLOKK (hírdetményekhez)
==============================================================*/
.blokk {
width: 500px;
height: 400px;
background: #efe7c6 url("../images/felirat.jpg") no-repeat;
background-position: center 20px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 130px 10px 10px 0;
font-family: verdana, Arial, sans-serif;
text-align: left;
color: #4E2720;
border: 2px solid #9e0b0f;
line-height: 18px;
font-size: 11px;
}
.blokk img {
border: 0;
float: left;
padding: 0;
margin-top: 30px;
}
#blokk-lista {
float: right;
text-align: left;
width: 300px;
padding: 0;
margin-top: 20px;
}

#blokk-lista ul {
padding: 0;
margin: 0;
color: #9e0b0f;
}
#blokk-lista li {
display: list-item;
list-style-type: none;
color: black;
margin-bottom: 20px;
}
#blokk-lista h3 {
color: #9e0b0f;
font-size: 12px;
margin: 0;
padding: 0;
}

#blokk-lista a, #blokk-lista a:visited {
color: black;
}
#blokk-lista a:hover {
color: black;
text-decoration: none;

}
/*==============FELSÕ MENÜ=======================================*/
.felso_menu {
	width: 550px;
	left: 384px;
	top: 115px;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
}

.felso_menu li{
display: inline;
padding: 0 15px;
font-family: "Times New Roman", Helvetica, serif;
font-style: italic;
font-size: 17px;
margin: 0;
}
.felso_menu li.elso {
margin-left: 0;
}
.felso_menu li a {
color: #bd8653;
text-decoration: none;
font-weight: bold;
}

.felso_menu li a:hover {
color: #FF9900;
}








/*==============KÖNYV MENÜ=======================================*/
#container .menu, #container .menu ul, #container .menu ul li {
margin: 0;
padding: 0;
}

#container .menu span {
display: none;
}

#container .menu ul li {
list-style: none;
display: block;
float: left;
}
#container .menu ul li.dic {
width: 81px;
height: 8px;
top: 126px;
left: 29px;
position: relative;
}
#container .menu ul li.dic a{
background: url("../images/dictionary.jpg") no-repeat;
width: 81px;
height: 8px;
position: absolute;
}
#container .menu ul li.dic a:hover{
background: url("../images/dictionary_over.jpg") no-repeat;
}

#container .menu ul li.grammar {
width: 67px;
height: 8px;
top: 126px;
left: 58px;
position: relative;
}
#container .menu ul li.grammar a{
background: url("../images/grammar.jpg") no-repeat;
width: 67px;
height: 8px;
position: absolute;
}
#container .menu ul li.grammar a:hover{
background: url("../images/grammar_over.jpg") no-repeat;
}

#container .menu ul li.voc {
width: 84px;
height: 8px;
top: 126px;
left: 84px;
position: relative;
}
#container .menu ul li.voc a{
background: url("../images/vocabulary.jpg") no-repeat;
width: 84px;
height: 8px;
position: absolute;
}
#container .menu ul li.voc a:hover{
background: url("../images/vocabulary_over.jpg") no-repeat;
}

#container .menu ul li.studies {
width: 52px;
height: 8px;
top: 126px;
left: 117px;
position: relative;
}
#container .menu ul li.studies a{
background: url("../images/studies.jpg") no-repeat;
width: 52px;
height: 8px;
position: absolute;
}
#container .menu ul li.studies a:hover{
background: url("../images/studies_over.jpg") no-repeat;
}

#container .menu ul li.levelek {
width: 50px;
height: 10px;
top: 124px;
left: 176px;
position: relative;
}
#container .menu ul li.levelek a{
background: url("../images/levelek.jpg") no-repeat;
width: 50px;
height: 10px;
position: absolute;
}
#container .menu ul li.levelek a:hover{
background: url("../images/levelek_over.jpg") no-repeat;
}

#container .menu ul li.utazas {
width: 45px;
height: 10px;
top: 124px;
left: 225px;
position: relative;
}
#container .menu ul li.utazas a {
background: url("../images/utazas.jpg") no-repeat;
width: 45px;
height: 10px;
position: absolute;
}
#container .menu ul li.utazas a:hover{
background: url("../images/utazas_over.jpg") no-repeat;
}

#container .menu ul li.kortarsak {
width: 71px;
height: 10px;
top: 124px;
left: 264px;
position: relative;
}
#container .menu ul li.kortarsak a {
background: url("../images/kortarsak.jpg") no-repeat;
width: 71px;
height: 10px;
position: absolute;
}
#container .menu ul li.kortarsak a:hover{
background: url("../images/kortarsak_over.jpg") no-repeat;
}

#container .menu ul li.hagyatek {
width: 63px;
height: 10px;
top: 124px;
left: 294px;
position: relative;
}
#container .menu ul li.hagyatek a {
background: url("../images/hagyatek.jpg") no-repeat;
width: 63px;
height: 10px;
position: absolute;
}
#container .menu ul li.hagyatek a:hover{
background: url("../images/hagyatek_over.jpg") no-repeat;
}


#container .menu ul li.emlekezes {
width: 67px;
height: 21px;
top: 118px;
left: 355px;
position: relative;
}
#container .menu ul li.emlekezes a {
background: url("../images/emlekezes.jpg") no-repeat;
display: block;
width: 67px;
height: 21px;
position: absolute;
text-decoration: none;
}
#container .menu ul li.emlekezes a em {
background: url("../images/emlekezes.jpg") no-repeat;
width: 67px;
height: 21px;
display: block;
position:absolute; 
top:0; 
left:0; 
cursor:pointer;
}
#container .menu ul li.emlekezes a:hover{
background: url("../images/emlekezes_over.jpg") no-repeat;
}
#container .menu ul li.emlekezes a:hover em {
background: url("../images/emlekezes_over.jpg") no-repeat;
}
#container .menu ul li.emlekezes a:active, #container .menu ul li.emlekezes a:focus {
  width:0; 
  height:0;
  outline:0; /* for browsers that understand */
  }
#container .menu ul li.emlekezes a:active em,#container .menu ul li.emlekezes a:focus em {
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
background: url("../images/emlekezes_over.jpg") no-repeat;
  outline:0; /* for browsers that understand */
  }

#container .menu ul li.tanulmanyok {
width: 96px;
height: 25px;
top: 195px;
left: 287px;
position: relative;
}
#container .menu ul li.tanulmanyok a {
background: url("../images/tanulmanyok.jpg") no-repeat;
width: 96px;
height: 25px;
position: absolute;
display: block;
text-decoration: none;
}
#container .menu ul li.tanulmanyok a em {
background: url("../images/tanulmanyok.jpg") no-repeat;
width: 96px;
height: 25px;
display: block;
position:absolute; 
top:0; 
left:0; 
cursor:pointer;
}

#container .menu ul li.tanulmanyok a:hover{
background: url("../images/tanulmanyok_over.jpg") no-repeat;
}
#container .menu ul li.tanulmanyok a:hover em{
background: url("../images/tanulmanyok_over.jpg") no-repeat;
}
#container .menu ul li.tanulmanyok a:active, #container .menu ul li.tanulmanyok a:focus {
  width:0; 
  height:0;
  outline:0; 
  }
#container .menu ul li.tanulmanyok a:active em,#container .menu ul li.tanulmanyok a:focus em {
background: url("../images/tanulmanyok_over.jpg") no-repeat;
outline:0;
}



#container .menu ul li.muveszet {
width: 62px;
height: 19px;
top: 280px;
left: 224px;
position: relative;
}

#container .menu ul li.muveszet a {
background: url("../images/muveszet.jpg") no-repeat;
width: 62px;
height: 19px;
position: absolute;
display: block;
text-decoration: none;
}

#container .menu ul li.muveszet a em {
background: url("../images/muveszet.jpg") no-repeat;
width: 62px;
height: 19px;
display: block;
position:absolute; 
top:0; 
left:0; 
cursor:pointer;
}

#container .menu ul li.muveszet a:hover{
background: url("../images/muveszet_over.jpg") no-repeat;
}
#container .menu ul li.muveszet a:hover em {
background: url("../images/muveszet_over.jpg") no-repeat;
}
#container .menu ul li.muveszet a:active, #container .menu ul li.muveszet a:focus {
width:0; 
height:0;
outline:0;
}
#container .menu ul li.muveszet a:active em,#container .menu ul li.muveszet a:focus em {
background: url("../images/muveszet_over.jpg") no-repeat;
outline:0;
}


#container .menu ul li.rendezvenyek {
width: 97px;
height: 25px;
top: 356px;
left: 159px;
position: relative;
}
#container .menu ul li.rendezvenyek a {
background: url("../images/rendezvenyek.jpg") no-repeat;
width: 97px;
height: 25px;
position: absolute;
display: block;
text-decoration: none;
}
#container .menu ul li.rendezvenyek a em {
background: url("../images/rendezvenyek.jpg") no-repeat;
width: 97px;
height: 25px;
display: block;
position:absolute; 
top:0; 
left:0; 
cursor:pointer;
}

#container .menu ul li.rendezvenyek a:hover{
background: url("../images/rendezvenyek_over.jpg") no-repeat;
}
#container .menu ul li.rendezvenyek a:hover em {
background: url("../images/rendezvenyek_over.jpg") no-repeat;
}
#container .menu ul li.rendezvenyek a:active, #container .menu ul li.rendezvenyek a:focus {
width:0; 
height:0;
outline:0;
}
#container .menu ul li.rendezvenyek a:active em,#container .menu ul li.rendezvenyek a:focus em {
background: url("../images/rendezvenyek_over.jpg") no-repeat;
outline:0;
}
/*==============KÖNYV MENÜ VÉGE=======================================*/