html
{

}
body {
  overflow-y:scroll;
  margin: 0px;
  padding: 0px;
  font-family: 'Droid Serif', Arial, Helvetica, Verdana, sans-serif; 
  font-size: 12px;
  color:#333;
  background: url(pic/hatter.jpg);
}



td {
	font-size: 12px;
        color:#000000;

}

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

                                                                                                               
a {font-family: 'Droid Serif', Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; color:#87795a; font-size: 12px; font-weight: normal;}
a:visited {font-family:  'Droid Serif', Arial, Helvetica, Verdana, sans-serif; text-decoration:underline; color:#87799a; font-size: 12px; font-weight:normal;}
a:hover {font-family:  'Droid Serif', Arial, Helvetica, Verdana, sans-serif; text-decoration:underline; color:#87795a; font-size: 12px; font-weight:normal;}



b, strong
{
  font-size: 12px;
  font-weight: bold;
  color:#77694a;
}






#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 */
  height:100%;
}

#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:930px;
  clear:left;
}


#alap2
{
  width:860px;
  float:left;
  background: url(pic/tartalomhatter.jpg);
  min-height:800px;
}

* html #alap2
{
  height:800px;
}

#bal0
{
  float:left;
  width:70px;

}


.felso2
{
 float:left;
}

.menu
{
  float:left;
  background: url(pic/menuhatter.jpg) no-repeat;
  width:215px;
  height:251px;
  padding-top: 10px;;
}

#idezet
{
  float:left;
  background: url(pic/idezet.jpg) no-repeat;
  width:645px;
  height:84px;
}


.kereso
{
  clear:left;
  background: url(pic/kereso.jpg) no-repeat;
  width:215px;
  height:125px;
}

.kereso .tartalom
{
  clear:left;
  padding-top:65px;
  padding-left:41px;
  width:195px;
  height:11px;
}

.kereso .tartalom input
{
   border:0px;
  width:161px;
  font-size:10px;
  margin-bottom:8px;
}


.kereso .tartalom input:focus {
  outline:none;
  -moz-outline-style:none;
}

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

}


#bal .cimke
{
  clear:left;

}

#bal .tartalom
{
  clear:left;
}

#bal .radio
{
  clear:left;
  background: url(pic/radio-hatter.jpg) no-repeat;
  width:175px;
  min-height:55px;
  padding-left:40px;
  padding-top:10px;
}




.menupont
{
	width: 187px;
	padding-left: 26px;
	clear: left;
	height: 25px;
	text-align: center;
	cursor:pointer;cursor:hand;
}


.menupont a
{
	font-family: 'Droid Serif', arial, serif;
	font-weight: bold;
	font-size: 16px;
	color: #074571;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.45);
}

.menupont a:hover
{
  color: #031521;
  text-decoration:underline
}

.logo
{
  clear:left;

}

.felso
{
  clear:left;
}

.fb
{
  clear:left;
  margin-top:15px;
  margin-left:25px;
  margin-bottom:15px;

}
#kozep
{
  float:left;
  background: url(pic/tartalomhatter0.jpg) no-repeat;
  width:645px;
  min-height:800px;
}

* html #kozep
{
  height:800px;
}

#kozep .tartalom
{
  clear:left;
  margin-left:20px;
  width:610px;

}

#kozep .cimke
{
  clear:left;
  margin-left:20px;
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:0px;
  width:610px;
  font-family: 'Old Standard TT', arial, serif; 
  font-size: 25px;
  color: #884d29;
  text-transform:uppercase;
  border-bottom:1px dotted #444444;
  ackground:#feeeee;
}
#also
{
  clear:left;
  background: url(pic/also.jpg) no-repeat;
  margin-left:70px;
  width:860px;
  height:51px;
  margin-bottom:15px;
}

#idezet .szovege
{
  font-family: 'Droid Serif', arial, serif;
  font-weight: bold;
  font-size: 16px;
  color: #727272;
  padding-left:15px;
  padding-right:15px;    
  padding-top:5px;
}

#idezet .forras
{
  clear:left;
  text-align:right;
  margin-top:5px;    
  padding-right:15px;    
  font-family: 'Droid Serif', arial, serif;
  font-size: 12px;
  color: #585858;

}

