/* CSS Document */
body {
margin: 0; /* how it should be done */
padding: 0; /* what Opera thinks is right */
}
img {
border : 0;
}
#main {
width : 804px;
border-right : 2px solid #808080;
border-left : 2px solid #808080;
}
#image {
float : left;
display : inline;
margin-top : 22px;
margin-right : 10px;
margin-left : 10px;
border : 1px solid #d8d8d8;
padding : 0;
}
#image_tartalom_al {
float : left;
display : inline;
margin-top : 0px;
margin-right : 10px;
margin-left : 10px;
border : 1px solid #d8d8d8;
padding : 0;
}
#image_fohir_bal {
float : left;
display : inline;
margin-top : 10px;
margin-right : 10px;
margin-left : 10px;
border : 1px solid #d8d8d8;
padding : 0;
}
#image_fohir_jobb {
float : left;
display : inline;
margin-top : 10px;
margin-right : 10px;
margin-left : 10px;
border : 1px solid #d8d8d8;
padding : 0;
}
#image_foot {
float : right;
display : inline;
margin-top : -18px;
margin-right : 10px;
margin-left : 0px;
border : 0px solid #d8d8d8;
padding : 0;
}
#image_foot2 {
float : left;
display : inline;
margin-top : 0px;
margin-right : 10px;
margin-left : 10px;
border : 0px solid #d8d8d8;
padding : 0;
}
#image_logo {
float : left;
display : inline;
margin-top : 5px;
margin-right : 0px;
margin-left : 5px;
border : 0px solid #d8d8d8;
padding : 0;
}
#enerea {
float : left;
margin-top : 30px;
margin-right : 0px;
margin-left : 10px;
border : 0px solid #d8d8d8;
padding : 0;
}
#enerea p {
font : 16px arial;
font-weight: bold;
color : #ffffff;
text-align : left;
}
#enerea_info {
float : right;
width : 150px;
margin-top : -5px;
margin-right : 5px;
margin-left : 0px;
}
#enerea_info p {
font : 12px calibri;
font-weight: normal;
color : #ffffff;
text-align : right;
}
#enerea_info a {
font : 12px arial;
font-weight: normal;
color : #ffffff;
text-decoration : none;
text-align : right;
}
#enerea_info a:hover {
font : 13px arial;
font-weight: normal;
color : #ffffff;
text-decoration: underline;
text-align : right;
}

div.wrapper {
width : 801px;
}

div.enerea_cim {
float: left;
margin-left: 10px;
margin-right: 8px;
padding : 0;
width : 784px;
height : 110px;
overflow : hidden;
background : #6ea402;
border : 0 solid gray;
}
#enerea_cim p {
margin-top: 0px;
margin-left: 21px;
font : 14px arial;
font-weight: bold;
color : #909090;
text-align : left;
}

div.menu {
float: left;
margin-top : 0px;
padding : 0;
width : 801px;
height : 50px;
overflow : hidden;
border : 0 solid gray;
}
div.menu_inner {
float: left;
margin-top : 0px;
padding : 0;
width : 801px;
height : 20px;
overflow : hidden;
border : 0 solid gray;
}
#menu_inner p {
margin-top: -10px;
margin-left: 20px;
font : 13px arial;
font-weight: bold;
color : #6ea402;
text-align : left;
}
#menu_inner a {
margin-top: -10px;
margin-left: 0px;
font : 13px arial;
font-weight: bold;
color : #6ea402;
text-align : left;
text-decoration : none;
}
#menu_inner a:hover {
margin-top: -10px;
margin-left: 0px;
font : 13px arial;
font-weight: bold;
color : #6ea402;
text-align : left;
text-decoration : underline;
}
div.header {
float: left;
margin-left: 10px;
margin-right: 2px;
margin-top: -13px;
padding : 0;
width : 560px;
height : 220px;
overflow : hidden;
}

