/** MAIN **/
BODY { margin: 0; padding: 0; font-family: Times New Roman; font-size: 14px; color: #504332; background: #000; }

A { color: #504332; text-decoration: underline; }
A:hover { color: #F79C00; text-decoration: underline; }

A IMG { border: 0; text-decoration: none; }

H2 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; }

FORM { margin: 0; padding: 0; }

/** STRUCTURE **/

#container { width: 750px; margin: 0 auto; }

#header { width: 750px; }
#header h1 { background: url(images/head-image.jpg) no-repeat top left; width: 550px; height: 200px; float: left; margin: 0; padding: 0; }
#header h1 a { width: 550px; height: 200px; display: block; }
#header h1 a span { display: none; }
#header #topmenu { width: 200px; float: left; margin: 0; padding: 67px 0 0 0; list-style: none; background: url(images/pm-logo.jpg) no-repeat top left; }
#header #topmenu li { margin: 2px 0; font-size: 13px; color: #67543c; }
#header #topmenu a { color: #67543c; text-decoration: none; }
#header #topmenu a:hover { color: #FFF; text-decoration: underline; }

/** MENU **/
#menu { clear: both; display: table; width: 650px; margin: 0 0 0 50px; padding: 0 0 0 160px; list-style: none; background: url(images/head-image2.jpg) no-repeat top left; }
* html #menu { width: 490px; }
#menu li { float: left; margin: 0; padding: 0; }
#menu li a { display: block; height: 50px; }
#menu li a span { display: none; }

/** SUBMENU **/
#submenu { clear: both; width: 650px; margin: 0 0 0 50px; padding: 0; list-style: none; }
#submenu li { float: left; }
#submenu li a { display: block; height: 50px; }
#submenu li a span { display: none; }

/** TARTALOM **/
#content_div { width: 650px; background: #fefced; clear: both; margin: 0 auto; display: table; }
#bigpic { float: left; width: 325px; height: 340px; background: url(images/screenshot-top.jpg) no-repeat top left; }
#content { float: left; position: relative; }
#contenttext { position: absolute; left: 17px; top: 50px; width: 263px; height: 280px; overflow: hidden; text-align: justify; line-height: 16px; }
#nagyheadkep { z-index: 2; position: absolute; width: 280px; height: 94px; overflow: hidden; }
#takaras { background: #fefced; position: absolute; margin: 30px 0 0 325px; z-index: 1; width: 280px; height: 50px; }

/** SCROLLBARS **/
#scrollbar { margin-left: 320px; }
#scrollup { position: absolute; top: 50px; right: 20px; }
#scrollup a { width: 11px; height: 8px; display: block; background: url(images/scroll-up.gif) no-repeat top left; }
#scrollup a span { display: none; }
#scrolldown { position: absolute; top: 320px; right: 20px; }
#scrolldown a { width: 11px; height: 8px; display: block; background: url(images/scroll-down.gif) no-repeat top left; }
#scrolldown a span { display: none; }
#scrollstatus { width: 3px; height: 258px; background: #a2a173; position: absolute; top: 60px; right: 24px; }
#scrollstatus-inner { width: 3px; height: 50px; background: #272205; position: absolute; left: 0; top: 0; }
/** IE WORKAROUND **/
* html #contenttext { top: 60px; }
* html #scrollup { top: 60px; }
* html #scrolldown { top: 330px; }
* html #scrollstatus { top: 70px; }


/** THUMBNAILS **/
A.thumb { margin: 0 10px 0 0; border: 0; text-align: center; float: left; }
A.thumb img { border: 1px solid #a2a173; padding: 3px; margin: 0 0 5px 0; width: 110px; }
A.thumb:hover img { border: 1px solid #272205; background: #a2a173; text-decoration: none; }

/** FOOTER **/
#footer { background: url(images/footer.jpg) no-repeat 50px 0; width: 700px; height: 38px; }

#kapcslinkek { margin: 5px; padding: 0 0 0 10px; }
#kapcslinkek li { margin: 2px; padding: 0; text-align: left; }