body, td, th, table caption, li, dt, dd, input.text, textarea { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #111; }
body, td, th, table caption, li, dt, dd { line-height: 1.6em; }

p { text-align: justify; margin: 0 auto 0.8em auto; padding: 0; line-height: 1.6em; }
p.nospace { margin-bottom: 0em; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.sc { font-variant: small-caps; }
.clearall { clear: both; }
.emptyca { clear: both; font-size: 0px; line-height: 0; height: 0; }
.break-word { word-wrap: break-word; }

strong { font-weight: bold; font-style: normal; }
strong.highlight { color: #f26522; }
img { border: 0; }
a { color: #0054a6; text-decoration: none; outline: none; }
a:hover { color: #0054a6; text-decoration: underline; }
a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(/images/external.png) no-repeat right center; }
a.external { white-space: nowrap; padding-right: 15px; background: url(/images/external.png) no-repeat right center; }
a[href ^="mailto:"] { white-space: nowrap; padding-right: 20px; background: url(/images/email.png) no-repeat right center; }
a.mailto { white-space: nowrap; padding-right: 20px; background: url(/images/email.png) no-repeat right center; }
object { margin: 0; padding: 0; display: block; outline: none; }

ul, ol { margin: 0 0 0.8em 10px; padding: 0 0 0 15px; }
ul { list-style: square url(/images/bullet.gif) outside; }
ol { list-style: decimal outside; }
ol li { margin: 0 0 0.8em 0; padding: 0; text-align: justify; }
ul.nolist { list-style: none outside; list-style-image: none; margin: 0 0 0.8em 0; padding: 0; }
li ul, li ul.nolist { margin: 0 0 0 1em; }
dl { margin: 0; padding: 0; }
dt { font-weight: bold; font-style: normal; margin: 0; padding: 0; }
dd {  margin: 0; padding: 0; }

/* layout */
html, body { margin: 0 auto; padding: 0; height: 100% }
body { text-align: center; min-width: 940px; background: #f26522 url(/images/layout/background.jpg) no-repeat fixed center top; }
div#wrapper { position: relative; margin: 0 auto; padding: 0; width: 950px; min-height: 100%; }
div#vlamlogo { position: absolute; top: 0; left: -45px; width: 250px; height: 215px; z-index: 2; background: url(/images/layout/vlamlogo.png) no-repeat left top; }
div#header { position: relative; width: 940px; height: 184px; margin: 0 auto; padding: 0; z-index: 1; }
div#topmenu { text-align: right; padding: 5px 30px 0 0; }
img#ksaheader { position: absolute; top: 48px; left: 215px; }
div#content { position: relative; width: 880px; margin: 0 auto; padding: 60px 30px 280px 30px; background-color: #FFFFFF; border-top: 5px solid #f26522; border-right: 5px solid #f26522; border-left: 5px solid #f26522; text-align: left; }
div#content.noheading { padding-top: 30px; }
div#footer { position: absolute; bottom: 0; left: 0; width: 940px; height: 280px; margin: 0 auto; padding: 0; background: #FFFFFF url(/images/layout/frassatiberg.png) no-repeat center bottom; border-right: 5px solid #f26522; border-left: 5px solid #f26522; }
div#footer p { position: absolute; bottom: 0; right: 12px; color: #FFF; text-align: right; font-size: 8pt; }

ul#menu { position: absolute; bottom: 1px; right: 30px; height: 33px; list-style: none; list-style-image: none; padding: 0; margin: 0; }
ul#menu li.mega { display: inline; margin: 0 15px 0 0; padding: 0; }
ul#menu span { display: none; position: absolute; z-index: -1; }
li#startmenu span { top: -30px; left: -14px; }
li#fotoboekmenu span { top: -34px; left: 94px; }
li#activiteitenmenu span { top: -32px; left: 214px; }
li#infomenu span { top: -38px; left: 315px; }
li#prikbordmenu span { top: -24px; left: 322px; }

ul#menu div.mega { position: absolute; top: 30px; margin: 0; padding: 5px 0; z-index: 50; text-align: left; background-color: #FFFFFF; border: 1px solid #0054a6; display: none; }
ul#menu div.hovering { display: block; }
li#fotoboekmenu div.mega { left: 67px; }
li#activiteitenmenu div.mega { right: -46px; }
li#infomenu div.mega { right: -46px; }

ul#menu div.mega ul { list-style: none outside; list-style-image: none; margin: 0 10px 0.8em 1em; padding: 0; float: left; }
ul#menu div.mega ul li.gap { margin-top: 1em; }
ul#menu div.mega ul li div { font-size: 8pt; line-height: 1em; margin-bottom: .5em; }
li.mega h2, li.mega h3, li.mega h4 { font-weight: normal; font-style: normal; font-size: 1em; margin: 0; padding: 0; }
li.mega h2 { display: inline; }
li.mega h3 { font-weight: bold; }

li#menu_act_perban div, li#infomenu li { height: 40px; padding-left: 42px; background-repeat: no-repeat; background-position: left 5px; }
li#menu_act_perban div { height: 16px; padding: 3px 0 0 22px; background-position: 1px center; }
div#menu_act_pag { background-image: url(/images/menu/pagadders.gif); }
div#menu_act_sloe { background-image: url(/images/menu/sloebers.gif); }
div#menu_act_lee { background-image: url(/images/menu/leeuwkes.gif); }
div#menu_act_jkn { background-image: url(/images/menu/jongknapen.gif); }
div#menu_act_kn { background-image: url(/images/menu/knapen.gif); }
div#menu_act_jhn { background-image: url(/images/menu/jonghernieuwers.gif); }
div#menu_act_hn { background-image: url(/images/menu/hernieuwers.gif); }
div#menu_act_lei { background-image: url(/images/menu/leiding.gif); }
li#menu_info_lei { background-image: url(/images/menu/leidingskader.gif); }
li#menu_info_uni { background-image: url(/images/menu/uniform.gif); }
li#menu_info_vl { background-image: url(/images/menu/vlaamseleeuw.gif); }
li#menu_info_spel { background-image: url(/images/menu/spelletjes.gif); }
li#menu_info_wie { background-image: url(/images/menu/wiezijnwij.gif); }
li#menu_info_jaar { background-image: url(/images/menu/doorheenhetjaar.gif); }
li#menu_info_gs { background-image: url(/images/menu/geschiedenis.gif); }
li#menu_info_fr { background-image: url(/images/menu/frassati.gif); }

h1 { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 20pt; margin: 0; padding: 0; line-height: 2em; }
#heading1 { position: absolute; width: 800px; height: 56px; top: 8px; left: 70px; }
h2, h3 { color: #0054a6; text-align: left; font-weight: bold; font-style: normal; font-size: 16pt; margin: 5px auto; padding: 0; }
h3 { color: #f26522; font-size: 12pt; margin: 2px auto; }

div.thumbbalk { text-align: center; margin: 1em auto; }
div.thumbbalk a img { margin: 1em 1em 0 1em; border: 1px solid #b2cbe4; }
div.thumbbalk a:hover img { border: 1px solid #0054a6; }
div.zijthumbbalk { float: right; text-align: center; margin: 0 0 0 5em; }
div.zijthumbbalk a img { display: block; margin: 1em 0 1.5em 0; border: 1px solid #b2cbe4; }
div.zijthumbbalk a:hover img { border: 1px solid #0054a6; }
p.infozin { font-style: italic; }
p.lied { text-align: center; margin: 1.2em auto 1.5em auto; font-style: italic; line-height: 2em; font-size: 105%; }
.errorlink { color: #900; font-weight: bold; }
.backlink { text-align: center; margin: 0 auto; }

img.dockrechts { float: right; margin: -15px -30px 10px 60px; }
p.dockrechts { margin-right: 200px; }
.scriptmessage { display: none; }

/* form */
form, fieldset { padding: 0; margin: 0; border: 0; }
label {}
.errormessage { color: #A41803; font-weight: bold; }
.okmessage { color: #360; font-weight: bold; }
input.text { width: 240px; }
input.error, textarea.error { background-color: #FFB9B9; border: 1px solid #A41803; }
form div.space { margin: 3px auto; }

/* tooltip */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 3px 5px; }
#tooltip div { margin: 0; padding: 0; text-align: left; line-height: 1.2em; }
#tooltip div.plaats { font-weight: bold; color: #f26522; padding-right: 1.5em;  }
#tooltip div.jaartal { font-size: 8pt; padding-left: 1px; }

/* nyroModal */
div#nyroModalFull {}
div#nyroModalLoading { border: 4px solid #f26522; width: 150px; height: 150px; background-color: #FFF; }
div#nyroModalLoading img { margin: 30px 1em 1em 1em; }
div#nyroModalLoading.error { border: 4px solid #A41803; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; }
div#nyroModalLoading.error div { margin: 1em; }
div#nyroModalWrapper { background: #fff; border: 4px solid #f26522; }
div.wrapper div#nyroModalContent { padding: 1em; text-align: left; }
div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; }
div.wrapperImg img { vertical-align: baseline; }
div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: #000; padding: 10px; margin: 10px; border: 1px dotted #FFF; overflow: hidden; }
div.wrapperImg div#nyroModalContent div:hover { cursor: help; }

/* START */
div#homerechts { position: relative; float: right; width: 280px; margin: -30px -30px 0 0; }
div#homerechtsback { position: absolute; top: 0; left: 0; width: 20px; height: 100%;  background: url(/images/start/homerechtsrondjes.png) repeat-y left top; }
div#fotovandedag { margin: 0; padding: 0; }
div#homerechtsin { margin-top: -6px; padding: 1px 10px 6em 20px; background: url(/images/start/homerechtsback.png) repeat left top; }
div#homerechtsin div, div#homerechtsin h3 { line-height: 21px; }
div#homerechtsin h3 { font-size: 10pt; margin: 0; padding: 0; }
a#facebooklink img { margin: 17px auto 0 auto; }
a#netloglink img { margin: 11px auto 0 auto; }
#twtr-profile-widget { margin: 20px 0 0 14px; }
div#homenieuws { margin: .8em 280px 0 0; }
div#homenieuws h2 { padding: 3px 5px 4px 5px; margin: 0; background-color: #b2cbe4; }
div#homenieuws div.berichtdatum { float: right; font-size: 8pt; font-style: italic; padding: 4px 8px 0 0; }
div#homenieuws div.bericht { border-left: 1px solid #b2cbe4; padding: 6px 10px 6px 15px; margin-bottom: 3em; }
div.homelink { text-align: center; margin-bottom: 1em; }
div.homelink img { border: 1px solid #111; }

#theblockniekaarken1, #theblockniekaarken2 { margin: 1em auto; }

/* SAMEN HOOG */
div.boekje { float: left; width: 360px; margin: 0 0 1em 70px; }
div#samenhoog_result { margin-top: .4em; }

/* FOTO'S */
ul#fotowerkjaren { list-style: none; list-style-image: none; margin: 0 0 .5em 0; padding: 0; border-bottom: 1px solid #b2cbe4; }
ul#fotowerkjaren li { display: inline; margin-left: .6em; padding: 3px; }
ul#fotowerkjaren li.currentfotowerkjaar { background-color: #b2cbe4; }
ul#fotowerkjaren li.currentfotowerkjaar a { color: #000000; }
div#fotowerkjaarloading { float: right; text-align: right; padding-right: 3px; display: none; }
div#fotoboek { padding: 10px; }
div.albumlink2 { float: left; width: 430px; }
div#fotoboek h3 a, div#fotoboek h3 a:hover { margin-left: 40px; color: #f26522; }
div#fotoboek div.albumlink { margin: 0 0 20px 40px; }
div.albumlink a img { margin: 7px 5px 0 3px; }
li.mega div.albumlink a img { margin: 3px 2px 0 3px; width: 50px; height: 50px; }
div#homenieuws div.albumlink { font-size: 8pt; line-height: 1.6em; }
div#homenieuws div.albumlink a img { margin: 3px 2px 0 0; width: 60px; height: 60px; }
div#fotothumbs, div#fotoholder { margin: 0 3em; }
div#fotothumbs div { padding: 1em 0; margin: auto; width: 756px; }
div#fotothumbs a img { margin: 7px; }
p.geenfotos { margin: 1em 3em; padding: 3px; }
div#fotoholder { text-align: center; min-height: 250px; }
div#fotoholder.fotoloading { background: url(/images/lightbox/loading.gif) no-repeat center center; }
div#fotoholder img { margin: 1.5em; border: 1px solid #b2cbe4; width: auto; height: auto; }
#videoplayer { text-align: center; margin: 2em auto .5em auto; outline: none; }
div#videoinfo { margin: 0 120px 1.6em 120px; }
div#videoinfo p { margin-top: 2px; font-size: 8pt; }
div.videolist { margin-top: -.6em; }
div.videolist div { position: relative; min-height: 70px; margin: 1px 130px 1em 130px; padding: 1em 2em;border: 1px solid #FFFFFF; background: none; }
div.videolist div.hover { background-color: #ffc697; cursor: pointer; }
div.videolist div.currentvideo { border: 1px solid #ffc697; }
div.videolist img { position: absolute; top: 1em; left: 2em; }
div.videolist a, div.videolist a:hover, div.videolist a h3 { color: #f26522; text-decoration: none; }
div.videolist a:hover h3, div.videolist div.hover a h3 { text-decoration: underline; }
div.videolist a h3 { margin: 0 0 2px 150px; padding: 0 0 0 0;}
div.videolist p { margin: 0 0 0 150px; font-size: 8pt; }
div#fotomenu, div#videomenu { margin: 0 3em; padding: 3px; border-bottom: 1px solid #b2cbe4; }
div#fotomenurechts, div#fotodatum { float: right; margin: 0 3em; padding: 3px; }
div#fotomenurechts a { margin-left: 1em; }
div#albummenurechts { float: right; margin-right: 3.5em; padding: 0; }
div#albummenurechts div { float: left; margin-left: .6em; padding: 3px 4px; color: #b2cbe4; }
div#albummenurechts div.currenttab { background-color: #b2cbe4; }
div#albummenurechts div.currenttab a { color: #000000; }
div#fototitel { margin: 0 3em; padding: 3px; border-top: 1px solid #b2cbe4; }
div#fotothumbbalk { position: relative; margin: 1.5em 2em 0 2em; height: 90px; overflow: hidden; }
div#fotothumbbalk div { position: absolute; top: 0; left: 0; height: 90px; }
div#fotothumbbalk a { position: absolute; top: 0; left: 0; }
div#fotothumbbalk a { padding-bottom: 13px; border-bottom: none; height: 75px; }
div#fotothumbbalk a.currentfoto { padding-bottom: 10px; border-bottom: 3px solid #f26522; }
div.menualbumlink a img, div.albumlink a img, div#fotothumbs a img, div#fotothumbbalk a img, div.videolist a img { border: 1px solid #b2cbe4; }
div.menualbumlink a:hover img, div.albumlink a:hover img, div#fotothumbs a:hover img, div#fotothumbbalk a:hover img, div.videolist a:hover img, div.videolist div.hover a img { border: 1px solid #0054a6; }
div#fotothumbbalk a.currentfoto img { border: 1px solid #ffc697; }
div#fotothumbbalk a.currentfoto:hover img { border: 1px solid #f26522; }
div#fotopijllinks { float: left; height: 50px; }
div#fotopijlrechts { float: right; height: 50px; }
div#thumbpercent { text-align: center; margin: 12px 100px; }
div#thumbpercent .ui-slider-handle { border: 1px solid #0054a6; background-color: #b2cbe4; background-image: none; }
div#thumbpercent { border: 1px solid #b2cbe4; }

/* ACTIVITEITEN */
div#actmenulinks { float: left; margin: 0 3em; padding: 1em 3px 3px 3px; }
div#actmenurechts { float: right; margin: 0 3em; padding: 1em 3px 3px 3px; }
div#actmenu { border-bottom: 1px solid #b2cbe4; margin: 0 3em; padding: 1em 3px 3px 3px; text-align: center; }
div#actmenu a, div#actmenu span { margin: 0em .3em; }
div#maandactloading, p.act { margin-left: 3em; padding: 3px; }
div.act_dag { float: left; text-align: center; margin: 0 0 1em 7em; width: 6em; }
div.act_dag strong { font-size: 34pt; color: #f26522; line-height: 1em; display: block; padding-bottom: 5px; }
div.act_dag span { color: #0054a6; display: block; }
div.act { position: relative; margin: 5px 0 .5em 22em; }
div.act img { position: absolute; top: 4px; left: -22px; }
div.act strong, ul.act strong, div.activiteitinfo strong { color: #f26522; }
div.act_info { font-style: italic; }
div.actleft, div.actright { float: right; width: 390px; margin: 0 20px 1em 30px; }
div.actleft { float: left; margin: 0 30px 1em 20px; }
div.actleft img, div.actright img { float: right; margin: -10px -25px 5px 5px; }
div.activiteitinfo { margin-bottom: .8em; }
div.activiteitinfo span { font-style: italic; }
img.activiteitrechts { float: right; margin: 1em 0 1em 2em; border: 1px solid #ffc697; }

/* ACTIVITEITEN: KAAS- EN WIJNAVOND */
form#kaasenwijn_form { margin-top: 1em; }
form#kaasenwijn_form fieldset, form#kaasenwijn_form div { margin-bottom: .8em; }
form#kaasenwijn_form div.radiobutton fieldset { margin: 0; }
form#kaasenwijn_form fieldset.inn { margin-left: 1em; }
form#kaasenwijn_form label { float: left; width: 7em; }
form#kaasenwijn_form label.right { float: none; width: auto; margin-left: .2em; }
form#kaasenwijn_form input.text { width: 350px; }
form#kaasenwijn_form span.errormessage { margin-left: 1em; }
form#kaasenwijn_form .ui-slider { float: left; width: 300px; margin: 5px 1.5em 0 .5em; }
form#kaasenwijn_form .ui-slider-handle { border: 1px solid #0054a6; background-color: #b2cbe4; background-image: none; }

/* INFO */
div.infokolom { float: left; width: 360px; margin: 1em 40px; }
div.infokolom h2, div.infokolom p { position: relative; padding-left: 70px; }
div.infokolom p img { position: absolute; top: -2em; left: -25px; }

/* LEIDINGSKADER */
div.leidingskader { float: left; width: 180px; margin: .8em 15px .8em 25px; }
div.leidingskader img { vertical-align: middle; margin-top: -2px; }
div.leidingskader div.gap { margin-top: .8em; }
div.leidingskader strong { color: #f26522; }
h3.leidingskader { margin-top: .8em; }
div.leidingsinfo { width: 700px; margin: 1em auto; text-align: left; }
div.mainleidingsfoto { float: right; margin-left: 3em; }
div.mainleidingsfoto img { border: 1px solid #b2cbe4; }
div.leidingsfotos { margin: 1em 1.5em; }
div.leidingsfotos a img { margin: .5em; border: 1px solid #b2cbe4; }
div.leidingsfotos a:hover img { border: 1px solid #0054a6; }

/* UNIFROM */
table#uniform { border: 0; }
table#uniform td { padding: .2em 2em; }

/* BUBBLE TROUBLE */
div.gameholder { margin: 0; padding: 10px 0; text-align: center; }
div.gameholder div, div.gameholder object { border: 1px solid #000000; margin: 0 auto; padding: 0; display: block; }

/* WIE ZIJN WIJ? */
div.banleft, div.banright { position: relative; float: right; width: 390px; margin: 0 20px 1em 30px; }
div.banleft { float: left; margin: 0 30px 1em 20px; }
div.banleft img, div.banright img { position: absolute; top: -25px; right: -25px; }
div.banleft div, div.banright div { font-style: italic; margin-bottom: .3em; }
div.logo2, div.logo3 { float: left; width: 440px; margin: 0 0 1em 0; text-align: center; }
div.logo3 { width: 293px; margin: 0 0 1em 0; text-align: center; }
div.vlag { text-align: center; margin: 0 auto 1.2em auto; }
div.logo2 img, div.logo3 img, div.vlag img { margin: 1em; }
div.logo2 ul, div.logo3 ul, div.vlag ul { list-style: none outside; list-style-image: none; margin: 0 0 0.8em 0; padding: 0; }

/* GESCHIEDENIS */
div#kampenlijst { position: relative; }
div#kampenlijst div { position: absolute; top: 0; right: 0; }
div#kampenlijst ul { list-style: none; list-style-image: none; margin: 0 0 .8em 0; padding: 50px 0 0 0; }
div#kampenlijst ul li { position: relative; font-size: 8pt; line-height: 18px; margin: 0 0 5px 50px; }
div#kampenlijst ul li.col2 { margin-left: 260px; }
div#kampenlijst ul li.col3 { margin-left: 470px; }
div#kampenlijst ul li.col4 { margin-left: 680px; }
div#kampenlijst ul li strong { position: absolute; text-align: right; top: 0; left: -3em; color: #0054a6; }
div#kampenlijst a { color: #111111; }
div#kampenlijst a:hover { color: #0054a6; }
div#kampenlijst p { font-size: 8pt; font-style: italic; }
div#kamplinks img { position: absolute; z-index: 28; display: none; }
div#kamplinks a, div#kamplinks a:hover { position: absolute; z-index: 30; font-size: 8px; line-height: 8px; width: 8px; text-decoration: none; }

div.tl_bondsleiders { float: left; width: 270px; height: 8em; }
div.tl_bondsleiders div { position: relative; padding-left: 7em; }
div.tl_bondsleiders div strong { position: absolute; text-align: right; top: 0; left: 3em; color: #0054a6; }
div.tl_balk { float: left; width: 130px; height: 8em; text-align: center; color: #FFFFFF; background-color: #f26522; }
div.tl_balk div { font-size: 22pt; font-weight: bold; font-style: italic; line-height: 1em; margin: -5px 5px 0 0; }
div.tl_data { float: left; width: 480px; height: 8em; }
div.tl_data div { padding-left: 2em; }
div.tl_fill { height: 6em; }
div.tl_smallfill { height: 3em; }
div.tl_gap { height: 1em; }
div.tl_tail { float: left; width: 130px; background: url(/images/geschiedenis/timelinetail.gif) no-repeat center top; }
div.tl_tail, div.tl_tailheight { height: 80px; }
div.tl_head { width: 585px; height: 230px; background: url(/images/geschiedenis/timelinehead.gif) no-repeat right top; }

/* PRIKBORD */
div#prikbord { margin: 0 -15px; }
div#prikbord div.bericht { position: relative; float: left; width: 253px; min-height: 220px; margin: 15px; padding: 10px; overflow: hidden; }
div#prikbord div.kladpapier { width: 248px; padding-left: 15px; background: #FFF url(/images/prikbord/kladpapier.png) repeat-y left top; }
div#prikbord div.postit { background: #f8f0a9 url(/images/prikbord/postit.png) no-repeat left top; }
div#prikbord div.bericht p, div#prikbord div.bericht li { font-size: 8pt; line-height: 21px; margin-bottom: 0; }
div#prikbord div.bericht p { margin-bottom: 21px; }
div#prikbord img.pushpin { position: absolute; top: 2px; left: 120px; }
div#prikbord div.berichtdatum { font-size: 8pt; line-height: 21px; font-style: italic; margin: 2px 0 20px 0; }
div#prikbord_nieuw { width: 300px; }
form#prikbord_form { font-size: 8pt; line-height: 21px;  }
form#prikbord_form fieldset, form#prikbord_form div { margin-bottom: .8em; }
form#prikbord_form input.text { font-size: 8pt; width: 180px; }
form#prikbord_form textarea { font-size: 8pt; width: 250px; }

/* CONTACT */
#mapholder { float: right; margin: 1em; }
#map { width: 460px; height: 285px; margin-bottom: .5em; border: 1px solid #000000; text-align: center; }