html
{

}
body {
  overflow-y:scroll;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 12px;
  color:#444;
  background: url(/theme/pic/hatterminta.jpg) #555;
  height:100%; 
}



td {

}

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

                                                                                                               
a {text-decoration: underline; color:#ff9933; font-size: 12px; }
a:hover {text-decoration:underline; color:#222; font-size: 12px; }



b, strong
{
  font-weight: bold;
}










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


/* 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;
}


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


	#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 */
  background: url(/theme/pic/hatterkep.jpg) no-repeat #444;
	}

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




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


}

#bal0 div {
  background-image: url(pic/bal0.png);
  background-repeat: no-repeat;
  background-position: top right;
  margin: 0 480px 0 0; 
  min-height: 1001px; 


}


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

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


#jobb0 {
  width: 50%; 
  float: right; 
  margin: 0 0 0 -480px;
}
#jobb0 div {
  background-image: url(pic/jobb0.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin: 0 0 0 480px;; 
  min-height: 1001px; 
}
#kozep0 
{
  width: 960px; 
  min-height: 1001px; 
  float: left; 
  position:relative;
}

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



.felso
{
  clear:left;
  width:960px;
  text-align:right;
  font-family: 'Open Sans Condensed', Arial, Helvetica, Verdana, sans-serif; 
  color:#fff;
  font-weight:bold;
  height:20px;
  padding-top:10px;
}
.felso a

{
  font-family: 'Open Sans Condensed', Arial, Helvetica, Verdana, sans-serif; 
  color:#fff;
  font-weight:bold;
  font-size:12px;
  padding-left:15px;
  text-decoration:none;
}

#cont
{
  clear:left;
  background:#fff;
  width:900px;
  min-height: 950px; 
  padding-left:30px;
  padding-right:30px;
}



.felso2
{
  clear:left;
  background: url(/theme/pic/felso.png);
  width: 960px;
  height: 32px;

}

.felso3cont
{
  padding-left:30px;
  padding-right:30px;
  width:900px;
  background:#fff;

}
.felso3
{
  clear:left;
  background:#fff;
  border-bottom:3px solid #ddd;
  width:900px;
  height:105px;
  margin-bottom:20px;
}


.logo
{
  float:left;
  
}

.menu 
{
  float:right;
  padding-top:20px;
}


.menupont
{
  float:left;
  border-left:1px solid #ddd;
  margin-left:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:8px;
  padding-bottom:8px;
}

.menupont a
{
  text-decoration:none;
  color:#ff9933;
  ackground: url(/theme/pic/menu-nyil.jpg) no-repeat top right;
}

.menupont a span.cim
{
  font-size:14px;
  color:#ff9933;
  font-weight:bold;

}

.menupont a span.cim2
{
  font-size:9px;
  color:#5e1e39;
 
}

#cimlapcont
{
  clear:left;
  margin-left:7px;
  padding:3px;
  border:1px solid #ddd;
  width: 880px;
  height:360px;
}

.cimlaparnyek
{
  background: url(/theme/pic/arnyek.jpg) no-repeat top right;
  width:896px;
  margin:0 auto;
  height:25px;

}


#idezetcont	
{
  margin-top:20px;
  clear:left;
  background: url(/theme/pic/szlogenhatter.jpg) no-repeat;
  width:817px;
  margin:0 auto;
  height:75px;
  padding-top:20px;
  text-align:center;
}

#idezetcont .szoveg
{
  font-family: 'Times New Roman',Arial, Helvetica, Verdana, sans-serif; 
  font-style:italic;
  font-size:16px;
  color:#777;
}

#idezetcont .cim
{
  clear:left;
  padding-top:10px;
  padding-right:20px;
  text-align:right;
  font-size:11px;
  font-weight:bold;
  color:#aaa;

}


#fooldal-bal
{
  margin-top:30px;
  margin-bottom:20px;
  float:left;
  width:540px;
  border-right:1px solid #ccc;
  argin-right:15px;
  min-height:760px;
}

#fooldal-jobb
{
  margin-top:30px;
  margin-bottom:30px;
  margin-left:15px;
  float:left;
  width:300px;
}


#bal
{
  margin-top:30px;
  margin-bottom:20px;
  float:left;
  width:630px;
  border-right:1px solid #ccc;
  pargin-right:10px;
  min-height:760px;
}

#jobb
{
  margin-top:30px;
  margin-bottom:30px;
  margin-left:15px;
  float:left;
  width:240px;
}



