body {
background-image: url(../images/alap01.jpg); background-repeat: repeat-xy;
background-position: top;
background-attachment: scroll;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

div#fejlec { width: 800px; height: 200px; background: url(../images/fejlec.gif); margin: 0; padding: 0; }


div#alap { width: 800px; height: 100%; background: url(../images/alaplec.gif); background-repeat: repeat-y; margin: 0; padding: 0; }


div#oldalsav { float: left; display: block; width: 200px; height: 100%; background: url(../images/menualap.gif); background-repeat: no-repeat; margin: 0; padding: 0; }


div#menu { float: bottom; display: block; width: 180px; min-height: 400px; margin: 0 0 0 20px; padding: 0; }

div#menu a { float: bottom; display: block; width: 180px; height: 40px; margin: 0; padding: 0; }

div#menu a:hover { background-position: 0px 40px; }


div#beerfanclub { float: bottom; display: block; width: 150px; height: 690px; border: 3px solid #80601c; background: #36290f; margin: 10px 0 0 25px; padding: 0; }

div#beerfanclub_login { float: bottom; display: block; width: 150px; height: 240px; border: 3px solid #80601c; background: #36290f; margin: 10px 0 0 25px; padding: 0; }

div#register { float: left; display: block; width: 143px; font-family: Verdana; font-size: 11px; color: #ebbf4e; margin: 10px 5px 0 5px; padding: 0; }



div#belsoalap { float: left; display: block; width:580px; min-height: 750px; background: url(../images/belsoalap2.gif); background-repeat: no-repeat; margin: 0 20px 0 0; padding: 0; }


div#email_top { float: right; display: block; font-family: Verdana; font-size: 9px; text-align: right; color: #ebbf4e; margin: 20px 15px 0 0; padding: 0; }



div#lablec { float: bottom; display: block; clear: both; width: 800px; height: 50px; font-family: Verdana; font-size: 10px; text-align: center; color: #ebbf4e; background: url(../images/lablec.gif); background-repeat: no-repeat; margin: 0; padding: 0; }

div#lablec_text { float: left; display: block;  font-family: Verdana; font-size: 9px; text-align: right; color: #ebbf4e; margin: 33px 0 0 30px; padding: 0; }

div#email { float: right; display: block; font-family: Verdana; font-size: 9px; text-align: right; color: #ebbf4e; margin: 33px 30px 0 0; padding: 0; }



div#hirdetes01 { float: bottom; display: block; width: 540px; height: 75px; margin: 75px 10px 0 0; padding: 0; }


div#hirdetes02 { float: bottom; display: block; width: 120px; height: 600px; margin: 20px 0 20px 20px; padding: 0; }


div#hirdetes03 { float: bottom; display: block; width: 540px; height: 75px; margin: 10px 0 0 0; padding: 0; }


div#hirdetes04 { float: bottom; display: block; width: 120px; height: 240px; margin: 20px 0 20px 20px; padding: 0; }


div#hirdetes05 { float: bottom; display: block; width: 540px; height: 20px; margin: 30px 0 0 0; padding: 0; }


div#hirdetes06 { float: bottom; display: block; width: 160px; height: 600px; margin: 20px 0 20px 20px; padding: 0; }


div#search01 { float: bottom; display: block; width: 516px; height: 50px; background: #36290f; border: 1px solid #503e15; margin: 75px 10px 0 0; padding: 10px 0 0 5px; }



div#beerhistory { width: 540px; font-size: 15px; text-align: justify; letter-spacing: 0.7pt; color: #ebbf4e;  border-bottom: 1px solid #ebbf4e; margin: 10px 10px 0 0; padding: 0; }

.history001 img { float: right; margin-left: 10px; border: 2px solid #ebbf4e; margin-top: 5px; margin-bottom: 5px; }

.history002 img { float: left; margin-right: 10px; border: 2px solid #ebbf4e; margin-top: 5px; margin-bottom: 5px; }



div#typesofbeer { width: 540px; font-size: 15px; text-align: justify; letter-spacing: 0.7pt; color: #ebbf4e;  margin: 10px 10px 0 0; padding: 0; }

.typesofbeer img { float: left; border: 2px solid #ebbf4e; margin: 5px 10px 5px 3px; }

.typesofbeer { border-bottom: 1px dotted #ebbf4e; padding: 0 0 10px 0; }



div#beernews { width: 540px; font-size: 15px; text-align: center; color: #ebbf4e; margin: 10px 10px 15px 0; padding: 0; }


div#beernews2 { float: left; display: block; width: 540px; border-bottom: 2px solid #ebbf4e; margin: 10px 0 0 15px; padding: 0; }


div#beernews01 { float: left; width: 328px; min-height: 500px; font-size: 15px; text-align: justify; color: #ebbf4e; border: 1px solid #ebbf4e; margin: 0 10px 20px 0; padding: 0; }

.beernews01  { margin: 5px 15px 10px 15px; }

.beernews01 img { border: 2px solid #ebbf4e; margin-bottom: 15px; margin-right: 15px; }


div#beernews02 { float: left; width: 198px; min-height: 500px; font-size: 13px; text-align: center; color: #ebbf4e; border: 1px solid #ebbf4e; background-color: #36290F; margin: 0 0 20px 0; padding: 0; }

.beernews02  { margin: 5px 10px 10px 10px; }

span.line  { font-size: 11px; font-weight: bold; }

div#beernewstitle { float: left; width: 100%; height: 25px; background-color: #ebbf4e; font-size: 18px; text-align: center; color: #36290F; font-weight: bold; margin: 0 0 10px 0; }

.beernewsh1    { font-size: 25px; text-align: center; color: #ebbf4e; font-weight: bold; margin: 5px 15px 10px 15px; }

.beernewsline  { font-size: 12px; text-align: center; font-weight: bold; margin: 0 15px 0 15px; }



div#homebeerbrewing { width: 540px; font-size: 15px; text-align: justify; color: #ebbf4e; margin: 10px 10px 0 0; padding: 0; }


div#homebeerbrewing2 { float: left; display: block; width: 540px; margin: 10px 0 0 15px; padding: 0; }


div#homebeerbrewing01 { float: left; width: 368px; min-height: 500px; font-size: 15px; text-align: justify; color: #ebbf4e; border: 1px solid #ebbf4e; margin: 0 10px 20px 0; padding: 0; }

.homebeerbrewing01  { margin: 5px 15px 10px 15px; }

.homebeerbrewing01 img { border: 2px solid #ebbf4e; margin-bottom: 15px; margin-right: 15px; }


div#homebeerbrewing02 { float: left; width: 158px; min-height: 500px; font-size: 13px; text-align: center; color: #ebbf4e; border: 1px solid #ebbf4e; background-color: #36290F; margin: 0 0 20px 0; padding: 0; }

.homebeerbrewing02  { margin: 5px 10px 10px 10px; }

div#homebeerbrewingtitle { float: left; width: 100%; height: 25px; background-color: #ebbf4e; font-size: 18px; text-align: center; color: #36290F; font-weight: bold; margin: 0 0 10px 0; }

.homebeerbrewingh1    { font-size: 25px; text-align: center; color: #ebbf4e; font-weight: bold; margin: 5px 15px 10px 15px; }

.homebeerbrewingline  { font-size: 12px; text-align: center; font-weight: bold; margin: 0 15px 0 15px; }


div#banneralap { float: bottom; display: block; width: 540px; height: 95px; margin: 75px 10px 0 0; padding: 0; }

div#bannerrota2 {float: left; width: 540px; height: 95px; margin: 0; padding: 0; }


div#bannerrota {float: right; width: 198px; height: 350px; border: 1px solid #000000; margin: 0 0 20px 0; padding: 0; }



div#almenu { float: bottom; display: block; width: 540px; height: 30px; background-color: #36290F; border: 1px solid #ebbf4e; margin: 10px 10px 0 0; padding: 0; }

div#almenu a { font-family: Verdana; font-size: 13px; text-decoration: underline; }

div#almenu a:hover { font-family: Verdana; font-size: 13px; text-decoration: none; }

div#almenu_w { float: bottom; display: block; width: 540px; border: 1px solid #ebbf4e; font-family: Verdana; font-size: 13px; margin: 10px 10px 0 0; padding: 1px; }


div#games_body  { float: bottom; display: block; width: 540px; height: 100%; color: #ebbf4e; margin: 10px 10px 0 0; padding: 0; }

div#game   { float: left; display: block; width: 250px; height: 270px; border: 1px solid #ebbf4e; margin: 8px; padding: 0; }

div#game a { float: left; display: block; width: 200px; height: 140px; margin: 5px 25px 10px 25px; padding: 0; }

div#game a:hover { background-position: 0px 140px;}

div#game_text   { float: left; display: block; width: 230px; margin: 5px 10px 5px 10px; padding: 0; }


div#game_now   { float: bottom; display: block; width: 530px; height: 100%; border: 1px solid #ebbf4e; margin: 10px; padding: 10px 0 0 0; }

div#fullscreen a { float: bottom; display: block; width: 133px; height: 43px; margin: 20px 0 10px 0; padding: 0; }

div#fullscreen a:hover { background-position: 0px 43px; }


div#gamerate   { float: bottom; display: block; width: 500px; min-height: 43px; border : 1px dotted #ebbf4e; background-color: #36290F; margin: 10px 15px 10px 15px; padding: 5px 0 5px 0; }



div#bitwgoogle { width: 540px; margin: 0 10px 0 0; padding: 0; }



div#beerbrewing { width: 540px; font-size: 15px; text-align: justify; letter-spacing: 0.7pt; color: #ebbf4e; margin: 10px 10px 0 0; padding: 0; }

.beerbrewing01 img { border: 2px solid #ebbf4e; margin-left: 30px; margin-top: 15px; margin-bottom: 5px; }

.beerbrewing02 img { border: 2px solid #ebbf4e; margin-left: 120px; margin-top: 15px; margin-bottom: 5px; }



div#wallpapers { width: 540px; font-family: Verdana; font-size: 8px; text-align: center; letter-spacing: 2px; color: #ebbf4e; margin: 0; padding: 0; }

td.wallpaper01  { border: 0px solid #ebbf4e; }

td.wllpaper_pages { font-family: Verdana; font-size: 11px; text-align: center; letter-spacing: 2px; color: #e67817; }

table.wallpaper01 img { border: 1px solid #ebbf4e; }

table.wallpaper01 a { color: #ebbf4e; }

table.wallpaper01 a:hover { color: #e67817; }


div#videos { width: 540px; font-family: Verdana; font-size: 8px; text-align: center; color: #ebbf4e; margin: 0 10px 0 0; padding: 0; }

div#videopic { float: left; width: 150px; height: 170px; background-color: #36290F; margin: 10px 15px 10px 15px; padding: 0; }

div#videopic a { float: bottom; display: block; width: 150px; height: 110px; margin: 0; padding: 0; }

div#videopic a:hover { background-position: 0px 110px; }

.videopic { font-family: Verdana; font-size: 10px; text-align: center; letter-spacing: 2px; color: #ebbf4e; margin: 5px 4px 0 4px; padding: 0; }

div#cantaloupetv  { float: left; width: 508px; height: 1110px; background-color: #36290F; border: 1px solid #ebbf4e; margin: 10px 0 10px 5px; padding: 10px 0 0 25px; }


div#foodswithbeer { width: 540px; font-family: Verdana; text-align: center; font-size: 14px; color: #ebbf4e; margin: 0 10px 0 0; padding: 0; }

table.foodswithbeer { border: 1px solid #ebbf4e; text-align: center; margin: 20px 0 0 0; }

tr.foodswithbeer { border: 1px solid #ebbf4e; }

td.foodswithbeer { border: 1px solid #ebbf4e; }

td.foodswithbeer a { font-family: Verdana; font-size: 14px; }

td.foodswithbeer a:hover { font-family: Verdana; font-size: 14px; }

th.foodswithbeer { font-family: Verdana; font-size: 18px; background-color: #36290F; }




div#recipe { width: 540px; text-align: justify; letter-spacing: 0.7pt; color: #ebbf4e; margin: 10px 10px 0 0; padding: 0; }

.style_recipe02 img { float: right; margin-left: 10px; margin-top: 20px; margin-bottom: 5px; border: 2px solid #ebbf4e; }


div#links { width: 540px; font-family: Verdana; text-align: center; font-size: 14px; color: #ebbf4e; margin: 0 10px 0 0; padding: 0; }

table.links { border: 1px solid #ebbf4e; text-align: center; }

tr.links { border: 1px solid #ebbf4e; }

td.links { border: 1px solid #ebbf4e; }

td.links a { font-family: Verdana; font-size: 14px; }

td.links a:hover { font-family: Verdana; font-weight: bold; font-size: 14px; }


div#brewerylist { width: 540px; font-family: Verdana; text-align: center; font-size: 10px; color: #ebbf4e; margin: 0 10px 0 0; padding: 0; }

tr.brewerylist { height: 30px; border: 1px solid #ebbf4e; }

td.brewerylist_logo { width: 30px; border: 1px solid #ebbf4e; }

td.brewerylist { border: 1px solid #ebbf4e; }

td.brewerylist a { font-family: Verdana; font-size: 14px; }

td.brewerylist a:hover { font-family: Verdana; font-weight: bold; font-size: 14px; }



table.sitemap { width: 100%; border: 0px solid #ebbf4e; font-family: Verdana; text-align: left; color: #ebbf4e; margin: 0; }

tr.sitemap { border: 0px solid #ebbf4e; }

td.sitemap1 { min-width: 85px; vertical-align:text-top; font-weight: bold; font-size: 10px; border-right: 0px solid #110900; border-bottom: 0px solid #110900; padding: 0 2px 2px 2px; }

td.sitemap12 { min-width: 85px; vertical-align:text-top; font-weight: bold; font-size: 10px; border-right: 0px solid #110900; border-bottom: 0px solid #110900; padding: 0 2px 2px 2px;  }

td.sitemap { min-width: 85px; vertical-align:text-top; font-size: 9px; border-right: 0px solid #110900; padding: 3px 2px 0 2px; }

td.sitemapobg { min-width: 200px; vertical-align:text-top; font-size: 9px; border-right: 0px solid #110900; padding: 3px 2px 0 2px; }

td.sitemap2 { min-width: 85px; vertical-align:text-top; font-size: 9px; border: 0px solid #110900; padding: 3px 2px 0 2px; }



div#gallery { width: 540px; font-family: Verdana; font-size: 8px; text-align: center; letter-spacing: 2px; color: #ebbf4e; margin: 0; padding: 0; }

div#gallery a { float: left; display: block; margin: 0 5px 10px 5px; padding: 0; }


div#facebook {  float: left; width: 538px; border: 1px solid #ebbf4e; margin: 20px 0 0 15px; padding: 5px 0 5px 0; }


div#info {  position: fixed; top: 10px; left: 10px; width: 39px; height: 42px; margin: 0; padding: 0; }

div#info a {   float: left; width: 39px; height: 42px; margin: 0; padding: 0; }

div#info a:hover {  background-position: 0px 42px; margin: 0; padding: 0; }

div#infobox { width: 200px; font-family: Verdana; font-size: 11px; color: #ebbf4e; text-align: left; margin: 0; padding: 4px; }

div#infobox a {   width: 180px; margin: 0; padding: 0; }

div#infobox a:hover {  margin: 0; padding: 0; }


div#homepage {  position: fixed; top: 0px; right: 0px; font-family: Verdana; font-size: 12px; text-align: center; color: #ebbf4e; margin: 10px 10px 0 0; padding: 0; }


div#to-top  { position: fixed; bottom: 0px; right: 0px; width: 60px; height: 22px; background-color: #110900; opacity:0.90; filter:alpha(opacity=90); margin: 0 20px 20px 0; padding: 0; }



.style01 { font-family: Verdana; font-size: 15px; text-align: center; letter-spacing: 2px; color: #ebbf4e; margin: 20px 0 10px 0; padding: 0; }

.style02 { text-align: center; }

.style03 { font-family: Verdana; font-size: 14px; text-align: center; color: #ebbf4e; margin: 5px 0 0 0; padding: 0; }

.style_recipe01 { font-size: 18px; font-weight: bold; }

.style_recipe02 { font-size: 15px; border-bottom: 1px solid #ebbf4e; }

.style_recipe03 { font-size: 14px; text-align: center; }

.style_to-top { font-size: 14px; color: #ebbf4e; text-align: center; margin: 0 0 10px 0; }

.style_games  { font-family: Verdana; font-size: 18px; font-weight: bold; color: #ebbf4e; text-align: center;  margin: 5px; }

.style_games2  { font-family: Verdana; font-size: 10px; color: #ebbf4e; text-align: left;  margin: 0 5px 0 5px; }

.style_fanclub  { font-family: Wide Latin; font-size: 14px; color: #ebbf4e; text-align: center; }

.reg { font-size: 14px; font-weight: bold; color: #ebbf4e; text-align: left; margin: 0; }

h1 { text-align: center; }


@font-face {
        font-family: Wide Latin; src: url(http://beerintheworld.com/fonts/LATINWD.TTF)}



table.category { border: none; }

td.category { border: 1px solid #ebbf4e; padding: 10px; }


hr.category { color: #ebbf4e; }

form.category { font-family: Verdana; font-size: 12px; }

select {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-color: #36290F;
border: 1px solid #ebbf4e;
}


option {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-color: #36290F;
border: none;
}


input.go {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #36290F;
}


input.data2 {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-image: url(../images/input2.png);
background-position: 0px 0px;
border: none;
width: 150px;
height: 30px;
margin-top: 3px;
}


input.add01 {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-image: url(../images/input3.png);
background-position: 0px 0px;
border: none;
width: 300px;
height: 30px;
margin-top: 3px;
}


textarea.textarea {
font-size: 14px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-image: url(../images/textarea2.png);
background-position: 0px 0px;
border: none;
width: 300px;
height: 200px;
margin-top: 8px;
}


input.data {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-image: url(../images/input2.png);
background-position: 0px 0px;
border: none;
width: 130px;
height: 20px;
margin-top: 8px;
}


input.send {
border: none;
background-color: #36290F;
background-image: url(../images/send.png);
background-position: 0px 0px;
width: 109px;
height: 43px;
margin-top: 5px;
}

input.submit01 {
border: none;
background-color: #36290F;
background-image: url(../images/submit.png);
background-position: 0px 0px;
width: 98px;
height: 33px;
}

input.submit {
border: none;
background-color: #36290F;
background-image: url(../images/submit.png);
background-position: 0px 0px;
width: 98px;
height: 33px;
}

textarea {
font-size: 14px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-image: url(../images/textarea.png);
background-position: 0px 0px;
border: none;
width: 130px;
height: 170px;
margin-top: 3px;
}


form.form {
font-size: 12px;
font-family: Verdana;
color: #ebbf4e;
}


input.register {
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #ebbf4e;
background-image: url(../images/input.png);
background-position: 0px 0px;
border: none;
width: 130px;
height: 20px;
margin-top: 3px;
}


input.register_send {
border: none;
background-color: #36290F;
background-image: url(../images/login.png);
background-position: 0px 0px;
width: 81px;
height: 43px;
margin-top: 5px;
}



/*Wmenu start css*/


.suckertreemenu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li
{
  position: relative;
  display: inline;
  float: left;
  color: #ebbf4e;
  background-color: #36290F; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a
{
  display: block;
  width: 134px; /*Width of top level menu link items*/
  padding: 0;
  border-left-width: 0;
  text-decoration: underline;
  color: #e67817;
}

/*1st sub level menu*/
.suckertreemenu ul li ul
{
  left: 0;
  position: absolute;
  top: 1em; /* no need to change, as true value set by script */
  display: block;
  visibility: hidden;
  color: #ebbf4e;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li
{
  display: list-item;
  float: none;
  color: #ebbf4e;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul
{
  /* no need to change, as true value set by script */
  color: #ebbf4e;
  top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a
{
  display: block;
  width: 134px; /*width of sub menu levels*/
  color: #e67817;
  text-decoration: underline;
  padding: 1px 5px;
}

.suckertreemenu ul li a:hover
{
  color: #ebbf4e;
  text-decoration: none;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon
{
  background: #36290F;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon
{
  background: #36290F;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/*Wmenu end css*/


a:link {
color: #e67817;
text-decoration: underline;
}

a:visited {
color: #e67817;
text-decoration: underline;
}

a:hover {
color: #ebbf4e;
text-decoration: none;
}

a:active {
color: #e67817;
text-decoration: underline;
}