body {
   /*background: #FFFBE8 url(../images/hatter.jpg) no-repeat;*/
   /*background: #FFFBE8 url(../images/keret_bg.jpg) repeat-y;*/
   background: #FFFFFF ;
   margin: 0; /* Firefox wants this */
   padding: 0; /* Opera wants this */
   /*color: #5C4100;*/
   /*color: #5F5F5F;*/
   color: #7D7D7D;
   font-family: 'Oswald', sans-serif;
   /*font: 13px arial, verdana, helvetica, sans-serif;*/
   behavior: url("css/csshover.htc");
   }

.vrozsaszin { background-color: EEEEEE; font-family: Tahoma; font-size: 10px }

.srozsaszin { background-color: CCCCCC; font-family: Tahoma; font-size: 10px }

.cim { font-size: 8px;};

a[href] img:hover {
   /*outline: #5C4100 solid 1px;*/
   outline: #ffffff solid 1px;
   }

a:link, a:visited {
   /*color: #5F5F5F;*/
   color: #7D7D7D;

   font-weight: bold;
   text-decoration: none;}

a[href]:hover {
   font-weight: bold;
   color: #FFF;
   text-decoration: none;}
   
div#hatter {
   background: url(../images/hatter.jpg) no-repeat;
   margin: 0;
   padding: 0;
   width: 1000px;
   min-width: 1000px;
   height: auto;
   min-height: 600px;
   *height: 600px;
   overflow: visible;
   /*clear: both;*/
   }

#wrapper {
	padding: 0;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 600px;
}

   
div#farkaslaka {
   /*background: url(../images/viz_hatter.jpg);*/
   background: #ffffff;
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#menukeret {
   background: blue;
   margin: 0;
   padding: 0;
   width: 210px;
   height: 400px;
   overflow: hidden;
   /*clear: both;*/
   float: left;
   }

div#tartkeret {
   /*background: red;*/
   margin: 0;
   padding: 0;
   width: 580px;
   overflow: hidden;
   /*clear: both;*/
   float: left;
   }

div#topmenu {
   background: green;
   margin: 80px 0 0 0;
   padding: 0;
   width: 580px;
   overflow: hidden;
   float: left;
   }

div#tartalom {
   /*background: yellow;*/
   padding: 9px;
   margin: 0;
   width: 560px;
   height: auto;   
   overflow: hidden;
   float: left;
   }
   
#farkaslaklogo {
      background: url(../images/farkaslaka_logo.jpg) no-repeat;
      position:absolute;
	top:125px !important;
	left:655px;
	width:130px;
	height:70px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	z-index:11;
	border:0px solid #000000;
}


#jobb {
      float: left;
      margin-top: 5px;
      width: 210px;
      height: auto;
      color: #FFFFFF;
      background-color: #FFFFFF;
      padding: 0; /* Firefox wants this */
      overflow: hidden;
    }

div#erdeklodok {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 490px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#szakembereknek {
   /*background: url(../images/viz_hatter.jpg);*/
   background: #ffffff;
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }
   
div#fev {
   background: url(../images/viz_hatter.jpg);
   /*background: #ffffff;*/
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   min-height: 666px;
   overflow: hidden;
   /*float: left;*/
   }
   
/*PopUp*/
#dropinboxv2cover{
width: 320px; /*change width to desired */
height: 160px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 300px; /*change width to above width-20. */
height: 160px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid #4C7AB5; /*Customize box appearance*/
background-color: #FFF;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}

#dropinboxv2 a:hover {
   color: #E48109;
   text-decpration: none;
}
/*end PopUp*/


div#ures {
   background: #FFFFFF;
   padding: 5px;
   margin: 0;
   width: 520px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }   
   
div#kiallitoknak {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 490px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#opcios_lehetosegek {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 490px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#kedvezmenyek {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 490px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#dijtartalom {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 490px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }
   
div#konferencia {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#helyszin {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#udvozlet {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#terkep {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

div#hirlevel {
   /*background: url(../images/viz_hatter.jpg);*/
   background: #ffffff;
   padding: 5px;
   margin: 0;
   width: 525px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }

.technology{ /*header */
cursor: hand;
cursor: pointer;
font: bold 13px Verdana ;
margin: 5px 0;
border: solid 1px #4C7AB5;
width: 600px;
height: 45px;
text-align: left;
}

