/* Koekeeloere stylesheet, algemeen
 * Version: $Id: koekeloere.css,v 1.12 2011/06/08 15:04:31 telnotap Exp $
 */
/* toevoeging Leidi, overriding standaard balkdefinities restyling augustus 2009*/
/* --------zie ook opmerking bij H1 #beginInhoud-------*/
.noCss {
  display: none;
}

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

/***********************************************/
/* voor het identificeren van de pagina, identificatie voor de properties in de editwizzard en het vergroten/verkleinen voor de leesbaarheid*\
/**********************************************/
#frame {
  width: 100%;
  padding : 0px;
  margin:auto;
}

/***********************************************/
/* -------------  pagina te centreren ---------*/
/**********************************************/
#sitecontainer {
  margin : auto;
  width: 1024px;
  position : relative;
}

body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: medium;
  padding: 0px;
  background: #FFF;
}

/***********************************************/
/* ---------------- list definities ------------------*/
/***********************************************/
ul {  
  margin: 3px 14px 5px 10px;
  padding: 3px 14px 5px 10px;
}

li {
  font-weight : bold;
  margin : 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

li p {
  font-weight : normal;
  margin : 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
/***********************************************/
/*---------------- links in the site -------------  */
/***********************************************/
a, a:active, a:link, a:visited {
  color: #9933CC;
  font-weight: bold;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #000099;
  text-decoration: none;
}

.hierbenik {
  color: #9933CC;
  text-decoration: underline;
}

/***********************************************/
/* ---- Kop HOMEPAGE -----*/
/**********************************************/
#logo_homepage {
  background-repeat : no-repeat;
  color: white;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  height : 84px;
  margin-right : 0px;
  width: 993px;
}

/***********************************************/
/*--------------- paginainhoud ---------------  */
/***********************************************/
#inhoud {
  color : #003366;
  float:left;
  height: 465px; /*----werkt alleen onder firefox----*/
  margin-top: 5px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding: 20px;  
  text-align: left;
  vertical-align: top;
  width: 490px;
}

/***********************************************/
/*----------------- tekstkoppen  ---------------  */
/***********************************************/
h1, h1#beginInhoud /* ------ anker voor gebruikers die om een of andere reden geen stylesheet gebruiken, identificatie om meteen naar de eerste kop te springen om de content vd pagina weer te geven ------ */
{
  margin-top: 0px;
  font-size: 1.4em;
  padding : 40px 0 0 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

h1 a:link, h1 a:visited  {
  text-decoration: none;
}

.content h1 {
  font-size: 1.0em;
}

h2 {
  font-size: 1.3em;
  margin-top: 0px;
  padding : 0px;
}

h3 {
  font-size: 1.0em;
  margin-top: 8px;
  margin-bottom: 3px;
  margin-left: 0px;
  padding : 0px;
  text-indent: 1px;
  padding-top: 40px;
  height:  0;
  position: absolute;
  overflow: hidden;
}

h4 {  
  font-size: 1.1em;
  margin-top: 0px;
  padding : 0px;
}

h5 {  
  font-size: 1.0em;
  margin-top: 0px;
  padding : 0px;
}

h6 {
  font-size: 0.9em;
  margin-top: 0px;
  margin-bottom: 3px;
  padding : 0px;
}

/***********************************************/
/*------------------ teksten --------------------  */
/***********************************************/
p.intro {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom : 5px;
  padding-bottom : 5px;
}

p {
  font-size: 0.8em;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

/***********************************************/
/*------------- 'voor 'contentelementen' ---------------  */
/***********************************************/
#linkernavigatie{
  width: 130px;
  float : left;
  margin : 0px;
  padding : 0px;
}

#rechternavigatie {
  width: 130px;
  float : right;
  margin : 0px;
  padding : 0px;
}

#extranavigatie {
  display:block;
  width: 450px;
  margin-left:auto;
  margin-right:auto;
}

#extranavigatie ul {
  float:left;
  margin: 0px;
  padding: 0px;
}

#extranavigatie li {
  display:block;
  float: left;
  margin: 0px;
  padding: 5px;
}

