html, body, div, h1, h2, h3, h4, h5, h6, ul, li, img, a {
  margin: 0;
  padding: 0;
  border: none;
  font-weight: normal;
  text-decoration: none;
}
h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 15px;}
h5 { font-size: 14px;}
h5 { font-size: 13px;}
body {
  background-color: #901823;
  font: 13px Verdana,Arial,Helvetica,sans-serif;
}
a {
  color: #65121a;
  text-decoration: underline;
}
a:hover {
  color: #65121a;
}
a:visited {
  color: #65121a;
}
div#doc{
  position: relative;
}
div.page, div.gallery {
  margin: 9px auto 20px auto;
  height: 800px;
  width: 968px;
  background: transparent url(/media/images/hatter.gif) no-repeat top right;
}
div.nyito {
  margin: 80px auto 20px auto;
  width: 680px;
  color: #f3d299;
  font-size: 9px;
  text-align: center;
}
div.nyito h1 a img {
  margin-left: 35px;
}
div.nyito h2 a, div.nyito h2 a:visited {
  display: block;
  margin: 10px auto 20px auto;
  width: 107px;
  height: 27px;
  font-weight: normal;
  font-size: 18px;
  text-decoration: none;
  color: #f3d299;
}
div.nyito h2 a:hover {
  color: #f3d299;
  background: transparent url(/media/images/belepes_arnyek.gif) no-repeat -3px 4px;
}

div.nyito div.preload {
  display: none;
}

div#logo{
  position: absolute;
  left: 40px; top: 6px;
  width: 314px; height: 144px;
}
a.block{
  display: block;
  width: 100%; height: 100%;
}

h1#pagetitle{
  position: absolute;
  left: 260px; top: 230px;
  width: 150px; height: 140px;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}

div#body{
  position: absolute;
  left: 300px;
  top: 270px;
  width: 530px;
  height: 495px;
  overflow: hidden;
  text-align: left;
}
div.page div#body img{
    border: 1px solid #901823;
}

/* menu */

ul, ol, li {
  list-style: none;
}
ul#menu{
  position: absolute;
  left: 100px;
  top: 220px;
}
ul#menu li a{
  position: absolute;
  background-repeat: no-repeat;
  width: 120px;
  height: 50px;
}
ul#menu li a span{
  display: none;
}

li#menu_bemutatkozo {		background-image: url(/media/images/menu/bemutatkozo_.gif)}
li#menu_virag {				background-image: url(/media/images/menu/virag_.gif)}
li#menu_leggomb {			background-image: url(/media/images/menu/leggomb_.gif)}
li#menu_kellekek {			background-image: url(/media/images/menu/kellekek_.gif)}
li#menu_galeria {			background-image: url(/media/images/menu/galeria_.gif)}
li#menu_partnereink {		background-image: url(/media/images/menu/partnereink_.gif)}
li#menu_elerhetoseg {		background-image: url(/media/images/menu/elerhetoseg_.gif)}

li#menu_bemutatkozo a{	left:28px;	top:18px;	background-image: url(/media/images/menu/bemutatkozo.gif)}
li#menu_virag a{		left:57px;	top:62px;	background-image: url(/media/images/menu/virag.gif)}
li#menu_leggomb a{		left:13px;	top:111px;	background-image: url(/media/images/menu/leggomb.gif)}
li#menu_kellekek a{		left:52px;	top:155px;	background-image: url(/media/images/menu/kellekek.gif)}
li#menu_galeria a{		left:19px;	top:198px;	background-image: url(/media/images/menu/galeria.gif)}
li#menu_partnereink a{	left:53px;	top:242px;	background-image: url(/media/images/menu/partnereink.gif)}
li#menu_elerhetoseg a{	left:34px;	top:287px;	background-image: url(/media/images/menu/elerhetoseg.gif)}

li#menu_bemutatkozo a:hover{    background-image: url(/media/images/menu/bemutatkozo_.gif)}
li#menu_virag a:hover{          background-image: url(/media/images/menu/virag_.gif)}
li#menu_leggomb a:hover{        background-image: url(/media/images/menu/leggomb_.gif)}
li#menu_kellekek a:hover{       background-image: url(/media/images/menu/kellekek_.gif)}
li#menu_galeria a:hover{        background-image: url(/media/images/menu/galeria_.gif)}
li#menu_partnereink a:hover{    background-image: url(/media/images/menu/partnereink_.gif)}
li#menu_elerhetoseg a:hover{    background-image: url(/media/images/menu/elerhetoseg_.gif)}


div#body {
  color: #65121a;
  line-height: 22px;
}
div#body li {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 10px;
}

.paging a, .paging a:hover, .paging a:visited{
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    margin: 0px 10px;
}
div#body div .paging a.arrow img {
    position: relative;
    top: 6px;
    border: none;
}
.paging a.left {
    left: 280px; top: 420px;
}
.paging a.right {
    left: 350px; top: 390px;
}

#gal_thumbnails {
    position: relative;
}
#gal_left {
    position: absolute;
    top: 50px; left: 0px;
}
#gal_right {
    position: absolute;
    top: 50px; left: 470px;
}
#gal_container {
    position: absolute;
    top: 25px; left: 25px;
    width: 435px; height: 100px;
    overflow: hidden;
}
#gal_scroll {
    position: absolute;
    top: 0px; left: 0px;
    height: 92px;
    overflow: hidden;
}
#gal_image {
    position: absolute;
    top: 160px; left: 0px; width: 480px;
    text-align: center
}

#gal_scroll img, #gal_image img {
    border: 1px solid #901823;
    margin: 0px 4px;
}

#gal_image img{
    margin:0 auto;
    height: 200px;
}

#gal_linkek {
    position: absolute;
    top: 400px;
    left: 0px;
    width: 100%;
    text-align: center;
}
#gal_linkek a {
    margin-left: 25px;
}