body 
{
	margin: 10px;
	background: url(tm_bg.png);
}

img
{
	border:0;
}

#cont
{
	height:100%;
	width:808px;
}


#oldal
{
	height:100%;
	width:212px;
}

#oldal td
{
	background:url(tm_bar1_bg.png) repeat-y right;
}

#webshop td
{
	background:url(tm_bar2_bg.png) repeat-y right;
}

#oldal #nincs
{
	background: url(tm_bg2.png) repeat-y right;
	height:25px;
}

/*
#bar2
{
	float:right;
	width:212px;
}

#bar2 h2
{
	background: url(tm_bar2.png) no-repeat left;
	height:24px;
	font-size:12px;
	line-height:20px;
	color:#f8ee3b;
	padding:0 0 0 5px;
	margin:0;
	text-transform:uppercase;
}

#bar2 .bg1
{
	background: url(tm_bar2_bg.png) repeat-y left;
	height:234px;
}*/

#bar h2
{
	background: url(tm_bar1.png) no-repeat left;
	height:24px;
	font-size:12px;
	line-height:20px;
	color:#f8ee3b;
	padding:0 0 0 5px;
	margin:0;
	text-transform:uppercase;
}

#webshop h2
{
	background: url(tm_bar2.png) no-repeat left;
}

/*
#bar2 ul
{
	padding: 0 0 0 10px;
	margin: 0;
}*/

#bar ul
{
	padding: 10px 0 10px 10px;
	margin: 0;
}

#bar li
{
	display: inline;
}

#bar a
{
	display: block;
	text-decoration: none;
	padding: 3px;
	margin: 0;
	color: #ebebeb;
	font-weight:bold;
}

/*#webshop a
{
	color: #333;
}*/

#bar a:hover, #webshop a:hover 
{
	color:#f8ee3b;
}

#bar a span
{
	font-weight:normal;
	color:#fff;
	display:block;
}

#bar a span.tov
{
	color:#f8ee3b;
	font-style:italic;
}

#head
{
	background: url(tm_head.png) no-repeat top left;
	width:808px;
	height:162px;
	vertical-align:top;
}

#topmenu
{	
	text-align:right;
	margin:7px 2px 0 0;
	padding:0;
}

#topmenu a 
{
	background:url(tm_bar1.png) repeat-x top left;
/*	height: 20px;*/
	margin: 0;
	padding: 3px 10px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
/*	line-height:20px*/
}

#topmenu a:hover, #menu .active a 
{
	color: #f8ee3b;
}

#menu 
{
	padding-top: 108px;
}

#menu a 
{
	float: left;
	height: 20px;
	margin: 0; 
	padding: 0 12px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	line-height:20px;
	border-right:1px #000 solid;
}

#menu a:hover, #menu .active a 
{
	color: #666;
}

/**/
/* TRANSMENU CSS FOR RHUK_PLANETFALL TEMPLATE*/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;

	}
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0; 
	top:0;
	z-index:2;
	text-indent:5px;
}
	
.transMenu.top .items {
	border-top:none;
}

/* each TR.item is one menu item */
.transMenu .item{
	margin: 0px;
	display:block;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	border-bottom: 0;
	background: #f8d601;
}
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#4d4d4d;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
}

/* almenu szovegtulajdonsag */
.transMenu .item td{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	font-weight:normal;
	color:#000;
}


#foot
{
	background: url(tm_foot.png) no-repeat top left;
	width:808px;
	height:62px;
	color:#000;
}

#foot1
{
	padding:0 15px;
	float:left;
}

#foot2
{
	padding:0 10px;
	float:right;
}

#foot a, #foot div
{
	color:#000;
}

#banner1
{
	background:url(bannerbg.png) no-repeat top left;
	padding:12px;
}


#fo1
{
	background:url(fobg1.png) no-repeat top left;
	padding:12px;
}

#fo2
{
	background:url(fobg2.png) no-repeat top left;
	padding:12px;
}

#main
{
/*	background:#787878;*/
	background: url(tm_bg2.png) repeat-y left;
	vertical-align:top;
/*	padding:20px 10px 15px 23px;*/
	padding:10px 0 10px 10px;
	height:100%;
	width: 596px;
}

#bar
{
	float:right;
	height:100%;
/*	margin-left:10px;*/
	vertical-align:top;
/*	background: #787878; /*url(tm_bar2_bg.png) repeat-y left;*/
	background: url(tm_bg2.png) repeat-y right;
	padding-top:10px; 
/*	padding-bottom:5px;*/
}

