/* generated by csscreator.com */ 

  html {height: 100%;
	  }
  body {font-family: Arial, Tahoma;
    font-size: 9pt; 
    color: rgb(0, 0, 0);
    text-align: justify;
    background-color: white;
    }
    
  p2 {color: rgb(105, 105, 105);
    text-align: justify;
    background-color: white;
  }
		
  img { border-width: 0px;
    }

  a img {border: none; }

  a { text-decoration: none;
    color: #1015D4;
    font-weight: bold;
    }

  a:active { text-decoration: none;
    }

  a:link { text-decoration: none;
    color: #1015D4;
    }

  a:visited { text-decoration: none;
    color: #1015D4;
    }

  a:hover { text-decoration: none;
    background-color: #1015D4;
    color: white;
    font-weight: bold;
    }

  h1 { font-size: 11pt;
       font-weight: bold;
			 text-indent: 18px;
			 font-family: "Garamond", Georgia, Palatino, "Times New Roman";
			 color: #404040;
			 background: url(http://www.tarki.hu/grph/elements/negyzet_grey.png) no-repeat;
     }
  h2 { font-size: 11pt;
       font-weight: bold;
			 text-indent: 33px;
			 font-family: "Garamond", Georgia, Palatino, "Times New Roman", serif;			 
			 color: #404040;			 			 
			 background: url(http://www.tarki.hu/grph/elements/negyzet2_grey.png) no-repeat;
		 }

  h3 { font-size: 11pt;
       font-weight: bold;
			 text-indent: 48px;
			 font-family: Georgia, Palatino, "Times New Roman", serif;			 
			 color: #404040;			 			 
			 background: url(http://www.tarki.hu/grph/elements/negyzet3_grey.png) no-repeat;
		 }

  h4 { font-size: 9pt;
       font-weight: bold;
			 color: #404040;
			 margin-bottom: 0.1em;
  	 }

 
  #pagewidth{ 
    width:900px; 
    margin-left:auto; 
    margin-right:auto;
    border: 1px dashed #DCDADA;
    background-color:#F0F8FF;
    } 
		
   
  #header{
    position:relative; 
    height:15%; 
    background-color:#FFFFFF; 
    width:100%;
		border-bottom: 3px solid #808080;
		padding-bottom: 1em;
		margin-bottom: 0em;
    } 
 
  #leftcol{
    width:197px;
    float:left; 
    position:relative;
    z-index:100; 
    background-color:#E1F0F9; 
    padding-top: 0.6em;
    background-image: url(http://www.tarki.hu/grph/elements/hatpont_grey.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    }
 
  #twocols{
    width:540px; 
    float:right; 
    position:relative; 
    border: 1px dashed #DCDADA;
    padding-top: 0.6em;
    }
    
  #rightcol{
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 9pt;
	width:197px;
	background:#BAD6EC;
	float:right; 
	position:relative;
	padding-top: 0.6em;
	background-image: url(http://www.tarki.hu/grph/elements/hatpont_grey.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	}


  #maincol{float: left; 
	display:inline;
	position: relative;
	z-index:0;
	width:500px; 
	background-color: white;
	padding-top: 0.6em;
	}

  #maincol_wide{float: left; 
	display:inline;
	position: relative;
	z-index:0;
	width:697px; 
	background-color: white;
	padding-top: 0.6em;
	}

  #maincol2{float: left; 
	display:inline;
	position: relative;
	z-index:0;
	width:348px; 
	background-color: white;
	padding-top: 0.6em;
	}

  #maincol3{float: right; 
	display:inline;
	position: relative;
	z-index:0;
	width:348px; 
	background-color: white;
	padding-top: 0.6em;
	}

#maincolcat1{float: left; 
	display:inline;
	position: relative;
	z-index:0;
	width:348px; 
	background-color: white;
	padding-top: 0.6em;
	}


#maincolcat2{float: right; 
	display:inline;
	position: relative;
	z-index:0;
	width:348px; 
	background-color: #F0F8FF;
	padding-top: 0.6em;
	}

  #maincol a:hover { text-decoration: none;
    background-color: #C00000;
    color: white;
    font-weight: bold;
    }


#footer{
	height:15%; 
	background-color:#F0F8FF;
	color: black;
	text-align: center;
	font-family: Trebuchet MS, Verdana, sans-serif;
	clear:both;
	background-image: url(http://www.tarki.hu/grph/elements/tarkilogo_header.jpg);
	background-repeat: no-repeat;
    background-position: 100% 100%;
 } 
 
