/* initializalas
-------------------------------------------------------------------------*/
/* alap beallitasok, margin-ok es padding-ok nullazasa */
html, body, form, input, select, fieldset {font-size: 13px; font: 83%/1.4 arial, helvetica, sans-serif; color: #333333; }
/* heading es egyeb formazasok, melyek mas alapertelmezett margokkal birnak az egyes bongeszokben */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, li, dl, address {margin: 0px; padding: 0px; }
/* listák díszítetlenek */
ul { list-style-type: none; }
/* a linkek kez alakot kapjanak mindenhol */
form label {cursor: pointer; }
/* a linkek alapertelmezett alahuzasat szunteti meg */
:link,:visited { text-decoration: none;  }
/* linkelt kepek keretezesenek megszuntetese */
a img,:link img,:visited img {border: none; }
/* float-olt elemek utan hasznalatos clear, footernél használjuk */
div.clear, span.clear {clear: both; font-size: 0px; }


html{

min-height: 945px;

}

body{
scrollbar-base-color: #CFCDC8;
          scrollbar-arrow-color: #FFFFFF;
		  scrollbar-track-color: #F9F8F4;
	      scrollbar-darkshadow-color: #CFCDC8;
		  scrollbar-shadow-color: #CFCDC8;
 background-color: #e5ecf3;
 margin: 0;
 padding: 0 30px;}
 
 
h1 {
 font: 130%;
 letter-spacing: -0.03em;
 color: #105CB6;
 margin: 0;}


h2 {
 font: 150%;
 color: #333333;
 margin: 0px;
 line-height:28px;
 letter-spacing:-0.04em;}

h3 {
 margin: 0 0 0.5em 0px;
 font: normal 135%/1 arial,sans-serif;
 letter-spacing: -0.03em;
 clear: left;
 color: #4E463F;}

h4 {
 font: 125%;
 font-weight: bold;
 color: #333333;
 margin: 0px;}

 

h5 {
 font-size: 85%;}

h6 {
 color: #666666;
 font-size: 9px;
 margin: 0px;}

a {
 color: #333333;}

a:visited {
 color: #333333;
}

.padding_left{
padding-left:15px;
}

.date {
 line-height: 1.3;
 font-size: 10px;
 font-weight: bold;
 word-spacing: -0.1em;
 color: #A12A2A;
 font-family: Arial;}
 
 
.date_topic {
 float:clear;
 font-size: 11px;
 color: #666666;
 font-family: Arial;}

.lead {
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight: bold;
 font-size: 13px;
 letter-spacing:-0.02em;}
 
.link_goc {
 float:right;
 height: 11px;
 font-size: 11px;
 padding-top: 0;
 color: #666666;
 font-family: Arial;}

fieldset {
 margin: 0 0 10px 0;
 padding: 0px 10px 15px 10px;
 background-color: #FFFFFF;
 border: 1px solid #BDBCBC;}

legend {
 background-color: #EAEAEA;
 color: #A3A3A3;
 font-size: 14px;
 padding: 2px 8px;
 margin: 0 0 15px 0;}

label {
 font-size: 12px;
 color: #000000;}
 
form{
 line-height:1.5;
 font-size:130%;
 color:#333333;}

input.text {
 width: 350px;
 border: 1px solid #BDBCBC;
 padding: 2px;
 color:#333333;}
 
textarea.comm {
 width: 450px;
 height: 150px;
 border: 1px solid #BDBCBC;
 padding: 2px 4px;
 color:#333333;}

input.date {
 width: 60px;
 border: 1px solid #BDBCBC;
 padding: 2px;}

input.small {

 width: 5px;

 border: 1px solid #BDBCBC;

 padding: 2px 4px;}

 

input.file {

 width: 246px;

 border: 1px solid #BDBCBC;

 padding: 2px;
 color:#333333;}

 

select.text {

 width: 246px;

 border: 1px solid #BDBCBC;
 color:#333333;}

 

textarea.text {

 width: 242px;

 border: 1px solid #BDBCBC;
 color:#333333;}

 

textarea.textbig {

 width: 700px;

 border: 1px solid #BDBCBC;
 color:#333333;}
 
 
 
#container{
	text-align: left;
    margin: 0 auto;
    width: 900px;


}

  

#header{

 margin: 0px auto;

 padding: 0px;

 text-align: left;

 height: 75px;
 
 /*background-color: #1B5790 none repeat scroll 0 0;*/

 background-color: #254467;
 
 }

 
.logo_vol{

float: left;

 border-left: 1px solid #bbbbbb;

 border-top: 1px solid #bbbbbb;	

 border-right: 1px solid #dddddd;

 border-bottom: 1px solid #dddddd;

}


#ido {

 color: #ffffff;

}


.lastUpdate{
 color: #999999;
 font-size: 0.9165em;
}

.hour{
 background-color: #FF9900;
 color: white;
 font-size: 0.8165em;
 padding:0 3px 0 3px;
}
 

#header_search_container{
 margin: 0 10px auto;
 float: right;
 font-size: 20px;}
 
 
.search {
	display: block;

	background-color: #254467;

	float: right;

}
 

.search .input {

 margin: 0px 3px 0px 0px;

 padding: 6px 7px 5px 7px;

 width: 160px;

 font-family: Arial;

 font-size: 11px;

 color: #999999;

 border-left: 1px solid #bbbbbb;

 border-top: 1px solid #bbbbbb;	

 border-right: 1px solid #dddddd;

 border-bottom: 1px solid #dddddd;

}

.button {

 margin: 0px;

 padding: 0px 8px 0px 8px;

 height: 25px;

 background-color: #FF9900;

 font-family: Arial;

 font-weight: bold;

 text-transform: uppercase;

 font-size: 10px;

 color: #ffffff;

 border: 0px;

}

#menu-02 {

 float: left;
 padding-top: 25px;

}
 

#nav{

 margin: 0px auto;
 
 margin-top: 0;

 min-height: 28px;
 
 float: center;
 
 background: #B2D281 none repeat scroll 0 0;

 /*background: #FFFFCC url('../images/cat_back.gif') repeat-x scroll center top;*/

 }

 

#nav ul{

 margin: 0px 15px 0px 0px;

 padding: 1.5px;
 
 text-align:left;
 
 white-space: nowrap;}



#nav li{

 margin: 0px 2px 0px 0px;

 padding: 0px;

 list-style: none;
 }
 
 
 
 
.catmenu a, .catmenu a:visited{

 margin: 0px;

 padding: 3px 6px 3px 6px;

 color: #63C3C2;

 text-decoration: none;

}

.catmenu a:hover {

 background-color: #CC0400;

 color: #ffffff;

 text-decoration: none;
 
 border: 1px solid #CC0400;

}

#nav_2{

 margin: 0px auto;
 
 margin-top: 0;

 min-height: 23px;
 
 float: center;

 background: #7aa13d;

 border-bottom: 2px solid #cccccc;
 }

.clear {

	clear: both;

}

#index_pg #mainpage {
  color: red;
  }
  

#contents{

 margin: 0px auto;

 width: 900px;

 text-align: left;
 
 background-color: #ffffff;

 padding-top: 20px;
}

 
#main {

 margin: 10px 0px 10px 0px;

 width: 550px;

 /*border-right: 1px solid #eeeeee;*/

 float: left;

}