.mainplusz
{
/*	clear:both;*/
	padding:10px;
	width: 560px;
}

#main1
{
	padding:0 0 10px 5px;
}

#main2
{
	height:100%;
	background: url(tm_bg_2.png) repeat-y left;
	vertical-align:top;
	padding:10px 0 10px 25px;
}

#main3
{
	padding:10px 0 0 25px;
}

p, td, div, span, body, input, textarea, select
{
font-size:12px; 
font-family: Castle, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
color:#000;
}

#komm
{
	height:100%;
	vertical-align:bottom;
}
 
#buborek
{
	background: url(tm_bar2_bg.png) repeat-y left;
	padding-left:10px;
}

#buborek #b2
{
	background: url(tm_buborek.png) repeat-y left;
	height:176px;
	color:#000;
	font-size:11px;
	width:190px;
/*	padding:10px 5px;*/
}

#buborek #b2 div
{
	padding:10px 0px 10px 10px;
	color:#000;
}

#buborek #b2 div span
{
	font-size:11px;
	display:block;
	text-align:right;
	padding-right:5px;
	color:#000;
}




.excel
{
	border-top:1px #000 solid;
	border-left:1px #000 solid;
	background:#ebebeb;
}

.excel td
{
	border-right:1px #000 solid;
	border-bottom:1px #000 solid;
}

.excel .fosor td
{
	background:#999;
	color:#fff;
	font-weight:bold;
}


.magas100
{
	height:100%;
}


.fejlec 
{
	color:#f8ee3b;
	padding-bottom: 4px;
	font-size: 13px;
}

h1 {font-size:16px; color:#000;}
h2 {font-size:14px; color:#333;}
h3 {font-size:12px; color:#999;}
h4 {font-size:16px; color:#333; text-align:center}

.blokk {
border: 1px #ccc solid;
}

.sotet {
color:#333333;
font-weight:bold;
}

a {color:#fff;text-decoration:none;}
a:hover{color:#f8ee3b;text-decoration:none;}

.text
{
	color:#000;
	background:#ccc;
	border: 1px solid #666;
	padding:3px;
}

.w100
{
	width:100%;
}

.w400
{
	width:400px;
}

.button
{
	background-color: #000;
	color: #fff;
	border: 1px solid #666;
	padding: 3px;
}

.excel a
{
	color:#000;
}

.excel a:hover
{
	color:#b80000;
}

.pdatum
{
	font-size:10px;
	display:block;
}

/********** slider **********/
.slider { background: url(images/java_bg.gif) top repeat-x;  margin:0 auto; padding:0px 0; height:225px;}
.slider2 { background: url(images/java_bg_2.gif) top repeat-x;  margin:0 auto; padding:0px 0; height:20px;}
.slider2 h2 { width:550px; float:left; font:bold 40px Arial, Helvetica, sans-serif; color:#555; padding:0px 0 0 0px; margin:0;} 
.slider2 p { width:550px; float:right; font: normal 12px Arial, Helvetica, sans-serif; color:#555; padding:0px 0 0 0;}
.slider2 .top {width:570px; margin:0 auto; padding:0;}

.simple { width:550px; margin:0px auto; padding:0;}
.simple h2 { width:550px; float:left; font:bold 40px Arial, Helvetica, sans-serif; color:#555; padding:0px 0 0 0px; margin:0;}
.simple .text { font:normal 12px Arial, Helvetica, sans-serif; color:#858585; width:200px; float: right; margin:0px 0; padding:0;}
.slider div.slice1 { margin:0 auto; width:548px; padding:0px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:0px; width:550px;}
.slider div div div { margin:0; padding:0px 0 0 0px; width:550px; height:378px; border:0;}
.slider div div div p.img { float:left; padding:0 0px; margin:0;}
.slider div div div h2 {  font:bold 40px Arial, Helvetica, sans-serif; color:#555; margin:0; margin:0; padding:0px 0 0px 0; line-height:1.2em;}
.slider div div div p {font:normal 12px Arial, Helvetica, sans-serif; color:#858585; margin:0; margin:0; line-height:1.8em;}

/* numeric controls */	

	ol#controls{
		margin:0;
		padding:0;
		height:18px;
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:18px;
		}
	ol#controls li a{
		float:left;
		height:18px;
		line-height:18px;
		/*border:1px solid #ccc;*/
/*		background:#ebebeb;*/
		color:#fff;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
/*		background:#666;*/
		color:#f8ee3b;
		font-weight:bold;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/********** slider **********/