/*      1.	    			*/
/*      The background & 'canvas'	*/

.regBox,.regGomb
  {
  font-size: 12px;
  border: 1px solid #fff;
  margin-bottom: 4px;
  padding: 1px 3px 2px 3px;
  width: 300px;
  margin-right:3px;
  background-color: #555;
  }

img{
	padding:0;
	margin:0;
}

.regGomb
  {
  padding: 0;
  background-color:#BDCFDB;
  width: 100px;
}

.regTable
{
  font-size:12px;
}

ul.listz
  {
	margin:0;
	padding:0;  
	list-style: none;
  }

ul.listz li
  {
  background: url('small_cube.gif') no-repeat 0px 6px;
  padding:3px 0px 3px 16px;
  font-size:12px;
  }

.faqQ
{
  width:708px;
  border:1px solid #fff;
  background-color:#333;
  padding:10px;
}

.faqA, .faqB
{
  width:708px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
  padding:10px;
  background-color:#666;
  color:#000;
}

.faqA
{
    line-height:17px;
  text-align:justify;
}

.faqB
{
  background-color:#454545;
  text-align:right;
}

div#menu
{
  width:760px;
/*  height:120px;*/
/*  background: url("top.jpg");*/
}

div#bigPic
{
  width:760px;
  height:200px;
  background:url("mainpict.jpg");
}

div#bigPicTermek
{
  width:760px;
  height:200px;
  background:url("images/termekek.jpg");
}

div#bigPicInteraktiv
{
  width:760px;
  height:200px;
  background:url("images/interaktivtabla.jpg");
}

div#bigPicLetolt
{
  width:760px;
  height:200px;
  background:url("images/letoltes2.jpg");
}

div#bigPicMain
{
  width:760px;
  height:200px;
}



div#bigPicGyik
{
  width:760px;
  height:200px;
  background:url("images/gyik.jpg");
}

div#bigPicRef
{
  width:760px;
  height:200px;
  background:url("images/referenciak.jpg");
}

div#bigPicRolunk
{
  width:760px;
  height:200px;
  background:url("images/rolunk.jpg");
}

div#data,div#data2,div#data3
{
  width:730px;
  height:201px;
  padding: 15px 15px 15px 15px;
  color:#797979;
  background-color:#111;
}

div#data h1,div#data2 h1,div#data3 h1
{ 
 font-size:14px; 
 margin:0;
}

div#data h2,div#data2 h2,div#data3 h2
{ 
 font-size:13px; 
 margin:0;
 text-decoration: underline;
 padding-top:15px;
}

div#data p,div#data2 p,div#data3 p
{
  padding:5px 0px 5px 0px;
  
  margin:0;
  text-align:justify;
}

body	{
	z-index: -1;
	font-family: Arial,sans-serif;
	font-size: 12px;
	text-align:center;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	background: #000 url('images/background_stripe2.jpg') repeat-x top fixed;
	}

ul#navlist
{
margin:0;
padding:0;  
list-style: none;
/*padding-top:102px;*/
}

#navlist li
{
display: inline;
/*float: left;*/
list-style-type: none;
margin:0px -2px 0px 0px;
padding:0;
}

#navlist .active
{
   padding: 3px 23px; 
  background-color: #000;
  color:#fff;
}

#navlist a 
{
  /*display:block;*/
  margin:0;
   padding: 3px 23px; 
   }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #555;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #000;
text-decoration: none;
}
	
div#content {
/*	background: #e4f0f7 url('bg_uj1.jpg') repeat-y top left;*/
	background: #111111 repeat-y top left;
    text-align:left;
 /*   border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;*/
	width: 760px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
	padding:0;
	}

/*      2.	    			*/
/*      The topbar & The footer		*/



div#footer
	{
	        margin: 0;
	        padding: 3px 0px 3px 0px;
	        /*padding-top:4px;*/
		width: 760px;
		clear:both;
		border-top:1px solid #444444;
		/*height: 16px;*/
		background-color: #111;
		position: relative;
		text-align:center;
		font-size: 12px;
		color:#666;
	}
	
div#footer a,p.elerhetosegek a {
		/*color:#364041;*/
		color:#688797;
	}

div#footer a:hover,p.elerhetosegek a:hover {
		color:#144158;
}


	


/*      3.	    			*/
/*      Data	*/


div#data2 {
		width: 358px;
	/*	height:201px;*/
		margin: 0;
		float:left;
		padding: 15px 7px 15px 15px;
	/*	color:#797979;
        background-color:#111;*/
	}

div#data3 {
		width: 357px;
		margin: 0;
		float:left;
		padding: 15px 15px 15px 8px;
	}	

div#data a, div#data2 a, div#data3 a {
		/*color:#364041;*/
		color:#688797;
	}
	
div#data a:hover, div#data2 a:hover, div#data3 a:hover {
		color:#144158;
}

h1 a
{
  color:#688797;

}

h1 a:hover
{
  color:#144158;
  text-decoration:underline;
}

div#firstPage
  {
  width:690px;
  background:#555555 url('images/nyilak.gif') 10px 16px no-repeat;
  color:#fff;
  height:20px;
  clear:both;
  display:block;
  padding: 15px 0px 5px 70px;
  }
  
div#firstPage a
  {
  color:#f9842a;
  text-decoration:none;
  }
  
div#firstPage a:hover
  {
  color:#f9842a;
  text-decoration:underline;
  }