/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2,h3,h4,h5,h6
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

body
{
	font-family: "trebuchet ms", sans-serif;
	font-size: 10pt;
	background: #000000 url('images/page_hatter.jpg') top center repeat-y;
	color: #CD5A00;
}

a
{
	color: #667700;
	BORDER-BOTTOM: #667700 1px dotted;
	text-decoration: none;
}

a:hover
{
	color: #200C5C;
	BORDER-BOTTOM: 0px;
	text-decoration: none;
}

/* Page */

#page
{
	width: 778px;
	margin: 2em auto;
	background:  url('images/hatter_content.jpg') top center no-repeat;
}

/* Header */

#header
{
	padding: 0em;
	height: 167px;
	text-align: center;
	background: #F3EF84 url('images/hatter_header.jpg') top left no-repeat;
}

#header h1
{
	font-size: 2em;
}

#header h2
{
	font-size: 1em;
	color: #747474;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}


/* Content */

#content
{
	width: 778px;
	min-height: 100px;
	overflow: auto;
	
	background: #F3EF84 url('images/hatter_content.jpg') top left repeat-y;
}

#content p
{
	margin-bottom: 2em;
	line-height: 1.5em;
}

#content h2,h3,h4,h5,h6
{
	position: relative;
	color: #F20000;
	margin-bottom: 0em;
	padding-bottom: 0.5em;
	/*border-bottom: dotted 1px #9CAC40;*/
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content .kiemelt
{
	text-transform: uppercase;
	font-size: 0.8em;
	color: #8C1A00;
	font-weight: 400;
}

#content .kiskiemelt
{
	text-transform: uppercase;
	font-size: 0.8em;
	color: #8C1A00;
	white-space: nowrap;
	margin-bottom: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
}

#content .kiskiemeltkek
{
	text-transform: uppercase;
	font-size: 0.75em;
	color: #200C5C;
	font-weight: 400;
	white-space: nowrap;
	background: url('images/hatter_balp.jpg') top left repeat-y;
}
#content .kiskiemeltkek2
{
	text-transform: uppercase;
	font-size: 0.75em;
	color: #200C5C;
	font-weight: 400;
	white-space: nowrap;
}

#content .kiemeltkek
{
	text-transform: uppercase;
	font-size: 0.9em;
	color: #200C5C;
	font-weight: 400;
	white-space: nowrap;
	background: url('images/hatter_balp.jpg') top left repeat-y;
}

#content .kiemeltkek2
{
	text-transform: uppercase;
	font-size: 1em;
	color: #200C5C;
	font-weight: 400;
	/*background: url('images/hatter_balp.jpg') top left repeat-y;*/
}

#content ul
{
	margin-bottom: 2em;
	padding-left: 1.5em;
}

#content li
{
	list-style-position: outside;
	list-style-image: url(images/list.gif);
}

#content blockquote
{
	margin-bottom: 2em;
}

#content blockquote p
{
	border-left: solid 8px #E6B114;
	font-size: 0.8em;
	padding-left: 1em;
	margin-bottom: 0em;
}

#content .mixtable
{
	margin-bottom: 2em;
	margin-top: 0em;
	width: 100%;
	font-size: 0.8em;
}

#content .mixtable th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
}

#content .mixtable td
{
	padding: 0.5em;

}

#content .mixtable tr.rowA
{
	background-color: #EEE140;
	color: inherit;
}

#content .mixtable tr.rowB
{
	background-color: #FFC730;
	color: inherit;
}

#content .mixtable tr.rowC
{
	/*background-color: #EEE140;*/
	color: inherit;
}

#content .mixtable img
{
	border: 0px;
}


/* ContentKozep */

#ContentKozepPanel
{
	position: relative;
	z-index: 2;
	float: right;
	margin-left: -18em;
	width: 100%;
}

#ContentKozep
{
	margin: 0em 3.0em 0em 19em;
	padding: 0em 0em 0em 0em;
	width: 37em;
	/*border-left: dotted 1px #9CAC40;*/
}

#ContentKozep p
{
	text-align: justify;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #EFE343;
	background: url('images/hatter_jobbp.jpg') top right repeat-y;
}

#ContentKozep .flashmediaplayer
{
	text-align: justify;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #EFE343;
	background: url('images/hatter_jobbp.jpg') top right repeat-y;
}

/* ContentBal */

#ContentBal
{
	position: relative;
	z-index: 2;
	float: right;
	width: 15em;
	margin-top: 0em;
}

#ContentBal h3
{
	font-size: 0.9em;
	margin-bottom: 0px;
	/*background: url('images/hatter_sargakor.gif') top left no-repeat;*/
}

#ContentBal li
{
	font-size: 0.75em;
	/*background: url('images/hatter_sargakor.gif') top left no-repeat;*/
}

#ContentBal p
{
	/*text-align: justify;*/
	font-size: 0.85em;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #EFE343;
	color: #895600;
	margin-bottom: 10px;
	background: url('images/hatter_balp.jpg') top left repeat-y;
}

#ContentBal .flashkeret
{
	width: 75px;
	height: 56px;
	border-width: 1px;
	border-style: solid;
	border-color: #B8C858;
	padding: 2px 4px 4px 2px;
	margin:7px 3px 1px 4px;
	text-align: left;
	vertical-align: top;
	float: left;
}

#ContentBal .flashplayer
{
	width: 75px;
	height: 56px;
}

/*
#ContentBal .flashkeret
{
	width: 157px;
	height: 76px;
	border-width: 4px;
	border-style: solid;
	border-color: #B8C858;
	padding: 2px;
	margin-bottom:10px;
	text-align: center;
	vertical-align: middle;
	float: center;
}

#ContentBal .flashplayer
{
	width: 75px;
	height: 56px;
}
*/



/* Footer */

#footer
{
	width: 778px;
	height: 56px;
	padding-top: 30px;
	background: url('images/hatter_footer.jpg') top left no-repeat;
	text-align: center;
	/*margin-bottom: 1em;*/
}

.clear
{
	clear: both;
}

.more {
	font-size: 0.8em;
}

/*KEP*/

.nagy_kep_jobb {
	border-width: 4px;
	border-style: solid;
	border-color: #B8C858;
	padding: 2px;
	/*margin-right:5px;*/
	margin-left:5px;
	margin-top:5px;
	/*margin-bottom:5px;*/
	vertical-align: middle;
	float: right;
}

.nagy_kep_bal {
	border-width: 4px;
	border-style: solid;
	border-color: #B8C858;
	padding: 2px;
	margin-right:5px;
	/*margin-left:5px;*/
	margin-top:5px;
	/*margin-bottom:5px;*/
	vertical-align: middle;
	float: left;
}

.portre {
	width: 70px;
	border-width: 4px;
	border-style: solid;
	border-color: #B8C858;
	padding: 2px;
	margin-right:2px;
	/*margin-left:5px;*/
	margin-top:5px;
	/*margin-bottom:5px;*/
	vertical-align: middle;
	text-align: center;
	/*float: left;*/
}

.thumbnail {
	width: 75px;
	border-width: 1px;
	border-style: solid;
	border-color: #B8C858;
	padding: 1px;
	margin-right:3px;
	/*margin-left:5px;*/
	margin-top:4px;
	/*margin-bottom:3px;*/
	float: left;
}

.reflogo {
	/*width: 92px;*/
	border-width: 1px;
	border-style: solid;
	border-color: #B8C858;
	padding: 1px;
	margin-right:1px;
	/*margin-left:5px;*/
	margin-top:2px;
	/*margin-bottom:3px;*/
	float: left;
}

.nyil
{
	border-width: 0px;
}

.letoltnyil
{
	border-width: 0px;
}

.kontakt {
	width: 60px;
	border-width: 3px;
	border-style: solid;
	border-color: #B8C858;
	padding: 2px;
	margin-right:10px;
	margin-left:5px;
	margin-top:4px;
	margin-bottom:3px;
	float: left;
}

/*Kontakt*/

.Kontakt .nev
{
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #200C5C;
	font-weight: 800;
}

.Kontakt .intpoz
{
	color: #667700;
	font-size: 1.1em;
	line-height: 1.1em;
}

.Kontakt .cim
{
	color: #2C303C;
	font-size: 1em;
	line-height: 1.3em;
}

#player2 {
	text-align: center; 
}

.vortex {
	vertical-align: top;
	border-width: 0px;
}