html
{
 	overflow-y:scroll;

}
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 14px;
        color:#00000;
        background: url(pic/hatter.jpg) no-repeat top center;

}

.eu {
    position: fixed;
    right:0;
    bottom:0;
    width:220px;
    img {
        max-width: 220px;
    }
}

.eu2 {
    position: fixed;
    left:0;
    top:0;
    width:320px;
    img {
        max-width: 320px;
    }
}


html {
        background: url(pic/hatter0.jpg) ;

}

table
{
 border:0px;
}

td {
 border:1px solid #ffffff;
  font-family: Arial, Helvetica, sans-serif;;
  ont-size: 11px;
  background:#f2f2f2;
  padding:5px;
  margin:5px;
}


img {
	ehavior:	url(/theme/pngbehavior.htc);
}



a:link {font-family: Arial, Helvetica, sans-serif;;text-decoration: underline; color:#6D634A; font-weight: normal;}
a:active {font-family: verdana, Arial, Helvetica;text-decoration: underline; color:#6D634A;font-weight: normal;}
a:visited {font-family: Arial, Helvetica, sans-serif;;text-decoration: underline; color:#6D634A;font-weight: normal;}
a:hover {font-family:  Arial, Helvetica, sans-serif;;text-decoration:underline; color:#000000;font-weight: normal;}





b,strong
{
  font-family: Arial, Helvetica, sans-serif;;
  font-weight: bold;
  color: color:#655B43;
}


h3
{
  font-size: 13px;
  font-weight: bold;
  margin:0px;
  padding:0px;
  margin-top:9px;

}





	#mask {
		position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}

	#colmid {
		float:left;
		width:50%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}










/* ----------------------------------------------------------------------------------------------------*/


/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}






#alap
{
  width:841px;
  margin:0 auto;

}

#alap2
{
  width:841px;
  margin:0 auto;


}


.felso
{
  float:left;

}


.felso2
{
  float:left;
}


#foto_cont
{
  clear:left;
  background: url(pic/fkep-hatter.jpg) no-repeat;
  width:590px;
  height:200px;
  display:block;
  padding-left:10px;
  padding-top:11px;
}

#foto
{


}

#foto
{
  width:581px;
  height:196px;
  crop:rect(0px,196px,0px,581px);
  overflow:hidden;
  position:absolute;
}

#container
{

  ilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/theme/pic/tartalomhatter.png');
  clear:left;
  min-height:500px;
}

* html #container
{
  height:500px;
}
* > #container
{
  background: url(pic/tartalomhatter.png) repeat-y;

}


#bal
{
  float:left;
  width:235px;

}

#bal_cont
{
  clear:left;
  -moz-opacity:.5; filter:alpha(opacity=5); opacity:.5;


}

#bal .tartalom
{
  float:left;
  padding-left:17px;
  width:21px;

}

#bal .cimke
{
  float:left;
  padding-left:17px;

}
#bal .almenu_cont
{
  margin-top:7px;
  margin-bottom:20px;

}
#bal .almenu
{
  float:left;
  background:url(pic/bal-menu-hatter.jpg) no-repeat;
  width:190px;
  height:16px;
  padding-left:21px;
  padding-top:1px;
}

#bal .almenu a
{

  text-transform:uppercase;
  color:#555555 !important;
  font-weight:bold;
  font:size:12px;

}

#bal .almenu a:hover
{
  color:#111111 !important;

}

#kozep
{
  float:left;
  width:606px;
  min-height:450px;
}

* html #fkozep
{
  min-height:450px;

}

#m0_cont
{
  float:left;
  width:216px;
  height:66px;
  display:block;
}



#m2_cont
{
  float:left;
  width:102px;
  height:66px;
  ilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/theme/pic/m2.png');
  display:block;
  z-index:100;
}

* > #m2_cont
{
  background: url(pic/m2.png) no-repeat;

}

#m3_cont
{
  float:left;
  width:146px;
  height:66px;
  ilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/theme/pic/m3.png');
  display:block;
  z-index:100;
}


* > #m3_cont
{
  background: url(pic/m3.png) no-repeat;
}

#m4_cont
{
  float:left;
  width:119px;
  height:66px;
  ilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/theme/pic/m4.png');
  display:block;
  z-index:100;
}

* > #m4_cont
{
  background: url(pic/m4.png) no-repeat;
}


#m5_cont
{
  float:left;
  width:118px;
  height:66px;
  ilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/theme/pic/m5.png');
  display:block;
  z-index:100;
}

* > #m5_cont
{
  background: url(pic/m5.png) no-repeat;
}



/* ------------------------------------------------------ */

#m1_cont
{
  zoom:1;
  float:left;
  width:140px;
  height:66px;
  ilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/theme/pic/m1.png');
  display:block;
  z-index:100;
}
* > #m1_cont
{

  background: url(pic/m1.png) no-repeat;
}





* html #m1 a*{
  position:absolute;
}



