body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
        color:#ffdca0;
        background:#202020;
        ackground:url(pic/hatter.jpg);
}

td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
        color:#ffdca0;
        ext-shadow: #333333 1px 1px 1px;

}

img {
	behavior:	url("pngbehavior.htc");
}


a {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#D6FF33; font-size: 12px; ;font-weight: normal;}
a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffffff; font-size: 12px; font-weight:normal;}



b
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight: bold;
  color:#ffdca0;
}










#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;
}










#bal0 
{
  width: 50%; 
  float: left; 
  margin: 0 -478px 0 0;
}

#bal0 div {
  background-image: url(pic/bal0.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  margin: 0 478px 0 0; 
  min-height: 960px; 
}


* > #bal0 
{
  width: 50%; 
  float: left; 
  margin: 0 -478px 0 0;
}

* > #bal0 div {
  background-image: url(pic/bal0.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  margin: 0 478px 0 0; 
  min-height: 960px; 
}


#jobb0 {
  width: 50%; 
  float: right; 
  margin: 0 0 0 -478px;
}
#jobb0 div {
  background-image: url(pic/jobb0.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 0 478px; 
  min-height: 960px; 
}
#kozep0 
{
  background: url(pic/tartalomhatter.jpg) repeat-y 0px 228px;
  width: 956px; 
  min-height: 960px; 
  float: left; 
  position:relative;
}

                	
* html #bal0 div,* html #jobb0 div, * html #kozep0 {height: 960px; /* min-height for IE6 */}

#cont0
{
  width:1100px;
  position:relative;
  left:50%;
  margin-left:-50%;
  background: url(pic/hatter.jpg);
  position:relative;
}

.felso
{
  clear:left;
}

.fmenupont
{
  clear:left;
}

.fmenu
{
  float:left;
}

.felso2
{
  float:left;
}

#menu
{
  clear:left;
}


#m1_cont
{
  float:left;

}

#m2_cont
{
  float:left;

}

#m3_cont
{
  float:left;

}

#m4_cont
{
  float:left;

}

#m5_cont
{
  float:left;

}
#m6_cont
{
  float:left;

}

#m7_cont
{
  float:left;

}
.tamogatok
{
  clear:left;
  width:278px;
  height:78px;
}



#bal
{
  width:278px;
  float:left;
}

#kozep
{
  width:489px;
  float:left;
}
#kozep .cimke
{
  width:489px;
  clear:left;
}


#kozep .tartalom
{
  width:445px;
  clear:left;
  padding:22px;
  padding-top:8px;
}





#jobb
{
  width:189px;
  float:left;
}

#jobb .tartalom
{
  clear:left;
  background: url(pic/jobb-hatter.jpg) repeat-y;

}

#jobb .cimke
{
  clear:left;
}
#jobb .jkep
{
  clear:left;
  padding-top:2px;
  padding-left:6px;

}
#jobb .jtxt
{
  clear:left;
  padding-top:7px;
  padding-left:7px;
  color:#333333;
  font-size:10px;
}
.tamogatok
{
  background: url(pic/tamogatok.jpg);
  width:278px;
  height:78px;
  clear:left;

}











/* urlapkezelo!!! */











.form_container
{

  width: 480px;
  argin:0 auto;
  ackground:#eeeeee;
  padding:0px;
  font-family: Arial, Helvetica, sans-serif; 
  order:1px solid #ff0000;
  font-size:10px;
  color:#cccccc;
}


.urlapsor 
{
  lear:left;
  min-height:22px;
  height:auto !important;
  height:22px;
  font-family: Arial, Helvetica, sans-serif; 
  clear: both;
  verflow: hidden;
  margin-top:4px;
  color:aaaaaa;
}

.form_container .form-label
{
  float:left;
  display: block;
  padding: 1px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:11px;
  color:#aaaaaa;
}

.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:#ffffff;
  order:1px solid #A88F4C;
  height:100%;
  padding-top:2px;
  padding-left:2px;
}

.form_container .form-textbox
{
  position:relative;
  float:left;
  border:1px solid #aaaaaa;
  background:#ffffff;
  margin-right:3px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif; 
  padding:1px;
}

