/* oldalon használt betűtipusok */

@font-face { font-family: "Helvetica"; src: url("/design/ForAll/helvecia.ttf") }
@font-face { font-family: "Latha"; src: url("/design/ForAll/latha.ttf") }

/* az oldal törzse */

body { background-color:#482359; background-image: url('design/ForAll/bg.bmp'); background-position: top center; color: #777777; cursor:default; }

div.sbutton, div.mbutton, div.newsbutton, div.yearbutton, unselectable {
-moz-user-select: none; /* for FireFox */
-webkit-user-select: none; /* for Chrome and Safari */
-khtml-user-select: none; /* probably old webkit browsers, but new support it too */
user-select: none; /* for future CSS3 compliant browsers */
}


/*
alap dokumentumformázások
*/

h1								{text-align: left; font-size: 25px; color: gray;}
h2								{left: 320px;}
/* container div objektum */

#bodybox						{background-color: black; left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; }
#container 						{left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; 
								 background-color:#482359; background-image: url('design/ForAll/bg.bmp'); background-position: top center;}
  
/* menu és starmenu div objektum */

#menu 							{position:absolute; bottom: 36.36%; right: 1px; width: 281px; text-align:right;}
#starmenu						{position:absolute; bottom: 36.36%;  left: 1px; text-align: left;}

/*	
Linkek, és a gombok, menuk formázása
mbutton: menügombok 
sbutton: star-gombok
icon: képek ikonjai
*/

a							{text-decoration: none; color: gray;}
a div, #starmenu				{font-size:25px; line-height: 25px; font-family: Helvetica; font-weight: normal; color: gray; text-decoration: none; background-repeat: no-repeat; background-position: bottom right;}

	.mbutton				{width: 280px; height: 35px; background-image: url('/design/ForAll/bg_button_inactive.png');margin: 2px 0px;}
	.sbutton				{width: 60px; height: 35px; opacity: 0.1; background-repeat: repeat; margin: 2px 0px; line-height: 35px;}
	a:link, a:active, a:visited
							{}
		a:link div.mbutton, a:active div.mbutton,	a:visited div.mbutton	
							{ background-image: url('/design/ForAll/bg_button_inactive.png');}
		a:link div.sbutton, a:active div.sbutton,	a:visited div.sbutton	
							{ background-image: url('/design/ForAll/bgbutton20.png'); color: gray;}
	a:hover					{}
		a:hover div.mbutton, div#menu a div.mbutton.active
							{color: lightgray; background-image: url('/design/ForAll/bg_button_active.png');}
		a:hover div.sbutton, div.sbutton.active
							{color: gray; background-image: url('/design/ForAll/bgbutton20.png'); opacity: 0.5;}
			
/*
footbar, azaz az alsó léc div objektum 
*/
div#footbar{position:absolute; bottom: 0px; left:0px; right:0px; height: 36.36%; background-image: url('design/ForAll/bg_footbar.bmp'); background-color: #331e65; background-repeat: repeat-x; background-position: top left;}
		#iconbox{	white-space: nowrap; position:absolute; left: 4px; top: 4px; text-align:left; overflow: hidden;}

	/*
	smallbox és az árnyéka
	*/
       
	div.in_footbar.arrows
								{right: 0px; bottom: 7%;  height: 32%; margin: -1px 0px;}
	div#smallbox_shadow, div.in_footbar.arrows, div#iconbox_shadow	
								{ position:absolute; bottom: 7%;}
	div#iconbox_shadow			{  width: 1090px;}
	div#smallbox_shadow			{left: 7.54%;}
	div#smallbox_shadow, div#iconbox_shadow
								{ right: 13.77%; height: 32%; max-height: 80px; text-align:left; overflow: hidden; }
		div#smallbox, div#iconbox	{ right: 5px; bottom:5px; position: absolute; overflow:hidden;}
		div#smallbox			{ top:0px; left:0px; text-align: justify;}
		div#iconbox				{}
td.icon {vertical-align: bottom;}
/*
általános árnyékok és egyebek
*/
.harmad 						{ opacity: 0.35; }
.shadow							{ background-image: url('design/ForAll/bgshadow.png'); }
.tejuveg, .xXx					{ background-image: url('design/ForAll/bgimage.png'); }
.nowrap							{ white-space: nowrap; }
.xXx							{margin: auto}
/*
textbox div és az árnyéka
*/
div#bigbox_shadow				{position: absolute; vertical-align: baseline; text-align:justify; top: 12.85%; left: 7.54%; border: 0px solid purple;}
	div#bigbox					{position: absolute;  top:0px; left:0px; right: 5px; bottom: 5px;
								padding: 20px; vertical-align: baseline; text-align:justify; border: 0px solid purple; font-size:16px; line-height: 25px; font-family: Helvetica; overflow: hidden; color:gray;}

div#bigbox_shadow, div.fekvo, #namebox, div.arrows2, .subs
								{ bottom: 14%; right:13.77%; position: absolute;}	
div.allo, div.up					{ position:absolute;  bottom: 25%;}
div.allo						{top: 15px; left: 7%; right:19.8%;}

/*
nyilak és az ahhoz kapcsolódó objektumok
*/
	
div.arrows						{position:absolute; text-align: right; height: 33px; width: 282px; white-space: nowrap; margin: 5px 0px; text-align: right;}
	.left_arrow					{/*background-image: url('./design/arrows/balnyil-inaktiv.png');*/ width: 195px; height: 33px;}
	.right_arrow				{/*background-image: url('./design/arrows/jobbnyil-inaktiv.png');*/ width: 83px; height: 33px;}
	
