
/* container for slides */
.box {
    position:relative;
    top: -160px;
    left: 60px;    
/*    height:326px;

    width:489px;
    float:left; */
}
/* container for slides */
.images {
    position: absolute; 
    top:  0px;
    left: 0px;
    height:326px;
    width:489px;
    float:left;
/*    margin:25px; */
    cursor:pointer; 
}
/* single slide */
.images div {
    display:none;
    position:absolute;
    top: 0;
    left: 0;
    margin:0px;
/*    padding: 0px 30px 15px 0px; */
    height:326px;
    font-size:12px;
}

/* header */
.images h3 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 20px 0;
    color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
    position: absolute; 
    top: -20px;
    left: 392px;
    clear:both;
/*    margin-right:20px; */
}
/* single tab */
.slidetabs a {
    width:11px;
    height:11px;
    float:left;
    margin:3px;
    background:url(elemek/navigator2.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}
/* mouseover state */
.slidetabs a:hover {
    background-position:0 -11px;
}
/* active state (current page state) */
.slidetabs a.current {
    background-position:0 -22px;
}
.vetit {
    position: absolute; 
    top: 370px;
    left: 150px;
    clear:both;
}
/* prev and next buttons */
.forward {
    position: absolute; 
    top: 0px;
    left: 500px;
    float:left;
    margin-top:143px;
/*    background:#fff url(elemek/nyilak2.png) no-repeat; */
    background: url(elemek/nyilak2.png) no-repeat;
    display:block;
    width:30px;
    height:49px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}
.backward {
    position: absolute; 
    top: 0px;
    left: -40px;
    float:left;
    margin-top:143px;
/*    background:#fff url(elemek/nyilak2.png) no-repeat; */
    background: url(elemek/nyilak2.png) no-repeat;
    display:block;
    width:30px;
    height:49px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}

/* next */
.forward { background-position: 0 -49px; clear:right; }
.forward:hover { background-position:-30px -49px; }
.forward:active	{ background-position:-60px -49px; }


/* prev */
.backward:hover	{ background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}
