/* HBB stylesheet, algemeen
 * Version: $Id: hbb.css,v 1.23 2010/08/11 13:05:14 telnotap Exp $
 */

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

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


/* --------zie ook opmerking bij H1 #beginInhoud-------*/

.noCss {

	display: none;

}



/***********************************************/

/*			toevoeging van Juan, voor een hidden div

/***********************************************/



#hidden {
	visibility: 		hidden;
}

/***********************************************/

/* Alle elementen op de waarde nul zetten

/***********************************************/

* {
	margin:				0;
	padding:			0;
	border:				0;
}

/***********************************************/

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

/**********************************************/

#frame {
	width: 100%;
	background-color: #FFFFFF;
	padding : 0px;

}

.opties {
	display:	none;
}

.opties, .opties a,  .opties a:active, .opties a:link {
	color: 				#003366;
	font-size:	 		1.0em;
	font-weight:		bold;
	font-style: 		italic;
	margin: 			0px;
	padding: 			0px;
	text-align: 		right;
	width: 				550px;
}


/***********************************************/

/* -------------  pagina te centreren ---------*/

/**********************************************/

#sitecontainer {
	margin: 			0px auto;
	position:			relative;
	width: 				1020px;
}

/* toevoeging voor het embedden van Silverligth, sept.2009 Leidi, iom Pierre: players worden nu
onderscheiden per soort Silverlight, Other (andere players), Flash */
.player.silverlight.video_nebo {
	/*background-color:  fuchsia;*/
	background-color:		#fbf7ee;
	border-left:			13px solid #000;
	border-right:			13px solid #000;
	display:				block;
	height: 274px;
	margin:					0 0 0 11px;
	padding:				0 10px 20px 9px;
	width:					520px;
}

.stream object {
   height: 294px;
}

/***********************************************/

/* -------------  Achtergronden ---------*/

/**********************************************/

.spelletjes { background: 		url(../gfx/bg-body-spelletjes.gif) top left repeat; }
.quiz_overview {	background: 		url(../gfx/bg-body-quiz.gif) top left repeat; }
.knutsels {	background: 		url(../gfx/bg-body-knutsels.gif) top left repeat; }
.clip_van_de_week {	background: 		url(../gfx/bg-body-filmpjes.gif) top left repeat; }
.kleurplaat {	background: 		url(../gfx/bg-body-kleurplaat.gif) top left repeat; }
.fotoboek {	background: 		url(../gfx/bg-body-fotoboek.gif) top left repeat; }
.hbb_gemist {	background: 		url(../gfx/bg-body-gemist.gif) top left repeat; }
.muziek {	background: 		url(../gfx/bg-body-muziek.gif) top left repeat; }
.clubblad {	background: 		url(../gfx/bg-body-clubblad.gif) top left repeat; }
.zend_een_kaart {	background: 		url(../gfx/bg-body-stuurkaart.gif) top left repeat; }
.texts #sitecontainer {	background: 		url(../gfx/bg-body-colofoon.gif) top left repeat; }
.contact {	background: 		url(../gfx/bg-body-contact.gif) top left repeat; }
.paspoort {	background: 		url(../gfx/bg-body-paspoort.gif) top left repeat; }



/***********************************************/

/* -------- algemene pagina definities -----*/

/***********************************************/

body {
	font:		14px/20px Verdana, Arial, Helvetica, sans-serif !important;
}




/* ---------- foutmelding bij e-mailprocessing---------*/

.foutmelding {
	color: 				#D00021;
    font-weight : 			bold;
	background-color:		#f6fbf0;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			7px;
	width:					509px;		
	padding:				20px 0 0 30px;
}


/***********************************************/

/* ---------------- list definities ------------------*/

/***********************************************/

ul {   
	/*list-style-image: 		url(../gfx/bullit.gif);*/
	list-style:				none;
}



.clubblad #inhoud li {
	display: block;
	width:	400px;

}
.clubblad #inhoud li a img,
.clubblad #inhoud li a {
	float:		none;
}

.clubblad #inhoud li a {
	color:		#000;
}

.clubblad #inhoud li a img{
	margin-right:	5px;
}

li p {

	font-weight : normal;

}

.clubblad #inhoud ul.links {
	margin-left:	0;
	margin-bottom:	20px;
}

ul.links {
	font-size: 0.9em;
	font-weight: bolder;
	margin-left: 15px;
	margin-top: 5px;
}

/***********************************************/

/*----------voor allerlei formulieren; form#search is voor zoekfunctie------------*/

/***********************************************/
.contact form {
	position:				relative;
    font-weight : 			bold;
	background-color:		#d6e9e1;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			16px;
	width:					509px;		
	padding:				0 0 0 30px;
	float:					none;
	clear:					both;
}

.contact form label {
	width:					138px;
	display:				block;
	float:					left;
	text-align:				right;
	padding:				0 10px 0 0;
}


.contact form p {

}

.zend_een_kaart form {
	position:				relative;
    font-weight : 			bold;
	background-color:		#f6fbf0;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			7px;
	width:					509px;		
	padding:				20px 0 40px 30px;
}
.zend_een_kaart form fieldset {
	position:				relative;
	background:		url(../gfx/bg-form.gif) top left no-repeat;
	padding:		0 0 0 12px;
}

.zend_een_kaart form fieldset p {
	width:			210px;
	height:			36px;
	float:			left;	
}



.zend_een_kaart form fieldset p.veld_name {
	margin-top:		86px;
}

form fieldset p input {
	background:		url(../gfx/bg-form-input.gif) top left no-repeat;
	width:			201px;
	height:			19px;
	padding:		5px;	
	float:			left;	
}

.contact form fieldset p input {
	float:			none;
}

form fieldset p.veld_textarea {
	width:			240px;
	height:			280px;
	margin-top:		57px;
	float:			left;
	overflow: auto;	
}

.contact form fieldset p.veld_textarea {
  width:      auto;
  height:     auto;
  margin-top: 0px;
  float: none;
}

form fieldset p.veld_textarea textarea {
	background:		url(../gfx/bg-form-textarea.gif) top left no-repeat;
	width:			203px;
	height:			172px;
	padding:		8px 8px 17px 8px;
  overflow: auto;	
}

.contact form fieldset p.veld_textarea textarea {
	background:		url(../gfx/bg-form-textarea.gif) top left no-repeat;
	width:			203px;
	height:			181px;
	padding:		8px;
	overflow:		auto;
	float:			left;
}		

#inhoud form fieldset #action {
	background:		url(../gfx/btn-verstuur.gif) top left no-repeat;
	height:			1%;
	float:			right;
	width:			167px;
	padding:		64px 0 0 0;
	overflow:		hidden;
	cursor:			pointer;
	margin:			20px 30px 0 0;
	color:			#f6fbf0;
}

.brieven #inhoud form fieldset #action {
	color:			#d6e9e1;
	float:			none;
	margin-left:	148px;
}

.brieven #inhoud .verstuurd p {
    font-weight : 			bold;
	background-color:		#d6e9e1;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			16px;
	width:					509px;		
	padding:				0 0 0 30px;
}