.user_login a{
 color: #105CB6;
 text-decoration: underline;
}

.user_login a:hover{
 color: #105CB6;
 text-decoration: none;
}

.slidebar {

 margin: 0 0 2em 0;

 padding: 0px 5px 20px 0px;

 width: 300px;

 float: right;
 
}

.stamp{
  font-size: 125%; 
  font-weight: bold; 
  padding: 0 3px 1px 3px;
  background-color: #f60; 
  color: white;
}

.topten {
	width:60px;
    top: 0.8em;
    text-align: center;
    margin: 0;
    padding: 0;
}

.topten a{

 color: #578CCA;
 word-spacing: -0.1em;
 line-height: 1.3;
 font-size: 110%;

}

.topten a:link {
 
 color: #578CCA;
 word-spacing: -0.1em;
 line-height: 1.3;
 }
 

.topten a:hover {
 
 color: #000033;

 }



#history{

 min-height: 23px;

 width: 100%;

 font-size: 10px;

 padding: 10px 0 0 15px;

 background: url('../images/bg_box_header.gif');

 border:1px solid #d4d4d4;

 color: #666666;

 font-family: Arial;

 margin: 0 0 20px 15px;
 }

 

#history .title{

 color:#184456;

 font-family:Verdana,Arial,Helvetica,sans-serif;

 font-weight:bold;}

 

