/* Schooltvplein stylesheet, algemeen
 * Version: $Id: schooltvplein.css,v 1.48 2010/04/14 11:37:44 telnotap Exp $
 */
@import url(/shared/css/balk/balk.css);

/*********************************************************/
/* toevoeging Leidi, overriding standaard balkdefinities restyling augustus 2009*/
/*********************************************************/
body #balk #logo_container {
	margin-right: 2%;
	margin-left: 2%;
}

/* 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, 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; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, /* em, i, strong, b */, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }
input {
  border: 1px solid #000;
  padding: 1px;
}

input.radio,
input.checkbox {
  border: none;
}

label { cursor: pointer;}

body {
  margin : 0 auto;
  font: 80%/150% Verdana, Arial, Helvetica, sans-serif;
  border: 0;
  background: #D9EEF9 url(../gfx/stpl_backgr_standaard.png) repeat-x 0 0;
}

/* 
Standaardkleur = Blauw
.Kleur-1 = Oranje
.Kleur-2 = Paars
.Kleur-3 = Magenta
.Kleur-4 = Grijs
achtergrondkleur inhoud kleur-1 = #FEEEDB
achtergrondkleur inhoud kleur-2 = #EDEBF4
achtergrondkleur inhoud kleur-3 = #FEF2F7
achtergrondkleur inhoud kleur-4 = #E9EAEB
achtergrondkleur inhoud standaard = #D9EEF9
 */

body.kleur-1 {  background:#FEEEDB url(../gfx/stpl_backgr_kleur-1.png);}

body.kleur-2 {  background:#EDEBF4 url(../gfx/stpl_backgr_kleur-2.png);}

body.kleur-3 {  background: #FEF2F7 url(../gfx/stpl_backgr_kleur-3.png);}

body.kleur-4 {  background:#E9EAEB url(../gfx/stpl_backgr_kleur-4.png);}

/* blocktext */
h2, h3, h4, h5, p, ul { 
  margin : 0 20px; 
  padding : 0.7em 0;
}

p {
margin : 10px 20px; 
}
.paginaelement {
  margin-left: 0;
}

h1,h2, h3,h4,h5,h6 {
  clear: both;
}
/* a */
a, a:visited { 
  color : #666; 
  background: transparent;
  text-decoration : underline;
  font-weight: bold;
} 

a:hover {
  text-decoration: none;
}

h1 {font-size:150%;}

h2 {font-size:130%;}

h3 {
  font-size:120%;
  font-weight: bold;
}

h4 {
  font-size:100%;
  font-weight: bold;
}

h5,h6 {font-size:90%;} 

.intro {font-weight: bold;}

  
dd p.intro {margin-left: 0;}

hr {
  border: 0;
  width: 80%;
  color: #aaa;
  background-color: #aaa;
  height: 1px;
}

.noCss { position: absolute; left: -9999px; }

#sitecontainer {  
   border: 0;  
  margin: 0 auto;
  padding: 0;
  width: 960px;
}  

body#home #sitecontainer {
  background: url(../gfx/hpage_achtergrond.gif) no-repeat 0 20px;
  margin: 0px auto;
  padding: 0px;
  height: 1065px;
}    
      
/* Hoofdnavigatie op homepage */
#hn-bg, 
#pn-bg {
  margin: 35px 0 70px -20px;
  float: left;
  background: url(../gfx/stpl_prmenu_backgr_stand.png) no-repeat 0 100%;  
  width: 212px;
  position: relative;
  z-index: 200; /* anders onder de plaatjes verdwenen */
}

body#project #hn-bg { margin-top: -30px; }
body#home #hn-bg,
body#home #pn-bg { margin-top: 230px; }
/* Verschillende kleuren onderkant menu */
/* Oranje =  kleur1 */
body.kleur-1 #hn-bg,
body.kleur-1 #pn-bg {  background-image:url(../gfx/stpl_prmenu_backgr_kleur-1.png);}

/* Paars =  kleur2 */
body.kleur-2 #hn-bg,
body.kleur-2 #pn-bg {  background-image: url(../gfx/stpl_prmenu_backgr_kleur-2.png);}

/* Magenta =  kleur3 */
body.kleur-3 #hn-bg,
body.kleur-3 #pn-bg {  background-image: url(../gfx/stpl_prmenu_backgr_kleur-3.png);}

/* Grijs =  kleur4 */
body.kleur-4 #hn-bg,
body.kleur-4 #pn-bg {  background-image: url(../gfx/stpl_prmenu_backgr_kleur-4.png);}

#hn-bg ul#hoofdnavigatie,
#pn-bg ul#hoofdnavigatie,
#hn-bg ul#projectnavigatie,
#pn-bg ul#projectnavigatie,
#hn-bg ul#infobloknavigatie,
#pn-bg ul#infobloknavigatie {
  background: url(../gfx/stpl_prmenu_top_stand.png) no-repeat 0 0;
  width: 212px;
  margin: -22px 0 0.5em 0; /* 22px is grootte (hoog) plaatje */
  padding: 1em 0;
}

/* Verschillende kleuren bovenkant menu */
/* Oranje=  kleur1 */

body.kleur-1 #hn-bg ul#infobloknavigatie,
body.kleur-1 #pn-bg ul#infobloknavigatie,
body.kleur-1 #hn-bg ul#projectnavigatie,
body.kleur-1 #pn-bg ul#projectnavigatie,
body.kleur-1 #hn-bg ul#hoofdnavigatie,
body.kleur-1 #pn-bg ul#hoofdnavigatie {  background: url(../gfx/stpl_prmenu_top_kleur-1.png) no-repeat;}

/* Paars =  kleur2 */
body.kleur-2 #hn-bg ul#infobloknavigatie,
body.kleur-2 #pn-bg ul#infobloknavigatie,
body.kleur-2 #hn-bg ul#projectnavigatie,
body.kleur-2 #pn-bg ul#projectnavigatie,
body.kleur-2 #hn-bg ul#hoofdnavigatie,
body.kleur-2 #pn-bg ul#hoofdnavigatie  {  background: url(../gfx/stpl_prmenu_top_kleur-2.png) no-repeat;}

/* Magenta =  kleur3 */
body.kleur-3 #hn-bg ul#infobloknavigatie,
body.kleur-3 #pn-bg ul#infobloknavigatie,
body.kleur-3 #hn-bg ul#projectnavigatie,
body.kleur-3 #pn-bg ul#projectnavigatie,
body.kleur-3 #hn-bg ul#hoofdnavigatie,
body.kleur-3 #pn-bg ul#hoofdnavigatie {  background: url(../gfx/stpl_prmenu_top_kleur-3.png) no-repeat;}

/* Grijs =  kleur4 */
body.kleur-4 #hn-bg ul#infobloknavigatie,
body.kleur-4 #pn-bg ul#infobloknavigatie,
body.kleur-4 #hn-bg ul#projectnavigatie,
body.kleur-4 #pn-bg ul#projectnavigatie,
body.kleur-4 #hn-bg ul#hoofdnavigatie,
body.kleur-4 #pn-bg ul#hoofdnavigatie {  background: url(../gfx/stpl_prmenu_top_kleur-4.png) no-repeat;}

#hn-bg ul#infobloknavigatie li,
#pn-bg ul#infobloknavigatie li,
#hn-bg ul#projectnavigatie li,
#pn-bg ul#projectnavigatie li,
#hn-bg ul#hoofdnavigatie li,
#pn-bg ul#hoofdnavigatie li {margin-left: 20px;}

#hn-bg ul#infobloknavigatie li a,
#pn-bg ul#infobloknavigatie li a,
#hn-bg ul#projectnavigatie li a,
#pn-bg ul#projectnavigatie li a,
#hn-bg ul#hoofdnavigatie li a,
#pn-bg ul#hoofdnavigatie li a {
  text-indent: -9999px;
  margin: 2px 0;
  display: block;
  text-decoration: none;
  font-size: 80%;
  font-variant: small-caps;
}

