li {
      font: 20px Monotype Corsiva, verdana, arial, sans-serif;color: #FFFFD7;
}
body{
      margin: 0;
      padding: 0;
      font: 13px Monotype Corsiva;color: #FFFFD7;
      background-color: #000000;
}
p {
   text-align: justify;
   font: 18px Monotype Corsiva; color: #FFFFD7; 
}
.pkozep {
   text-align: center;
   font: 18px Monotype Corsiva; color: #FFFFD7; 
}
#p2 {
   text-align: center;
   font: 22px Monotype Corsiva; color: #FFFFD7; 
}


#box_1{
      background: url('1hu.gif') 0 0 no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 980px;
      height: 100px;
      z-index: 9;
} 

#box_2{
      position: absolute;
      top: 100px;
      left: 0px;
      background: transparent;
      width: 260px;
      height: 440px;
      z-index: 1;
}

#box_3{
      position: absolute;
      top: 100px;
      left: 260px;
      font: 18px Monotype Corsiva; color: #FFFFD7; 
      width: 720px;
      height: 440px;
      owerflow: auto
      z-index: 9;
} 

#box_3b{
      position: absolute;
      top: 100px;
      left: 260px;
      font: bold 17px Monotype Corsiva; color: #FFFFD7;
      width: 720px;
      height: 440px;
      z-index: 9;
} 

#box_2b{
      position: absolute;
      top: 165px;
      left: 20px;
      font: bold 17px Monotype Corsiva; color: #FFFFD7;
      width: 50px;
      height: 100px;
      z-index: 9;
} 

#szoveg {
      font: 23px Monotype Corsiva; color: #FFFFD7;
      position: absolute;
      height: 450px;
      width: 630px;
      top: 395px;
      left: 450px; 
      z-index: 9;
}
#ismerkep1 {
      position: absolute;
      background: url('ismer1.jpg') 0 0 no-repeat;
      height: 87px;
      width: 85px;
      top: 130px;
      right: 0px;
}
#ismerkep3 {
      position: absolute;
      background: url('ismer3.jpg') 0 0 no-repeat;
      height: 100px;
      width: 82px;
      bottom: 210px;
      right: -20px;
}
#ismerkep4 {
      position: absolute;
      background: url('ismer4.jpg') 0 0 no-repeat;
      height: 87px;
      width: 115px;
      top: 435px;
      left: 230px;
}
#ismerkep2 {
      position: absolute;
      background: url('ismer2.jpg') 0 0 no-repeat;
      height: 79px;
      width: 51px;
      bottom: 0px;
      right: 0px;
}
#ismerszovhu {
      position: absolute;
      background: url('ismerhu.gif') 0 0 no-repeat;
      height: 450px;
      width: 630px;
      position: absolute;
      top: 95px;
      left: 350px;
}
#ismerszoven {
      position: absolute;
      background: url('ismeren.gif') 0 0 no-repeat;
      height: 450px;
      width: 630px;
      position: absolute;
      top: 95px;
      left: 350px;
}
#virag {
      background: url('virag2.gif') 0 0 no-repeat;
      height: 480px;
      width: 602px;
      opacity: .5;
      filter: alpha(opacity=50); /* IE miatt */
      position: absolute;
      top: 90px;
      left: 0px;
      right: auto;
}
#felsohu {
      background: url('1hu.gif') 0 0 no-repeat;
      height: 100px;
      width: 980;
      position: absolute;
      top: 0px;
      bottom: auto;
      left: 0px;
      right: auto;
      z-index: 0;
}
#felsoen {
      background: url('1en.gif') 0 0 no-repeat;
      height: 540px;
      width: 980;
      position: absolute;
      top: 0px;
      bottom: auto;
      left: 0px;
      right: auto;
      z-index: 0;
}
#menuhu1 a {
        position: absolute;
	display:block;
	width:131px;
        height : 33;
	background: url("mhu1.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 5;
        left: 8; 
	}
#menuhu1 a:hover {	
	background-position: -131px 0;
	}
#menuhu2 a {
        position: absolute;
	display:block;
	width:139px;
        height : 33;
	background: url("mhu2.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 35;
        left: 20; 
	}
#menuhu2 a:hover {	
	background-position: -139px 0;
	}
#menuhu3 a {
        position: absolute;
	display:block;
	width:175px;
        height : 33;
	background: url("mhu3.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 65;
        left: 30; 
	}
#menuhu3 a:hover {	
	background-position: -175px 0;
	}
#menuhu4 a {
        position: absolute;
	display:block;
	width:140px;
        height : 33;
	background: url("mhu4.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 95;
        left: 50; 
	}
#menuhu4 a:hover {	
	background-position: -140px 0;
	}
#menuhu5 a {
        position: absolute;
	display:block;
	width:72px;
        height : 33;
	background: url("mhu5.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 125;
        left: 80; 
	}
#menuhu5 a:hover {	
	background-position: -72px 0;
	}
#menuhu6 a {
        position: absolute;
	display:block;
	width:78px;
        height : 33;
	background: url("mhu6.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 155;
        left: 100; 
	}