/***********************************************/

/*---------------- links in the site -------------   */

/***********************************************/

a, a:active, a:link, a:visited {

	color: #9933CC;

	font-weight: bold;

	text-decoration: none;

}



a:hover {

	color: #000099;

	text-decoration: none;

}



.hierbenik {
	color: 			 #9933CC;
}

.zend_een_kaart .hierbenik a {
	color: 			 #fff185 !important;
}

.spelletjes .hierbenik a {
	color: 			 #FFD500 !important;
}

.quiz .hierbenik a {
	color: 			 #ff0000 !important;
}

.knutsels .hierbenik a {
	color: 			 #f53ea0 !important;
} 

.hbb_gemist .hierbenik a {
	color: 			 #FF0000 !important;
}

.fotoboek .hierbenik a {
	color: 			 #00BBFF !important;
} 

.clip_van_de_week .hierbenik a {
	color: 			 #0070C6 !important;
} 

.kleurplaat .hierbenik a {
	color: 			 #6abf25 !important;
} 

.clubblad .hierbenik a {
	color: 			 #7B85FC !important;
} 

.muziek .hierbenik a {
	color: 			 #FF003B !important;
} 




/***********************************************/

/* ---- Kop HOMEPAGE -----*/

/**********************************************/

#logo_homepage {

	background : url(../gfx/header_hzhome.jpg);

	background-repeat : no-repeat;

	color: white;

	display: block;

	font-size: 1.2em;

	font-weight: bold;

	height : 84px;

	margin-right : 0px;

	margin-top: 0px;

	/* -----zorgt ervoor dat de tekst "De volgende uitzending...

	op de juiste plek getoond wordt als deze 'aangezet' is via de

	edit wizzards 140807 Leidi------*/

	width: 993px;

	text-indent: 470px;

}





/***********************************************/

/* ---- Kop HOMEPAGE ROLLOVER-----*/

/**********************************************/



#logo_hpage a {

    background : url(../gfx//header_hzhome.jpg);

	display: block;

    height : 84px;

	margin-left : 0px;

    padding: 0px;

   /* vertical-align: top;*/

	width: 993px;

}



#logo_hpage a:hover {

	background : url(../gfx/header_hzhome_over.jpg);

	display: block;

	height : 84px;

	margin-left : 0px;

	padding: 0px;

	/*vertical-align: top;*/

	width: 993px;

	

}



/***********************************************/

/* ---- Kop vervolgpagina ROLLOVER-----*/

/**********************************************/

#logo a {

    background : url(../gfx/header_hzpage.jpg);

	display: block;

    height : 84px;

	margin-left : 0px;

    padding: 0px;

    /*vertical-align: top;	*/

	width: 993px;

}



#logo a:hover {

	background : url(../gfx/header_hzpage_over.jpg);

	display: block;

	height : 84px;

	margin-left : 0px;

	padding: 0px;

	vertical-align: top;

	width: 993px;

	

}



/***********************************************/

/*   kruimelpad, kan naar wens aan en uitgezet worden in het redactiesysteem   */

/***********************************************/

div#kruimelpad {

    background-color: #FF5A00;

	clear : both;

	font-weight: bold;

	font-style: italic;		

	font-size: 90%;

	height: 15px;	

	letter-spacing: 0.1em;

	margin-left: 0px;

	text-indent: 5px;

	padding-top: 5px;

}



div#kruimelpad a {

	margin: 0 1em;

}



/***********************************************/

/*--------------- linkernavigatie --------------   */

/***********************************************/

#linkernavigatie {
	float:			left;
	margin-bottom:	40px;
}

ul#subnavigatie {
	float: 				left;
	font-weight : 		bold;
	/*margin-top: 		-55px;*/
	margin:				45px 0 0 59px;			
	width : 			210px;
	display:			block;
}

ul#subnavigatie li {

}



ul#subnavigatie li a { 
    display: 			block;
	overflow:			hidden;
	color:				#fff;
	width: 				160px;
	height:				42px;
	padding:			14px 0 0 50px;
	text-align:			center;
    text-decoration: 	none;

}

ul#subnavigatie li a:active,
ul#subnavigatie li a:link,
ul#subnavigatie li a:visited {
	text-decoration:	none;
}
ul#subnavigatie .menu_spelletjes a { background: url(../gfx/btn-menu-spelletjes.gif) top right no-repeat; padding-top: 17px; }
ul#subnavigatie .menu_quiz a { background: url(../gfx/btn-menu-quiz.gif) top right no-repeat; }
ul#subnavigatie .menu_knutsels a { background: url(../gfx/btn-menu-knutsels.gif) top right no-repeat; }
ul#subnavigatie .menu_clip_van_de_week a { background: url(../gfx/btn-menu-filmpjes.gif) top right no-repeat; }
ul#subnavigatie .menu_kleurplaat a { background: url(../gfx/btn-menu-kleurplaat.gif) top right no-repeat; }
ul#subnavigatie .menu_fotoboek a { background: url(../gfx/btn-menu-fotoboek.gif) top right no-repeat; }
ul#subnavigatie .menu_hbb_gemist a { background: url(../gfx/btn-menu-gemist.gif) top right no-repeat; }
ul#subnavigatie .menu_muziek a { background: url(../gfx/btn-menu-liedjes.gif) top right no-repeat; }
ul#subnavigatie .menu_clubblad a { background: url(../gfx/btn-menu-clubblad.gif) top right no-repeat; }
ul#subnavigatie .menu_zend_een_kaart a { background: url(../gfx/btn-menu-kaart.gif) top right no-repeat; }


/***********************************************/

/*--------------- overige navigatie --------------   */

/***********************************************/

.volgendepagina {

   font-size: 0.7em;

	font-weight : bold;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	width: 550px;

	text-align : right;

 }



.vorigepagina {

   font-size: 0.7em;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

	padding: 0px;

	width: 550px;

	text-align: left;

 }

/***********************************************/

/*--------------- paginainhoud ---------------   */

/***********************************************/

#inhoud {
	/*background-image : url(../gfx/backgr_inhoud.gif);*/
	color : #000000;
	float : left;
	table-layout : fixed;
	padding: 0 20px 0 36px;
	text-align: left;
	vertical-align: top;
	width: 601px;
	margin-left: 33px;
}

/* Muziek */


.muziek #inhoud { 
	background: 			url(../gfx/bg-inhoud-muziek.gif) top left no-repeat;
}

.muziek .paginaelement {
	background-color:		#ffe5eb;
	border-left:			12px solid #000;
	border-right:			12px solid #000;
	margin-left:			-11px;
}

.muziek #extrainhoud {
	background: 			url(../gfx/bg-inhoud-muziek-bottom.gif) top left no-repeat;
	height:					87px;
	width:					567px;
	margin-left:			324px; 
	margin-bottom:			40px;
	float:					left;
}

.muziek #inhoud .flashobject {
	margin:				61px 0 158px 36px; 
	width:				506px;
	height:				338px;
}