/* Uitzendingen */
#hn-bg ul#hoofdnavigatie li#nav1 a {
  background: url(../gfx/uitzendingen.png) no-repeat 0 0;
  padding: 2px 0 0 0;
  height: 19px;
}

#hn-bg ul#hoofdnavigatie li#nav1 a:hover,
#hn-bg ul#hoofdnavigatie li#nav1.hierbenik a {
  background-position: 0 -21px;
}

/* Informatie */
/* Uitzendingen */
#hn-bg ul#hoofdnavigatie li#nav2 a {
  background: url(../gfx/informatie.png) no-repeat 0 0;
  height: 20px;
  padding: 2px 0 0 0;
}

#hn-bg ul#hoofdnavigatie li#nav2 a:hover,
#hn-bg ul#hoofdnavigatie li#nav2.hierbenik a{
  background-position: 0 -25px;
}

/* Projecten */
#hn-bg ul#hoofdnavigatie li#nav3 a {
  background: url(../gfx/projecten.png) no-repeat 0 0;
  height: 22px;
  padding: 2px 0 0 0;
}

#hn-bg ul#hoofdnavigatie li#nav3 a:hover,
#hn-bg ul#hoofdnavigatie li#nav3.hierbenik a{
  background: url(../gfx/projecten.png) no-repeat 0 0;
  background-position: 0 -24px;
}

/* Spelletjes */
#hn-bg ul#hoofdnavigatie li#nav4 a {
  background: url(../gfx/spelletjes.png) no-repeat 0 0;
  height: 22px;
  padding: 2px 0 0 0;
}

#hn-bg ul#hoofdnavigatie li#nav4 a:hover,
#hn-bg ul#hoofdnavigatie li#nav4.hierbenik a {
  background: url(../gfx/spelletjes.png) no-repeat 0 0;
  background-position: 0 -24px;
}

/* Liedjes */
#hn-bg ul#hoofdnavigatie li#nav5 a {
  background: url(../gfx/liedjes.png) no-repeat 0 0;
  height: 21px;
  padding: 2px 0 0 0;
}

#hn-bg ul#hoofdnavigatie li#nav5 a:hover,
#hn-bg ul#hoofdnavigatie li#nav5.hierbenik a {
  background: url(../gfx/liedjes.png) no-repeat 0 0;
  background-position: 0 -23px;
}

/* Beeldbankclips */
#hn-bg ul#hoofdnavigatie li#nav6 a {
  background: url(../gfx/bbclips.png) no-repeat 0 0;
  height: 23px;
  padding: 2px 0 0 0;
}

#hn-bg ul#hoofdnavigatie li#nav6 a:hover,
#hn-bg ul#hoofdnavigatie li#nav6.hierbenik a{
  background: url(../gfx/bbclips.png) no-repeat 0 0;
  background-position: 0 -25px;
}

/* Kleurplaten & werkbladen */
#hn-bg ul#hoofdnavigatie li#nav7 a {
  background: url(../gfx/werkbladen.png) no-repeat 0 0;
  height: 38px;
  padding: 0 0 0 0;
}

#hn-bg ul#hoofdnavigatie li#nav7 a:hover,
#hn-bg ul#hoofdnavigatie li#nav7.hierbenik a{
  background: url(../gfx/werkbladen.png) no-repeat 0 0;
  background-position: 0 -37px;
}

/* Bij Projecten tekst niet als plaatje, maar als HTML uit CMS:
achtergrond is alleen een plaatje zonder tekst, kleuren zijn afhankelijk van de class (kleur-1 etc ) */
body#project #pn-bg ul#projectnavigatie li,
body#project #pn-bg ul#infobloknavigatie li,
body#project #hn-bg ul#hoofdnavigatie li,
body#project #pn-bg ul#hoofdnavigatie li {
  margin: 0.3em 0 0 10px;
  width: 190px;
  line-height: normal;
  font-weight: bolder;
}

/* 
achtergrondkleur inhoud kleur-1 = #FEEEDB
achtergrondkleur inhoud kleur-2 = #EDEBF4
achtergrondkleur inhoud kleur-3 = #FEF2F7
achtergrondkleur inhoud kleur-4 = #E9EAEB
achtergrondkleur inhoud standaard = #D9EEF9
 */

/* standaardkleur, geen class voor kleur */
body#project #pn-bg ul#projectnavigatie li a, 
body#project #pn-bg ul#infobloknavigatie li a, 
body#project #pn-bg ul#hoofdnavigatie li a 
{
  background: url(../gfx/stpl_prmenu_standaard.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  height: 20px;
  color: #fff;
  padding: 2px 0 0 40px;
}

/* Kleuren fonts:=
  kleur-1 = #F68A23
  kleur-2 = #9C9CCE
  kleur-3 = #ED7CAD
  kleur-4 = #8E8F90
  standaard = #6AB5E1
 */
 
body#project #pn-bg ul#projectnavigatie li a:hover, 
body#project #pn-bg ul#infobloknavigatie li a:hover, 
body#project #pn-bg ul#hoofdnavigatie li a:hover,
body#project #pn-bg ul#hoofdnavigatie li.hierbenik a 
{
  background: url(../gfx/stpl_prmenu_standaard_ro.png) no-repeat 0 0;
  background-position:0 -22px;
  color: #6AB5E1;
}

/* SchooltvPlein niet tonen! Kleur = Oranje */
body#project.kleur-1 #pn-bg ul#projectnavigatie li a, 
body#project.kleur-1 #pn-bg ul#infobloknavigatie li a, 
body#project.kleur-1 #pn-bg ul#hoofdnavigatie li a
 {
  background: url(../gfx/stpl_prmenu_kleur-1.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-1 #pn-bg ul#projectnavigatie li a:hover, 
body#project.kleur-1 #pn-bg ul#infobloknavigatie li a:hover, 
body#project.kleur-1 #pn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-1 #pn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-1_ro.png) no-repeat 0 0;
  color: #eaa12d;
}

/* Kleur = Paars */
body#project.kleur-2 #pn-bg ul#projectnavigatie li a,
body#project.kleur-2 #pn-bg ul#infobloknavigatie li a,
body#project.kleur-2 #pn-bg ul#hoofdnavigatie li a {
  background: url(../gfx/stpl_prmenu_kleur-2.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-2 #pn-bg ul#projectnavigatie li a:hover,
body#project.kleur-2 #pn-bg ul#infobloknavigatie li a:hover,
body#project.kleur-2 #pn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-2 #pn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-2_ro.png) no-repeat 0 0;
  color: #9C9CCE;
}

/* Kleur = Magenta */
body#project.kleur-3 #pn-bg ul#projectnavigatie li a,
body#project.kleur-3 #pn-bg ul#infobloknavigatie li a,
body#project.kleur-3 #pn-bg ul#hoofdnavigatie li a {
  background: url(../gfx/stpl_prmenu_kleur-3.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-3 #pn-bg ul#projectnavigatie li a:hover,
body#project.kleur-3 #pn-bg ul#infobloknavigatie li a:hover,
body#project.kleur-3 #pn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-3 #pn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-3_ro.png) no-repeat 0 0;
  color:  #ED7CAD;
}

/* Kleur = Grijs */
body#project.kleur-4 #pn-bg ul#projectnavigatie li a,
body#project.kleur-4 #pn-bg ul#infobloknavigatie li a,
body#project.kleur-4 #pn-bg ul#hoofdnavigatie li a {
  background: url(../gfx/stpl_prmenu_kleur-4.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-4 #pn-bg ul#projectnavigatie li a:hover,
body#project.kleur-4 #pn-bg ul#infobloknavigatie li a:hover,
body#project.kleur-4 #pn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-4 #pn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-4_ro.png) no-repeat 0 0;
  color: #8E8F90;
}

/* PROJECTNAVIGATIE specifieke ICONEN bij LIEDJES */
/* INFORMATIEBLOKKEN, KLEURPLATEN en SPELLETJES */
/* aanpassing april 2009 Leidi */

/* INFOBLOK */
body#project #pn-bg ul#projectnavigatie li.menu_t_infoblock a {
  background: url(../gfx/stpl_minfo_standaard.png) no-repeat 0 0;
} 

body#project #pn-bg ul#projectnavigatie li.menu_t_infoblock a:hover {
  background: url(../gfx/stpl_minfo_standaard_ro.png) no-repeat 0 0;
}

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_infoblock,
body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_infoblock a {
  background: url(../gfx/stpl_minfo_kleur-1.png) no-repeat 0 0;
} 

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_infoblock a:hover {
  background: url(../gfx/stpl_minfo_kleur-1_ro.png) no-repeat 0 0;
}

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_infoblock,
body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_infoblock a {
  background: url(../gfx/stpl_minfo_kleur-2.png) no-repeat 0 0;
} 

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_infoblock a:hover {
  background: url(../gfx/stpl_minfo_kleur-2_ro.png) no-repeat 0 0;
}

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_infoblock,
body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_infoblock a {
  background: url(../gfx/stpl_minfo_kleur-3.png) no-repeat 0 0;
} 

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_infoblock a:hover {
  background: url(../gfx/stpl_minfo_kleur-3_ro.png) no-repeat 0 0;
}

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_infoblock,
body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_infoblock a {
  background: url(../gfx/stpl_minfo_kleur-4.png) no-repeat 0 0;
} 

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_infoblock a:hover {
  background: url(../gfx/stpl_minfo_kleur-4_ro.png) no-repeat 0 0;
}
/* LIEDJE menu_t_stream */
body#project #pn-bg ul#projectnavigatie li.menu_t_stream,
body#project #pn-bg ul#projectnavigatie li.menu_t_stream a {
  background: url(../gfx/stpl_mliedje_standaard.png) no-repeat 0 0;
} 

