html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:small Verdana; background:#c6c8ca url(../gfx/bg_page2.gif); margin:0; padding:0 }

body.home        { background-image:url(../gfx/bg_home2.gif) }

/*
blauw #005482
roze  #ec068d
groen #8cc63f
*/

h1 { margin:1em 12px 0.6em 12px; padding:0; color:#ec068d; font-size:100% }
h2 { margin:1.5em 12px 2px 12px; padding:8px 0 8px; font-size:85%; font-weight:normal; border-bottom:1px dotted #ec068d; }
h3 { margin:0 12px 2px 12px; padding:0 0 8px; font-size:85%; font-weight:normal; color:#8cc63f }
h5 { margin:20px 12px 2px 12px; padding:0; font-size:85%; color:#8cc63f }
em { font-style:normal; color:#ec068d; }
p { font-size:85%; margin:0 0 0.5em 0; padding:6px 12px; line-height:1.4em }
table { font-size:85%; margin:0 12px 1em 12px; line-height:1.1em; border:1px solid #ec068d; border-right:0; }
table th, table td { border-right:1px solid #ec068d; padding:4px 8px }
table td.c1 { width:80px; vertical-align:top }
ul, ol { font-size:85%; padding:0; margin:0 0 0 25px; line-height:1.4em }
ul ul { font-size:100% }
p.hi, div.hi  { background:#bbdd8e }
a img { border:0 }
.noborder { border:0 }
a { color:#ec068d }
a:hover { color:#8cc63f }

img.right { float:right; margin:0 0 5px 15px  }

div.large { font-size:110% }
div.large h1 { font-size:14px }

div#page_links { margin:12px; font-size:85% }


div#wrapper1 { width:1000px; margin:80px auto; position:relative }
div#wrapper2 { position:absolute; top:0; width:100%; margin:0 auto }

div#midden { background:white; margin:0px 250px; padding:10px 10px 10px 10px; min-height:548px }
div#midden.inschrijven { margin-left:0; padding-right:0 }

/* ===== TOP MENU ===== */
div#menu { left:0; top:0; width:1000px; margin:0 auto; position:relative; }
div#menu ul { padding:3px 0 4px 0; margin:0 }
div#menu ul li { display:inline }
div#menu a { color:white; text-decoration:none; padding:0 12px; font-size:90%; font-weight:bold; text-transform:uppercase }
div#menu a:hover,
div#menu a.selected { color:#fff200 }

/*===== MENU LINKS (submenu) ======*/
div#menu ul li ul { display:none }
div#menu ul li.selected ul { display:block; background:#8cc63f; /*border:1px solid blue;*/ position:absolute; left:0; top:80px; padding:5px 18px 30px }
div#menu ul li.selected ul li a { display:block; padding:10px 0; width:204px; border-top:1px dotted #fff }
div#menu ul li.selected ul li:first-child a { border:0 }

/* 3de + 4de niveau menu toegevoegd */
div#menu ul li.selected ul li ul { position:static; padding:0px 10px 8px }
div#menu ul li.selected ul li ul a { text-transform:none; padding:0; width:auto; border:none }
div#menu ul li.selected ul li ul li ul { isplay: none }

div#links { position:absolute; left:0; top:0; width:240px; background:#005482; height:106px }

div.menu1 { background:#005288; padding-left:6px; }
div.menu2 { background:#ec0b8d; margin-left:500px; padding-left:6px }
div#menu a#english { font-size:70%; position:absolute; right:14px; top:28px }

form#zoeken { margin:0; padding:0; position:absolute; right:16px; top:3px }
form#zoeken input.text { border:0; font-size:11px; width:142px; font-family:Verdana }
form#zoeken input.submit { border:0; background:none; color:white; font:75% Verdana; font-weight:bold; text-transform:uppercase; cursor:pointer }

div#rechts {  position:absolute; right:0; top:0; width:240px }
div#rechts div.banners a.rondje { display:block; width:80px; height:90px; background-image:url(../gfx/afrika_extra.gif); background-repeat:no-repeat; position:absolute; top:-26px; left:11px }
div#rechts div.banners { background:#005482; padding:90px 9px 0; min-height:466px }
div#rechts div.banners img { display:block; margin:0 0px 9px }
div#rechts div.banners br { display:none }
div#rechts div.banners p { margin:0; padding:0 }
div#rechts div.evs { background:#005482; margin:10px 0 0 0; padding:10px 12px }
div#rechts div.evs a { display:block; background:url(../gfx/evertvermeer_blauw.gif); width:202px; height:32px }

/* LINKS (als er geen submenu is)*/
div#links div#logo_afrikadag { margin-top:5px; background:url(../gfx/logo_afrikadag.gif) no-repeat center top; height:100px; width:240px; }

/* kleurwisselingen per scherm */
/*
blauw #005482
roze  #ec068d
groen #8cc63f
*/


/*
body.sprekers div#rechts div.banners { background:#8cc63f }
body.sprekers div#rechts div.banners a.rondje { background-image:url(../gfx/afrikaatje_blauw_groen.gif) }
body.sprekers div#rechts div.evs { background:#8cc63f }
body.sprekers div#rechts div.evs a { background:url(../gfx/evertvermeer_groen.gif); }

body.contact div#rechts div.banners { background:#8cc63f }
body.contact div#rechts div.banners a.rondje { background-image:url(../gfx/afrikaatje_blauw_groen.gif) }
body.contact div#rechts div.evs { background:#8cc63f }
body.contact div#rechts div.evs a { background:url(../gfx/evertvermeer_groen.gif); }
*/

/* ==== VERSCHILLENDE PAGINA'S ===== */

/* inschrijven */
body.inschrijven div#links,
body.workshops div#links,
body.ochtend div#links,
body.middag div#links,
body.videoverslag div#links { display:none; }
body.ochtend div#menu div.menu1 ul ul { display:none;}
body.middag  div#menu div.menu1 ul ul { display:none;}
body.inschrijven div#midden,
body.workshops div#midden,
body.ochtend div#midden,
body.middag div#midden,
body.videoverslag div#midden { width:730px; margin-left:0;}
body.inschrijven p.comp { color:#ec0b8d; }

body.workshops div.workshop { margin-bottom:15px; }
body.workshops div.workshop strong { display:block; width:100px; float:left; }
body.workshops h3 { font-weight:bold; color:black; margin-bottom:4px; margin-top:16px;}
body.workshops div.workshop em { color:black; margin:0 0 0 100px; text-indent:-100px; display:block;  }
body.workshops div.workshop br { display:none;  }


div#errmsg { font-weight:bold; color:#F00; }

form#inschrijven { font-size:85%; padding:0 12px; margin:0; }
form#inschrijven h1 { margin:20px 0 10px; color:black; }
form#inschrijven label { width:150px; display:block; float:left; padding-top:1px;}
form#inschrijven input.text { display:block; font-size:11px; border:1px solid #888; width:332px; margin:0 4px 8px 0; padding-left:2px; }
form#inschrijven input.dimmed { font-style:italic; color:#999; }
form#inschrijven input.error { color:#F00; border:1px solid #F00; }
form#inschrijven div.radiogroup { margin:0 0 6px; height:20px;}
form#inschrijven div.checkbox { margin:0 0 6px 24px; text-indent:-24px;}
form#inschrijven div.checkbox input,
form#inschrijven div.radiogroup input { cursor:pointer; }
form#inschrijven div.radiogroup span, form#inschrijven div.checkbox span { cursor:pointer; }
form#inschrijven div.radiogroup span:hover, form#inschrijven div.checkbox span:hover { color:#ec0b8d; }
form#inschrijven div.error span { color:#F00; }
form#inschrijven div.ctl { margin:0 0 6px 150px;}

form#inschrijven input.voornaam { float:left; width:80px;}
form#inschrijven input.tussenvoegsel { float:left; width:80px;}
form#inschrijven input.achternaam { width:156px;}

form#inschrijven input.straat { float:left; width:244px;}
form#inschrijven input.huisnummer { width:80px;}
form#inschrijven input.postcode { float:left; width:60px;}
form#inschrijven input.woonplaats { width:264px;}
form#inschrijven label.postcode { font-style:italic; color:#F00;}

form#inschrijven input.telefoon { width:100px;}
form#inschrijven input.gebdatum { float:left; width:100px; }
form#inschrijven label.gebdatum { float:none; width:auto; height:25px; font-style:italic; color:#777;}

form#inschrijven input.relatienummer { display:none; width:80px; margin:0; }
form#inschrijven input.studentnummer { display:none; width:80px; margin:0; }
form#inschrijven input.kinderen { display:inline; width:40px; margin:0; }

form#inschrijven label.eerstebezoek { width:240px; }
form#inschrijven label.machtiging { float:none; width:auto; margin-bottom:6px;}

form#inschrijven input.rekeningnummer { width:100px; float:left; }
form#inschrijven label.rekeningnummer { float:none; font-style:italic; color:#F00; width:auto;}

form#inschrijven input.submit { font-size:12px; cursor:pointer; display:block; background:#ec0b8d; color:white; border:0; margin:18px 0 8px 150px; padding:2px 16px; }

form#inschrijven label.kiessessie { float:none; width:auto; margin-bottom:15px;}

form#inschrijven div.sessie {  margin-bottom:12px; }
form#inschrijven div.sessie input.button { display:block; font-size:11px; cursor:pointer; float:left; width:100px; background:#ec0b8d; color:white; border:0; margin:0 12px 0 0; height:20px; padding:0 0 2px;}
form#inschrijven div.sessie label { float:none; width:auto; padding:3px 0 2px 12px; height:18px; }
form#inschrijven div.sessie label span { color:#ec0b8d;}
form#inschrijven div.sessie label em { color:#000; font-weight:bold; }
form#inschrijven div.sessie label em.dimmed { font-weight:normal; font-style:italic; color:#999;}
form#inschrijven div.error  label em.dimmed { color:#F00;}
form#inschrijven label em a { font-weight:normal; margin-left:5px;}

form#inschrijven div.sessie div { display:none;}
table.workshops { margin:0; }
table.workshops tr td { cursor:pointer; font-size:10px; line-height:14px;}
table.workshops tr.even td { background:#fef3f9 }
table.workshops tr.hover td { background:#f8aad7 }
table.workshops tr.selected td { background:#ec0b8d; color:white; border-right:1px solid #fde6f3 }
table.workshops tr.selected td a { color:white; }
table.workshops tr.vol td { background:#eee; color:#888; font-style:italic;}
table.workshops tr.vol td em { color:#ec0b8d;}

body.english form#inschrijven div.nl { display:none;}


/* route */
body.route div#menu ul li.selected ul { background:#8cc63f }
body.route div#links { background:#8cc63f }
body.route div#rechts div.banners { background:#005482 }
body.route div#rechts div.evs { background:#005482 }
body.route div#rechts div.evs a { background:url(../gfx/evertvermeer_blauw.gif); }
body.route div#rechts div.banners a.rondje { background-image:url(../gfx/afrika_extra.gif) }

/* organisatie */
body.organisatie div#menu ul li.selected ul { background:#8cc63f }
body.organisatie div#links { background:#8cc63f }
body.organisatie div#rechts div.banners { background:#005482 }
body.organisatie div#rechts div.evs { background:#005482 }
body.organisatie div#rechts div.evs a { background:url(../gfx/evertvermeer_blauw.gif); }
body.organisatie div#rechts div.banners a.rondje { background-image:url(../gfx/afrika_extra.gif) }
body.organisatie div.logos p { text-align:justify; }

body.archief div#menu ul li.selected ul { background:#8cc63f }
body.archief div#links { background:#8cc63f }
body.archief div#rechts div.banners { background:#005482 }
body.archief div#rechts div.evs { background:#005482 }
body.archief div#rechts div.evs a { background:url(../gfx/evert_vermeer_blauw.gif); }
body.archief div#rechts div.banners a.rondje { background-image:url(../gfx/afrika_extra.gif) }

body.videoverslag div#midden { margin:0 250px 0 0; padding:10px 10px 60px 30px;}
body.videoverslag div#links { display:none; }

div.fotograaf { margin-top:30px; font-size:11px; color:#777;}

/* SLIDESHOW */
div.slideshow { position:relative; margin:-10px 0 0 -10px; width:500px; height:333px; }
div.slideshow img { position:absolute; top:0; left:0; z-index:8 }
div.slideshow img.bovenop  { z-index:10 }
div.slideshow img.erachter { z-index:9 }

/* slideshow bijschrift */
ul.bijschrift    { position:absolute; top:343px; left:20px; margin:0px; height:20px; overflow:hidden; padding:0; list-style-type:none; }
ul.bijschrift li { display:none; margin-bottom:20px; }
ul.bijschrift li.bovenop { display:block; }

/* afrikaatje */
div#afrikaatje { width:80px; height:89px; z-index:50; background:url(../gfx/afrika_impressie.png) no-repeat left top; position:absolute; top:-27px; left:13px;}
div#afrikadaglogo { width:100px; height:125px; z-index:50; background:url(../gfx/afrikadaglogo.png) no-repeat left top; position:absolute; top:5px; right:10px;}

/*div#slideshow_labels { display:none }
div#slideshow { width:442px; height:293px; padding:0 }
.slide-image {
  position: absolute;
  top: 285px;
  left: 24px;
  width: 442px;
  height: 296px;
  background-position:0;
  background-repeat: no-repeat 
}
div#slideshow_desc h2 { position:absolute; left:17px; top:576px; border:0; color:#005482; 0; padding-top:8px; line-height:1.4em; font-weight:normal; width:440px;  }
div#slideshow_desc h2 strong { font-weight:normal; font-size:10px; color:#EEE; position:absolute; top:8px; right:0; }
*/