body{
margin: 0;
padding: 0;
font-family: "Trebuchet MS";
color: #CCCCCC;
background: transparent url(images/koarcok_lec.jpg) repeat-y;
background-color: #666;
}
a{
color: #CCCCCC;
text-decoration: none;
}
a:hover{
border-bottom: 1px dashed #FF6633;
}
/* ---------- fejlec begin ---------- */
#logo{
height: 120px;
background: transparent url(images/fejlec.jpg) no-repeat top left;
}
#logow{
height: 120px;
background: transparent url(images/fejlecw.jpg) no-repeat top left;
}
#logom{
height: 120px;
background: transparent url(images/fejlecm.jpg) no-repeat top left;
}

/* ---------- fejlec end ---------- */


/* ---------- index oldala begin ---------- */
#area{
float: left;
height: 200px;
background-color: #999;
}
/* ---------- index oldala end ---------- */


/* ---------- menu begin ---------- */
#menu{
width: 120px;
height: 480px;
background: transparent url(images/koarcok_menu.jpg) no-repeat top;
float: left;
text-align: center;
}
#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#menu li{
line-height: 44px;
font-size: 14px;
color: #999999;
}
#menu a{
color: #999;
text-decoration: none;
padding: 6px;
}
#menu a:hover{
color: #FF6633;
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
}
#menu p{
font-size: 12px;
color: #666666;
}
#menu p:hover{
cursor: crosshair;
}
#menum{
width: 120px;
height: 480px;
background: transparent url(images/koarcok_menum.jpg) no-repeat top;
float: left;
text-align: center;
}
/* ---------- menu end ---------- */

/* ---------- main begin ---------- */
#main{
width: 870px;
height: 480px;
float: left;
/*background-color: #666;*/
/*padding: 5px 10px 5px 10px;*/

/*border: 1px dotted;*/
}
/* ---------- main end ---------- */

/* ---------- index begin ---------- */
#index{
padding-left: 30px;
margin-left: 0px;
margin-top: 20px;
float: left;
width: 329px;
height: 480px;
}
#index_text{
margin-left: 400px;
margin-top: 20px;
margin-right: 30px;
font-size: 14px;
text-align: left;
line-height: 20px;
}
.index_front{
height: 129px;
margin-bottom: 24px;
border-bottom: 1px dashed #999;
}
.index_front img{float: right;}
.index_front span{width:330px; float:left;}
#name{
font-size: 14px;
text-align: right;
font-style: italic;
color: #999999;
}
#index_bg{
float:left;
width: 870px;
height: 480px;
}
/* ---------- index end ---------- */

/* ---------- arcok begin ---------- */
#arcok{
margin: 20px 0px 0px 30px;
}
#arcok_bg{
float:left;
width: 860px;
height: 470px;
}
#arcsor{ /* vízszintes sor */
width: 830px;
height: 190px;
}
#arctbl{ /* a kér sor közötti rés */
/*width: 840px;*/
height: 20px;
}
div.arcalap{ /* arcok háttere */
width: 180px;
height: 190px;
float: left;
background-color: #777777;
behavior: url(hover.htc);
margin-right: 25px;
}
div.arcalap:hover, div.arcalapHover { /* arcok háttere */
background-color: #888888;
}
#koarcok{padding: 15px 0 0 30px;}
#koarcok a:hover{ border: 0px;}

#arcfoot{
height: 25px;
width: 795px;
margin-top: 25px;
}
#arcfoot a:hover{
border-bottom: 0px;
border-top: 1px dashed #999;
color: #FF6633;
}
#footback{
width: 100px;
float: left;
text-align: left;
}
#footnext{
width: 100px;
float: right;
text-align: right;
}
#footpages{
text-align: center;
width: 595px;
float: left;
word-spacing: 10px;
}
em{
font-style: normal;
color: #222;
}

/* -------------------- arcok utcza begin -------------------- */

#utczarc{
float: left;
width: 320px;
height: 480px;
}
#utczarc img{
border: 3px solid #333;
}
#utczalapp{
margin: 20px 0px 0px 30px;
}
#utczalap_bg{
float:left;
width: 860px;
height: 460px;
border-right: 1px dashed #999;
}
#utczatabla{
float: left;
width: 440px;
height: 35px;
text-align: left;
margin-left: 50px;
}
#utczasor{
width: 450px;
height: 110px;
float: left;
}

div.utczalap{
width: 120px;
height: 110px;
float: right;
background-color: #777777;
behavior: url(../../hover.htc);
margin: 0 0px 0 20px;
}
div.utczalap:hover, div.utczalapHover {
background-color: #888888;
}



div.holder {padding:10px 0 0 15px;}
div.holder img {border: 3px solid #333;}
div img.preView{border:0px;}
div.bigPicture {
	position:absolute;
	left:150px;
	top:140px;
	visibility:hidden;
}
div.holder:hover div.bigPicture, div.holderHover div.bigPicture{
	position:absolute;
	left:150px;
	top:140px;
	visibility:visible;
}
div.holderHover img.preView {}
div.holder {behavior:url(../../hover.htc);}




#utczares{
height: 20px;
width: 440px;
float: left;
}
#utczav{
float: left;
width: 100px;
height: 40px;
text-align: left;
margin-top: 15px;
margin-left: 50px;
font-size: 14px;
}
#utczanlotta{
float: left;
width: 300px;
height: 40px;
text-align: right;
margin-top: 15px;
font-size: 14px;
}


/* -------------------- arcok utcza end -------------------- */

/* ---------- arcok end ---------- */