body#project #pn-bg ul#projectnavigatie li.menu_t_stream a:hover {
  background: url(../gfx/stpl_mliedje_standaard_ro.png) no-repeat 0 0;
}

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_stream,
body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_stream a {
  background: url(../gfx/stpl_mliedje_kleur-1.png) no-repeat 0 0;
} 

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_stream a:hover {
  background: url(../gfx/stpl_mliedje_kleur-1_ro.png) no-repeat 0 0;
}

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_stream,
body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_stream a {
  background: url(../gfx/stpl_mliedje_kleur-2.png) no-repeat 0 0;
} 

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_stream a:hover {
  background: url(../gfx/stpl_mliedje_kleur-2_ro.png) no-repeat 0 0;
}

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_stream,
body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_stream a {
  background: url(../gfx/stpl_mliedje_kleur-3.png) no-repeat 0 0;
} 

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_stream a:hover {
  background: url(../gfx/stpl_mliedje_kleur-3_ro.png) no-repeat 0 0;
}

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_stream,
body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_stream a {
  background: url(../gfx/stpl_mliedje_kleur-4.png) no-repeat 0 0;
} 

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_stream a:hover {
  background: url(../gfx/stpl_mliedje_kleur-4_ro.png) no-repeat 0 0;
}
 
/* KLEURPLAAT menu_attachments:  kleurplaten */
body#project #pn-bg ul#projectnavigatie li.menu_attachments,
body#project #pn-bg ul#projectnavigatie li.menu_attachments a {
  background: url(../gfx/stpl_mkleurwerk_standaard.png) no-repeat 0 0;
} 

body#project #pn-bg ul#projectnavigatie li.menu_attachments a:hover {
  background: url(../gfx/stpl_mkleurwerk_standaard_ro.png) no-repeat 0 0;
}

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_attachments,
body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_attachments a {
  background: url(../gfx/stpl_mkleurwerk_kleur-1.png) no-repeat 0 0;
} 

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_attachments a:hover {
  background: url(../gfx/stpl_mkleurwerk_kleur-1_ro.png) no-repeat 0 0;
}

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_attachments,
body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_attachments a {
  background: url(../gfx/stpl_mkleurwerk_kleur-2.png) no-repeat 0 0;
} 

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_attachments a:hover {
  background: url(../gfx/stpl_mkleurwerk_kleur-2_ro.png) no-repeat 0 0;
}

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_attachments,
body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_attachments a {
  background: url(../gfx/stpl_mkleurwerk_kleur-3.png) no-repeat 0 0;
} 

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_attachments a:hover {
  background: url(../gfx/stpl_mkleurwerk_kleur-3_ro.png) no-repeat 0 0;
}

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_attachments,
body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_attachments a {
  background: url(../gfx/stpl_mkleurwerk_kleur-4.png) no-repeat 0 0;
} 

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_attachments a:hover {
  background: url(../gfx/stpl_mkleurwerk_kleur-4_ro.png) no-repeat 0 0;
}
/* SPELLETJE menu_t_flash:  spelletjes */
body#project #pn-bg ul#projectnavigatie li.menu_t_flash,
body#project #pn-bg ul#projectnavigatie li.menu_t_flash a {
  background: url(../gfx/stpl_mspel_standaard.png) no-repeat 0 0;
} 

body#project #pn-bg ul#projectnavigatie li.menu_t_flash a:hover {
  background: url(../gfx/stpl_mspel_standaard_ro.png) no-repeat 0 0;
}

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_flash,
body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_flash a {
  background: url(../gfx/stpl_mspel_kleur-1.png) no-repeat 0 0;
} 

body#project.kleur-1 #pn-bg ul#projectnavigatie li.menu_t_flash a:hover {
  background: url(../gfx/stpl_mspel_kleur-1_ro.png) no-repeat 0 0;
}

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_flash,
body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_flash a {
  background: url(../gfx/stpl_mspel_kleur-2.png) no-repeat 0 0;
} 

body#project.kleur-2 #pn-bg ul#projectnavigatie li.menu_t_flash a:hover {
  background: url(../gfx/stpl_mspel_kleur-2_ro.png) no-repeat 0 0;
}

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_flash,
body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_flash a {
  background: url(../gfx/stpl_mspel_kleur-3.png) no-repeat 0 0;
} 

body#project.kleur-3 #pn-bg ul#projectnavigatie li.menu_t_flash a:hover {
  background: url(../gfx/stpl_mspel_kleur-3_ro.png) no-repeat 0 0;
}

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_flash,
body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_flash a {
  background: url(../gfx/stpl_mspel_kleur-4.png) no-repeat 0 0;
} 

body#project.kleur-4 #pn-bg ul#projectnavigatie li.menu_t_flash a:hover {
  background: url(../gfx/stpl_mspel_kleur-4_ro.png) no-repeat 0 0;
}

/* Hoofdnav HN-BG Kleur = Oranje */
body#project.kleur-1 #hn-bg ul#hoofdnavigatie li a
 {
  background: url(../gfx/stpl_prmenu_kleur-1.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-1 #hn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-1 #hn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-1_ro.png) no-repeat 0 0;
  color: #eaa12d;
}

/* Kleur = Paars */
body#project.kleur-2 #hn-bg ul#hoofdnavigatie li a {
  background: url(../gfx/stpl_prmenu_kleur-2.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-2 #hn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-2 #hn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-2_ro.png) no-repeat 0 0;
  color: #9C9CCE;
}

/* Kleur = Magenta */
body#project.kleur-3 #hn-bg ul#hoofdnavigatie li a {
  background: url(../gfx/stpl_prmenu_kleur-3.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-3 #hn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-3 #hn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-3_ro.png) no-repeat 0 0;
  color:  #ED7CAD;
}

/* Kleur = Grijs */
body#project.kleur-4 #hn-bg ul#hoofdnavigatie li a {
  background: url(../gfx/stpl_prmenu_kleur-4.png) no-repeat 0 0;
  text-indent: 0px;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  padding: 2px 0 0 40px;
}