.form_container .form-textarea
{
position:relative;
  float:left;
  border:1px solid #aaaaaa;
  margin-right:3px;
  background:#ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif; 
  padding:1px;
  
}
.form_container .form-select
{
position:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  border:0px solid #aEa592;
  background:#ECECEC;
  font-size:10px;
  font-family: Arial, Helvetica, sans-serif; 
  padding:1px;
}

.form_container .form-upload
{
position:relative;
  float:left;
  margin-right:3px;
  border:1px solid #aaaaaa;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  padding:1px;

}

.form_container .form-password
{
  position:relative;
  float:left;
  margin-right:3px;
  border:1px solid #aaaaaa;
  background:#ffffff;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  padding:1px;
  
}

.form_container .form-iframe
{
position:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  background:#ECECEC;
  
}
.form_container .form-checkbox
{
  position:relative;
  float:left;
  background:#ECECEC;
  background:url(pic/urlapmezohatter.jpg) repeat-x #ECECEC;
  margin-right:3px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  
}

.form_container .form-buttonOLD
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  font-size:10px;
  margin-top:2px;
}
.form_container .form-button
{
position:relative;
  margin-top:3px;
  border:0px;
  background:#4AACBE;
  color: #ffffff;
  height:15px;
  position:relative;
  adding-bottom:1px;
  font-family: arial, helvetica, sans-serif;
  font-size:10px;
  cursor:pointer;
  border-bottom:1px solid #4AACBE;
  border-right:1px solid #4AACBE;
  margin-bottom:4px;
  padding-bottom:3px;
  font-weight:bold;
}


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

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


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


.form_container .form-hibauzenet
{
  text-align:center;   
  padding-top:10px;
  padding-bottom:0px;
  color:#ff0000;
  clear:left;
  font-weight:bold;
  margin-bottom:2px;
  in-height:22px;
  in-height:22px;
  eight:auto !important;
  eight:22px;
  font-size:11px;
}

.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:#fffffff;
  margin-right:3px;
  font-weight:bold;
  font-size:12px;
  order:1px solid #ff0000;
}


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


.form_container .cimke
{
   font-size:15px;
  font-weight:bold;
  margin-bottom:20px;
}

#postakoltseg
{
  margin:0px;
  padding:0px;
  display:inline;

}










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

.hirek {

  font-weight:normal;
  padding-bottom:0px;
  margin-bottom:0px;
  width:100%;
}

.hirek .cim {

  color: #ffffff;
  font-size:16px;
  font-weight:bold;
  background-image:url(pic/hirek-felso.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
  height:38px;
  width:100%;
  
}


.hirek .datum {
  clear:left;
  color: #ffffff;
  font-size:10px;
  margin-bottom:0px;
  font-weight:normal;
  text-shadow: none;
}



.hirek .hirszoveg
{
  background:url(pic/hirek-hatter.jpg) repeat-y;
  float:left;
  font-size: 12px;
  font-weight:normal;
  width:100%;



}


.hirek .tovabb
{
  background:url(pic/hirek-hatter.jpg) repeat-y;
  clear:right;
  width:100%;
  margin-bottom:8px;
  text-align:right;
}

.hirek .cim a:link {font-family: Arial, Helvetica, sans-serif; Arial, Helvetica, sans-serif;   text-decoration: none; color:#ffffff; font-size: 16px;font-weight: bold;}
.hirek .cim a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 16px;font-weight: bold;}
.hirek .cim a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 16px;font-weight: bold;}
.hirek .cim a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#dddddd; font-size: 16px;font-weight: bold;}

.hirek .tovabb a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#aaaaaa; font-size: 12px;font-weight: normal;}
.hirek .tovabb a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:##aaaaaa; font-size: 12px;font-weight: normal;}
.hirek .tovabb a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#aaaaaa; font-size: 12px;font-weight: normal;}
.hirek .tovabb a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff; font-size: 12px;font-weight: normal;}

.hirek img 
{
  padding:4px;
  background:#555555;
}


.hireklista {

  color: #4A4537;
  font-size:11px;
  font-weight:bold;
  margin-left:10px;
  margin-right:3px;
}



/* ----- minihirek -------------------------------------- */


.minihirek {

  color: #670A07;
  font-size:11px;
  font-weight:normal;
  margin:0px;
  padding:0px;
  width:165px;;
}

.minihirek .cont
{
  float:left;
  width:100%;
}