#also
{
  clear:left;
  height:50px;
  background:#fff;
  border-top:3px solid #ddd;
  width:960px;
}

#also .tartalom
{
  float:left;
  padding-top:15px;
  padding-left:15px;
}

#also .tartalom a
{
  font-size:11px;
  font-weight:bold;
  color: #333 !important;
  font-family: 'Open Sans Condensed', Arial, Helvetica, Verdana, sans-serif; 
}

#also .logok
{
  float:right;
  
}


.alsovege
{
  clear:left;
  background: url(/theme/pic/also.png);
  width: 960px;
  height: 8px;
  margin-bottom:10px;

}




#jobb .blog
{
  clear:left;
  padding-bottom:5px;
  margin-bottom:15px;
}




#jobb .blog .datum
{
  clear:left;
  color: #777;
  font-weight:bold;
  font-size:9px;
  padding-bottom:0px;
}

#jobb .blog .cim 
{
  clear:left;
  margin-top:2px;
}

#jobb .blog .cim a
{
  color:#5e1e39;
  font-weight:bold;
  font-size:13px;
  text-decoration:none;

}

#jobb .blog .cim a:hover
{
  color:333;
}

#jobb .blog .szoveg
{
  clear:left;
}





#jobb .blog .tovabb 
{
  float:right;

}

#jobb .blog .tovabb  a
{
  font-weight:bold;
  font-size:10px;

}








#fooldal-jobb .blog
{
  clear:left;
  padding-bottom:5px;
  margin-bottom:15px;
}




#fooldal-jobb .blog .datum
{
  clear:left;
  color: #777;
  font-weight:bold;
  font-size:9px;
  padding-bottom:0px;
}

#fooldal-jobb .blog .cim 
{
  clear:left;
  margin-top:2px;
}

#fooldal-jobb .blog .cim a
{
  color:#5e1e39;
  font-weight:bold;
  font-size:13px;
  text-decoration:none;

}

#fooldal-jobb .blog .cim a:hover
{
  color:333;
}

#fooldal-jobb .blog .bevezeto
{
  clear:left;
}

#fooldal-jobb .blog .tovabb 
{
  float:right;

}

#fooldal-jobb .blog .tovabb  a
{
  font-weight:bold;
  font-size:10px;

}









#bal .blog
{
  clear:left;
  padding-bottom:5px;
  margin-bottom:15px;
}




#bal .blog .datum
{
  clear:left;
  color: #777;
  font-weight:bold;
  font-size:9px;
  padding-bottom:0px;
}

#bal .blog .cim 
{
  clear:left;
  margin-bottom:15px;
}

#bal .blog .cim a
{
  color:#ff9933;
  font-weight:bold;
  font-size:16px;
  text-decoration:none;

}

#bal .blog .cim a:hover
{
  color:333;
}

#bal .blog .szoveg
{
  clear:left;
}





#bal .blog .tovabb 
{
  float:right;

}

#bal .blog .tovabb  a
{
  font-weight:bold;
  font-size:10px;

}






#fooldal-bal .cimke
{
  clear:left;
  background: url(/theme/pic/cimke-hatter.jpg) no-repeat;
  height:24px;
  width:509px;
  font-size:13px;
  font-weight:bold;
  color:#444;
  margin-bottom:20px;
  padding-left:5px;
  padding-top:10px;
}



#fooldal-jobb .cimke
{
  clear:left;
  background: url(/theme/pic/cimke-hatter.jpg) no-repeat;
  height:24px;
  width:309px;
  font-size:15px;
  font-weight:bold;
  color:#444;
  margin-bottom:20px;
  padding-left:0px;
  padding-top:10px;
}


#bal .cimke
{
  clear:left;
  background: url(/theme/pic/cimke-hatter.jpg) no-repeat;
  height:24px;
  width:659px;
  font-size:13px;
  font-weight:bold;
  color:#444;
  margin-bottom:20px;
  adding-left:5px;
  padding-top:10px;
}



#jobb .cimke
{
  clear:left;
  background: url(/theme/pic/cimke-hatter.jpg) no-repeat;
  height:24px;
  width:240px;
  font-size:15px;
  font-weight:bold;
  color:#444;
  margin-bottom:20px;
  padding-left:0px;
  padding-top:10px;
}



#bal .tartalom
{
  clear:left;
  padding-right:15px;

}


#fooldal-bal .tartalom
{
  clear:left;
  padding-right:15px;

}



.jobbmenu-menupont 
{
  background:#eee;
  margin-bottom:1px;
  padding:10px;
}