body#project.kleur-4 #hn-bg ul#hoofdnavigatie li a:hover,
body#project.kleur-4 #hn-bg ul#hoofdnavigatie li.hierbenik a {
  background: url(../gfx/stpl_prmenu_kleur-4_ro.png) no-repeat 0 0;
  color: #8E8F90;
}
/* Kleurplaten & Werkbladen is hoger dan de rest! */
body#project.kleur-1 #hn-bg ul#hoofdnavigatie li#nav7 a{
  background-image: url(../gfx/ie6_prmenu_kleur-1_hoog.png);
  background-position: 0 -4px;
}
body#project.kleur-1 #hn-bg ul#hoofdnavigatie li#nav7 a:hover {
  background-image: url(../gfx/ie6_prmenu_kleur-1_hoog.png);
  background-position: 0 -53px;
}

body#project.kleur-2 #hn-bg ul#hoofdnavigatie li#nav7 a{
  background-image: url(../gfx/ie6_prmenu_kleur-2_hoog.png);
  background-position: 0 -4px;
}
body#project.kleur-2 #hn-bg ul#hoofdnavigatie li#nav7 a:hover {
  background-image: url(../gfx/ie6_prmenu_kleur-2_hoog.png);
  background-position: 0 -53px;
}
body#project.kleur-3 #hn-bg ul#hoofdnavigatie li#nav7 a{
  background-image: url(../gfx/ie6_prmenu_kleur-3_hoog.png);
  background-position: 0 -4px;
}
body#project.kleur-3 #hn-bg ul#hoofdnavigatie li#nav7 a:hover {
  background-image: url(../gfx/ie6_prmenu_kleur-3_hoog.png);
  background-position: 0 -53px;
}
body#project.kleur-4 #hn-bg ul#hoofdnavigatie li#nav7 a{
  background-image: url(../gfx/ie6_prmenu_kleur-4_hoog.png);
  background-position: 0 -4px;
}
body#project.kleur-4 #hn-bg ul#hoofdnavigatie li#nav7 a:hover {
  background-image: url(../gfx/ie6_prmenu_kleur-4_hoog.png);
  background-position: 0 -53px;
}
/* bovenkant pagina ZOEKRESULTATEN: er is een klein verschil met de bovenzijde van
de andere pagina's met zoeken, juni 2009 Leidi */
body#zoek div#sitecontainter div #inhoud div#inhoud-bg .kleurplaten form.zoekform fieldset {
  background-color: fuchsia;
}

/* Zoekfucntie door hele site heen */
#home #formzoek-bg {
  /*   background: url(../gfx/zoekbkgr.png) no-repeat 0 100%; */
  float: left;
  clear: both; /* onder menu */
  width: 220px; 
  margin: 0 20px 0 -20px;
}

#formzoek-bg form.zoekform {
  float: left; 
  min-height: 140px; 
  width: 220px; 
  margin: -51px 0 0.5em -20px; /* 51px is grootte plaatje, let op margin onder #hoofdnavigatie! */
  padding-bottom : 1em; 
  background: url(../gfx/zoekbkgr_combi.png) no-repeat 0 0;
  position: relative;
  z-index: 0; /* verdwijtn anders onder de afbeeldingen */
}

#formzoek-bg form#zoekform {
  float : left; 
  min-height : 140px; 
  width : 220px; 
  margin: -51px 0 0.5em 0; /* 51px is grootte plaatje, let op margin onder #hoofdnavigatie! */
  padding-bottom : 1em; 
  background: url(../gfx/zoekbkgr_top.png) no-repeat 0 0;
  position: relative;
  z-index: 100; /* verdwijtn anders onder de afbeeldingen */
}

form.zoekform legend {text-indent : -9999px;}

form.zoekform input {
  margin: 30px 10px 20px 20px;
  width: 175px;
}

form.zoekform a {
  border-top: 1px solid #ddd;
  width: 170px;
  font-variant: small-caps;
  font-size: 150%;
  margin: 10px 0 0.5em 20px;
  color: #054F85;
  float: left;
}      
      
form.zoekform a:hover {
  color: #333;
  text-decoration: none;
}  
  
form.zoekform legend {text-indent : -9999px;}

form.zoekform input {
  margin: 30px 10px 20px 20px;
  width: 175px;
}

form#zoek input#zoekknop {
  width: 67px;
  height: 35px;
  border: 0;
  clear: both;
  top: 3px;
  background: url(../gfx/submit-zoek.gif) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
  margin: -10px 20px 0 0;
  float: right;
}

/* Grote zoekform op zoekpagina */
form.zoekform input#zoekknop {
  width: 67px;
  height: 35px;
  border: 0;
   clear: both;
   top: 3px;
   background: url(../gfx/submit_zoek.png) no-repeat 0 0;
   text-indent: -9999px;
   cursor: pointer;
   margin: -10px 20px 0 130px;
}

form.zoekform input:hover#zoekknop,
body#zoek #inhoud form.zoekform input:hover#zoekknop {
  background: url(../gfx/submit_zoek_ro.png) no-repeat 0 0;
}

/* zoeken heeft een donkerblauwe rand! */
/* Zoeken heeft een andere bovenkant en lichtblauwe kleur! */
body#zoek table.tabel-uitzending {
  background-image: url(../gfx/stpl_zoek_inhoud_top.png);
  margin: -80px 0 0.5em 0; /* 109px is grootte (hoog) plaatje */
}

/* Zoekpagina inhoud, geen apart zoekveld aan linkerkant! */
body#zoek #inhoud-bg {  background-image: url(../gfx/stpl_zoek_top.png);}

body#zoek #inhoud {  background-image:url(../gfx/stpl_zoek_backgr.png);}

/* Zoekfucntie verzamelpagina */
body#zoek #inhoud form#formnav-uitzending {margin-top: 70px;}

body#zoek #inhoud ul#hoofdnavigatie-uitzendingen {
  margin-top:10px;
  display: none;
}

body#zoek #inhoud form.zoekform {
  float : left; 
  width : 440px; 
  margin: 10px 0 0.5em 20px; 
  padding : 0px 0 0 0; 
  background: none;
  position: absolute;
  color: #333;
  z-index: 500; /* verdwijnt anders onder de afbeeldingen */
}

body#zoek #inhoud-bg.kleurplaten .zoekform {
  left: -420px;
}

body#zoek #inhoud form.zoekform input {
  margin: 0 10px 0 20px;
  width: 190px;
  font-weight: bold;
  color: #aaa;
  padding: 2px;
}

body#zoek #inhoud form.zoekform input#zoekknop {
  top: 3px;
  background: url(../gfx/submit-zoek.gif) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
  margin: -30px 10px 0 0;
  position: relative;
  left: 85px;
}

/* Zoekpagina inhoud, geen apart zoekveld aan linkerkant! */

/* Homepage afbeeldingen + linken Onderbouw */
/* Onderbouw homepage */  
#onderbouw {
  position: absolute;
  top:-30px;  
  left: 20px;
  width: 960px;
  height: 350px;
  z-index: 12;
}
  
/*   Bovenbouw */
#bovenbouw {
  position: absolute;
  width: 720px;
  height: 350px;
  top: 210px;  
  left: 200px;
  z-index: 11;
}
  
#extraInhoud  {
  float: left;
  width: 225px;
  margin-top: 30px;
}

body#home #extraInhoud {
  margin-top: 50px;
}
    
ul#home-navigatie {margin-bottom: -10px; width: 220px;}

body#home ul#home-navigatie {
  display: none;
}

