/* Vroegerenzo stylesheet, algemeen
 * Version: $Id: vroegerenzo.css,v 1.29 2010/04/27 15:10:23 telnotap Exp $
 */
/* toevoeging Leidi, overriding standaard balkdefinities restyling augustus 2009 */
/*
body #balk {
  background-color: #fff;
}

body #balk #logo_container {
  padding: 0px;
  margin-right: 0%;
  margin-left: 2%;
  width: 98%;
  float: right;
}

/* NPO button; is een include */
body #balk #logo_container .balkonderdeel #zapp_button_container,
body #balk #logo_container .balkonderdeel #npo_button_container {
  margin-top: 2px; 
}
/* EINDE overriding algemene balkdefinities */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 {
  font-size : 100%;
  font-weight : normal;
}

ol, ul { list-style-type : none; }

#inhoud ul{
  list-style: disc;
  margin-left: 25px;
}

#inhoud ol {
  list-style: decimal;
  margin-left: 25px;
}

#inhoud li a {
  list-style: none;
}

table {
  border-collapse : collapse;
  border-spacing : 0;
}
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, th, var {
  font-style : normal;
  font-weight : normal; 
}
q:before, q:after { content :''; }
hr {
  border: 0;
  width: 510px;
  color: #a206a2;
  background-color: #e41937;
  height: 5px;
  clear: both;
}
/* =blocktext */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, address { 
  margin : 0 10px; 
  padding : 0.2em 0 0.1em 0; }

/* zie ook opmerking bij H1 #beginInhoud*/
.noCss {
  display: none;
}

/*  toevoeging van Juan, voor een hidden div */
#hidden {
  visibility: hidden;
}

/* links in the site   */
#inhoud a, #inhoud a:link, #inhoud a:visited {
  color: #a206a2;
}

#inhoud a:hover {
  color: #fff;
  background: #a206a2;
  text-decoration: none;
}

#inhoud a:active {
  color: #a206a2;
}

/* voor het identificeren van de pagina, identificatie voor de properties in de editwizzard en het vergroten/verkleinen voor de leesbaarheid */

#frame {
  width: 100%;
  padding: 0;
  margin: 0;
}

/*   pagina te centreren */

#sitecontainer  { 
  margin: 0 auto 0 auto; 
  padding: 0; 
  width:995px;
  text-align: left;
}

/*  algemene pagina definities */

html {}  

body {
  color:#333;
  background: #fcf8e3;
  font: 62.5%/180% Verdana, Arial, Helvetica, sans-serif;
  margin : 0 auto;
  text-align: center;
}

/*  foutmelding bij e-mailprocessing*/
.foutmelding {
  color: #FF0000;
  font-weight : bold;
}
/* tekstkoppen   */


h1 {
  margin-top:50px;  
  font-variant: small-caps; 
  font-size:2.7em; 
  color:#a100b2; 
  line-height: 1em; 
}  /* displayed at 32px */

h2 {
  font-size:1.5em;
}  

h3 {
  font-size:1.25em;
}  /* displayed at 15px */

h4, h5, h6 {
  font-size:1em;
  font-family: Verdana, "Arial Black", Arial, sans-serif;
}  /* displayed at 12px */

h1, h2, h3, h4{
  clear: both;
  font-family: Verdana, "Arial Black", Arial, sans-serif;
}
/*Titels per werkstuk andere kleur*/
/*Jagers en Boeren: #d4d400
Grieken en Romeinen: #0a4ee7
Monniken en Ridders: #e90e32
Steden en Staten: #53e8b9
Ontdekkers en hervormers: #a03af7
Regenten en vorsten: #f7941d
Pruiken en Revoluties: #f115a1
Burgers en stoommachines:#20b019
Wereldoorlogen: #57c9ff
Televisie en Computers: #ffc74d
En Andere: #25abfe*/

body.jagers h1 {
  color: #d4d400;
}
body.grieken h1 {
  color: #0a4ee7;
}
body.monikken h1 {
  color: #e90e32;
}
body.steden h1 {
  color: #53e8b9;
}
body.ontdekkers h1 {
  color: #a03af7;
}
body.regenten h1 {
  color: #f7941d;
}
body.pruiken h1 {
  color: #f115a1;
}
body.burgers h1 {
  color: #20b019;
}
body.wereldoorlogen h1 {
  color: #57c9ff;
}
body.televisie h1 {
  color: #ffc74d;
}
body.anderen h1 {
  color: #20b019;
}
.paginaelement.flash h3{
  clear: none;  
}

