@import url(/shared/css/balk/schooltv/balk.css);
/* Eigenwijzer style sheet for CSS2-capable browsers
  Version: $Id: eigenwijzer.css,v 1.79 2010/06/23 11:12:51 telnotap Exp $
  Version: MAART 2010 Volledige restyling site nav usability onderzoek Leidi Haaijer / Loes de Vos (Volkan Korkmaz) */
html, body {
  background-image: url(../gfx/elements/body_bg.png);
  margin: 0; 
  padding: 0;
}

p {      
  margin: 5px 0 5px 0;
  padding: 0;
}

p.intro { 
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0;
}

a {
  border: 0; 
/*  color: #078FBE;*/
  outline: none;
  text-decoration: none;     
}

h1, h2, h3, h4, h5, h6 {    
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

img { border: none;}

ul, dl, ol {
    margin: 0;
	 padding: 0;
}

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

body {      
/*  background-image: url('../gfx/layout/bg-squares.png');*/
  background-color: #ffffff;
  background-position: 50% 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 135%;
}

.noCss {
	/* This is used by screen readers and web scrapers. */
	display: none;
}

#sitecontainer {
	/* The div that surrounds all the actual content. */
	width: 100%;
}

#sitecontainer #main-body {
	/* This contains most of the actual content. */
	position: relative;
	top: 0px;
	float: left;
	left: 50%;
	margin-left: -476px;
	width: 771px;
}

#sitecontainer #main-body #inhoud {
/*	 NOTE: the width is 560px in the design.  540px compensates for
	   the padding. */
	background-color: #ffffff;
	border: 0px;
	border-style: none;
	margin-left: 190px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-right: 0;
	min-height: 550px;
	padding: 10px;
	width: 535px;
}

#sitecontainer #main-body #inhoud h1 {
   background-color: #0099CC;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 20px;	
	text-transform: uppercase;
	/*width: 510px;*/
}

#sitecontainer #main-body #inhoud h2 { font-weight: bold;}

/* ook de titels op de zoekresultaten pagina's*/
#sitecontainer #main-body #inhoud h3 a { 
   color: #000000;
	font-size: 110%;
	font-weight: bold;
	line-height: 90%;
	margin: 10px 0 2px 25px;
	padding: 0;
}

#sitecontainer #main-body #inhoud h3 a:hover {
   color: #078FBE;
	text-decoration: underline;
}

#sitecontainer #main-body #inhoud h4 {
	font-size: 105%;
	font-style: italic;
	line-height: 120%;
	padding: 0.25em 0 0.5em 0;
}

#sitecontainer #main-body.popupbody #inhoud {
	width: auto;
	margin-left: 0;
	padding: 10px;
	background: none;
}

#sitecontainer #main-body #inhoud hr { visibility: hidden;}

#sitecontainer #main-body #inhoud hr.infoblokken { clear: none;}

/* ======== HEADERlink ======================*/
#sitecontainer #header {	
   background-image: url(../gfx/headers/header2010.png);
	background-repeat: no-repeat;	
	height: 123px;	
	margin: auto;
	position: relative;
	top: 0px;
	width: 950px;
}

#sitecontainer #header a span.logo {
   display: block;
   font-size: 0px;  
   height: 123px;
   margin: 0;
   padding: 0;
   width: 950px;
   z-index: 100;
}

/* =================== KRUIMELPAD ========================*/
#sitecontainer #main-body #kruimelpad {
   font-size: 86%;
   height: 18px;
/*	margin-top: -3px;*/
	width: 950px;
}

#sitecontainer #main-body #kruimelpad ul {
   font-size: 86%;
	padding-left: 188px;
	text-transform: lowercase;
	margin: -11px 0 0 0;
	vertical-align: top;
}

#sitecontainer #main-body #kruimelpad ul li {	
   background-image: url('../gfx/elements/bullet-crumbseg.png');
	background-position: right center;
	background-repeat: no-repeat;
	margin: -11px 0 0 0;
	padding: 3px 10px 2px 2px;
	float: left;
}

#sitecontainer #main-body #kruimelpad ul li a { color: #000000;}
#sitecontainer #main-body #kruimelpad ul li a:hover { 
  color: #078FBE;
  text-decoration: underline;
}

#sitecontainer #main-body.popupbody {
	position: static;
	top: 0;
	float: none;
	left: 0;
	margin-left: 0;
	width: 534px;
}

#sitecontainer #main-body.popupbody .main {
	height: 100px;
	width: 534px;
	position: static;
	background-image: url('../gfx/headers/main_tiny.jpg');
}

#sitecontainer #main-body.popupbody #inhoud { position: relative;}

#sitecontainer #main-body.popupbody #inhoud .close {
	position: absolute;
	top: 10px;
	right: 10px;
	line-height: 1em;
}

#sitecontainer #main-body.popupbody #inhoud .close a {
	background-color: #2999C0;
	padding: 3px 5px;
	color: #ffffff;
	text-transform: lowercase;
	display: block;
}

#inhoud ol li a {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

#inhoud ol li a:hover {
	font-weight: bold;
	color: #078FBE;
	text-decoration: underline;
}

/*=======================LINKERkolom ======================== */
#sitecontainer #main-body #extraInhoud {
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
}

#sitecontainer #main-body #extraInhoud .blok.black {
	position: relative;
	background: none;
	margin: 0;
	padding: 0;
}

#sitecontainer #main-body #extraInhoud .blok.black h1 {
	position: absolute;
	top: -28px;
	left: 10px;
}

#sitecontainer #main-body #extraInhoud .blok.black .content {
	margin-top: 30px;
	padding: 10px 0;
	background-color: /*#B5152E*/ #666;
}

#sitecontainer #main-body #extraInhoud .blok.black img { margin-top: 0px;}
#sitecontainer #main-body #extraInhoud .blok.black .content ul { padding: 0 12px 0 8px;}
#sitecontainer #main-body #extraInhoud .blok.black .content ul li a {	
   border-top: 1px solid /*#B5152E*/ #666/* oranje*/ /*groen #027A5D*/;
	border-bottom: 1px dotted /*#FF1542*/ #e1f5ff;
   color: #ffffff;	
	display: block;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
}

#sitecontainer #main-body #extraInhoud .blok.black .content ul li a span { visibility: hidden;}

#sitecontainer #main-body #extraInhoud .blok.black .content ul li a:hover,
#sitecontainer #main-body #extraInhoud .blok.black .content ul.list li.item.hierbenik a {
   background-color: #fff;
	color: #078FBE;
	font-size: 100%;
	margin-left: -7px;
	text-indent: 7px;
	width: 173px;
}

/* ============= CONTENTELEMENTEN LINKER ZIJDE ==========================*/
#extraInhoud #blok_left1.blok.teaser,
#extraInhoud #blok_left1.blok.link_leesmeer,
#extraInhoud #blok_left1.blok.image,
#extraInhoud #blok_left2.blok.teaser,
#extraInhoud #blok_left2.blok.link_leesmeer {
   background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;
	margin-top: 13px;
	padding: 0 0 5px 0;
}

#extraInhoud #blok_left1.blok.teaser h3,
#extraInhoud #blok_left1.blok.link_leesmeer h3,
#extraInhoud #blok_left1.blok.image h3,
#kolom-b #blok_left1.blok.image h3,
#extraInhoud #blok_left2.blok.teaser h3,
#extraInhoud #blok_left2.blok.link_leesmeer h3 {
   background-color: #0099CC;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 4px 0;
	padding: 2px 2px 2px 2px;	
	text-transform: uppercase;
}

#extraInhoud #blok_left1.blok.teaser p,
#extraInhoud #blok_left1.blok.link_leesmeer p,
#extraInhoud #blok_left1.blok.image p,
#extraInhoud #blok_left2.blok.teaser p,
#extraInhoud #blok_left2.blok.link_leesmeer p {
   margin: 0;
	padding: 1px 3px 0 3px;
}

#extraInhoud #blok_left1.blok.teaser .afbeelding a img,
#extraInhoud #blok_left1.blok.link_leesmeer .afbeelding a img,
#extraInhoud #blok_left1.blok.image .afbeelding a img,
#extraInhoud #blok_left1.blok.image .afbeelding a.image img,
#extraInhoud #blok_left2.blok.teaser .afbeelding a img, 
#extraInhoud #blok_left2.blok.link_leesmeer .afbeelding a img {
   min-height: 100px; 
   margin: -4px 0 0 0;
   padding-left: 1px;
   padding-right: 1px;
   width: 173px;
}

#extraInhoud #blok_left1.blok.teaser a.leesmeer,
#extraInhoud #blok_left1.blok.link_leesmeer a.leesmeer,
#extraInhoud #blok_left2.blok.teaser a.leesmeer,
#extraInhoud #blok_left2.blok.link_leesmeer a.leesmeer {
	float: right;
	font-size: 110%;
	line-height: 12px;
	margin: 0;
	padding: 3px;
}

#extraInhoud #blok_left1.blok.teaser a:hover.leesmeer,
#extraInhoud #blok_left1.blok.link_leesmeer a:hover.leesmeer,
#extraInhoud #blok_left1.blok.image p a:hover,
#extraInhoud #blok_left2.blok.teaser a:hover.leesmeer,
#extraInhoud #blok_left2.blok.link_leesmeer a:hover .leesmeer {
   color: #fff;
   text-decoration: underline;
}
/*============== CONTENTELEMENTEN RECHTER ZIJDE ==========================*/
#sitecontainer #kolom-b {
	float: left;	
	left: 50%;
	margin-bottom: 10px;
	position: relative;
	top: 1px;
	width: 180px;
}

#sitecontainer #kolom-b #blok_right1.blok.link_leesmeer,
#sitecontainer #kolom-b #blok_right1.blok.image  {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;  
	min-height: 170px;
	margin-top: 27px;
	margin-bottom: 5px;
	padding: 0;
	width: 180px;
}

/* CONTENTELEMENT alleen een afbeelding = link */
.home.default #sitecontainer #kolom-b #blok_right1.blok.image  {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
   min-height: 101px;
	margin: 13px 0 0 0;
	padding: 1px 0 0 0;
	width: 180px;
}

#sitecontainer #kolom-b #blok_right1.blok.image h3 {
   background-color: #0099CC;
/*	font-size: 0px;*/
	min-height: 4px;
	margin: 0;
	padding: 0;
}


#sitecontainer #kolom-b #blok_right2.blok.link_leesmeer,
#sitecontainer #kolom-b #blok_right2.blok.image,
.home.default #sitecontainer #kolom-b #blok_right2.blok.image,
#sitecontainer #kolom-b #blok_right2.blok.linkset {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;  
	min-height: 184px;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 0;
	width: 180px;
}

#sitecontainer #kolom-b #blok_right3.blok.link_leesmeer,
#sitecontainer #kolom-b #blok_right3.blok.image,
#sitecontainer #kolom-b #blok_right3.blok.linkset {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;  
	min-height: 184px;
	margin-top: 7px;
	margin-bottom: 3px;
	padding: 0;
	width: 180px;
}

#sitecontainer #kolom-b #blok_right4.blok.image {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;  
	min-height: 184px;
	margin-top: 10px;
	margin-bottom: 13px;
	padding: 0;
	width: 180px;
}

#sitecontainer #kolom-b #blok_right1.blok h3,
#sitecontainer #kolom-b #blok_right2.blok h3,
#sitecontainer #kolom-b #blok_right2.blok.image h3,
#sitecontainer #kolom-b #blok_right2.blok.linkset h3,
#sitecontainer #kolom-b #blok_right3.blok.link_leesmeer h3,
#sitecontainer #kolom-b #blok_right3.blok.image h3,
#sitecontainer #kolom-b #blok_right4.blok.image h3 {
   background-color: #0099CC;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	min-height: 10px;
	margin: 0 0 4px 0;
	padding: 2px 2px 2px 4px;	
	text-transform: uppercase;
}

#sitecontainer #kolom-b #blok_right3.blok.linkset h3 { height: 0;}

#sitecontainer #kolom-b #blok_right1.blok p,
#sitecontainer #kolom-b #blok_right2.blok p,
#sitecontainer #kolom-b #blok_right2.blok.image p,
#sitecontainer #kolom-b #blok_right3.blok.link_leesmeer p,
#sitecontainer #kolom-b #blok_right3.blok.linkset p,
#sitecontainer #kolom-b #blok_right3.blok.image p,
#sitecontainer #kolom-b #blok_right4.blok.image p,
.home.default #sitecontainer #kolom-b #blok_right4.blok.image p {
   margin: 0;
	padding: 1px 3px 0 3px;
	white-space: normal;
}

#sitecontainer #kolom-b #blok_right1.blok .afbeelding a img,
#sitecontainer #kolom-b #blok_right2.blok .afbeelding a img,
#sitecontainer #kolom-b #blok_right2.blok.linkset p img,
#sitecontainer #kolom-b #blok_right2.blok.image p a,
#sitecontainer #kolom-b #blok_right2.blok.image .afbeelding a.image img,
#sitecontainer #kolom-b #blok_right3.blok.linkset p img,
#sitecontainer #kolom-b #blok_right3.blok.link_leesmeer .afbeelding a img,
#sitecontainer #kolom-b #blok_right3.blok.image .afbeelding a img,
#sitecontainer #kolom-b #blok_right4.blok.image .afbeelding a.image img,
.home.default #sitecontainer #kolom-b #blok_right4.blok.image .afbeelding a img {
   color: #fff;
	float: right;
   min-height: 100px; 
   margin: -4px 0 0 0;
   padding-left: 1px;
   padding-right: 1px;
   width: 178px;
}

#sitecontainer #kolom-b #blok_right1.blok.link_leesmeer a.leesmeer,
.home.default #sitecontainer #kolom-b #blok_right1.blok.image p a,
#sitecontainer #kolom-b #blok_right2.blok.link_leesmeer a.leesmeer,
#sitecontainer #kolom-b #blok_right3.blok.link_leesmeer a.leesmeer, 
#sitecontainer #kolom-b #blok_right3.blok.image p a,
#sitecontainer #kolom-b #blok_right4.blok.image p a {
   background-color: #0099CC;
	color: #fff;
	float: right;
	font-size: 110%;	
	font-weight: bold;
   padding: 5px;
	margin: 0;
}