#extranavigatie li.menu_home a {
  background:  transparent url(../gfx/btn-close-home.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");
  height:  50px;
  width:  50px;
  display:  block;
}

#extranavigatie li span {
  display: block;

  height: 0;
  padding-top: 50px;
  overflow:  hidden;
}

/* ----- voor pagina onderdelen die qua inhoud duidelijk bij elkaar horen, kan apart vormgegeven worden, zie templates waar ze voorkomen ------*/
.paginaelement {
  margin-top: 4px;
}

.paginaelement p {
  margin-top : -3px;
  margin : 0px 0px 0px 10px;
}

.paginaelement h3 {
  font-size: 1.0em;
  margin: 3px 5px 0px 10px;
}

/* Submenu */

#rechternavigatie .link_leesmeer .afbeelding ,
#linkernavigatie .link_leesmeer .afbeelding  {
  text-align:  center;
  height:  100px;
}

#rechternavigatie .link_leesmeer .afbeelding a ,
#linkernavigatie .link_leesmeer .afbeelding a {
  background:  transparent url(../gfx/bg-submenu-small.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");
  text-align:  center;
  display:  inline-block;
  vertical-align:  middle;
  padding:  4px;
  margin-top:  5px;
}

#rechternavigatie .link_leesmeer .afbeelding a img, 
#linkernavigatie .link_leesmeer .afbeelding a img  {
  width: 106px;
  height: 80px;
}
#rechternavigatie .link_leesmeer .afbeelding a:hover ,
#linkernavigatie .link_leesmeer .afbeelding a:hover {
  background:  transparent url(../gfx/bg-submenu-big.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");  
  margin-top:  0px;
}

#rechternavigatie .link_leesmeer .afbeelding a:hover img, 
#linkernavigatie .link_leesmeer .afbeelding a:hover img  {
  width: 117px;
  height: 88px;
}

/* object */
div.player {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

div.player object {
  width: 500px;
}

object {
  margin-left: auto;
  margin-right: auto;
}

div.stream object {
  width: 285px;
  height:  160px;
}

.liedjes div.stream object {
  height: 142px;
  width: 354px;
}

div.attachment a.download {
  display:none;
}

div.stream {
  background:  transparent url(../gfx/bg-tv.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");  
  height:  336px;
  width:  410px;
  padding:  117px 0 0 43px;
  margin:  -28px auto 0;
}

.liedjes div.stream {
  background:  transparent url(../gfx/bg-radio.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");  
  margin-top:  -32px;
  width:  405px;  
  height:  241px;  
  padding-top:  166px;
  padding-left:  48px;
}

div.stream h1 {
  height:  0px;
  padding-top: 40px;
  overflow: hidden;
}

/***********************************************/
/*------------ voetermenu: bevat standaard een link naar home, contact, colofon, disclaimer en help ---------------  */
/***********************************************/
#voettekst {
  clear: both;
  height: 34px;
  list-style-type: none;
  list-style-gfx: none;
  margin: 0px 0px 0px -90px;
  color: #000;
  margin-right: 0px;  
  vertical-align : bottom;
}

#voettekst ul {
  height: 34px;
  margin: 0px;  
  padding: 0px;
  word-spacing : 20px;
}

#voettekst li, #voettekst li a {  
  color: #9933CC;
  font-size: 0.8em;
  font-weight : bold;
  display: inline;
  height: 34px;
  margin: 0px;  
  padding: 0px;
  word-spacing : 20px;
}

#voettekst li a:hover {  
  color: #000099;
  text-decoration: none;
}

#voettekst li#voetnav1 a {
  display:  block;
  width:  113px;
  height:  37px;
  line-height:  37px;
  color:  #fff;
  text-decoration:  none;
  font-weight:  normal;
  text-align:  center;
  font-size:  13px;
  background: url(../gfx/bg-docentensite.png) no-repeat left top;
}
#voettekst li#voetnav1 a:hover {
  text-decoration: underline !important;
}