/*Opties*/
.opties {
  top: 15px;
  position:relative;
  left: 500px;
  width: 80px;
}

/*Kruimelpad*/
#kruimelpad {
  height: 30px;
  width: 400px;
  position: relative;
  left: 245px;
  top: 120px;
  z-index:100;
}

#kruimelpad ul {
  margin: 20px 10px 0 10px;
  height: 40px;
  padding-top: 5px;
}

#kruimelpad li {
  display: inline;
  color: #fd699b;
  padding:0.4em 0.4em 0.4em 0.2em;
}

#kruimelpad li a {
  color: #fd699b;
  height: 2em;
  padding:0.4em 0.4em 0.4em 0.2em;
}
#kruimelpad a:hover {
  color:#fff;
  background:#fd699b;
}

/*Hoofdnavigatie*/
#topnavigatie {
  height: 115px;
  width: 995px;
  background: #a100b2 url(../gfx/balk.jpg) no-repeat 0 0;
  margin-top: -49px;
}

body.homepage #topnavigatie {
  background: none;
  height: 30px;
  padding-bottom: 0;
  margin-top: 86px; /* gelijke hoogte met vervolgpagina's = hoogte balk */
}

#hoofdnavigatie {
  padding: 87px 0 5px 0;
  height: 38px;
  width: 975px; /* - padding 10px */
}

body.homepage #hoofdnavigatie{
  background: #a100b2;
  width: 985px;
  height: 23px;
  margin-left: -8px;
  padding: 2px 0 5px 10px;
}

#hoofdnavigatie li {
  display: inline;
  color: #f2eec0;
  font-weight: bold;
  font-size: 2.05em;
  float: left;
  font-variant: small-caps;
  margin: 4px 0.49em 0 0;
}

#hoofdnavigatie li a {
  text-decoration: none;
  color: #f2eec0;
  background: url(../gfx/nav.gif) no-repeat center right;
  padding-right: 1.1em;
}

#hoofdnavigatie li#nav7 a {
  background: none;
  padding-right: 0em;  
}

#hoofdnavigatie li a:hover {
  background-color: #a100b2;
  color: #fff218;
}

/*Nieuwsbrief*/
#nieuwsbrief {
  height: 29px;
  
}
#nieuwsbrief a {
  background: url(../gfx/nieuwsbrief.gif) no-repeat 0 0;
  display: block;
  width: 176px;
  height: 29px;
  text-indent: -9999px;
  border: none;
  text-decoration: none;
}

/*Linkernavigatie*/
#linkernavigatie {
  width: 245px; 
  font-size:0.9em;
  float: left;
  margin-top: 10px;
}

ul#zijnavigatie li,
ul#zijnavigatie li a {
  padding: 0;
  margin: 0;
}

ul#zijnavigatie li a {
  background: url(../gfx/zijnav.jpg) no-repeat 0 0;
  width: 214px;
  height: 40px;
  text-decoration: none;
  display: block; /*Om het hele vlak aanklikbaar te maken*/
  text-indent: -9999px;
}

/*Werkstukken*/
ul#zijnavigatie li#zijnav1 a {
  height: 55px;
  background-position: 0 0;
}

/*Jagers en Boeren*/
ul#zijnavigatie li#zijnav2 a {
  height: 38px;
  background-position: 0 -56px;
}

ul#zijnavigatie li#zijnav2 a:hover,
ul#zijnavigatie li#zijnav2.hierbenik a {
  background-position: 0 -620px;  /* totale hoogte afbeelding + 55px*/
}
/* Grieken en Romeinen*/
ul#zijnavigatie li#zijnav3 a {
  height: 47px;
  background-position: 0 -92px; 
}

ul#zijnavigatie li#zijnav3 a:hover,
ul#zijnavigatie li#zijnav3.hierbenik a {
  background-position: 0 -656px; /* 620 + 36*/
}

/*Monikken en Ridders */
ul#zijnavigatie li#zijnav4 a {
  height: 40px;
  background-position: 0 -139px; /*92 + 47px*/
}

ul#zijnavigatie li#zijnav4 a:hover,
ul#zijnavigatie li#zijnav4.hierbenik a {
  background-position: 0 -703px; /*656 + 47*/
}
/*Steden en Staten */
ul#zijnavigatie li#zijnav5 a {
  height: 43px;
  background-position: 0 -178px; /*139 + 40  -1 px correctie voor teleac! */
}

ul#zijnavigatie li#zijnav5 a:hover,
ul#zijnavigatie li#zijnav5.hierbenik a {
  background-position: 0 -742px; /*703 + 43*/
}