#idezet .szov
{
  padding:5px;

}

.bqstart {
     float: left;
     height: 0px;
     margin-top: -15px;
     padding-top: -20px;
     margin-bottom: -50px;
     font-size: 300%;

     color: #dfcc97;
 }

.bqend {
     float: right;
     height: 15px;
     margin-top: -30px;
     padding-top: 0px;
     font-size: 300%;
     color: #cfbc87;
 }


blockquote
{
  padding:0px;
  margin:0px;

}


.amenu
{
   clear:left;
   text-align: center;
   width:840px;
   padding-top:8px;
}

.amenu a
{
	font-family: 'Droid Serif', arial, serif !important;
	font-weight: bold !important;
	font-size: 11px !important;
	color: #074571 !important;
	text-decoration:none  !important;

}



.copy
{
  clear:left;
  color:#333333;
  font-size:11px;
   clear:left;
   text-align: center;
   width:840px;
   padding-top:8px;
  
}



hr
{
  border:0px;
  border-bottom:1px dotted #444444;

}


#kozep .cim a
{
  clear:left;
  font-family: 'Droid Serif', arial, serif;
  font-size: 15px;
  color: #884d29;
  ackground:#feeeee;
  text-decoration:none;
}
#kozep .cim a:hover
{
  text-decoration:underline;
}


.hirek
{
  margin-bottom:5px;
  padding-bottom:4px;
  clear:left;
  border-bottom:1px dotted #444444;

}
.hirek .datum
{
   clear:left;
  font-size:9px;
}

.hirek .cim 
{
  clear:left;
  margin-bottom:5px;
}

.hirek .cim a
{
  font-family: 'Droid Serif', arial, serif;
  font-size: 15px;
  color: #884d29;
  ackground:#feeeee;
  text-decoration:none;
}
.hirek .cim a:hover
{
  text-decoration:underline;
}

.hirek .tovabb
{
   text-align:right;

}


.tovabb
{
   text-align:right;

}


#lapozo
{
  clear:left;
  margin-top:25px;
  margin-bottom:10px;
  text-align:left;
  width:100%;
  margin:0 auto;
  color:#000;
}


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

.lapozo  a
{
   text-decoration:none;
   color:#333;
}
#lapozo .lszoveg 
{
   order: 1px solid #737373;
   text-align:center;
   idth:120px;

}

#lapozo .lszam
{
   ackground:#ffffff;
   order: 1px solid #333333;
   text-align:center;


}


.kivalasztottszam
{
 background:#fff;
}


.tanitasindex
{
  float:left;
  text-align:center;
  width:50px;
  background:#d2cab5;
  margin-bottom:2px;
  margin-right:2px;
  padding:2px;
}


.tanitascim 
{
  clear:left;
  font-family: 'Droid Serif', arial, serif;
  font-size: 15px;
  color: #884d29;
  margin-bottom:7px;
}


.sbutton{
   margin-left:40px;
   border: 1px solid #8ec1da;
   background-color: #ddeef6;
   border-radius: 9px;
   box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 2px #8ec1da;
   -webkit-box-shadow: inset 0 1px 2px #fff, inset 0 -15px #cbe6f2, 0 0 2px #8ec1da;
   -moz-box-shadow: inset 0 1px 2px #fff, inset 0 -15px #cbe6f2, 0 0 2px #8ec1da;
   -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 2px #8ec1da;
   color: #3985a8;
   text-shadow: 0 1px #fff;
   padding: 2px 20px;
   cursor:pointer;cursor:hand;
}



.keresotalalat
{
  margin-bottom:5px;
  padding-bottom:4px;
  clear:left;
  border-bottom:1px dotted #444444;

}


a:active {
  outline:none;
}



.ikon
{
  clear:left;
  margin-right:7px;
  margin-bottom:5px;
  float:left;
}

.cfile
{
  float:left;
}


.fblike
{
  float:left;
}

.addthis_toolbox
{
  float:left;
  margin-top:2px;
  margin-left:2px;
}

.share
{
  clear:left;
  margin-top:9px;

}