* html #m2 a*{
  position:absolute;
}


* html #m3 a*{
  position:absolute;
}


* html #m4 a*{
  position:absolute;
}


* html #m5 a*{
  position:absolute;
}


* html #m1_cont a*{
  position:absolute;
}



* html #m2_cont a*{
  position:absolute;
}


* html #m3_cont a*{
  position:absolute;
}


* html #m4_cont a*{
  position:absolute;
}


* html #m5_cont a*{
  position:absolute;
}


#m1
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:140px;
  height:66px;
  display:block;
  zoom:1;
  z-index:10000;
}

#m2
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  width:102px;
  height:66px;
  display:block;
  zoom:1;
  position:absolute;
  z-index:10000;
}

#m3
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:146px;
  height:66px;
  display:block;
  zoom:1;
  position:absolute;
  z-index:10000;
}

#m4
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:119px;
  height:66px;
  display:block;
  zoom:1;
  position:absolute;
  z-index:10000;
}

#m5
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:118px;
  height:66px;
  display:block;
  zoom:1;
  position:absolute;
  z-index:10000;
}



.felso3bal
{
  clear:left;
  float:left;
  margin-left:3px;
}
* > .felso3bal
{

  margin-left:6px;
}

.felso3jobb
{
  float:left;
}



#kozep .cimke
{
  font-size:18px;
  border-bottom:1px solid #dddddd;
  color:#333333;
  font-weight:bold;
  width:581px;
  padding-top:5px;
  margin-left:10px;
  margin-right:0px;
  text-transform:uppercase;

}


#kozep  .cim
{
   font-size: 16px;
   color: #777777;
   font-weight: bold;
   clear:left;
   margin-top:14px;
   margin-bottom:10px;
}

#kozep tartalom .cim a
{
   font-size: 16px;
   color: #FDC257;
   font-weight: bold;
   text-decoration: none;
}

#kozep .cim a
{
   clear:left;
   font-size: 16px;
   color: #333333;
   font-weight: bold;
   text-decoration: none;
}



#kozep .tartalom
{
  padding-top:5px;
  margin-left:10px;
  argin-right:0px;
  width:581px;

}

#kozep .tartalom .cim a
{
   text-decoration: underline;

}
#kozep .tartalom .cim a:hover
{
   text-decoration: underline;
}


#bal a
{
  color:#6B6048;
  text-decoration: none;

}

#bal a:hover
{
  color:#6B6048;
  text-decoration: underline;

}

#bal li a
{
   padding-left:27px;
   background:url(pic/bal-gomb.jpg) no-repeat 10px 4px;

}
#bal ul
{
  list-style-type: none;
   padding:0px;
   margin:0px;
   padding-top:7px;
   padding-left:17px;
}

#bal li
{
   padding:0px;
   margin:0px;
   height:19px;
   padding-top:5px;
}



.szolgaltatasaink
{
  clear:left;
  margin-top:20px;
  padding-left:90px;
}

.szolgaltatasaink_cont1
{

  clear:left;
  float:left;
  background:url(pic/fooldal-szolg1.jpg) no-repeat;
  display:block;
  height:128px;
  margin-left:3px;
  margin-right:12px;
  padding-top:157px;
  padding-left:14px;
  padding-right:14px;
  width:162px;
  font-size:11px;
  font-weight:bold;
}
* > .szolgaltatasaink_cont1
{
  margin-left:6px;


}