.flashobject { 
	outline:			none;
}

/* clip_van_de_week */


.clip_van_de_week #inhoud { 
	background: 			url(../gfx/bg-inhoud-filmpjes.gif) top left no-repeat;
}

.clip_van_de_week .paginaelement {
	background-color:		#eef5fb;
	border-left:			12px solid #000;
	border-right:			12px solid #000;
	margin-left:			-11px;
}

.clip_van_de_week #extrainhoud {
	background: 			url(../gfx/bg-inhoud-filmpjes-bottom.gif) top left no-repeat;
	height:					87px;
	width:					567px;
	margin-left:			324px; 
	margin-bottom:			40px;
	float:					left;
}

.clip_van_de_week #inhoud .flashobject {
		margin:				60px 0 158px 36px;
		width:				506px;
		height:				338px;
}

/* colofoon */


.texts #inhoud { 
	background: 			url(../gfx/bg-inhoud-colofoon.gif) top left no-repeat;

	background-position:	0 122px;
	padding:	0 !important;
	margin-left:	218px;

}

.texts .paginaelement {
	background-color:		#f4f4f4;
	border-left:			12px solid #000;
	border-right:			12px solid #000;
	margin-left:15px;
	padding:0 0 0 20px;
	width:520px;}

.texts #extrainhoud {
	background: 			url(../gfx/bg-inhoud-colofoon-bottom.gif) top left no-repeat;
height:132px;
width:567px;
margin-left:231px;
	margin-bottom:			40px;
	float:					left;
}

.texts #inhoud .flashobject {
		margin:				60px 0 158px 36px;
		width:				506px;
		height:				338px;
}

/* colofoon */


.paspoort #inhoud { 
	background: 			url(../gfx/bg-inhoud-paspoort.gif) top left no-repeat;
	background-position:	0 122px;
	padding:				0 !important;
	margin-left:			218px;
} 

.paspoort #inhoud .persoon {
	background: 			url(../gfx/bg-inhoud-paspoort-persoon.gif) bottom left no-repeat;
	height:					1%;
	display:				inline-block;
	padding:				0 0 219px;
	width:					594px;
}

.paspoort #inhoud .person {  
	background-color:		#eaebff;
	border-left:			12px solid #000;
	border-right:			12px solid #000;
	padding:				0 0 0 20px;
	margin-left:			15px;
	width:					520px;
	float:					left;
} 

.paspoort .persoon .persoonsgegevens dt {
	font-weight:	bold;
	color:		#000;
	font-size:	14px;
}

.paspoort .persoon .persoonsgegevens dd {
	margin-bottom:	15px;
	font-size:		12px; 
}

.paspoort .persoon dl.persoonsgegevens {
	width:				294px;   
	float:				right;
} 

.paspoort .persoon .biographie {
	width:				195px;
	float:				left;
	height:				370px;
	
}

.paspoort #inhoud .persoon .persoon {
	background-image:		none;
	background-color:		#eaebff;
	border-left:			12px solid #000;
	border-right:			12px solid #000;
	margin-left:15px;
	padding:0 0 0 20px;
	width:520px;
} 

.paspoort #extrainhoud {
	background: 			url(../gfx/bg-inhoud-paspoort-bottom.gif) top left no-repeat;
	height:					132px;
	width:					580px;
	margin-left:			220px;
	margin-bottom:			40px;
	float:					left;
}

.paspoort #inhoud .flashobject {
		margin:				60px 0 158px 36px;
		width:				506px;
		height:				338px;
}



/* contact */


.contact #inhoud { 
	background: 			url(../gfx/bg-inhoud-contact.gif) top left no-repeat;

	background-position:	0 122px;
	padding:	0 !important;
	margin-left:	218px;

}

.contact .paginaelement {
	background-color:		#f4f4f4;
	border-left:			12px solid #000;
	border-right:			12px solid #000;
	margin-left:15px;
	padding:0 0 0 20px;
	width:520px;}

.contact #extrainhoud {
	background: 			url(../gfx/bg-inhoud-contact-bottom.gif) top left no-repeat;
height:132px;
width:567px;
margin-left:231px;
	margin-bottom:			40px;
	float:					left;
}

.contact #inhoud .flashobject {
		margin:				60px 0 158px 36px;
		width:				506px;
		height:				338px;
}


/* hbbgemist */




.hbb_gemist #inhoud { 
	background: 			url(../gfx/bg-inhoud-hbbgemist.gif) top left no-repeat;
	background-position:	0 122px;
	padding-left:			3px;
	margin-left:			59px;	
}

.hbb_gemist #inhoud .paginaelement {
	background-image:		none;
	background-color:		#fbf7ee;
	border-left:			13px solid #000;
	border-right:			13px solid #000;
	margin-left:			8px;
	padding-bottom:			0;
}

.hbb_gemist #inhoud .stream a img {
	display:				inline !important;
}

.hbb_gemist #inhoud .stream {

	background: 			url(../gfx/bg-inhoud-hbbgemist-stream.gif) bottom left no-repeat;
	padding-bottom:			213px;
}

.hbb_gemist #inhoud .stream a {
	background-color:		#fbf7ee;
	border-left:			13px solid #000;
	border-right:			13px solid #000;
	margin-left:			11px;
	padding:0 10px 0 2px;
	width:527px;
	display:				inline-block;
}

.hbb_gemist #inhoud .stream h3 a {
	border:					0;
	margin:					0;
	width:					auto;
	padding:				0;
	color:					#FF0000;
}

.hbb_gemist #inhoud .paginaelement {
	padding-top:				20px;
}

.hbb_gemist #inhoud h2 {
	background-color:		#fbf7ee;
	border-left:			13px solid #000;
	border-right:			13px solid #000;
	margin:					0 0 0 11px;
	padding:				0 10px 20px 9px;
	width:					520px;
	display:				block;
	color:					#FF0000;
	font-weight:			bold;
	text-align:				left;

}

.hbb_gemist #inhoud .paginaelement.stream .afbeelding a {
	border:					0;
	padding: 				0;
	width:					175px;
	margin:					0;
	background:				transparent none repeat scroll 0 0;
}

.hbb_gemist #inhoud .stream .afbeelding.klein.links p {
	width:					auto;
}

.hbb_gemist #extrainhoud {
	background: 			url(../gfx/bg-inhoud-hbbgemist-bottom.gif) top left no-repeat;
	height:					133px;
	width:					567px;
	margin-right:			110px; 
	margin-bottom:			40px;
	float:					right;
}

.hbb_gemist #inhoud .flashobject {
		margin:				60px 0 158px 36px;
		width:				506px;
		height:				338px;
}


/* stuurkaart */

.zend_een_kaart #inhoud { 
	background: 			url(../gfx/bg-inhoud-stuurkaart.gif) top left no-repeat;
	background-position:	0 111px;
	padding-left:			6px;
	margin-left:			59px;
}

