html {
	background-color: #445;
	background-image: url(htmlbg.png);
	background-position: top;
	background-repeat: repeat-x;
}

body {
	margin: 0px 100px 0px 100px;
	padding: 10pt;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #ffb;
	background-color: #012;
	color: #ffb;
	font-size: 10pt;
	background-image: url(bodybg.png);
	background-position: left;
	background-repeat: repeat-y;
}

b {
	color: #ffe;
}

body, td{
	text-align: justify;
	font-family: sans-serif;
}

h1 {
	text-align: center;
}

table, img {
	margin-left:auto;
	margin-right: auto;
}

img {
	background-color: #ffb;
}

img.inline, img.nagy, p.img img, td.tutleft img {
	border: 1px solid #def;
	margin: 5px;
}

img.nagy {
	display: block;
}

img.inline {
	vertical-align: middle;
}

.sep, table.kepek td, td.th, h1, h2, h3, h4 {
	border: 1px solid #ffa;
	background-color: #922;
	color: #ffa;
}

.sep, table.kepek td, td.th {
	margin-bottom: 5px;
	padding: 3px;
}

td.th {
	vertical-align: top;
	text-align: center;
	width: 25%;
}

table.kepek td {
	text-align: center;
	vertical-align: middle;
}

a {
	text-decoration: underline;
	font-weight: bold;
	color: #fc4;
}

a img {
	border-color: #fc4;
}

a:hover {
	color: #ffa;
}

a:hover img {
	border-color: #ffa;
}

p.img {
	text-align:center;
}

small {
	background-color: #334;
}

em {
	background-color: #344;
}

hr {
	clear: both;
}

td.tutleft {
	text-align: center;
}

td.tutleft, td.tutright {
	vertical-align: top;
	border-top: 1px solid black;
	padding: 5px;
}

h1, h2, h3, h4 {
	padding: 4pt;
	margin-left: 2%;
	margin-right: 2%;
}