/* Global
------------------------------------------------------------------*/
html, body, div, h1, h2, h3, ul, li, p{
	margin:0;
	padding:0;
}
#bodyNyito, #bodySzolg, #bodyTelep, #bodyLovak, #bodyEler{
	font-family: Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#333;
	background-color:#2f2621;
}
#contentWrapper{
	position:relative;
	width:790px;
	height:auto;
	margin:0px auto;
	background:transparent url(../pix/content_bg.jpg) repeat-y 0 0;
}
h1, h2{
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
	text-indent:-9000px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
p{
	line-height:150%;
}

/* Header
------------------------------------------------------------------*/
#mainHeader{
	position:relative;
	width:790px;
	height:160px;
	display:block;
	background:transparent url(../pix/header.jpg) no-repeat 0 0;
}

/* Main navigation
------------------------------------------------------------------*/
ul#nav {
	position:relative;
	width:790px;
	height:28px;
	/*overflow: hidden;*/
	background:transparent url(../pix/menu.jpg) no-repeat 0 0;
}
	ul#nav li {
		display:block;
		float:left;
		text-indent:-9999px;
		}
	ul#nav li a {
		border:0;
		display:block;
		text-decoration:none;
		background:transparent url(../pix/menu.jpg) no-repeat;
		}
	li#nyito a {
		width:142px;
		height:28px;
		 }
	li#szolg a {
		width:148px;
		height:28px;
		 }
	li#telep a {
		width:208px;
		height:28px;
		 }	 
	li#lovak a {
		width:89px;
		height:28px;
		 }
	li#eler a {
		width:141px;
		height:28px;
		 }
	li#nyito a:hover, li#nyito a:focus {
		background-position:0px -28px;
		outline:none;
		 }
	li#szolg a:link, li#szolg a:visited {	
		background-position:-142px 0px;
		}
	li#szolg a:hover, li#szolg a:focus {	
		background-position:-142px -28px;
		outline:none;
		}
	li#telep a:link, li#telep a:visited {	
		background-position: -290px 0px;
		}
	li#telep a:hover, li#telep a:focus {	
		background-position: -290px -28px;
		outline:none;
		}
	li#lovak a:link, li#lovak a:visited {	
		background-position: -498px 0px;
		}
	li#lovak a:hover, li#lovak a:focus {	
		background-position: -498px -28px;
		outline:none;
		}
	li#eler a:link, li#eler a:visited {	
		background-position: -587px 0px;
		}
	li#eler a:hover, li#eler a:focus {	
		background-position: -587px -28px;
		outline:none;
		}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#bodyNyito ul#nav li#nyito a {
	background-position:0px -28px;
	}
body#bodySzolg ul#nav li#szolg a {
	background-position:-142px -28px;
	}
body#bodyTelep ul#nav li#telep a {
	background-position:-290px -28px;
	}
body#bodyLovak ul#nav li#lovak a {
	background-position:-498px -28px;
	}
body#bodyEler ul#nav li#eler a {
	background-position:-587px -28px;
	}

/* Content body
------------------------------------------------------------------*/
#leadTop{
	position:relative;
	display:block;
	width:790px;
	height:20px;
	background:transparent url(../pix/lead_top.jpg) repeat-y 0 0;
}
#contentLead{
	position:relative;
	width:740px;
	height:auto;
	padding:0px 25px 15px 25px;
	background:transparent url(../pix/lead_bg.jpg) repeat-y 0 0;
}
	#contentLead p {
		font-weight:bold;
	}
	
	h1#headerUdv{
		background:transparent url(../pix/h1_nyito.jpg) no-repeat 0 0;
		width:497px;
		height:39px;
	}
	h1#headerSzolg{
		background:transparent url(../pix/h1_szolg.jpg) no-repeat 0 0;
		width:497px;
		height:39px;
	}
	h1#headerTelep{
		background:transparent url(../pix/h1_telephely.jpg) no-repeat 0 0;
		width:497px;
		height:39px;
	}
	h1#headerLovaink{
		background:transparent url(../pix/h1_lovaink.jpg) no-repeat 0 0;
		width:497px;
		height:39px;
	}
	h1#headerEler{
		background:transparent url(../pix/h1_eler.jpg) no-repeat 0 0;
		width:497px;
		height:39px;
	}

