/* Egy egyszerű böngésző reset */
            
*{
	margin:0px;
	padding:0px;
	vertical-align: baseline;
	font-family: Verdana;
	}


/* General Layout*/


#page{
	width:980px;
	position:relative;
	margin:0px 10px 0px 10px;
	float: none;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	background: #FFF url(images/bg-right.png) repeat-y bottom right;
	}
	
	
#main {
	border: 1px solid #CDE0F1;
}

/* Layout is inspired by the holy Grail, 
except that the content is wrapped around
a floating div that pull the sidebars.
*/
            
#content {
	float:left;
	width:100%;
	margin-right:-100%;
	}
	
#content2{
	float:none;
	width:60%;
	margin-right:-60%;
	clear: none;
	}

.column {
	float:right;          
	}

	
.content {
	float:none;
	margin-right: 340px;
	}

.idezet{
text-align: right;
font-size: 11px;
font-style: italic;
}
.left {
	width: 306px;         /* LEFT Sidebar width */
	}                       
.right{                 
	width: 340px;         /* RIGHT Sidebar width */
	}

	
#footer, #header{
	clear:both;
	text-align:center;
	/*font-size:2em;*/
	}	

/* Equal Height Columns 
________________________________*/

/* The columns are created using empty DIV that have to be 
inside the main wrapper (#page) and should be positionned 
relative. Each DIV have the same width as its corresponding 
columns (done by using class), and by postionning them 
absolutelly (bottom) and giving them a height of 100%, the 
DIVs fill the entire space that the columns should fill.
As the actual content is not positionned absolutelly, the 
footer still behave normally and is pushed down by it. Last 
but not least, we have to set the z-index of the real 
content to 2 to bring it back on top of the columns.
*/

.bg{
	position:absolute;
    bottom:0;
	height:80%;
	}

#bgleft{right:368px;}
#bgright{right:0;}
#bgcenter{
	right:0;
	width:100%;
	}
#content, #left, #right, #bottomright, #header, #footer{
	position:relative;
	z-index:2;
	background: #cde0f1;
    }

	

	
/* COLORS */

#footer{
	background-color: #233245;
	z-index: 3;
	}
	
#bgleft{
	background-color:#EBF7FD;
	}
#bgright{
	background-color:#cde0f1;
	}
#bgcenter{
	background-color:#EBF7FD;
	border-left: solid 1px;
	}
#bgcontent{
	background: #FFF;
	width: 100%;
}

	
/* HTML elemek formázása*/	

p{
	color: #336;
	text-align: justify;
	overflow: hidden;
}

a, a:link, a:visited{
	color: #36639E;
	text-decoration: none;
	}

	a:hover{
		color: #C93;
		}

img{
	border: 0;
	}
	
	
form {
	margin: 0;
	}
	form ul{
		list-style: none;
		margin-left: 20px;
		font-size: 11px;
		color: #336;
		}
	form ul li{
		margin: 2px 0px;
	}
	form h5{
		margin: 5px 0px 3px 0px;
		}
	form span{
		display: block;
		float: left;
		width: 100px;
		}

fieldset{
	border: 0;
	}

input.shorttext{
	width: 50px;
	}

span.subtext{
	font-size: 10px;
}	

.biginput{
	width: 200px;
}

.textfield{
	font-size: 11px;
}

ul.inner{
	margin-left: 100px !important;
}


body {
	background: #ffffff;
	background-image: url(images/bg-new.png);
	background-repeat: repeat-x;
	margin: 0px;
	}


		
/*Fejléc - Header tartalmai */

#header{
	min-height: 200px;
	text-align: left;
	display: block;
	z-index: 3;
		}

#header-fedo{
	background: transparent url(images/header-fedo.png) no-repeat top center;
	width: 984px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
}
		
#header-szlogen{
	background: transparent url(images/header-alj.png) no-repeat top right;
	height: 38px;
	width: 980px;
	padding: 0px;
}

#szlogen{
	margin: 0px 0px 5px 170px;
	width: 476px;
	height: 32px;
}
		
		
#logo {
	position: absolute;
	width: 153px;
	height: 54px;
	left: 10px;
	top: -20px;
	}

#flash{
	position: relative;
	background: #3E5171;
	z-index: 10;
	width: 980px;
	height: 190px;
}
	
	
#search-bar {
	float: none;
	top: 0px;
	position: absolute;
	right: 0;
	font-size: 12px;
	color: #FFF;
	font-weight: 900;
	z-index: 3;
	}
#searchbutton{
	width: 32px;
	height: 32px;
	margin: 0px 5px;
	padding: 0;
	border: 0;
	background: transparent url(images/keres.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer;
	}

	/* menü box*/