.zend_een_kaart #inhoud .flashobject {
	height:					352px;
	position:				relative;
    font-weight : 			bold;
	background-color:		#f6fbf0;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			7px;
	width:					564px;
	padding:				0 0 20px 15px		
}
.zend_een_kaart .afbeelding.groot.top,
.zend_een_kaart .paginaelement {
	background-color:		#f6fbf0;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			7px;
padding:0 0 20px 10px;
width:529px;

}

.zend_een_kaart #extrainhoud {
	background: 			url(../gfx/bg-inhoud-stuurkaart-bottom.gif) top left no-repeat;
	height:					87px;
	width:					567px;
	margin-bottom:			40px;
	margin-right:			114px;
	float:					right;
}


/* quiz */

.quiz #inhoud { 
	background: 			url(../gfx/bg-inhoud-quiz.gif) top left no-repeat;
	background-position:	0 140px;
}

.quiz #inhoud .flashobject {
		margin:				60px 0 144px 23px;
		width:				520px;
		height:				498px;
}

.quiz .paginaelement {
	background-color:		#ffe8e8;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	padding:				0 10px 20px 20px;
	width:					509px;
	height:					100px;
}

.quiz .paginaelement p {
	float:					left;
}

.quiz #extrainhoud {
	background: 			url(../gfx/bg-inhoud-quiz-bottom.gif) top left no-repeat;
	height:					87px;
	width:					567px;
	margin-left:			336px;
	margin-bottom:			40px;
	float:					left;
}

/* clubblad */
.clubblad #inhoud { 
	background: 			url(../gfx/bg-inhoud-clubblad.gif) top left no-repeat;
	background-position:	0 140px;
	padding-left:			6px;
	margin-left:			59px;
}

.clubblad #inhoud .flashobject {
		margin:				20px 0 20px -10px;
		width:				520px;
		height:				372px;
}

.clubblad .paginaelement.article {
	background-color:		#eef5fb;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			8px;
	padding:				0 0 0 20px;
	width:					519px;

}

.clubblad .paginaelement.stream {
	border:					0;
	padding:				0;
	width: 511px;
}

.clubblad #inhoud .paginaelement.article .groot { 

	margin:					0 0 0 -17px;
}

.clubblad #inhoud .paginaelement.article .groot img {
	background:transparent url(../gfx/bg-imagewrapper-large-520.gif) no-repeat scroll left top;
	height:auto;
	padding:5px 7px 7px;
	width:auto;
} 

.hbb_gemist #inhoud .paginaelement.stream {
	float:					left;
	clear:					both;
	background-image:		none;
	padding-bottom:			0;
	background-color:		#FBF7EE;
	margin-left:			14px;
}


.hbb_gemist #inhoud .paginaelement.stream a img {
	background:				none;
	padding: 0;
}

.hbb_gemist #inhoud .paginaelement.stream .afbeelding .klein a {
	margin:					0;
}

.clubblad #extrainhoud {
	background: 			url(../gfx/bg-inhoud-clubblad-bottom.gif) top left no-repeat;
	height:					122px;
	width:					567px;
	margin:					0 0 40px 340px;
	float:					left;
}


/* knutsels */
.knutsels #inhoud { 
	background: 			url(../gfx/bg-inhoud-knutsels.gif) top left no-repeat;
	background-position:	0 140px;
	padding-left:			6px;
	margin-left:			59px;
}

.knutsels #inhoud .attachments { 
	background-color:		#fbeef6;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin:					0 0 0 8px;
	padding:				20px 0 20px 20px;
	width:					519px;
	float:					left;	
}

.knutsels #inhoud dl {
	float:					left;
}

.knutsels #inhoud div.links { 
	background-color:		#fbeef6;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin:					0 0 0 8px;
	padding:				0 0 20px 20px;
	width:					519px;
	float:					left;	
}

.knutsels #inhoud p { 
	background-color:		#fbeef6;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin:					0 0 0 8px;
	padding:				0 0 20px 20px;
	width:					519px;
	float:					left;	
}

.knutsels #inhoud .afbeelding.medium.rechts p {
	border:					none;
	margin:					0 0 0 11px;
	padding:				0;
	width:					200px;
	float:					left;
	display:				none;
}

.knutsels #inhoud .afbeelding.medium p {
	border:					none;
	margin:					0 0 0 5px;
	padding:				0;
	width:					auto;
	float:					left;
	display:				none !important; 
}

.knutsels #inhoud .flashobject {
		background:			url(../gfx/bg-schoolboord.gif) top left no-repeat;
		margin:				20px 0 20px -11px;
		width:				445px;
		height:				248px;  
}

.knutsels #inhoud .paginaelement {
	background-color:		#fbeef6;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin:					0 0 0 8px;
	padding:				24px 0 26px 20px;
	width:					519px;
	position:				relative;
	float:	none;

}

.knutsels #inhoud .paginaelement.infoblok p {
	border:					none;
	margin:					0;
	padding:				0;
	width:					510px;
}

.knutsels #inhoud .paginaelement.tekst p {
	border:					none;
	margin:					0;
	padding:				0;
	float:					none;
	display:				inline;
}

.knutsels #inhoud .paginaelement a.leesmeer {
	font-size:				12px;
	color:					#000;
	display:				block;
	width:					100px;
}

.knutsels #extrainhoud {
	background: 			url(../gfx/bg-inhoud-knutsels-bottom.gif) top left no-repeat;
	height:					87px;
	width:					567px;
	margin-right:			113px; 
	margin-bottom:			40px;
	float:					right;
}

/* kleurplaat */
.kleurplaat #inhoud { 
	background: 			url(../gfx/bg-inhoud-kleurplaat.gif) top left no-repeat;
	background-position:	0 140px;
	padding-left:			6px;
	margin-left:			59px;
}


.kleurplaat #inhoud .paginaelement.attachment {
	background-color:		#ebfce3;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin-left:			8px;
	padding:				0 0 25px 10px;
	width:					529px;
	float:					left;
}

.kleurplaat #inhoud .paginaelement.attachment a {
	border:					0;
	width:					auto;
	padding:0;
	margin:	0;
}

.kleurplaat #inhoud .attachment a.download {
	position:				absolute;
	right:					55px;
	top:					519px;	
	background: 			url(../gfx/btn-print.gif) top left no-repeat;	
	height:					0;
	border:					0;
	width:					175px;
	display:				inline;
	margin:					0 20px 0 0;
	padding:				74px 0 0 0;
	overflow:				hidden;
	float:					none;
	clear:					both;
}


.kleurplaat #inhoud .attachment a {
	background-color:		#ebfce3;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	padding:0 0 108px 2px;
	width:537px;
	display:				inline-block;
	clear:	both;
	height:	1%;


	color:					#6abf25;
}

.kleurplaat .paginaelement h3 a {
	float:					none;
	clear:					both;
	border:					none;
	padding:				0;
	margin:					0;
	display:				inline;
}



.kleurplaat #extrainhoud {
	background: 			url(../gfx/bg-inhoud-kleurplaat-bottom.gif) top left no-repeat;
	height:					86px;
	width:					567px;
	margin-left:			340px; 
	margin-bottom:			40px;
	float:					left;
}


