@charset "ISO-8859-2";
/* CSS Document */

html, body { background-color: #666666; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; overflow-x:hidden; }

#alap_fent { position: absolute; width:300px; top:0; left:0; height:auto; z-index:5;}

#fent_menu { position: relative; background-color:#000000; width:230px; padding-left:20px; padding-bottom:4px; padding-top:5px; left:280px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; color:#999999; z-index:5; }

#alap_lap { position: absolute; min-width:100%; top:22%; left:0; height:400px; }
#alap_lap_fixnyelvek{ position:absolute; width:100%; bottom:-60px; left:0; height:400px;}
#alap_lap_fixmenuk{ position:fixed; width:0; top:22%; left:0; height:400px; }


#lap_000 {position: absolute; min-width:100%; background-color: #333333; top:60px; left:0; min-height:280px; z-index:0;}
#lap_magasság {height:300px; z-index:0;}

#doboz_nagytext { position: absolute; width:50px; top:8%; left:5px; height:20px; font-size:36px; z-index:4;}

#doboz_nyelvek { position: absolute; width:50px; top:343px; left:35px; height:20px; }
#doboz_nyelvek_kör { position: absolute; top:320px; left:20px; z-index:-1; }
#doboz_mehrl { position: absolute; width:400px; top:345px; right:10px; height:40px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #999999; font-weight:700; text-align:right; z-index:3;}
.szöveg_mehrl {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #999999; font-weight:700; text-decoration:none;}

#doboz_menu { position: relative; float:left; width:auto; top:0; left:0; height:auto; }
#doboz_menutext { position: absolute; width:800px; top:28px; left:5px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; color:#999999;}
	
#lap_menu { width:auto; position: relative; background-color: #000000; height:280px; float: left;}				
#lap_1000_címkék { position:absolute; width:100%; top:0px; padding-left:13px; padding-top:8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #000000; line-height:22px;}	
			

/* OLDALAK ÚJ DOBOZAI */


#lap_szövegdoboz_01 {position: absolute;  }
#lap_szövegdoboz_02 {position: absolute;  }
#lap_szövegdoboz_03 {position: absolute;  }
#menüdoboz_01 {position: absolute;  }
#menüdoboz_02 {position: absolute;  }
#menüdoboz_03 {position: absolute;  }
#menüdoboz_04 {position: absolute;  }
#menüdoboz_05 {position: absolute;  }

#szöveg_top {position: absolute;  }
#szöveg_bottom {position: absolute;  }

#lap_doboz_kép_01 {position: absolute; left:37%; top:125px; z-index:2;}
#lap_doboz_kép_02 {position: absolute;}
#lap_doboz_kép_03 {position: absolute;}

#lap_pontok { position:absolute; left:8px; top:-25px;}
#lap_doboz_linkek {position: absolute;}

#lap_doboz_back_01 {position: absolute;}
#lap_kép_01 {position: absolute;}
#lap_kép_02 {position: absolute;}
#lap_kép_03 {position: absolute;}
#lap_kép_04 {}
#lap_kép_05 {}
#lap_kép_06 {}
.kép_001 {}
.kép_002 {}

#lap_1000_doboz_sárga {position: absolute; width:22%; background-color:#FFCC00; right:0px; height:100%; z-index:1;}
#lap_1000_doboz_menü {position: absolute; left:20px; width:35%; top:8px; height:100%; z-index:2;}
#lap_1000_doboz_menüszöveg {position: absolute; display:inline-block; padding-left:50px; width:40%; left:35%; top:8px; }
#text_ikon_i {position: absolute; padding-top:4px;  }
#text_ikon {position: relative; }

#text_ikon_01 {position: relative; }
#text_ikon_02 {position: relative; }
#text_ikon_03 {position: relative; }


.lap_1000_menüképek { padding-left:4px; padding-top:2px; padding-bottom:2px; border:hidden; z-index:2;}

#lap_1000_doboz_mehrl {position: absolute; right:6%; width:500px;; bottom:-24px; height:36px; z-index:2;}
#lap_1000_doboz_nevem {position: relative; background-color: #000000; padding-left:15px;  width:220px; top:6px; height:40px; z-index:2;}
.lap_1000_szöveg_mehrl { color: #999999; text-decoration:none; font-family: "Century Gothic", Arial, sans-serif; font-size:30px; font-weight:600; }
#lap_1000_doboz_okl {position: relative; background-color: #000000; padding-top:6px; padding-left:4px; width:150px; left:-111px; top:-28px; height:18px; z-index:2; float:right;}
.lap_1000_szöveg_okl { color: #999999; text-decoration:none; font-family: Arial, sans-serif; font-size:14px; }



#lap_1010_doboz_kép {position: absolute; left:37%; top:125px; z-index:2;}
#lap_1010_szövegdoboz {position: absolute; left:107px; width:26%; min-height:350px; padding-left:7px; padding-right:20px; background-image:url(01_elemek/lap_055.jpg) }
#lap_1010_pontok { position:absolute; left:8px; top:-25px;}
#lap_1010_doboz_jobbra { position:absolute; top:0px; right:0px; }
.kép {color:#333333; cursor:pointer; }	

#lap_1020_doboz_kép {position: absolute; right:340px; top:10px; z-index:11;}
#lap_1020_doboz_kép_2 {position: absolute; right:15px; top:10px; z-index:11;}
#lap_1020_szövegdoboz {position: absolute; right:500px; width:30%; min-height:80px; top:240px; padding-top:24px; padding-bottom:5px;  padding-left:10px; background-image:url(01_elemek/lap_005.jpg); z-index:16;}
#lap_1020_pontok { position:absolute; right:-340px; bottom:-10px;}
#lap_1020_doboz_jobbra { position:absolute; bottom:0px; right:20px; z-index:15 }




/* nemtom DOBOZAI */

#lap_tartalom
	{
	min-width:100px;
	position:absoute;
	float:left;
	}	
		
.lap_jobb
	{
	width:2000px;
	height:280px;
	position:relative;
	background-color:#FFCC00;

	float:left;
	}		
	
.lap_takar_jobb
	{
	width:50px;
	height:31px;
	position: absolute;

	right:0;
	bottom:0;
	z-index:6;
	}		
.lap_jel_jobb
	{
	width:50px;
	height:31px;
	position: fixed;
	right:0;
	bottom:0;
	z-index:2;
	top:67%;
	}					



/* OLDALAK DOBOZAI */		

#lap_doboz_1280 {position: relative; width:100%; max-width:1280px; height:auto;  }

.doboz_tartalom { position: relative; width:100%; height:280px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; z-index:0; background-color: #333333;}
.menülinkek {text-decoration:none; color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:600; }



.tartalom { position:absolute; width:auto; height:280px; max-height:280px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; z-index:10;}
.tartalom_tablazat { margin-left:15px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.s_tartalom_00 {
	position: absolute;
	height:280px;
	width:885px;
	color: #000000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #FFCC00;
	margin-left:15px;
}
.doboz_fent { position: fixed; width:300px; top:0; right:0; height:auto; z-index:0;}
.doboz_takarokeret { position:absolute; right:0; top:-5px; height:5px; background-color: #666666; z-index:-1;}

#doboz_keret { position: absolute; background-color: #333333; padding-bottom:35px; padding-left:10px; padding-right:10px; padding-top:10px; right:10%; top:-100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
#doboz_foto { position: relative; }
.doboz_ikonok { position: relative; left:0;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; }



/* SZÖVEGEK */

.menü_01 {color: #CCCCCC; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:700;}	
.menü_00 {color: #CCCCCC; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; }
.menü_02 {color: #CCCCCC; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; }	
	
.menü_00_ikon {color: #CCCCCC; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; }
.linkek {text-decoration:none; }
.címkék { color: #000000; text-decoration:none; }

.s_tartalom_01 {color: #000000; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}	
.s_tartalom_02 {color: #000000; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

h1 	{font-size:12px; margin-top:5px; margin-bottom:5px;}
h2 	{font-size:12px; margin-top:5px; margin-bottom:10px; font-weight:100;}
p 	{font-size:10px; margin-top:5px; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
pp 	{font-size:10px; margin-top:5px; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h 	{font-size:10px; margin-top:10px; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		
/* STiUSOK */	
	
.s_nyelvek_01
	{
	color: #999999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	}		
	
.s_menuk_01 {color:#999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:700;}	


/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(20_js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(20_js/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
