@charset "utf-8";
body {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	margin: 10px;
	padding:0px;
	margin:0px;
	background:url(bg.jpg) repeat-x;
}
li{list-style-type:square}

h1{
	FONT: 16px "century gothic",Tahoma, Arial, sans-serif;
padding-bottom:10px;
border-bottom: #FFFFFF solid 1px}

h2{
	FONT: 14px "century gothic",Tahoma, Arial, sans-serif;
}

.menu{

color:#666666;
font-size:13px;
text-decoration:none;
font-weight:bold;
padding-left:2px;
padding-right:2px}

.menu:hover{

color: #FF0000;
}

.menu2{
	color:#ffffff;
	font-size:9px;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	height:21px;
	display:block;
	background-image: url(nyil2.gif);
	background-repeat: no-repeat;
	background-position: right ;

}

.menu2:hover{

color: #333333;
background-color:#FFF;
}

.menu4{
	color:#ffffff;
	font-size:9px;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	height:21px;
	display:block;
	background-image: url(nyil2.gif);
	background-repeat: no-repeat;
	background-position: 160px;
}

.menu4:hover{

color: #333333;
background-color:#FFF;
}

.menu3{

color:#ffffff;
font-size:9px;
text-decoration:none;
font-weight:bold;

padding-left:20px;
padding-right:10px;
background:url(menu_nyil.gif) no-repeat;

}

.menu3:hover{

color: #000000;
}

.kep{
padding:1px;

border:#999999 solid 2px}

#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}.small {
	font-size: 10px;
}

#tartalom a{
	color:#cc0529;
	text-decoration:none
}

#tartalom a:hover{
text-decoration:none;

}

#tartalom .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#tartalom .tabber {
}
#tartalom .tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#tartalom ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 9px Verdana, sans-serif;
}

#tartalom ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

#tartalom ul.tabbernav li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	text-decoration: none;
	background-color: #CCCCCC;
}

#tartalom ul.tabbernav li a:link {
	color: #333333;
}
#tartalom ul.tabbernav li a:visited { color: #333333; }

#tartalom ul.tabbernav li a:hover
{
	color: #FFFFFF;
	border-color: #227;
	background-color: #666666;

}

#tartalom ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
  
}

#tartalom ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
#tartalom .tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 font-size:10px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
#tartalom .tabberlive .tabbertab h2 {
 
}
#tartalom .tabberlive .tabbertab h3 {

}

/* Example of using an ID to set different styles for the tabs on the page */
#tartalom .tabberlive#tab1 {
}
#tartalom .tabberlive#tab2 {
}
#tartalom .tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}