/* spelletjes */

.spelletjes #inhoud .flashobject {
		margin:				48px 0 130px 23px;
		width:				520px;
		height:				498px;
}

.spelletjes #inhoud { 
	background: 			url(../gfx/bg-inhoud-spelletjes.gif) top left no-repeat;
	background-position:	0 140px;
}

.spelletjes #inhoud p {
	background-color:		#fffae8;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	padding:				0 20px;	
width:498px;	
}

.spelletjes #inhoud p.intro {
	float:					none;
}

.spelletjes #inhoud .paginaelement.exercise p,
.spelletjes #inhoud .paginaelement.flash p {
	border:					0;
	width:					auto;
}

.spelletjes .paginaelement {
	background-color:		#fffae8;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
}

.spelletjes #extrainhoud {
	background: 			url(../gfx/bg-inhoud-spelletjes-bottom.gif) top left no-repeat;
	height:					82px;
	width:					567px;
	margin-left:			336px;
	margin-bottom:			40px;
	float:					left;
}

/* =============================================================

 Om een flash goed gepositioneerd te krijgen op de hpage...

=============================================================*/

.flash_base_homepage  {
    height : 400px;
	margin: 0px;
	margin-left: -13px;
	margin-bottom: 30px;
	padding: 0px;
	vertical-align: top;
	width: 591px;
}



.flashobject {

	/*width: 580px;*/

	margin: 0px;

	padding: 0px;

	vertical-align: top;

	text-align: center;

}



.flashobject {



}



/***********************************************/

/*----------------- tekstkoppen  ---------------   */

/***********************************************/

h1 /* ------ anker voor gebruikers die om een of andere reden geen stylesheet gebruiken, identificatie om meteen naar de eerste kop te springen om de content vd pagina weer te geven ------ */
{

font-size: 1.4em;

}


h1#beginInhoud {
	font:		normal 34px/42px Verdana, Arial, Helvetica, sans-serif;
}




.muziek h1#beginInhoud { 
	width:		370px;
	height: 	51px;
	padding:	55px 0 0 50px;
	text-align:	center;
	color: 		#ff003b;
}


.paspoort h1#beginInhoud { 
	background: url(../gfx/h1-paspoort.gif) top left no-repeat;
	width:		420px;
	height:		91px;
	padding:	59px 0 0 9px;
	text-align:	center;
	color: 		#fff;
	margin:		0 0 72px 0;
} 

.paspoort .persoon .persoon h1#beginInhoud { 
	background: none;
	width:		420px;
	height:		30px;
	padding:	0;
	text-align:	left;
	color: 		#6a00ff;
	margin:		0 0 15px 0;
	font-size:	18px;
	font-weight:	bold;
}


.hbb_gemist h1#beginInhoud { 
	background: url(../gfx/h1-hbbgemist.gif) top left no-repeat;
	width:		420px;
	height:		81px;
	padding:	54px 0 0 24px;
	text-align:	center;
	color: 		#ff0000;
	margin:		0 0 73px 0;
}


.texts h1#beginInhoud { 
	background: url(../gfx/h1-colofoon.gif) top left no-repeat;
	width:		420px;
height:112px;
padding:40px 0 0 9px;
	text-align:	center;
	color: 		#fff;
	margin:		0 0 73px 0;
}

.contact h1#beginInhoud { 
	background: url(../gfx/h1-contact.gif) top left no-repeat;
	width:		420px;
	height:		91px;
	padding:	59px 0 0 9px;
	text-align:	center;
	color: 		#fff;
	margin:		0 0 73px 0;
}

.clip_van_de_week h1#beginInhoud { 
	width:		370px;
	height: 	51px;
	padding:	50px 0 0 50px;
	text-align:	center;
	color: 		#0070c6;
	font-size:	22px;
}

.quiz h1#beginInhoud { 
	background: url(../gfx/h1-quiz.gif) top left no-repeat;
	width:		420px;
	height: 	87px;
	padding:	48px 0 0 0;
	text-align:	center;
	color: 		#ff0000;
}

.fotoboek h1#beginInhoud { 
	background: url(../gfx/h1-fotoboek.gif) top left no-repeat;
	width:		420px;
	height: 	87px;
	padding:	48px 0 0 48px;
	text-align:	center;
	color: 		#00bbff;
}

.fotoboek #inhoud {
	position:		relative;

}

.fotoboek #linkernavigatie {
	margin-bottom:	80px;
}

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

.knutsels h1#beginInhoud { 
	background:	transparent url(../gfx/h1-knutsels.gif) no-repeat scroll left top;
	color:		#f53ea0;
	font-size:	22px;
	height:		69px;
	margin-bottom: 78px;
	padding:	74px 0 0 70px;
	text-align:	center;
	width:		350px;	
}

.clubblad h1#beginInhoud { 
	background:	transparent url(../gfx/h1-clubblad.gif) no-repeat scroll left top;
	color:		#7b85fc;
	font-size:	22px;
	height:		69px;
	margin-bottom: 78px;
	padding:	59px 0 0 70px;
	text-align:	center;
	width:		350px;	
}

.kleurplaat h1#beginInhoud { 
	background:	transparent url(../gfx/h1-kleurplaat.gif) no-repeat scroll left top;
	color:		#6abf25;
	font-size:	22px;
	height:		71px;
	margin-bottom: 73px;
	padding:	74px 0 0 70px;
	text-align:	center;
	width:		350px;	
}

.zend_een_kaart h1#beginInhoud { 
	background: url(../gfx/h1-stuurkaart.gif) top left no-repeat;
	width:		350px;
	height: 	89px;
	padding:	50px 0 0 70px;
	text-align:	center;
	color: 		#fff185;
	font-size:	22px;	
	margin-bottom:	47px;
}

.spelletjes h1#beginInhoud { 
	background: url(../gfx/h1-spelletjes.gif) top left no-repeat;
	width:		340px;
	height: 	79px;
	padding:	68px 0 0 80px;
	text-align:	center;
	color: 		#ffd500;
	vertical-align:	top;
}


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



.content h1 {

	font-size: 1.0em;

}


h2 {
	display:		none;
	font-size: 		18px;
	color:			#fff;
	text-align:		center;
	padding-right:	136px;
	font-weight:	normal;
}

.zend_een_kaart #inhoud h2 {
	display:			block;
	color:					#ffb400;
	background-color:		#F6FBF0;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin:					0 0 0 7px;
	padding:				0 0 10px 20px;
	width:					519px;	
	text-align:				left;
	font-weight:			bold; 
}
.knutsels #inhoud h2 {
	display:				block;
	color:					#F53EA0;
	background-color:		#fbeef6;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin:					0 0 0 8px;
	padding:				0 0 10px 20px;
	width:					519px;
	float:					left;
	text-align:				left;
	font-size:				18px;
}

.kleurplaat h2 {
	display:		block;
	background-color:		#EBFCE3;
	border-left:			13px solid #000;
	border-right:			12px solid #000;	
	padding:				0 0 10px 20px;	
	width:					519px;	

	font-size:		18px;
	color:			#6abf25;
	font-weight:	bold;
	text-align:		left;
	height:			16px;
}