#contentMain {
	position:relative;
	width:740px;
	height:auto;
	padding:15px 25px 0px 25px;
	background:transparent url(../pix/content_top.jpg) no-repeat 0 0;
}
	#contentMain p, #contentLead p{
		margin: 0px 0px 10px 0px;
	}
	
	
	#contentMain a, #contentLead a{
		color:#911c0b;
		text-decoration:none;
	}
	#contentMain a:hover, #contentLead a:hover{
		color:#333;
		text-decoration:underline;
	}
	#contentMain ul{
		left:0;
		margin:5px 0 10px 20px;
		padding:1px 0 0 0;
		line-height:140%;
	}
	
	#indexCols1, #indexCols2{
		margin-bottom:10px;
	}
		#colHobbi, #colSport, #colBer, ul#listHobbi, ul#listSport, ul#listBer{
			position:relative;
			width:230px;
			height:auto;
			float:left;
		}
		#colSport, #colBer{
			margin-left:15px;
		}
		h2#headerHobbi, h2#headerSport, h2#headerBer{
			width:230px;
			height:32px;
		}
		h2#headerHobbi{
			background:transparent url(../pix/h2_hobbi.jpg) no-repeat 0 0;
		}
		h2#headerSport{
			background:transparent url(../pix/h2_oktatas.jpg) no-repeat 0 0;
		}
		h2#headerBer{
			background:transparent url(../pix/h2_bertartas.jpg) no-repeat 0 0;
		}
		

		.loHolder{
			display:block;
			position:relative;
			width:670px;
			height:auto;
			margin-bottom:20px;
		}
		.loImgHolder{
			width:324px;
			float:left;
		}
		.loHolder p{
		}
				
		
		h3.simple {
			color:#911c0b;
			font-weight:bold;
			font-size:1.3em;
			line-height:normal;
			margin:0px 0px 10px 0px;
			}


/*   */
	ul#listHobbi, ul#listSport, ul#listBer{
		left:0;
		margin:5px 0 0 10px;
		padding:1px 0 0 0;
		background:transparent url(../pix/ul_back.jpg) repeat-x 0 0;
	}
		ul#listHobbi li, ul#listSport li, ul#listBer li{
			padding:0 0 1px 0;
			margin:0;
			display:block;
			background:#d5c4a6 url(../pix/ul_back.jpg) repeat-x bottom left;
		}
		ul#listHobbi li a, ul#listSport li a, ul#listBer li a{
			width:205px;
			height:auto;
			border:0;
			display:block;
			text-decoration:none;
			padding:10px 0 10px 25px;
			font-weight:bold;
			color:#b95b11;
		}
		
		ul#listHobbi li a:link, ul#listHobbi li a:visited{	
			background:#d5c4a6 url(../pix/clove.gif) no-repeat 5px 10px;
		}
		ul#listSport li a:link, ul#listSport li a:visited{	
			background:#d5c4a6 url(../pix/hat.gif) no-repeat 5px 10px;
		}
		ul#listBer li a:link, ul#listBer li a:visited {	
			background:#d5c4a6 url(../pix/horseshoe.gif) no-repeat 5px 10px;
		}
		
		
		ul#listHobbi li a:hover, ul#listHobbi li a:focus{	
			background:#c9b793 url(../pix/clove.gif) no-repeat 5px 10px;
			color:#911c0b;
		}
		ul#listSport li a:hover, ul#listSport li a:focus{	
			background:#c9b793 url(../pix/hat.gif) no-repeat 5px 10px;
			color:#911c0b;
		}
		ul#listBer li a:hover, ul#listBer li a:focus {	
			background:#c9b793 url(../pix/horseshoe.gif) no-repeat 5px 10px;
			color:#911c0b;
		}
		
		
		img{
			border:1px solid #978e74;
			background-color:#e7dfd0;
			margin: 0px 5px 5px 5px;
			padding:6px;
		}
		
		