ul#home-navigatie li a {
  background: url(../gfx/home.png) no-repeat 0 0;
  height: 42px;
  display: block;
  margin-left: -38px;
  _position: relative; /* ivm negatieve margin in ie6 */
  text-indent: -9999px;
  text-decoration: none;
}

ul#home-navigatie li a:hover {  background-image: url(../gfx/home_ro.png);}

/* Achtergrond MIDDENGEDEELTE inhoud */
#inhoud {
  background: url(../gfx/stpl_standaard_backgr.png) no-repeat 0 100%;
  float: left;
  padding-bottom: 25px; /* ivm overloop */
  width: 713px;
  margin:50px 0 0 0; /* Afhankelijk van nagatieve margin bij #inhoud-bg */
  position: relative;
}

/* ul en dl in inhoud */
#inhoud ul li {
  list-style: disc;
  padding-left: 0;
  margin-left: 0.4em;
}

#inhoud ul {
  padding-left: 20px;
}

#inhoud .paginaelement.article ul {
  padding-left: 0px;
}

#inhoud .paginaelement.article ul li {
  list-style: none;
  padding-left: 0;
  margin-left: 0px;
}


#inhoud .paginaelement.article ul.links li {
  list-style: none;
  padding-left: 20px;
  margin-left: 0px;
}

/* H2 met icoontje als titel */
#inhoud h2 {
  font-weight: bold;
  color: #fff;
  font-variant: small-caps;
}
#inhoud #inhoud-bg.kleurplaten h2 {
  background: url(../gfx/stpl_iconh2_klrplaat.png) no-repeat 0 8px;
  padding-left: 38px;
  line-height: 14px;
}

#inhoud #inhoud-bg.informatie h2 {
  background: url(../gfx/stpl_iconh2_info.png) no-repeat 0 8px;
  padding-left: 32px;
  line-height: 14px;
}

#inhoud #inhoud-bg.projecten h2 {
  background: url(../gfx/stpl_iconh2_project.png) no-repeat 0 8px;
  padding-left: 37px;
  line-height: 14px;
}

#inhoud #inhoud-bg.spelletjes h2 {
  background: url(../gfx/stpl_iconh2_spel.png) no-repeat 0 8px;
  padding-left: 34px;
  line-height: 14px;
}

#inhoud #inhoud-bg.liedjes h2 {
  background:url(../gfx/stpl_iconh2_lied.png) no-repeat 0 8px;
  padding-left: 34px;
  line-height: 14px;
}

#inhoud #inhoud-bg.beeldbank h2 {
  background: url(../gfx/stpl_iconh2_clip.png) no-repeat 0 8px;
  padding-left: 38px;
  line-height: 14px;
}

#inhoud #inhoud-bg.uitzendingen h2 {
  background:url(../gfx/stpl_iconh2_uitzending.png) no-repeat 0 8px;
  padding-left: 34px;
  line-height: 14px;
}

#inhoud #inhoud-bg.zoeken h2 {
  background: url(../gfx/stpl_iconh2_zoek.png) no-repeat 0 8px;
  padding-left: 32px;
  line-height: 14px;
}

#inhoudSub-A ul,
#inhoudSub-A ul li {
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
}

#inhoudSub-A ul li p {
  font-size: 0.9em;
  margin: 0px 0px 10px 52px;
  padding: 0px;
  width: 340px;
}

#inhoudSub-A ul.stream li p {
  font-size: 0.9em;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  width: 402px;
}

#inhoudSub-A dl {margin-left: 20px; }

#inhoudSub-A dl label {
  font-weight: bold;
  margin-right: 0.3em;
}

body#home #inhoud {
  background: none;
  position: absolute;  
  margin-top: 0px;
}

#inhoud-bg {
  background:url(../gfx/stpl_standaard_top.png) no-repeat 0 0;
  margin: -34px 0 0.5em 0; /* afhankelijk van margin-top bij #inhoud */
  width: 714px;
  float: left;
}

.popup #inhoud-bg {
  margin: 0px;
}

/* Projecten */
/* Verschillende kleuren */

/* Oranje =  kleur1 */
body.kleur-1 #inhoud {  background-image: url(../gfx/stpl_project_kleur-1.png);}

body.kleur-1 #inhoud-bg {  background-image: url(../gfx/stpl_project_kleur-1_top.png);}

/* Paars =  kleur2 */
body.kleur-2 #inhoud {  background-image: url(../gfx/stpl_project_kleur-2.png);}

body.kleur-2 #inhoud-bg {  background-image: url(../gfx/stpl_project_kleur-2_top.png);}

/* Magenta =  kleur3 */
body.kleur-3 #inhoud {  background-image: url(../gfx/stpl_project_kleur-3.png);}

body.kleur-3 #inhoud-bg {  background-image: url(../gfx/stpl_project_kleur-3_top.png); }

/* Grijs =  kleur4 */
body.kleur-4 #inhoud {  background-image: url(../gfx/stpl_project_kleur-4.png);}

body.kleur-4 #inhoud-bg {  background-image: url(../gfx/stpl_project_kleur-4_top.png);}

#inhoudSub-A {
  float: left;
  width: 440px;
  margin: 0px;
  padding: 0px;
}
.kleurplaten #inhoudSub-A img {
  margin: 20px;
}

#inhoudSub-A h3 {
  border-bottom: 1px solid #ddd;
  font-size: 130%;
  margin: 10px 0px 0px 10px;
  padding: 0px;
}

/* Print en email linkjes */
#print-mail {
  float: right;
  margin: 0px;
  padding: 0px;
  clear: both;
}

#print-mail a.emaillink {
  background: url(../gfx/stpl_icon_mail.png) no-repeat 0 0;
  float: left;
  height: 30px;
  margin: 0px;
  padding: 0px 0px 0px 0.6em;
  text-decoration: none;
  text-indent: -9999px;  
  width: 30px;
}

#print-mail a.printlink {
  background: url(../gfx/stpl_icon_print.png) no-repeat 0 0;
  float: left;
  height: 30px;
  margin: 0px;
  padding: 0px 0px 0px 0.6em;
  text-decoration: none;
  text-indent: -9999px;  
  width: 30px;
}

/* Onderkant plaatje */
#inhoudSub-B {
  width: 260px;
  float: left;
  background: #D9EEF9 url(../gfx/stpl_inhoud_standaard_bott.png) no-repeat bottom left;
  margin: 180px 0 0 0;
  padding-bottom: 32px; /* hoogte achtergrondplaatje! */
}

body#project #inhoudSub-B {margin-top: 265px;}

/* Bovenkant plaatje */
#inhoudSub-B-bg {
  background: #D9EEF9 url(../gfx/stpl_inhoud_standaard_top.png) no-repeat 0 0;
  color: #05426d;
  margin: -90px 0 0.5em 0; /* afhankelijk van margin-top bij #inhoudSub-B */
  float: left;
  width: 260px;
} 

#inhoudSub-B-bg dl {
  margin:0 0 20px 8px;
  clear: both;
  width: 90%;  
}

#inhoudSub-B-bg dl dt {
  color: #054F85;
  margin: 0;
}

#inhoudSub-B-bg dl dt a {
  margin:20px 0 0 0;
}

#inhoudSub-B-bg dl dd {
  font-size: 90%;
  width: 225px;
  margin: 0 10px 0 3px;
}

#inhoudSub-B-bg dl dd p.intro {
  font-weight: bold;
  margin: -3px 2px 0px 7px;
/*   width: 240px; */
}

#inhoudSub-B-bg dl dd.img {
  float: left;
  margin: 5px 10px 0px 0px;
  padding: 3px 0 0px 4px;
  vertical-align: top;
  width: 80px;
  
}