.clip_van_de_week h2 {
	display:		block;
}

.muziek h2 {
	display:		block;
}

.fotoboek h3 {
	display:		none;
}

h3 { font-size: 1.0em;

margin-top: 8px;

margin-bottom: 3px;

margin-left: 0px;

padding : 0px;

text-indent: 1px;

}

.vragen h3 {

}

.antwoord h3 {

}

h4 {   
background-color:#FBEEF6;
border-left:13px solid #000000;
border-right:12px solid #000000;
float:left;
margin:0 0 0 8px;
padding:0 0 20px 20px;
width:519px;
	color:			#f53ea0;
	font-size:		14px;
	font-weight:	bold;
}
.knutsels #inhoud .links h4,
.knutsels #inhoud .attachments h4 {
	border:			0;
	margin:			0 0 15px 0;
	padding:		0;

}

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

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

display:	block;
width:			400px;
}

.knutsels h6 {
	color:			#f53ea0;
	font-size:		12px;
	font-weight:	bold;
}


/***********************************************/

/*------------------ teksten algemeen door de hele site heen --------------------   */

/***********************************************/
.zend_een_kaart #inhoud .verstuurd,
.zend_een_kaart #inhoud p.intro {
background-color:#F6FBF0;
border-left:13px solid #000000;
border-right:12px solid #000000;
color:#000;
display:block;
margin:0 0 0 7px;
padding:0 0 10px 20px;
text-align:left;
width:519px;
}

p.intro {
	font-size: 12px;
	font-weight: bold;
	color:			#000;
	float:			left;

	/*width: 450px;*/

}

.knutsels #inhoud p.intro {
	font-weight:		normal;
}




/*p.intro ul, p.intro ul li {

	list-style : none;

	margin:0px;

	padding: 0px;

}*/



p {

	font-size: 0.8em;

	margin: 0px;

	padding: 0px;

	padding-bottom: 10px;

}



/***********************************************/

/*------------- 'voor 'contentelementen' ---------------   */

/***********************************************/

#extraInhoud {

    clear : left;

	float : right;

	margin : 0px;

	padding : 0px;

}



/***********************************************/

/* ----- voor pagina onderdelen die qua inhoud duidelijk bij elkaar horen, kan apart vormgegeven worden, zie templates waar ze voorkomen ------*/
/* paginaelement is algemeen */
/***********************************************/

.paginaelement {
   clear: both;
}


.paginaelement h3 {
	font-size: 1.0em;
}

.hbb_gemist .paginaelement h3 {
	float:		left;
	color:	#FF0000;
}

.paspoort .paginaelement h3 {

}

.zend_een_kaart .paginaelement h3 {
	margin-left:	0;
}

.knutsels #inhoud .paginaelement.tekst h3 {
	padding-bottom:		5px;
	display:			block;
	color:				#F53EA0;

}

.texts .paginaelement.tekst h3 {
	font-size:	18px;
}

.zend_een_kaart .paginaelement h3 a {
	color:			#333;
	text-decoration: underline;
}

.knutsels .paginaelement h3 a {
	color:			#f53ea0;
	font-size:		18px;
}

.muziek .paginaelement h3 a {	color: #c2002d; font-weight:bold; font-size:18px; }


/*******************************

 * Pagina element dat apart gestyled kan worden, hier moet dan wel
 content via texts.jsp uit de database gehaald zijn. 

 ******************************/

.paginaelement.tekst {


}


.knutsels .paginaelement.tekst p {
	float:			left;
}

.paginaelement.tekst p {
	margin: 0px;
	padding: 0px;

}

.texts #inhoud .paginaelement.tekst p {
	padding:			0 10px;
}



.paginaelement.tekst h3 {

	font-size: 1.1em;

	font-weight: bold;

	margin: 25px 0px 0px 0px;

	padding: 0px;

	padding-bottom: 10px;

}

.clubblad #inhoud ul {
	float:			left;
	margin-bottom:	20px;
}

.paginaelement.tekst ul {

margin: 0px;

/*margin-left: 143px;*/

}



.paginaelement.tekst ul.links,

.paginaelement.tekst ul.links li,

.paginaelement.tekst ul.links li a link,  {

	margin: 0px;

	padding: 10px 0px 10px 0px;

	list-style: none;

	list-style-image: none;

}

/*******************************

 * Pagina element dat apart gestyled kan worden, hier moet dan wel
 content via streams.jsp uit de database gehaald zijn. 

 ******************************/

.paginaelement.stream {
	color: #003366;
	float: left;
	padding: 0 0 10px 20px;
	width: 519px;
}

.paginaelement.stream p.intro {	
  display:none;
}

.paginaelement.stream .afbeelding p {	
  display:none;
}

.clip_van_de_week	 .paginaelement.stream h3 a {
	color:			#0079c4;
	font-size:		18px;
	font-weight:	bold;
}
/*******************************

 * Pagina element dat apart gestyled kan worden, hier moet dan wel
 content via episodes.jsp uit de database gehaald zijn. 

 ******************************/


.paginaelement.episode {

	margin: 0px;

	margin-bottom: 15px;

	padding : 0px;

}



.paginaelement.episode h4 {

	font-size: 14px;

	margin: 0px;

	padding : 0px;

	padding-bottom: 5px;

}



.paginaelement.episode p.intro {   

	font-size: 0.8em;

	font-weight : normal;

	font-style: normal;

	margin: 0px;

	padding : 0px;

}



.paginaelement.episode p {   

	font-size: 0.8em;

	font-style: italic;

	margin: 0px;

	padding: 0px;

}



.paginaelement.episode ul {   

	font-size: 0.9em;

	font-weight : bold;

	margin: 5px 0px 0px 15px;

	padding : 0px;

}



.paginaelement.episode ul li {

   list-style: none;

	list-style-image: none;

	margin-left: -15px;

}



/* de afleveringen moeten ook een bullit_clip.png als icoon ervoor*/

.paginaelement.episode ul.stream li {

list-style: url(../gfx/bullit_clip.png);

margin: 0px 0px 0px 15px;

padding: 0px;

}



.paginaelement.episode ul.stream li h3 a {

	margin: 3px;

}

/***********************************************/

/*------------ rechternavigatie ---------------   */

/***********************************************/



#zijnavigatie {

   background-image :  url(../gfx/menu_backgr.jpg);

	float : right;

	margin: 0px;

	padding : 0px;	

	text-align : center;

	vertical-align : top;

	width : 189px;

}



ul#zijnavigatie {

	background-image :  url(../gfx/menu_backgr.gif);

	display: block;

	list-style-type: none;

	list-style-image: none;

	margin-right: 6px;

	padding-right: 0px;

	text-align : left;

	text-decoration: none;

	text-indent : 5px;

	width: 183px;

}



ul#zijnavigatie a {    

    display: block;

		line-height : 40px;

		margin-bottom : 0px;

	padding-bottom: 0px;

    text-decoration: none;    

	width: 189px;

}



