html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	color: #6b3827;
	text-align: left;
	vertical-align: top;
	font: normal 16px/20px Georgia, Serif;
	background-color: #ffffff;
}

body {

}

table {
	border-collapse: collapse;
	width: 100%;
}

td, th, form, div, p {
	margin: 0px;
	padding: 0px;
} 

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

a {
	text-decoration: none;
	color: #669900;
}

a:hover	{
	color: #9900FF;
	text-decoration: underline;
}

#top {
	position: absolute;
	top: 0px;
	left: 0px;
}

#canvas {
	position: absolute;
	width: 816px;
	height: 590px;
	top: 50%;
	left: 50%;
	margin: -295px 0px 0px -408px;
	padding: 0;
	background: #ffffff url('/images/main.shadow.gif') no-repeat 0px 0px;
}

h1 {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font: bold 24px Georgia, Serif;
}

h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font: bold 20px Georgia, Serif;
}

h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font: bold 17px Georgia, Serif;
}

p {
	font: normal 16px/20px Georgia, Serif;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#preload {
	position: absolute;
	width: 540px;
	height: 300px;
	top: 50%;
	left: 50%;
	margin: -150px 0px 0px -270px;
	background: #ffffff;
}

.main {
	position: absolute;
	width: 776px;
	height: 550px;
	top: 20px;
	left: 20px;
	overflow: hidden;
}

.main area {
	cursor: default;
}

#mainimg {
	width:776px;
	height:550px;
	display: block;
}

.m_item {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	background-color: transparent;
	cursor: pointer;
}

.m_item:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#ao_m1_item {left:638px;top: 356px;}
#ao_m2_item {left:356px;top: 424px;}
#ao_m3_item {left: 36px;top: 453px;}
#ao_m4_item {left: 40px;top: 121px;}
#ao_m5_item {left:307px;top: 251px;}
#ao_m6_item {left:105px;top: 380px;}
#ao_m7_item {left:404px;top: 186px;}

.content {
	width: 540px;
	height: 360px;
	overflow: auto;
	margin: 90px 120px;
}

a.backLink {
	position: absolute;
	top: 490px;
	left: 20px;
	z-index: 99;
	filter: alpha(opacity=60);
	opacity: 0.8;
	-moz-opacity: 0.8;
	background-color: transparent;
	cursor: pointer;
}

a.backLink:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

#noscript {
	text-align: center;
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0px 0px -200px;
}

.page-magamrol .content, .page-konyv .content {
	text-align: justify;
	padding-right: 10px;
}

.page-grafikak .content {width: 545px;margin: 85px 0px 0px 129px}
.page-festmenyek .content {width: 565px;margin:85px 0px 0px 100px}
.page-magamrol .content {width: 540px;margin: 70px 140px;}

.page-festmenyek .content .wrapper, .page-grafikak .content .wrapper {
	float: left;
	width: 525px;
	padding: 0px;
	margin: 0px;
	clear: both;
	display: inline;
}

.paints {
	float: left;
	width: 525px;
	padding: 0px;
	margin: 10px 0px;
	clear: both;
	display: inline;
}

.paints .row {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	clear: both;
	display: inline;
}

.paints .sep {
	float: left;
	width: 525px;
	margin: 0px;
	padding: 0px;
	clear: both;
	display: inline;
	font: 1px arial;
}

.paints .row div {
	float: left;
	width: 170px;
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	text-align: center;
}

.paints .row p {
	float: left;
	width: 170px;
	height: 130px;
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}

.paints .row img {
	border: 1px solid #707070;
	margin: 0px;
	padding: 0px;
}

.paints .row span {
	font: normal 12px/16px Georgia, Serif;
	float: left;
	width: 170px;
	display: inline;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.cpo {
	cursor: pointer;
}

.page-versek .content {width: 570px;margin: 85px 0px 0px 120px}


.poems {
	float: left;
	width: 550px;
	padding: 0px;
	margin: 0px;
	clear: both;
	display: inline;
}

.poems pre {
	width: 250px;
	font: normal 12px/16px Georgia, Serif;
	float: left;
	padding: 0px;
	margin: 0px;
	display: inline;
}

.poems pre.left {
	margin-right: 50px;
}

.poems pre h1, .poems pre h2, .poems pre h3 {
	display: inline;
}


.upArrow, .downArrow {
	width: 31px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #ffffff;
	display: block;
}

.upArrow:hover, .downArrow:hover {
	background-position: 0px -50px;
}

.upArrow {background-image:  url('/images/arrow.up.gif');}
.downArrow {background-image:  url('/images/arrow.down.gif');}

.page-versek .upArrow {
	display: block;
	position: absolute;
	top: 460px;
	left: 210px;
	z-index: 10;
}

.page-versek .downArrow {
	display: block;
	position: absolute;
	top: 460px;
	left: 520px;
	z-index: 10;
}

.page-gyogynovenyek .content .wrapper {
	position: absolute;
	width: 600px;
	height: 340px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	top: 85px;
	left: 90px;
}

.herbIndex {
	display: block;
	position: absolute;
	left: 140px;
	top: 50px;
	z-index: 10;
}

.herbText {
	width: 550px;
	position: absolute;
	top: 0px;
	text-align: justify;
}

.herbText {
	left: 0px;
}

.herbText img {
	width: 240px;
	margin: 0px 0px 20px 20px;
	float: right;
	display: inline;
	clear: both;
}


.herbIndex a {
	padding: 0px 10px 0px 0px;
	text-transform: uppercase;
}

.herbIndex a.active {
	cursor: default;
	color: #9900FF;
	font-weight: bold;
}

.herbIndex a.herbIndexButton {
	display: block;
	position: absolute;
	left: 260px;
	top: 0px;
	z-index: 10;
	text-transform: none;
}

.herbIndexDiv {
	width: 270px;
}

.herbIndexDiv a {
	width: 270px;
	float: left;
	display: inline;
}


.page-gyogynovenyek .upArrow {
	display: block;
	position: absolute;
	top: 430px;
	left: 195px;
	z-index: 10;
	font-size: 11px;
	text-decoration: none;
	line-height: 50px;
	text-indent: 35px;
}

.page-gyogynovenyek .downArrow {
	display: block;
	position: absolute;
	top: 430px;
	left: 520px;
	z-index: 10;
	font-size: 11px;
	line-height: 30px;
	text-decoration: none;
	text-indent: 30px;
}

img.bal {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.jobb {
	float: right;
	margin: 0px 0px 10px 10px;
}

.page-forum {background-color: #336600;}

.page-forum a.backLink {
	top: 500px;
	left: 10px;
}

.page-forum iframe {
	width: 776px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow:  auto;
}