#inhoudSub-B-bg dl dd.img img {
  width: 80px;

}
/* De diverse kleuren, verschillende plaatjes en achtergrondkleur: */
/* achtergrondkleur inhoud kleur-1 = #FEEEDB
achtergrondkleur inhoud kleur-2 = #EDEBF4
achtergrondkleur inhoud kleur-3 = #FEF2F7
achtergrondkleur inhoud kleur-4 = #E9EAEB
achtergrondkleur inhoud standaard = #D9EEF9 */

body.kleur-1 #inhoudSub-B {  background: #FEEEDB url(../gfx/stpl_inhoud_kleur-1_bott.png) no-repeat bottom left;}

body.kleur-2 #inhoudSub-B {  background: #EDEBF4 url(../gfx/stpl_inhoud_kleur-2_bott.png) no-repeat bottom left;}

body.kleur-3 #inhoudSub-B {  background: #FEF2F7 url(../gfx/stpl_inhoud_kleur-3_bott.png) no-repeat bottom left;}

body.kleur-4 #inhoudSub-B {  background: #E9EAEB url(../gfx/stpl_inhoud_kleur-4_bott.png) no-repeat bottom left;}

/* Bovenkant plaatjes, verschillende kleuren */
body.kleur-1 #inhoudSub-B-bg {  background: #FEEEDB url(../gfx/stpl_inhoud_kleur-1_top.png) no-repeat 0 0;} 

body.kleur-2 #inhoudSub-B-bg {  background: #EDEBF4 url(../gfx/stpl_inhoud_kleur-2_top.png) no-repeat 0 0;} 

body.kleur-3 #inhoudSub-B-bg {  background: #FEF2F7 url(../gfx/stpl_inhoud_kleur-3_top.png) no-repeat 0 0;} 

body.kleur-4 #inhoudSub-B-bg {  background: #E9EAEB url(../gfx/stpl_inhoud_kleur-4_top.png) no-repeat 0 0;} 

/* plaatjes en teksten in rechterkolom #inhoudSub-B */
#inhoudSub-B h3 {
  color: #054f85;
  font-size: 125%;
  font-weight: bold;
  margin-left: 8px;
}

body#project #inhoudSub-B dl,
body#kleurplaat #inhoudSub-B dl {
  float: left;
}

#inhoudSub-B ul.links-extra {
  clear: both;
  border-top: 1px solid #333;
}

.caption {
  margin: 0.8em 20px;
  padding: 0;
}

.caption.links {
  width: 195px;
  float: left;
}

.caption.rechts {
  float: right;
  width: 195px;
  margin-right: 15px;
}

.caption.rechts p,
.caption.links p,
.caption.midden p{
  padding:0 10px;
  background: #054f85;
  color: #fff;
  width: 175px;
  margin: -3px 0 0 0;
  font-size: 90%;
  float: left;
}

.caption.midden p {width: 400px;}

.caption.midden {width: 410px;}

/* Achtergrond binnen inhoud: Uitzending gemist */
#bg-tabel-uitzending {
  background:url(../gfx/stpl_inhoud_backgr.png) no-repeat 0 100%;
  width: 682px;
  margin: 85px 0 30px 20px;  
  float: left;
  padding-bottom: 45px; /* ivm overloop */
}

table.tabel-uitzending {
  background:url(../gfx/stpl_inhoud_top.png) no-repeat 0 0;
  margin: -63px 0 0.5em 0; /* 63px is grootte (hoog) plaatje */
  width: 682px;
  float: left;
}

/* 4 kleuren voor de projecten table gedeelte */
body.kleur-1 #bg-tabel-uitzending {  background-image: url(../gfx/stpl_inhoud_backgr.png);}

body.kleur-1 table.tabel-uitzending {  background-image:url(../gfx/stpl_inhoud_top.png);}

body.kleur-2 #bg-tabel-uitzending {  background-image: url(../gfx/stpl_inhoud_backgr.png);}

body.kleur-2 table.tabel-uitzending {  background-image:url(../gfx/stpl_inhoud_top.png);}

body.kleur-3 #bg-tabel-uitzending {  background-image: url(../gfx/stpl_inhoud_backgr.png);}

body.kleur-3 table.tabel-uitzending {  background-image:url(../gfx/stpl_inhoud_top.png);}

body.kleur-4 #bg-tabel-uitzending {  background-image:url(../gfx/stpl_inhoud_backgr.png);}

body.kleur-4 table.tabel-uitzending {  background-image:url(../gfx/stpl_inhoud_top.png);}
/* Einde 4 kleuren voor de projecten */

table.tabel-uitzending tr.even {/* border-bottom: 1px solid #ddd; */}

table.tabel-uitzending td {
  margin-left: 10px;
}

/* Afbeeldingen */
table.tabel-uitzending td.afbeelding {
  width: 90px;
  padding: 10px 0 0 10px;
  vertical-align: top;
  margin: 0;
}

table.tabel-uitzending td.afbeelding img {
  padding-left: 10px;
  margin-right: 10px;
}

.afbeelding.groot.top {
  margin-left: 20px;
  padding-left: 20px;
}

/* Middendeel tabel, met alle gegevens */
table.tabel-uitzending td.uitzending {
  padding-left: 5px;
  float: left;
  border-right: 1px solid #ddd;
  margin-bottom: 1em;
  margin-left: -5px;
  width: 400px;
}

table.tabel-uitzending td.informatie,
table.tabel-uitzending td.project,
table.tabel-uitzending td.liedje,
table.tabel-uitzending td.spel,
table.tabel-uitzending td.beeldbankclip,
table.tabel-uitzending td.werkblad {
  color: #000000;
  float: left;
  margin: 0 0 1em 0;
  padding: 0 1em 0 0;
}

li.level {
  font-size: 87%;
}

li.infotype {
  color: #999999;
  font-weight: bold;
}

table.tabel-uitzending td.datum {
  width: 140px;
  float: left;
  vertical-align: top;
}

table.tabel-uitzending ul {
  margin:0.2em 0 0 0;
  padding: 0;
}

ul#hoofdnavigatie-uitzendingen {margin-top: -87px;}

ul#hoofdnavigatie-uitzendingen li {
  height: 20px;
  float: left;
  padding:0 0.5em;
  margin-right: 10px;
  display: block;
  list-style: none;
}

ul#hoofdnavigatie-uitzendingen li a {
  color: #3CA3BF;
   height: 20px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding-bottom: 5px;
}

ul#hoofdnavigatie-uitzendingen li a:hover {
  color: #006699;
}

ul#hoofdnavigatie-uitzendingen li.hierbenik a {
  padding-right: 1em;
  background:  url(../gfx/stpl_inhoud_taprechts.png) no-repeat top right;
  color:   #006699;
}

ul#hoofdnavigatie-uitzendingen li.hierbenik {
  background:  url(../gfx/stpl_inhoud_taplinks.png) no-repeat  top left;
  padding-left: 1em;
}

ul.attachments {
  list-style: outside;
  list-style-image: url(../gfx/icon_doc_pdf.png);
  margin-left: 0;
}
/* Bovenkant achtergrond */
form#formnav-uitzending {
  position: relative;
  margin:0 0 -20px -20px;
  float: left;
  width: 500px;
  z-index: 100;
}

form#formnav-uitzending li,
form#formnav-uitzending li label {
  margin-left: 0.5em;
}

/* zoekresultaten uitzendingen */
p.zoekresultaat{
  position: relative;
  left: 10px;
  top: 0px;
  margin: 0.5em 0;
  color: #006699;
  font-weight: bold;
}

/* Keuze naar groep | checkbox */
form#formnav-uitzending ul {
  position: relative;
  left: 295px;
  top: 10px;
}

form#formnav-uitzending ul li {display: inline;}

