/* CSS Document */

div{
	padding:0;
	margin:0;
	}
p{
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	}
img{
	padding:0;
	margin:0;
}
body {
    margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background: transparent url(images/headerBg.jpg) top center repeat-x;
	width:100%;
}
.container{
	width:990px;
	display:table;
	text-align:center;
}
#header{
	width:990px;
	height:237px;
	background:url(images/header.jpg) top center no-repeat;
	padding:0;
	margin:0;
	}
#link{
	width:990px;
	height:135px;
}

.menu {width:970px;  padding:55px 0 5px 20px; position:relative; z-index:100; text-align:left;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:971px; w\idth:970px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;margin-top:5px;font-size:14px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li.fo {float:left;position:relative;}
.menu li.al {float:left;width:135px;position:relative;border-top:1px solid #CCC1A1;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:15px;text-decoration:none; color:#4d7332; padding:5px 8px;line-height:29px; font-weight:bold; text-transform:uppercase; font-family:helvetica;}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:120px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:white; color:#4d7332; height:auto; line-height:1em; padding:5px 10px; width:116px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:120px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:white;}
.menu :hover > a, .menu ul ul :hover > a {background:white;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


#page{
	margin:0;
	padding:0;
	padding-top:10px;
}
table{
	margin:0;
	padding:0;
}
#left{
	width:620px;
	float:left;
}
#bottomLeft{
	width:620px;
	float:left;
	margin-top:30px;
}
.blogTarto{
	width:300px;
	float:left;
}
.blogom{
	width:264px;
	background: #eaecde;
	border-left: 10px solid #e2e3c6;
	border-right: 10px solid #e2e3c6;
	border-bottom: 10px solid #e2e3c6;
	float:left;
	padding:15px 8px;
	text-align:left;
}
#blogFejlec{
	width:300px;
	height:44px;
}

#blogFejlec a{
	display:block;
	width:300px;
	height:44px;
	background: #eaecde url(images/blog.jpg) top center no-repeat;
}
#blogFejlec a:hover{
	background: #eaecde url(images/blog_RO.jpg) top center no-repeat;
}
#esemenyFejlec{
	display:block;
	width:300px;
	height:44px;
	background: #eaecde url(images/evenimente.jpg) top center no-repeat;
}
#esemenyFejlec:hover{
	display:block;
	width:300px;
	height:44px;
	background: #eaecde url(images/evenimente_RO.jpg) top center no-repeat;
}
.esemenyDatum{
	background:#a6a77c;
	width:55px;
	height:45px;
	text-align:center;
	padding-bottom:5px;
	float:left;
	margin-right:10px;
	
}
#kozossegiFejlec{
	width:300px;
	height:44px;
}
#right{
	width:317px;
	float:left;
	padding-left:10px;
}
#getInvolved{
	height:249px; /*334*/
	padding:80px 40px 5px 20px;
	width:257px;
	background:url(images/getInvolved.jpg) top center no-repeat;
	margin-bottom:30px;
}
.GIkicsi{
	width:100%;
	height:200px;
}
#GItabek{
	width:100%;
	height:43px;
	padding-top:2px;
}
#GItabek a{
	padding-right:2px;
}
.demotip {
	display:none; 
    font-size:9px; 
    height:51px; 
    width:121px; 
    padding:40px 25px 25px;
    color:#fff; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/balRO3.png'); 
	float:left;
	text-align:left;
}
.demotip[class] {
   background:transparent url(images/balRO3.png) no-repeat; 
}

.demo{
	padding:25px 0 25px 55px;
	float:left;
}
.demoBelso{
	float:left;
}

#demo img {
	border:0;
	cursor:pointer;
	margin:0  0 0 5px;
}
.lista{
	font-size:13px;
	color:#70340c;
}
.Hhiba{
	float:left;
	font-size:13px;
	color:#FF0000;
	font-weight:bold;
	padding-bottom:10px;
	width:500px;
}

