#apDivMAIN {
	position: relative;
    margin: auto;
	width: 1006px; /*1006 */
	height: 216px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
	background-color: rgb(234,235,221);
	top: 0px;
}
#apDivLEFT {
	position: absolute;
	width: 62px;
	height: 216px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
	background-color: rgb(234,235,221);
    background-image: url("/kep/bg_bal.jpg");
    background-repeat: repeat;
	top: 0px;
}
#apDivRIGHT {
	position: absolute;
    margin-left: 944px;
	width: 62px; /*1006 */
	height: 216px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
    background-image: url("images/bg_jobb_f.jpg");
    background-repeat: repeat;
	top: 0px;
}
#apDivLOGO {
	position: absolute;
	margin-top: 2px;
    margin-left: 62px;
	width: 344px;
	height: 138px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
    background-image: url("images/logo.png");
    background-repeat: no-repeat;
	top: 0px;
}
#apDivKEP {
	position: absolute;
    margin-left: 406px;
	width: 538px;
	height: 138px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
    background: url('images/R1.png');
	top: 2px;
}
#apDivKEP img {
    position:absolute;
    left:0;
	width: 538px;
	height: 138px;
    animation: changeBg 30s ease-in-out infinite;
}
@keyframes changeBg{
   /*For "n" images You must define:
   a=presentation time for one image
   b=duration for cross fading
   Total animation-duration is of course t=(a+b)*n

    animation-delay = t/n or = a+b

    Percentage for keyframes:

   1 0%
   2 a/t*100%
   3 (a+b)/t*100% = 1/n*100%
   4 100%-(b/t*100%)
   5 100%
*/
  0% {
    opacity:1;
  }
  27% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  93% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
#apDivKEP img:nth-of-type(1) {
    animation-delay: 20s;
}
#apDivKEP img:nth-of-type(2) {
    animation-delay: 10s;
}
#apDivKEP img:nth-of-type(3) {
    animation-delay: 0s;
}
#apDivTERKEP {
	position: absolute;
	margin-top: 2px;
    margin-left: 660px;
	width: 347px;
	height: 216px;
	z-index: 2;
	border-style: solid;
	border-width: 0px;
    background-image: url("images/terkep.png");
    background-repeat: no-repeat;
	top: 0px;
}
#apDivLINEG {
	position: absolute;
	margin-top: 140px;
    margin-left: 62px;
	width: 882px;
	height: 6px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
	background-color: rgb(131,124,111);
	top: 0px;
}
#apDivLINEB {
	position: absolute;
	margin-top: 146px;
    margin-left: 62px;
	width: 882px;
	height: 30px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
	background-color: rgb(177,178,150);
	top: 0px;
}
#apDivSEARCH {
	position: absolute;
	margin-top: 152px;
    margin-left: 70px;
	width: 204px;
	height: 62px;
	z-index: 1;
	border-style: solid;
	border-color: rgb(210,212,196);
	border-width: 2px 1px 0px 1px;
	background-color: rgb(177,178,150);
	top: 0px;
}
#apDivSEARCH2 {
	position: absolute;
	margin-top: 199px;
    margin-left: 70px;
	width: 206px;
	height: 17px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
	background-color: rgb(247,248,238);
	top: 0px;
}
#apDivNAGYITO {
	position: absolute;
	margin-top: 157px;
    margin-left: 148px;
	width: 206px;
	height: 40px;
	z-index: 1;
	border-style: solid;
	border-width: 0px;
	background-image: url("images/nagyito.png");
    background-repeat: no-repeat;
	top: 0px;
}
.mainmenu {
	position: absolute;
	left: 280px;
	top: 120px;
	z-index: 1;
}
.mainmenu a{
	color: black;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.udvsav {
	position: absolute;
	left: 290px;
	top: 155px;
	height: 17px;
	color: black;
	font-size: 14px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1;
}
.search {
	position: absolute;
	left: 145px;
	top: 170px;
	z-index: 1;
}
.search a{
	color: rgb(164,61,60);
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.svg {
	fill: #9c8a70;
	fill-opacity: 0;
}
.svg a:hover {
  fill: #9c8a70;
  fill-opacity: 0.6;
}