#menu {
	background: #f9fbbf;
	margin: 0px;
	float: none !important;
	word-spacing: 3px;
	font-size: 12px;
	color: #3D5171;
	font-weight: 900;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	z-index: 6;
	clear: both;
	border-top: 1px solid #3D5171;
	border-bottom: 1px solid #3D5171;
	text-align: center;
	}
	#menu ul{
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: left;
		}
	#menu li{
		float: left;
		margin: 0;
		padding: 0;
		}		


.main-column{
	width: 319px;
	float: left;
}


.lower{
	background: #FFF url(images/content-bg.png) repeat-x top right;
	margin-top: -5px;
	height:auto !important;
	height:110px;
	min-height:110px;
	position: relative;
}

.upper{
	background: #E7EDF4 url(images/kiemelt-bg2.png) repeat-x top right;
	height:auto !important;
	height:200px;
	min-height:200px;
	position: relative;
}

.search{
	height:auto !important;
	padding-bottom: 10px;
	min-height: 0px;
	position: relative;
}

.contact{
	padding: 25px 20px;
	margin-left: 30px;
	font-size: 12px;
	color: #339;
}

#content ul{
	list-style: none;
	margin-bottom: 20px;
}

.contact h2{
	font-size: 13px;
}

li.bold{
	font-weight: bold;
}

li.mail{
	list-style: none inside url(images/ikon-mail.png);
}

li.mobil{
	list-style: none inside url(images/ikon-mobil.png);
}

li.telefon{
	list-style: none inside url(images/ikon-telefon.png);
}

li.web{
	list-style: none inside url(images/ikon-web.png);
}

.contact.cyan{
	background: #E7EDF4 url(images/kapcsolat-cian.png) repeat-x top right;
}

.contact.green{
	background: #E7EDF4 url(images/kapcsolat-zold.png) repeat-x top right;
}

.contact.blue{
	background: #E7EDF4 url(images/kapcsolat-kek.png) repeat-x top right;
}

.contact.gray{
	background: #E7EDF4 url(images/kapcsolat-szurke.png) repeat-x top right;
}
		
.buttonContainer{
	margin: 0px;
	}

.buttonSubSpace{
	position: absolute;
	background: #F9FBBF;
	padding-top: 5px;
	}

.button{
	margin: 0;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	}

.sub{
	border-top: 1px solid;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #3E5171;
	background: #e5e7b0;
	}

.highlight{
	color: #669;
	}

.sublight{
	color: #449;
	background: #CC9;
	}

.bottomdiv{
	padding-bottom: 20px !important;
	}

.hide{
	display: none;
	}

#article-header{
	background: transparent url(images/article_header-new.png) repeat-y center top;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	}



/*  Jobb oldal	*/

#right li{
	padding: 5px 50px 5px 0px;
	/*background: url("images/csik-jobb.png")  repeat-y scroll 0 0;*/
	}
	#right li a:link, #right li a:visited{
		color: #F0F7FF;
		}
	#right li a:hover{
		color: #FC9;
	}

#icons img{	
	float: right;
	}
	
#menu-right {
	width: 239px;
	float: none;
	min-height: 50px;
	position: absolute;
	left: 27px;
	top: -151px;
	font-size: 12px;
	color: #FFF;
	font-weight: 900;
	z-index: 3;
		}
#news-icon{
	z-index: 2;
	position: absolute;
	margin-top: 15px;
	width: 50px;
	height: 44px;
	background: transparent url(images/hirek-icon.png) no-repeat top right;
	}
		
#bannerek {
	/*background: url("images/bannercsik.png") repeat-x scroll center top transparent;*/
	width: 260px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}	

.dividerLarge{
	float: none;
	height: 24px;
}		
		
/*  Tartalom leírása  */

.kiemelt-header{
	height: 25px;
	position: relative;
	background: transparent url(images/kiemelt-header-bg.png) repeat-x top right;
	margin: 5px 0px 10px 15px;
	line-height: 2;
}

.kiemelt-header h1{
	margin-left: 40px;
	font-size: 13px !important;
	color: #36639A;
}

.headersav{
	height: 30px;
	position: relative;
	background: #9DC1DB;
	margin: 5px 0px 10px 25px;
	line-height: 2;
}

.headersav h1{
	background-image: url("images/kiemelt_alatt-new.png");
	margin-left: 40px;
	font-size: 13px;
	color: #3E5171;
	font-weight: bold;
}

.headersav.nobottom{
	margin-bottom: 0px;
}

.headersav.also{
	margin-top: 20px;
}

.headersav.beljebb{
	margin-left: 75px;
}

.headersav.beljebb h1{
	margin-left: 10px;
}

.ikon{
	position: absolute;
	left: -15px;
	top: -10px;
	width: 45px;
	height: 45px;
}

.ikon-kicsi{
	width: 16px;
	height: 16px;
}