/* ---------- terkep begin ---------- */
#terkep{
margin-left: 30px;
margin-top: 15px;
margin-right: 250px;
font-size: 14px;
text-align: justify;
}
#terkep_bg{
background: transparent url(terkep/terkep.jpg) no-repeat;
float:left;
width: 870px;
height: 480px;
}

#pesticim{
width: 550px;
height: 25px;
border-bottom: 1px dashed #999;
padding-left: 27px;
}
#pesti{
float: left;
width: 150px;
height: 160px;
border-right: 1px dashed #999;
padding: 10px 0 0 0;
margin-top: 10px;
line-height: 30px;
text-align: center;
}
#helyek{
float: left;
width: 550px;
}
#vilagicim{
float: left;
width: 550px;
height: 25px;
border-bottom: 1px dashed #999;
padding-left: 15px;
margin-top: 30px;
}
#kerulet{
float: left;
width: 250px;
height: 350px;
border-right: 1px dashed #999;
padding: 10px 0 0 0;
margin-top: 10px;
line-height: 35px;
text-align: center;
}
#keruletfoot{
float: left;
width: 550px;
height: 25px;
border-top: 1px dashed #999;
padding: 10px 0 0 27px;
margin-top: 15px;
}

/* ---------- terkep end ---------- */



/* ---------- kiallitas begin ---------- */
#kiallitas{
margin-left: 30px;
margin-top: 36px;
margin-right: 10px;
font-size: 14px;
text-align: justify;
line-height: 21px;
}
#kiallitas_bg{
float:left;
width: 870px;
height: 480px;
}
#ktextbox{
float:left;
width: 330px;
padding-right: 10px;
}
#ktext{
float:left;
height: 148px;
width: 328px;
line-height: 26px;
border-top: 1px dashed #999;
}
#kpixbox{
float:left;
width: 100px;
}
#kpix{
float:left;
height: 80px;
width: 100px;
}
#kzsola{
float:left;
width: 370px;
padding-left: 15px;
color: #999999;
font-size: 12px;
}
#kiallitas acronym{
color: #CCCCCC;
font-size: 14px;
font-weight: normal;
}
/* ---------- kiallitas end ---------- */

/* ---------- vendeg begin ---------- */
#vendeg{
margin-left: 30px;
margin-top: 36px;
margin-right: 250px;
font-size: 12px;
text-align: justify;
line-height: 20px;
}
#vendeg_bg{
background: transparent url(vkonyv/toll.jpg) no-repeat;
float:left;
width: 870px;
height: 480px;
}
#vendeg h1{
font-size: 14px;
font-weight: normal;
font-style: italic;
margin-bottom: 16px;
}
#vendeg h2{
font-size: 12px;
font-weight: normal;
text-align: right;
}
/* ---------- vendeg end ---------- */

/* ---------- palyazat begin ----------
#palyazat{
margin-left: 30px;
margin-top: 36px;
margin-right: 250px;
font-size: 14px;
text-align: justify;
line-height: 21px;
}
#palyazat_bg{
background: transparent url(palyazat/palyazat.jpg) no-repeat;
float:left;
width: 870px;
height: 480px;
}
#palyazat h1{
font-size: 16px;
font-weight: normal;
}
#palyazat li{
padding: 5px 0px 5px 0px;
}
---------- palyazat end ---------- */

/* ---------- us begin ---------- */
#us{
margin-left: 30px;
margin-top: 36px;
margin-right: 250px;
font-size: 14px;
text-align: justify;
line-height: 21px;
}
#us_bg{
background: transparent url(rolunk/rolunk.jpg) no-repeat;
float:left;
width: 870px;
height: 480px;
}
#usfloat{
float: left;
height: 105px;
margin-right: 30px;
}
#usmail{
float: left;
height: 105px;
width: 250px;
padding-left: 0px;
}
/* ---------- us end ---------- */

/* ---------- sugo begin ---------- */
#sugo{
margin-left: 30px;
margin-top: 36px;
margin-right: 250px;
font-size: 14px;
text-align: justify;
line-height: 21px;
}
#sugo_bg{
background: transparent url(sugo/sugo.jpg) no-repeat;
float:left;
width: 870px;
height: 480px;
}
/* ---------- sugo end ---------- */

/* ---------- linkek begin ---------- */
/*#linkek{
margin-left: 200px;
margin-top: 120px;
line-height: 45px;
font-size: 14px;
}*/
#linkb{float:left; font-size:14px; line-height: 45px; margin:120px 0 0 40px;}
#linkj{float:left; font-size:14px; line-height: 45px; margin:120px 0 0 50px;}
#linkek_bg{
background: transparent url(linkek/linkek.jpg) no-repeat;
float:left;
width: 870px;
height: 480px;
}
/* ---------- linkek end ---------- */


/* ---------- kiallitas begin ---------- */
#meghivo{
margin-left: 30px;
margin-top: 36px;
margin-right: 10px;
font-size: 14px;
text-align: justify;
line-height: 21px;
}
#meghivo_bg{
float:left;
width: 870px;
height: 480px;
}
#ktextbox{
float:left;
width: 330px;
padding-right: 10px;
}
#ktext{
float:left;
height: 80px;
width: 328px;
line-height: 26px;
border-top: 1px dashed #999;
}
#kpixbox{
float:left;
width: 100px;
}
#kzsola{
float:left;
width: 370px;
padding-left: 15px;
color: #999999;
font-size: 12px;
}
#meghivo acronym{
color: #CCCCCC;
font-size: 14px;
font-weight: normal;
}
/* ---------- kiallitas end ---------- */