.minihirek .cim {

  color: #F4E3CC !important;
  font-size:12px !important;
  font-weight:bold !important;
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  float:left;
  clear:left;
  width:100%;
  text-shadow: #333333 1px 1px 1px;

}


.minihirek .datum {

  color: #F4E3CC;
  font-size:10px;
  font-weight:normal;
  margin-left:0px;
  margin-top:0px;
  float:left;
  text-shadow: #333333 1px 1px 1px;

}




.minihirek .hirbevezeto
{
  clear:left;
  float:left;
  font-size:11px;
  font-weight:normal;
  width:100%;
  margin-left:0px;
}


.minihirek .tovabb
{
  float:left;

}

.minihirek .cim a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold; !important;}
.minihirek .cim a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold !important;}
.minihirek .cim a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold !important;}
.minihirek .cim a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff !important; font-size: 12px !important;font-weight: bold;}

.minihirek .tovabb a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 12px;font-weight: normal;}
.minihirek .tovabb a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:##ffffff; font-size: 12px;font-weight: normal;}
.minihirek .tovabb a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 12px;font-weight: normal;}
.minihirek .tovabb a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff; font-size: 12px;font-weight: normal;}






/* -------- fotoalbum ------------------------------------ */


.fotoalbum-keplista
{

   clear:left;
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px;
   font-weight: normal;
   margin-top:0px;
   margin-bottom:15px;
}

.fotoalbum-keplista .kiskep
{
 width: 144px;
 float:left;
 margin:0 auto;
 text-align:center;
 padding:4px;
 background: #f1f1f1;
 margin-right:0px;

}


.fotoalbum-keplista .szoveg
{

 float:left;
 padding-left:15px;
 width:210px;
}

.fotoalbum-keplista .szoveg .cim
{
  width:210px;
  padding:0px !important;
  padding-bottom:1px;
  float:left;

}
.fotoalbum-keplista .szoveg .cim h1
{
 margin:0px;
 padding:0px;
}
.fotoalbum-keplista .szoveg .kepszam
{
  text-align:left;
  width:210px;
  clear:left;
}

.fotoalbum-keplista .szoveg .datum
{
  text-align:left;
  clear:right;
  width:210px;
}





.fotoalbum-keplista a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#FA8EA0; font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#FA8EA0 font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#FA8EA0; font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #E54652; font-size: 14px;font-weight: bold;}




/* ----- galeriakep -------------------------------------- */

.galeriakep
{

   float:left;
   padding:0px;
   margin-right:4px;
   border:3px solid #cccccc;
   margin-bottom:5px;
   cursor:hand;
}
.galeriakep .kep
{
   width:70px;
   height:70px;
   clip: rect(0px,0px,70px,70px);
   overflow: hidden;
   cursor:hand;
}


.galeriakep img
{
  border:0px !important;
}




















#also
{

  width: 980px;
  height: 145px;
  margin:0 auto;
  background:url(pic/also-hatter.jpg);
  clear:left;
  text-align:center;
}


#also .tartalom
{
  padding-top:119px; 
  margin:0 auto;
  width:500px;
  text-align:center;
}




/* ----- videolista --------------------------- */

.videolista
{
  width:100%;
  eight:180px;
  float:left;
  padding-right:35px;
  padding-bottom:20px;
}

.videolista .cim 
{
  madding:0px;
  margin:0px;
  font-size:14px;
  font-weight:bold;
  color:#ffffff;
  width:200px;


}

.videolista .kep
{
  float:left;
  padding:2px;
  background:#000000;
}


.videolista .leiras
{

margin-left:10px;
  float:left;
  width:170px;

}
.videomini
{
  padding-left:5px;
  padding-top:6px;
  padding-bottom:6px;
  clear:left;
}


.videomini .cim
{
  font-size:10px;
  margin-bottom:5px;
  color:#333333;

}

.videomini .kep
{
  background:#ffffff;
  padding:3px;
  width:160px;
  border-bottom:1px solid #fc8800;
  border-right:1px solid #fc8800;
}

.videomini .link
{
  text-align:right;
  width:160px;
  padding-top:4px;
}
.videomini a
{
  color:#333333 !important;  
  text-transform:uppercase;
  font-size:9px;
  text-decoration:none;
}

h3
{
  margin:0px;
  padding:0px;
  padding-bottom:5px;
  font-size:16px;
}

.menupont
{
  float:left;
}