#sitecontainer #kolom-b #blok_right1.blok a:hover.leesmeer,
#sitecontainer #kolom-b #blok_right2.blok a:hover.leesmeer,
#sitecontainer #kolom-b #blok_right3.blok.link_leesmeer a:hover.leesmeer,
.home.default #sitecontainer #kolom-b #blok_right1.blok.image p a:hover,
#sitecontainer #kolom-b #blok_right3.blok.image p a:hover,
#sitecontainer #kolom-b #blok_right4.blok.image p a:hover { 
   /*color: #078FBE;*/
   text-decoration: underline;
}

.home.default #sitecontainer #kolom-b #blok_right1.blok.link_leesmeer {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;  
	min-height: 184px;
	margin-top: 13px;
	margin-bottom: 5px;
	padding: 0;
}

/* ============== RECHTERKOLOM Poll =============== */
#sitecontainer #kolom-b #blok_right2.blok.poll {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
   font-size: 86%;	
	line-height: 125%;
	margin-top: 7px;
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	width: 180px;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll h4 {
   font-size: 110%;
   font-weight: normal;
	/*font-style: italic;*/
   line-height: 14px;	
	margin: 0;
	padding-left: 4px;
	padding-bottom: 5px;
	width: 180px;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll .afbeeldingpoll img {
   display: inline;
	float: left;
   min-height: 100px; 
   margin: 0;
   padding-left: 1px;
   padding-right: 1px;
   width: 178px;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset {
   display: inline;
	margin: 3px 0 0 0;
   padding-left: 1px;
   padding-right: 1px;
	width: 178px;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset p {
	margin: 0;
	padding: 0;	
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset p.antwoord.stem {
   background-color: #fff;
   background-image: url(../gfx/layout/box-poll-bg.png);
   background-repeat: repeat-x;
   background-position: top left;
   color: #000;
   line-height: 13px;	
	margin: 0 0 4px 0;
	padding: 2px;
	vertical-align: top;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset p.antwoord.stem .radiopoll {
	margin: 0;
	padding: 0;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset a {
	color: #fff;
	float: right;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding-right: 4px;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset a:hover { text-decoration: underline;}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset input.stemknop {
	background-color: transparent;
	/*color: transparent;*/
	background-image: url('../gfx/elements/poll-stem32.png');
	border: none;
	font-size: 0;
	height: 21px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 8px;
	margin-top: 6px;
	text-indent: -9999px;
	width: 49px;
}

#sitecontainer #kolom-b #blok_right2.blok.poll .paginaelement.poll form.poll fieldset input.stemknop:hover { background-image: url('../gfx/elements/poll-stem32_hover.png');}


/* ===================== RECHTERKOLOM EXTRA INFO bij INFOBLOKKEN ==========================*/
#sitecontainer #kolom-b .blok.t_infoblock_related { 
   background-color: #0099CC;
   margin: 0;
	padding: 3px 0 3px 0;
}

#sitecontainer #kolom-b .blok.t_infoblock_related h4 {
   background-color: #fff;		
	background-position: top left;	
	background-repeat: no-repeat;
	color: #0099CC;	
	font-weight: bold;
	line-height: 15px;
	padding: 5px 0 5px 30px;
	text-transform: uppercase;
}

/*#sitecontainer #kolom-b .blok.t_infoblock_related div:last-child {margin-bottom: 0;}*/
#sitecontainer #kolom-b .blok.t_infoblock_related .links h4 { background-image: url(../gfx/icons/icon-link32_b.png);}
#sitecontainer #kolom-b .blok.t_infoblock_related .attachments h4 { background-image: url('../gfx/icons/icon-project32_b.png');}
#sitecontainer #kolom-b .blok.t_infoblock_related .streams.video h4 { background-image: url('../gfx/icons/icon-video32_b.png');}
#sitecontainer #kolom-b .blok.t_infoblock_related .streams.audio h4 { background-image: url('../gfx/icons/icon-audio32_b.png');}
#sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank h4 { background-image: url('../gfx/icons/icon-video32_b.png');}
/*#sitecontainer #kolom-b .blok.t_infoblock_related dl dt*/ {
	background-image: url('../gfx/elements/bullet-submenu.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#sitecontainer #kolom-b .blok.t_infoblock_related dl dd { display: none;}
#sitecontainer #kolom-b .blok.custom p.nothing-found { margin-top: 5px;}
#sitecontainer #kolom-b .blok.custom p.nothing-found a { color: white;}

.home.default #sitecontainer #kolom-b #zoekformulier,
#sitecontainer #kolom-b #zoekformulier {
   background-color: transparant;
	width: 400px;
	height: 50px;
/*	background-image: url('../gfx/elements/searchform-bg.png');*/
	border: none;
	padding: 0;
	margin: -70px 0 0 -220px;
}

#sitecontainer #kolom-b #zoekformulier .searchvalueinput {	
   background-color: transparent;
   background-image: url(../gfx/elements/search-bg-input.png);
	background-repeat: no-repeat;
	border: 0;	
	color: #000;
	font-size: 110%;
	font-weight: bold;
	height: 26px;
	left: 0;
	padding: 5px 0 0 5px;
	position: absolute;
	margin: 20px 0 0 -234px;
	width: 380px;
}

#sitecontainer #kolom-b #zoekformulier .searchbutton {
   background: url(../gfx/elements/search-but-bg.png) no-repeat top left;
	border: 0;
	cursor: hand;	cursor:pointer;		
	font-size: 1px;
	height: 26px;
	left: 143px;	
	line-height: 1px;
	margin: -89px 0 0 0;	
	overflow: hidden;
	padding: 0;	
	position: absolute;
	text-indent: -4096px;
	top: 39px;	
	width: 24px;
}

#sitecontainer #kolom-b #zoekformulier .searchbutton:hover {
   background: url(../gfx/elements/search-but-bg_hover.png) no-repeat top left;
	border: 0;
	cursor: hand;	cursor:pointer;		
	font-size: 1px;
	height: 26px;
	left: 143px;	
	line-height: 1px;
	margin: -89px 0 0 0;	
	overflow: hidden;
	padding: 0;	
	position:absolute;
	text-indent: -4096px;
	top: 39px;	
	width: 24px;
}

.uitzendinggemist.default #sitecontainer #kolom-b #zoekformulier .searchbutton {
   background: url(../gfx/elements/search-but-bg.png) no-repeat top left;
	background-color: transparant;
	border: 0;
	cursor: hand;		
	font-size: 0px;
	height: 26px;
   left: 143px;
	line-height: 1px;
	margin: -89px 0 0 0;	
	overflow: hidden;
	padding: 0;	
	position: absolute;
	text-indent: /*-4096px*/0;
	top: 39px;	
	width: 24px;
}

.uitzendinggemist.default #sitecontainer #kolom-b #zoekformulier .searchbutton:hover {
   background: url(../gfx/elements/search-but-bg_hover.png) no-repeat top left;
	background-color: transparant;
	border: 0;
	cursor: hand;		
	font-size: 0px;
	height: 26px;
   left: 143px;
	line-height: 1px;
	margin: -89px 0 0 0;	
	overflow: hidden;
	padding: 0;	
	position: absolute;
	text-indent: /*-4096px*/0;
	top: 39px;	
	width: 24px;
}
/*
#kolom-b .paginaelement.stream h3 a {
	text-decoration: underline;
	color: #1A434A;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 74%;
}*/

#kolom-b .paginaelement.stream h3 a:hover {
	text-decoration: underline;
	color: #078FBE;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 74%;
}

#sitecontainer #main-body #extraInhoud .blok a {
	color: #fff;	
	font-weight: bold;
/*	text-decoration: underline;*/
}

#sitecontainer #main-body #extraInhoud .blok a:hover {
	text-decoration: underline;
	color: #078FBE;
}

#kolom-b .blok a.link_programma:hover {
	text-decoration: underline;
	color: #078FBE;
	font-weight: bold;
}

/*===================== menuLINKSboven =======================*/
#sitecontainer #main-body #extraInhoud ul#hoofdnavigatie {
   font-size: 0;
	margin: 7px 0 0 0;
	padding-bottom: 5px;
}

#sitecontainer #main-body #extraInhoud ul#hoofdnavigatie li a { 
   display: block;
	margin: 0;
	padding: 0;
}

/* ========================menuLINKSboven HOME ============== */
#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav1.menu a {
	background-image: url(../gfx/elements/home.png);
	background-repeat: no-repeat;		
	height: 33px;
	width: 170px;
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav1.menu a:hover {
	background-image: url(../gfx/elements/home_hover.png);
	background-repeat: no-repeat;		
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav1.menu.hierbenik a {
	background-image: url(../gfx/elements/home_hierbenik.png);
	background-repeat: no-repeat;		
}

/* ======================menuLINKSboven TESTjeZELF =========================*/
#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav2.menu a {
	background-image: url('../gfx/elements/testjezelf.png');	
	height: 30px;
	width: 170px;
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav2.menu a:hover {
	background-image: url('../gfx/elements/testjezelf_hover.png');
	background-repeat: no-repeat;		
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav2.menu.hierbenik a {
	background-image: url('../gfx/elements/testjezelf_hierbenik.png');
	background-repeat: no-repeat;		
}

/* =========================menuLINKSboven SPELLEN =========================*/
#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav3.menu a {
	background-image: url('../gfx/elements/spellen.png');
	background-repeat: no-repeat;
	height: 32px;	
	width: 170px;
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav3.menu a:hover {
	background-image: url(../gfx/elements/spellen_hover.png);
	background-repeat: no-repeat;		
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav3.menu.hierbenik a {
	background-image: url(../gfx/elements/spellen_hierbenik.png);
	background-repeat: no-repeat;		
}

/* ====================== menuLINKSboven UITZENDING GEMIST ====================*/
#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav4.menu a {
	background-image: url('../gfx/elements/uitzgemist.png');
	background-repeat: no-repeat;
	height: 33px;	
	width: 170px;
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav4.menu a:hover {
	background-image: url(../gfx/elements/uitzgemist_hover.png);
	background-repeat: no-repeat;		
}

#sitecontainer #main-body #extraInhoud #hoofdnavigatie li#nav4.menu.hierbenik a {
	background-image: url(../gfx/elements/uitzgemist_hierbenik.png);
	background-repeat: no-repeat;		
}

/* ============================= ZIJmenuRECHTS ========================== */
#kolom-b ul.zijMenuRechts {
	margin-top: -140px;	
	position: absolute;
	right: -1px;
}

#kolom-b ul.zijMenuRechts li {
	float: right;
	display: inline;
}

/* =============================== RSS feed knoppen ======================== */
#sitecontainer #kolom-b ul.zijMenuRechts li.nav1 a {
	background-image: url(../gfx/elements/rss.png);
	background-position: top left;
	background-repeat: no-repeat;
	display: inline;
	float: right;
	font-size: 0px;
	height: 21px;
	margin: 20px 7px 0 0;
	padding: 0;
	width: 20px;
}

#sitecontainer #kolom-b ul.zijMenuRechts li.nav1 a:hover { background-image: url(../gfx/elements/rss_hover.png);}

.vak.default #sitecontainer #main-body #inhoud .opties a.rss span { 
	background-image: url(../gfx/elements/rss2.png);
	background-position: top right;
	background-repeat: no-repeat;
   float: right;
	font-size: 0px;
   height: 21px;
	margin: -5px -15px 0 0;
	padding: 0;
   width: 20px;
}

.vak.default #sitecontainer #main-body #inhoud .opties a:hover.rss span { background-image: url(../gfx/elements/rss_hover.png);}

.vak.default.item #sitecontainer #main-body #inhoud .opties a.rss span { 
   visibility: hidden;
}

/* ================== PRINTknoppen ====================================*/
.vak #sitecontainer #main-body #inhoud .opties a.print,
.infoblok #sitecontainer #main-body #inhoud .opties a.print,
.vervolg #sitecontainer #main-body #inhoud .opties a.print,
.opdrachten.default #sitecontainer #main-body #inhoud .opties a.print {
   background-color: #000;
	color: #fff;
	float: right;
	font-variant: small-caps;
	font-weight: normal;
	height: 14px;
	margin: -5px -15px 0 /*15px*/0;
	padding: 1px 2px 6px 8px;
	width: 35px;
}

.home.default #sitecontainer #main-body #inhoud .opties a.print,
.homepage.default #sitecontainer #main-body #inhoud .opties a.print {
   background-color: #000;
	color: #fff;
	float: right;
	font-variant: small-caps;
	font-weight: normal;
	height: 14px;
	margin: -5px -10px 0 10px;
	padding: 1px 2px 6px 8px;
	width: 35px;
}

.home.default #sitecontainer #main-body #inhoud .opties a:hover.print,
.homepage.default #sitecontainer #main-body #inhoud .opties a:hover.print,
.vak #sitecontainer #main-body #inhoud .opties a:hover.print,
.infoblok #sitecontainer #main-body #inhoud .opties a:hover.print,
.vervolg #sitecontainer #main-body #inhoud .opties a:hover.print,
.opdrachten #sitecontainer #main-body #inhoud .opties a:hover.print { text-decoration: underline;}

#sitecontainer #main-body #inhoud #prjzoekformulier {
	padding: 0;
	margin: 0;
	border: none;
}

#sitecontainer #main-body #inhoud #prjzoekformulier .searchvalueinput {
	background-image: url('../gfx/elements/search-grey-bg.png');
	background-repeat: no-repeat;
	background-position: center right;
	border: none;
	background-color: #dddddd;
	padding: 5px 0 5px;
	margin: 0 0 0 0;
}

#sitecontainer #main-body #inhoud #prjzoekformulier .searchbutton {
	display: none;
	background: #dddddd;
	background-image: url('../gfx/elements/search-grey-bg.png');
	background-repeat: no-repeat;
	background-position: top left;
	border: 0;
	width: 17px;
	height: 26px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	text-indent: -4096px;
	cursor:pointer;
	cursor:hand;
	margin-left: -4px;
	padding: 13px 0 5px;
}