#history a{

 color: #666666;

 text-decoration: underline;}

 

#history a:hover {

 text-decoration: none;}



#limit_changer{

 float: right;

 }
 
 
#limit_changer span {
    display: block;
	color: #fff;
    float: left;
    margin-right: 0.1em;
    border: 1px solid #E3D7B5;
    background: #E3D7B5;
	text-decoration: none;
	color: #4E463F;
}

#limit_changer a {
    display: block;
    float: left;
    padding: 0.1em 0.2em;
    margin-right: 0.1em;
    border: 1px solid #63C3C2;
	text-decoration: none;
	color: #4E463F;
}

#limit_changer a:hover {

 background-color: #C9C1AD;

 color: #ffffff;

 text-decoration: none;
 
 border: 1px solid #2E6AB1;

}

.more span{

background: #7AA13D;
display: block;
padding: 0.2em 0.5em;
}

 
.cat {

 margin-top: 3px;
 word-spacing: -0.1em;
 line-height: 1.3;
 
}

.cat a{

 color: #578CCA;
 word-spacing: -0.1em;
 line-height: 1.3;
 font-size: 11px;

}

.cat a:link {
 
 color: #578CCA;
 word-spacing: -0.1em;
 line-height: 1.3;
 font-size:11px;
 
 }
 

.cat a:hover {
 
 color: #000033;

 }
 

.news {

 clear: left;

 width: 100%;

 border-left:5px solid #c7a28d;
 
 border: 1px solid #eaeaea;
 background-color: #ffffff;

 margin-bottom: 10px;
 margin-left:15px;
 
 min-height: 120px;
 
 padding: 0.7em 0.5em 2.5em 0.8em;}

 

.news_heading {

 font-size: 135%;
 
 font-weight:bold;
 margin-top: 3px;
 padding-right: 0;
 padding-bottom: 2px;
 
 line-height: 1.1;
 
 letter-spacing: -0.03em;

 /*border-left:5px solid #8f461b;*/}
 
.news_heading a {
 
 color: #105CB6;
 
}


.news_heading a:link {
 
 color: #105CB6;
 
}
 
 
.news_heading a:visited {
 
 color: #4E463F;
 
 }


.news_heading a:hover {

 color: #D64703;
 
 background: url('../images/index_img/link-line.gif') repeat-x 0 95%;}

 

.news_intro {

 color: #393733; 

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 
 font-size: 8pt; 
 
 text-align: left;
  
 line-height: 1.3;
 
 letter-spacing:-0.02em;}
 
 
 
.news_content {

 font-family: Verdana, Arial, Helvetica, sans-serif; 

 font-size:10pt;
 
 color: black;
 
 line-height: 1.3em;
 
 letter-spacing:-0.05em;
 
}

.news_content a{
 color: #105CB6;
 text-decoration: underline;
}

.news_content a:link{
 color: #105CB6;
 text-decoration: underline;
}

