body {
	background-repeat: repeat;
	background-attachment: scroll;
	color: #031C43;
}
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url("../images/hatter.jpg") repeat-y;
}
#masthead {
	text-align: center;
	background-image: url("../images/fej.gif");
	background-attachment: scroll;
	width: 960px; 
	height: 337px;
}
#container_lab {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url("../images/hatter_lab.jpg") repeat-y;
}
#navigation {
	position: relative;
	float: left;
	width: 139px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content {
	float: left;
	width: 470px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 2px;        /*A menu es a tema kozotti tavolsag*/
}
#footer {
	text-align: center;
	clear: both;
	width: 618px;
}
/* Masthead Styles */
#masthead h1 {
	color: #fff;
}
#masthead h3 {
}
/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0px #dfb8df solid;
	background-color: #776632;
}
#navigation a {
	text-decoration: none;
	display: block;
	padding: 5px;
	background-color: #DD9935;
}
#navigation a:hover {
	color: #402640;
	text-decoration: none;
	background-color: #fff;
}
/* Content Styles */
#content h1,h2,h3,h4,h5,h6 {
}
#content img {
	padding: 5px;
	border: 0px solid #402640;
}
/* Footer Styles */
#footer p {
}
#footer a {
	text-decoration: underline;
}
#footer a:hover {
	color: #402640;
	text-decoration: none;
}
a {
}
a:hover {
	color: #8CB4FD;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}


/* CSS Document */

/*--------------------------------- DROP DOWN STYLES----------------------------------*/	
div#nav {
	font-family: "Default";
	font-size: Default;
	margin: 0 auto;
	}
div#nav ul{
	width: 160px;
	}
div#nav ul#toplevel {
	width: 150px;
	}
	
div#nav ul, 
div#nav li {
	/*height: 26px;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
	top:0px;
	width: 150px;
	}

/* Controls height of <a> element. Height and padding must total height set above. */

div#nav li a {
	color: #002266;
	/*padding: 5px 0 0 0;*/
	/*height: 21px;	*/
	border: 0px;
	width:100%;


	}
div#nav  ul#toplevel a {
	padding-bottom:4px;
	padding-top:3px;


}
div#nav  ul#toplevel ul li a {
	padding-bottom:0px;
	padding-top:3px;

}
/* Controls width of toplevel menu tabs. */

div#nav li {		
	width: 150px;
	}

										/* a menu szelessege*/

div#nav ul#toplevel li {
		
	width: 155px;

	}
	
 /* Font Definitions */
span.menuimage{
	position:absolute;
	left:140px;
	top:5px;
	BACKGROUND-IMAGE: url(../img/menunyil2.gif);
	BACKGROUND-REPEAT: no-repeat;
	width: 10px;
	height: 9px;
}
span.l1{
	padding-right:15px;
	cursor: pointer;
	cursor: hand;
}
div.menuimage2{
	position:absolute;
	left:285px;
	top:8px;
	BACKGROUND-IMAGE: url(../img/menunyil2.gif);
	BACKGROUND-REPEAT: no-repeat;
	width: 10px;
	height: 9px;
}

/* Controls overlap of submenu items. To have no overlap,
	set left to same value as width of submenus set above and set
	top (div#nav ul.deltanav) to 0. */

ul.deltanav,
ul.deltanavdrop {
		
	}
	
div#nav ul.deltanav,
ul.deltanavdrop {		
	/*top: 6px;*/
	top: 0px;
														/*almenu es menu kozotti tavolsag*/
	left: 145px;
	}
	
div#nav ul.deltanav li a,
div#nav ul.deltanavdrop li a {		
	text-align: center;
background: url(../img/menu2pici.gif) repeat-y;
	}
	
/*div#nav li,*/
div#nav ul li a {
	/*background: #222222;*/
	/*width: 150px;	*/
display: block;
background: url(../img/menu5pici.gif) repeat-y;
/*background:#84BDEF;*/
border-top:2px solid #C5DDF7;
border-left:2px solid #C5DDF7;
border-right:1px solid #4D9CE4;
border-bottom:1px solid #4D9CE4;
text-align: center;
	}


div#nav li:hover,
div#nav li a:hover,
div#nav a:hover,
div#nav li.hover {
	/*width: 150px;		*/
/*	background:#CC5500;*/
background: url(../img/menu4pici.gif) repeat-y;


	}

div#nav ul li a:hover {
	background:#CC5500;
display: block;
background: url(../img/menu3pici.gif) repeat-y;
/*background:#C5DDF7;*/
border-top:2px solid #4D9CE4;
border-left:2px solid #4D9CE4;
border-right:1px solid #4D9CE4;
border-bottom:1px solid #4D9CE4;
text-align: center;
	}