#sitecontainer #main-body #inhoud .data h3 {
	padding: 3px 0 0 0;
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
	background-image: url('../gfx/icons/icon-video32.png');
	background-position: 0% 0px;
	background-repeat: no-repeat;
	padding-left: 25px;
}

#sitecontainer #main-body #inhoud .data h4 {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}

#sitecontainer #main-body #inhoud .data {
	float: left;
	width: 100%;
	vertical-align: top;
	font-size: 86%;
	background-image: url('../gfx/layout/box-lblue-bg.png');
	background-repeat: repeat-x;
	background-color: #c5e9f3;
	padding: 4px 4px;
	margin: 16px 0;
	/*clear: both;*/
}

#sitecontainer #main-body #inhoud .data a {
	color: #155673;
	font-weight: bold;
	text-decoration: underline;
}

#sitecontainer #main-body #inhoud table.data th {
	padding-right: 2em;
	text-align: left;
}

#sitecontainer #main-body #inhoud .cols {
	margin-left: -10px;
	height: 6.6em;
	padding-bottom: 8px;
}

#sitecontainer #main-body #inhoud .col {
	margin-left: 10px;
	font-size: 86%;
	height: 100%;
	float: left;
	width: 127px;
	background-image: url('../gfx/layout/box-lblue-bg.png');
	background-repeat: repeat-x;
	background-color: #c5e9f3;
	padding: 4px 0;
}

#sitecontainer #main-body #inhoud .col li a {
	color: #000000;
	background-image: url('../gfx/elements/bullet-blue-crumb.png');
	display: block;
	background-repeat: no-repeat;
	background-position: 4px center;
}

#sitecontainer #main-body #inhoud .col li a:hover { color: #078FBE;}

#sitecontainer #main-body #inhoud .col li a span { margin-left: 12px;}

#sitecontainer #main-body #inhoud .items .item {
	position: relative;
	padding: 5px;
}

#sitecontainer #main-body #inhoud .items .item.even { background-color: #eeeeee;}
#sitecontainer #main-body #inhoud .items .item .image { position: absolute;}
#sitecontainer #main-body #inhoud .items .item .rest { padding-left: 55px;}
#sitecontainer #main-body #inhoud .items .item .rest h1 { font-size: 120%;}
#sitecontainer #main-body #inhoud .items .item .rest a { color: #000000;}
#sitecontainer #main-body #inhoud .items .item .rest a:hover {
	color: #078FBE;
	text-decoration: underline;
}

#sitecontainer #main-body #inhoud .items .item .rest p {
	font-size: 86%;
	line-height: 135%;
}

#sitecontainer #main-body #inhoud .items .item .rest p.vak { font-style: italic;}

#sitecontainer #main-body #inhoud .paginering {
  display: block;
  text-align: center;
  margin: 5px 0 5px 0;
  padding: 0;
}

#sitecontainer #main-body #inhoud .pagerleft ul.paginering {
  display: block;
  text-align: center;
  margin: -10px 0 0 0;
  padding: 0;
}

#sitecontainer #main-body #inhoud .paginering li { display: inline;}

#sitecontainer #main-body #inhoud .paginering li a {
  display: inline;
  color: #000;
  font-size: 80%;
  text-decoration: none;
}

#sitecontainer #main-body #inhoud .paginering li a:hover { 
  color:#078FBE;
  text-decoration: underline;
}

#sitecontainer #main-body #inhoud .paginering li a .arrow { display: none;}

#sitecontainer #main-body #inhoud .paginering li a.vorigepagina {
  margin-right: 1em;
  background-image: url('../gfx/elements/bullet-arr-right.png');
  background-position: 0% 70%;
  background-repeat: no-repeat;
  color: #000;
  font-size: 80%;
  padding-left: 18px;
}

#sitecontainer #main-body #inhoud .paginering li a:hover.vorigepagina { 
  color:#078FBE;
  text-decoration: underline;
}

#sitecontainer #main-body #inhoud .paginering li a.volgendepagina {
  background-image: url('../gfx/elements/bullet-arr-left.png');
  background-position: 100% 70%;
  background-repeat: no-repeat;  
  color:#000;
  font-size: 80%;
  margin-left: 1em;
  padding-right: 18px;
  text-decoration: none;
}

#sitecontainer #main-body #inhoud .paginering li a:hover.volgendepagina { 
  color:#078FBE;
  text-decoration: underline;
}

/* ======== HOMEPAGE FlashOBJECT ======================*/
.homepage.default #sitecontainer #main-body #inhoud { 
/*   background-color: #ff0000;*/
   /*height: 100%;*/
  	margin-left: 190px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-right: 0;
	padding: 10px;
	width: 540px;
}

.homepage.default object.flashobject {
   margin: 0;
   padding: 0;
}

/* ======== HOMEPAGE Nieuwsblok ======================*/
.homepage.default #sitecontainer #main-body #inhoud #blok_voornieuws1.paginaelement.blok.banner a img {
	margin: 0;
	padding: 7px 0 0 0; 
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws {
	background-color: #fff;
	border-bottom: 2px dotted #0099CC;
	font-size: 100%;
	/*height: 200px;*/
	padding-bottom: 10px;
	margin: 0 0 10px 0;
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws h3 {
	background-color: #0099CC;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	margin: 7px 0 4px 0;
	padding: 2px 2px 2px 4px;	
	text-transform: uppercase;
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws .paginaelement.article {
/*   display: inline-blok;*/
   margin: 0;
	padding: 0;
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws .paginaelement.article h3 {
   background-color: #fff;
	color: #000;
	float: left;
	font-weight: normal;
	font-size: 95%;
	font-weight: bold;
	line-height: 10px;
	margin: /*-7px 0 0 -13px*/0;
	padding: 0;	
	text-transform: none;
	width: 460px;
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws .paginaelement.article h3 a {
	margin: 0;
	padding: 0;
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws .paginaelement.article p.intro {
   clear: both;
	display: inline-block;
	font-weight: normal;
	height: 30px;
   line-height: 14px;
	margin: 0 0 0 -1px ;
	padding: 4px 0 10px 0;
	width: 450px;
	z-index: -10;
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws .paginaelement.article .afbeelding.klein.rechts a img {
   float: right;
   height: 45px; 
	width: 75px; 
	margin: 0;
	padding: 0 0 3px 5px; 
} 

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws .paginaelement.article .leesmeer a span {
  display: block;
  float: right;
  font-size: 85%;
  font-weight: bold;
  height: 15px;
  margin: -16px 75px 0 0;
  padding: 0 3px 10px 0;
  width: 80px;
  z-index: 100;
}

.homepage.default #sitecontainer #main-body #inhoud .paginaelement.nieuws .paginaelement.article .leesmeer a:hover span {
  color: #078FBE;
  height: 15px;
  text-decoration: underline;
  width: 80px;
}

/* ======== HOMEPAGE Laatste infoblokken ======================*/
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any {
   background-color: #fff;
   display: block;
   clear: right;
	float: left;
	margin: 0;
	padding: 0;
	width: 265px;
}

.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any {
   background-color: #fff;
   clear: left;
   display: block;
	float: right;
	width: 265px;
	margin: 0;
	padding: 0;
}

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any h3 {
	background-color: #0099CC;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	float: left;
	margin: 0;
	padding: 2px 2px 2px 6px;	
	text-transform: uppercase;
	width: 265px;
}

.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any h3 {
	background-color: #0099CC;
	color: #ffffff;
	float: right; 
	font-weight: bold;
	font-size: 110%;
	margin-top: -187px;
	padding: 2px 2px 2px 6px;	
	text-transform: uppercase;
	width: 265px;
}

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul {
   background-color: /*gray*/#fff;	
	border-bottom: 2px dotted #0099CC;
	margin: 18px 0 10px 0;
	padding: 8px 0 5px 2px;		
	vertical-align: top;
	width: 271px;
}

.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul {
   background-color: /*lime*/#fff;
	border-bottom: 2px dotted #0099CC;
   margin: -161px 0 10px 0;
	padding: 0 0 5px 2px;		
	vertical-align: top;
	width: 263px;
}

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_infoblock a,
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_project a,
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_page a,
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_stream a, 
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_flash a,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_infoblock a,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_project a,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_page a,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_stream a, 
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_flash a,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_exercise a {
	color: #000;
	font-size: 105%;
}

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_infoblock a:hover,
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_project a:hover,
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_page a:hover,
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_stream a:hover, 
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_flash a:hover,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_infoblock a:hover,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_project a:hover,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_page a:hover,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_stream a:hover, 
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_flash a:hover,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_exercise a:hover {
  color: #078FBE;
  text-decoration: underline;
}

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_infoblock,
.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_page {
   background-image: url('../gfx/icons/icon-infoblock.png');
	background-repeat: no-repeat;
	font-size: 80%;
	height: 24px;
	text-indent: 25px;
	margin: 0;
	padding: 0;
} 

.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_infoblock,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_page {
   background-image: url('../gfx/icons/icon-infoblock.png');
	background-repeat: no-repeat;
	font-size: 80%;
	height: 24px;
	text-indent: 25px;
	margin: 0;
	padding: 0;
} 

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_project,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_project {
   background-image: url('../gfx/icons/icon-project.png');
	background-repeat: no-repeat;
	font-size: 80%;
	height: 24px;
	text-indent: 25px;
	margin: 0;
	padding: 0;
} 

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_flash,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_flash {
   background-image: url('../gfx/icons/icon-game.png');
	background-repeat: no-repeat;
	font-size: 80%;
	height: 24px;
	text-indent: 25px;
	margin: 0;
	padding: 0;
} 

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_stream,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_stream {
   background-image: url('../gfx/icons/icon-video.png');
	background-repeat: no-repeat;
	font-size: 80%;
	height: 24px;
	text-indent: 25px;
	margin: 0;
	padding: 0;
} 

.homepage #main-body #inhoud #blok_lijst1.paginaelement.blok.link_any ul li.link.t_exercise,
.homepage #main-body #inhoud #blok_lijst2.paginaelement.blok.link_any ul li.link.t_exercise {
   background-image: url(../gfx/icons/icon-test.png);
	background-repeat: no-repeat;
	font-size: 80%;
	height: 24px;
	text-indent: 25px;
	margin: 0;
	padding: 0;
} 

/* ===== LOSSTAANDE informatiepagina, bv. een nieuwsitem op de hpage, footerpagina's  ====*/
.homepage #sitecontainer #main-body #inhoud .article h1#beginInhoud {
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 22px;
	margin: -21px 0 0 -10px;
	text-transform: uppercase;
	padding: 0 0 0 4px;
	width: 512px;		
}

.homepage #sitecontainer #main-body #inhoud .article p.intro {
	margin: 0;
	padding: 25px 0 0 0;
}

.homepage #sitecontainer #main-body #inhoud .article p {
   line-height: 15px;
	margin: 0;
	padding: 5px 0 5px 0;
}

.homepage #sitecontainer #main-body #inhoud .article .afbeelding.medium.rechts a img {
	margin: 10px 0 0 0;
	padding: 3px 0 5px 5px;
}

.homepage #sitecontainer #main-body #inhoud .article .paginaelement.stream object.flashobject {
   margin: 10px 0 0 0;
   padding: 0;
}

.homepage #sitecontainer #main-body #inhoud .article ul.infoblokken li {
	background-image: url(../gfx/icons/icon-infoblock32.png);
   background-repeat: no-repeat;
   background-position: top left;
	height: 21px;
	margin: 3px 0 3px 6px;
	padding: 0 0 0 25px;
}

.homepage #sitecontainer #main-body #inhoud .article ul.links li {
	background-image: url(../gfx/icons/icon-link32.png);
   background-repeat: no-repeat;
   background-position: top left;
	height: 21px;
	margin: 3px 0 3px 6px;
	padding: 0 0 0 25px;
}

.homepage #sitecontainer #main-body #inhoud .article ul.projecten li {
	background-image: url(../gfx/icons/icon-project32.png);
   background-repeat: no-repeat;
   background-position: top left;
	height: 21px;
	margin: 3px 0 3px 6px;
	padding: 0 0 0 25px;
}

.homepage #sitecontainer #main-body #inhoud .article ul.projecten li a,
.homepage #sitecontainer #main-body #inhoud .article ul.links li a,
.homepage #sitecontainer #main-body #inhoud .article ul.infoblokken li a,
.homepage #sitecontainer #main-body #inhoud .article ul.attachments li a {
	color: #078FBE;
   font-weight: bold;
}

.homepage #sitecontainer #main-body #inhoud .article ul.projecten li a:hover,
.homepage #sitecontainer #main-body #inhoud .article ul.links li a:hover,
.homepage #sitecontainer #main-body #inhoud .article ul.infoblokken li a:hover,
.homepage #sitecontainer #main-body #inhoud .article ul.attachments li a:hover {
   text-decoration: underline;
}

.service #sitecontainer #main-body #inhoud,
.widget #sitecontainer #main-body #inhoud { width: 530px;}

.email #sitecontainer #main-body #inhoud { width: 540px;}

.service #sitecontainer #main-body #inhoud .article h1#beginInhoud {
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 22px;
	margin: -5px 0 0 -5px;
	text-transform: uppercase;
	padding: 0 0 0 4px;
	width: 540px;		
}

.email #sitecontainer #main-body #inhoud h1#beginInhoud,
.widget #sitecontainer #main-body #inhoud h1#beginInhoud/*,
.sitemap #sitecontainer #main-body #inhoud h1#beginInhoud */{
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 22px;
	margin: -5px 0 0 -5px;
	text-transform: uppercase;
	padding: 0 0 0 4px;
	width: 540px;		
}

.sitemap #sitecontainer #main-body #inhoud h1#beginInhoud {
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 22px;
	margin: -5px 0 10px -5px;
	text-transform: uppercase;
	padding: 0 0 0 4px;
	width: 540px;		
}