div.vezercikk {
float : left;
margin-top: 2px;
margin-left: 10px;
padding : 0;
width : 560px;
height : 110px;
border : 0 solid gray;
background : #ffffff;
}
div.vezercikk p {
margin-top: 28px;
margin-left: 21px;
margin-right : 8px;
font : 13px calibri;
color : #606060;
text-align : left;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.vezercikk a {
font : 13px calibri;
color : #5285b4;
text-align : left;
background-color : transparent;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.vezercikk a:hover {
font : 13px calibri;
color : #5285b4;
text-align : left;
background-color : transparent;
text-decoration : underline;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}

div.tartalom_al {
overflow:hidden;
float : left;
margin-top: 2px;
margin-left: 10px;
padding : 0;
width : 560px;
height : 1450px;
border : 0 solid gray;
background : #ffffff;
}
div.tartalom_al p {
margin-top: 0px;
margin-left: 10px;
margin-right : 8px;
font : 13px calibri;
color : #606060;
text-align : justify;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.tartalom_al p.cim {
margin-top: -3px;
margin-left: 10px;
margin-right : 8px;
font : 13px arial;
color : #ffffff;
text-align : center;
text-decoration : none;
background-color: #92c32c;
font-weight : bold;
}
div.tartalom_al a {
font : 13px calibri;
color : #5285b4;
text-align : left;
background-color : transparent;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.tartalom_al a:hover {
font : 13px calibri;
color : #5285b4;
text-align : left;
background-color : transparent;
text-decoration : underline;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.tartalom_al ul {
margin-top: 0px;
margin-left: 10px;
margin-right : 8px;
font : 13px calibri;
color : #606060;
text-align : justify;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}

div.tartalom_al_b {
float : left;
margin-top: 2px;
margin-left: 10px;
padding : 0;
width : 560px;
height : 1250px;
border : 0 solid gray;
background : #ffffff;
}
div.tartalom_al_b p {
margin-top: 0px;
margin-left: 10px;
margin-right : 8px;
font : 13px calibri;
color : #606060;
text-align : justify;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.tartalom_al_b p.cim {
margin-top: -3px;
margin-left: 10px;
margin-right : 8px;
font : 13px arial;
color : #ffffff;
text-align : center;
text-decoration : none;
background-color: #92c32c;
font-weight : bold;
}
div.tartalom_al_b a {
font : 13px calibri;
color : #5285b4;
text-align : left;
background-color : transparent;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.tartalom_al_b a:hover {
font : 13px calibri;
color : #5285b4;
text-align : left;
background-color : transparent;
text-decoration : underline;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.tartalom_al_b ul {
margin-top: 0px;
margin-left: 10px;
margin-right : 8px;
font : 13px calibri;
color : #606060;
text-align : justify;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}

div.news {
float : right;
margin-right: 10px;
margin-top: -13px;
padding : 10px;
width : 200px;
height : 410px;
background : #92c32c;
text-align : left;
}
div.news p.cim {
font : 13px arial;
margin-top: 4px;
color : #ffffff;
text-align : center;
background-color : #6ea402;
text-decoration : none;
font-weight : bold;
border-style : solid;
border-width : 0 0 0 0;
}
div.news p.cim2 {
font : 13px arial;
margin-top: 0px;
color : #ffffff;
text-align : center;
background-color : #6ea402;
text-decoration : none;
font-weight : bold;
border-style : solid;
border-width : 0 0 0 0;
}
div.news p.hirlevel {
font : 13px calibri;
margin-top: 0px;
color : #303030;
text-align : left;
background-color : transparent;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.news p.hirlevel a {
font : 13px calibri;
margin-top: 0px;
color : #ffffff;
text-align : left;
background-color : transparent;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.news p.hirlevel a:hover {
font : 13px calibri;
margin-top: 0px;
color : #ffffff;
text-align : left;
background-color : transparent;
text-decoration : underline;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
div.news-container {
position : relative;
top : -25px;
color : #505050;
font-family : arial;
}
div.news-container p {
margin : 4px 0;
}
div.news-item {
margin : 0 0;
}
p.news-title a {
color : #ffffff;
font-weight : bold;
font-size : 12px;
text-decoration : none;
}
p.news-title {
color : #6ea402;
font-weight : bold;
font-size : 12px;
text-decoration : none;
}
p.news-title a:hover {
text-decoration : underline;
font-weight : bold;
}
p.news-date {
font: 12px calibri;
}
p.news-intro {
color : #303030;
font-weight : normal;
font: 13px calibri;
text-decoration : none;
}
div.news-body {
font-size : 11px;
}

p.news-files {
font-size : 11px;
}
ul.news-file-list {
font-size : 11px;
}

#newsbox {
margin : 20px;
}

#fohir1 {
width : 270px;
height: 145px;
float : left;
margin-left : 5px;
padding: 5px;
font : 13px calibri;
color : #606060;
text-align : justify;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
#fohir1 p.cim {
font : 13px arial;
color : #ffffff;
font-weight : bold;
text-align: center;
text-decoration : none;
background-color: #5285b4;
}
#fohir1 a {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : none;
font-weight : normal;
}
#fohir1 a:hover {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : underline;
font-weight : normal;
}

#fohir2 {
width : 270px;
height: 145px;
float : left;
margin-left : 5px;
padding: 5px;
font : 13px calibri;
color : #606060;
text-align : justify;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
#fohir2 p.cim {
font : 13px arial;
color : #ffffff;
font-weight : bold;
text-align: center;
text-decoration : none;
background-color: #5285b4;;
}
#fohir2 a {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : none;
font-weight : normal;
}
#fohir2 a:hover {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : underline;
font-weight : normal;
}

#fohir3 {
width : 200px;
height: 80px;
float : left;
margin-left : 5px;
padding: 5px;
font : 13px calibri;
color : #606060;
text-align : center;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
#fohir3 p.cim {
font : 13px arial;
color : #ffffff;
font-weight : bold;
text-align: center;
text-decoration : none;
background-color: #5285b4;
}
#fohir3 a {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : none;
font-weight : normal;
}
#fohir3 a:hover {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : underline;
font-weight : normal;
}

#fohir4 {
width : 340px;
height: 80px;
float : left;
margin-left : 5px;
padding: 5px;
font : 13px calibri;
color : #606060;
text-align : justify;
text-decoration : none;
font-weight : normal;
border-style : solid;
border-width : 0 0 0 0;
}
#fohir4 p.cim {
font : 13px arial;
color : #ffffff;
font-weight : bold;
text-align: center;
text-decoration : none;
background-color: #5285b4;;
}
#fohir4 a {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : none;
font-weight : normal;
}
#fohir4 a:hover {
position : relative;
top : 0;
font : 13px cambria;
color : #5285b4;
text-align : justify;
text-decoration : underline;
font-weight : normal;
}