ul#zijnavigatie li, 

ul#zijnavigatie li a, 

ul#zijnavigatie li#zijnav1,

ul#zijnavigatie li#zijnav2,

ul#zijnavigatie li#zijnav3,

ul#zijnavigatie li#zijnav4,

ul#zijnavigatie li#zijnav5,

ul#zijnavigatie li#zijnav6,

ul#zijnavigatie li#zijnav7,

ul#zijnavigatie li#zijnav8 {

 background-image : url(../gfx/menu_item_backgr.png);

	color: #FFFFFF;

	font-size : 0.9em;	

	font-weight : bold;

	line-height : 40px;

    list-style-image: none;

			margin-left: 0px;

			margin: 0px;

	padding-bottom: 0px;

	text-decoration: none; 

	width : 189px;  

	

}



ul#zijnavigatie li a:hover, ul#zijnavigatie li.hierbenik, ul#zijnavigatie li.hierbenik a {

	background-image : url(../gfx/menu_item_over.gif);

	color: #E0FFFF;

		line-height : 40px;

	text-decoration: none;

	margin-bottom: 0px;

	padding-bottom: 0px;

	width : 189px;

}



/***********************************************/

/*------------ voetermenu: bevat standaard een link naar home, contact, colofon, disclaimer en help ---------------   */

/***********************************************/

#voettekst {
	background-color: 	#000000;
	clear: 				both;
	height: 			27px;
	list-style:			none;
    margin: 			0px;    
    padding: 			7px 0 0 0;
    text-align: 		center;	
	vertical-align: 	bottom;
	width: 				1020px;
}



#voettekst ul {
	float:				right;
	margin:				0 13px 0 0;
}



#voettekst li, #voettekst li a {
	color:				#FFF;
    display: 			inline;
	text-transform:		uppercase;
}

#voettekst li a {
	background: 		url(../gfx/bg-voettekst-seperator.gif) top right no-repeat;
	padding-right:		14px;
	margin-left:		7px;
}

#voettekst li#voetnav4 a  {
	background:			none;
	padding:			0;
}

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



#voettekst li.hierbenik a {	

color: #9933CC;

    text-decoration: underline;

}



/***********************************************/

/*-------------- siteSPECIFIEK: bij de sites waar faq's  met bijbehorend antwoorden opgenomen zijn ---------------*/

/***********************************************/

.vragen {

	font-size: 1.0em;

	margin : 0px 5px 5px 5px;

	padding : 0px 5px 5px 5px;

}



.antwoorden {

    background-color : #FFFFFF;

	color : #003366;

	font-size: 1.0em;

	margin : 0px 5px 5px 5px;

	padding : 0px 5px 5px 5px;

}



/***********************************************/

/*-------------- afbeeldingen  ----------------  */

/***********************************************/

a img {

	border : 0px;

}



.afbeelding p {
	float:		left;
	display: inline;
	font-size:	10px;
	vertical-align : top;
	line-height:12px;
	padding:	0 0 5px 0;

}



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



.afbeelding.groot.top p {

	clear: left;

	float: left;

}



.knutsels #inhoud .paginaelement.tekst .afbeelding.medium.links {
	float: left;
	padding: 0px;
	margin: 0px;
	border:	none;
	width:	auto;

}



.afbeelding.medium.links img {

	clear: both;



	padding: 0px;

	padding-right: 10px;

	margin: 0px;

}



.afbeelding.medium.links p {

	float: left;

	font-size: 0.7em;

	margin: 0px;

	padding: 0px;

}



.knutsels #inhoud .afbeelding.medium.rechts img {

	float: none;

	padding: 0px;
	margin: 0 15px 0 0;

}



.knutsels .afbeelding.medium.rechts {
	background-color:		#fbeef6;
	border-left:			13px solid #000;
	border-right:			12px solid #000;
	margin:					0 0 0 8px;
	padding:				0 0 0 20px;
	width:					519px;
}

.knutsels .paginaelement.tekst .afbeelding.medium.rechts {
	border:					none;
	margin:					0;
	padding:				0;
	float:					right;
	width:					auto;
}



.afbeelding.medium.rechts p {

    clear: both;

	float : left;

}



.afbeelding.medium {

	display: inline;

	float : left;

	padding : 0px;

	margin: 0px;

	

}

.clubblad #inhoud .afbeelding.medium {
	margin-bottom:	15px;
	clear:			both;
}

.clubblad #inhoud .afbeelding.medium p {
	float:				left !important;
	margin-top:		5px;
}

.afbeelding.medium p {

	display: inline;

}

.afbeelding.klein {
	float:				left;
}

.kleurplaat #inhoud a img {
	background: 		url(../gfx/bg-imagewrapper-large-520.gif) top left no-repeat;
	width:				auto;
	height:				auto;
	padding:			6px 8px 5px 8px;
}

.hbb_gemist #inhoud .stream a img {
	background: 		url(../gfx/bg-imagewrapper-large-520.gif) top left no-repeat;
	width:				auto;
	height:				auto;
	padding:			5px 7px; 
}
 .kleurplaat #inhoud .attachment {
 	position:			relative;
	margin-left:		8px;
	display:			inline-block;
	height:				1%;

}
 
.kleurplaat #inhoud .paginaelement.attachment a img { 
	background: 		url(../gfx/bg-imagewrapper-big-238.gif) top left no-repeat;
	width:				auto;
	height:				auto;
	float:				left;
	margin:				2px 140px 0 0;
	padding:			5px 8px 6px 5px;
}


.kleurplaat .afbeelding.klein {
	width:				auto;
	height:				auto;
	float:				left;
	margin:				2px 140px 0 0;
	padding:			4px 4px 4px 5px;
}
 

.knutsels .afbeelding.klein {
	background: 		url(../gfx/bg-imagewrapper-big.gif) top left no-repeat;
	width:				auto;
	height:				auto;
	float:				left;
	margin:				2px 140px 10px 0;
	padding:			4px 4px 0 5px;
}

.paspoort .afbeelding.klein {
	background: 		url(../gfx/bg-imagewrapper-big.gif) top left no-repeat;
	width:				auto;
	height:				auto;
	float:				left;
	margin:				2px 22px 10px 0;
	padding:			4px 4px 0 5px;
}

.zend_een_kaart .afbeelding.klein {
	background: 		url(../gfx/bg-imagewrapper-big.gif) top left no-repeat;
	position:			absolute;
	top:				14px;
	left:				20px;
	width:				auto;
	height:				auto;
	float:				right;
	margin:				30px 140px 0 0;
	padding:			4px 4px 4px 5px;
}
.hbb_gemist #inhoud .afbeelding.klein,
.muziek #inhoud .afbeelding.klein, 
.clip_van_de_week #inhoud .afbeelding.klein {	
	background:			url(../gfx/bg-imagewrapper-small-99.gif) top left no-repeat;
   	color :				#003366;
	clear: 				both;
	height:				auto;
	width:				175px;
	padding:			3px 4px 10px 5px;
	margin: 			0 10px 0 0;
}

