/*oldal felépítése*/
/*Font betöltés*/
@font-face {
    font-family: "Bori Font";
    src: url(book.ttf);
}
  
 body{
	background-image: url('../images/bg.png');
	color:black;
	font-family:Bori Font,Arial,sans-serif;
	font-size:12px;
}  
object, form{margin: 0 0 0 0;  
   padding: 0 0 0 0;}  

#lap{
	width:1020px;
	margin:10px auto 10px auto;
	height:896px;
}
#fent,
#fent{
	height:280px;} 
#menu{height:81px;}  
#fejlec{height:199px;}  
#fejlec{
   background-image:url('../images/nemetborbala_fejlec_modszerek.png');  
   text-align:left;  
   font-size:10px;  
   font-family:Bori Font,Arial,sans-serif;  
   font-size:11px;
}

#kozep,
#kozep{
	clear:both;
	height:507px;}
#kozepbal{
	float:left;
	width:95px;
	height : 507px;}
#kozepbal{
	background-image:url('../images/nemetborbala_baloldal_modszerek.png');  
}  
#balmenu,
#balmenu{
	float:left;
	height:507px;
	width:191px;
	color:#353c12;
	font-size:12px;}
.menu{
	color:#353c12;}	

A:link {text-decoration: none; color:#353c12;}
A:visited {text-decoration: none; color:#353c12;}
A:active {text-decoration: none; color:#8c9a36;}
A:hover {text-decoration: underline; color: #8c9a36;}

	
#balmenufent{
	background-image:url('../images/nemetborbala_balmenufent.png');
	width:191px;
	height:8px;
	}
#balmenuteto{
	background-image:url('../images/nemetborbala_balmenuteto.png');
	width:191px;
	height:11px;
	}
#balmenutartalom{
	background-image:url('../images/nemetborbala_balmenutartalom.png');
	width:191px;
	height:471px;
	}
#balmenulent{
	background-image:url('../images/nemetborbala_balmenulent.png');
	width:191px;
	height:17px;
	}
#balmenuelvalaszto{width:150px;
height:1px;}  	
#oszto{
	float:left;
	background-image:url('../images/nemetborbala_oszto.png');
	width:24px;
	height:507px;
	}
#tartalom{
	float:left;
	width:640px;
	height : 507px;}
#tartalom{
	background-image:url('../images/nemetborbala_tartalom.png');  
}  


.tartalomszov{
	float:left;
	padding: 5px 10px 5px 10px;
	text-align: justify;
	font-family:Bori Font,Arial,sans-serif;
	font-size:11px;
	line-height:140%;
}
.szoveg{
	text-align: justify;
	font-family:Bori Font,Arial,sans-serif;
	font-size:13px;
	line-height:140%;
}  

.labszoveg{
	text-align: justify;
	font-family:Bori Font,Arial,sans-serif;
	font-size:12px;
	line-height:140%;
	color: #353c12;
	font-weight:bold;
}   
#borikep{
	margin:10px 10px 10px 10px;
	float:right;
	position:static;
	z-index:-1;
	width:136px;
	height:169px;
	}
#borikep{
	background-image:url('../images/nemetborbala-kep.png');
}
#jobbsav{background-image:url('../images/nemetborbala_joboldal_modszerek.png'); 
	float:left;
	width:70px;
	height : 507px;
}  
 
#lent{margin:0 0 0 0;}  
#lablec{width:1020px;}  
#lablec{background-image:url('../images/nemetborbala_lablec.png');  
   clear:both;
   text-align:center;  
   font-size:10px;  
   font-family:Tahoma,sans-serif;  
   font-size:11px;  
   height:109px;} 


/*design elemek*/  
/*Kereso csusztatás*/

#slider {
  width: 640px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 507px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 5px 10px 5px 10px; 
  height: 507px;
  width: 630px; /* change to 560px if not using JS to remove rh.scroll */
}
.hide {
    display: none;
}


/*debugging*/  
/*
#fejlec{background-color:red;}  
#menu{background-color:green;}  
#tartalom{background-color:yellow;}  
#jobbsav{background-color:gray;}  
#lablec{background-color:red;}  
*/
//inner scroll

/* Tiny Scrollbar */
#scrollbar1 { width: 630px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 610px; height: 507px; overflow: hidden; position: relative; }
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 2px;
	top: 1px;
	padding: 0;
	margin: 0;
}
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }

#scrollbar2 { width: 630px;}
#scrollbar2 .viewport { width: 610px; height: 450px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar2 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }

#scrollbar3 { width: 630px;}
#scrollbar3 .viewport { width: 610px; height: 450px; overflow: hidden; position: relative; }
#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar3 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar3 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar3 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar3 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar3 .disable { display: none; }

#scrollbar4 { width: 630px;}
#scrollbar4 .viewport { width: 630px; height: 450px; overflow: hidden; position: relative; }
#scrollbar4 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width: 620px;
	height: 446px;
}
#scrollbar4 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar4 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar4 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar4 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar4 .disable { display: none; }

#scrollbar5 { width: 630px;}
#scrollbar5 .viewport { width: 610px; height: 450px; overflow: hidden; position: relative; }
#scrollbar5 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar5 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar5 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar5 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar5 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar5 .disable { display: none; }

#scrollbar6 { width: 630px;}
#scrollbar6 .viewport { width: 610px; height: 450px; overflow: hidden; position: relative; }
#scrollbar6 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar6 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar6 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar6 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar6 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar6 .disable { display: none; }


#scrollbar7 { width: 630px;}
#scrollbar7 .viewport { width: 610px; height: 450px; overflow: hidden; position: relative; }
#scrollbar7 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar7 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar7 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar7 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar7 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar7 .disable { display: none; }


#map_canvas