/* reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* style */
body { font: 11px/1.4em tahoma, arial, sans-serif; color: #424242; background: #81b119; }
a { text-decoration: none; }

/* header */
#header { position: relative; width: 860px; height: 260px; margin: 0 auto; background: url(../image/header.background.jpg) 0 0; }
body.main #header { background-image: url(../image/header.main.background.jpg); }
#header span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/header.background.jpg); }
body.main #header span { background-image: url(../image/header.main.background.jpg); }
#header h1 a,
#header p.h1 a { position: absolute; left: 20px; width: 330px; top: 40px; height: 190px; }
#header h1 span,
#header p.h1 span { background-position: -20px -40px; cursor: pointer; }
#header p.date { position: absolute; left: 350px; width: 125px; top: 5px; height: 120px; }
#header p.date span { background-position: -350px -5px; }
#header a.location { position: absolute; left: 21px; width: 111px; top: 0; height: 28px; }
#header a.location span { background-position: -21px 0; cursor: pointer; }
#header a.program { position: absolute; left: 132px; width: 95px; top: 0; height: 28px; }
#header a.program span { background-position: -132px 0; cursor: pointer; }

/* navigation */
ul#navigation { width: 770px; height: 40px; margin: 0 auto; padding: 0 45px; background: url(../image/header.background.jpg) 0 -260px; }
body.main ul#navigation { background-image: url(../image/header.main.background.jpg); }
ul#navigation li { float: left; }
ul#navigation li.location { width: 151px; }
ul#navigation li.program { width: 106px; }
ul#navigation li.stage { width: 115px; }
ul#navigation li.sport { width: 99px; }
ul#navigation li.partner { width: 107px; }
ul#navigation li.aboutus { width: 102px; }
ul#navigation a { position: relative; display: block; height: 40px; }
ul#navigation span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/header.background.jpg); cursor: pointer; }
body.main ul#navigation span { background-image: url(../image/header.main.background.jpg); }
ul#navigation li.location span { background-position: -45px -260px; }
ul#navigation li.program span { background-position: -196px -260px; }
ul#navigation li.stage span { background-position: -302px -260px; }
ul#navigation li.sport span { background-position: -417px -260px; }
ul#navigation li.partner span { background-position: -516px -260px; }
ul#navigation li.aboutus span { background-position: -623px -260px; }

/* content */
#content { width: 760px; margin: 0 auto; padding: 0 50px; background: url(../image/content.background.jpg) 0 0; }
body.main #content { width: 740px; height: 480px; padding: 0 60px; background-image: url(../image/content.main.background.jpg); }
#content h1,
#content h2.h1 { position: relative; }
#content h1 span,
#content h2.h1 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: no-repeat 0 0; }
#content br.clr { clear: both; }

#content #i1 { float: left; width: 350px; }
#content p#i2 { position: relative; height: 140px; }
#content p#i3 { position: relative; height: 30px;}
#content p#i2 span,
#content p#i3 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/content.p.i2.jpg) 0 0; }
#content p#i3 span { background-image: url(../image/content.p.i3.jpg); }
#content #i4 { float: right; width: 365px; height: 300px; padding: 0 0 0 25px; }
#content #i4 h2 { height: 80px; }
#content #i4 h2 span { background-image: url(../image/content.title.index.jpg); }
#content #i4 li { height: 36px; background: url(../image/content.li.i4.png) no-repeat right 0; }
#content #i4 h3 { float: left; padding: 0 5px 0 0; font-family: arial, sans-serif; font-size: 18px; line-height: 36px; font-weight: bold; color: #f26522; background: #fff; }
#content #i4 a { float: right; margin: 4px 20px 0 0; padding: 0 0 0 5px; line-height: 32px; color: #727272; background: #fff; }
#content p#i5 { width: 200px; margin: 5px 0 0; font-size: 14px; font-weight: bold; color: #f26522; }
#content ul#i7 { position: relative; clear: both; height: 185px; }
#content ul#i7 li { position: absolute; }
#content li#i8 { left: 125px; width: 190px; top: 15px; }
#content li#i9 { left: 350px; width: 180px; top: 15px; }
#content li#i10 { left: 350px; width: 180px; top: 110px; }
#content li#i11 { left: 560px; width: 180px; top: 15px; }
#content li#i12 { left: 560px; width: 180px; top: 93px; }
#content ul#i7 h3 { margin: 0 0 5px; font-family: arial, sans-serif; font-size: 18px; font-weight: bold; color: #fffbbf; }
#content li#i8 h3 { margin: 0 0 10px; font-size: 22px; }
#content ul#i7 p { line-height: 1.6em; color: #fff; }
#content ul#i7 a { font-weight: bold; color: #d8ff00; }

#content h1#l1 { height: 70px; }
#content h1#l1 span { background-image: url(../image/content.title.location.jpg); }
#content ul#l2 { margin: 0 5px; }
#content ul#l2 li { float: left; width: 230px; padding: 20px 15px 20px 5px; line-height: 1.6em; text-indent: 15px; background: url(../image/content.bullet.orange.jpg) no-repeat 9px 27px; }
#content ul#l2 strong { font-weight: bold; }
#content p#l3 { clear: both; padding: 0 0 20px; line-height: 2em; text-align: center; font-weight: bold; color: #f26522; }

#content h1#pa1 { height: 70px; }
#content h1#pa1 span { background-image: url(../image/content.title.partner.jpg); }
#content ul#pa2 { height: 400px; }
#content ul#pa2 li { float: left; padding: 0 0 15px; line-height: 15px; text-align: center; }
#content ul#pa2 a { color: #424242; }
#content ul#pa2 img { vertical-align: bottom; }
#content ul#pa2 li#pa3 { padding: 0 0 15px 153px; }
#content ul#pa2 li#pa4 { padding: 0 0 15px 100px; }
#content ul#pa2 li#pa4 img { margin: 20px 0 15px; }
#content ul#pa2 li#pa5 img { margin: 0px 90px 0px; }

#content h1#m1 { height: 70px; }
#content h1#m1 span { background-image: url(../image/content.title.market.jpg); }
#content ul#m2 { height: 620px; }
#content ul#m2 li { float: left; padding: 0 0 15px; line-height: 15px; text-align: center; }
#content ul#m2 a { color: #424242; }
#content ul#m2 img { vertical-align: bottom; }
#content ul#m2 li#m3 { padding: 0 0 15px 58px; }
#content ul#m2 li#m4 { padding: 0 0 15px 58px; }
#content ul#m2 li#m5 { padding: 0 0 15px 20px; }
#content ul#m2 li#m6 { padding: 0 0 15px 30px; }
#content ul#m2 li#m7 { padding: 0 0 15px 25px; }

#content .content { float: right; width: 500px; padding: 25px 0 0; }
#content .content p { width: 465px; line-height: 1.4em; }
#content .content p strong { font-weight: bold; }
#content .content li { width: 465px; padding: 0 0 0 15px; line-height: 1.4em; background: url(../image/content.bullet.orange.jpg) no-repeat 5px 7px; }

#content h1#p1 { float: left; width: 230px; height: 1180px; }
#content h1#p1 span { background-image: url(../image/content.title.program.jpg); }
#content ul#p2 li { width: auto; padding: 0 0 45px; background: url(../image/content.line.jpg) no-repeat 0 bottom; }
#content ul#p2 p { padding: 10px 0 0; }
#content ul#p2 p.first { padding: 0; }
#content ul#p2 p a { font-size: 18px; color: #f26522; }
#content ul#p2 p em { text-decoration: underline; }
#content ul#p2 li li { width: 465px; padding: 0 0 0 15px; background: url(../image/content.bullet.orange.jpg) no-repeat 5px 7px; }
#content li#p3 { position: relative; }
#content ul#p2 li#p4 { position: relative; padding: 0 0 20px; background: none; }
#content li#p3 p,
#content li#p4 p { width: 430px; }
#content li#p3 p.badge,
#content li#p4 p.badge { position: absolute; right: 0; width: 59px; top: -5px; height: 45px; padding: 15px 6px 6px 0; line-height: 14px; text-align: center; color: #fff1d1; background: url(../image/content.badge.orange.jpg) 0 0; }
#content li#p4 p.badge { background-image: url(../image/content.badge.green.jpg); }
#content li#p3 p.badge span,
#content li#p4 p.badge span { font-size: 13px; font-weight: bold; color: #fff; }
#content li#p5 div { background: url(../image/content.badge.voroskereszt.jpg) no-repeat right 0; }
#content li#p5 p { width: 420px; }
#content li#p6 div { height: 74px; background: url(../image/content.badge.szeretetfenye.jpg) no-repeat right 0; }
#content li#p6 p { width: 420px; padding: 0; font-style: italic; }
#content li#p6 p.first { font-style: normal; }

#content h1#s1 { float: left; width: 230px; height: 1400px; }
#content div#uhely { height: 120px; }
#content h1#s1 span { background-image: url(../image/content.title.stage.jpg); }
#content h2#s2 { padding: 0 0 20px; font-weight: bold; color: #81b119; }
#content div#s3 { position: relative; }
#content div#s3 p { width: 430px; }
#content div#s3 p.badge { position: absolute; right: 0; width: 59px; top: -5px; height: 45px; padding: 15px 6px 6px 0; line-height: 14px; text-align: center; color: #fff1d1; background: url(../image/content.badge.orange.jpg) 0 0; }
#content div#s3 p.badge span { font-size: 13px; font-weight: bold; color: #fff; }
#content p#s4 { margin: 20px 0 0; font-weight: bold; }
#content p#s5 { font-weight: bold; }
#content p#s6 { font-weight: bold; }
#content p#s7 { margin: 20px 0 0; font-size: 18px; color: #f26522; }
#content p#s8 { padding: 0 0 45px; background: url(../image/content.line.jpg) no-repeat 0 bottom; }
#content p#s8 a { font-size: 18px; color: #f26522; }
#content h2#s9 { font-size: 18px; }
#content table#s10 { width: 466px; margin: 10px 0; }
#content table#s10 th { height: 34px; line-height: 34px; padding: 0 10px; border: solid #fff; border-width: 0 1px 2px 0; font-weight: bold; color: #81b119; background: #f4f4f4; }
#content table#s10 th.program { width: 380px; }
#content table#s10 td { height: 22px; line-height: 22px; padding: 0 10px; border: solid #fff; border-width: 0 1px 2px 0; background: #fef6d2; }
#content table#s10 td.time { font-weight: bold; color: #f26522; }
#content table#s10 tr.e td { background: #fff; }
#content table#s10 tr.i td { background: #c1e22e; }
#content table#s10 tr.i td.time { color: #424242; }
#content p#s11 { padding: 0 0 45px; background: url(../image/content.line.jpg) no-repeat 0 bottom; }
#content p#s12 { padding: 0 0 20px; font-size: 10px; }

#content h1#sp1 { float: left; width: 230px; height: 500px; }
#content h1#sp1 span { background-image: url(../image/content.title.sport.jpg); }
#content ul#sp2 li { position: relative; width: auto; padding: 0 0 45px; background: url(../image/content.line.jpg) no-repeat 0 bottom; }
#content ul#sp2 h2 { font-size: 18px; color: #f26522; }
#content ul#sp2 h2 span { font-size: 11px; font-weight: bold; color: #424242; }
#content ul#sp2 p { width: 430px; }
#content ul#sp2 p.badge { position: absolute; right: 0; width: 59px; top: -5px; height: 45px; padding: 15px 6px 6px 0; line-height: 14px; text-align: center; color: #fff1d1; background: url(../image/content.badge.orange.jpg) 0 0; }
#content ul#sp2 p#later1 { top: 80px; }
#content ul#sp2 p#later2 { top: 175px; }
#content ul#sp2 p.badge span { font-size: 13px; font-weight: bold; color: #fff; }
#content li#sp3 table { width: 430px; }
#content li#sp3 td { height: 1.4em; line-height: 1.4em; }
#content li#sp3 td.class { width: 235px; padding: 0 0 0 15px; background: url(../image/content.bullet.orange.jpg) no-repeat 5px 7px; }
#content ul#sp2 li li { width: 430px; line-height: 1.4em; padding: 0; background: none; }
#content ul#sp2 li li span { font-weight: bold; }
#content ul#sp2 li li span.info { font-size: 10px; font-weight: normal; }
#content h2#sp4 { padding: 100px 0 0; font-size: 18px; color: #f26522; background: url(../image/content.registration.jpg) no-repeat 0 0; }
#content form#sp5 { padding: 20px 0 0; }
#content form#sp5 br { clear: both; }
#content form#sp5 p.error { line-height: 1.8em; font-weight: bold; color: #f00; }
#content form#sp5 label { float: left; width: 115px; line-height: 1.6em; margin: 1px 0; }
#content form#sp5 label#l_pro { width: 365px; margin: 5px 0 10px; }
#content form#sp5 label.event { width: auto; font-weight: bold; color: #f26522; }
#content form#sp5 input { float: left; width: 250px; margin: 1px 0; border: 1px solid #f5f8d5; font: 11px tahoma, arial, sans-serif; color: #424242; background: #f5f8d5; }
#content form#sp5 input#year { width: 30px; }
#content form#sp5 label input { float: none; width: auto; margin: 0; border: none; vertical-align: text-bottom; background: none; }
#content form#sp5 label#l_pro input { margin: 0 0 0 5px; }
#content form#sp5 label.event input { margin: 0 5px 0 0; }
#content form#sp5 select { float: left; margin: 2px 0 0 10px; font: 11px tahoma, arial, sans-serif; }
#content form#sp5 input#registration { width: 137px; height: 45px; margin: 10px 0 0 150px; border: 0; }
#content p#sp6 { padding: 20px 0 5px; font-size: 10px; }
#content p#sp6 span { font-weight: bold; }
#content p#sp7 { padding: 0 0 5px; font-size: 10px; }
#content p#sp8 { padding: 0 0 20px; font-size: 10px; }
#content p#sp9 { font-size: 10px; }
#content p#sp10 { font-size: 10px; }
#content table#sp11 { margin: 10px 0 0; }
#content p#sp12 { padding: 20px 0 5px; text-align: center; font-size: 18px; }
#content p#sp13 { text-align: center; }
#content p#sp13 a { color: #424242; }

#content h1#a1 { float: left; width: 230px; height: 800px; }
#content h1#a1 span { background-image: url(../image/content.title.aboutus.jpg); }
#content h2#a2 { padding: 0 0 20px; font-weight: bold; color: #81b119; }
#content p#a4 { padding: 20px 0; }
#content p#a5 { font-style: italic; }
#content p#a6 { padding: 20px 0; text-align: right; font-style: italic; }
#content p#a6 strong { font-style: normal; }
#content h2#a7 { font-size: 18px; color: #f26522; }
#content p#a8,
#content p#a10,
#content p#a12 { padding: 20px 0; }
#content p#a13 { padding: 0 0 20px; font-weight: bold; }

#content h1#n1 { float: left; width: 230px; height: 300px; }
#content h1#n1 span { background-image: url(../image/content.title.nickarpad.jpg); }
#content p#n2 { padding: 0 0 20px; font-size: 18px; color: #f26522; }
#content p#n3,
#content p#n4,
#content p#n5,
#content p#n6,
#content p#n7 { padding: 0 0 10px; }
#content p#n8 { padding: 0 0 10px; font-weight: bold; }
#content p#n9 { padding: 10px 0; font-weight: bold; }
#content p#n10 { padding: 10px 0; }
#content p#n11 { font-size: 18px; color: #f26522; }

#content p.back { padding: 0 0 20px; text-align: center; font-weight: bold; }
#content p.back a { color: #f26522; }

/* footer */
#footer { width: 860px; height: 135px; padding: 45px 0 0; margin: 0 auto; background: url(../image/footer.background.jpg) 0 0; }
body.main #footer { padding: 0; background: url(../image/footer.main.background.jpg) 0 0; }
#sptable { border-width: 0; }
#sptable td { text-align: center; vertical-align: middle; padding-top: 10px; border-width: 0; }