#voettekst li.hierbenik a {  
  color: #9933CC;
  text-decoration: underline;
}

/***********************************************/
/*-------------- afbeeldingen  ----------------  */
/***********************************************/
a img {
  border : 0px;
}

.afbeelding p {
  clear: both;
  display: inline;
  font-size : 0.9em;
  vertical-align : top;
}

.afbeelding.groot.top {
  clear: both;
  float : right;
  padding : 0px;
  margin: 0px;
}

.afbeelding.groot.top p {
  clear: left;
  float: left;
}

.afbeelding.medium.links {
  clear: right;
  float: left;
  padding : 0px;
  margin: 0px;
}

.afbeelding.medium.links p {
  clear: right;
  float: left;
}

.afbeelding.medium.rechts {
  float: right;
  padding: 5px;
  margin: 0px;
}

.afbeelding.medium.rechts p {
  clear: both;
  float : left;
}

.afbeelding.medium {
  display: inline;
  float : right;
  padding : 0px;
  margin: 0px;
}

.afbeelding.medium p {
  display: inline;
}

.afbeelding.klein.links {  
  color : #003366;
  clear: right;
  float: left;
  padding : 0px;
  margin: 0px;
  width: 150px;
}

.afbeelding.klein.links p {
  clear: right;
  float: left;
  text-align : left;  
  text-justify : auto;
  margin: 0px;
  padding : 0px;
  width: 450px;
}

/***********************************************/
/*------------- MediaMonks CSS  -------------  */
/***********************************************/

#balk {
  border-bottom:  1px solid #cecece;
}

#sitecontainer {
  background: url(../gfx/background.jpg) no-repeat center top !important;
  position:  relative;
  padding:  90px 137px 0 90px;
  width:  797px;
}


div.link_leesmeer h3, a.leesmeer { display: none; }

#logo {
  width:  277px;
  height:  35px;
  background: url(../gfx/logo.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");  
  position:  absolute;
  left:  22px;
  top:  26px;
}

#inhoud {
  position:  relative;
}

#extranavigatie {
  position:  absolute;
  left:  40px;
  top:  422px;
}
#extranavigatie #hoofdnavigatie {
  position:  absolute;
  right:  10px;
  top:  -347px;
  display:  block;
}

.home #extranavigatie #hoofdnavigatie {
  display:  none;
}

.filmpjes #extranavigatie #hoofdnavigatie {
  right:  -16px;
  top:  -391px;
}

#extranavigatie #subnavigatie li {
  position:  absolute;
}

#extranavigatie #subnavigatie li.menu_fotoboek {
  width:  101px;
  height:  85px;
  left:  261px;
  top:  -20px;
}
#extranavigatie #subnavigatie li.menu_fotoboek a {
  display:  block;
  height:  85px;
  background:  transparent url(../gfx/btn-fotoboek.png) no-repeat left bottom;
  behavior: url("/shared/scripts/iepngfix.htc");  
  text-indent:  -9999em;
}
#extranavigatie #subnavigatie li.menu_fotoboek a:hover {
  background-position:  top;
}

#extranavigatie #subnavigatie li.menu_filmpjes {
  width:  101px;
  height:  64px;
  left:  139px;
  top:  0;
}
#extranavigatie #subnavigatie li.menu_filmpjes a {
  display:  block;
  height:  66px;
  background:  transparent url(../gfx/btn-filmpje.png) no-repeat left bottom;
  behavior: url("/shared/scripts/iepngfix.htc");  
  text-indent:  -9999em;
}
#extranavigatie #subnavigatie li.menu_filmpjes a:hover {
  background-position:  top;
}

#extranavigatie #subnavigatie li.menu_spel {
  width:  106px;
  height:  84px;
  left:  13px;
  top:  -25px;
}
#extranavigatie #subnavigatie li.menu_spel a {
  display:  block;
  height:  84px;
  background:  transparent url(../gfx/btn-memory.png) no-repeat left bottom;
  behavior: url("/shared/scripts/iepngfix.htc");  
  text-indent:  -9999em;
}

#extranavigatie #subnavigatie li.menu_spel a:hover {
  background-position:  top;
}

