@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/webhatter01.jpg);
	background-repeat: repeat;
}

#banner {
	margin: 0px;
	padding: 0px;
	width: 997px;
	height: 263px;
	background: url(images/webbanner00.jpg);
	position:absolute;
	top: 0px;
	left: 148px;
}


#lap{
	margin: 0px;
	padding: 0px;
	width: 997px;
	height:auto;
	position:relative;
	top: 264px;
	left: 148px;
	}
	
#counter {
	position:absolute;
	left:922px;
	top:869px;
	height: 48px;
}
	
#video {
	width:200px;
	height:200px;
	position:relative;
	left:14px;
	top:18px;
}

#lap .fomenu {
	list-style: none;
	padding: 0;
	margin: 0;
	position:relative;
	width:997px;
	height:100px;
	background-image: url(images/fomenulap00.jpg);
	background-repeat:repeat-y;
}

#lap .fomenu span {
	display: none;
	position:relative
}

#lap .fomenu a {
	display: block;
	position:relative;
	outline: none;
}

#lap .fomenu a:hover span{
	display: block;
}

#lap .fomenu .fooldal {
	width: 130px;
	height: 51px;
	background: url(images/fooldal.gif) no-repeat;
	position:absolute;
	left: 10px;
	top: 10px;
}
#lap .fomenu .fooldal span {
	width: 260px;
	height: 100px;
	background: url(images/keret01.gif) no-repeat;
	left: -7px;
	top: -7px;
}

#lap .fomenu .rolunk {
	width: 130px;
	height: 100px;
	background: url(images/rolunk.gif) no-repeat;
	position:absolute;
	left: 134px;
	top: 10px;
}
#lap .fomenu .rolunk span {
	width: 300px;
	height: 100px;
	background: url(images/keret02.gif) no-repeat;
	left: -5px;
	top: -7px;
}

#lap .fomenu .arhivum {
	width: 130px;
	height: 51px;
	background: url(images/arhivum.gif) no-repeat;
	position:absolute;
	left: 256px;
	top: 10px;
}
#lap .fomenu .arhivum span {
	width: 260px;
	height: 100px;
	background: url(images/keret03.gif) no-repeat;
	left: -5px;
	top: -7px;
}

#lap .aktual {
	padding-bottom:40px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin:0;
	list-style:none;
	width:516px;
	background-image:url(images/ballap00.jpg);
	background-repeat:repeat-y;
	position: absolute;
	left: 5px;
	top:102px;
}

#lap .aktual .cim{
	margin:0;
	width:340px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	text-align:center;
	font-size:18px;
	font-stretch:expanded;
	left:80px;
	top:10px;
}

#lap .aktual .szoveg{
	margin:0;
	width:382px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	text-indent:20px;
	position:relative;
	font-size:11px;
	font-stretch:extra-expanded;
	left: 60px;
	top:10px;
	right:10px;
}

#lap .aktual1 {
	padding: 0;
	margin: 0;
	list-style:none;
	width:540px;
	position: absolute;
	left: 141px;
	top:345px;
}

#lap .aktual1 .cim{
	margin:0;
	width:400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	font-size:20px;
	left:80px;
	top:10px;
}

#lap .aktual1 .szoveg{
	margin:0;
	width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:20px;
	position:relative;
	font-size:12px;
	left: 20px;
	top:0px;
}

#lap .almenu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 261px;
	height: 291px;
	background: url(images/lapocska00.jpg) no-repeat;
	position: absolute;
	left: 510px;
	top: 0px;
}
#lap .almenu span {
	display: none;
	position: absolute;
}
#lap .almenu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#lap .almenu a:hover {
	background-position: left bottom;
}
#lap .almenu a:hover span{
	display: block;
}
#lap .almenu .palyazatok {
	width: 180px;
	height: 72px;
	background: url(images/palyazatok.gif) no-repeat;
	left: 38px;
	top: 36px;
}

