/** MAIN **/
BODY { margin: 0; padding: 0; font-family: Tahoma; font-size: 8pt; background: #007B3D url(images/mainbg.gif) repeat-y 50% 0; color: #FFF; }

A { color: #FFC600; text-decoration: none; }
A:hover { color: #FFF; text-decoration: underline; }

A IMG { border: 0; text-decoration: none; }

FORM { margin: 0; padding: 0; }

H1 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; color: #FFC600; }
H2 { font-size: 14px; font-weight: normal; margin: 0; padding: 0; }
H3 { font-size: 12px; font-weight: normal; margin: 0 0 10px 0; padding: 0; }

H2.upper { text-transform: uppercase; }

/* STRUKTÚRA */
#header { height: 251px; background: #007B3D url(images/header_bg.gif) repeat-x top left; }
       #inner { width: 779px; height: 251px; margin: 0 auto; text-align: center; overflow: hidden; }
             #hleft { background: url(images/logo-bal.gif) no-repeat; width: 175px; height: 251px; float: left; position: relative; }
                    #ponsnyelvekhu { position: absolute; bottom: 0; left: 0; }
                    #ponsnyelvekhu a { display: block; width: 175px; height: 30px; }
             #htop { background: url(images/nyelvek-konnyeden.gif) no-repeat; width: 604px; height: 106px; float: left; }
             #htop a { display: block; width: 604px; height: 106px; }
             #hlangselect { width: 432px; height: 145px; float: left; background: url(images/nyelvek.gif) no-repeat top left; }
             #haboutbox { width: 172px; height: 120px; padding-top: 24px; float: left; background: #031056 url(images/aboutbox_bg.gif) no-repeat top left; font-weight: bold; text-align: center; }
             #haboutbox a { color: #FFF; }

#container { width: 779px; overflow: hidden; margin: 0 auto; }
       #menu { width: 175px; background: url(images/klett.gif) no-repeat 50% 98%; padding-bottom: 150px; }
       #menu ul { margin: 15px 0 0 0; padding: 0; list-style: none; }
       #menu ul li { margin: 3px 0; padding: 0; }
       #menu ul li.separator { margin: 0 9px 0 0; padding: 0; height: 15px; background: url(images/white_dots.gif) repeat-x 0 50%; }
       #menu ul li a { color: #FFC600; width: 155px; padding: 0 20px 0 0; text-align: right; background: url(images/nyil1.gif) no-repeat 160px 4px; display: block; }
       #menu ul li a.selected { color: #FFF; background: url(images/nyil2.gif) no-repeat 161px 70%; }
       #menu ul li a:hover { color: #FFF; }
       
/*        #klettlink { position: absolute; bottom: 10px; left: 0; width: 150px; height: 100px; background: #FFF; } */

       #content { width: 564px; padding: 30px 20px 20px 20px; background: url(images/greenbg_topleft.gif) no-repeat 1px 0px; font-size: 9pt; line-height: 18px; }
/*        * html #content { height: 100%; float: right; position: relative; top: 0; left: 0; } */

#bodycontainer { text-align: center; width: 779px; margin: 0 auto; background: url(images/bigdots.gif) no-repeat bottom right; }

#footer { border-top: 1px solid #FFF; background: url(images/footerbg.gif) no-repeat 50% 0; }
#footer div { width: 589px; margin: 0 auto; padding: 7px 0 7px 190px; }

/* ITEM */
.item h1, .leiras h1 { margin: 10px 0 5px 0; }
.item h2, .leiras h2 { margin: 0 0 5px 0; color: #AECDEF; font-size: 8pt; }
.item .price, .leiras .price { margin: 0 0 5px 0; }

.link_nyil { margin: 5px; }
.link_nyil a { background: url(images/nyil2.gif) no-repeat 0 4px; padding-left: 8px; }

#szoveg { padding: 10px 0; text-align: justify; clear: both; }

/* HIBAÜZENET */
#error h1 { color: #FFC600; margin-bottom: 15px; }

/* EGY KATEGÓRIÁN BELÜLI TÖBB TERMÉK */
#thumbnails { width: 100%; overflow: hidden; clear: both; }
#thumbnails .termek { float: left; }
#thumbnails .termek .link a { width: 110px; text-align: center; display: block; }
#thumbnails .termek .link a div { margin: 8px 0 8px 0; }
#thumbnails .termek .kosar a { width: 110px; text-align: center; display: block; }

/* EGYEBEK */
.narancs { color: #FFC600; font-weight: bold; }
.darabInput { background: #031056; color: #FFF; padding: 3px; border: 1px solid #FFF; width: 20px; }
.rendelesInput { background: #007B3D; color: #FFF; padding: 3px; border: 1px solid #FFF; width: 400px; }
.separator { height: 15px; background: url(images/white_dots.gif) repeat-x 0 0; }