.thelanguage{ /*content*/
/*cursor: hand;*/
/*cursor: pointer;*/
/*font-family: 'Oswald', sans-serif;*/
/*font: bold 13px Verdana ;*/
font: 13px Verdana;
color: #7D7D7D;
margin: 10px 0;
border: solid 1px #4C7AB5;
width:600px;
}

.thelanguage a:hover {
   color: #4C7AB5;
   text-decpration: none;
}

.openlanguage{ /*class added to contents when they are open*/
color: #4C7AB5;
}

.closedlanguage{ /*class added to contents when they are closed*/
color: #4C7AB5;
}
   
div#tartalom h1 {
   font-size: 14px;
   margin:20px 0 15px 0;
   }
div#tartalom h2 {
   font-size: 11px;
   margin: 0 0 5px 0;
   }
div#tartalom h3 {
   font-size: 11px;
   margin: 0 0 5px 0;
   }
div#tartalom h4 {
   font-size: 12px;
   margin: 0 0 5px 0;
   }
div#tartalom h5 {
   font-size: 13px;
   margin: 0 0 5px 0;
   }
div#tartalom p {
   margin: 0;
   }
div#tartalom a {
   /*color: #E48109;*/
   color: #C36F08;
   }
div#tartalom a:hover {
   color: #E48109;
   text-decpration: none;
   }
   
/*felsõ menü*/
#tabs {
   float: left;
   width: 566px;
   background: url("../images/topmenu.jpg") top left no-repeat;/*#FFFBE8;*/
   /*border: solid 1px #C9BD90;*/
   font-size: 93%;
   line-height: normal;
   margin: 82px 0 0 0;
   padding: 0 0 0 0;
   }
#tabs ul {
   margin: 0;
   padding: 0 10px 0 10px;
   list-style: none;
   }
#tabs li {
   display: inline;
   margin: 0;
   padding: 0;
   }
#tabs a {
   float: left;
   background: url("../images/tablight.gif") no-repeat left top;
   margin: 0;
   padding: 0 0 0 0px;
   text-decoration: none;
   }
#tabs a span {
   float: left;
   display: block;
   /*background: url("../images/tabright.gif") no-repeat right top;*/
   margin: 0;
   padding: 3px 5px 3px 5px;
   color: #000000;
   }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none;}
/* End IE5-Mac hack */
#tabs a:hover span {
   color: #5C4100/*#D88874*/;
   }
#tabs a:hover {
   background-position: 0% -20px;
   }
#tabs a:hover span {
   background-position: 100% -20px;
   }


   
   
div#szavazas {
   background: #EEEEF2;
   padding: 5px;
   margin: 0;
   width: 180px;
   height: auto;
   overflow: hidden;
   /*float: left;*/
   }
   

/*oldalsó menü*/
#menu {
   background: url(../images/menu.jpg) top no-repeat;
   background-position: 0 0px;
   width: 210px;
   margin: 0px;
   padding: 160px 0 0 0;
   text-align: left;
   float: left;
   font: 12px arial, verdana, helvetica, sans-serif;
   }
#menu div:hover, #menu li:hover {
   background-color: #F38F03;
   color: #5C4100;
   }
#menu div, #menu li {
   padding: 0.2ex 2ex;
   border-top: solid 1px #5C4100;
   }
#menu ul {
   display: inline;
   padding: 0; /* Firefox wants this */
   margin: 0; /* Opera wants this */
   list-style: none;
   }
#menu li {
   display: block;
   }
#menu ul li a {
   height: 1%;
   text-decoration: none;
   }
#menu span.mirror {
   font-size: smaller
   }

/*felsõ ideiglenes menü*/
#almenu {
   width: 570;
   text-align: center;
   list-style-type: none;
   /*margin:10px auto;*/
   /*margin: 0;*/
   padding: 70px 0 20px 0;
   /*float: left;*/
   }
#almenu li {
   display: inline;
   padding: 0 0 0 4px;
   border-left: 2px solid #000000;
   }
#almenu li.first {
   border-left: none;
   }
#almenu a {
   font-weight: bolder;
   color: #000000;
   text-decoration: none;
   }
#almenu a:hover {
   text-decoration: none;
   color: #666;
   }
#almenu a:active {
   color: #666;
   }



<!--[if IE]>
<style type="text/css" media="screen">
body {
        behavior: url(css/csshover.htc);
}

#menu ul li {
      float: left;
      width: 186px;
 }

#menu ul li a {
      height: 1%;
}
</style>
<![endif]-->