body{
		background: #333333 url(images/bg.gif) repeat fixed;
		text-align: center;
		color: #222;
		font-size: medium;
		font-family: 'Verdana', 'Arial', sans-Serif;}

span, div, h1, h2, h3, h4, p, html, body, div, ul, li, img{	margin: 0; border: 0; padding: 0;}

a {cursor: pointer; color: #820200;}
a.none, li a {cursor: pointer; color: #4A3B38; text-decoration: none;}
/* content fastload */

div#content
{
	width: 760px;
	height: 432px;
	background: url(images/bookbg.jpg);
}

/* return */
		
#rap{
	width: 760px;
	margin: auto;
	text-align: left;}

#header{
	background: url(images/header_bg.jpg) 39px -20px no-repeat;
	width: 760px;
	height: 64px;}

#header h1 a{
	display:block;
	width: 161px;
	height: 47px;
	font-size: 10px;
	position: relative;
	top: 15px;
	left: 46px;
	float: left;
	overflow: hidden;}

#header h1 a span{
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/title_hun.jpg);}

#header a#lang{
	display:block;
	position:relative;
	top: 25px;
	left: 411px;
	width: 106px;
	height: 39px;
	font-size: 10px;
	float: left;
	overflow: hidden;}

#header a#lang span{
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/langswitch_eng.jpg);}

/* menu */
div#menulevel
{
	width: 780px;
	display: table;
}

div#menuleft
{
	width: 42px;
	height: 70px;
	background: url(images/menuleft.jpg) bottom left no-repeat;
	float: left;
}

div#menuright
{
	width: 37px;
	height: 70px;
	background: url(images/menuright.png) bottom left no-repeat;
	float: left;
}

div#menu
	{
		position: relative;	/* Opera7 hack */
		float: left;
		width: 681px;
		height: 70px;
		overflow: hidden;
	}
	
div#menu ul
	{
		list-style-type: none;
		width: 681px;	/* */
	}			
div#menu li
	{
		float: left;
		overflow: hidden;
	}

div#menu li a
	{
		display:block;
		width:100%;
		height:100%;
		overflow:hidden;	
		position:relative;
	}

div#menu li a:hover
	{
		color:#f60;
	}

div#menu ul li
	{
		height:70px;
	}

div#menu li#zong, 
div#menu li#zong span	{ width: 124px; background-position: 0px 0;}

div#menu li#zong a.active span,
div#menu li#zong a:hover span {background-position: 0px 70px;}

div#menu li#biog,
div#menu li#biog span {width: 82px; background-position: -124px 0px;}

div#menu li#biog a.active span,
div#menu li#biog a:hover span {background-position: -124px 70px;}

div#menu li#jazz,
div#menu li#jazz span {width: 43px; background-position: -206px 0;}

div#menu li#jazz a.active span,
div#menu li#jazz a:hover span {background-position: -206px 70px;}	

div#menu li#zene,
div#menu li#zene span {width:91px; background-position: -249px 0;}

div#menu li#zene a.active span,
div#menu li#zene a:hover span {background-position: -249px 70px;}

div#menu li#foto,
div#menu li#foto span {width: 107px; background-position: -340px 0;}

div#menu li#foto a.active span,
div#menu li#foto a:hover span {background-position: -340px 70px;}

div#menu li#fome,
div#menu li#fome span {width: 81px; background-position: -447px 0;}

div#menu li#fome a.active span,
div#menu li#fome a:hover span {background-position: -447px 70px;}

div#menu li#leme,
div#menu li#leme span {width: 70px; background-position: -528px 0;}

div#menu li#leme a.active span,
div#menu li#leme a:hover span {background-position: -528px 70px;}

div#menu li#kont,
div#menu li#kont span {width: 83px; background-position: -598px 0;}

div#menu li#kont a.active span,
div#menu li#kont a:hover span {background-position: -598px 70px;}
	
div#menu ul, 
div#menu ul li a span {background-image: url(images/menu.jpg);}
	
div#menu ul li a span 
	{
		height: 70px;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 1;	/* opera 6-nak kell */
	}
	
	/* 6 */

div#menu.zene li#zene span, 
div#menu.biog li#biog span, 
div#menu.jazz li#jazz span, 
div#menu.zong li#zong span, 
div#menu.foto li#foto span, 
div#menu.fome li#leme span, 
div#menu.fome li#leme span, 
div#menu.kont li#kont span, 
	{ 
		background-image: url(images/menu.jpg);
	}

	/* 7 */

#menu li 
	{
		text-align: left;
	}

#menu a 
	{
		color: black;
	}

/* content */

div#content p.contact a,
div#content p.small a
{
	text-decoration: underline;
}

a#next,
a#previous
{
	display: block;
	float: left;
	padding-left: 30px;
	width: 30px;
	height: 432px;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	outline:0;
}

a#next
{
	padding-left: 25px;
}

a#next:hover,
a#previous:hover{color: #0f0;} /* ie hack */