/*Ontdekkers en Hervormers */
ul#zijnavigatie li#zijnav6 a {
  height: 45px;
  background-position: 0 -222px; /*179 + 43 */
}

ul#zijnavigatie li#zijnav6 a:hover,
ul#zijnavigatie li#zijnav6.hierbenik a {
  background-position: 0 -786px; /*743 + 43*/
}

/*Regenten en Vorsten */
ul#zijnavigatie li#zijnav7 a {
  height: 40px;
  background-position: 0 -267px; /*222 + 45 */
}

ul#zijnavigatie li#zijnav7 a:hover,
ul#zijnavigatie li#zijnav7.hierbenik a {
  background-position: 0 -831px; /*786 + 45 */
}

/*Pruiken en Revoluties */
ul#zijnavigatie li#zijnav8 a {
  height: 46px;
  background-position: 0 -307px; /*267 + 40 */
}

ul#zijnavigatie li#zijnav8 a:hover,
ul#zijnavigatie li#zijnav8.hierbenik a {
  background-position: 0 -871px; /*831 + 40*/
}

/*Wereldoorlogen  */
ul#zijnavigatie li#zijnav9 a {
  height: 45px;
  background-position: 0 -353px; /*307 + 46 */
}

ul#zijnavigatie li#zijnav9 a:hover,
ul#zijnavigatie li#zijnav9.hierbenik a {
  background-position: 0 -917px; /*871 + 46*/
}

/*Burgers en Stoommachines */
ul#zijnavigatie li#zijnav10 a {
  height: 49px;
  background-position: 0 -398px; /*353 + 45 */
}


ul#zijnavigatie li#zijnav10 a:hover,
ul#zijnavigatie li#zijnav10.hierbenik a {
  background-position: 0 -962px; /*917 + 45*/
}

/* Televisie en Computers */
ul#zijnavigatie li#zijnav11 a {
  height: 53px;
  background-position: 0 -447px;/* 398 + 49 */
}

ul#zijnavigatie li#zijnav11 a:hover,
ul#zijnavigatie li#zijnav11.hierbenik a {
  background-position: 0 -1011px; /*962 + 49*/
}

/* & Anderen */
ul#zijnavigatie li#zijnav12 a {
  height: 63px;
  background-position: 0 -500px; /*447 + 53 */
}

ul#zijnavigatie li#zijnav12 a:hover,
ul#zijnavigatie li#zijnav12.hierbenik a {
  background-position: 0 -1064px; /*1011 + 53*/
}

.hierbenik a {
  cursor: default;
}

/* paginainhoud  */
#inhoud  { 
  width: 540px; 
  float: left; 
  font-size:1.2em;
  position: relative;
}
body.homepage #inhoud  {
  width: 995px;
}
body.homepage #extrainhoud,
body.homepage .opties,
body.homepage #linkernavigatie,
body.homepage #kruimelpad,
body.homepage ul#zijnavigatie,
body.homepage #zoekformulier,
body.homepage h1,
body.homepage h2,
body.homepage h3,
body.homepage h4,
body.homepage h5,
body.homepage h6,
body.homepage p {
  display: none;
}
body.homepage #inhoud .flashobject {
  height: 360px;
  width: 995px;
  margin:0 0 0 -8px;
}

#extrainhoud {
  font-size:1em;
  width: 200px;
  float: left;
  overflow: hidden;
  margin-top: 0;
  padding-left: 10px;
  margin-top: 55px;/* Ruimte maken voor zoekdeel*/
}
#subnavigatie {
  padding:95px 0 30px 0;
  width: 200px;
}
body.nieuws #subnavigatie {
  padding: 50px 0 10px 0;
}

/*Alleen bij werkstukken de titel "uit dit tijdvak" */  

body.jagers #extrainhoud #subnavigatie,
body.grieken #extrainhoud #subnavigatie,
body.monikken #extrainhoud #subnavigatie,
body.steden #extrainhoud #subnavigatie,
body.ontdekkers #extrainhoud #subnavigatie,
body.regenten #extrainhoud #subnavigatie,
body.pruiken #extrainhoud #subnavigatie,
body.burgers #extrainhoud #subnavigatie,
body.wereldoorlogen  #extrainhoud #subnavigatie,
body.televisie #extrainhoud #subnavigatie,
body.anderen #extrainhoud #subnavigatie
 {
  background: url(../gfx/uit-tijdvak.gif) no-repeat 0 0;
}

#subnavigatie li#subnav1 {
  margin-top: -40px;
}

#subnavigatie li {
  padding-bottom: 0.5em;
}