.hir-kiemelt {
	border-right: 0;
	padding: 10px;
	font-size: 12px;
	text-align: justify;
	color: #336;
	}
	.hir-kiemelt h1{
		font-size: 13pt;
		margin-bottom: 10px;
		}
	.hir-kiemelt h2{
		font-size: 13px;
		margin: 5px 0px;
		}
	.hir-kiemelt h3{
		font-size: 11px;
		}
	.hir-kiemelt h4{
		font-size: 10px;
		margin-bottom: 5px;
		color: #999;
		}
	.hir-kiemelt h5{
		font-size: 11px;
		margin-bottom: 5px;
		background: #DAE3EE;
		}
	.hir-kiemelt ul{
		margin-left: 10px;
		list-style: square inside none !important;
		}

		
.hir {
	border-right: 0;
	padding: 10px;
	font-size: 12px;
	}
	.hir h1 {
		margin-top:0px;
		clear:none;
		font-size: 12px;
		padding-bottom: 10px;
		}
	.hir h2 {
		padding: 3px 3px 5px 0px;
		border-bottom: #CCC 1px ridge;
		margin: 0px; 
		color:#3E5171; 
		font-size: 11px; 
		}
	.hir p{
		font-size: 11px;
		text-align: justify;
		}
	.hir ul{
		margin-left: 45px;
	}


.esemeny {
	border-right: 0;
	border-bottom: 0px dashed #3e5171;
	padding: 10px 10px 5px 10px;
	}
	.esemeny p{
		font-size: 11px;
		text-align: justify;
		}
	.esemeny h4{
		margin-bottom: 10px;
		}


.article-image{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
}


.container{
	padding-top: 5px;
}

.hirdetes{
	background: #cde0f1;
	}

.kepzes-header{
	width: 100%;
	position: relative;
}

.kepzes-header h1{
	font-size: 17px;
	text-align: left;
}

.kepzes-header h3{
	background: #DAE3EE;
	font-size: 14px;
	text-align: right;
	margin: 0 -5px 5px 400px;
	padding: 0 10px 0 0;
}


.kepzes-header a:hover{
	color: #F93;
}

.kepzes-cim{
	position: relative;
	padding: 5px;
}

#map{
	width: 450px;
	height: 450px;
	margin: 10px auto;
	background: url(http://geofinder.web4you.com.pl/template/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid;
}

/*Lábléc - footer leírása*/
	
	#footer ul{
		list-style-type:none;
		}
		
	#logo-footer{
		width: 153px;
		height: 54px;
		margin-left: 20px;
	}

.sitemap-box {
	background: #233245;
	width: 180px;
	float: left;
	font-size: 9px;
	color: #FFF;
	text-align: left;
	padding: 5px 7px 5px 7px;
	height: 230px;
		}

	.sitemap-box:first-line {
		color:#FFF;
		font-variant:small-caps;
		font-size: 16px;
		font-weight: 900;
		}

.clr{
	clear: both;
	}

/*ONLINEFORM.PHP elemei*/

ul.nice {	
	padding: 10px;
}

.divider{
	height: 4px;
}

h4.onlineform{
	/*margin-left: 40px;*/
	font-size: 13px;
	color: #36639A;
}

h5.onlineform{
	/*margin-left: 10px;*/
	background-image: url(images/onlineform_cimsor.png);
	background-repeat: repeat-y;
	line-height: 180%;
	font-size: 12px;
	color: #36639A;
}

.pointer{
	cursor: pointer;
}

.message{
	border: 1px solid;
	padding: 10px;
	margin-bottom: 10px;
}

.message p{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.message.error{
	background: #EE7677 url(images/formhatter_rossz.jpg) repeat-x top right;
}

.message.error p{
	color: #F00;
}

.message.success{
	background: #AEECA6 url(images/formhatter_jo.jpg) repeat-x top right;
}

.message.success p{
	color: #090;
}


.faqform{
	padding: 10px;
}

.faqform ul{
	margin: 0;
}

.galeria{
	width: 550px;
	height: 400px;
	border: 1px solid #000;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

.galeria.video{
	width: 470px;
	height: 385px;
}

.center{
	text-align: center;
}

#footer a { 
		color: #cde0f1;
	}
	
#footer a:hover { 
		color: #C93;
	}

#footer-cipo {
	background:url("images/footer-cipo.png") no-repeat scroll center top transparent;
	height:25px;
	margin:0 auto;
	padding:0;
	width:984px;
}

#nyiltnap{
	position: relative;
	margin: 15px auto;
	width: 210px;
	height: 80px;
	padding: 100px 35px 100px 35px;
	background: transparent url(images/nyiltnap-bg.png) no-repeat top;	
}

#nyiltnap p{
	color: #000;
	font-size: 15px;
	text-align: center;
}

#nyiltnap p.ma{
	color: #F00;
	font-weight: bold;
}

.alairas {
	font: italic 17px Georgia,serif;
	text-align: right;
	padding-top: 4px;
}