#keop_hir {
width : 200px;
height : 200px;
float : right;
margin-top: 0px;
margin-right: 10px;
padding: 10px;
text-align : left;
background: #92c32c;
}
#keop_hir p {
width : 200px;
padding: 0px;
font : 13px calibri;
color : #303030;
text-align : left;
background: none;
}
#keop_hir p.cim {
font : 13px arial;
margin-top: 0px;
color : #ffffff;
text-align : center;
background-color : #6ea402;
text-decoration : none;
font-weight : bold;
border-style : solid;
border-width : 0 0 0 0;
}
#keop_hir a {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : none;
font-weight : bold;
}
#keop_hir a:hover {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : underline;
font-weight : bold;
}

#keop_hir_al {
overflow: hidden;
width : 200px;
height : 300px;
float : right;
margin-top: 0px;
margin-right: 10px;
padding: 10px;
text-align : left;
background: #92c32c;
}
#keop_hir_al p {
width : 200px;
padding: 0px;
font : 13px calibri;
color : #303030;
text-align : left;
background: none;
}
#keop_hir_al p.cim {
font : 13px arial;
margin-top: 2px;
color : #ffffff;
text-align : center;
background-color : #6ea402;
text-decoration : none;
font-weight : bold;
border-style : solid;
border-width : 0 0 0 0;
}
#keop_hir_al a {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : none;
font-weight : bold;
}
#keop_hir_al a:hover {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : underline;
font-weight : bold;
}


#oldalhir {
width : 200px;
float : right;
margin-top : 10px;
margin-right: 10px;
padding: 10px;
text-align : left;
background: #92c32c;
}
#oldalhir p {
width : 200px;
padding: 0px;
font : 13px calibri;
color : #303030;
text-align : left;
background: #92c32c;
}
#oldalhir p.cim {
font : 13px arial;
margin-top: 2px;
color : #ffffff;
text-align : center;
background-color : #6ea402;
text-decoration : none;
font-weight : bold;
border-style : solid;
border-width : 0 0 0 0;
}
#oldalhir a {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : none;
font-weight : bold;
}
#oldalhir a:hover {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : underline;
font-weight : bold;
}