/* ZOEKVELD aan de rechterzijde op de overzichtspagina's van */
/* uitzendingen (stv gemist), informatie, projecten, spelletjes, liedjes */
/* beeldbankclips en kleurplaten AANGEPAST april 2009 door Leidi */ 
#inhoud-bg.uitzendingen form.zoekform fieldset {
  background-image: url(../gfx/stpl_uitzending_zoekbckgrto.png);
}

#inhoud-bg.uitzendingen form.zoekform fieldset input {
  clear: right;
  float: right;
  margin-right: 85px;
}

#inhoud-bg.uitzendingen #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* INFORMATIE */
#inhoud-bg.informatie form.zoekform fieldset {
  background-image: url(../gfx/stpl_informatie_zoekbckgrto.png);
}

#inhoud-bg.informatie form.zoekform fieldset input {
  clear: right;
  float: right;
  margin-right: 85px;
}

#inhoud-bg.informatie #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* PROJECTEN */
#inhoud-bg.projecten form.zoekform fieldset {
  background-image: url(../gfx/stpl_projecten_zoekbckgrto.png);
}

#inhoud-bg.projecten form.zoekform fieldset input {
  clear: right;
  float: right;
  margin-right: 85px;
}

#inhoud-bg.projecten #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* SPELLETJES */
#inhoud-bg.spelletjes form.zoekform fieldset {
  background-image: url(../gfx/stpl_spelletjes_zoekbckgrto.png);
}

#inhoud-bg.spelletjes form.zoekform fieldset input {
  clear: right;
  float: right;
  margin-right: 85px;
}

#inhoud-bg.spelletjes #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* LIEDJES */
#inhoud-bg.liedjes form.zoekform fieldset {
  background-image: url(../gfx/stpl_liedjes_zoekbckgrto.png);
}

#inhoud-bg.liedjes form.zoekform fieldset input {
   clear: right;
  float: right;
  margin-right: 85px;
}

#inhoud-bg.liedjes #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* BEELDBANKCLIPS */
#inhoud-bg.beeldbank form.zoekform fieldset {
  background-image: url(../gfx/stpl_bbankclips_zoekbckgrto.png);
}

#inhoud-bg.beeldbank form.zoekform fieldset input {
  clear: right;
  float: right;
  margin-right: 85px;
}

#inhoud-bg.beeldbank #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* KLEURPLATEN&WERKBLADEN zoekkop */
#inhoud-bg.kleurplaten form.zoekform {
  background-image: url(../gfx/stpl_kleurwerk_zoekbckgrto.png);
  background-position: 0px 10px;
  background-repeat: no-repeat;
}

#inhoud-bg.kleurplaten form.zoekform fieldset input {
clear: right;
  float: right;
  margin-right: 85px;
}

#inhoud #inhoud-bg.kleurplaten form.zoekform fieldset input#zoekknop {
  float: right;
  margin-left: 562px;
  width: 67px;
  z-index: 10;
}

#inhoud-bg.kleurplaten #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* ZOEKRESULTATEN */
#inhoud-bg.kleurplaten form.zoekform fieldset {
  margin-right: 215px;
}

#inhoud-bg.kleurplaten form.zoekform fieldset input #zoekknop {
  background-color: fuchsia;
  clear: right;
  float: right;
  margin-left: 170px;
}

#inhoud-bg.kleurplaten #bg-tabel-uitzending ul#hoofdnavigatie-uitzendingen {
  background-image: url(../gfx/stpl_projecten_zoekbckgbotm.png);
  background-repeat: repeat-y;
  height: 50px;
}

/* grijs/blauwe balk met bladerfunctie */
.nav-uitzending {
  height: 32px;
  width: 650px;
  float: left;
}

ul.bladeren {
  background: url(../gfx/stpl_uitzending_nav.png) no-repeat right;
  float: left;
  width: 640px;
}

ul.bladeren li {
  display: inline;
  color: #fff;
  margin: 0 1em 0 0.3em;
  float: left;
}

ul.bladeren li a {
  font-weight: bold;
  color: #fff;
  padding: 0 0.2em 0.12em;
  margin-top: -0.1em;
  text-decoration: none;
  float: left;
  display: inline;
  width: auto;
}

ul.bladeren li a:hover {color:  #006699;}

ul.bladeren li.eerste a {
  background: url(../gfx/zoekres-eerste.png) no-repeat 0 center;
  padding-left: 20px;
}

ul.bladeren li.vorig a {
  background: url(../gfx/zoekres-vorige.png) no-repeat 0 center;
  padding-left: 12px;
}

ul.bladeren li.volgende a {
  background: url(../gfx/zoekres-volgende.png) no-repeat right center; 
  padding-right: 12px;
}

ul.bladeren li.laatste a {
  background: url(../gfx/zoekres-laatste.png) no-repeat right center; 
  padding-right: 19px;
}

ul.bladeren li.hierbenik a {
  background: #fff;
  color: #999;
}

ul.bladeren li.sorteren {
  margin: -0.1em 0 0 0;
  width:80px;
  float: right;
}

ul.bladeren li.sorteren a {
  margin:0;
  background: url(../gfx/a_z.png) no-repeat right center;
  padding-right: 22px;
}

ul.bladeren li.sorteren.reverse a {  background: url(../gfx/a_z-reverse.png) no-repeat right center;}

p.zoekresultaat {
  float: left;
  width: 650px;
  margin: 0;
}

.tags {
  margin-left: 20px;
  padding: 0px;
}
/* Contactpagina */
form#nieuwsbrief {
  float: left;
  margin: 10px;
}

form#nieuwsbrief fieldset  {margin:0 0 15px 0;}

form#nieuwsbrief fieldset p {
  width: auto;
  float: left;
}

form#nieuwsbrief fieldset.checkbox {margin-top: -37px;}

form#nieuwsbrief fieldset label {
  width: 120px;
  float: left;
  margin: 4px;
}

form#nieuwsbrief fieldset.radio p {float: left;}

form#nieuwsbrief fieldset.checkbox label,
form#nieuwsbrief fieldset.radio label {
  float: none;
}

form#nieuwsbrief input,
form#nieuwsbrief textarea {
  border: 1px solid #cce9ff;
  background: #fff;
  padding: 1px;
  float: left;
  width: 300px;
  margin:4px 30px 4px 4px;
}

form#nieuwsbrief textarea {
  height: 175px;
  width: 480px;
}

form#nieuwsbrief input#versturen {
  background: url(../gfx/verstuur.png) no-repeat 0 0;
  width: 112px;
  height: 36px;
  border: none;
  margin:1em 3.5em;
  float: right;
  cursor: pointer;
}

form#nieuwsbrief input:hover#versturen {  background: url(../gfx/verstuur_ro.png) no-repeat 0 0;}

form#nieuwsbrief fieldset.checkbox input,
form#nieuwsbrief fieldset.radio input {
  border: none;
  background: transparent;
}

.error {
  border: 1px solid #999;
  width: 400px;
  margin: 10px;
  padding: 10px;
  color: red;
  display: none;
}

/* Classes */
.startcontent img,
.spel img {
  margin-left: 20px;
}

p.img-project{
  margin-left: 20px;
}
#voettekst {
  margin-left:0;
}

#voettekst ul {
  background: transparent;
  color: #9999CC;
  font-size: 90%;
  width: 500px;
  float: left;
  margin: 0 0 0 310px; 
  position: relative;
  z-index: 500;
}

#voettekst ul li {
  list-style: none;
  display: inline;
  text-align: center;
}

#voettekst ul li a{
  color: #999;
  text-decoration: none;
  margin: 0 15px 0 0;
  background: transparent url(../gfx/bullet-link-purple.gif) no-repeat 0 2px;
  padding-left: 14px;
}

#voettekst ul li a:hover {
  color: #333;
  background: transparent url(../gfx/bullit_ro.png) no-repeat 0 2px;
}