#subnavigatie li a {
  text-decoration: none;
  font-size: 2.2em;
  color: #333;
  font-weight: bold;
  font-variant: small-caps;
}

#subnavigatie li a:hover {
  color: #a100b2;
}
/* Zoek */
#zoekformulier {
  width: 180px;
  height: 38px;
  margin: 0 0 50px 0;
  padding: 0.5em 0 0 0;
  position: relative;
  top: -570px;
  left: 805px;
}

#zoekformulier .searchvalueinput {
  width: 110px;
  height: 17px;
  padding: 2px 0 0 2px;
  margin-top: 2px;
  background: #f4f59d;
  border: 1px solid #ddd;
}

#zoekformulier .searchvalueinput:active,
#zoekformulier .searchvalueinput:hover {
  background: #ffffae;
}

#zoekformulier .searchbutton {
  background-color: transparent;
  background-image: url(../gfx/vz_zoekknop.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 3px 2px;
  text-indent: -9999px;
  height: 20px;
  width: 55px;
  cursor: pointer;
  border: 0;
}


#zoekresultaten dl {
  clear: both;
}

#zoekresultaten dl p {
  margin-left: 0;
}

.searchitem {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 0.5em 0;
  background: #fcf8e3;
  width: 505px;
  float: left;
}
.searchitem h3, .searchitem h4, .searchitem h5, .searchitem h6,
.paginaelement h3, .paginaelement h4, .paginaelement h5  {
  clear: none;
}

.searchitem h4 a {
  font-weight: bold;
  color: #e41937;
}
.searchitem ul {
  margin-left: 0;
}
.searchitem ul.meta {
  margin-left: 100px;
}

/*Contact*/
/*Email*/
form.emailForm {
  float: left;
  width: 500px;
}

form.emailForm textarea,
form.emailForm input {
  width: 300px;
}

form.emailForm input#action {
  margin-left: 10px;
}

form.emailForm label {
  width: 7em;
  float: left;
}

input#action {
  width: 10em;
}
.reactieformulier input {
  margin: 0.2em 0;
}

#voettekst {
  float: left;
  clear: both;
  width: 550px;
  height: 30px;
  margin: 20px 0 0 275px;
  display: inline;
}

#voettekst li {
  display: inline;
  color: #a100b2;
}

#voettekst li a {
  text-decoration: none;
  font-weight: bold;
  color: #a100b2;
  text-decoration: none;
  padding-right: 1em;
}
  
#voettekst li a:hover {
  color: #a100b2;
}
  
#voettekst #voetnavigatie {
  margin-left: 0;
}

/*  paginaelementen*/
.paginaelement,
.paginaelement.article {
  border-bottom: 1px dotted #a100b2;
  clear: both;
  float: left;
  margin: 10px 0;
  width: 540px;
}
  
/*  Intropagina werkstukken , plaatje rechts verschilt per werkstuk!*/
  .paginaelement.infoblok p.intro,  .paginaelement.article p.intro {
  margin-left: 10px;
}
  .paginaelement.infoblok p, .paginaelement.article p {
  width: 300px;
}
  
/*Werkstukken pagina's extra afbeelding onder rechtermenu #extrainhoud*/
body.optv #extrainhoud {
  background: url(../gfx/ill_optv.png) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.nieuws #extrainhoud {
  background: url(../gfx/ill_nieuws.png) no-repeat 20px bottom;
  min-height: 700px;
}
  
body.spelletjes #extrainhoud {
  background: url(../gfx/ill_spelletjes.png) no-repeat 20px bottom;
  min-height: 580px;
}
  
body.flash_overview.spelletjes #extrainhoud {
  background-image: none;
}
  
body.overvroegerenzo #extrainhoud {
  background: url(../gfx/ill_vroegerenzo.png) no-repeat 20px bottom;
  min-height: 580px;
}
  
body.prijsvraag #extrainhoud {
  background: url(../gfx/ill_prijsvraag.png) no-repeat 20px bottom;
  min-height: 580px;
}
  
body.mailons #extrainhoud {
  background: url(../gfx/ill_mailons.png) no-repeat 20px bottom;
  min-height: 500px;
}
  