a#next span,
a#previous span{
	position: absolute;
	background: url(images/switchpage.png) no-repeat;
	background-position: -30px 0;
	width: 100%;
	height: 100%;}

a#next:hover span,
a#previous:hover span{
	position: absolute;
	background: url(images/switchpage.png) no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;}	

a#previous.english span {	background-position: -90px 0;	}
a#previous:hover.english span {	background-position: -60px 0;	}
a#next span {	background-position: -180px 0;	}
a#next:hover span {	background-position: -210px 0;	}
a#next.english span {	background-position: -120px 0;	}
a#next:hover.english span {	background-position: -150px 0;	}

div#contentleft,
div#contentright
{
	float:left;
	width: 260px;
	height: 410px;
	margin: 0 70px 0 25px;
	text-align: left;
	font-size: 13px;
	font-family: 'Tahoma', sans-serif;
	color: #4A3B38;
}

div#contentleft.nothingnexttome
{
	margin-left: 85px;
	_margin-left: 42px;
}

div#contentleft div,
div#contentright div
{
	font-size: 10px;
}

div#content ul
{
	list-style-type: none;
	padding: 55px 0 0 10px;
}

div#content hr
{
	border:0;
	height: 1px;
	width:260px;
	margin: 5px 0 10px 0;
	_margin: -2px 0 0 0;
	background-color: #A49A91;
}

div#content h2
{
	font-family: 'Georgia', serif;
	font-size: 17px;
}

div#content p
{
 margin:0 0 5px 0;
}

div#contentright{	margin: 0;}

div#contentright h2{ height:17px;}

div#content div.musiclisting,
div#content div#musiclisting 
{
clear:both;
}

div#content div.musiclisting a,
div#content div#musiclisting a{
display:block;
width: 225px;
padding: 0 0 0 35px;
}

div#content div.musiclisting ul,
div#content div#musiclisting ul {padding: 0;}

div#content div.musiclisting li,
div#content div#musiclisting li
{
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 0 5px 0;
	background: url(images/songicon.png) 0 5px no-repeat;
}

div#content div.musiclisting li.movielisting,
div#content div#musiclisting li#movielisting
{
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 0 5px 0;
	background: url(images/movieicon.png) 0 5px no-repeat;
}

div#content div.musiclisting li.second,
div#content div#musiclisting li.second
{
	background: url(images/songicon_second.png) #ECEBDE 0 2px no-repeat;
}
div#content div.musiclisting li span,
div#content div#musiclisting li span
{
	font-size: 10px;
	font-weight: normal;
}
div#content div.musiclisting p,
div#content div#musiclisting p
{
	font-weight: normal;
	font-size: 10px;
	padding-left: 33px;
	padding-top: 5px;
}

/* footer */

ul#footer
{
	clear:both;
	width: 760px;
	padding: 35px 0 5px 0;
	margin: 0;
	background: url(images/bookfooter.jpg) top no-repeat;
	list-style-type: none;
}

ul#footer li
{
	float: left;
}

ul#footer li#copyright
{
	width: 150px;
	padding: 0 0 0 20px;
	font-family: 'Georgia', serif;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

ul#footer li#copyright a,
ul#footer li#copyright a.visited
{
	color: #fff;
}

ul#footer li#copyright span
{
	display: block;
	font-family: 'Tahoma', sans-serif;
	font-size: 10px;
	margin-top: -2px;
}

ul#footer li#disclaimer
{
	width: 330px;
	padding: 0 0 0 15px;
	border-left: 1px solid #fff;
	font-family: 'Tahoma', serif;
	font-size: 10px;
	color: #fff;
}


ul#footer li#logo
{
	float:right;
	padding: 0 40px 0 0;
}

/* picturedisplay */

div.centerer
{
	width: 100%;
	height: 500px;
	top:40px;
	left:0;
	position:absolute;
	z-index:2;
}

div.centerer div.showpicture
{
	text-align:center;
	margin:auto;
	background-color:#fff;
	padding: 10px 5px 10px 10px;
	display: table;
	border: 1px solid #222;
}

div.centerer div.showpicture a
{
	display:block;
	width: 100%;
	height: 100%;
	background: url(images/loadback_hun.png) 105px 225px no-repeat;;
}

div.centerer div.showpicture a.eng
{
	background: url(images/loadback_eng.png);
}

div.centerer div.showpicture span.showpic
{
	display:block;
	float: left;
}

div.centerer div.showpicture span.closer
{
	width: 27px;
	height: 247px;
	float:left;
	position:relative;
	overflow: hidden;
	font-size: 1px;
}

div.centerer div.showpicture a span.closer span
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/closepicture.png) 0 0 no-repeat;
}

div.centerer div.showpicture a.eng span.closer span
{
		background: url(images/closepicture.png) -27px 0 no-repeat;
}

/* music */

div.music
{
	margin: 2px 0 0 32px;
}

/* content specific */

p.verse
{
	font-size: 10px;
	padding-bottom: 2px;
}

p.writtenby
{
	font-size: 11px;
	font-style: italic;
}

p.small
{
	font-size: 10px;}