* {margin: 0; padding: 0; border: 0;}
body {text-align: center; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fff; color: #757575; font-size: 9pt;}

/* LAYOUT */
div#maincontainer {width: 780px; margin-left: auto; margin-right: auto; text-align: left;}

/* HEADER */
div#header {width: 780px;}

/* MENU */
div#menu {width: 780px; height: 25px; background: url(/images/bg_menu.gif) no-repeat bottom;}
div#menu a {display: block; height: 25px; line-height: 25px; float: left; text-align: center; letter-spacing: 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
div#menu a.jofoto {color: #d6de8a; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_jofoto_a.gif) no-repeat bottom left; width: 84px; margin-left: 28px;}
div#menu a.jofoto:hover {color: #fff; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_jofoto_ahover.gif) no-repeat bottom left;}
div#menu a.arak {color: #d4f196; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_arak_a.gif) no-repeat bottom left; width: 65px; margin-left: 15px;}
div#menu a.arak:hover {color: #fff; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_arak_ahover.gif) no-repeat bottom left;}
div#menu a.fenykepek {color: #f0e198; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_fenykepek_a.gif) no-repeat bottom left; width: 114px; margin-left: 15px;}
div#menu a.fenykepek:hover {color: #fff; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_fenykepek_ahover.gif) no-repeat bottom left;}
div#menu a.kapcsolat {color: #9dc7f6; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_kapcsolat_a.gif) no-repeat bottom left; width: 116px; margin-left: 15px;}
div#menu a.kapcsolat:hover {color: #fff; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_kapcsolat_ahover.gif) no-repeat bottom left;}
div#menu a.blog {color: #ccdff4; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_blog_a.gif) no-repeat bottom left; width: 62px; margin-left: 15px;}
div#menu a.blog:hover {color: #fff; background-color: inherit; text-decoration: none; background: url(/images/bg_menu_blog_ahover.gif) no-repeat bottom left;}

/* CONTENT */
div#content {width: auto; background: url(/images/bg_content.gif) no-repeat top; padding-top: 20px; padding-bottom: 20px;}
div#content h1 {font-family: Garamond, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ff5a00; background-color: inherit; font-size: 22pt; font-weight: bold; padding-left: 25px; margin-bottom: 20px;}
div#content h2 {color: #62a2e7; background-color: inherit; font-size: 13pt; font-weight: bold; margin: 0 25px 20px 25px;}
div#content h3 {color: #99a240; background-color: inherit; font-size: 12pt; font-weight: bold; border-bottom: 1px dotted #99a240; margin: 0 25px 10px 25px;}
div#content h4 {font-size: 10pt; font-weight: bold; margin: 0 25px 5px 25px;}
div#content p {padding: 0 25px 20px 25px; line-height: 140%;}
div#content p a {color: #ff5a00; background-color: inherit; text-decoration: none;}
div#content p a:hover {color: #6a9412; background-color: inherit; text-decoration: underline;}
div#content ul {list-style-position: outside; margin-bottom: 20px;}
div#content li {list-style-type: disc; margin: 0 25px 2px 65px;}

div#content div.gallery {margin: 0 25px 20px 25px;}
div#content div.gallery img {border-top: 1px solid #c9c9cc; border-bottom: 1px solid #c9c9cc; margin-right: 2px; margin-bottom: 3px;}

/* FOOTER */
div#footer {background: url(/images/bg_footer.gif) no-repeat top; padding: 15px 0 20px 0; color: #c2c2c2; background-color: inherit; text-align: center;}
div#footer span.left {float: left; width: 180px; text-align: left; margin-left: 5px;}
div#footer span.right {float: right; width: 180px; text-align: right; margin-right: 5px;}