#footer{
	text-align:center;
	margin-top:30px;
	display:table;
	width:100%;
	height:40px;
	padding-top:40px;
	padding-bottom:40px;
	background: #535439;
	color:white;
	font-size:14px;
}
a.footer{
	color:white;
	text-align:left;
	font-size:14px;
}
.elment{
	background:transparent url(images/elment.jpg) no-repeat scroll center top;
	border:0 none;
	cursor:pointer;
	height:38px;
	margin:0;
	padding:0;
	width:76px;
}
.vissza{
	background:transparent url(images/vissza.jpg) no-repeat scroll center top;
	border:0 none;
	cursor:pointer;
	height:38px;
	margin:0;
	padding:0;
	width:66px;
}
.spam{
	position:relative;
	top:5px;	
}

span.bajvan{
	color:#ff0000;
}

*p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			border: 10px solid #e2e3c6;
			height:314px; /*303*/
		}
		
		#slideCsere{
			width:600px;
			height:43px;
			float:left;
			text-align:left;
		}
		
		.csere{
			display:block;
			float:left;
			width:300px;
		}
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 250px; background: #fff; overflow: hidden}
		.csw .loading {margin: 200px 0 308px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			 /* this is the border. should have the same value for the links */
			margin: auto;
			width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 271px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			border:5px solid #eaecde;
			height:262px;
			text-align:left;
		}
		.stripViewer .panelContainer .panel .wrapper div.onTop { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			position:absolute;
			bottom:4px;
			width:400px;
			z-index:2;
			font-size:12px;
			
		}
		a.slideCim{
			color:white;
			background-color:#ff0000;
			display:block;
			padding:5px 0 5px 5px;
			font-size:19px;
			font-weight:bold;
			width:255px;
		}
		a.slideTartalom{
			color:#003300;
		 	background-color:white;
			display:block;
			padding:5px 0 5px 5px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			display:none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
					
		.stripNavL, .stripNavR{ /* The left and right arrows */
			position: absolute;
			top: 238px;
			text-indent: -9000em;
		}
		
		/*.stripNavR {
			right: 30px;
			z-index:1;
		}*/
		
		.stripNavL {
			left:478px;
			z-index:1;
		}
		.stripNavM {
			position: absolute;
			top: 238px;
			right:58px;
			display: block;
			height: 26px;
			width: 36px;
			background-color:white;
			color:#ff0000;
			font-size:13pt;
			font-weight:bold;
			z-index:10;
			padding-top:3px;
			text-align:center;
		}
		.stripNavR {
			position: absolute;
			top: 238px;
			right:30px;
			display: block;
			height: 26px;
			width: 29px;
			background-color:white;
			color:#ff0000;
			font-size:13pt;
			background:transparent url(images/right.jpg) no-repeat left top;
			padding-top:3px;
			text-align:center;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 29px; 
		}
		.stripNavL a{
			background:transparent url(images/left.jpg) no-repeat left top;
			width: 65px; /*29+36*/
		}
		.stripNavL a:hover{
			background:url(images/leftRO.jpg) no-repeat left top;
		}
		
		 .stripNavR:hover{
			background:url(images/rightRO.jpg) no-repeat center top;
			padding-bottom:5px;
		}
		
		.onTop{
		z-index:1;
		}
.hide{
	display:none;
}		
.hidden{
	visibility:hidden;
}
.visible { display: block; }
a.blogCim{
	font-size:15px;
	font-weight:bold;
	color:#514f40;
}
p.blogDatum{
	font-size:15px;
	color:#514f40;
	padding-bottom:10px;
}
.blogSzoveg, .blogSzoveg p, .blogSzoveg div {
	font-size:13px;
	color:#514f40;
	font-style:italic;
}
.blogLink {
	font-size:13px;
	color:#514f40;
}
.blogLink:hover{
	font-weight:bold;
}
#belso{
	border: 10px solid #e2e3c6;
	width:600px;
	background:#eaecde;
	display:table;
	text-align:left;
	font-size:13px;
	float:left;
}
#belsoFejlec p{
	padding-top:10px;
}
#belsoFejlec{
	float:left;
	width:590px;
	height:40px;
	background:#a6a77c;
	color:white;
	font-size:13pt;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:5px;
}
#belsoFejlec a{
	color:white;
}
#cimkeFelho{
	width:444px;
	height:23px;
	background:url(images/cimkeBg.jpg);
	padding:10px;
	font-size:13pt;
	color:white;
	float:left;
}
.cimke{
	display:block;
	width:100px;
	height:21px;
	background:url(images/1cimkeBg.jpg) top center no-repeat;
	font-size:13pt;
	color:white;
	text-align:center;
	margin-bottom:10px;
	line-height:1;
}

