html,body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
	body { 
		text-align:center;
		min-width:914px;
		background:#8EA6BB;
		overflow:hidden;
	}

* {
	font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:13px;
	text-align:left;
	color:black;
}

p {	
	text-align:justify;
}
	p.footer a { font-weight:bold; }

a.main {
	text-decoration:none;
	color:#000000;
	font-size:15px;
}

a {
	text-decoration:none;
	color: #003366;
}
a:hover { text-decoration:none; }
a img { border:0; }

	a[rel="external"]:after {
		content:"\2197";
		font-weight:normal;
		color:white;
		margin-left:2px;
	}
	
	a[hreflang]:not([rel]):after {
		content:" " attr(hreflang);
		font-size:9px;
		color:white;
	}

h1, h2 {
	font-size:13px;
	font-weight:bold;
}

h3 {
	font-size:14px;
	color:#000000;
	font-weight:bold;
}
	h3 span {
		font-size:10px;
		font-weight:normal;
		color:#000000;
	}
	
h1, hr, .skip { 
	display:none; 
}

abbr {
	border-bottom:1px dotted white;
}

blockquote {
	padding:0 5px;
	margin:0 25px 1em;
	border-left:2px solid #cbc8a0;
}
	blockquote p {
		margin:0 10px !important;
	}

	blockquote:after {
		display:block;
		margin:5px 0;
		text-align:right;
		color:#cbc8a0;
		content:"cite: " attr(cite);
	}

ol.imageGallery {
	list-style:none;
	height:160px;
}
	ol.imageGallery li {
		list-style:none;
		float:left;
		margin:0 2px 2px;
	}
	
/**
 *	Main Layout
 *	-------------------------
 */
 
div#sonantes {
	position:relative;
	top:5px;
	width:914px;
	height:687px;
	margin:0 auto;
	background:#FFFFFF;
}

div#magnificat_index {
	position:relative;
	top:20px;
	width:900px;
	height:750px;
	margin:0 auto;
	background: url("../pix/jpg/magno_index_bg.jpg") no-repeat bottom;
}

div#sonantes div#fejlec {
	position:absolute;
	left:0;
	top:0;
	width:914px;
	height:39px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background: url("../pix/png/fejlec.png") no-repeat center bottom;
}

div#sonantes div#menu {
	position:absolute;
	left:0;
	top:39px;
	width:914px;
	height:60px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background: url("../pix/png/gombok_bg.png") no-repeat center bottom;
}

div#sonantes div#bal_keret {
	position:absolute;
	left:0;
	top:99px;
	width:60px;
	height:479px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background: url("../pix/png/keret_bal.png") no-repeat center bottom;
}

div#sonantes div#jobb_keret {
	position:absolute;
	left:854px;
	top:99px;
	width:60px;
	height:479px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background: url("../pix/png/keret_jobb.png") no-repeat center bottom;
}

div#sonantes div#content {
	position:absolute;
	left:60px;
	top:99px;
	width:794px;
	height:479px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background-color: #CAD5DF;
}

div#sonantes div#lablec {
	position:absolute;
	left:0;
	top:578px;
	width:914px;
	height:109px;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background: url("../pix/png/lablec.png") no-repeat center bottom;
}

div#menu div#nyelv {
	position:relative;
	top:0;
	left:43px;
	width:34px;
	height:60px;
	padding:0;
	margin:0;
}

div#menu div#menu_bal {
	position:absolute;
	top:0;
	left:75px;
	width:764px;
	height:60px;
	padding:0;
	margin:0;
}

div#menu div#menu_jobb {
	position:absolute;
	top:0;
	left:559px;
	width:280px;
	height:60px;
	padding:0;
	margin:0;
}

	div#related h2, div#footer p {
		display:none;	
	}

/**
 *	Content Area
 *	-------------------------
 */

div#content div.section {
	position:absolute;
	left:0;
	top:10px;
	width:794px;
	height:469px;
	margin:0;
	padding:0;
	overflow:auto;
}

div.section h2, div.section p {
	margin:10px 10px 10px 10px;
	z-index:1;
}

div.divPix img {
	margin-bottom:5px;
}

div.section h2, div.section_gal h2 {
	margin-top:10px;
	margin-bottom:20px;
}
	
div.section h3, div.section_gal h3 {
	margin-left:8px;
	margin-bottom:8px;
	font-size:16px;
}

	div.section img.section_bg {
		position:absolute;
		left:0px;
		top:0px;
		width: 100%;
		height: 100%;
		/* for IE */
		filter:alpha(opacity=40);
		/* CSS3 standard */
		opacity:0.4;
		z-index:-1;
	}

table.tblFooter {
	position:absolute;
	left:75px;
	bottom:0;
	width:550px;
	margin:0;
	padding:0;
}

div#nyelv_select p{
	margin:0;
}

div#magnificat_lang img{
	margin:2px 0 0 0;
}

a.flag {
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}

a.flag:hover {
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

p.pFooter {
	text-align:center;
	vertical-align:bottom;
	padding:0;
	margin:0 0 5px 0;
}

.thumbnail {
	float:left;
	width:80px;
	height:60px;
	margin:0 8px 8px 0;
}

td.td33 {
	width:33%;
}

td.td34 {
	width:34%;
}

ul.eredmenyek {
	list-style-image: url('../pix/png/r2.png');
}

/**
 *	Language selection
 *	-------------------------
 */

#langlist {margin:0;padding:0;border:0;position:relative;}
#langlist li.lang_hu{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#langlist li.lang_en{margin:0;padding:0;list-style:none;position:absolute;top:36px;}
#langlist li.lang_hu, #langlist a.lang_hu{height:36px;display:block;}
#langlist li.lang_en, #langlist a.lang_en{height:24px;display:block;}

#hu{left:0;width:34px;height:36px;}
#hu{background:url('../pix/png/lang_btns.png') 0 0 no-repeat;}
#hu a:hover{background:url('../pix/png/lang_btns.png') -34px 0 no-repeat;}

#en{left:0;top:36px;width:34px;height:24px;}
#en{background:url('../pix/png/lang_btns.png') 0 -36px no-repeat;}
#en a:hover{background: url('../pix/png/lang_btns.png') -34px -36px no-repeat;}
 
/**
 *	Main Navigation
 *	-------------------------
 */
 
#navlist {margin:0;padding:0;border:0;position:relative;}
#navlist li.main{margin:0;padding:0;list-style:none;position:absolute;top:17px;}
#navlist li.main, #navlist a.main{height:42px;display:block;}

#navlist a.main{margin:0 0 17px 0;padding-top:10px;text-align:center;}

#korus{left:80px;width:139px;}
#korus{background:url('../pix/png/menu_btns.png') 0 0 no-repeat;}
#korus a:hover{background: url('../pix/png/menu_btns.png') 0 -42px no-repeat;color:#333333;}

#karnagy{left:219px;width:139px;}
#karnagy{background:url('../pix/png/menu_btns.png') 0 0 no-repeat;}
#karnagy a:hover{background: url('../pix/png/menu_btns.png') 0 -42px no-repeat;color:#333333;}

#koncertek{left:411px;width:139px;}
#koncertek{background:url('../pix/png/menu_btns.png') 0 0 no-repeat;}
#koncertek a:hover{background: url('../pix/png/menu_btns.png') 0 -42px no-repeat;color:#333333;}

#kapcsolat{left:550px;width:139px;}
#kapcsolat{background:url('../pix/png/menu_btns.png') 0 0 no-repeat;}
#kapcsolat a:hover{background: url('../pix/png/menu_btns.png') 0 -42px no-repeat;color:#333333;}