.service #sitecontainer #main-body #inhoud .article h4 {
   font-size: 110%;
	font-style: normal;
   font-weight: bold;
	line-height: 12px;
	margin: /*10px 0 0 */0;
	padding: 20px 0 0 0;
}

.service #sitecontainer #main-body #inhoud .article p.intro {
	margin: 0;
	padding: 25px 0 0 0;
}

.service #sitecontainer #main-body #inhoud .article .paginaelement.tekst h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
}

.service #sitecontainer #main-body #inhoud .article .paginaelement.tekst p {
	margin: 0;
	padding: 0;
}

.service #sitecontainer #main-body #inhoud .article .paginaelement.tekst p a {
   color: #078FBE;
   font-size: 100%;
	font-style: normal;
   font-weight: bold;
	margin: 0;
	padding: 0;
}

.service #sitecontainer #main-body #inhoud .article .paginaelement.tekst p a:hover { text-decoration: underline;}

.sitemap #sitecontainer #main-body #inhoud h2 {
   font-size: 110%;
   font-weight: bold;
   margin: 5px 0 0 0;
	padding: 5px 0 2px 0;
}

.sitemap #sitecontainer #main-body #inhoud ul {
   font-size: 100%;
   font-weight: bold;
   margin: 0 0 0 10px;
	padding: 0 0 5px 0;
}

.sitemap #sitecontainer #main-body #inhoud ul li a { color: #078FBE;}

.sitemap #sitecontainer #main-body #inhoud ul li a:hover { text-decoration: underline;}

.email #sitecontainer #main-body #inhoud .paginaelement.tekst p,
.widget #sitecontainer #main-body #inhoud .paginaelement.tekst p {
	margin: 30px 0 10px 0;
	padding: 0;
}

.email #sitecontainer #main-body #inhoud .emailForm fieldset {
   border: 0;
	margin: 5px 0 0 20px;
	padding: 0;
}

.email #sitecontainer #main-body #inhoud .emailForm fieldset p label {
   font-weight: bold;
	height: 23px;
	width: 70px;
}

.email #sitecontainer #main-body #inhoud form.emailForm fieldset p #naam,
.email #sitecontainer #main-body #inhoud form.emailForm fieldset p #email,
.email #sitecontainer #main-body #inhoud form.emailForm fieldset p #titel,
.email #sitecontainer #main-body #inhoud form.emailForm fieldset p #bericht { 
   font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 400px;
}

.email #sitecontainer #main-body #inhoud form.emailForm fieldset input#action { 
   background-color: transparent;
   background-image: url(../gfx/elements/verstuur.png);
	background-repeat: no-repeat;
	border: 0;
   float: right;
	font-size: 0;
	height: 32px;
	width: 101px;
	margin: 10px 43px 0 0;
	padding: 0;
}

.email #sitecontainer #main-body #inhoud form.emailForm fieldset input#action:hover { 
   background-color: transparent;
   background-image: url(../gfx/elements/verstuur_over.png);
	background-repeat: no-repeat;
}

.widget.default #main-body #inhoud form input { 
   font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
   width: 520px;
}

.widget.default #main-body #inhoud form input#ewsearchbutton { width: 71px;}

.widget.default #main-body #inhoud form input#ewsearchbox { width: 120px;}

/* ======== SPELLEN en OPDRACHTEN {TESTJEZELF} pagina's (ook in een DOSSIER) =================*/

/* =========== om verspringing te voorkomen en de WITTE achtergrond =====*/
/* =========== vd MIDDENcontent een minimum lengte mee te geven =========*/
.spellen #sitecontainer #main-body #inhoud,
.opdrachten #sitecontainer #main-body #inhoud {
   background-color: #ffffff;
   min-height: 580px;
	width: 535px;
}

.spellen #sitecontainer #main-body #inhoud .spellen .paginaelement.flash, 
.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise {
   background-image: url(../gfx/elements/bg_quiz_opdracht.png);
   background-repeat: repeat-x;
	background-position: 0 100px;
	float: left;
	height: 157px;
	margin: 0 0 10px 8px;
	overflow: hidden;
	padding: 3px;
	position: relative;
	width: 163px;
}

.spellen #sitecontainer #main-body #inhoud h1 {
	background-image: url('../gfx/icons/icon-game32.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 21px;
	margin: -5px 0 0 -10px;
	padding-left: 25px;	
	text-transform: uppercase;
	width: 535px;		
}

.opdrachten #sitecontainer #main-body #inhoud h1 {
   background-color: #0099CC;
	background-image: url(../gfx/icons/icon-test32.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 21px;
	margin: -5px 0 0 -10px;
	padding-left: 25px;	
	text-transform: uppercase;
	width: 535px;
}

.spellen #sitecontainer #main-body #inhoud .pagerright,
.opdrachten #sitecontainer #main-body #inhoud .pagerright {
   color: #155673;
   font-weight: bold;
	margin: 0 0 10px 0; 
	padding: 0;
}

.spellen #sitecontainer #main-body #inhoud .spellen .paginaelement.flash h6, 
.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise h6 {	
	font-size: 85%;
	font-weight: normal;
	line-height: 98%;
	margin: 4px 0 0 0;
	padding-top: 0;
}

.spellen #sitecontainer #main-body #inhoud .spellen .paginaelement.flash p.intro,
.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise p.intro {
   font-size: 85%;
	font-weight: normal;
	line-height: 98%;
	margin: 4px 0 0 0;
	padding-top: 0;
}

.spellen #sitecontainer #main-body #inhoud .spellen .paginaelement.flash p.intro a,
.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise p.intro a {
	font-weight: bold;
	text-decoration: underline;
}

.spellen #sitecontainer #main-body #inhoud .paginaelement.flash .afbeelding, 
.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise .afbeelding.klein.rechts a img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	overflow: hidden;
}

.spellen #sitecontainer #main-body #inhoud .paginaelement.flash .afbeelding p,
.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise .afbeelding p { display: none;}

.spellen #sitecontainer #main-body #inhoud .spellen .paginaelement.flash h3,
.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise h3 {
   font-size: 90%;
	font-weight: bold;
	line-height: 11px;
	margin: 100px 0 0 0;	
	padding: 0;
	text-indent: -25px;
}

#sitecontainer #main-body #inhoud .blok.project.spel .rest {
	padding: 0;
	margin: 0;
	margin-top: 100px;
}

.opdrachten #sitecontainer #main-body #inhoud h1#beginInhoud.project { 
	margin: /*-21px*/-5px 0 0 -10px;
	line-height: 21px;
	padding: 0;
	width: 515px;
}

.opdrachten #sitecontainer #main-body #inhoud h1#beginInhoud.project a { 
   color: #fff;
	margin: -5px 0 0 -10px;
	padding: 0 0 0 35px;	
}

.opdrachten #sitecontainer #main-body #inhoud h1#beginInhoud.project a:hover { text-decoration: underline;}

.opdrachten #sitecontainer #main-body #inhoud .oefeningen .paginaelement.exercise .leesmeer a { visibility: hidden;}

.opdrachten #sitecontainer #main-body #inhoud .exercise h4 {
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	line-height: 11px;
	margin: 62px 0 10px 0;	
	padding: 0;
}

.opdrachten.default.item #sitecontainer #main-body #inhoud .exercise h4 {
	margin: 52px 0 10px 0;	
	padding: 0;
}

.opdrachten.default.item #sitecontainer #main-body #inhoud h1#beginInhoud.infoblok {
	margin: -7px 0 0 0;
	padding-left: 125px;
	width: 380px;
}

/* ==== ZOEKVELDEN resp. Spellen-, Opdrachten- (TESTJEZELF), Uitzendinggemist- en Zoek-pagina =============*/
.spellen #sitecontainer #main-body #inhoud form#zoekformuliermain { 
   background-color: #e1f5ff;
	border: none;
	height: 40px;
	padding: 10px;
}

.opdrachten fieldset.vak,
.spellen fieldset.vak {
	border: none;	 
	float: left;
	height: 32px;
	margin: 0;
	padding: 0;
	width: 200px;
}

.opdrachten fieldset.vak select,
.spellen fieldset.vak select { 
   color: /*#B5152E*/ #666;
	margin: 0;
	padding: 0;
	width: 200px;
}

.opdrachten fieldset.zoekknop,
.spellen fieldset.zoekknop { 
   background-color: #e1f5ff;
   border: none;
	height: 45px;
	margin: 0;
	padding: 0;
	width: 70px;
}

.opdrachten #main-body #inhoud form#zoekformuliermain.luceneform { 
   background-color: #e1f5ff; /*lichtblauw**/
	border: none;
	height: 40px;
	padding: 10px;
	margin: 30px 0 0 0;
}

.zoek #main-body #inhoud form#zoekformuliermain.luceneform fieldset.tekst { border: none;}

.opdrachten fieldset.zoekknop input#search_submit,
.spellen fieldset.zoekknop input#search_submit {
   background-color: #e1f5ff;
	background-image: url(../gfx/elements/zoek.png);
	background-position: top right;
	background-repeat: no-repeat;
	border: none;	
	font-size: 0;
	height: 45px;
	margin: 0;
	padding: 0;
	width: 70px;
}

.zoek fieldset.zoekknop input#search_submit:hover,
.opdrachten fieldset.zoekknop input#search_submit:hover,
.spellen fieldset.zoekknop input#search_submit:hover {
   background-color: #e1f5ff;
	background-image: url(../gfx/elements/zoek_hover.png);
	cursor: hand;
}

.uitzendinggemist #sitecontainer #main-body #inhoud form#zoekformuliermain {   
   background-color: #e1f5ff; /*lichtblauw**/
	height: 105px;
	padding: 8px;
}

.uitzendinggemist #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform { 
	border: none;
	padding: 10px;
	margin: 30px 0 0 0;
}

.uitzendinggemist.default #sitecontainer #kolom-b #zoekformulier .searchvalueinput {	
   background-color: transparent;
   background-image: url(../gfx/elements/search-bg-input.png);
	background-repeat: no-repeat;
	border: 0;	
	color: #000;
	font-size: 110%;
	font-weight: bold;
	height: 26px;
	left: 0;
	padding: 5px 0 0 5px;
	position: absolute;
	margin: 20px 0 0 -234px;
	width: 380px;
}

.uitzendinggemist #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform fieldset.tekst {
	border: none;	 
	display: block;
	float: left;
	height: 32px;
	margin: 20px 0 5px 10px;
	padding: 0;
	width: 180px;
}

.uitzendinggemist #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform fieldset.vak {
	border: none;	 
	display: block;
	float: left;
	height: 32px;
	margin: 50px 0 0 -180px;
	padding: 0;
	width: 180px;
}

.uitzendinggemist #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform fieldset.vak select { 
	color: /*#B5152E*/ #666;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	width: 180px;
}

.uitzendinggemist #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform fieldset.schooltype {
   border: none;
	display: block;
   float: right;
	margin: 20px 120px 0 0;
	padding: 0;
	width: 130px;
} 

.uitzendinggemist #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform fieldset.zoekknop { 
   background-color: #e1f5ff;
   border: none;
	height: 45px;
	margin: 0 0 10px 430px;
	padding: 0;
	width: 65px
}

.uitzendinggemist fieldset.zoekknop input#search_submit {
   background-color: #e1f5ff;
	background-image: url(../gfx/elements/zoek.png);
	background-position: top right;
	background-repeat: no-repeat;
	border: none;	
	font-size: 0;
	height: 45px;
	margin: 0;
	padding: 0 5px 5px 20px;
	width: 65px;
}

.uitzendinggemist fieldset.zoekknop input#search_submit:hover {
   background-color: #e1f5ff;
	background-image: url(../gfx/elements/zoek_hover.png);
	cursor: hand;
}


.uitzendinggemist fieldset#zoekdatum {
   border: none;
	height: 15px;
	margin: 3px 0 0 10px;
	padding: 0;
	width: 450px;
}

.uitzendinggemist fieldset#zoekdatum a.selectAgenda {
	color: #000;
	font-weight: bold;
	padding: 0 20px 0 0;
	margin: 0;
}

.uitzendinggemist fieldset#zoekdatum a:hover.selectAgenda {
	color: #078FBE;
	text-decoration: underline;
}

/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.beeldbank .name,
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.video .name,
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.allvideo .name { background-image: url('../gfx/icons/icon-video32.png');}
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.t_flash .name { background-image: url('../gfx/icons/icon-game32.png');}
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.t_infoblock .name { background-image: url('../gfx/icons/icon-infoblock32.png');}
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.urls .name { background-image: url('../gfx/icons/icon-link32.png');}
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.t_project .name { background-image: url('../gfx/icons/icon-project32.png');}
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.t_exercise .name { background-image: url('../gfx/icons/icon-test32.png');}
/*#sitecontainer*/ #main-body #inhoud form#zoekformuliermain .types .type.audio .name { background-image: url('../gfx/icons/icon-audio32.png');}


/* ================ ZOEKRESULTATEN pagina ====================*/
.zoek.default #sitecontainer #main-body #inhoud {
	background-color: #ffffff;
	border: 0px;
	border-style: none;
	margin-left: 190px;
	margin-top: 0;
	margin-bottom: 10px;
	min-height: 550px;
	padding: 10px;
	width: 535px;
}

.zoek.default #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform {	
   background-color: #e1f5ff; /*lichtblauw**/
   border: none;
	height: 120px;
	padding: 10px;
	margin: 0;
	width: 515px;
}

.zoek.default #sitecontainer #main-body #inhoud form#zoekformuliermain.luceneform fieldset.tekst {
   border: none;
	width: 180px;
	margin: 0;
	padding: 0;
}

.zoek fieldset.zoekknop { 
   background-color: #e1f5ff;
   border: none;
	height: 45px;
	margin: -50px 0 10px 400px;
	padding: 0;
	width: 70px;
}

.zoek fieldset.zoekknop input#search_submit {
   background-color: #e1f5ff;
	background-image: url(../gfx/elements/zoek.png);
	background-position: top right;
	background-repeat: no-repeat;
	border: none;	
	font-size: 0;
	float: right;
	height: 45px;
	margin: /*-50px 0 10px 400px*/0;
	padding: 0;
	width: 70px;
}