.news_content a:hover{
 color: #105CB6;
 text-decoration: none;
}

.title_step {

 font-family:Geneva,Arial;
 
 font-size:28px;
 
 font-weight:normal;
 
 letter-spacing: -1px;
 
 line-height:32px;

 color: #105CB6;

}


.title_link  a {

 font-family:Geneva,Arial;
 
 font-size:28px;
 
 font-weight:normal;
 
 letter-spacing: -1px;
 
 line-height:32px;

 color: #105CB6;

}

.title_link a:hover {

 color: #ff9705;
 
 background: url('../images/index_img/link-line.gif') repeat-x 0 95%;}
 

.comm_submit{
 
 border: 2px solid #EAEAEA;
 padding: 0 15px 10px 15px;
 margin-left:15px;
 width:90%;
 }
 
 
 
.comm {

 clear: left;

 width: 470px;
 
 border: 1px solid #eaeaea;

 border-left:5px solid #c7a28d;

 margin-bottom: 10px;
 
 border-bottom: 1px solid #D7D7D7;
 
 margin: 5px 5px 5px 15px;
 
 min-height:80px;
 }
 
 
.comm_heading {

 background-color:#eaeaea;
 
 font-size: 15px;
 
 font-weight:normal;
 
 padding:6px 0 6px 10px;
 

}

.comm_heading a {

 background-color:#eaeaea;
 color:#105CB6;
 text-decoration:underline;
 
}

.comm_heading a:link {

 background-color:#eaeaea;
 color:#105CB6;
 text-decoration:underline;
}

.comm_heading a:hover {

 background-color:#eaeaea;
 color:#333333;
 text-decoration:none;
}

.comment_text{
padding-left:15px;
}

.comment_text ol{
padding-left:25px;
}


/*registration*/
.titlehdr {
 font: normal 22px arial, verdana;
 color: #105CB6;
 border-bottom: 1px solid #105CB6;
 
 
}

.required{
}

.forms {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;

border: 1px solid #CAE4FF;
}

.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 

.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
background-color: #FEF1ED;
}

.err {
font: normal 11px arial, verdana;
color: #c00;
padding: 2px;
margin: 5px;
}

.example {
font: normal 10px arial;
color: blue;
}

.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 16px normal arial;
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}

.myaccount {
float:left;
background-color: #E4F8FA;
font: normal 12px arial,verdana;

border: 1px solid #CAE4FF;

}


#registration{

 float: left;

 width: 263px;}

 

#footer{

 clear: both;
 
 float:center;
 
 margin: 0px auto;
 
 padding: 0px;
 
 background-color: #E5ECF3;

 /*background-color:#4b4a42;*/
 
 width: 900px;

 height:60px;
 
 border-top: 3px solid #FF9900;
 
 color: #999999;
 
 text-align: left;}

#footer a{
 color: #999999;
 text-decoration: underline;
}

#footer a:hover{
 color: #999999;
 text-decoration: none;
}
 
.thumbnail {
	float: left;
	width:100px;
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 5px;
}

.thumb_img {
	float: right;
	width:100px;
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 10px;
}


.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
	font-size: 12px;
}

.pages a {
    display: block;
    float: left;
    padding: 0.05em 0.3em;
    margin-right: 0.1em;
    border: 1px solid #9AAFE5;
    background: #fff;
	text-decoration: none;
	color: #105CB6;
	
}

.pages span {
    display: block;
    float: left;
    padding: 0.05em 0.3em;
    margin-right: 0.1em;
    background: #fff;
	text-decoration: none;
	color: #105CB6;
	
}

.pages span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}


.pages a:hover {
    border-color: #2E6AB1;
	color: #333333;
}


.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next {
    float: right;
}
 
 

.top_bottom{

 margin: 0px;

 padding: 0px;

 height: 15px;

 font-size: 10px;

 background-color: #ff;

 clear: both;

}




/* Lightbox 2 beállítások */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

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