/* Contact Us
------------------------------------------------------------------*/
	#formHolder{
		margin:20px 0 40px 0;
	}
	#formHolder em{
		color:#ff0000;
		font-style:normal;
		font-weight:bold;
	}
	.contactHolder{
		width:220px;
		float:left;
		margin:10px 0 0 10px;
	}
	.contactHolder a{
		color:#0383ff;
		text-decoration:underline;
	}
	.contactHolder a:hover{
		color:#2f6aa1;
		text-decoration:underline;
	}

/* Form
------------------------------------------------------------------*/
	form{
		margin:0;
		padding:0;
	}
	form input {}
	form input.submit {}
	form textarea { overflow: auto; } 
	
	form fieldset {
		clear: left;
		margin: 10px 0;
		padding: 0px 10px;
		border: 0 solid;
	}
			
		form fieldset div.field {
			clear: left;
			min-height: 1.5em; 
/*			margin: 5px 0; */
			padding: 5px 0;
		}
			form fieldset div.field label {
				float: left;
				width: 120px;
				margin-right: 5px;
				padding-right: 15px;
				font-weight: bold;
				text-align: right;
				line-height: 1.5em;
			}
			form fieldset div.field input,
			form fieldset div.field span.value {
				float: left;
				width: 196px;
			}
			form fieldset div.field input#state,
			form fieldset div.field input#postcode {
				width: 60px;
			}
			form fieldset div.field #captcha {
				margin-left: 140px;
			}
			form fieldset div.field span.value {
				line-height: 1.5em;
			}
			form fieldset div.field input.submit { width: auto; }
			form fieldset div.field input.reset { width: auto; }

			form fieldset div.field textarea {
				float: left;
				width: 196px;
			}
			form fieldset div.field #submitButton { 
				width: auto; 
				margin-left: 140px;
			}
			form fieldset div.field.required label {
				background: url(../pix/bullet_redstar.gif) right no-repeat;
			}
			.thankYou{
				font-weight:bold;
				color:#0383ff;
			}
			.error{
				color:#ff0000;
				font-weight:bold;
			}


/* Footer
------------------------------------------------------------------*/
#footerFirst{
	display:block;
	position:relative;
	width:790px;
	height:51px;
	text-align:center;
	font-size:1em;
	background:transparent url(../pix/footer_bg.jpg) no-repeat 0 0;
}
	#footerFirst ul{
		padding:20px 0px 0px 0px;
		margin:0px;
		list-style-type:none;
		background:transparent;
	}
	#footerFirst li {
		display:inline;
		padding:0px 5px 0px 5px;
		margin:0px;
		border-right:1px solid #fff;
	}
	
	#footerFirst li a{
		color:#333;
		text-decoration:none;
		font-weight:normal;
	}
	#footerFirst li a:hover{
		color:#911c0b;
		text-decoration:underline;
	}
	#footerFirst li.last{border:0px}

#footerLast{
	position:relative;
	width:790px;
	background:#2f2621;
}
	#copyrightInfo {
		font-size:1em;
		width:400px;
		float:left;
		text-align:left;
		color:#fff;
		padding:4px 0px 10px 0px;
		background:transparent;
	}
	#copyrightInfo .separator2{
		color : #de6512;
	}
	
	/* Liquid Media link */
	#liquidMedia, #liquidLink{
		display:block;
		height:16px;
		width:182px;
	}
	#liquidMedia{
		float:right;
		right:0px;
		top:3px;
		position:relative;
		background:transparent url(../pix/liquid_logo.gif) no-repeat 0 0;
	}
	#liquidLink{
		font-size:1px;
		line-height:1px;
		text-indent:-9000px;
		overflow:hidden;
		text-decoration:none;
		outline:none;
	}

/* Misc
------------------------------------------------------------------*/
.clearB{
	clear:both;
	height:0;
	margin:0; /* I think this is unnecessary */
	font-size:1px; /* helps WinIE with B1 and B2 */
	line-height:0px; /* helps WinIE5 */
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}

/*

#ceeLite, #ceeLiteLink{
	display:block;
	height:86px;
	width:210px;
}
*/