/* reset */

* {padding: 0;margin: 0;}
*:focus {outline: none;}
img {border: none;}
body, form {font-family: Verdana, Arial,Helvetica,sans-serif;}
input, select, textarea {font-size: 100%;font-family: Verdana, Arial, Helvetica, sans-serif;}
li {list-style: none;}
fieldset {border: none;}
p {text-shadow: #000 0 0 0;}

/* sticky footer */

html, body {
    height: 100%;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -92px;
	background: url(images/szoja.jpg) bottom left no-repeat;
}

.footer {
	height: 92px;
	background-color: #fff;
	color: inherit;
	clear: both;
	text-align: center;
}

.push {
     height: 92px;
}

a {
    color: #f0e397;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
    color: #ffd520;
	background-color: inherit;
}

body {
    font: normal 13px/22px Verdana, Arial, Helvetica, sans-serif;
	background: #0f4f00 url(images/body_bg.jpg) top left repeat-y;
	color: #fff;
}


h1 {
	color: #ffd520;
	background-color: inherit;
	padding-bottom: 22px;
	font: normal 24px Arial, Helvetica, sans-serif;
}

h2 {
	color: #ffd520;
	background-color: inherit;
	padding-bottom: 22px;
	font: normal 18px Arial, Helvetica, sans-serif;
}

h3 {
	color: #ffd520;
	background-color: inherit;
	font: normal 16px Arial, Helvetica, sans-serif;
	padding-bottom: 22px;
}

/* layout */

#kontener {
    width: 770px;
	margin: 0 auto;
	overflow: hidden;
}

#logo {
    float: left;
	padding: 33px 0 42px 0;
}
/*
#nyelvi_menu {
    float: right;
	padding: 57px 0 0 0;
}

#nyelvi_menu li {
    float: left;
	display: inline;
	padding: 0 5px;
}

#nyelvi_menu li.active {
    color: #ffd520;
	background-color: inherit;
}
*/

#nyelvi_menu li {
	display: inline;
}

#nyelvi_menu li a {
	float: left;
	overflow: hidden;
	margin: 0 8px;
}

#nyelvi_menu {
    float: right;
	/*width: 96px;*/
	padding-top: 55px;
}

#hu {
  width: 24px;
  height: 18px;
  text-indent: -1000em;
  display: block;
  background: url(images/hu_ikon.gif) bottom left no-repeat;
}

#sk {
  width: 24px;
  height: 18px;
  text-indent: -1000em;
  display: block;
  background: url(images/sk_ikon.gif) bottom left no-repeat;
}

#en {
  width: 24px;
  height: 18px;
  text-indent: -1000em;
  display: block;
  background: url(images/en_ikon.gif) bottom left no-repeat;
}

/* */

#menu {
    float: left;
	clear: left;
	font: 20px Arial, Helvetica, sans-serif;
	width: 174px;
}

#menu li {
	color: #FFD520;
	background-color: inherit;
}

#menu li.active {
    background: url(images/li_bg_active.gif) left center no-repeat;
    padding: 5px 0 5px 22px;
}

#menu li a {
    padding: 5px 0 5px 22px;
	display: block;
    background: url(images/menu_bg.gif) left center no-repeat;
	color: #fff;
	background-color: inherit;
}

#menu li a:hover {
    color: #f9f3d0;
	background-color: inherit;
	display: block;
}

#tartalom {
    width: 570px;
	float: right;
}

#tartalom p {
    padding-bottom: 22px;
}

.ism {
    float: left;
	border: 5px solid #fff;
	margin-right: 22px;
	display: inline;
}

.alairas {
    text-align: right;
	font-style: italic;
}


.audio {
    padding-left: 18px;
	background: url(images/audio_ikon.gif) top left no-repeat;
}

.en {
    padding-right: 20px;
	background: url(images/en.gif) right center no-repeat;
}

.hu {
    padding-right: 20px;
	background: url(images/hu.gif) right center no-repeat;
}

.letolt {
	background: url(images/letolt_ikon.gif) top left no-repeat;
	padding-left: 15px;
}

.link {
    background: url(images/link_ikon.gif) left center no-repeat;
	padding-left: 14px;
}

.sajto li {
    background: url(images/sajto_link_ikon.gif) top left no-repeat;
	padding-left: 14px;
}

#gal_tartalom {
    width: 570px;
	float: left;
	padding-left: 25px;
}


#slideshow {
	clear: both;
	width: 490px;
	height: 370px;
	display: block;
	position: relative;
	/*position: absolute;
	top: 72px;
	left: 0;*/
	background-color: #fff;
	color: inherit;
}

#slideshow img {
	display: none;
	position: absolute;
	top: 5px;
    left: 5px;
}

.vissza {
    padding: 22px 0;
}

.vissza a {
    background: url(images/vissza_ikon.gif) left center no-repeat;
	padding-left: 14px;
}

#media {
	padding-bottom: 22px;
}