.jobbmenu-menupont  a
{
  font-size:14px;
  text-decoration:none;
  color:#333;
  font-weight:bold;
}

.jobbmenu-menupont.kiv
{
  background:#bbb;
}




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



#bal .ajanlat .szoveg
{
  float:left;
  margin-left:10px;
  width: 450px;
}

#bal .ajanlat .szoveg .cim 
{
  clear:left;
  margin-top:5px;

}

#bal .ajanlat .szoveg .cim  a
{

  font-size:12px;
  font-weight:bold;
  color:#2893a9;
  text-decoration:none;

}

#bal .ajanlat .foto
{
  float:left;
  padding-left:5px;

}



#bal .ajanlat .tovabb
{
  clear:left;
  width: 490px;
  text-align:right;
  padding-bottom:3px;
  margin-bottom:3px;
}

#bal .ajanlat .tovabb div
{ 
   padding-top:1px;
}

#bal .ajanlat  a.tovabblink
{
   text-align:right;
   text-decoration:none;
   font-weight:bold;
   text-transform: uppercase;
   font-size:9px;
   color:#34a8bc;

   padding-right:19px;
   letter-spacing:0.5px;
}



#fotogaleria
{
  height:455px;
  margin-top:20px;
}







#fooldal-bal .ajanlat
{
  margin-bottom:10px;
  padding-bottom:10px;
  clear:left;
  border-bottom:1px solid #eee;
  background:#dedede;
}




#fooldal-bal .ajanlat .bevezeto
{
  float:left;
}

#fooldal-bal .szoveg
{
  float:left;
  width: 350px;
  margin-left:5px;
  padding:10px;

}



#fooldal-bal .ajanlat  .cim 
{
  clear:left;
  margin-bottom:15px;

}

#fooldal-bal .ajanlat  .cim  a
{

  font-size:12px;
  font-weight:bold;
  color:#2893a9;
  text-decoration:none;

}

#fooldal-bal .ajanlat .foto
{
  float:left;
  padding:5px;

}



#fooldal-bal .ajanlat .tovabb
{
  clear:left;
  width: 490px;
  text-align:right;
  padding-bottom:3px;
  margin-bottom:3px;
}

#fooldal-bal .ajanlat .tovabb div
{ 
   padding-top:1px;
}

#fooldal-bal .ajanlat  a.tovabblink
{
   text-align:right;
   text-decoration:none;
   font-weight:bold;
   text-transform: uppercase;
   font-size:9px;
   color:#34a8bc;

   padding-right:19px;
   letter-spacing:0.5px;
}







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


.fotoalbum-keplista
{

   float:left;
   font-size: 11px;
   font-weight: normal;
   margin-top:0px;
   margin-bottom:15px;
   margin-right:15px;
   background:#ccc;
   width: 198px;
   height:229px;

   
}

.fotoalbum-keplista .kiskep
{
  float:left;
  margin:0 auto;
  text-align:center;
  width: 180px;
  margin-right:0px;
  padding-top:9px;
  padding-left:9px;
  height:100px;
  clip:rect(0px,180px,90px,0px);
  overflow:hidden;
  margin-bottom:20px;
}

.fotoalbum-keplista .kiskep img
{

}

.fotoalbum-keplista .szoveg
{

 clear:left;
 text-align:center;
 width:188px;
 border-top:2px solid  #eee;
 padding:5px;
 height:88px;
}

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

}
.fotoalbum-keplista .szoveg .cim h1
{
 margin:0px;
 padding:0px;
}
.fotoalbum-keplista .szoveg .kepszam
{
  text-align:center;
  clear:right;
  text-align:center;
  width:188px;
  color:#0c3e61;

}

.fotoalbum-keplista .szoveg .datum
{
  text-align:center;
  clear:right;
  text-align:center;
  width:188px;
  color:#ddd;
}





.fotoalbum-keplista a { font-size:12px;text-decoration: none; }
.fotoalbum-keplista a:hover { text-decoration: underline;}


.lapozo 
{
   padding:4px;
   width:14px;
   height:14px;
   text-align:center;
   float:left;
   margin-right:5px;
   margin-left:5px;
}

.lszoveg
{
   width:auto;
   margin-right:5px;
   margin-left:5px;
}



.lapozo  a
{
   text-decoration:none;
   color:#888888;
}

.lapozo  a:hover
{
   text-decoration:none;
   color:#888888;
}


.kivalasztottszam
{
   color:#ffffff;
   background:#999999;


}