#footer	img {float: right; padding-right: 1px;}

#foottop	{padding: 4px 0 4px 0; border-bottom: 1px solid #000066;}

#footbottom	{padding: 2px 0;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
 .clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
/* classes*/

  .p1 {padding: 5px;
    margin: 5px;
    color: #000066;
    background-color: #E1F0F9;
    border: 1px solid #E0E0E0;
    }

  .p21 {padding: 5px;
    margin: 5px;
    color: #000066;
    background-color: white;
    border-bottom: 1px solid #E0E0E0;
    }

  .p22 {padding: 5px;
    margin: 5px;
    color: #000066;
    background-color: #F0F8FF;
    border-bottom: 1px solid #E0E0E0;
    }

  .p21head {
    margin-left: 5px;
    font-weight:bold;
    color: black;
    background-color: #bad6ec;
    }


  .p22head {
    margin-left: 5px;
    font-weight:bold;
    color: black;
    background-color: #bad6ec;
    }


  .p3 {padding: 5px;
    margin: 5px;
    color: #000066;
    background-color: #BAD6EC;
    border: 1px solid #E0E0E0;
    }

	
  .p4 {padding: 0.1em 0.5em  0.5em 0.5em;
    margin: 0.1em 0.5em  0.1em 0.5em;
    color: #000066;
    background-color: white;
    border-bottom: 1px solid #BAD6EC;
    border-top: 1px solid #BAD6EC;
    }

  .menuitem {font-family: Trebuchet MS, Verdana, sans-serif;
	color: black;
	background-color: #BAD6EC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    }
		
	.menuitem a,.menuitem a:visited,.menuitem a:active { text-decoration: none;
	 color: #000000;
   }

  .menuitem a:hover {font-family: Trebuchet MS, Verdana, sans-serif;
	text-decoration: none;
	font-variant: small-caps; 
	background-color: #C00000;
	color: white;
   }	
	
   ul.pdflist li {
   list-style-image: url(http://www.tarki.hu/grph/elements/pdf.gif);
    padding-left: 0.7em;
   }

   li.pdflist {margin-left: 2em;
   list-style-image: url(http://www.tarki.hu/grph/elements/pdf.gif);
    padding-left: 0.7em;
   }	 
	 
   ul.logonegyzet li {
   list-style-image: url(http://www.tarki.hu/grph/elements/negyzet_logo.png);
   padding-left: 0.7em;
   }
	
  .left { text-align: left;
   }
		
  .center { text-align: center;
   }

  .right { text-align: right;
   }

  .justify { text-align: justify;
   }		
		
  .bold { font-weight: bold;
   }
	 
  .kopf  { color: #404040;
   font-weight: bold;
   padding-bottom: 0.5em; 
   }

  .small  { color: #404040;
   font-size: 9pt;
   line-height: 1;
	 }


	 
  .chrtt  { color: #404040; 
   font-family: "Garamond", Georgia, Palatino, "Times New Roman", serif;
	 font-size: 9pt;
	 font-weight: bold;
	 text-align: center;
   }

	.chrtfoot { color: #404040;
	 font-size: 9pt;
	 text-align: justify;
	 margin: 0px 50px 0px 50px;
	 }	

	img.chart  { margin-left: auto;
	 margin-right: auto;
	 display: block;
	 border: none !important;
	 background: none !important;
	 }
		

			 		
  .nav {padding: 0.1em 0.5em  0.5em 0.5em;
	 font-family: Verdana, sans-serif;
   font-size: 11px;
   letter-spacing: 3px;
   text-align: center;
   color: #666666;
	 display: inline;
	 }
	
  .nav a,.nav a:active,.nav a:visited,.nav a:hover {text-decoration: none;
   color: #666666;
   }

  .faceimg { margin: 5pt;
   display: block;
   float: left;
   visibility: visible;
   padding-right: 5pt;
   }
	 
	 #leftcol input, #leftcol select, #rightcol input, #rightcol select {
    font-family: Tahoma, Verdana, Helvetica, Arial, Times, sans-serif;
    font-size: 9px;
    position: relative;
    top: 5px;
	}

	#maincol input, #maincol select {
    font-family: Tahoma, Verdana, Helvetica, Arial, Times, sans-serif;
    font-size: 9px;
    position: relative;
    top: 5px;
}

	.menunav,
   a.menunav:link,
   a.menunav:active,
   a.menunav:visited {
    color:#666666;
    background-color: transparent;
    text-align:left;
    /*  letter-spacing: 2px; */ 
    font-size:10pt;
    text-decoration:none;
    }