#cimkeFelho a{
	color:white;
}
.aktualis{
	padding:25px 20px 0;
	padding-bottom:30px;
	width:560px;
	float:left;
	text-align:left;
}
.border{
	background:url(images/aktualisLine.jpg) bottom center no-repeat;
}
.aktualisKep{
	width:110px;
	float:left;
}
.aktualisKep img, .b{
	border: 5px solid #a6a77c;
	float:left;
}
.aktualisSzoveg{
	width:430px;
	margin-left:10px;
	float:left;
	text-align:left;
}
.aktualisSzoveg .tovabb{
	float:right;
	margin-top:10px;
	display:block;
	width:70px;
	height:22px;
	background:url(images/tovabb.jpg) center top no-repeat;
}
.aktualisSzoveg .tovabb:hover{
	background:url(images/tovabb_RO.jpg) center top no-repeat;
}
.aktualisFelvezeto{
	font-size:13px;
	color:#40402e;
}
.aktualisCim{
	color:#4d7332;
	font-weight:bold;
	font-size:16px;
}
.aktualisDatum{
	color:#4d7332;
	font-style:italic;
	font-size:15px;
	margin-bottom:10px;
}
div.duma{
	margin:60px 10px;
}
div.duma p{
	font-size:16px;
	color:#514F40;
}

.back{
	display:block;
	width:29px;
	height:29px;
	background:url(images/left.jpg) no-repeat center top;
	float:left;
		}
.back:hover{
			background:url(images/leftRO.jpg) no-repeat center top;
		}
		
.next{
	display:block;
	width:29px;
	height:29px;
	background:url(images/right.jpg) no-repeat center top;
	float:left;
		}
.next:hover{
			background:url(images/rightRO.jpg) no-repeat center top;
		}
div.lapozas{
	width:110px;
	float:right;
	color:#ff0000;
	font-size:13pt;
	margin:20px 15px;
	font-weight:bold;
}

.tabBelso{
	border: 5px solid rgb(166, 167, 124); 
	margin: 0px 10px; 
	padding: 5px; 
	width: 560px;
	background-color:white;
}
.tabAlso{
	margin: 0px 10px; 
	padding: 5px; 
	width: 570px;
}
.tabCim{
	color:#393928;
	font-size:12px;
}
.tabDatum{
	font-size:11px;
	padding:0 20px 0 5px;
}
.tabKep{
	display:block;
	width:150px;
	height:110px;
	border:5px solid #a6a77c;
}
.tabKep:hover{
	border:5px solid #ff0000;
}
.tabKep2{
	display:block;
	width:100px;
	height:67px;
	border:5px solid #a6a77c;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	*margin-left:10px;
}
*html .tabKep2{
	margin-left:10px;
}
.tabKep2:hover{
	border:5px solid #ff0000;
}
.player{
	display:block;
	padding-left:2px;
}
div.MKGKisK{
	padding-left:30px;
	padding-top:20px;
	text-align:center;
}
div.MKGKisK p{
	float:left;width:117px;
	height:116px;
	background-image:url(images/kiskepbg.jpg);
	margin-right:10px;
	margin-bottom:15px;
	color:#002F3E;
	}
