* {margin: 0; padding: 0; border: 0;}
body {background: #000000; color:  #6bae30; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; font-size: 8pt;}

/* MAIN CONTAINER */
div#maincontainer {margin-left: auto; margin-right: auto; width: 1024px; background: #002605; text-align: left; position: relative;/* margin-top: 50px;*/}

/* HEADER */
div#header {position: relative; width: 1024px; height: 296px; background: url(/images/header.png) 795px 10px no-repeat;}
div#header .logo {background: url(/images/logo.jpg) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 272px; height: 91px;}
div#header .logo a {display: block; width: 272px; height: 91px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden;}
div#header .header_print{position: absolute; top: 103px; left: 0px;  z-indeX: 2;}


div#header .tudtade {position: absolute; top: 14px; right: 20px; text-align: right; width: 250px; color: #c19c22; font-size: 7pt;}
div#header .tudtade p span {display: inline-block; margin: 2px 0px 5px 0;}
div#header .tudtade strong {color: white;}
div#header .tudtade a {position: absolute; top: 45px; right: 0px; display: inline-block; width: 75px; padding: 2px 0 2px 0; text-align: center; background: url(/images/next_btn.gif) 0 0 no-repeat; color: black; font-weight: bold; text-decoration: none;}
div#header .tudtade a:hover {color: #0c8610;}
div#header div.fenypaszma {position: absolute; top: 91px; left: 0;  z-indeX: 1; width: 1024px; height: 204px; overflow: hidden;} 

.banner { position: absolute; top: 15px; left: 285px;}

.headerimage{position: absolute; top: -139px; left: -1px; z-indeX: 3;}

/* MENU */
div#menucol {width: 272px; float: left; }
div#menucol ul {list-style: none; width: 100%; margin-top: 6px; margin-bottom: 6px;}
div#menucol li.level1 { margin-bottom: 1px;}
div#menucol li.level1 ul {margin: 0;  padding-top: 11px; padding-bottom: 9px; width: 250px}
div#menucol li.level1 a {background-image: url(/images/menu.gif); width: 100%; display: block; height: 27px; overflow: hidden;  text-indent: -3000px; }
div#menucol li.level1 a:focus {outline:0;}
div#menucol li.menu1 a {background-position: 0 0;}
div#menucol li.menu2 a {background-position: 0 -28px;}
div#menucol li.menu3 a {background-position: 0 -56px;}
div#menucol li.menu4 a {background-position: 0 -84px;}
div#menucol li.menu5 a {background-position: 0 -112px;}
div#menucol li.menu6 a {background-position: 0 -140px;}
div#menucol li.menu7 a {background-position: 0 -168px;}
div#menucol li.menu8 a {background-position: 0 -196px;}

div#menucol li.menu1 a:hover, div#menucol li.menu1 a.active {background-position: 0 -224px;}
div#menucol li.menu2 a:hover, div#menucol li.menu2 a.active {background-position: 0 -252px;}
div#menucol li.menu3 a:hover, div#menucol li.menu3 a.active{background-position: 0 -280px;}
div#menucol li.menu4 a:hover, div#menucol li.menu4 a.active {background-position: 0 -308px;}
div#menucol li.menu5 a:hover, div#menucol li.menu5 a.active {background-position: 0 -336px;}
div#menucol li.menu6 a:hover, div#menucol li.menu6 a.active {background-position: 0 -364px;}
div#menucol li.menu7 a:hover, div#menucol li.menu7 a.active {background-position: 0 -392px;}
div#menucol li.menu8 a:hover, div#menucol li.menu8 a.active {background-position: 0 -420px;}

div#menucol li.level2 {font-weight: bold; color: #f3bf0d; background: none; margin-bottom: 2px;}
div#menucol li.level2 a {color: #ffffff; background: none; text-decoration: none; height: 17px;  padding-left: 0; width: 100%; display: block; text-indent: 0; text-align: right;}
div#menucol li.level2 a:hover, div#menucol li.level2 a.active {color: #f3bf0d; background: none; text-decoration: none;}

.player {position: absolute; left: 10px; bottom: 148px; height: 50px; width: 250px;}
.player a {position: relative; color: #6dad38; background-color: inherit; text-decoration: none; font-size: 12px; font-weight: bold; top: 10px;}
.player a:hover {color: #f3bf0d; background-color: inherit; text-decoration: none;}

/* CONTENT */
div.content {position: relative; float: right; width: 750px; min-height: 400px; height: auto; line-height: 130%; background: url(/images/content.gif) 0 0 repeat;}
div.content p { width: 650px; padding: 13px 16px 13px 16px;}
div.content ul {list-style-position: outside; padding-bottom: 20px;}
div.content li.level1 {margin-left: 25px; list-style-type: disc; padding-bottom: 7px;}
div.content a {color: #a5dc20; background-color: inherit; text-decoration: underline;}
div.content a:hover {color: #a5dc20; background-color: inherit; text-decoration: none;}
div.content .contentimage {background: url(/images/bg_contentimg.gif) 0 bottom no-repeat #001504; width: 750px; height: 263px; overflow: hidden;}
div.content .products {background: url(/images/bg_contentimg.gif) 0 bottom no-repeat #001504; width: 750px; height: 417px; overflow: hidden;}
.page_left, .page_right{position: absolute; display: block; bottom: 130px; width: 14px; height: 20px; overflow: hidden; text-indent: -300px;}
.page_left {right: 55px; background: url(/images/arrow_left2.png) 0 0 no-repeat;}
.page_left:hover {background: url(/images/arrow_left2_hover.png) 0 0 no-repeat;}
.page_right {right: 10px; background: url(/images/arrow_right2.png) 0 0 no-repeat;}
.page_right:hover  {background: url(/images/arrow_right2_hover.png) 0 0 no-repeat;}
.pager{position: absolute; right: 30px; bottom: 132px;}
#pages {height: 155px;}

/* INNERMENU */
div.innermenu img {margin: 0 0 15px 35px;}
div.innermenu a {text-decoration: none !important;}

/* PATH NAVIGATION */
div.pathnav {color: #383838; background-color: inherit; margin-bottom: 12px; font-size: 7pt;}
div.pathnav a {color: #099511; background-color: inherit; text-decoration: none; font-weight: bold;}
div.pathnav a:hover {color: #a5dc20; background-color: inherit; text-decoration: none;}

/* FOOTER */
div#footer {position: relative; width: 1024px; height: 56px; background: url(/images/footer.gif) 0 0 no-repeat; position: relative; clear: both;}
div#footer p {color: #c19c22; background-color: inherit; position: absolute; left: 14px; top: 15px; font-size:7pt;}
div#footer a, div#footer strong {color: #ffffff; background-color: inherit; text-decoration: none;}
div#footer a:hover {color: #ffffff; background-color: inherit; text-decoration: underline;}
div#footer .enjoygosser{position: relative; top: 8px; margin-bottom: -12px;}



/* CREATEDBY */
div#footer div#createdby {position: absolute; left: 0px; top: 18px; width: 400px;}
div#footer div#createdby p {padding-right: 5px;}
div#footer div#createdby a {color: #ffffff; background-color: inherit; text-decoration: none; font-weight: bold;}
div#footer div#createdby a:hover {color: #ffffff; background-color: inherit; text-decoration: underline; font-weight: bold;}

/* SUBNAV */
div#footer div#subnav {position: absolute; left: 289px; top: 0; width: 450px; height: 50px; }
div#footer .logos {position: absolute; top: -65px; left: 10px; }
div#footer .logos a {display: block; height: 60px; margin: 0; padding: 0; text-indent: -3000px; font-size: 0; overflow: hidden; float: left; margin-right: 5px;}
div#footer .logos a.dining {width: 146px; background: url(/images/logo_dining_guide.jpg) 0 0 no-repeat; }
div#footer .logos a.folyekony {width: 99px; background: url(/images/logo_folyekony_kenyer.jpg) 0 0 no-repeat; }

/* Gut Besser */
div#footer div#gutbesser { position: absolute; bottom: 0; right: 61px; width: 139px; height: 57px; background: url(/images/gut_besser.png) top left no-repeat; z-index: 6;}
div#footer div#glass { position: absolute; bottom: 0; right: 22px; width: 39px; height: 115px; background: url(/images/glass.png) top left no-repeat; z-index: 6;}


/* FOOTER */
div.pager {font-size: 8pt; line-height: 130%; color: #ecebeb; background-color: inherit; text-align: center; padding-top: 10px; clear: both; font-weight: normal;}
div.pager a {color: #099912; text-decoration: none; background-color: inherit;}
div.pager a:hover {color: #a5dc20; text-decoration: none; background-color: inherit;}
div.pager .aktualis {color: #fff; font-weight: bold; background-color: #777777; padding-left: 3px; padding-right: 3px; }

/* GLOBAL CLASSES */
h1 {color: #0e7413; background-color: inherit; background: url(/images/bg_h1.gif) no-repeat left top; font: normal 16pt "Times New Roman", Times, serif; margin-bottom: 15px; padding: 10px 0 15px 16px;}
h2 {color: #0e7413; background-color: inherit; font-size: 10pt; margin-bottom: 10px; font-weight: bold;}
h3 {color: #000; background-color: inherit; font-size: 8pt; margin-bottom: 5px; font-weight: bold;}
a.morelink {background: url(/images/bg_morelink.gif) no-repeat top; font-size: 7pt; font-weight: bold;  display: block; color: #fff !important; background-color: inherit; text-decoration: none !important; width: 60px; line-height: 20px; text-align: center; margin-top: 5px;}
a.morelink:hover {color: #a5dc20 !important; background-color: inherit; text-decoration: none !important;}
a.hasznoslink {color: #099912 !important; background-color: inherit; text-decoration: none !important; font-weight: bold;}
a.hasznoslink:hover {color: #a5dc20 !important; background-color: inherit; text-decoration: none;}
img.decorpic_left {float: left; margin: 0 10px 5px 0; border: 1px #bebebe solid;}
img.decorpic_right {float: right; margin: 0 0 5px 10px; border: 1px #bebebe solid;}
img.decorpic_right_receptek {float: right; margin: 0 0 5px 10px; border: 1px #bebebe solid;}
img.decorpic_kulkereskedelem {margin-bottom: 50px;}
img.decorpic_bordered {border: 1px #bebebe solid;}
div.formtext {width: 110px; line-height: 150%; float: left; text-align: right; margin-right: 5px;}
.textfield {border: 1px solid #bebebe; padding: 1px; margin-bottom: 4px; font-size: 8pt; color: #000; background-color: inherit;}
select {border: 1px solid #bebebe; padding: 1px; margin-bottom: 4px; font-size: 8pt; color: #000; background-color: inherit;}
a:focus {outline: 0;}
.hidden {display: none;}
a.modal {cursor: pointer;}


/* HOME */
div.content .home p {width: 470px;}
div.content  p.homefont {font-size: 11pt; line-height: 130%;}
div.content .twogosser {position: absolute; top: -177px; right: 0; width: 252px; height: 606px; background: url(/images/2_gosser.png) top left no-repeat;  z-indeX: 4;}

/* AGECHECK */
div#maincontainer div#agecheck { position: relative; width: 100%; height: 768px; background: url(/images/agecheck.jpg) top left no-repeat; overflow: hidden;}
div#maincontainer div.fenypaszma {position: absolute; top: 91px; left: 0; z-index: 1;}
div#maincontainer div#agecheck .textfield {border: 1px solid #D1A545; background: white;}
div#maincontainer div#agecheck .check {font-size: 11pt; width: 100%; position: absolute; top: 455px; color: #d1a545; text-align: center;}
div#maincontainer div#agecheck .check .submit {cursor: pointer; margin: 26px 10px 0px 10px; display: inline-block; width: 71px; font-size: 8pt; text-transform: uppercase; font-weight:bold; padding: 2px 0 2px 0; text-align: center; background: url(/images/agechk_btn.gif) 0 0 no-repeat; color: black; text-decoration: none;}
div#maincontainer div#agecheck .check .submit:hover {color: #0c8610;}
div#maincontainer div#agecheck .manytext {width: 10000px; position: absolute; top: 200px; left: -22px; font-size: 33pt; color: #64aa2d; line-height: 32pt; z-index: 3;}
div#maincontainer div#agecheck .manytext span {font-size: 18pt; position: absolute; top: 45px; left: 12px; z-index: 2;}
div#maincontainer div#agecheck .age_print{position: absolute; top: 98px; left: 0px; z-index: 2;}
div#maincontainer div#agecheck #scrooltext{position: absolute; top: 1px; left: 12px; z-index: 2; }

div#maplist {background-image: url(/images/bg_menu.gif); background-position: left; background-repeat: repeat-y; font-size: 8pt; padding-top: 5px; padding-bottom: 5px}
div#maplist ul {list-style: none; padding-bottom: 0;}
div#maplist li {font-weight: bold;}
div#maplist a {color: #5ea031; background-color: inherit; text-decoration: none; display: block; background-image: url(/images/menu_bullet_inactive.gif); background-position: left; background-repeat: no-repeat; padding-left: 20px; height: 16px; line-height: 16px;}
div#maplist a:hover {color: #6FCB41; background-color: inherit; text-decoration: none; display: block; background-image: url(/images/menu_bullet_active.gif); background-position: left; background-repeat: no-repeat; padding-left: 20px; height: 16px; line-height: 16px;}

div#maplist a.actual {color: #b1beca; background-color: inherit; text-decoration: none; display: block; background-image: url(/images/menu_bullet_actual.gif); background-position: left; background-repeat: no-repeat; padding-left: 20px; height: 16px; line-height: 16px;}
div#maplist a.actual:hover {color: #b1beca; background-color: inherit; text-decoration: none; display: block; background-image: url(/images/menu_bullet_actual.gif); background-position: left; background-repeat: no-repeat; padding-left: 20px; height: 16px; line-height: 16px;}

.map-table {float: left; width: 720px; margin: 20px 0 0 20px;}
#maptext {width: 305px;}
#maptext h2{color: #5ea031; background-color: inherit; font-size: 18px; margin-bottom: 20px; font-weight: normal; text-transform: uppercase;}

.pages {position: absolute; bottom: -100px; left: 0; width: 250px; height: 20px;}