.zoek fieldset.vak {
	border: none;	 
	margin: 0;
	padding: 0;
}

.zoek fieldset.vak select { 
   color: /*#B5152E*/ #666;
	float: right;
	margin: -22px 20px 0 0;
	padding: 0;
	width: 200px;
}

.zoek fieldset.types {
	border: none;	 
	margin: 10px 0 0 0;
	padding: 5px;
	width: 450px;
}

.zoek .types input { border: none;}

.zoek .types .type .name {
	padding-left: 13px;
	padding: 7px 0 7px 25px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.zoek.default #sitecontainer #main-body #inhoud p { font-weight: bold;}

.zoek.default #sitecontainer #main-body #inhoud h1 {
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 21px;
	margin: -5px 0 0 -5px;
	padding-left: 3px;	
	text-transform: uppercase;
	width: 540px;		
}

.uitzendinggemist.default #sitecontainer #main-body #inhoud .paginaelement.tekst p,
.spellen.default #sitecontainer #main-body #inhoud .paginaelement.tekst p,
.opdrachten.default #sitecontainer #main-body #inhoud .paginaelement.tekst p,
.opdrachten.default #sitecontainer #main-body #inhoud .exercise .paginaelement.tekst p,
.zoek.default #sitecontainer #main-body #inhoud .paginaelement.tekst p { 
   font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 0;
} 

.zoek.default #sitecontainer #main-body #inhoud h2 { color: #155673;}

.zoek.default #sitecontainer #main-body #inhoud .blok.project.result {
   background-image: url(../gfx/elements/bg-project.png);
	background-position: top left;
	background-repeat: repeat-x;
	height: 65px;
	margin: 0;
	padding: 0;
}

.zoek.default #sitecontainer #main-body #inhoud .blok.project.result h3 { 
   color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin: 7px 0 2px 32px;
	padding: 0;
}

.zoek.default #sitecontainer #main-body #inhoud .blok.project.result h3 a { 
   color: #000000;
	font-weight: bold;
	line-height: 90%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.zoek.default #sitecontainer #main-body #inhoud .blok.project.result h3 a:hover { color: #078FBE;}

.zoek.default #sitecontainer #main-body #inhoud .blok.project.result p {
   font-size: 85%;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	margin: -2px 0 15px 4px;
	padding: 0;
}

.zoek.default #sitecontainer #main-body #inhoud .blok.project.result .icons {
	display: block;
	margin: -20px 0 0 0;
	padding: 0;
	width: 25px;
}

.zoek.default #sitecontainer #main-body #inhoud .blok.project.result .icons img {
   margin: 4px 6px 0 6px;
	padding:0;
}

.zoek.default #sitecontainer #main-body #inhoud .pagerright {
   color: #155673;
   font-weight: bold;
	margin: 0 0 5px 0; 
	padding: 0;
}

/* ================ UITZENDINGGEMIST pagina ====================*/
.uitzendinggemist #sitecontainer #main-body #inhoud { margin-bottom: 10px;}

.uitzendinggemist #sitecontainer #main-body #inhoud h1 {
	background-image: url('../gfx/icons/icon-video32.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 21px;
	margin: -5px 0 0 -10px;
	padding-left: 25px;	
	text-transform: uppercase;
	width: 535px;		
}

.uitzendinggemist #sitecontainer #main-body #inhoud h2 { 
   font-size: 110%;
   font-weight: bold;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .pagerleft ul.paginering {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .pagerright {
   color: #155673;
   font-weight: bold;
	margin: 0 0 5px 0; 
	padding: 0;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .paginaelement.tekst {
	height: 50px;
	margin: 0 0 10px 0;
	padding: 0;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .rest h1 {
	background-image: url('../gfx/icons/icon-video32.png');
	background-position: 5px 0px;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 105%;
	font-weight: normal;
	font-stretch: extra-condensed;
	float: right;
	line-height: 21px;
	margin: -31px 0 0 35px;
	padding-left: 23px;	
	text-transform: uppercase;
	width: 390px;		
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .rest h1 a { 
   color: #fff;
   font-weight: bold;
	padding-left: 8px;
	text-transform: none;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .rest h1 a:hover { text-decoration: underline;}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .rest {
	min-height: 60px;
	margin: 0 0 10px 0;
	padding: 0;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .rest p {
	font-size: 100%;	
	display: inline-block;
	line-height: 15px;
	margin: -2px 0 0 70px;
	padding: 0;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .rest p a {
   color: #000;
	font-weight: bold;
	margin: 0;
	padding: 25px 0 0 0;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .rest p a:hover {
   color: #078FBE;
	text-decoration: underline;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .vak {
  background-color: /*#B5152E*/ #666;
  color: #fff;
  line-height: 21px;
  margin: 0 0 10px 0;
  padding: 0;
  text-indent: 9px;
}

.uitzendinggemist #sitecontainer #main-body #inhoud .blok.project .image a img {
	margin: /*-8px 0 0*/ 0;
	padding: 0;
}

/* ======== VAKpagina's 2 teaserblokken =================*/
.vak #sitecontainer #main-body #inhoud h1 {
   background-color: #0099CC;
	background-image: url(../gfx/elements/vak.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-stretch: extra-condensed;
	line-height: 21px;
	margin: -5px 0 0 -10px;
	padding: 0 0 0 50px;		
	text-transform: uppercase;
	width: 510px;
}

.vak #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.teaser {
   background-color: #fff;
	border: 1px dotted #078FBE;
	height: 97px;
	margin: 10px 0 0 0;
	padding: 2px;
	width: 48%;
}

.vak #sitecontainer #main-body #inhoud #blok_2.paginaelement.blok.teaser {
   background-color: #fff;
	border: 1px dotted #078FBE;
   float: right;
	height: 97px;
	margin: -103px 0 0 0;
	padding: 2px;
	width: 48%;
}

.vak #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.teaser h3,
.vak #sitecontainer #main-body #inhoud #blok_2.paginaelement.blok.teaser h3 {
   font-size: 110%;
	height: 12px;
	margin: 0 0 5px 1px;
	padding: 2px 0 0 2px;
	width: 97%;
}

.vak #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.teaser .afbeelding.links,
.vak #sitecontainer #main-body #inhoud #blok_2.paginaelement.blok.teaser .afbeelding.links { padding: 8px 6px 4px 4px;}
.vak #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.teaser p,
.vak #sitecontainer #main-body #inhoud #blok_2.paginaelement.blok.teaser p {
	color: #000;
	display: block;
	margin: 12px 2px 5px 0;
	padding: 0;
	width: 250px;
}

.vak #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.teaser a.leesmeer,
.vak #sitecontainer #main-body #inhoud #blok_2.paginaelement.blok.teaser a.leesmeer { 
  color: #000;
  float: right;
  font-weight: bold;
  width: 90px;
  margin: 10px 5px 4px 0;
}

.vak #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.teaser a:hover.leesmeer,
.vak #sitecontainer #main-body #inhoud #blok_2.paginaelement.blok.teaser a:hover.leesmeer {
  color: #078FBE;
  text-decoration: underline;
}


/*.vak.default #sitecontainer #main-body #inhoud {
	background-color: #fff;
	margin-bottom: 10px;
	min-height: 520px;
   padding: 0;
	width: 540px;
}*/

.vak #sitecontainer #main-body #inhoud .infoblokken {
	clear: both;
   display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.vak #sitecontainer #main-body #inhoud .projecten {
	clear: both;
   display: inline-block;
	margin: 0;
	padding: 0;
	width: 534px;
}

.vak #sitecontainer #main-body #inhoud .infoblokken h2 {
   background-image: url(../gfx/icons/icon-infoblock32.png);
   background-repeat: no-repeat;
   background-position: top left;
   color: #666;
   font-size: 120%;
	margin: 15px 0 0 0;
	padding: 0 0 7px 27px;
	width: 507px;
}

.vak #sitecontainer #main-body #inhoud .projecten h2 {
   background-image: url(../gfx/icons/icon-project32.png);
   background-repeat: no-repeat;
   background-position: top left;
	clear: both;
   color: #666;
   font-size: 120%;
	margin: 0;
	padding: 0 0 7px 27px;
	width: 507px;
}

.vak #sitecontainer #main-body #inhoud h3 {
	font-size: 120%;
	font-weight: bold;
	line-height: 17px;
	margin: 10px 0 8px 0;
	padding: 0;
}

/* ========== VAKOVERZICHT pagina PROJECTEN(DOSSIERS) =========== */

#sitecontainer #main-body #inhoud .themebrowser { 
   font-size: 86%;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 534px;
}

#sitecontainer #main-body #inhoud .themebrowser .theme {
	line-height: 1.5em;
	overflow: hidden;
}

#sitecontainer #main-body #inhoud .themebrowser .theme.closed {
	height: 1.5em;
	padding-bottom: 10px;
	margin-bottom: 2px;
	line-height: 1.5em;
}

#sitecontainer #main-body #inhoud .themebrowser .theme.open { margin-bottom: 0;}

#sitecontainer #main-body #inhoud .themebrowser .theme .head {
	background-color: #2999C0;
	font-weight: bold;
	background-image: url('../gfx/elements/theme-head.png');
	background-repeat: repeat-y;
	padding: 5px 0 5px 5px;
	color: #ffffff;
	margin-bottom: 2px;
}

#sitecontainer #main-body #inhoud .themebrowser .theme .head span {
	color: #155673;
	font-weight: normal;
}

#sitecontainer #main-body #inhoud .themebrowser .theme dl dt {		
   cursor: pointer;
   background-color: #C5E9F3;
	background-image: url('../gfx/layout/box-lblue-bg.png');
	background-repeat: repeat-x;		
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 5px 0 2px 5px;
}

#sitecontainer #main-body #inhoud .themebrowser .theme .items { line-height: 1em;}
#sitecontainer #main-body #inhoud .themebrowser .theme.closed .items { margin-bottom: -12px;}
#sitecontainer #main-body #inhoud .themebrowser .theme .items dl dd {
	background-image: url('../gfx/elements/bullet-theme-sub.png');
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 6px 50%;
	padding: 4px 0 4px 12px;
	background-color: #bde4ee;
	margin: -2px 0 2px 0;
	border: none;
}

#sitecontainer #main-body #inhoud .themebrowser .theme .items dl dd a { color: #000;}

#sitecontainer #main-body #inhoud .themebrowser .theme .items dl dd a:hover { 
   color: #078FBE;
   text-decoration: underline;
}

#sitecontainer #main-body #inhoud .themebrowser .theme.closed .head {
	background-image: url('../gfx/elements/bullet-expand.png');
	background-repeat: no-repeat;
	background-position: 99% center;
	cursor: pointer;
}

#sitecontainer #main-body #inhoud .themebrowser .theme.open .head {
	background-image: url('../gfx/elements/bullet-contract.png');
	background-repeat: no-repeat;
	background-position: 99% center;
	cursor: pointer;
}


.vak #sitecontainer #main-body #inhoud .projecten .blok.project h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 2px 0 0 0;
	padding: 0;
}

.vak #sitecontainer #main-body #inhoud .projecten .blok.project .image {
	margin: 0;
	padding: 0;
}

.vak #sitecontainer #main-body #inhoud .projecten .blok.project {	
   background-image: url('../gfx/elements/bg-project.png');
	background-repeat: repeat-x;
   height: 80px;
	margin: 0;
	padding: 5px;
	position: relative;
}

.vak #sitecontainer #main-body #inhoud .projecten .blok.project .rest {
	display: inline-block;
	margin: 2px 0 0 0;
	padding: 0 0 0 80px;
}

.vak #sitecontainer #main-body #inhoud .projecten .blok.project .rest h3 a {
	margin: 0;
	padding: 0;
}

.vak #sitecontainer #main-body #inhoud .projecten .blok.project .rest p {
	font-size: 100%;	
	display: inline-block;
	line-height: 13px;
	margin: 2px 0 0 0;
	padding: 0;
}

.vak #sitecontainer #main-body #inhoud .projecten .blok.project .rest p.vak { 
   color:  #000;
   font-size: 80%;
}

/* ================ PROJECTEN (DOSSIER) pagina ====================*/
.project #sitecontainer #main-body #inhoud h1.infoblock {
	background-image: url('../gfx/icons/icon-infoblock32.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: -5px 0 0 -10px;
	padding: 1px 0 0 26px;
	width: 535px;		
}

.project #sitecontainer #main-body #inhoud h1.project {
	background-image: url('../gfx/icons/icon-project32.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #fff;
	line-height: 20px;
	margin: -5px 0 0 -10px;
	padding: 1px 0 0 26px;
	width: 535px;		
}

.vak #sitecontainer #main-body #inhoud h1.project a,
.vervolg #sitecontainer #main-body #inhoud h1#beginInhoud.project a,
.uitzendinggemist #sitecontainer #main-body #inhoud h1#beginInhoud.project a { 
   color: #fff;
   padding-bottom: 1px;
}

.vak.default #sitecontainer #main-body #inhoud h1#beginInhoud.project { line-height: 20px;}

.vak.default #sitecontainer #main-body #inhoud h1#beginInhoud.project a {
	margin: 0;
	padding: 0;
}

.vak.default #sitecontainer #main-body #inhoud h1#beginInhoud.project a:hover,
.vak #sitecontainer #main-body #inhoud h1.project a:hover,
.vervolg #sitecontainer #main-body #inhoud h1#beginInhoud.project a:hover,
.uitzendinggemist #sitecontainer #main-body #inhoud h1#beginInhoud.project a:hover  { text-decoration: underline;}

#sitecontainer #main-body #inhoud dl.vakkenboom dt.vak {
   background-color: #e1f5ff;
	clear: right;
	font-weight: bold;
   line-height: 18px;
	margin: 0 0 0 -10px;
	padding: 0;
	text-indent: 5px;
	width: 561px;
}

.vak.default #sitecontainer #main-body #inhoud .referentie dl.vakkenboom dt.thema,
.vak.default #sitecontainer #main-body #inhoud .referentie dl.vakkenboom dt.onderwerp,
.vak.default #sitecontainer #main-body #inhoud .referentie dl.vakkenboom dd.thema,
.vak.default #sitecontainer #main-body #inhoud .referentie dl.vakkenboom dd.onderwerp {
	visibility: hidden;
	height: 0;
}