.up								{position: absolute; right: 1px;}
.down							{position: absolute; right: 1px; bottom: 7.2%;}

div.arrows2						{margin: 10px 20px;}
		.up_arrow, .down_arrow	{padding: 10px 5px; opacity: 0.3; height: 20px}
div.arrows2 img:hover			{opacity: 0.8;}
	
/*
képek, árnyékaik, és a megjelenítésüket szolgáló egyéb divek
*/

img.icon						{opacity: 0.5; max-width: 155px; margin: 0px;}
img.icon:hover, img.icon.active
								{opacity: 1.0;}


td.icon							{width: 155px;}

div.picture						{ text-align: right; vertical-align: bottom; top: 15px ; left: 7.54%;}
	div.picturebox				{ right:0px; bottom:0px; position:absolute;}
		img.picture				{ border: 0px solid #482359; max-height: 490px; max-width: 1090px; margin: 0px 5px 5px 0px;}
div.picture.allo div img.picture	{max-height: 450px;}
a.cloud-zoom img.picture		{ max-width: 2000px}
		
#namebox, .subs					{opacity: 0.7; text-shadow: 0.1em 0.1em #303030; font-weight: 800; font-size: 24px; font-family: Helvetica; color: gray; text-align: right; padding: 11px 18px;}

/*
logo div objektum
*/
#logo							{opacity: 0.7; position:absolute; top: 0px; left:14%; height: 80px; width: 320px; background-image: url('design/ForAll/logo2.png'); background-repeat: no-repeat;}

.loading						{top:300px; left:500px; position:absolute; display: none;}

/*
egyéb oldalspecifikus elemek
*/

/*bio page*/
img#bio						{float: right; margin: 20px; width: 200px; height: 300px;}
.biomod						{}
/*biblio page*/
div.yearicon					{background-image: url('design/ForAll/bgimage.png'); height:33px; color: darkgray; width: 92px; font-family: Helvetica; font-size: 18px; line-height: 33px; text-align: right; font-weight: 900;}
div.yearicon:hover, div.yearicon.active
							{background-image: url('design/ForAll/bgbutton30.png'); height:33px; color: lightgray; width: 92px; font-family: Helvetica; font-size: 18px; line-height: 33px; text-align: right; font-weight: 900;}
div.newsicon					{white-space: nowrap; background-image: url('design/ForAll/bgimage.png'); height:33px; width: 150px; color: darkgray; font-family: Helvetica; font-size: 20px; line-height: 38px; text-align: right; font-weight: 400;}
div.newsicon:hover, div.newsicon.active
							{white-space: nowrap; background-image: url('design/ForAll/bgbutton30.png'); height:33px; width: 150px; color: lightgray; font-family: Helvetica; font-size: 20px; line-height: 38px; text-align: right; font-weight: 400;}
img.biblioicon				{height: 350px; opacity: 0.8;}
img.biblioicon:hover		{ opacity: 1.0;}

img.small_biblioicon		{height: 100px; width: 75px; opacity: 0.65; padding: 9px; float: left;}
img.small_biblioicon:hover	{opacity: 1.0}

div#smallbox table			{border-spacing: 0px};

div#ujsagok					{overflow: hidden; padding: 0px; width: 95%; bottom: 0%; position: absolute;}
div#ujsagok2					{overflow: fixed;  white-space: nowrap; opacity:1.0;}
.ujsagmod					{bottom: 20px; text-align: left; vertical-align: top; height: 390px;}
/*kapcsolat page*/
img#kapcsolat				{}
/*gallery page*/

table#gallery_table			{ width: 99%; }
table#gallery_table tr		{  }
table#gallery_table tr td	{ padding: 5px; width: 201px; text-align: center; vertical-align: top;}
img.gallery_icon			{ width: 200px; border: 0px solid purple; margin: 5px 5px 0px 5px;}

span.starbox				{text-align: center;  background-image: url('/design/ForAll/bgbutton40.png'); color: lightgray; opacity: 0.2;}
span.star					{width: 29px; margin: 0px; display: inline-block; color: lightgray; opacity: 0.5;}
span.star:hover				{ background-color: lightgray; color: gray; opacity: 1.0;}

/*gallery_view page*/

#iconbox table				{width: 100%;}
#iconbox table td				{text-align: center;}

/*index*/

.indexpictures				{position:absolute; top: 0px; left: 0px; width: 100%; height:100%; max-height: 1000px; max-width: 2000px;}
.subs						{}
.slide						{ width: 1090px; height: 490px;}

/*jelölés hibás elemekhez*/
.hibas						{ background: none;}
.BrowserAlert				{ color: #780026; font-size: 16px/18px; margin: auto; top: 10px; font: Helvetica; text-align: center;}
.BrowserAlert a, .BrowserAlert a:hover, .BrowserAlert a:active, .BrowserAlert a:link, .BrowserAlert a:visited
							{color: #800030; font-weight: bold;}


.gradient2 {
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaffffff', endColorstr='#aa747474'); /* IE rule */
background: -moz-linear-gradient(top, #fff, #747474); /* FF rule */
background: -webkit-gradient(linear,center top,center bottom,from(#fff),to(#747474)); /* Webkit browsers (Safari, Chrome, etc...) rule */
opacity:0.75; /* every normal browser rule for opacity (except IE) */

}

span.icon_shadow	{display:inline-block; text-align: center;};