#extranavigatie #subnavigatie li.menu_liedjes {
  width:  87px;
  height:  60px;  
  left:  385px;
  top:  -25px;
}
#extranavigatie #subnavigatie li.menu_liedjes a {
  display:  block;
  height:  81px;
  background:  transparent url(../gfx/btn-muziek.png) no-repeat left bottom;
  behavior: url("/shared/scripts/iepngfix.htc");  
  text-indent:  -9999em;
}
#extranavigatie #subnavigatie li.menu_liedjes a:hover {
  background-position:  top;
}

#extranavigatie #subnavigatie li a span {
  display:  none;
}

body.exercise_by_date #inhoud .exercise .flashobject {
  left:  6px;
  position:  absolute;
  top:  -81px;
}

body.exercise_by_date #extranavigatie #hoofdnavigatie {
  right:  -15px;
  top:  -433px;
}

body.ingezonden #extranavigatie #hoofdnavigatie {
  right:  -40px;
  top:  -415px;
}

body.streams_overview #extranavigatie #hoofdnavigatie {
  right:  -25px;
  top:  -395px;
}

body.liedjes #extranavigatie #hoofdnavigatie {
  top:  -365px !important;
}

body.fotoboek #extranavigatie #hoofdnavigatie {
  right:  -42px;
  top:  -390px;
}

body.fotoboek #inhoud .flashobject {
  position:  absolute;
  left:  0;
  top:  -159px;
}

div.volgendepagina {
  position:  absolute;
  left:  399px;
  top:  295px;
}
div.volgendepagina a {
  display:  block;
  width:  103px;
  height:  41px;
  text-indent:  -9999em;
  background:  transparent url(../gfx/btn-volgende.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");
}

div.vorigepagina {
  position:  absolute;
  left:  25px;
  top:  295px;
}
div.vorigepagina a {
  display:  block;
  width:  99px;
  height:  39px;
  text-indent:  -9999em;
  background:  transparent url(../gfx/btn-vorige.png) no-repeat left top;
  behavior: url("/shared/scripts/iepngfix.htc");
}

.liedjes div.volgendepagina,
.liedjes div.vorigepagina {
  top:  310px;
}
.liedjes div.volgendepagina {
  left:  393px;
}
.liedjes div.vorigepagina {
  left:  30px;
}

.ugc {
  height:  143px;
  left:  919px;
  position:  absolute;
  top:  450px;
  width:  93px;
}
.ugc * { display: none; }
.ugc a.leesmeer {
  display:  block;
  width:  93px;
  height:  143px;
  text-indent:  -9999em;
}

object { outline: none; }

.imageviewer #inhoud,
.pdfviewer #inhoud,
.game #inhoud {
  background: url(../gfx/bg-game.png) no-repeat center top;
  margin-top:  -37px;
  padding-top:  44px;
  margin-bottom:  18px;
  behavior: url("/shared/scripts/iepngfix.htc");
}

.imageviewer #inhoud object.flashobject,
.pdfviewer #inhoud object.flashobject,
.game #inhoud object.flashobject {
  width:  460px;
  margin:  0 auto;
  display:  block;
}

.imageviewer #inhoud #extranavigatie,
.pdfviewer #inhoud #extranavigatie,
.game #inhoud #extranavigatie {
  top:  459px;
}

.imageviewer #inhoud #extranavigatie #hoofdnavigatie,
.pdfviewer #inhoud #extranavigatie #hoofdnavigatie,
.game #inhoud #extranavigatie #hoofdnavigatie {
  right:  -41px;
  top:  -425px;
}


.ingezonden #inhoud .image .afbeelding {
  padding:  97px 0 0;
  margin:  -61px 0 0;
  width:  525px;
  height:  280px;
  background:  transparent url(../gfx/bg-brievenbus.png) no-repeat 48px top;
  behavior: url("/shared/scripts/iepngfix.htc");
}
.ingezonden #inhoud .image .afbeelding img {
  height:  auto;
  width:  185px;
  padding-left:  71px;
}