div#nav li a:hover {		
	background: #CC5500;

	}	

div#nav ul.cssbetanav li ,
div#nav ul.deltanav li ,
div#nav ul.deltanavdrop li ,
div#nav ul.cssbetanavdrop li  {
/*background: #A1A1E5;*/
text-align: center;
width: 320px;
border-top: #CDCDF1;
border-left:#CDCDF1;
border-right:#62628C;
border-bottom: #505073;		

}

div#nav ul li:hover{
	/*width: 149px;		*/
	}
	
	
/* ================================================= */
/* DO NOT EDIT THESE OR THE DROP DOWNS WON'T WORK!!! */
/* ================================================= */

/* ALL LISTS */

div#nav {
	position: relative;
	width: 100%;
	z-index: 999;
		
	}

div#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	/*my changes*/
	text-align: left;
		

	}
	
ul#toplevel {
	width: 100%;
	}

div#nav li {
	float: left;
	position: relative;
		
	}
      

/* SECOND LEVEL LISTS */

div#nav li ul.cssbetanav,
div#nav ul.deltanav { 
	position: absolute;
	display: none;
		
	}
	
div#nav li ul.cssbetanav {
	left: 0;
	/* my changes */
		
	left: 155px;
	
	}
	
div#nav li a {
	text-decoration: none;
	display: block;
		

	}
		
div#nav li:hover ul.cssbetanav,
div#nav li:hover > ul.deltanav { 
		
	display: block;
	z-index: 1000;

	}
	
ul.cssbetanavdrop {
	position: absolute;
	display: block;
	left: 154px;
	}
	
ul.deltanavdrop {
		
	display: block;
	position: absolute;
	/*my changes*/
	left: 154px;
	}
	
div#nav li ul.deltanavdrop,
div#nav li ul.deltanavdrop li,
div#nav li ul.deltanavdrop li a {
	z-index: 1001;
		
	}


/* ================================================= */
/* jobb menu */
/* ================================================= */

/* CSS Document */

/*--------------------------------- DROP DOWN STYLES----------------------------------*/	
div#navj {
	font-family: "Default";
	font-size: Default;
	margin: 0 auto;
	}
div#navj ul{
	width: 160px;
	}
div#navj ul#toplevel {
	width: 150px;
	}
	
div#navj ul, 
div#navj li {
	/*height: 26px;*/
	border: 0px;
	margin: 0px;
	padding: 0px;
	top:0px;
	width: 150px;
	}

/* Controls height of <a> element. Height and padding must total height set above. */

div#navj li a {
	color: #002266;
	/*padding: 5px 0 0 0;*/
	/*height: 21px;	*/
	border: 0px;
	width:100%;


	}
div#navj  ul#toplevel a {
	padding-bottom:4px;
	padding-top:3px;


}
div#navj  ul#toplevel ul li a {
	padding-bottom:0px;
	padding-top:3px;

}
/* Controls width of toplevel menu tabs. */

div#navj li {		
	width: 150px;
	}

													/* A jobb menü szelessege*/

div#navj ul#toplevel li {
		
	width: 154px;									

	}
	
 /* Font Definitions */
span.menuimagejobb{
	position:absolute;
	right:140px;
	top:5px;
	BACKGROUND-IMAGE: url(../img/menunyil1.gif);
	BACKGROUND-REPEAT: no-repeat;
	width: 10px;
	height: 9px;
}
span.l1{
	padding-right:15px;
	cursor: pointer;
	cursor: hand;
}
div.menuimage2{
	position:absolute;
	right:285px;
	top:8px;
	BACKGROUND-IMAGE: url(../img/menunyil2.gif);
	BACKGROUND-REPEAT: no-repeat;
	width: 10px;
	height: 9px;
}

/* Controls overlap of submenu items. To have no overlap,
	set right to same value as width of submenus set above and set
	top (div#navj ul.deltanav) to 0. */

ul.deltanav,
ul.deltanavdrop {
		
	}
	
div#navj ul.deltanav,
ul.deltanavdrop {		
	/*top: 6px;*/
	top: 0px;
													/*almenu es menu kozotti tavolsag*/
	right: 145px;
	}
	
div#navj ul.deltanav li a,
div#navj ul.deltanavdrop li a {		
	text-align: center;
background: url(../img/menu4pici.gif) repeat-y;
	}
	
/*div#navj li,*/
div#navj ul li a {
	/*background: #222222;*/
	/*width: 150px;	*/
display: block;
background: url(../img/menu2pici.gif) repeat-y;
/*background:#84BDEF;*/
border-top:2px solid #C5DDF7;
border-right:2px solid #C5DDF7;
border-right:1px solid #4D9CE4;
border-bottom:1px solid #4D9CE4;
text-align: center;
	}