body.jagers #extrainhoud {
  background: url(../gfx/jagersenboeren.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.grieken #extrainhoud {
  background:url(../gfx/griekenenromeinen.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.monikken #extrainhoud {
  background: url(../gfx/monnikenenridders.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.steden #extrainhoud {
  background: url(../gfx/stedenenstaten.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.ontdekkers #extrainhoud {
  background: url(../gfx/ontdekkersenhervormers.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.regenten #extrainhoud {
  background: url(../gfx/regenenenvorsten.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.pruiken #extrainhoud {
  background: url(../gfx/pruikenenrevoluties.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
body.burgers #extrainhoud {
  background: url(../gfx/burgersenstoom.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
body.wereldoorlogen #extrainhoud {
  background: url(../gfx/wereldoorlogen.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
body.televisie #extrainhoud {
  background: url(../gfx/televisieencomputers.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
body.anderen #extrainhoud {
  background: url(../gfx/enanderen.jpg) no-repeat 20px bottom;
  min-height: 630px;
}
  
div.poll{
  background: url(../gfx/poll.png) no-repeat 0 0;
  height: 280px;
  width: 200px;
  padding-top: 55px;
  padding-left: 19px;
  margin-bottom: 15px;
}
  
div.poll h3 {
  margin-bottom: 0;
  font-weight: bold;
}

div.poll p{
  padding : 0;
}

input.stemknop {
  width: 70px;
  height: 25px;
  margin-left: -10px;
  margin-top: 7px;
} 
  
p.antwoord,
p.antwoord img {
  margin-left: 0;
  padding-left: 5px;
}
  
.paginaelement a.leesmeer{
  float: left;
  margin: 10px 0 10px 0;
  height: 15px;
  padding: 5px;
}

.paginaelement.article .leesmeer{
  padding-left: 10px;
}
  
.leesverder a {
  margin-left: 10px;
}
  
#pagerbottom, #pagertop {
  background: #fcf8e3;
  float: left;
  width: 515px;
  padding: 10px;
}

.pagerright {
  width: 500px;
}
  
a.naaroverzicht {
  background: url(../gfx/terug_button.jpg) no-repeat 0 0;
  display: block;
  width: 163px;
  height: 71px;
  text-indent: -9999px;
  position: absolute;
  top: 500px;
  left: -240px;
  margin: 70px 0;
  text-decoration: none;
}

#inhoud a.naaroverzicht:hover {
  background: url(../gfx/terug_button.jpg) no-repeat 0 0;
}
  
/*  Niet tonen bij Flash in de #inhoud*/
body.flash_overview a.naaroverzicht {
  display: none;
}
  
/* afbeeldingen    */
a img {
  border: 0px;
}

/* bijschrift afbeelding */
.afbeelding p {
  clear: both;
  display: block;
  font-size : 0.9em;
  font-weight: bold;
  font-style: italic;
  color: #333;
  vertical-align : top;
  width: 200px;
  padding: 0 0 0 5px;
  margin-bottom: 8px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 4px;
}

.afbeelding.links,
.afbeelding.rechts,
.afbeelding.top {
  float: left;
  margin: 0.2em 10px 10px 10px;
  width: auto;
  overflow: hidden;
}

.afbeelding klein p,
.afbeelding.klein.links p,
.afbeelding.klein.rechts p {
  width: 80px;
}
.afbeelding groot p {
  width: 500px;
}

.afbeelding.rechts {
  float: right;
}
.afbeelding.groot,
.afbeelding.groot img {
  width: 515px;
  margin: 10px 0;
  padding: 0;
}

.afbeelding.medium img,
.afbeelding.medium {
  width: 200px;
}

.afbeelding.klein img,
.afbeelding.klein{
  width: 90px;
}

.afbeelding.groot.top {
  clear: both;
  float : right;
}

.afbeelding.groot.top p {
  clear: left;
  float: left;
  margin-left: 10px;
}

.afbeelding.medium.links {
  float: left;
}

.afbeelding.medium.links p {
  clear:both;
  float: left;
  margin-right: 8px;
}

.afbeelding.medium.rechts {
  float: right;
}
.blok .afbeelding.medium.rechts,
.blok .afbeelding.medium.links,
.blok .afbeelding.medium.rechts img,
.blok .afbeelding.medium.links img {
  overflow: hidden;
}
.afbeelding.medium.rechts p {
  clear: both;
  float : right;
}

.afbeelding.medium p {
  display: inline;
}

.afbeelding.klein.links {  
  float: left;
  padding : 0px;
}

.afbeelding.klein.links p {
  clear: both;
  float: left;
  padding : 0px;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-left: 3px;
  margin-top: 8px;
}

.afbeelding.klein.rechts {  
  float: right;
  padding : 0px;
}

#linkernavigatie .blok.image {
  margin-top: -90px;
  width: 214px;
}

#linkernavigatie .blok.image .afbeelding a.image img {
  width: 174px;
  height: 27px;
  padding-left: 15px;
}