.spelletjes #inhoud .afbeelding.klein, 
.quiz #inhoud .afbeelding.klein {	
	background:			url(../gfx/bg-imagewrapper-small-150.gif) top left no-repeat;
   	color :				#003366;
	clear: 				both;
	height:				auto;
	width:				175px;
	padding:			5px 4px 10px 5px;
	margin: 			0 10px 0 0;
}

.clubblad #inhoud .afbeelding.medium {
	background:			url(../gfx/bg-imagewrapper-small-200.gif) top left no-repeat;
   	color :				#003366;
	clear: 				both;
	height:				auto;
	width:				207px;
	padding:			5px 4px 10px 5px;
	margin: 			0 10px 0 0;
}

.clip_van_de_week #inhoud .afbeelding.klein {


}
.muziek .afbeelding.klein.links p,
.clip_van_de_week .afbeelding.klein.links p {
	display:			none;
}

.muziek .afbeelding.klein.links {	
	background: 		url(../gfx/bg-imagewrapper-small.gif) top left no-repeat; 
   	color :				#003366;
	clear: 				right;
	height:				auto;
	width:				auto;
	padding:			4px 4px 4px 5px;
	margin: 			0 10px 0 0;
}

.paspoort .afbeelding.medium {	
   	color :				#003366;
	float:				none;  
	height:				auto;
	width:				auto;
	padding:			0;
	margin: 			0 0 0 0;
	display:				block;
}

.spelletjes .afbeelding.klein.links {	
	background: 		url(../gfx/bg-imagewrapper-small-134.gif) top left no-repeat;
   	color :				#003366;
	clear: 				right;
	height:				134px;
	width:				164px;
	padding:			4px 8px 4px 5px;
	margin: 			0 10px 0 0;
}


.afbeelding.klein.links img {	

}



.afbeelding.klein.links p {

   clear: right;



	text-align : left;	

	text-justify: auto;

	margin: 0px;

	padding : 0px;

	width: 450px;

}



/*******************************

 * Pagina element dat apart gestyled kan worden, hier moet dan wel
 content via article.jsp uit de database gehaald zijn. 

 ******************************/





.paginaelement.article {
	color: #003366;
	/*display: inline;*/

}


.clubblad #inhoud .paginaelement.article img {
	height:	auto;
	width: auto;
	margin-bottom:	7px;
}
.paginaelement.article img {

clear: right;

float: left;

height: 185px;



width: 255px;



}

.clubblad #inhoud .paginaelement.article h3 {
	color:				#7b85fc;
	padding:			0;
	margin-bottom:		10px;
	font-size:			18px;
}

.paginaelement.article h3 {

	color: #990066;

	font-size: 1.1em;

	font-weight: bold;

	margin: 0px;

	margin-left: -5px;

	padding: 0px;

	padding-top: 11px;

}


.clubblad #inhoud .paginaelement.article h4 {
	border:						0;
	background-color:			#EEF5FB;
}

.paginaelement.article h4 {

	color: #003366;

	font-size: 0.9em;

	font-weight: bold;

	margin: 0px;

	margin-top: 5px;

	padding: 0px;

}

.clubblad #inhoud .paginaelement.article p {
	padding:			0 23px 10px 0 ;
	clear:			both;
	float:			none;
	width:			450px;
}	

.paginaelement.article p {

	color: #003366;

	font-size: 11px;

	font-style: normal;

	float: right;

	margin: 0px;

	margin-right: 23px;

	padding: 0px;

}



.paginaelement.article a, 

.paginaelement.article a:active, 

.paginaelement.article a:link, 

.paginaelement.article a:visited {

	color: #9933CC;

	font-size: 13px;

	font-weight: bold;

	float: left;


}



.paginaelement.article a:hover {

	color: #003366;

}

.paginaelement.ecard {
	background: 	#f6fbf0 url(../gfx/bg-pageelement-border.gif) bottom left no-repeat;
	background-position: 20px bottom;
	position:		relative;
	padding: 		14px 0 10px 20px;
	width: 			519px;
	height:			264px;
}

.zend_een_kaart #inhoud .ecard {
	position:		relative;
}



.muziek .paginaelement {
	background: 	#ffe5eb url(../gfx/bg-pageelement-border.gif) bottom left no-repeat;
	background-position: 20px bottom;
	position:		relative;
	float: 			left;
	padding: 		14px 0 10px 20px;
	width: 			519px;
	height:			137px;
}



.knutsels #inhoud dl dt a {
	font-size:		12px;
	color:			#000;

}
.knutsels .attachments,
.knutsels .paginaelement {
	background: 	#ffe5eb url(../gfx/bg-pageelement-border.gif) bottom left no-repeat;
	background-position: 20px bottom;
	position:		relative;
	float: 			left;
	padding: 		20px 0 20px 20px;
	width: 			519px;
	height:			auto;
}
	

.spelletjes .paginaelement {
	background: 	#FFFAE8 url(../gfx/bg-pageelement-border.gif) bottom left no-repeat;
	background-position: 20px bottom;
	position:		relative;
	float: 			left;
	padding: 		14px 0 10px 20px;
	width: 			519px;
	height:			162px;
}

.quiz .paginaelement {
	background: 	#FFE8E8 url(../gfx/bg-pageelement-border.gif) bottom left no-repeat;
	background-position: 20px bottom;
	position:		relative;

	padding: 		14px 0 10px 20px;
	width: 			519px;
	height:			200px;
}

.clip_van_de_week .paginaelement {
	background: 	#EEF5FB url(../gfx/bg-pageelement-border.gif) bottom left no-repeat;
	background-position: 20px bottom;
	position:		relative;
	float: 			left;
	padding: 		14px 0 10px 20px;
	width: 			519px;
	height:			152px;
}

.paginaelement.exercise,
.paginaelement.flash {
	color:   #003366;
	float:   left;
	margin:  0px;
}

.paginaelement.exercise h3 a,
.paginaelement.flash h3 a {
	font-weight:	bold;
	font-size:		17px;
}

.paginaelement.exercise h3 {
    clear: left;
    display: block;
    float: left;
    left: 180px;
    margin: 5px;
    padding: 0;
    position: relative;
}

.spelletjes #inhoud .paginaelement.exercise  .afbeelding.klein {
  margin-top: -40px;
}


.paginaelement.exercise .leesmeer {
  display:none;
}

.muziek .paginaelement.exercise h3 a,
.muziek .paginaelement.flash h3 a {	color: #c2002d; font-weight:bold; }
.spelletjes .paginaelement.exercise h3 a,
.spelletjes .paginaelement.flash h3 a {	color: #ff5a00; margin-bottom: 9px; display: block; }
.spelletjes .paginaelement .leesmeer { color: #ff5a00; }
.quiz .paginaelement.exercise h3 a,
.quiz .paginaelement.flash h3 a {	color: #a60000; display:	block; }


.paginaelement.exercise p,
.paginaelement.flash p {
	font-weight: 		bold;
	font-size:			12px;
	line-height:		19px;
	color:				#333;

}