.kockacukor{
	padding-top:5px;
	width:100%;
	text-align:center;
}
.esemenyDate{
	width:100px;
	height:110px;
	background-color:#a6a77c;
	padding:5px;
	text-align:center;
}

.esemenyDate .felso{
	color:#.esemenyDatum;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	height:35px;
	padding-top:15px;
}
p.also{
	background-color:#4e7433;
	color:white;
	font-weight:bold;
	font-size:30px;
	height:45px;
	padding-top:15px;
	
}
div.harompersor{
	margin:0;
	width:580px;
	padding:20px 0;
	display:table;
	text-align:left;
}
div.harompersor div{
	text-align:left;
}
.left{
	width:205px;margin-right:0;float:left;padding-top:20px;
}
.center{
	width:205px;margin-right:0;float:left;padding-top:20px;
}
.right{
	width:150px;margin-right:0;float:left;padding-top:20px;
}
.balMargo{
	margin-left:20px;
}
* html .balMargo{
	margin-left:16px;
}
.rss{
	display:block;
	float:right;
	position:relative;
	bottom:27px;
}
#komment{
	background-color:white;
	float:left;
	padding:20px 0 0 15px;
	width:585px;
}
p.kommentFelett{
	margin-right:40px;
	font-size:14px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.szint1{
	width:560px;
	margin-top:30px;
}
.szint2{
	background:url(images/reply-nyil.jpg) top left no-repeat;
	width:510px;
	margin:2px 0 0 20px;
	padding:25px 0 0 30px;
}
.szint3{
	background:url(images/reply-nyil.jpg) top left no-repeat;
	width:460px;
	margin:8px 0 0 70px;
	padding:25px 0 0 30px;
}
.KHreply{
	background: #b8b488 url(images/reply-bg.jpg) top repeat-x;
	padding:12px 0 0;
	color:#74412f;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
.reply{
	background: #E3E3D9 url(images/reply-bg.jpg) top repeat-x;
	padding:12px 0 0;
	color:#74412f;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
.reply span, .KHreply span{
	color:#313021;
	text-transform:none;
	font-weight:normal;
}
.reply p, .KHreply p{
	color:#47420e;
	text-transform:none;
	font-weight:normal;
	font-style:italic;
	font-size:12px;
	margin:25px 20px 0 15px;
	padding-bottom:15px;
}
.replyA{
	color:#74412f;
}
.replyA:hover{
	color:#313021;
	text-decoration:none;
}
.replyDiv{
	background-color: #C1BDA0;
	margin-top:10px;
	padding:15px 0 5px 30px;
}
.formos{
	width:530px;
}
.teHogyan{
	background: #C1BDA0 url(images/tehogyan.jpg) top left no-repeat;
	padding:70px 0 5px 30px;
	margin:40px 0;
}
.formos p{
	color:#74412f;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.formos td{
	color:#323021;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #8A876F;
}
.formos td.noBorder{
	border:none;
}
.formos td.vonal{
	background:url(images/uzenet-bottom.jpg) bottom center no-repeat;
}
*html textarea{
	overflow:hidden;
}
.formos .mezo, .formos textarea{
	width:425px;
	background:#C0BD9E;
	border:none;
	color:#74412f;
	font-size:15px;
	font-style:italic;
}

.HGomb{
	background: url(images/elkuldomRO.jpg) no-repeat center top;
	width: 85px;
  	height: 35px;
  	margin: 0;
  	padding: 0;
  	border: 0;
   	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}
.HGomb2{
	background: url(images/elkuldomRO.jpg) no-repeat center top;
	width: 85px;
  	height: 35px;
  	margin: 0;
  	padding: 0;
  	border: 0;
   	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}
.kamp td{
	padding:25px 0;
	font-size:12px;
}
.kamp textarea{
	border:none;
	background-color:#EAECDE;
	font-size:12px;
}