html, body, h1, h2, h3, img, p, ul {padding: 0; margin: 0; border: 0;}

body {background: #3D756C; padding-top: 20px; text-align: center; font-family: arial, sans-serif; color: #222;}

a {font: normal 14px arial, sans-serif; color: #E77918;  text-decoration: none; }
a:hover {text-decoration: underline; }
h1 {color: #fff;}

img.border { border: 1px solid #777; border-right-color: #fff; border-bottom-color: #fff;}
div#img-border {background: #fff; margin: 10px 0 0 0; float: left; border: 10px solid #eee; clear: left;}

/* Full Width 970px */
#keret {
	position: relative; 
	background: #fff url(../images/background.gif) repeat-y; 
	width: 950px; 
	overflow: hidden; 
	margin: 0 auto;
	text-align: left;
	padding-right: 20px;
	clear: both;
}
#keret2 { background: url(../images/jobb_bg.gif) right bottom no-repeat; width: 100%; height: 100%; overflow: hidden; }

#shadow-corner {position: absolute; top: 0px; right: 10px; background: url(../images/corner_shadow.gif) no-repeat; width: 10px; height: 10px;}

#fejlec {position: relative; background: #FFFFCC url(../images/top_shadow.gif) repeat-x top; width: 100%; height: 90px;}
	#fejlec h1#fejlec-h1 {
		position: absolute; 
		background: #009241 url(../images/fejlec_h1_bg.gif) repeat-x; 
		width: 100%; height: 25px; padding-top: 15px;
		top: 50px; left: 0;
		font: bold 11px arial; color: #fff;
		text-align: right; 	
		}
	#fejlec h1#fejlec-h1 span {padding-right: 10px; word-spacing: -0.1em;}

/* Tartalom elemei */
div#fejlec-csere {position: absolute; top: 59px; left: 0; z-index:50;}
div#fejlec-csere img {width: 380px; height: 200px;}

div.tartalom {float: left; width: 729px; overflow: hidden; position: relative; padding-bottom: 20px;}
	div.tartalom div#fejlec-kep {width: 100%; height: 168px; overflow: hidden; background: url(../images/fejlec_alap.jpg) no-repeat; }

	div.tartalom h1#cim {
		background: url(../images/cim_bg.gif) no-repeat; 
		width: 100%; height: 51px; 
		font: bold 16px arial; 
		line-height: 51px;
		color: #EFF8F3;
		padding-left: 35px;
		} 
		div.tartalom h1#cim a {font: bold 16px arial; color: #EFF8F3;}

	div.padding {position: relative; padding: 0px 40px 20px 35px; overflow: hidden;}
		
	div.tarto {width: 100%; overflow: hidden; clear: both; margin-bottom: 20px;}
	
	div.tartalom h2.cim-szurke-bg,
	div.tartalom h2.cim-sima {
		font: normal 18px arial;   
		text-transform: uppercase; 
		letter-spacing: 0.2em;
		margin: 10px 0px 10px 0;
		position: relative;
		}
	div.tartalom h2.cim-szurke-bg {
		background: #ddd;
		border-bottom: 10px solid #3D756C;
		padding: 5px 10px; 
		margin: 20px 0 20px 0;
		color: #E77918;
		letter-spacing: 0em;
		clear: both;
		}	
	
		div.tartalom h2.cim-szurke-bg img {margin: 0 10px -5px 10px;  *margin: 0 0 -5px 0; *padding: 0 10px;}
		.sp-cim {font: bolder 12px arial; color: #000; padding: auto 0; margin-left: 15px; text-transform: none; color: #444;}
	
	div.tartalom p {font-size: 14px; padding-top: 10px; padding-bottom: 10px; text-align: justify;}

	/* Építő elemek */
	.orange {color: #E77918;}
	.red {color: #ff0000;}
	.txt-bold {font-weight: bold;}
	.clear {clear: both;}
	.txt-align-right {text-align: right;}
	.txt-align-center {text-align: center;}
	.right {float: right;}
	.left {float: left;}
	.hir-padding {padding-left: 240px;}
	.width-sixty {width: 60%;}
	.bbottom {border-bottom: 1px solid #3D756C;}
	.block {display: block;}
	
	#link-bal {position: absolute; top: 10px; left: 80px; width: 100px; height: 12px; color: #000; font-size: 11px;}
	#link-jobb {position: absolute; top: 10px; right: 100px; width: 100px;  text-align: right; height: 12px; color: #000; font-size: 11px;}

	
	/*Katalogus*/
	div.katalogus-tarto {clear: both; overflow: hidden; margin: 0px 70px;}
	table.katalogus {float: left; text-align: right; margin: 10px; }
	table.katalogus a {color: #000;}


	
	/*galéria*/
	table.galeria {margin: 10px auto; width: 96%; clear: both;}
	table.galeria td {padding-bottom: 10px;}

	p.galeria-p {padding: 0 0 0 300px; }


	/*A Mester Válaszol*/
	
	/* <level1> */
	dl.mester {margin-bottom: 10px;}
		dl.mester dt,
		dl.mester dt a {font-weight: bolder; font-size: 16px;}
		dl.mester dd {margin-bottom: 10px; font-size: 14px;}
	
	/* <level2> */
	#kettos-cim,
	#ujtema {		
		background: #ddd;
		border-bottom: 10px solid #3D756C;
		padding: 5px 10px; 
		margin: 20px 0 0 0;
		color: #E77918;
		width: 60%; 
		float: left;
		font: normal 18px arial; 
		text-transform: uppercase;
		}
	#ujtema {text-align: center; float: right; width: 30%; background: #eee;}
	
	table.forum {margin: 20px 0; width: 100%; font: bolder 12px arial;}
	table.forum th {background: #ddd; border-bottom: 10px solid #3D756C; padding: 5px 10px;}
	table.forum td {padding-top: 10px;}
	table.forum a {font-weight: bolder;}
	
	/* <level3> */
	h3.forum-ask,
	h3.forum-answer {background: #3D756C; font: bolder 14px arial; color: #EFF8F3; padding: 5px 10px; margin-top: 20px;}
		h3.forum-answer span {position: absolute; right: 50px;}
		h3.forum-answer span a { color: #EFF8F3; font-weight: bolder;}
	p.forum-p {padding: 20px 10px; background: #eee;}
	p.answer-p {position: relative; background: #ddd; border-bottom: 10px solid #3D756C;}
		 span.date {display: block; text-align: right; margin-top: 10px; font-weight: bold; }
	
	/* Új kérdés */
	form.ujtema-form {width: 100%; background: #ddd; border-bottom: 10px solid #3D756C;}
	form.ujtema-form table {width: 70%; margin: 20px auto; font-weight: bold; font-size: 14px;}
	form.ujtema-form table td {padding-bottom: 5px;}
	form.ujtema-form table textarea {width: 99%; height: 200px;}
	form.ujtema-form table input {width: 250px;}
	form.ujtema-form table input.submit {width: 250px; border: none; background: #fff; border-bottom: 2px solid #3D756C;}
	
	/* ÍRJON NEKÜNK */
	p.irjon-nekunk {padding: 30px 10px 0px 10px !important; clear: both;}
	
/* JOBB OLDALI ELEMEK */	
.jobb {float: left; width: 221px; overflow: hidden; padding-bottom: 380px;}
	.jobb h1#jobb-logo {position: relative; width: 100%; height: 168px; overflow: hidden; font-size: 10px;}
		.jobb h1#jobb-logo span {position: absolute; background: url(../images/logo.gif) no-repeat; top: 0; left: 0; width: 100%; height: 168px;}
	
	.jobb ul {margin: 10px 0 0 5px; list-style: none;}
	.jobb ul li {margin-bottom: 3px;  }
	.jobb ul a, 
	.jobb ul a:visited {
		display: block;
		width: 176px; padding-left: 30px;
		height: 30px;
		background: #009241 url(../images/menu2_item_bg.gif) no-repeat left;
		font: bolder 15px arial;
		color: #EFF8F3; 
		line-height: 30px;
		text-decoration: none;
		overflow: hidden;
		}
	.jobb ul a:hover {background-position: -206px; text-decoration: none; color: #EFF8F3;}

	.jobb ul a:active, 
	.jobb ul a:focus, 
	.jobb ul a#active {background-position: -412px; text-decoration: none; color: #EFF8F3;}

	
	.jobb p	{width: 100%; text-align: center;}
	.jobb p a {color: #222; text-decoration: none; font: bold 12px arial; }
	.jobb p a:hover {text-decoration: underline; color: #222;}

	#lang {position: relative; width: 221px; height: 20px; overflow: hidden; }
	#lang a#en, #lang a#de {position: absolute; display: block; width: 20px; height: 13px; bottom: 0; background: url(../images/flags.gif) no-repeat;}
	#lang a#en {left: 85px;}
	#lang a#de {background-position: -20px 0; left: 110px;}

#lablec {
	position: relative;
	width: 950px; height: 40px; 
	background: #3D756C; 
	margin: 0 auto; 
	padding-right: 20px;
	}
	
	#lablec ul#lablec-ul 	{width: 100%; list-style: none; }
	#lablec ul#lablec-ul li	{display: block; float: left; width: 33%; text-align: left;}
	#lablec ul#lablec-ul li.top {text-align: right; _height: 15px; _padding-top: 4px;}
		#lablec a {font: bold 11px arial; text-decoration: none; color: #fff;}
		#lablec a#top {background: url(../images/top.gif) no-repeat right; padding-right: 10px; }
		

#told {position: absolute; width: 129px; height: 43px; top: 52px; left: 147px; z-index: 50; background: url(../images/toldalek.gif) no-repeat;}

ul#arlista {display: block; margin: 0 auto; list-style: none; text-align: center;} 

	 #pop_content {clear: both; overflow: hidden; padding-top: 0px; font-family: arial; background: #FFFFCC; border: 1px solid #C0C0C0;}
	 #pop_content h1 {color: #fff; font-size: 12px; padding-left: 10px; height: 16px; background: #E77918; text-align: center;}
	 #pop_content img {border:0;}
	 
	 #pop_content p {font-size: 11px; text-align: justify; font-size: 13px;}
	 #pop_content .logo {padding: 10px 20px; text-align: center; float: left;}
	 #pop_content .lyrics {padding: 10px 20px; float: left; text-align: justify; font-size: 13px;}
	 
	 #pop_content .close {clear: both; text-align: right; clear: both; overflow: hidden; *height: 1%; padding: 10px 20px;}
	 #pop_content .close a {font-size: 11px; color: #000;}
 	 #pop_content .close span {float:left; }

	#imprint_page {padding-top: 50px;}
		#imprint_page p,
		#imprint_page h1,
		#imprint_page h2 {padding:0;margin:0;border:0;background:none;}

		#imprint_owner {padding: 0 20px 20px;}
			#imprint_owner h1 {font-size:14px; color:#000;}
			p#owner_logo {padding: 10px 0;}

		.imprint_author {padding: 20px; }
			.imprint_author h2, .imprint_author h2 span {width:100px;height:40px;overflow:hidden;background-image:url(../images/imprint_logo.gif);}
			.imprint_author h2 {position: relative;padding:0 !important;}
			.imprint_author h2 a {}
			.imprint_author h2 span {display:block;position:absolute;top:0;left:0;*cursor:pointer;}

			h2#powerpages_logo, h2#powerpages_logo span {background-position: 0 -40px;}

	.imprint-center {text-align:center !important;}
	.imprint-center p {text-align:center !important;}
	.imprint-center h2 {margin-left: auto !important; margin-right: auto !important;}

