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

p { margin: 10px 0; }

body { position: relative; padding-bottom: 10px; background: #000; color: #FFF; text-align: center; font-family: Tahoma, Verdana, sans-serif; }

/* new intro */
.clear { clear: both; }

#intro { margin: 50px auto; width: 792px; }
#intro a { display: block; background: #111; float: left; width: 198px; height: 570px; text-align: center; }
	#intro a span { display: none; }
	#intro #start { background: url(intro/1899.jpg) 50% 50% no-repeat; }
		#intro #start:hover { background: url(intro/1899_hover.jpg) 50% 50% no-repeat; }
	#intro #fradidrukker { background: url(intro/fradidrukker.jpg) 50% 50% no-repeat; }
		#intro #fradidrukker:hover { background: url(intro/fradidrukker_hover.jpg) 50% 50% no-repeat; }
	#intro #youtube { background: url(intro/youtube.jpg) 50% 50% no-repeat; }
		#intro #youtube:hover { background: url(intro/youtube_hover.jpg) 50% 50% no-repeat; }
	#intro #vargazoli { background: url(intro/vargazoli.jpg) 50% 50% no-repeat; }
		#intro #vargazoli:hover { background: url(intro/vargazoli_hover.jpg) 50% 50% no-repeat; }

/* old intro
a#start { display: block; background: url(nagymagyarorszag.png) 50% -25px no-repeat; color: #EEE; text-decoration: none; font-weight: bold; width: 500px; height: 50px; padding-top: 500px; margin: 50px auto 0 auto; position: relative; }
	a#start:hover { background: url(nagymagyarorszag_hover.png) 50% -25px no-repeat; color: #FFF; }
*/
	
div#admin dt { margin-top: 10px; font-weight: bold; }
div#admin input { border: 1px solid #AAA; background: #EEE; }
	div#admin input#submit { margin-top: 10px; }
div#admin ol { margin-top: 35px; }


/*div#branding { position: relative; background: #FFF url(branding.png) 50% 50% no-repeat; margin-bottom: 25px; }*/
div#branding { position: relative; background: #000 url(header_003.jpg) left top no-repeat; margin-bottom: 25px; }

img#banner { position: absolute; left: 10px; top: 2px; display: none; }

h1 { background: url(navi.png) right bottom no-repeat; color: #000; height: 95px; text-indent: -5000px; }

a#start, h1, h2, h3, h4, h5, div#navi, div#impressum { font-family: Trebuchet MS, Tahoma, Verdana, sans-serif; }

/*h2 { color: #2B5537; font-size: 25px; margin-bottom: 20px; }*/
h2 { color: #2B5537; font-size: 25px; margin-bottom: 10px; background: url(h2.png) 50% 50% no-repeat; width: 330px; position: relative; top: -25px; left: -65px; padding-left: 100px; padding-bottom: 5px; color: #FFF; }
h3 { margin-top: 15px; margin-bottom: 10px; }

div#navi { position: absolute; top: 80px; right: 0; height: 60px; width: 600px; font-weight: bold; }
	div#navi ol { list-style: none; text-align: left; padding-left: 35px; }
	div#navi ol li { display: inline; margin: 0 15px; }
	div#navi a { color: #EEE; text-decoration: none; }
		div#navi a.active, div#navi a:hover { color: #FFF; border-bottom: 3px solid #2B5537; }
		div#navi a.active { position: relative; top: 5px; }

div#content, div#admin { margin: 35px 5% 35px 0; background: #FFF url(content.gif); color: #000; text-align: justify; padding: 20px 50px 35px 275px; font-size: 12px; position: relative; min-height: 550px; border: 1px solid #2B5537; border-left: none; }

a#fszsz_banner { display: block; width: 391px; height: 31px; position: absolute; top: -1px; right: 0; text-indent: -5000px; background: url(fszsz_cimer_white.png) 50% 50% no-repeat; }
	a#fszsz_banner:hover { background: url(fszsz_cimer.png) 50% 50% no-repeat; }

div#sidebar { width: 205px; height: 450px; background: url(sidebar.png) right top no-repeat; position: absolute; top: 50px; left: 0; padding: 15px 10px 25px 10px; text-align: left; }
	div#sidebar h2 { color: #FFF; font-size: 15px; text-align: left; padding-left: 0; background: none; width: auto; position: static; top: 0; margin-bottom: 5px; }
	div#sidebar li { margin-bottom: 10px; padding: 0 10px; }
	div#sidebar a { text-decoration: none; color: #EEE; font-weight: bold; }
		div#sidebar a:hover { color: #FFF; border-bottom: 1px solid #2B5537; }

ol#newslist { list-style: none; width: 500px; margin: 35px auto; }
	ol#newslist a { text-decoration: none; color: #000; border-bottom: 1px solid #2B5537; }
			ol#newslist a:hover { color: #2B5537; border-bottom: 1px solid #000; }
	ol#newslist p.author { text-align: right; color: #2B5537; }
	ol#newslist li { border-bottom: 1px solid #2B5537; margin-bottom: 35px; }

ol#videolist, ol#photoslist { list-style: none; width: 465px; margin: 0 auto; }
	ol#videolist a, ol#photoslist a { text-decoration: none; color: #2B5537; }
		ol#videolist a:hover, ol#photoslist a:hover { border-bottom: 1px solid #2B5537; color: #000; }

div#videobox { width: 465px; margin: 0 auto; }

h3.linkheader { text-align: center; font-size: 16px; }
ol.linklist { width: 350px; list-style: none; margin: 15px auto 25px auto; }
	ol.linklist li { margin-bottom: 15px; }
	ol.linklist a { color: #2B5537; text-decoration: none; font-weight: bold; font-size: 13px; }
		ol.linklist a:hover { color: #000; border-bottom: 1px solid #2B5537; }

div#impressum { background: #FFF; margin-top: 35px; color: #000; height: 25px; width: 100%; font-weight: bold; border: 1px solid #2B5537; border-left: none; border-right: none; }


/* PHOTOS ---------------------------------------------------------------------------------------------------- */

	ol#sub_navi { list-style: none; position: relative; height: 35px; }
		ol#sub_navi li { font-weight: bold; position: absolute; top: 0; }
			ol#sub_navi li.foci { left: 0; }
			ol#sub_navi li.kezi { left: 200px; }
			ol#sub_navi li.egyeb { left: 400px; }
			ol#sub_navi li a { background: url(sub_navi.png) 50% 50% no-repeat; text-decoration: none; display: block; width: 165px; height: 20px; padding-top: 3px; text-align: center; color: #FFF; }
				ol#sub_navi li a:hover, ol#sub_navi li a.active { background: url(sub_navi_hover.png) 50% 50% no-repeat; }
	
	div.big { text-align: center; margin-bottom: 35px; }
		div.big img { border: 25px solid #000; border-bottom: 50px solid #000; }
		div.big p { font-weight: bold; position: relative; top: -45px; color: #FFF; }
			div.big p a { color: #EEE; text-decoration: none; }
				div.big p a:hover { color: #FFF; border-bottom: 1px solid #2B5537; }
	
	div#thumbnails { height: 165px; margin: 0 auto; overflow-y: hidden; overflow-x: auto; }
	div#thumbnails ol { height: 150px; }
		div#thumbnails ol li { display: inline; }

/* stop: PHOTOS ---------------------------------------------------------------------------------------------------- */