#lap .almenu .allas {
	width: 180px;
	height: 72px;
	background: url(images/allas.gif) no-repeat;
	left: 38px;
	top: 85px;
}

#lap .almenu .szallas {
	width: 180px;
	height: 72px;
	background: url(images/szallas.gif) no-repeat;
	left: 34px;
	top: 124px;
}

#lap .almenu .hirek {
	width: 180px;
	height: 72px;
	background: url(images/hirek.gif) no-repeat;
	left: 39px;
	top: 166px;
}

#lap .almenu .tagsag {
	width: 180px;
	height: 72px;
	background: url(images/tagsag.gif) no-repeat;
	left: 37px;
	top: 194px;
}

#lap .fenykep {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 231px;
	height: 291px;
	background: url(images/fenykep00.jpg) no-repeat;
	position: absolute;
	left: 766px;
	top: 0px;
}

#lap .fenykep span {
	display: block;
	position: absolute;
	width:189px;
	height:182px;
	background:url(images/elso.jpg) no-repeat;
	position:absolute;
	left:21px;
	top: 30px;
}
#lap .fenykep a {
	display: block;
	position: absolute;
	outline: none;
}

#lap .fenykep .fotok {
	width: 150px;
	height: 40px;
	background: url(images/galeria.gif) no-repeat;
	left: 40px;
	top: 230px;
}

#lap .tagcloud {
	margin: 0;
	padding: 0 0 10px;
	background-image:url(images/tagcloud00.jpg);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 481px;
	left: 516px;
	top: 291px;
	position:absolute;
	height: 245px;
}
#lap .tagcloud a {
	margin: 0 5px;
	line-height: 135%;
	white-space: nowrap;
	text-transform: capitalize;
	text-decoration: none;
	color:#336600;
}

#lap .tagcloud a:hover{
	text-decoration:underline;
}

#lap .adatok {
	list-style: none;
	padding: 0;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width: 481px;
	height:800px;
	background-image:url(images/adatlap00.jpg);
	background-repeat:repeat-y;
	left: 516px;
	top: 535px;
	bottom:20px;
	position:absolute;
}

#lap .adatok a {
	display: block;
	position:absolute;
	outline: none;
	text-decoration:none;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
}

#lap .adatok .kont span{
	position:absolute;
	width:500px;
	left:22px;
	top:29px;
	font-size:12px;
	height: 141px;
}

#lap .adatok .prog span{
	position:absolute;
	width:500px;
	left:6px;
	top:5px;
	height: 161px;
}

#lap .adatok .ad span{
	position:absolute;
	width:500px;
	left:1px;
	top:43px;
	height: 113px;
}
	

#lap .adatok  .kont{
	width: 149px;
	height: 40px;
	background: url(images/kontakt.gif) no-repeat;
	position:absolute;
	left: 18px;
	top: 25px;
}

#lap .adatok .prog {
	width: 150px;
	height: 40px;
	background: url(images/program.gif) no-repeat;
	position:absolute;
	left: 6px;
	top: 138px;
}

#lap .adatok .ad {
	width: 150px;
	height: 39px;
	background: url(images/ado.gif) no-repeat;
	position:absolute;
	left: 9px;
	top: 241px;
}
#lap .adatok a:hover span{
	font-size:13px;
	color:#000000;
	left:-16px;
	font-weight:bold;	
}
	

#lap .oldalmenu {
	/*padding: 0;
	margin: 0;
	list-style:none;
	width:460px;
	position: absolute;
	left: 450px;
	top:127px;*/
	
	list-style: none;
	padding: 0;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width: 481px;
	height:800px;
	background-image:url(images/adatlap00.jpg);
	background-repeat:repeat-y;
	left: 516px;
	top: 0px;
	bottom:20px;
	position:absolute;
}

#lap .oldalmenu a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#lap .oldalmenu .palyazat1{
	position:relative;
	left:60px;
	top: 30px;
	width: 350px;
}