.home.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak,
.vervolg.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak,
.vak.default #sitecontainer #main-body #inhoud .referentie dl.vakkenboom dd.vak,
.opdrachten.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak,
.uitzendinggemist.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak {
	color: #000;
	font-size: 80%;
	margin: -17px 0 10px 28px;
	padding: 0;	
	width: 100px;
}

.home.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a,
.vervolg.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a,
.vak.default #sitecontainer #main-body #inhoud .referentie dl.vakkenboom dd.vak a,
.opdrachten.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a,
.uitzendinggemist.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a { color: #000;}

.home.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a:hover,
.vervolg.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a:hover,
.vak.default #sitecontainer #main-body #inhoud .referentie dl.vakkenboom dd.vak a:hover,
.opdrachten.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a:hover,
.uitzendinggemist.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.vak a:hover { text-decoration: underline;}

.vervolg.default #sitecontainer #main-body #inhoud h1.pagina {
   background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	line-height: 22px;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: none;	
	vertical-align: middle;
	width: 490px;
}

.home.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.docentenlink {
   float: right;
   font-weight: bold;
	height: 18px;
	margin: -18px -10px 0 0;
	padding: 0;
	width: 140px;
}

.home.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.docentenlink a { color: #078FBE;}

.home.default #sitecontainer #main-body #inhoud dl.vakkenboom dd.docentenlink a:hover { text-decoration: underline;}

/*============== vervolgpagina in een DOSSIER(project) =======================*/
.home.default #sitecontainer #main-body #inhoud { width: 540px;}

.home.default #sitecontainer #main-body #inhoud .paginaelement p {
	margin: 5px 0 5px 0;
	padding: 0;
}

/* ================== UITZENDINGgemist in DOSSIER(project) pagina =======================*/
.uitzendinggemist #sitecontainer #main-body #inhoud h1.uitzendinggemist {
   border-bottom: 10px solid #fff;
	margin: -5px 0 0 -10px;
	padding-left: 25px;	
}

/*==================== contentelementen in HOMEpage + HOMEpage ve dossier =================*/
.home.default.project #sitecontainer #main-body #inhoud .paginaelement p.intro {
	margin: -15px 0 5px 0;
	padding: 0;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.link_leesmeer { 
	border-color: #0099CC;
	border-style: dashed;
	border-width: 1px;
	float: left;
	height: 118px;
	margin: 5px 0 5px 0;
	padding: 0/* 5px 5px 5px*/;
   width: 540px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.link_leesmeer h3 { 
   clear: both;
   float: right;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 2px 0;
	width: 355px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.link_leesmeer p { 
   float: right;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 355px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.link_leesmeer .afbeelding.links {
	margin: 0;
	padding: 0;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.link_leesmeer .afbeelding.links a img { 
	margin: -25px 0 0 0;
	padding: 3px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_1.paginaelement.blok.link_leesmeer a.leesmeer {
   clear: both;
	color: #000;
	display: inline-block;
	font-weight: bold;
	float: right;
	margin: -27px 0 0 0;
	padding: 0;
	width: 100px;
}

#blok_3.paginaelement.blok.banner {
   background-color: #e1f5ff;
	border-color: #0099CC;
	border-style: dashed;
	border-width: 1px;
	display: inline-block;
	margin: 5px 0 5px 0;
	padding: 0;
   height: 78px;
	width: 540px;
}

#blok_3.paginaelement.blok.banner .afbeelding.boven {
	margin: 0;
	padding: 0;
}

#blok_3.paginaelement.blok.banner .afbeelding.boven a {
	margin: 0;
	padding: 0;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_4.paginaelement.blok.widget {
	background-color: #e1f5ff;
	border-color: #0099CC;
	border-style: dashed;
	border-width: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_4.paginaelement.blok.widget h3 {
   font-size: 0px;
	height: 0px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_5.paginaelement.blok.linkset {
	background-color: #e1f5ff;
	border-color: #0099CC;
	border-style: dashed;
	border-width: 1px;
	margin: 8px 0 5px 0;
	padding: 0;
	text-align: center;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_5.paginaelement.blok.linkset h3 {
   font-size: 0px;
	height: 0px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_5.paginaelement.blok.linkset dl {
	padding: 5px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_5.paginaelement.blok.linkset dl dt { display: inline-block;}

.home.default.project #sitecontainer #main-body #inhoud #blok_5.paginaelement.blok.linkset dl dd {
   background-image: url(../gfx/icons/icon-hyphen.png);
	background-position: top left;
   background-repeat: no-repeat;
   display: inline-block;
	font-size: 80%;
	margin: 0;
	padding: 0 4px 0 12px;
	text-align: left;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_5.paginaelement.blok.linkset dl dt a {
   background-image: url(../gfx/icons/icon-start.png);
   background-position: top left;
   background-repeat: no-repeat;
	color: #078FBE;
	font-weight: bold;
	margin: 0;
	padding: 4px 4px 4px 8px;
}

.home.default.project #sitecontainer #main-body #inhoud #blok_5.paginaelement.blok.linkset dl dt a:hover { text-decoration: underline;}

/*============== 2 contentelementen in VAKpagina =========================*/
/*===================================================================================*/
/*====================1=================*/
#blok_1.paginaelement.blok.link_leesmeer { 
	border-color: #0099CC;
	border-style: dashed;
	border-width: 1px;
/*	clear: both;*/
	float: left;
	min-height: 30px;
	margin: 5px 0 5px 0;
	padding: 0 5px 5px 5px;
   width: /*520px*/250px;
}

#blok_1.paginaelement.blok.link_leesmeer .afbeelding.links,
#blok_2.paginaelement.blok.link_leesmeer .afbeelding.links {
  clear: right;
	float: left;
	margin: /*-10px 0 0*/ 0;
	/* min-height: 38px;*/
	padding: 0 0 0 5px;
   width: 80px;
}

#blok_1.paginaelement.blok.link_leesmeer a.leesmeer,
#blok_2.paginaelement.blok.link_leesmeer a.leesmeer {
   color: #000;
	font-weight: bold;
	float: right;
	margin: -20px 0 0 0;
	padding: 5px 0 0 0;
	width: 85px;
}

#blok_1.paginaelement.blok.link_leesmeer a:hover.leesmeer,
#blok_2.paginaelement.blok.link_leesmeer a:hover.leesmeer {
   color: #0099CC;
	text-decoration: underline;
}
/*====================2=================*/
#blok_2.paginaelement.blok.link_leesmeer { 
	border-color: #0099CC;
	border-style: dashed;
	border-width: 1px;
/*	clear: right;*/
	float: right;
	min-height: 30px;
	margin: 5px 0 5px 0;
	padding: 0 5px 5px 5px;
   width: /*520px*/250px;
} 

/*#blok_2.paginaelement.blok.link_leesmeer h3 { 
   float: right;
   font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 330px200px;
}*/

/*#blok_2.paginaelement.blok.link_leesmeer p { 
   float: right;
	margin: -30px 0 0 0;
	padding: 0;
	width: 330px230px;
}*/

/*#blok_2.paginaelement.blok.link_leesmeer .afbeelding.links {
clear: right;
display: block;
	margin: 0;
	padding: 0;
	width: 90px;
}*/

/*#blok_2.paginaelement.blok.link_leesmeer .afbeelding.links a img { 
	margin: -22px 0 0 0;
	padding: 2px 5px 0 0;
}*/

/*#blok_2.paginaelement.blok.link_leesmeer a.leesmeer { 
   color: #000;
	display: block;
   float: right;
	font-size: 100%;
	font-weight: bold;
	margin: -20px 0 0 0;
	padding: 5px 0 0 0;
	width: 85px;
}

#blok_2.paginaelement.blok.link_leesmeer a:hover.leesmeer { 
   color: #0099CC;
	text-decoration: underline;
}*/

/* ============ DOSSIERpagina met infoblok of opdracht ========================*/
.vak #sitecontainer #main-body #inhoud h1.infoblok {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-infoblock32_iblok.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	line-height: 22px;
	margin: 10px 0 0 0;
	padding: 0 0 0 105px;
	text-transform: none;
	vertical-align: top;
	width: 510px;
}

.opdrachten #sitecontainer #main-body #inhoud h1.infoblok {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-test32_iblok.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	line-height: 22px;
	margin: 10px 0 0 0;
	padding: 0 0 0 125px;
	text-transform: none;
	vertical-align: top;
	width: 430px;
}

.opdrachten.default.project #sitecontainer #main-body #inhoud h1.test {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-test32_iblok.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	line-height: 22px;
	margin: 10px 0 0 0;
	padding: 0 0 0 125px;
	text-transform: none;
	vertical-align: top;
	width: 430px;
}


/* ============== PROJECTEN(DOSSIER)pagina rechterkolom ==================*/
.home.default #kolom-b .blok.projectinfo,
#kolom-b .blok.projectinfo {
	background-color: #0099CC;
	color: #ffffff;
	font-style: normal;
	margin: 31px 0 0 0;
	padding: 0;
	padding-bottom: 4px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1px;
}

#kolom-b .blok.projectinfo h3 {
	font-weight: bold;
	font-size: 100%;
	height: 19px;
	margin: 0;
	padding: 0 2px 0 3px;	
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo ul#projectnavigatie,
#kolom-b .blok.projectinfo ul#projectnavigatie .menu {
	background-image: url('../gfx/layout/box-blue-bg2.png');
	background-repeat: repeat-x;
   background-color: #003399; /*#e1f5ff; lichtblauw**/ 
   height: /*1px*/100%;
	margin: 0;
	padding: 0;
}

#kolom-b .blok.projectinfo ul#projectnavigatie .menu a {
   color: #fff;	
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	/*visibility: hidden;*/
}

#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav1.menu a,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav2.menu a,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav3.menu a,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav4.menu a {
   background-image: url(../gfx/elements/bullet-sub.png);
   background-position: center left;
   background-repeat: no-repeat;
	padding: 0 0 0 8px;
	margin: 1px 0 0 5px;
	width: 178px;
}

#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav1.menu:hover,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav2.menu:hover,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav3.menu:hover,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav4.menu:hover {
   background-color: #e1f5ff;
	color: #000;	
/*	margin:  0 0 0 1px;
	padding: 0;*/
	/*width: 178px;*/
}

#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav1.menu a:hover,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav2.menu a:hover,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav3.menu a:hover,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav4.menu a:hover {
   background-color: #e1f5ff;
	background-image: url(../gfx/elements/bullet-sub_hover.png);
	background-position: center left;
   background-repeat: no-repeat;
   color: #000;	
/*	padding: 0 0 0 8px;
	margin: 1px 0 0 5px;*/
	/*width: 178px;*/
}

#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav1.menu.hierbenik {
   visibility: hidden;
	height: 0;
}

/*#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav1.menu.hierbenik,*/
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav2.menu.hierbenik,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav3.menu.hierbenik,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav4.menu.hierbenik {
   background-color: #e1f5ff;	
	padding: 0 0 0 8px;
	margin: 1px 0 0 1px;
	/*width: 178px;*/
}

#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav1.menu.hierbenik a,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav2.menu.hierbenik a,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav3.menu.hierbenik a,
#kolom-b .blok.projectinfo ul#projectnavigatie li#projnav4.menu.hierbenik a {
   background-color: #e1f5ff;
   color: #000;	
   padding: 0 4px 0 4px;
	margin: 1px 0 0 1px;
   /*width: 178x;*/
}

/* ======== RECHTERKOLOM bijbehorende infoblokken, afleveringen, streams-beeldbank ======*/
/* ======== streams-video, streams-audio, toetsen, spellen, links, attachments ======*/
#kolom-b .blok.projectinfo .infoblokken,
#kolom-b .blok.projectinfo .afleveringen,
.vak #kolom-b .blok.projectinfo .afleveringen,
#kolom-b .blok.projectinfo .streams.beeldbank,
#kolom-b .blok.projectinfo .streams.video,
#kolom-b .blok.projectinfo .streams.audio,
#kolom-b .blok.projectinfo .toetsen,
#kolom-b .blok.projectinfo .spellen,
#kolom-b .blok.projectinfo .links,
#kolom-b .blok.projectinfo .attachments { 
   margin: 0;
   padding-bottom: 4px;
}

#kolom-b .blok.projectinfo .infoblokken h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-infoblock32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: /*100%*/ 1px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .afleveringen h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-video32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: 4px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .streams.beeldbank h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-video32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: 4px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .streams.video h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-video32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: 4px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .streams.audio h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-audio32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: 4px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .toetsen h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-test32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: /*100%*/ 1px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .spellen h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-game32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: /*100%*/ 1px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .links h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-link32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: 4px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

#kolom-b .blok.projectinfo .attachments h4 {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-link32_b.png);
	background-repeat: no-repeat;
   background-position: top bottom;
	color: #0099CC;
	font-size: 100%;
	font-weight: bold;
	height: 22px;
	margin: 4px 0 0 0;
	padding-left: 29px;	
	padding-top: 3px;
	text-transform: uppercase;
}

.vak #kolom-b .blok.projectinfo .afleveringen p a,
.home #kolom-b .blok.projectinfo .afleveringen p a,
.uitzendinggemist #kolom-b .blok.projectinfo .afleveringen p a,
.opdrachten #kolom-b .blok.projectinfo .afleveringen p a {
   color: #fff;
	font-size: 90%;
	font-weight: bold;
	height: 22px;
	margin: 4px 0 0 0;
	padding: 3px 0 0 5px;
	text-transform: uppercase;
}

.vak #kolom-b .blok.projectinfo .afleveringen p a:hover,
.home #kolom-b .blok.projectinfo .afleveringen p a:hover,
.uitzendinggemist #kolom-b .blok.projectinfo .afleveringen p a:hover,
.uitzendinggemist #kolom-b .blok.projectinfo .afleveringen p a,
.opdrachten #kolom-b .blok.projectinfo .afleveringen p a:hover { text-decoration: underline;}

