/*--------------------------- Header ---------------------------*/

html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: verdana, arial, helvetica, sans-serif; font-size: .9em; background: #FFF; width: 974px; margin-left: auto;
	margin-right: auto;}

a:link, a:visited, a:hover, a:active { color: #FF8000; text-decoration: none; }
a:hover { text-decoration: underline; }


.color_link a: link, visited, hover, active {
	font-size: 11px;
	color: #FF00CC;
	font-weight: bold;
	text-decoration: none;
	} 


.color_link span: active
{
		color: 	#FF00CC;
		}


#nonfooter { display:none; }
#header { display:none; }
#positioner { display:none; }


#joina { display:none; }

#nonfooter-hu { min-height: 100%; position: relative; }
#header-hu { width: 100%; height: 140px; background: url(../images/rugo.jpg) center left no-repeat #9BC0F5; }
#positioner-hu { float: left; width: 60%; }
#positioner-hu img { margin: 0; padding: 0; float: right;}
#positioner-hu h1 { margin: 26px 0 0 195px; padding: 16px 0 16px 20px; border: none; border-left: 1px solid #EDF4FD; color: white; font: 1.5em arial, helvetica, sans-serif; text-shadow: #AAC4EA 2px 2px; text-transform: uppercase; background: none; }

#flags 
	{position:relative;	
	top:0px;	
	margin:0;
	padding:0;
	float: right;}

/*--------------------------- Top Menu / Navigation ---------------------------*/


#subheader-hu { margin: 0 0 15px 0; width: 100%; min-width: 750px; height: 25px; background: url(/branding/images/wave-bottom.png) no-repeat left #CBDEFA; }
#navigation-hu { height: 25px; float: right; font-size: .75em; }
#navigation-hu ul { margin: 0 8px 0 0; padding: 0; }
#navigation-hu li { margin: 0; padding: 0; list-style: none; display: inline; }
#navigation-hu a { margin: 0 7px 0 0; padding: 0 0 0 5px; float: left; background: url(/branding/images/tab-left.png) no-repeat left top #F0F5FE; cursor: pointer; text-decoration:none; }
#navigation-hu span { float: left; display: block; background: url(/branding/images/tab-right.png) no-repeat right top #F0F5FE; padding: 6px 8px 6px 2px; color: #333; }
#navigation-hu a:hover { background: url(/branding/images/tab-left.png) no-repeat 0 -50px #FAFCFF; }
#navigation-hu a:hover span { background: url(/branding/images/tab-right.png) right -50px #FAFCFF; }
#navigation-hu li.th a { float: left; background: url(/branding/images/tab-left.png) no-repeat left -100px #FFF; }
#navigation-hu li.th a span { background: url(/branding/images/tab-right.png) no-repeat right -100px #FFF; }

/*--------------------------- Breadcrumbs ---------------------------*/

#breadcrumbs { display:none; }

/*--------------------------- Content (informational body) Layout ---------------------------*/

#content { display:none; }
#main { display:none; }
#bodycol { display:none; }

#content-hu { width: 100%; padding: 0 0 160px 0; clear: both; display: block; font-size: 1em; }
#main-hu { width: 100%; margin: 15px 0 0 0; }
#bodycol-hu { margin: 0; padding: 0 13px 0 0; height: auto; }
#bodycol-hu li { margin: 10px 0 10px 30px; }
#bodycol-hu dd { line-height: 150%; margin: 20px 0 20px 30px; }

/*--------------------------- NavColumn Layout ---------------------------*/

#navcol { display:none; }
#navcolumn { display:none; }

#navcol-hu { width: 185px; }
#navcolumn-hu { width: 185px; margin: 0 15px 0 0; font-size: .8em; }

/*--------------------------- Footer ---------------------------*/

#footer { display:none; }
#footer-hu { width: 100%; min-width: 750px; height: 155px; margin: -130px 0 0 0; padding: 5px 0 0 0; background: url(/branding/images/footer-bg.png) 0 top repeat-x #F2F2F2; text-align: center; position: relative; clear: both; display: block; font-size: .75em; }
#footer-hu img { border: none; }
#footer-hu a { color: #999; }
#footer-hu a:hover { color: #069; }
#footer-hu ul { padding: 0 0 10px 0; margin: 15px 0 7px 0; font-size: 12px; }
#footer-hu li { list-style: none; display: inline; margin: 0 10px 0 10px; padding: 0; }

/*--------------------------- Kerek gomb ---------------------------*/

a.gomb {
background: transparent url(../images/normal-a-bg.gif) no-repeat top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* a masik hatter tolasa */
text-decoration: none;
}
 
a.gomb span {
background: transparent url(../images/normal-span-bg.gif) no-repeat top left;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
 
a.gomb:active {
background: transparent url(../images/aktiv-a-bg.gif) no-repeat top right;
color: #000;
outline: none; /* Firefox fix */
}
 
a.gomb:active span {
background: transparent url(../images/aktiv-span-bg.gif) no-repeat top left;
padding: 6px 0 4px 18px; /* eltolja a szoveget */
}

#tablazat
{		
	position:relative;
	float: right;
	top: 0px;
	z-index: 1;
}

#tablazat_cimlap
{		
	background: transparent url(../images/row2.gif) repeat-x bottom;  padding-bottom: auto;
	position:relative;
	float: right;
	top: 0px;
	z-index: 1;
}

#tablazat_gepek
{			
	position:relative;
	float: left;
	top: 5px;
	padding-left: 18px;  
	z-index: 1;
}

#main_page
{
	font-size: 12px;
}

#szoveg
{
	background: transparent url(../images/col2.gif) repeat-y right;  padding-right: 20px;
	position: relative;
	float: left;
	left: 10px;
	width: 600px;
	height: 405px;
	top: top: #tablazat.top;
	font-size: 12px;
}

#szoveg h1
{
	color: #00668E;
	font: normal Verdana ;
}


#picture
{	
	position:absolute;	
	left: 500px;
	top: #tablazat.top;	
	cursor: pointer;
	z-index: 2;
}


h3 { 
	font-size: 16px;
	line-height: 1.2em;
	margin: 8px 0 0 0;
	padding-bottom: 3px;
	color: #00668E;
	}

h4 { 
	font: normal bold 14px Verdana, Arial;	
	line-height: 1.2em;
	margin: 8px 0 0 0;
	padding-bottom: 3px;
	color: #FF8000;
	}