#oldalhir2 {
width : 200px;
float : right;
margin-top : 10px;
margin-right: 10px;
padding: 10px;
text-align : left;
background: #92c32c;
}
#oldalhir2 p {
width : 200px;
padding: 0px;
font : 13px calibri;
color : #303030;
text-align : left;
background: #92c32c;
}
#oldalhir2 p.cim {
font : 13px arial;
margin-top: 2px;
color : #ffffff;
text-align : center;
background-color : #6ea402;
text-decoration : none;
font-weight : bold;
border-style : solid;
border-width : 0 0 0 0;
}
#oldalhir2 a {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : none;
font-weight : bold;
}
#oldalhir2 a:hover {
position : relative;
top : 0;
font : 12px arial;
color : #ffffff;
text-align : justify;
text-decoration : underline;
font-weight : bold;
}

#container {
float: left;
width: 781px;
margin-top: 4px;
margin-left: 10px;
margin-right: 0px;
background: url(images/example-2b.gif);
border-top : 1px solid #fa9800;
border-right : 1px solid #fa9800;
border-left : 1px solid #fa9800;
border-bottom : 1px solid #fa9800;
}
#container div {
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
width: 231px;
text-align : left;
}
#container p {
font : 12px calibri;
color : #303030;
text-align : left;
text-decoration : none;
}
#container a {
font : 12px arial;
color : #ffffff;
font-weight: bold; 
text-align : left;
text-decoration : none;
}
#container a:hover {
font : 12px arial;
color : #ffffff;
font-weight: bold; 
text-align : left;
text-decoration : underline;
}

div.footer {
margin-top: -6px;
padding : 0;
width : 784px;
height: 30px;
margin-right: 8px;
margin-left: 8px;
border : 0 solid gray;
background-color : #51588f;
}
div.footer p {
position: relative;
margin-right : 140px;
top: 10px;
font-family: arial;
font-size: 10px;
color: #f0f0f0;
text-decoration: none;
text-align: center;
font-weight: normal;
}

------

#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:auto;
	background-color:#151410;
}

#lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	color:#151410;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{
	width:auto;
	height:auto; /* without this line error in IE8 detected */
	margin:0 auto;
	position:relative;
}

#lightboxImage{
	width:100%;
	height:100%;
}

#imageContainer{
	width:10px;
	height:10px;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(../images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#prevLinkImg, #nextLinkImg{
	width:63px;
	height:100%;
	position:absolute;
	z-index:20;
	outline-style:none;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display:block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; }
#nextLinkImg { right: 0; }
#prevLinkImg:hover,#prevLinkImg.hover, #prevLinkImg:visited:hover { 
	background:url(../images/prev.gif) left 14% no-repeat; 
}
#nextLinkImg:hover,#nextLinkImg.hover, #nextLinkImg:visited:hover { 
	background:url(../images/next.gif) right 14% no-repeat; 
}


#imageDataContainer{
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	width:100%	;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 10px;}
#caption{ font-weight:bold; display:block;}
#numberDisplay{ display:block; float:left; padding-right:10px; margin-top:3px;}
#detailsNav{display:block; float:left;   padding:0; }	
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { margin:3px; width:16px;height:16px; background:url(../images/prevlabel.gif) left center;}
#nextLinkDetails { margin:3px; width:16px;height:16px; background:url(../images/nextlabel.gif) right center;}

#slideShowControl.started{
	background-image:url(../images/pause.gif);
}

#slideShowControl{
	display:block;
	width:16px; 
	height:16px; 
	float:left;
	margin:3px;
	background:url(../images/start.gif);
	background-position:center center;
	background-repeat:no-repeat;
	}

#close{
	padding:10px 10px 0 0;
	float:right;
}
#closeLink {
	display:block; outline-style:none; margin:0; padding:0; text-decoration:none; 
	width:66px;
	height:32px;
	background:url(../images/close.gif) no-repeat;
}	
		
	


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}

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

#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color:#fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:10px;
	width:10px;
}

#outerImageContainer td.tl{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url(../images/borderHoriz.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderHoriz.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url(../images/borderVert.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderVert.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url(../images/borderVert.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderVert.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url(../images/borderHoriz.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderHoriz.png', sizingMethod='scale');
}


#outerImageContainer td.tr{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}

#vlightbox {
	width:100%;
	zoom:1;	
}
.vlightbox {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	width:240px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
.vlightbox a{
	margin:0;
}
.vlightbox:hover, .vlightbox a:hover{
	text-decoration:underline;
	opacity:1;
}
.vlightbox img{
	display:block;
	border:none;
	margin:0;
}
.vlightbox div {display:none}