#menuhu6 a:hover {	
	background-position: -78px 0;
	}
#menuhu7 a {
        position: absolute;
	display:block;
	width:130px;
        height : 33;
	background: url("mhu7.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 185;
        left: 110; 
	}
#menuhu7 a:hover {	
	background-position: -130px 0;
	}
#menuhu8 a {
        position: absolute;
	display:block;
	width:168px;
        height : 33;
	background: url("mhu8.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 215;
        left: 90; 
	}
#menuhu8 a:hover {	
	background-position: -168px 0;
	}
#menuhu9 a {
        position: absolute;
	display:block;
	width:178px;
        height : 33;
	background: url("mhu9.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 245;
        left: 80; 
	}
#menuhu9 a:hover {	
	background-position: -178px 0;
	}
#menuhu10 a {
        position: absolute;
	display:block;
	width:100px;
        height : 33;
	background: url("mhu10.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 275;
        left: 70; 
	}
#menuhu10 a:hover {	
	background-position: -100px 0;
	}
#menuhu11 a {
        position: absolute;
	display:block;
	width:198px;
        height : 33;
	background: url("mhu11.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 305;
        left: 50; 
	}
#menuhu11 a:hover {	
	background-position: -198px 0;
	}
#menuhu12 a {
        position: absolute;
	display:block;
	width:180px;
        height : 33;
	background: url("mhu12.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 335;
        left: 40; 
	}
#menuhu12 a:hover {	
	background-position: -180px 0;
	}
#menuhu13 a {
        position: absolute;
	display:block;
	width:130px;
        height : 33;
	background: url("mhu13.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 365;
        left: 30; 
	}
#menuhu13 a:hover {	
	background-position: -130px 0;
	}
#menuhu14 a {
        position: absolute;
	display:block;
	width:164px;
        height : 33;
	background: url("mhu14.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 395;
        left: 20; 
	}
#menuhu14 a:hover {	
	background-position: -164px 0;
	}
#menuen1 a {
        position: absolute;
	display:block;
	width:94px;
        height : 33;
	background: url("men1.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 0;
        left: 8; 
	}
#menuen1 a:hover {	
	background-position: -94px 0;
	}
#menuen2 a {
        position: absolute;
	display:block;
	width:98px;
        height : 33;
	background: url("men2.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 30;
        left: 20; 
	}
#menuen2 a:hover {	
	background-position: -98px 0;
	}
#menuen3 a {
        position: absolute;
	display:block;
	width:106px;
        height : 33;
	background: url("men3.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 60;
        left: 30; 
	}
#menuen3 a:hover {	
	background-position: -106px 0;
	}
#menuen4 a {
        position: absolute;
	display:block;
	width:130px;
        height : 33;
	background: url("men4.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 90;
        left: 50; 
	}
#menuen4 a:hover {	
	background-position: -130px 0;
	}
#menuen5 a {
        position: absolute;
	display:block;
	width:68px;
        height : 33;
	background: url("men5.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 120;
        left: 70; 
	}
#menuen5 a:hover {	
	background-position: -68px 0;
	}
#menuen6 a {
        position: absolute;
	display:block;
	width:114px;
        height : 33;
	background: url("men6.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 150;
        left: 90; 
	}
#menuen6 a:hover {	
	background-position: -114px 0;
	}
#menuen7 a {
        position: absolute;
	display:block;
	width:122px;
        height : 33;
	background: url("men7.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 180;
        left: 100; 
	}
#menuen7 a:hover {	
	background-position: -122px 0;
	}
#menuen8 a {
        position: absolute;
	display:block;
	width:120px;
        height : 33;
	background: url("men8.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 210;
        left: 90; 
	}
#menuen8 a:hover {	
	background-position: -120px 0;
	}
#menuen9 a {
        position: absolute;
	display:block;
	width:52px;
        height : 33;
	background: url("men9.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 240;
        left: 80; 
	}
#menuen9 a:hover {	
	background-position: -52px 0;
	}
#menuen10 a {
        position: absolute;
	display:block;
	width:120px;
        height : 33;
	background: url("men10.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 270;
        left: 70; 
	}
#menuen10 a:hover {	
	background-position: -120px 0;
	}
#menuen11 a {
        position: absolute;
	display:block;
	width:192px;
        height : 33;
	background: url("men11.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 300;
        left: 50; 
	}
#menuen11 a:hover {	
	background-position: -192px 0;
	}
#menuen12 a {
        position: absolute;
	display:block;
	width:209px;
        height : 33;
	background: url("men12.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 330;
        left: 40; 
	}
#menuen12 a:hover {	
	background-position: -210px 0;
	}
#menuen13 a {
        position: absolute;
	display:block;
	width:156px;
        height : 33;
	background: url("men13.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 360;
        left: 30; 
	}
#menuen13 a:hover {	
	background-position: -156px 0;
	}
#menuen14 a {
        position: absolute;
	display:block;
	width:150px;
        height : 33;
	background: url("men14.gif") 0 0 no-repeat;
	text-decoration: none;
        top: 390;
        left: 20; 
	}
#menuen14 a:hover {	
	background-position: -150px 0;
	}