#kolom-b .blok.projectinfo .infoblokken dl dt,
#kolom-b .blok.projectinfo .afleveringen dl dt,
#kolom-b .blok.projectinfo .streams.beeldbank dl dt,
#kolom-b .blok.projectinfo .streams.video dl dt,
#kolom-b .blok.projectinfo .streams.audio dl dt,
#kolom-b .blok.projectinfo .toetsen dl dt,
#kolom-b .blok.projectinfo .spellen dl dt,
#kolom-b .blok.projectinfo .links dl dt,
#kolom-b .blok.projectinfo .attachments dl dt {
   font-size: 80%;
	line-height: 9px;
	list-style-image: none;
	list-style: none;
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0 0 0 2px;
	width: 178px;
}

#kolom-b .blok.projectinfo .infoblokken dl dt a,
#kolom-b .blok.projectinfo .afleveringen dl dt a,
#kolom-b .blok.projectinfo .streams.beeldbank dl dt a,
#kolom-b .blok.projectinfo .streams.video dl dt a,
#kolom-b .blok.projectinfo .streams.audio dl dt a,
#kolom-b .blok.projectinfo .toetsen dl dt a,
#kolom-b .blok.projectinfo .spellen dl dt a,
#kolom-b .blok.projectinfo .links dl dt a,
#kolom-b .blok.projectinfo .attachments dl dt a,
#kolom-b #blok_right2.blok.linkset dl dt a {
   color: #fff;
	display: block;
	margin: 0;
	padding: 0 0 0 3px;
}

#kolom-b .blok.projectinfo .attachments dl dt a img.icon {
   width: 0;
   height: 0;
}

#kolom-b .blok.projectinfo .infoblokken dl dt a:hover,
#kolom-b .blok.projectinfo .afleveringen dl dt a:hover,
#kolom-b .blok.projectinfo .streams.beeldbank dl dt a:hover,
#kolom-b .blok.projectinfo .streams.video dl dt a:hover,
#kolom-b .blok.projectinfo .streams.audio dl dt a:hover,
#kolom-b .blok.projectinfo .toetsen dl dt a:hover,
#kolom-b .blok.projectinfo .spellen dl dt a:hover,
#kolom-b .blok.projectinfo .links dl dt a:hover,
#kolom-b .blok.projectinfo .attachments dl dt a:hover,
#kolom-b #blok_right2.blok.linkset dl dt a:hover { text-decoration: underline;}


#kolom-b #blok_right2.blok.linkset dl dd {
	color: #fff;
	font-weight: bold;
	padding: 0 2px 6px 3px;
	margin: 0;
}

/* ======== INFOBLOK pagina =================*/
.vak.default.item #sitecontainer #main-body #inhoud {
   border-style: none;
	margin-left: 190px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-right: 0;
	min-height: 550px;
	padding: 10px;
	width: 540px;
}

.vak #sitecontainer #main-body #inhoud h1#beginInhoud.infoblok {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-infoblock32_iblok.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	font-size: 150%;
	font-weight: bold;
	line-height: 22px;
	margin: -5px 0 0 0;
	padding-left: 108px;
	text-transform: none;	
	vertical-align: middle;
	width: 490px;
}

.vak.default.item #sitecontainer #main-body #inhoud h1#beginInhoud.infoblok {
   background-color: #fff;
	background-image: url(../gfx/icons/icon-infoblock32_iblok.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	font-size: 150%;
	font-weight: bold;
	line-height: 22px;
	margin: 10px 0 0 0;
	padding-left: 108px;
	text-transform: none;	
	vertical-align: middle;
	width: 490px;
}

.infoblok #sitecontainer #main-body #inhoud h1#beginInhoud.infoblok {
   background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	line-height: 22px;
	margin: 11px 0 0 0;
	padding: 0;
	text-transform: none;	
	vertical-align: middle;
	width: 490px;
}

.vak.default.item #sitecontainer #main-body #inhoud .story p { 
   line-height: 16px;
	margin: 0;
   padding: 1px 0 10px 0;
}

.vak.default.item #sitecontainer #main-body #inhoud .story p a {
   color: #078FBE;
	font-weight: bold;
}

.vak.default.item #sitecontainer #main-body #inhoud .story p a:hover { text-decoration: underline;}

.vak.default.item #sitecontainer #main-body #inhoud .story .paginaelement.tekst h3 {
   font-size: 120%;
	line-height: 15px;
	margin: 5px 0 2px 0;
	padding: 0;
}

.infoblok #sitecontainer #main-body #inhoud .story .paginaelement.tekst h3 {
   font-size: 110%;
	font-weight: bold;
	line-height: 10px;
	margin: 5px 0 0 0;
	padding: 0;
}

.vak.default.item #sitecontainer #main-body #inhoud .story .paginaelement.tekst p,
.infoblok #sitecontainer #main-body #inhoud .story .paginaelement.tekst p { 
   line-height: 16px;
	margin: 0;
   padding: 1px 0 5px 0;
}

.vak #sitecontainer #main-body #inhoud .story .afbeelding.medium.rechts p,
.opdrachten #sitecontainer #main-body #inhoud .exercise .afbeelding.medium.rechts p {
   font-size: 75%;
	font-weight: bold;
	margin: -5px 0 0 8px;
	padding: 0 2px 2px 0 ;
}

.vak.default.item #sitecontainer #main-body #inhoud .story .afbeelding.medium.links a img {
   display: block;
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
	width: 230px;
}

.vak.default.item #sitecontainer #main-body #inhoud .story .afbeelding.medium.links p {
clear: both;
   display: inline;
	float: left;
	font-size: 80%;
	font-weight: normal; 
	margin: 0;
	padding: 0;
	width: 230px;
}

.vak.default.item #sitecontainer #main-body #inhoud .story .afbeelding.medium.rechts p {
	float: left;
	font-size: 80%;
	font-weight: normal; 
	margin-left: 10px;
	width: 250px;
}

.vak.default.item #sitecontainer #main-body #inhoud .story .paginaelement.tekst ul li { 
   list-style: url(../gfx/elements/bullet-crumb.png);
	list-style-position: inside;
	width: 490px;
}

/* ================ INFOBLOK pagina RECHTERMENU =====================*/
.vak #kolom-b .blok.submenu dl.vakkenboom,
.infoblok #kolom-b .blok.submenu dl.vakkenboom {
	background-color: #0099CC;
	color: #fff;
	font-size: 80%;
	font-style: normal;
	margin: 27px 0 0 0;
}

.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank dl,
.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .links dl {
	margin: 0;
	padding: 3px 0 3px 0;
}

.vak #kolom-b .blok.submenu dl.vakkenboom dt,
.vak #kolom-b .blok.submenu dl.vakkenboom dt.vak,
.vak #kolom-b .blok.submenu dl.vakkenboom dt.onderwerp,
.vak #kolom-b .blok.submenu dl.vakkenboom dt.thema,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dt,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dt.vak,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dt.thema,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dt.onderwerp {
	color: #000;
	font-size: 120%;
	font-weight: bold;
	line-height: 10px;
	margin: 0;
	padding: 4px;
	text-transform: uppercase; 
}

.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank dl dt,
.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.video dl dt,
.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .links dl dt,
.infoblok.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank dl dt,
.infoblok.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .links dl dt {
   background-image: none;
	font-size: 80%;
	line-height: 10px;
	margin: 2px 0 4px 4px;
	padding: 0;
}

.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank dl dt a.link,
.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.video dl dt a.link,
.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .links dl dt a.link/* span*/, 
.infoblok.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank dl dt a.link,
.infoblok.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .links dl dt a.link {
	color: #fff;
	margin: 0;
	padding: 0;
}

.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank dl dt a:hover.link,
.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.video dl dt a:hover.link,
.vak.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .links dl dt a:hover.link,
.infoblok.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.beeldbank dl dt a:hover.link,
.infoblok.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .streams.video dl dt a:hover.link,
.infoblok.default.item #sitecontainer #kolom-b .blok.t_infoblock_related .links dl dt a:hover.link {
	text-decoration: underline;
}

.vak #kolom-b .blok.submenu dl.vakkenboom dd,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.vak,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.thema,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.vak,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.thema  {
   height: 18px;
	line-height: 11px;
	margin:  0 0 0 1px;
	padding: 0 0 5px 0;
	width: 178px;
}

.vak #kolom-b .blok.submenu dl.vakkenboom dd a,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.vak a,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp a,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.thema a,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd a,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.vak a,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp a,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.thema a {
   background-image: url(../gfx/elements/bullet-sub.png);
   background-position: center left;
   background-repeat: no-repeat;
	color: #fff;
	height: 20px;	
	margin: 0 0 0 5px;
	padding: 0 0 0 8px;
	width: 178px;
}

.vak #kolom-b .blok.submenu dl.vakkenboom dd:hover,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.vak:hover,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp:hover,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.thema:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.vak:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.thema:hover {
   background-color: #e1f5ff;
	color: #000;	
/*	height: 20px;*/
	margin:  0 0 0 1px;
	padding: 0 0 5px 0;
	width: 178px;
}

.vak #kolom-b .blok.submenu dl.vakkenboom dd a:hover,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.vak a:hover,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp a:hover,
.vak #kolom-b .blok.submenu dl.vakkenboom dd.thema a:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd a:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.vak a:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.onderwerp a:hover,
.infoblok #kolom-b .blok.submenu dl.vakkenboom dd.thema a:hover {
   background-color: #e1f5ff;
	background-image: url(../gfx/elements/bullet-sub_hover.png);
	background-position: center left;
   background-repeat: no-repeat;
   color: #000;	
/*	height: 20px;*/
	margin: 0 0 0 5px;
	padding: 0 0 0 8px;
	width: 178px;
}

.infoblok.default.item #sitecontainer #kolom-b #blok_right1.blok.link_leesmeer {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;  
	min-height: 184px;
	margin-top: 13px;
	margin-bottom: 5px;
	padding: 0;
}

.infoblok.default.item #sitecontainer #kolom-b #blok_right2.blok.link_leesmeer {
	background-image: url('../gfx/layout/box-blue-bg.png');
	background-repeat: repeat-x;
	background-color: #0099CC; /* blauw */
	color: #fff;
	display: inline-block;
   font-size: 86%;	
	line-height: 125%;  
	min-height: 184px;
	margin-top: 8px;
	margin-bottom: 15px;
	padding: 0;
}

/*#sitecontainer*/ #main-body #inhoud .blok.embeddedstream h3 { display: none;}

/*#sitecontainer*/ #main-body #inhoud .streams.beeldbank h4 {
	background-image: url('../gfx/icons/icon-video32.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 25px;
	width: 100%;
	float: left;
}

/*#sitecontainer*/ #main-body #inhoud .streams.video h4 {
	background-image: url('../gfx/icons/icon-video32.png');
	background-position: 0% 0px;
	background-repeat: no-repeat;
	padding-left: 25px;
}

/*#sitecontainer*/ #main-body #inhoud .links h4 {
	background-image: url('../gfx/icons/icon-link32.png');
	background-position: 0% 0px;
	background-repeat: no-repeat;
	padding-left: 25px;
	clear: both;
}

/*#sitecontainer*/ #main-body #inhoud .secondHeader {
	padding-bottom: 0.5em;
	font-size: 150%;
	line-height: 125%;
	font-weight: normal;
	text-transform: uppercase;
}

/*#sitecontainer*/ #main-body #inhoud .blok.linkset h3 { clear: both;}

/*#sitecontainer*/ #main-body #inhoud p.intro a,
/*#sitecontainer*/ #main-body #inhoud p.sub a { color: #2d8ab6;}

/* =================== AFBEELDINGEN =====================*/
#main-body #inhoud .afbeelding.groot.top p {
	float: left;
	clear: right;
	width: 100%;
	padding-bottom: 0px;
}

#main-body #inhoud .afbeelding.medium.links { float: left;}

/*#main-body #inhoud .afbeelding.medium.links img { margin: 0 8px 4px 0;}*/

#main-body #inhoud .afbeelding.medium.rechts {
	float: right;
   width: 258px;
}

#main-body #inhoud .afbeelding.medium.rechts img { 
   margin: 0 8px 0 8px;
	padding: 0;
}

#main-body #inhoud .story .paginaelement.tekst .afbeelding.medium.rechts img {
	float: right;
	margin: 0 0 8px 0;
}

#main-body #inhoud .afbeelding.project img {
	float: left;
	margin: 0 8px 8px 0;
}

#main-body #inhoud .afbeelding.project {
	float: left;
	display: inline;
}

#main-body #inhoud .story img.afbeelding { display: block;}

#main-body #inhoud .story img.afbeelding.rechts {
	float: right;
	margin-left: 0.6em;
	margin-bottom: 0.6em;
}

#main-body #inhoud .story img.afbeelding.links {
	float: left;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
}

#main-body #inhoud .data .paginaelement.episode .afbeelding.klein.rechts img {
	clear: both;
	float: right;
	padding: 0px 0px 0px 0px;
}


.vak .image .afbeelding.klein.rechts p { visibility: hidden;}

/*#main-body #inhoud .blok .afbeelding.links {
	clear: right;
	float: left;
	padding: 5px 15px 5px 0;
}*/

#main-body #inhoud .blok .afbeelding.medium.links {
	clear: right;
	float: left;
	padding: 5px 15px 5px 0;
}

#main-body #inhoud .story .paginaelement.tekst .afbeelding.medium.links {margin-top: 8px;}

#main-body #inhoud .story .afbeelding.medium.links p {
	/*clear: right;*/
	float: left;
	font-size: 70%;
	font-weight: bold;
	float: left;
	/*padding-right: 20px;*/
	padding-bottom: 0px;
	width: 300px;
}

#main-body #inhoud .story .paginaelement.tekst .afbeelding.medium.links p {
	font-size: 70%;
	font-weight: bold;
	float: left;
	clear: right;
	width: 250px;
	padding-bottom: 0px;
}

#main-body #inhoud .story .paginaelement.tekst .afbeelding.medium.links img {
	/* float: left; */
	padding-right: 8px;
	padding-bottom: 8px;
}	