/* List styles overrule */
#bg-tabel-uitzending table.tabel-uitzending td.uitzending ul li,
#bg-tabel-uitzending table.tabel-uitzending td.datum ul li, 
#bg-tabel-uitzending table.tabel-uitzending td.informatie ul li,
#bg-tabel-uitzending table.tabel-uitzending td.project ul li,
#bg-tabel-uitzending table.tabel-uitzending td.spel ul li,
#bg-tabel-uitzending table.tabel-uitzending td.liedje ul li,
#bg-tabel-uitzending table.tabel-uitzending td.beeldbankclip ul li,
#bg-tabel-uitzending table.tabel-uitzending td.werkblad ul li,
#inhoud .streampicker li,
#inhoud #streampicker li {
  list-style: none;
}

#bg-tabel-uitzending table.tabel-uitzending td.uitzending ul li a,
#bg-tabel-uitzending table.tabel-uitzending td.datum ul li a, 
#bg-tabel-uitzending table.tabel-uitzending td.informatie ul li a,
#bg-tabel-uitzending table.tabel-uitzending td.project ul li a,
#bg-tabel-uitzending table.tabel-uitzending td.spel ul li a,
#bg-tabel-uitzending table.tabel-uitzending td.liedje ul li a,
#bg-tabel-uitzending table.tabel-uitzending td.beeldbankclip ul li a,
#bg-tabel-uitzending table.tabel-uitzending td.werkblad ul li a,
#inhoud .streampicker li,
#inhoud #streampicker li {
  color: #000000;
  list-style: none;
}

#bg-tabel-uitzending table.tabel-uitzending td.uitzending ul,
#bg-tabel-uitzending table.tabel-uitzending td.datum ul,
#bg-tabel-uitzending table.tabel-uitzending td.informatie ul,
#bg-tabel-uitzending table.tabel-uitzending td.project ul,
#bg-tabel-uitzending table.tabel-uitzending td.spel ul,
#bg-tabel-uitzending table.tabel-uitzending td.liedje ul,
#bg-tabel-uitzending table.tabel-uitzending td.beeldbankclip ul,
#bg-tabel-uitzending table.tabel-uitzending td.werkblad ul {
  color: #000000;
  margin-left:0;
  padding-left: 0;
}

img.iconklein {margin-right: 10px;}

/* tekst ingevoerd bij een li met een class 'even' ?? weet niet wat dit precies is ... Leidi juni 2009 */
tr.even td.informatie {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

tr.even td.informatie ul li p {
  margin: -10px 10px -10px 0px;
}

/* thickbox */

#TB_window {  
  background: #ffffff;
  background: url(../gfx/stpl_zoektips_backgr.png) no-repeat 0 0;
  color: #333333;
  display: none;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  position: absolute;
  text-align: left;
  top: 505px;
  left: 40%;
  z-index: 500;
}

#TB_secondLine {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
}

#TB_overlay {
  position: fixed;
  z-index: 0;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.TB_overlayMacFFBGHack {  background: url(../gfx/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color: #003399;
  filter: alpha(opacity=10);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

html #TB_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
}

#TB_closeWindow {
  height: 25px;
  padding: 11px 25px 10px 0;
  float: right;
  text-indent: -9999px;
  position: relative;
  z-index: 0;
}

#TB_closeAjaxWindow{
  padding: 7px 10px 5px 0;
  margin-bottom: 1px;
  position: relative;
  color: #fff;
  text-indent: -9999px;
  z-index: 0;
}

#TB_ajaxContent {
  clear: both;
  line-height: 1.4em;
  margin: 0 0px 0px 20px;
  padding: 0px;
  text-align: left;
  width: 240px;
  height: 300px;
  position: relative;
  z-index: 0;
}

#TB_ajaxContent.TB_modal {padding: 15px;}
#TB_ajaxContent div {
  z-index: 0;
}
#TB_ajaxContent p {
  float: left;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 245px;
  z-index: 0;
}
 #TB_closeAjaxWindow a#TB_closeWindowButton {
  background: url(../gfx/stpl_icon_sluit.png) no-repeat 0 0;  
  color: #fff;
  float: left;
  height: 50px;
  position: absolute;
  text-indent: -9999px;
  text-decoration: none;
  width: 135px;
  top: 105px;
  left:60px;
}

#TB_ajaxWindowTitle{
  display: none;
}

/* verschuift sluit-afbeelding (Leidi 0808) */
#TB_title{
  background-color: transparent;
  height: 57px;
  top: 270px;
  left: 90px;
  width: 230px;
  text-indent: -9999px;
  position: relative;
  float: left;
  z-index: 1000;
}

#TB_load{
  position: fixed;
  display: none;
  height: 13px;
  width: 208px;
  z-index: 103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; 
}

html #TB_load { /* ie6 hack */
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}


#TB_iframeContent{
  clear: both;
  border: none;
  margin-bottom: -1px;
  margin-top: 1px;
  _margin-bottom: 1px;
}

form.zoekform a.thickbox {
  font-size: 120%;
  padding:0.5em 0;
  float: left;
}

.links {list-style-type: none;}

.links span.icoon {
  background: url('http://www.schooltv.nl/plein/gfx/icon_www_l.png');
  display:block;
  width:42px;
  height:26px;
  float:left;
  margin-right: 10px;
}

.links img.icoon {
  float:left;
  margin-right: 10px;
}

.links li {clear: left;}

.afbeelding.medium.rechts,
.afbeelding.medium.rechts img {
  float: right;
  margin: 10px 0px 0px 3px;
  padding: 0px 8px 0 5px;
  vertical-align: top;
}

#inhoudSub-A .afbeelding.medium.rechts,
#inhoudSub-A .afbeelding.medium.rechts a img {
  float: right; 
  clear: left;
  margin: 12px -30px 0px 0px;
 
}

.afbeelding.medium.rechts p {
  font-size: 80%;
  margin: 5px 0px 0px 0px;  
  padding: 0px;
  text-align: right;
  width: 405px;
}

.afbeelding.medium.links {
  float: left;
  margin: 19px 0px 0px 20px;
  padding: 5px 10px 0px 0px;
}

#inhoudSub-A .paginaelement.tekst ul.stream {
   margin: 0px 0px 0px -10px;
  width: 420px;
}

#inhoudSub-A .paginaelement.tekst ul.stream li {
  background-image: url(../gfx/icons/stpl_icon_clip.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-left: 0px;
  width: 410px;
}

#inhoudSub-A .paginaelement.tekst ul.stream li a {
  margin-left: 33px;
}

#inhoudSub-A .paginaelement.tekst ul.stream li a:hover {
  text-decoration: none;
}

#inhoudSub-A .paginaelement.tekst ul.stream li p {
  margin-left: 33px;
}

.paginaelement.article,
.paginaelement.article p {
  margin: 10px 10px 10px 10px;
  padding: 0px;
  width: 405px;
}

.paginaelement.tekst,
.paginaelement.tekst p {
  margin: 10px 10px 10px 10px;
  padding: 0px;
  width: 405px;
}

.paginaelement.article h4 {
  font-size: 110%;
}

.paginaelement.article ul.links,
.paginaelement.article ul.links li {
   float: left;
  width: 405px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.paginaelement.tekst .afbeelding.medium.rechts img {
  margin-left: 10px;
}

.paginaelement.article .afbeelding.medium.links img {
  margin: 10px 0px 0px -10px;
}

.paginaelement.stream h3 a {
  font-size: 90%;
  margin: 0px 0px 0px 10px;
}

.paginaelement.stream h6 {
  font-size: 90%;
  font-variant: normal;
  margin: 0px 0px 0px 10px;
}

.paginaelement.stream li p {
  font-size: 90%;
  font-variant: normal;
  margin: 0px 0px 0px 10px;
  float: left;
}

.paginaelement.article ul.stream, .paginaelement.article ul.stream li {
  float: left;
  width: 405px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
}