#lap .oldalmenu .palyazat2{
	position:relative;
	left:80px;
	top:-30px;
}

#lap .oldalmenu .palyazat {
	width: 180px;
	height: 72px;
	background: url(images/palyazatok.gif) no-repeat;
	position:relative;
	left: 120px;
	top: 10px;
}

#lap .oldalmenu .allas {
	width: 180px;
	height: 72px;
	background: url(images/allas.gif) no-repeat;
	position:relative;
	left: 120px;
	top: -75px;
}

#lap .oldalmenu .szallas {
	width: 180px;
	height: 72px;
	background: url(images/szallas.gif) no-repeat;
	position:relative;
	left: 120px;
	top: -75px;
}

#lap .oldalmenu .hirek {
	width: 180px;
	height: 72px;
	background: url(images/hirek.gif) no-repeat;
	position:relative;
	left: 120px;
	top: -75px;
}

#lap .oldalmenu .tagsag {
	width: 180px;
	height: 72px;
	background: url(images/tagsag.gif) no-repeat;
	position:relative;
	left: 120px;
	top: -75px;
}

#albumok {
	list-style: none;
	padding: 0;
	margin: 0;
}

#albumok span {
	display: none;
	position: absolute;
}

#albumok a {
	display: block;
	position: absolute;
	outline: none;
}

#albumok a:hover span{
	display: block;
}

#albumok .album06 {
	width: 150px;
	height: 50px;
	background: url(images/2006.gif) no-repeat;
	left: 676px;
	top: 246px;
}
#albumok .album06 span {
	width: 150px;
	height: 50px;
	background: url(images/albumkeret.gif) no-repeat;
	left: 5px;
	top: 0px;
}

#albumok .album07 {
	width: 150px;
	height: 50px;
	background: url(images/2007.gif) no-repeat;
	left: 677px;
	top: 282px;
}
#albumok .album07 span {
	width: 150px;
	height: 50px;
	background: url(images/albumkeret.gif) no-repeat;
	left: 5px;
	top: 0px;
}

#albumok .album08 {
	width: 150px;
	height: 50px;
	background: url(images/2008.gif) no-repeat;
	left: 678px;
	top: 315px;
}
#albumok .album08 span {
	width: 150px;
	height: 50px;
	background: url(images/albumkeret.gif) no-repeat;
	left: 5px;
	top: 0px;
}


#galeria {
  padding:0; 
  margin:0; 
  list-style-type:none; 
  overflow:hidden; 
  width:320px; 
  height:425px; 
  border:1px solid #888; 
  background:#fff url(windows/win_back.gif);
  position:absolute;
  left:200px;
  top:400px;
  }
#galeria li {
  float:left;
  }
#galeria li a {
  display:block; 
  height:30px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#galeria li a img {
  width:320px; 
  height:30px; 
  border:0;
  }
#galeria li a:hover {
  background:#eee; 
  height:239px;
  }
#galeria li a:hover img {
  height:239px;
  } 
  
#level {
	background:url(Mikulasra/level.jpg);
	position:absolute;
	left:600px;
	top:100px;
	width:380px;
	height:707px;
}

#level .ajandek {
position:relative;
 left:180px;
 top:41px;
 height: 27px;
 width: 148px;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
}

#level .email {
 position:relative;
 left:-13px;
 top:80px;
 height: 27px;
 width: 190px;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 }
 
 #level .cimzett
 {
 position:relative;
 height:26px;
 width:154px;
 left:165px;
 top:309px;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 }
  
  #level .cim
 {
 position:relative;
 left:-23px;
 top:346px;
 height: 29px;
 width: 184px;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 }
 
 #level .uzenet
 {
 position:relative;
 left:150px;
 top:358px;
 height: 60px;
 width: 167px;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 }

 #level .gomb {
 
background: url(Mikulasra/posta.png);
	position:relative;
	left:-69px;
	top:422px;
	width:103px;
	height:28px;
}