div#navj li:hover,
div#navj li a:hover,
div#navj a:hover,
div#navj li.hover {
	/*width: 150px;		*/
/*	background:#CC5500;*/
background: url(../img/menu5pici.gif) repeat-y;


	}

div#navj ul li a:hover {
	background:#CC5500;
display: block;
background: url(../img/menu3pici.gif) repeat-y;
/*background:#C5DDF7;*/
border-top:2px solid #4D9CE4;
border-right:2px solid #4D9CE4;
border-right:1px solid #4D9CE4;
border-bottom:1px solid #4D9CE4;
text-align: center;
	}
div#navj li a:hover {		
	background: #CC5500;

	}	

div#navj ul.cssbetanav li ,
div#navj ul.deltanav li ,
div#navj ul.deltanavdrop li ,
div#navj ul.cssbetanavdrop li  {
/*background: #A1A1E5;*/
text-align: center;
width: 320px;
border-top: #CDCDF1;
border-right:#CDCDF1;
border-right:#62628C;
border-bottom: #505073;		

}

div#navj ul li:hover{
	/*width: 149px;		*/
	}
	
	
/* ================================================= */
/* DO NOT EDIT THESE OR THE DROP DOWNS WON'T WORK!!! */
/* ================================================= */

/* ALL LISTS */

div#navj {
	position: relative;
	width: 100%;
	z-index: 999;
		
	}

div#navj ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	/*my changes*/
	text-align: right;
		

	}
	
ul#toplevel {
	width: 100%;
	}

div#navj li {
	float: right;
	position: relative;
		
	}
      

/* SECOND LEVEL LISTS */

div#navj li ul.cssbetanav,
div#navj ul.deltanav { 
	position: absolute;
	display: none;
		
	}
	
div#navj li ul.cssbetanav {
	right: 0;
	/* my changes */
		
	right: 154px;
	
	}
	
div#navj li a {
	text-decoration: none;
	display: block;
		

	}
		
div#navj li:hover ul.cssbetanav,
div#navj li:hover > ul.deltanav { 
		
	display: block;
	z-index: 1000;

	}
	
ul.cssbetanavdrop {
	position: absolute;
	display: block;
	right: 154px;
	}
	
ul.deltanavdrop {
		
	display: block;
	position: absolute;
	/*my changes*/
	right: 154px;
	}
	
div#navj li ul.deltanavdrop,
div#navj li ul.deltanavdrop li,
div#navj li ul.deltanavdrop li a {
	z-index: 1001;
		
	}

	
/* ALL LISTS */

div#navj {
	position: relative;
	width: 100%;
	z-index: 999;
		
	}

div#navj ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	/*my changes*/
	text-align: right;
		

	}
	
ul#toplevel {
	width: 100%;
	}

div#navj li {
	float: right;
	position: relative;
		
	}
      

/* SECOND LEVEL LISTS */

div#navj li ul.cssbetanav,
div#navj ul.deltanavjobb { 
	position: absolute;
	display: none;
		
	}
	
div#navj li ul.cssbetanav {
	right: 0;
	/* my changes */
		
	right: 154px;
	
	}
	
div#navj li a {
	text-decoration: none;
	display: block;
		

	}
		
div#navj li:hover ul.cssbetanav,
div#navj li:hover > ul.deltanavjobb { 
		
	display: block;
	z-index: 1000;

	}
	
ul.cssbetanavdrop {
	position: absolute;
	display: block;
	right: 154px;
	}
	
ul.deltanavdrop {
		
	display: block;
	position: absolute;
	/*my changes*/
	right: 154px;
	}
	
div#navj li ul.deltanavdrop,
div#navj li ul.deltanavdrop li,
div#navj li ul.deltanavdrop li a {
	z-index: 1001;
		
	}



/* ================================================= */
/* jobb menu vége */
/* ================================================= */


 /* Font Definitions */
 @font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:Tahoma;
	panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
	{font-family:Garamond;
	panose-1:2 2 4 4 3 3 1 1 8 3;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0in;
	margin-bottom:.0001pt;
	unicode-bidi:embed;
	font-size:12.0pt;
	font-family:"Times New Roman";}

p.MsoCommentText, li.MsoCommentText, div.MsoCommentText
	{margin:0in;
	margin-bottom:.0001pt;
	unicode-bidi:embed;
	font-size:10.0pt;
	font-family:"Times New Roman";}
a:link, span.MsoHyperlink
	{color:blue;
	text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
	{color:#031C43;
	text-decoration:underline;}
a:hover {
	background: #C2DCFF;
}