#main-body #inhoud .blok .afbeelding.rechts {
	float: right;
	padding: 5px 0 5px 5px;
}

#main-body #inhoud .blok .afbeelding.medium.rechts {
	float: right;
	padding: 0px 0 5px 5px;
}

#main-body #inhoud .story .paginaelement.tekst .afbeelding.medium.rechts {
	float: right;
	padding: 5px 0 0px 0px;
	width: 260px;
}

#main-body #inhoud .story .paginaelement.tekst .afbeelding.medium.rechts p {
   line-height: 11px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 250px;
}

#main-body #inhoud .blok .afbeelding.medium.rechts p {
	float: right;
	padding: 5px 0 5px 5px;
}

#main-body #inhoud .paginaelement .afbeelding.medium.rechts img {
	/* float: right; */
	margin: 5px 0 5px 5px;
	padding: 0;
	display: inline;
}

#main-body #inhoud .paginaelement .afbeelding.medium.rechts p{
	/* float: right; */
	margin: 0;
	padding: 5px 0 5px 5px;
	width: 300px;
	font-size: 70%;
	font-weight: bold;
}

.widget.default /*#sitecontainer*/ #main-body #inhoud form { border-bottom: 0px dotted #cccccc;}

#kolom-b form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

/*#sitecontainer*/ #main-body #inhoud form fieldset label {
	width: 130px;
	height: 23px;
	display: block;
	float: left;
	background-repeat: no-repeat;
}


/*#sitecontainer*/ #main-body #inhoud #pagertop .pagerleft a {
	color: #000000;
	padding: 0 3px;
}

/*#sitecontainer*/ #main-body #inhoud #pagertop .pagerleft a:hover {
	color: #ffffff;
	background-color: #078FBE;
	padding: 0 3px;
}

#sitecontainer #main-body #inhoud .paginaelement.tekst p em,
#sitecontainer #main-body #inhoud .paginaelement.tekst ul li,
#sitecontainer #main-body #inhoud .paginaelement.tekst ol li { float: left;}

#sitecontainer #main-body #inhoud .paginaelement.tekst ul { float: left;}

#sitecontainer #main-body #inhoud .paginaelement.tekst ul li { list-style-type: none;}

#sitecontainer #main-body #inhoud .paginaelement.article ul.stream li a {
	color: #000000;
	text-decoration: underline;
	font-size: 80%;
	font-weight: bold;
}

#sitecontainer #main-body #inhoud .paginaelement.article ul.attachments li a {
	color: #000000;
	text-decoration: underline;
	font-size: 80%;
	font-weight: bold;
}

#sitecontainer #main-body #inhoud .paginaelement.article ul.links li {
	margin: 10px 0 0 0;
	width: 100%;
	float: left;
	clear: both;
}

#sitecontainer #main-body #inhoud .paginaelement.article ul.links li a.link {
	color: #000000;
	text-decoration: underline;
	font-size: 80%;
	font-weight: bold;
}

#sitecontainer #main-body #inhoud .paginaelement.article .paginaelement.tekst h3,
.home #sitecontainer #main-body #inhoud .paginaelement.tekst h3 {
   font-size: 120%;
   font-weight: bold;
   margin: 10px 0 -5px 0;
   padding: 0;
}

#sitecontainer #main-body #inhoud .paginaelement.article .paginaelement.tekst ul.links li p {
	float: left;
	clear: both;
	width: 100%;
}

#sitecontainer #main-body #inhoud .paginaelement.article .paginaelement.tekst ul.links li a.link {
	font-size: 80%;
	font-weight: bold;
}

#sitecontainer #main-body #inhoud .paginaelement.article .paginaelement.tekst ul.stream li a {
	font-size: 80%;
	font-weight: bold;
}

#sitecontainer #main-body #inhoud .paginaelement.article .paginaelement.tekst ul.stream li p {
	float: left;
	clear: both;
	width: 100%;
}

#sitecontainer #main-body #inhoud .paginaelement.article .paginaelement.tekst ul.attachments li a {
	font-size: 80%;
	font-weight: bold;
}

#sitecontainer #main-body #inhoud .paginaelement.article .paginaelement.tekst ul.attachments li p {
	float: left;
	clear: both;
	width: 100%;
}

#sitecontainer #main-body #inhoud .paginaelement.tekst ul {
	float: left;
	/*clear: both;*/
	width: 100%;
	margin-bottom: 20px;
}

#sitecontainer #main-body #inhoud .paginaelement.tekst ul.links {
	color: #000000;
	float: left;
	clear: right;
}

#sitecontainer #main-body #inhoud .paginaelement.tekst ul.links li a.link {
	color: #000000;
	text-decoration: underline;
	float: left;
	clear: both;
}

#sitecontainer #main-body #inhoud .paginaelement.tekst ul li a {
	color: #000000;
	text-decoration: underline;
	float: left;
	clear: right;
}

#sitecontainer #main-body #inhoud .paginaelement.tekst li { float: left;}

#sitecontainer #main-body #inhoud .paginaelement.tekst .paginaelement.tekst ul li {
	float: left;
	width: 100%;
	clear: both;
}


/*#sitecontainer #main-body #inhoud .paginaelement.tekst p b {
	float: left;
	clear: right;
	width: 540px;
	padding-top: 10px;
}*/

/*#sitecontainer*/ #main-body #inhoud .blok.text p { display: inline;}

/*#sitecontainer*/ #main-body #inhoud .story .paginaelement.tekst ul {
background-color: #ffffff;
   display: inline-block;
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 10px 0px;
	width: 558px;
}

/*#sitecontainer*/ #main-body #inhoud .story .paginaelement.tekst ul li {
   float: none;
	list-style: disc;
	margin-left: 30px;
}

/*#sitecontainer*/ #main-body #inhoud .paginaelement.article ul.attachments li {
	margin: 10px 0 0 0;
	float: left;
	clear: both;
}

/*#sitecontainer*/ #main-body #inhoud .paginaelement.article ul.attachments {
	width: 100%;
	float: left;
	clear: both;
}

/*#sitecontainer*/ #main-body #inhoud .paginaelement.article ul.stream {
	width: 100%;
	float: left;
	clear: both;
}

/*#sitecontainer*/ #main-body #inhoud .paginaelement.article ul.stream li {
	margin: 10px 0 0 0;
	width: 100%;
	float: left;
	clear: both;
}

/*#sitecontainer*/ #main-body #inhoud .data .paginaelement.episode { display: inline-block;}

/*#sitecontainer*/ #main-body #inhoud .data .paginaelement.episode p.intro {
	width: 400px;
	float: left;
	display: inline;
	line-height: normal;
	vertical-align: top;
	font-weight: normal;
	padding-left: 4px;
}

/*#sitecontainer*/ #main-body #inhoud .data .paginaelement.episode h4 {
	font-size: 100%;
	line-height: 20px;
	width: 400px;
	float: left;
	padding-left: 4px;
}

/*#sitecontainer*/ #main-body #inhoud .paginaelement.tekst ul.attachments li { margin: 10px 0 0 0;}

/*#sitecontainer*/ #main-body #inhoud .paginaelement.stream { margin: 0 0 18px 0;}

/*#sitecontainer*/ #main-body #inhoud .blok.grey {
	padding: 8px;
	background-color: #eeeeee;
}

/*#sitecontainer*/ #main-body #inhoud .blok.grey .rest ul {
	font-size: 86%;
	line-height: 1.5em;
	padding: 3px 0;
}

/*#sitecontainer*/ #main-body #inhoud .blok.grey .rest ul li {
	margin-left: 1.5em;
	list-style-type: disc;
}

/*#sitecontainer*/ #main-body #inhoud .blok.link strong a {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	line-height: 125%;
}

/*/*#sitecontainer*/ #main-body #inhoud .blok.project.result .rest h3 {
	padding: 0;
	margin: 0;
	font-size: 120%;
}

/*#sitecontainer*/ #main-body #inhoud .blok.project.result h1 {
	font-size: 120%;
	font-weight: normal;
}
/*#sitecontainer*/ #main-body #inhoud .blok.project.result .rest {
	padding-left: 0;
}
/*#sitecontainer*/ #main-body #inhoud .blok.project.result p a {
	color: #155673;
	font-weight: bold;
	text-decoration: underline;
}

/*#sitecontainer*/ #main-body #inhoud .blok.news {
	position: relative;
	margin-bottom: 10px;
}
/*#sitecontainer*/ #main-body #inhoud .blok.news .image,
/*#sitecontainer*/ #main-body #inhoud .blok.project .image {
	position: absolute;
	float: left;
	padding-top: 3px;
}

/*#sitecontainer*/ #main-body #inhoud .blok.ad { margin-bottom: 10px;}

/* =================== FOOTER ===========================*/
#voettekst {	
   background-color: #d8eff6;
	font-size: 86%;
	/*left: 0;*/
	padding: 4px 0;
	text-align: center;
	/*position: absolute;*/
 	width: 100%;
}

#voettekst ul#voetnavigatie {
   left: 0;
	color: #0099CC;
	margin: 0;
	padding: 0;
/*	width: 500px;*/
}

#voettekst ul#voetnavigatie li {
	display: inline;
	border-right: 1px solid #0099CC;
	padding-right: 0.25em;
}

#voettekst ul#voetnavigatie li#voetnav1 a,
#voettekst ul#voetnavigatie li#voetnav2 a,
#voettekst ul#voetnavigatie li#voetnav3 a,
#voettekst ul#voetnavigatie li#voetnav4 a,
#voettekst ul#voetnavigatie li#voetnav5 a,
#voettekst ul#voetnavigatie li#voetnav6 a,
#voettekst ul#voetnavigatie li#voetnav7 a {
	  color: #0099CC;
}

#voettekst ul#voetnavigatie li a:hover { text-decoration: underline;}

#voettekst ul#voetnavigatie li.laatste {
	/* This exception based on an ID is only done because there's no other way.
	   This should be FIXED as soon as possible. */
	border-right: none;
}

#voettekst .copyright {
  color: #0099CC;
  float: inherit;
  height: 20px;  
  width: 100%;
}

#voettekst .copyright .docentenpagina {
  float: right;
  width: 100%;
}

#voettekst .copyright .docentenpagina a {
  background-image: url(../gfx/elements/naarschooltv.png);
  background-position: top left;
  background-repeat: no-repeat;  
  color: #d8eff6;
  font-size: 10px;
  height: 20px;
  line-height: 15px;
  margin: -10px 0 0 650px;
  padding: 25px 75px 10px 15px;
  width: 450px;
}

#voettekst .copyright .docentenpagina a:hover { background-image: url(../gfx/elements/naarschooltv_over.png);}

#voettekst .copyright .payoff {
	color: #0099CC;
	font-weight: bold;
	margin: 0 0 0 25px;
	padding: 0;
}

#voettekst .copyright span.copyrighttext {
   color: #000;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 10px;
	margin: 0;
}

/*#sitecontainer*/ #main-body #inhoud ul#letternavigatie {
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding: 1em 0;
	width: 540px;
}

/*#sitecontainer*/ #main-body #inhoud ul#letternavigatie li {
	display: inline;
	font-size: 150%;
}

/*#sitecontainer*/ #main-body #inhoud ul#letternavigatie li a {
	color: #000000;
	padding: 0 0.025em;
}

/*#sitecontainer*/ #main-body #inhoud ul#letternavigatie li a:hover {
	color: #ffffff;
	background-color: #078FBE;
}

/*#sitecontainer #main-body #inhoud .streams.video {
	background-image: url('../gfx/elements/bg-project.png');
	background-repeat: repeat-x;
	margin-top: 18px;
	float: left;
	width: 100%;
}*/

/*#sitecontainer #main-body #inhoud .attachments {
	background-image: url('../gfx/elements/bg-project.png');
	background-repeat: repeat-x;
}*/
/*
#sitecontainer #main-body #inhoud .streams.video dd p.intro{
	margin-top: 18px;
}*/

/*#sitecontainer #main-body #inhoud .streams.video dl dt a.link {
	font-size: 86%;
	color: #000000;
	text-decoration: underline;
}*/

/*#sitecontainer #main-body #inhoud .streams.video dl dt a:hover {
	font-size: 86%;
	color: #078FBE;
	text-decoration: underline;
}*/
/*
#sitecontainer #main-body #inhoud .streams.beeldbank dl dt a.link {
	font-size: 86%;
	color: #000000;
	text-decoration: underline;
}*/

/*#sitecontainer #main-body #inhoud .streams.beeldbank dl dt a:hover {
	font-size: 86%;
	color: #078FBE;
	text-decoration: underline;
}*/

/*#sitecontainer #main-body #inhoud .attachments dl dt a.link {
	font-size: 86%;
	color: #000000;
	text-decoration: underline;
}*/

/*#sitecontainer #main-body #inhoud .attachments dl dt a:hover {
	font-size: 86%;
	color: #078FBE;
	text-decoration: underline;
}
*/
/*#sitecontainer*/ #main-body #inhoud dl dd p.intro { margin: 7px 0 7px 0;}

/*#sitecontainer*/ #main-body #inhoud dl.defs dd { border-bottom: 1px dotted #999999;}

/*#sitecontainer*/ #main-body #inhoud dl.defs { margin-top: -0.5em;}

/*#sitecontainer*/ #main-body #inhoud div.alphabet {
	font-size: 133%;
	line-height: 1em;
	height: 1em;
	padding-bottom: 2px;
}

/*#sitecontainer*/ #main-body #inhoud div.alphabet a {
	padding: 2px 0.02em;
	width: 1.1em;
	color: #000000;
	text-align: center;
	display: block;
	float: left;
}

/*#sitecontainer*/ #main-body #inhoud div.alphabet a:hover {
	color: #FFFFFF;
	background-color: #078FBE;
}

.icon { margin-right: 4px;}

.streams .beeldbank dd p { visibility: hidden;}

.beeldbank dd .intro { display: none;}

.page.number { margin-right: 2px;}

#caldiv {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-left: -102px;
	margin-top: -120px;
}