.szolgaltatasaink_cont2
{
  float:left;
  background:url(pic/fooldal-szolg2.jpg) no-repeat;
  display:block;
  margin-right:11px;
  height:128px;
  padding-top:156px;
  padding-left:14px;
  padding-right:14px;
  width:162px;
  font-size:11px;
  font-weight:bold;
}

.szolgaltatasaink_cont3
{
  float:left;
  clear:left;
   margin-left:6px;
    margin-right:11px;
  background:url(pic/fooldal-szolg3.jpg) no-repeat;
  display:block;
  height:128px;
  padding-top:156px;
  padding-left:14px;
  padding-right:14px;
  width:162px;
  font-size:11px;
  font-weight:bold;
}


.szolgaltatasaink_cont4
{
  float:left;
  background:url(pic/fooldal-szolg4.jpg) no-repeat;
  display:block;
  height:128px;
  padding-top:156px;
  padding-left:14px;
  padding-right:14px;
  width:162px;
  font-size:11px;
  font-weight:bold;
}






#also
{
  width:841px;
  margin:0 auto;
  clear:left;
  ilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/theme/pic/also-hatter.png');
  height:53px;
}

* > #also
{

  background:url(pic/also-hatter.png);


}

#also .cont
{
  font-size:10px;
  float:left;
  padding-left:20px;;
  padding-top:7px;
  text-transform:uppercase;
  line-height:170%;
  color:#ffffff;
}

#also .cont a
{
  font-size:10px;
  letter-spacing:2px;
  color: #FFB800;
  text-transform:uppercase;

}

#also .cont a:hover
{
   color: #ffffff;
  font-size:10px;
   text-decoration:underline;
}


/* -------- hirek  ------------------------------------ */

.hirek
{
  clear:left;
  border-bottom: 1px solid #eee;
  padding-bottom:10px;
  margin-bottom:10px;
}

.hirek .cim
{
   font-size: 16px;
   color: #FDC257;
   font-weight: bold;
   clear:left;
   margin:0px !important;
}

.hirek .cim a
{
   font-size: 16px !important;
   color: #111  !important;
   font-weight: bold  !important;
   text-decoration: none !important;
}

.hirek .cim a:hover
{
   text-decoration: underline  !important;
}

.hirek .datum {
   font-size: 9px;
   font-weight: normal;
   color: #FF7032;
   clear:left;
  padding-bottom:5px !important;

}

.hirek  .hirszoveg
{
  clear:left;
  width:100%;
  ont-size:11px;

}


.hirek .tovabb
{

  float:right;

}






/* -------- mini-hirek  ------------------------------------ */



.mini-hirek
{
  clear:left;
  margin-top:0px;
  padding-top:6px;
  padding-bottom:10px;
  margin-left:1px;
  width:191px;
  padding-left:9px;
  padding-right:9px;
  background:#f9f9f9;
}

.mini-hirek .cim
{
   font-size: 13px;
   color: #090909;
   font-weight: bold;
   clear:left;
}

.mini-hirek .cim
{
}

.mini-hirek .cim a
{
   font-size: 14px;
   color: #494949 !important;
   font-weight: bold;
   text-decoration: none;
}

.mini-hirek .cim a:hover
{
   text-decoration: underline;
}

.mini-hirek .datum {
   font-size: 9px;
   font-weight: normal;
   color: #B2B2B2;
   clear:left;
}


.mini-hirek .kep img
{

}

.mini-hirek  .hirszoveg
{
  clear:left;
  font-size:12px;
  color:#676767;
  line-height:1.2;
}


.mini-hirek .tovabb
{
  margin-top:3px;
  float:left;

}

.mini-hirek .tovabb  a
{
   font-weight:bold;
   color:#333333 !important;
   font-size:10px;
}
.mini-hirek .tovabb  a:hover
{
   text-decoration: underline;

}



/* urlapkezelo!!! */











.form_container
{


  width: 98%;
  argin-top:20px;
  ackground:#eeeeee;
  padding:5px;
  font-family: arial, verdana, sans;
  order:1px solid #ff0000;
  font-size:10px;
  color:#000000;
}


