body { font-size: 62.5%; background: #0e0e0f url(/lib/images/background.png) 0 0 repeat-x;}
body.extranet { background-image: url(/lib/images/background_extranet.png); }

* { font-size: 1em; }
h1 { margin-bottom: 22px; font-size: 3em; font-family: Garamond; font-weight: bold; }
h2 { font-weight: bold; font-size: 1.2em; }

#container { width: 996px; margin: 0 auto; }
#header { position: relative; height: 272px; }
#header .peoples { position: absolute; top: -1px; left: 175px; height: 272px; width: 495px; background: url() 0 0 no-repeat; }
#header .peoples_00 { top: 20px; left: 220px; background-image: url(/lib/images/header_photo_00.png); }
#header .peoples_01 { top: -3px; left: 170px; height: 273px; width: 409px; background-image: url(/lib/images/header_photo_01.png); }
#header .peoples_02 { top: 18px; left: 200px; height: 254px; width: 409px; background-image: url(/lib/images/header_photo_02.png); }
#header .peoples_03 { top: 10px; left: 220px; height: 263px; width: 391px; background-image: url(/lib/images/header_photo_03.png); }
#header .peoples_04 { height: 272px; width: 486px; background-image: url(/lib/images/header_photo_04.png); }
#header .peoples_05 { top: 10px; left: 190px; height: 262px; width: 391px; background-image: url(/lib/images/header_photo_05.png); }
#header .peoples_06 { top: 12px; height: 261px; width: 415px; background-image: url(/lib/images/header_photo_06.png); }
#header .peoples_07 { top: 6px; height: 265px; width: 432px; background-image: url(/lib/images/header_photo_07.png); }
#header .peoples_08 { top: 20px; left: 200px; height: 253px; width: 424px; background-image: url(/lib/images/header_photo_08.png); }
#header .peoples_09 { top: 20px; left: 220px; height: 254px; width: 399px; background-image: url(/lib/images/header_photo_09.png); }

#header .glow { width: 831px; height: 208px; background: url(/lib/images/header_glow.png) 0 0 no-repeat; }
.extranet #header .glow { display: none; }
#header .quote { position: absolute; top: 100px; left: 550px; width: 437px; height: 97px; background: url(/lib/images/header_quote.png) 0 0 no-repeat; }
.extranet #header .quote { top: 170px; left: 630px; background-image: url(/lib/images/header_quote_extranet.png); }
#logo { position: absolute; top: 5px; left: 40px; width: 196px; height: 200px; background: url(/lib/images/header_stars.png) 0 0 no-repeat; }
#logo img { display: block; margin: -6px 0 0 34px; }
#utils { position: absolute; right:0; top: 24px; height: 27px; background: url(/lib/images/utils_bg2.png) 0 0 no-repeat; }
body.extranet #utils { width: 305px; background: url(/lib/images/utils_bg2.png) 0 0 no-repeat;}
#utils ul { overflow: hidden; padding: 5px 12px;}
#utils li { float: left; }
#utils a { display: block; padding: 0 5px; border-right: 1px solid #fff; font-family: Garamond; font-size: 1.4em; text-decoration: none; }
#utils a:hover { text-decoration: underline; }
#utils li.last a { border: 0; }

#menu { position: absolute; bottom: 0px; left: 0; padding-left: 50px; }
#menu a { display: block; padding: 13px 10px; font-family: Trebuchet MS; font-weight: bold; font-size: 1.4em; text-decoration: none; }
#menu {  float: none; width: 946px; height: 50px; font-family: Trebuchet MS; font-size: 1.4em; font-weight: bold; text-transform: uppercase; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#menu li { float: left; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1;}
#nav a { display: block; width: auto; text-decoration: none; font-size: 14px; }
#nav li { float: left; width: auto; margin: 4px 2px 0 0;  }
#nav li li a { padding: 5px; font-size: 12px;}
#nav li:hover { background: url(/lib/images/bg_menu_hoofditem.png) top left no-repeat;}
body.extranet #nav li:hover { background: url(/lib/images/bg_menu_rood.png) top left no-repeat;}
#nav li.mextra:hover { background: #FFF;}
#nav li.mextra:hover a{ color: #223f6b;}
#nav li ul { position: absolute; background: url(/lib/images/bg_menu.png) bottom left no-repeat; padding: 0 0 10px 0; margin: 0px 0 0 0px; width: 170px; left: -999em; z-index: 100; font-size: 12px; text-transform: lowercase;}
body.extranet #nav li ul { background: url(/lib/images/bg_menu_rood.png) bottom left no-repeat; }
#nav li ul li { clear: left; float: left; padding: 0 10px 5px 10px;}
#nav li:hover ul, #nav li.sfhover ul { left: auto;}


#at20mc * { color: #000; }

#contentcontainer { background: #181819 url(/lib/images/contentcontainer_bg.png) 0 0 repeat-x; }
#contentcontainer .contentcontainer_wrapper { padding: 57px 58px 30px 109px; background: url() 86px 63px no-repeat; }
#contentcontainer .char_a { background-image: url(/lib/images/chars/char_a.png) !important; }
#contentcontainer .char_b { background-image: url(/lib/images/chars/char_b.png) !important; }
#contentcontainer .char_c { background-image: url(/lib/images/chars/char_c.png) !important; }
#contentcontainer .char_d { background-image: url(/lib/images/chars/char_d.png) !important; }
#contentcontainer .char_e { background-image: url(/lib/images/chars/char_e.png) !important; }
#contentcontainer .char_f { background-image: url(/lib/images/chars/char_f.png) !important; }
#contentcontainer .char_g { background-image: url(/lib/images/chars/char_g.png) !important; }
#contentcontainer .char_h { background-image: url(/lib/images/chars/char_h.png) !important; }
#contentcontainer .char_i { background-image: url(/lib/images/chars/char_i.png) !important; }
#contentcontainer .char_j { background-image: url(/lib/images/chars/char_j.png) !important; }
#contentcontainer .char_k { background-image: url(/lib/images/chars/char_k.png) !important; }
#contentcontainer .char_l { background-image: url(/lib/images/chars/char_l.png) !important; }
#contentcontainer .char_m { background-image: url(/lib/images/chars/char_m.png) !important; }
#contentcontainer .char_n { background-image: url(/lib/images/chars/char_n.png) !important; }
#contentcontainer .char_o { background-image: url(/lib/images/chars/char_o.png) !important; }
#contentcontainer .char_p { background-image: url(/lib/images/chars/char_p.png) !important; }
#contentcontainer .char_q { background-image: url(/lib/images/chars/char_q.png) !important; }
#contentcontainer .char_r { background-image: url(/lib/images/chars/char_r.png) !important; }
#contentcontainer .char_s { background-image: url(/lib/images/chars/char_s.png) !important; }
#contentcontainer .char_t { background-image: url(/lib/images/chars/char_t.png) !important; }
#contentcontainer .char_u { background-image: url(/lib/images/chars/char_u.png) !important; }
#contentcontainer .char_v { background-image: url(/lib/images/chars/char_v.png) !important; }
#contentcontainer .char_w { background-image: url(/lib/images/chars/char_w.png) !important; }
#contentcontainer .char_x { background-image: url(/lib/images/chars/char_x.png) !important; }
#contentcontainer .char_y { background-image: url(/lib/images/chars/char_y.png) !important; }
#contentcontainer .char_z { background-image: url(/lib/images/chars/char_z.png) !important; }

.homepage #content { width: 451px; }
.homepage .paragraph .image { float: none; border: 2px solid #fff; }
.homepage .paragraph .text { width: auto; }

body.evenementen #content { width: 451px; }
body.evenementen #content .paragraph .text { width: 451px; }
body.links #content { width: 451px; }
body.links #content .paragraph .text { width: 451px; }

body.sponsoren #content { width: 280px; }
body.sponsoren #content .paragraph .text { width: 280px; }

body.extranet #content { width: 440px; }
body.extranet #content .paragraph .text { width: 440px; }
body.sponsoren #sidepanel .inner { padding-left: 30px; }
body.contact #content { width: 451px; }
body.contact #content .paragraph .text { width: 451px; }
body.contact #sidepanel .inner { padding-left: 50px; }
body.bestuur #content { width: 300px; padding-right: 50px; }
body.bestuur #content .paragraph .text { width: 300px; }
body.bestuur #sidepanel .inner { padding: 0px; }
body.fotoboek #content { width: 800px; }
body.fotoboek #content .paragraph .text { width: 800px; }

#content { float: left; width: 829px; margin-bottom: 30px; min-height: 400px; }


#sidepanel { float: left; width: 378px; padding-top: 20px; }
body.extranet #sidepanel {width: 287px; float:right; }
#sidepanel .inner { padding: 0 0 0 40px; }
.paragraph { overflow: hidden; margin-bottom: 20px; }
.paragraph p { margin-bottom: 20px; }
.paragraph .image { float: right; margin:0 0 20px 20px; }
.paragraph .image img { display: block; }
.paragraph .text { font-size: 1.2em; width: 532px; }
.paragraph .text ul { list-style: square; padding-left: 30px; }
.paragraph .text ol { list-style: decimal; padding-left: 30px; }

#footer { position: relative; clear: both; width: 453px; height: 94px; background: url(/lib/images/footer_bg.png) 0 0 no-repeat; }
#footer { width: 560px; background-image: url(/lib/images/footer_bg2.png); }
#footer a.backtotop { position: absolute; top: 33px; right: 21px; width: 96px; height: 17px; background: #fff url(/lib/images/a_backtotop.png); text-indent: -9999px; }
#footer a.backtotop {  }
#footer ul { overflow: hidden; padding: 55px 0 20px 0; }
#footer li { float: left; color: #757677; padding: 0 5px; border-right: 1px solid #757677; }
#footer li.last { border: 0; }
#footer a { color: #757677; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .linkedin { position: relative; }
#footer .linkedin a { position: absolute; top: -7px; left: 6px; height: 32px; width: 30px; }

.homepage .evenementen { position: relative; margin-bottom: 70px; }
.homepage .evenementen .item { margin-bottom: 6px; overflow: hidden; }
.homepage .evenementen .item h3 { padding: 4px 0 8px 0; font-size: 1.2em; color: #c1c1c1; }
.homepage .evenementen .item .date { float: left; height: 25px; width: 25px; padding-top: 2px; line-height: 10px; text-align: center; color: #d0a3a6; background: url(/lib/images/home_evenement_date.png) 0 0 no-repeat; }
.homepage .evenementen .item .text { margin-left: 34px; padding-right: 22px; color: #949699; font-size: 1em; }
.homepage .evenementen .item .text a { color: #949699; }
.homepage .evenementen .item .text .teaser { color: #949699; }
.homepage .evenementen .item .top { width: 246px; height: 10px; background: url(/lib/images/home_evenementen_bg.png) 0 0 no-repeat; }
.homepage .evenementen .item .middle { padding: 0 6px; background: #383d42; }
.homepage .evenementen .item .bottom { width: 246px; height: 10px; background: url(/lib/images/home_evenementen_bg.png) 0 bottom no-repeat; }
.homepage .evenementen .all_events { float: right; margin-top: -6px; margin-right: 30px; width: 77px; height: 46px; text-indent: -9999px; background: url(/lib/images/txtBekijkAlleEvenementen.png) 0 0 no-repeat; }
.homepage .evenementen h2 { width: 247px; height: 19px; margin-bottom: 8px; text-indent: -9999px; background: url(/lib/images/txtJaarprogramma.png) 0 0 no-repeat; }

.homepage #sidepanel .sponsoren h2 { width: 245px; height: 19px; margin-bottom: 8px; text-indent: -9999px; background: url(/lib/images/txtLeden.png) 0 0 no-repeat; }
.slidecontainer {float:left; width:150px; height:110px; background:url(/lib/images/slider_back.png); position:relative; z-index:99; left:-5px;}
.slidecontainer .warning {padding:10px; width:120px;}
a.alle_leden {position:relative; z-index:11; left:60px; float:left; clear:both; font-size:1.1em;}
a.alle_sponsoren {position:relative; z-index:11; left:200px; top:-5px;}
#flashsponsors, #flashsponsors2, #flashsponsors3, #flashsponsors4 { width: 140px; height: 100px; top:5px; left:5px; overflow:hidden;}
.slidecontainer img { width: 140px; height: 100px;}

#flashSponsorOverzicht { width: 560px; background:#FFF;}
#flashSponsorOverzicht a {height:100px; background:#FFF; float:left;}
#flashSponsorOverzicht a img{height:100px; width:140px; overflow:hidden; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}
#flashSponsorOverzicht a:hover img{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
#flashPaintings { position: relative; height: 500px; width: 300px; }
#flashPainting1 { position: absolute; top: 10px; left: 49px; width: 225px; height: 201px; }
#flashPainting2 { position: absolute; top: 212px; left: 10px; width: 128px; height: 105px; }
#flashPainting3 { position: absolute; top: 193px; left: 131px; width: 175px; height: 135px; }
#flashPainting4 { position: absolute; top: 316px; left: 38px; width: 190px; height: 200px; }

#accordion h2 { width: 247px; height: 19px; margin-bottom: 8px; text-indent: -9999px; background: url(/lib/images/txtJaarprogramma.png) 0 0 no-repeat; }
#accordion .evenementitem h3 { background: #630f13; font-weight: bold; color: #fff; font-size: 1.2em; padding-left: 20px; text-decoration: none; cursor: pointer; margin-top:10px;}
#accordion .evenementitem h3.closed { background: #eaeaea; color: #000; border: 1px solid #8f8f8f; border-bottom: 0; }
#accordion .evenementitem h3.last { border-bottom: 1px solid #8f8f8f;}
#accordion .evenementitem .teasertekst ul { list-style: square; padding-left: 30px; }
#accordion .evenementitem .teasertekst li { padding: 3px 10px 3px 0px; }
#accordion .evenementitem .teasertekst a { color: #fff; font-size: 1.1em; text-decoration: underline; }
#accordion .evenementitem .teasertekst span.text { font-size: 1.1em; }
#accordion .evenementitem .teasertekst a:hover { text-decoration: underline; }
#accordion .evenementitem .teasertekst a.active { color: #fff; text-decoration: underline; font-weight: bold; }
#accordion .evenementitem .datum { display:none; }
.verplichtevelden { float: right; }
.contactform { clear: both; width: 353px; }
.contactform fieldset { padding: 20px; margin-bottom: 20px; background: #39444e; }
.contactform fieldset.submit { padding: 0 20px 0 0; background: none; }
.contactform fieldset.submit input { float: right; padding: 0 10px; width: auto; font-weight: bold; cursor:pointer; }
.contactform legend { font-size: 1.2em; font-weight: bold; margin-left: -6px; margin-bottom: 20px;}
.contactform .formkop { font-size: 1.2em; font-weight: bold; margin-left: 20px; margin-bottom: 5px;}
.contactform div { margin-bottom: 5px; overflow: hidden; }
.contactform input { width: 145px; background: #b2b9c1; font-size: 1.2em; color: #000; }
.contactform select { width: 145px; background: #b2b9c1; font-size: 1.2em; color: #000; }
.contactform textarea { width: 309px; height: 107px; background: #b2b9c1; font-size: 1.2em; color: #000;  }
.contactform label { float: left; width: 150px; font-size: 1.2em; }
.contactform input.radiocheck { width: auto; background: none; }
.contactform label.radiocheck { float: none; width: auto; }
.contactform a.ww_vergeten {float:right;margin-right: 10px;font-size: 1.2em;}

div.bestuur { font-size: 1.2em; border-left: 1px solid #fff; padding-left: 30px; }
div.bestuur table { width: 500px; }
div.bestuur th { font-weight: bold; width: 500px; padding-bottom: 20px;}
div.bestuur td { padding-bottom: 10px; }
div.bestuur span { display: block; font-size: 0.8em; color: #b4b5b5;  }

.meerfotoboeken a {padding:5px; margin-bottom:10px; background:#FFF; color:#1c355b; font-size:1.2em; text-decoration:none; float:right;}

.photobook table.placeholder { width: 800px; height: 533px; background-color: #fff; margin: 0 0 20px 0; padding: 0; border: 0; border-collapse: collapse;}
.photobook table.placeholder td { width: 388px; height: 260px; text-align:center; background-color: #fff; overflow: hidden; margin: 0; padding: 0;}
.photobook { vertical-align: middle; clear:both;} 
.photobook img { display: block; margin: 0; overflow:hidden; border:1px solid #fff; }
.photobook p { overflow: hidden; }
.photobook a.vorige { background-image: url(../images/vorige.jpg); width: 13px; height: 77px; display: block; text-indent: -9999px; float: left; margin-right: 2px;}
.photobook a.volgende { background-image: url(../images/volgende.jpg); width: 13px; height: 77px; display: block; text-indent: -9999px; float: left;}
.photobook .thumb img{ width: 77px; height: 77px; float: left; margin-right: 2px; margin-top:0px; border:none;}

.fotoboek_tekst{float:left; width:450px; font-size:1.2em;}
.fotoboek_tekst h2, .fotoboek_tekst p{margin-bottom: 10px;}
.fotoboeken_archief{float:right; width:300px;}

body.extranetsponsoren #content { width: 650px;  }
body.extranetsponsoren #contentcontainer .contentcontainer_wrapper { padding: 57px 0px 30px 40px; }
body.extranetsponsoren #sidepanel { float:right; }
body.extranetsponsoren #sidepanel .inner { padding-left:0; margin:0 0 0 30px; width: 227px;}
.sponsorendetail .intro { float: left; font-size: 12px; width:645px; position:relative; height:103px;  }
.sponsorendetail .intro img { border: 1px solid #fff; }
.sponsorendetail .intro a.link { float:left; color:#F2982E; position:absolute; bottom:0; }


.sponsorendetail .level1 { overflow: hidden; }
.sponsorendetail .level2 { margin-top: 20px; overflow: hidden;}
.sponsorendetail .level3 { margin-top: 20px; overflow: hidden;}

.sponsorendetail .lid_profiel {float:left; margin-bottom:20px; padding:20px; border-bottom: 1px solid #fff;  width:615px;  border-top: 1px solid #fff; background:#2A2F33;}
.sponsorendetail .lid_profiel_foto, .sponsorendetail .lid_profiel_info, .sponsorendetail .lid_profiel_motivatie {float:left; margin-right:30px; font-size: 12px;}
.sponsorendetail .lid_profiel_foto {width:115px;}
.sponsorendetail .lid_profiel_info {max-width:223px; word-wrap:break-word;} /* org. max-width:220px; */
.sponsorendetail .lid_profiel_motivatie {width:217px; margin:0; float:right;} /* org. max-width:220px; */
.sponsorendetail .lid_profiel_info ul {margin:0;}

.sponsorendetail .contentleft { float: left; width: 220px; padding-bottom: 20px;  }
.sponsorendetail .contentmiddle { float: left; width: 220px; padding-bottom: 20px;  }
.sponsorendetail .contentright { float: left; width: 420px; padding-bottom: 20px;  }
.sponsorendetail img { border: 1px solid #fff; }
.sponsorendetail ul {margin-right:20px;}
.sponsorendetail li { font-size: 12px; padding-bottom:6px; }
.sponsorendetail .tekst { padding-top: 10px; border-top: 2px solid #fff; clear: left; }
.sponsorendetail .logo { float: left; margin: 0 10px 10px 0; }
.sponsorendetail .sponsorblok { clear: left; }

.discussions .discussion { border-bottom: 1px solid #fff; padding: 10px 0; margin-bottom: 30px; }
.discussions .discussion * { font-size: 14px; }
.discussions .discussion h2 { font-size: 18px; }
.discussions .discussion h2 a { font-size: 18px;text-decoration: none; }
.discussions .discussion .discussie_info * { color: Silver; font-weight: bold; font-size: 12px; }
.discussions .discussion .discussion_likes { padding-top: 20px; }
.discussions .discussion_post * { font-size: 14px; }
.discussions .discussion_post h1 { font-size: 20px; }
.discussions .discussion_post .discussie_info * { color: Silver; font-weight: bold; font-size: 12px; }
.discussions .discussion_post h2 { font-size: 20px; color: #fff; margin: 10px 0;  }
.discussions .discussion_post .comment { margin-bottom: 10px; color: Silver; }
.discussions .discussion_post .comment strong{ color: #fff; }
.discussions a.add_linkedin_comment {position:relative; top:20px; padding:5px; background:#FFF; color:#000; text-decoration:none;-moz-border-radius: 3px; border-radius: 3px;}

a.ikkom {padding:5px; margin-right:10px; background:green; font-size:1.2em; cursor:pointer;}
a.ikkom_niet {padding:5px; background:#630F13; color:#FFF;font-size:1.2em; cursor:pointer;}

.companyinsider {  }
.companyinsider span.IN-widget {  height:293px; width:635px; padding:13px 10px 0 10px; background:#fff url(/lib/images/bg_business_loading.jpg) 0 0 no-repeat;}