.urlapsor
{
  lear:left;
  order-bottom:1px solid #f5f5f5;
  eight:22px;
  ackground:#eeeeee;
  argin-bottom:2px;
  min-height:22px;
  height:auto !important;
  height:22px;
  font-family: arial, verdana, sans;
  clear: both;
  verflow: hidden;
  margin-top:4px;
}

.form_container .form-label
{
  float:left;
  order:1px solid #ff00f0;
  display: block;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-family: arial, verdana, sans;
  font-size:11px;
  color:#000000;
}

.form_container .form-label-belso
{
  float:left;
  order:1px solid #ff00f0;
  display: block;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
.form_container .form-urlapsor_belso_nemhasznalt
{
  background:#cccccc;
  order:1px solid #ff0000;
  height:100%;
  padding-top:2px;
  padding-left:2px;
}

.form_container .form-textbox
{
  osition:relative;
  float:left;
  margin-right:3px;
  font-size: 11px;
  font-family: arial, verdana, sans;
}

.form_container .form-textarea
{
  osition:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-size: 11px;
  font-family: arial, verdana, sans;

}
.form_container .form-select
{
  osition:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-size:11px;
  font-family: arial, verdana, sans;
}

.form_container .form-upload
{
  osition:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-family: arial, verdana, sans;
  font-size:10px;

}

.form_container .form-password
{
 osition:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-family: arial, verdana, sans;
  font-size:11px;

}

.form_container .form-iframe
{
 osition:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  background:#DED5C2;

}
.form_container .form-checkbox
{
 osition:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  font-family: arial, verdana, sans;
  font-size:11px;

}

.form_container .form-buttonOLD
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  font-size:10px;
  margin-top:2px;
}
.form_container .form-button
{
 osition:relative;
  margin-top:3px;
  border:0px;
  background:#4A422D;
  color: #ffffff;
  position:relative;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:14px;
  padding-right:14px;
  font-family: arial, verdana, sans;
  font-size:12px;
  font-weight:bold;
  ursor:hand;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


.form_container .form-button-end
{
  osition:relative;
  margin-top:3px;
  display: inline;
  width:2px;
  height:19px;
  position:absolute;

}
.form_container .szoveg
{
  float:left;
  order:1px solid #ff00f0;
  display: block;
  margin-top:3px;
  margin-right:4px;
}


.form_container .form-uzenet
{
  font-size:11px;

}


.form_container .form-hibauzenet
{
  text-align:center;
  clear:left;
  font-weight:bold;
  margin-bottom:2px;
  background:#BC2727;
  border:1px solid #7F1717;
  color:#ffffff;
  padding:8px;
  font-weight:bold;
  font-size:14px;
  margin:0 auto;
  width:75%;
  text-align:center;
  margin-top:17px;
}

.form_container .form-eredmenyuzenet
{
  clear:left;
  background:#69BF55;
  border:1px solid #4A903A;
  color:#3A802A;
  padding:8px;
  margin-right:3px;
  font-weight:bold;
  font-size:14px;
  margin:0 auto;
  width:75%;
  text-align:center;
  margin:0 auto;
  width:75%;
  text-align:center;
  margin-top:17px;
  margin-bottom:20px;
  display:block;
}


.form_container .form-sugouzenet
{
  clear:left;
  padding-top:3px;
  padding-left:10px;
  font-size:11px;
}
.form_container .form-eredmeny
{
  float:left;
  order:1px solid #DED5C2;
  color:#706F75;
  margin-top:3px;
  margin-right:3px;
  font-weight:bold;
  font-size:11px;
  order:1px solid #ff0000;
}


.form_container h1
{
  order:1px solid #ff0000;
  padding:5px;
  margin:0px;
  margin-top:20px;
  margin-bottom:20px;
  font-size:16px;
  clear:left;
  color:#AC1421;
}







.cert
{
 width:841px;
 margin:0 auto;
 text-align:center;
 padding-bottom:20px;
 padding-top:20px;
 background: rgba(0, 0, 0, 0) url("pic/tartalomhatter.png") repeat-y scroll 0 0;
}

.myhover
{
 cursor:pointer;

}

#also-logok
{
  width:841px;
  margin:0 auto;
  clear:left;
  height:55px;

}

.aloldalnav {
   font-weight: bold;
}

.certimg {
  float:left;
  text-align:center;
  width:20%;
}