body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

ol{
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
}
ol li{
	padding:		0px;
	margin:			0px;
}

h4 { font-weight: bold; color: #ee3887; }

/* ------------------------------------------------- GENERAL SETTINGs----------------------------------------------- */

fieldset {
	border:					1px solid #ee3887;
	width:					560px;
	padding-bottom:			15px;
}

body {
	font-family:			arial, verdana;
	font-size:				70%;
	/*line-height:			1.4em;*/
	color:					#21418A;
}

h1 {
	color:					#EE3887;
	font-size:				165%;
	padding:				0 0 5px 0;
	margin:					0 0 0.8em 0;
	width:					100%;
	border-bottom:			2px solid;
}

h2 {
	font-size:				120%;
	font-weight:			bold;
	padding:				0 0 15px 0;
}

h3 {
	color:					#EE3887;
	font-weight:			bold;
	padding:				0;
}

a span, #aladin span, #secondaryContentArea .searchBox span, #secondaryContentArea span, .hide {
	display:				none;
}


ul li {
	display:				inline;
}

ol {
	color:					#EE3887;
	padding-bottom:			10px;
}

ol li {
	padding:				0 0 0 0px;
	color:					#21418A;
}

input.uitgebreid, input.search {
	width:					134px;
	height:					21px;
	border:					0;

}

span.rose {
	color:					#ee3887;
}	

strong{
	font-weight:		bold;
}

em{
	font-style:italic; 
}


/* ------------------------------------------------- HEADER AREA ----------------------------------------------- */

#canvasArea {
	width:					978px;
}

#headerArea {
	height:					157px;


a.homeLink{
	display:			block;
	height:				135px;
	width:				440px;
	float:				left;
}}

/* new servicemenu css  */
#serviceMenuArea 						{ position: absolute; left: 0; margin: 137px 0 0 265px; }
#canvasArea #serviceMenuArea ul li  	{ float: left; background: url(../graphics/_li.gif) top right no-repeat; }
#serviceMenuArea ul li a  				{ color: #21408b; text-decoration: none; float: left; display: block; padding: 0 8px 0 6px; }
#canvasArea #serviceMenuArea ul li.last	{ background: none; }

#serviceMenuArea ul li a.browsealoud 		{ background: url(../graphics/icon-browsealoud.gif) 6px 1px no-repeat; padding: 0 7px 0 26px; }
#serviceMenuArea ul li a.rss 				{ background: url(../graphics/service-rss-icon.gif) 5px 1px no-repeat; padding: 0 10px 0 10px; }
#serviceMenuArea ul li a.font				{ padding: 0 0 0 5px; }

#smaller, 
#bigger										{ cursor: pointer; }

/* ------------------------------------------------- subNavigationArea ----------------------------------------------- */

#subNavigationArea{
	float:					left;
	width:					199px;
	padding:				0 30px 0 30px;
	overflow:				hidden;
	font-family:			verdana, arial;
}

#subNavigationArea ul li a{
	display:				block;
	text-decoration:		none;
	font-weight:			bold;
	margin:					0 0 8px 0;
	padding:				0 0 0 7px;
	color:					#21418A;
}

#subNavigationArea ul li a:hover,#subNavigationArea ul li a.activeElement{
	color:					#EE3987;
}

#subNavigationArea ul li ul li a{
	background:				none;
	padding:				0 0 0 20px;
}

#subNavigationArea ul li ul li ul li a{
	padding:				0 0 0 40px;
}

/* ------------------------------------------------- primaryContentArea ----------------------------------------------- */

.tekst .imageBox{
	float:					left;
	width:					150px;
	margin:					10px 10px 10px 0;
}

.imageBoxTeaser{
	float:					left;
	width:					100px;
	margin:					0 10px 10px 0;
}


#contentArea {
	width:					718px;
	float:					right;
	overflow:				hidden;
	position:				relative;

}

#canvasArea #contentArea .tekst h1 { margin:0; padding: 0; }

#contentArea .entry-teaser { display: block; clear: both; margin: 0 0 15px 0; }

#contentArea .headerImageBox{
	height:					102px;
}

#contentArea span.titel {
	color:					#FFF;
	font-weight:			bold;
	display:				block;
	padding:				40px 0 0 20px;
	font-size:				160%;
	position:				absolute;
	top:						0px;
	left:						0px;

	
}

#primaryContentArea {
	float:					left;
	width:					519px;
	padding:				25px 0 0 10px;
	font-family:			arial;
	font-size:				110%;
}

#primaryContentArea.home {
	padding:				10px 0 0 10px;
}

#primaryContentArea a{
	color:								#21418A;
	text-decoration:			underline;
}

#primaryContentArea .tekst, #primaryContentArea #jeugdBox {display:block;}

.breadcrumbs {
	width:					100%;
	height:					20px;
	margin:					0px 0 0 0;
	font-size:				11px;
	line-height:			1.6em;
	background-color:		#ee3887;
}

.breadcrumbs ul{
	display:				inline;
}

.breadcrumbs ul li a {
	padding:				1px 10px 0 15px;
	display:				block;
	float:					left;
	color:					#FFF;
	height:					19px;
	text-decoration:		none;
}
.breadcrumbs ul li.home a {
	display:				block;
	float:					left;
	width:					51px;
	height:					20px;
	padding:				0;
}

#primaryContentArea p {
	padding:				10px 0 10px 0;
}

#primaryContentArea ul li a, .linkBox ul li a, #content-column #poll ul li a {
	padding:			 0 0 0 5px;
	display:				block;
	text-decoration:		underline;
	color:					#21418A;
	height:					20px;
}

#primaryContentArea .agenda {
	width:					240px;
	float:					left;
	padding-bottom:			15px;				
}

#primaryContentArea .uitgelicht {
	width:					240px;
	float:					right;
}

#primaryContentArea .uitgelicht h1, #primaryContentArea .agenda h1, .linkBox h1 {
	margin-bottom:			8px;
}

#primaryContentArea .tekst ul li{
	background:					url(../graphics/bullet.gif) 0px 5px no-repeat;
	display:						block;
	padding:						0 0 0 15px;
}

#primaryContentArea .tekst ul li a{
	background:					none;
	padding:						0;
}

.form-table td {
	vertical-align: 			top;
}

.form-table td input {
	width: 						80%;
}

.form-table th {
	font-weight: 				bold;
}

.form-table2 td {
	vertical-align: 			top;
}

.form-table2 td input {
	width: 						90%;
}

.form-table2 th {
	font-weight: 				bold;
	width:						550px;
}

.addgroup_table2 {
	padding-right:				10px;
	float:						right;
}
.addgroup_table2 img{
	float:						right;
	padding-right:				0px;
}

.form-table td a, .form-table td img, .pointer {
	cursor: 					pointer;
}

.pink-wave {
	clear:						both;
	width:						690px;
	color:						#FFF;
	padding:					20px 15px 15px 15px;
	border-bottom:				3px solid #FFF;
}

.pink-wave h1 {
	display:					block;
	color:						#FFF;
	border:						0;
}

.pink-wave a {
	color:						#FFF;
}

/* ------------------------------------------------- secondaryContentArea ----------------------------------------------- */

#secondaryContentArea .teaser-sidebar					{ font-family: arial; font-size: 110%; }
#secondaryContentArea .teaser-sidebar h3 				{ padding: 0 0 1em 0; font-size: 120%; }
#secondaryContentArea .teaser-sidebar img				{ display: block; margin: 0 0 1em 0; }
#secondaryContentArea .teaser-sidebar a					{ display: block; color: #21418a; }

#secondaryContentArea {
	float:					right;
	width:					155px;
	padding:				3px 0 0 0px;
		overflow:				hidden;
}

#secondaryContentArea.home {
	padding:				0 0 0 0px;
}

#primaryContentArea .clearBox, #primaryContentArea .clear {clear:both;}

#secondaryContentArea .linkBox{
	margin:					20px 0 0 0;
}

#secondaryContentArea .linkBox h1{
	border:					none;
	color:					#21418A;
	font-size:			120%;
	font-weight:		bold;
	margin:	0;
	padding:0;
}

#secondaryContentArea .searchBox {
	padding:				10px 0 3px 10px;
	margin:					0 0 3px 0;
	background:				#21418A;
	position:				relative;
}

#secondaryContentArea .searchBox.catalogus {
	padding: 				10px 0 7px 10px;	
}

#secondaryContentArea .searchBox.website {
	padding: 				10px 0 7px 10px;	
}

#secondaryContentArea .searchBox .search {
	margin:					14px 0 0 0;
	
}

#secondaryContentArea .searchBox .searchButton {
	position:				absolute;
	border:					none;
	margin:					13px 0 0 113px;
}

#secondaryContentArea .searchBox .searchButton input{
	width:				19px;
	height:				21px;
	border:				1px solid red;
	margin:				0 0 0 0;
}

#secondaryContentArea .mijnMenu {
	height:					29px;
	margin:					0 0 13px 0;
	padding:				0 0 0 10px;
}

#secondaryContentArea .mijnMenu a {
	padding:				0;
	margin:					0;
}

#secondaryContentArea .website {
	padding-bottom: 		10px;
}

#secondaryContentArea .aladin, #secondaryContentArea .aladin a  {
	width:					155px;
	height:					28px;
	cursor: 				pointer;
	margin:					0 0 3px 0;
	display:				block;
}

#secondaryContentArea .muziekcatalogus, #secondaryContentArea .muziekcatalogus a  {
	width:					155px;
	height:					44px;
	cursor: 				pointer;
	margin:					0 0 3px 0;
	display:				block;
}

#secondaryContentArea a.verlengen, #secondaryContentArea a.mijnmenu {
	width:					58px;
	height:					12px;
	margin-top:				8px;
	display:				block;
}

#secondaryContentArea a.verlengen {
	float:					left;
	clear:					both;
}

#secondaryContentArea a.mijnmenu {
	float:					left;
	margin-left:			8px;
}

/* ------------------------------------------------- footerArea ----------------------------------------------- */
#footer {
	height:					22px;
	width:					719px;
	color:					#FFF;
	background-color:		#21418a;
	text-indent:			19px;
	clear:					both;
	font-size:				90%;
	margin: 				0 0 20px 0;
}

/*
#footer a {
	position:			absolute;
	padding:			0 10px 0 0;
	text-decoration: 	none;
	color:				#fff;
}

#footer a.rss 	{ margin: 0 0 0 645px; }
#footer a.print	{ margin: 0 0 0 605px; }

*/
/* ------------------------------------------------- layoutBlocks ----------------------------------------------- */

#leftMenuBox {
/*	position: 				absolute; 
	margin-top:				158px;
	width:					13px;
	height:					438px;
	background-color:		#e72486;
*/
	}

/* ------------------------------------------------- contactformulier ----------------------------------------------- */

.checkbox, .radio { 
  	height: 				21px; 
  	margin: 				0 0 0 25px; 
  	cursor: 				default; 
} 

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

input, textarea {
	border:					1px solid #ee3887;
	padding:				2px;
	margin-bottom:			10px;
}

textarea {
	width:					275px;
	overflow: 				auto;
}

input.verstuur {
	margin-top:				10px;
	width:					66px;
	height:					21px;
	border:					0;
}

.form-row {
	margin-top:				0;
	display:				table-row;
}

#question-2 {visibility:hidden; display:none;  }

#factuurAdresRow {
	display: 				none;	
}

/* ------------------------------------------------- FAQ ----------------------------------------------- */

.antwoord {
	font-weight:			normal;
	font-size:				100%;		
}

ol#cluster {
	border-bottom:			1px solid;
	padding:				0 0 0 20px;
}

/* ------------------------------------------------- Jeugd ----------------------------------------------- */





#jeugdBox {
	float:					left;
	border:					2px solid #ee3887;
	width:					475px;
}

#jeugdBox .imageBox{
	width:				180px;
	float:				right;

}

#jeugdBox .textBoxNoImg{

		padding:				20px;
}

#jeugdBox .textBox{
	width:	250px;
	float:				left;
		padding:				20px;
}


#jeugdBox.variant1 {
	border:					0;
	color:					#FFF;
	width:					519px;
	background-color:		#21418a;
	margin:					1em 0 2em 0;
	clear: both;
	float: left;
}

#jeugdBox.variant1  a{
	color:					#FFF;
}


#jeugdBox h1 {
	font-size:				185%;
	border:					0;
	color:					#21418a;
}

#jeugdBox.variant1 h1 {
	color:					#FFF;
}

#jeugdBox p {
	width:					300px;
}

/* ------------------------------------------------- Muziek ----------------------------------------------- */

#muziekBox {
	display: 				table-row;
	width:					480px;
	
}

#muziekBox p {
	color:					#FFF;
	margin:					95px 0 0 10px;
	font-size:				80%;
}

#muziekItem {
	display: 				table-cell;
	width:					160px;
	height:					155px;
	float:					left;
}

#muziekItem4row {
	display: 				table-cell;
	width:					120px;
	height:					235px;
	float:					left;
	margin:					0 0 10px 0;
	background-color:		#21418a;
}

#muziekItem4row .imageBox{
	width:					120px;
	height:					180px;
}




#muziekItem4row p {
	margin:					0px 0 0 10px;
	padding:				0px;
}

#muziekItem5row {
	display: 				table-cell;
	width:					160px;
	height:					160px;
	float:					left;
	margin:					0 0 10px 0;
	background-color:		#21418a;
}

#muziekItem5row .imageBox{
	width:					160px;
	height:					105px;
}




#muziekItem5row p {
	margin:					0px 0 0 10px;
	padding:				0px;
}



/* ------------------------------------------------- Tekst ----------------------------------------------- */
#primaryContentArea .tekst h1 {
	border:					0;
}

/* ------------------------------------------------- Agenda ----------------------------------------------- */

#agenda-item {
	width:					550px;
}

#schedule {
	width:					120px;
	float:					left;
}

#schedule span.start {

}

#schedule span.end {
	font-size:				90%;
}

#item {
	float:					left;
	width:					420px;
	border-bottom:			2px solid #ee3887; 
}

#agenda-item span {
	display:				block;
}

#agenda-item a {
	color:					#ee3887;
}

.extraNav{
		float:					right;
		font-weight:		bold;
		width:					400px;
	/* 	margin:					-20px 0 20px 0; */
	}
	
#primaryContentArea	.extraNav ul li a{
		float:					left;
		padding:				0 10px 0 10px;
		display:				block;
		width:					auto;
		
	}
	
.entry-banner									{ clear: both; margin: 0 0 15px 0; }

#contentArea #primaryContentArea .clear			{ font-size: 1px; clear: both; height: 1px; }

/* homepage poll */
#primaryContentArea #poll						{ width: 240px; clear: both; margin: 0 0 1em 0; }
#primaryContentArea #poll .question				{ padding: 0 10px 10px 10px; font-style: italic; }
#primaryContentArea #poll .message				{ padding: 10px; border-top: 1px solid #fef3f7; }
#primaryContentArea #poll .question span		{ border-bottom: 1px dotted #fff; display: block; padding: 0 0 10px 0; }
#primaryContentArea #poll #opinion				{ color: #21418b; }
#primaryContentArea #poll #opinion li a			{ display: block; background: url(../graphics/radiobutton.gif) 10px 9px no-repeat; padding: 7px 10px 6px 30px; text-decoration: none; border-top: 1px solid #fef3f7; height: auto; }
#primaryContentArea #poll #opinion li a:hover	{ background: url(../graphics/radiobutton-selected.gif) 10px 9px no-repeat; }
#primaryContentArea #poll .answer-result		{ padding: 0px 10px 7px 10px; }
#primaryContentArea #poll .barElement			{ background: url(../graphics/answer-bar.gif) 0 0 repeat-x; height: 11px; }
#primaryContentArea #poll .barElementbg			{ background: #385496; border: 1px solid #90a0c5; height: 11px;margin: 7px 0 7px 0; }
#primaryContentArea #poll #votedPoll			{ display: none; }

body #poll-results								{ float: left; margin: 0 0 20px 0; clear: both; }
body #poll-results h3							{ font-size: 165%; font-weight: normal; margin: 0 0 0.5em 0; }
body #poll-results .question					{ margin: 0 0 0.5em 0; }
body #poll-results .question span				{ font-weight: bold; }
body #poll-results .answer-result				{ background: #f3f3f3; width: 520px; border: 10px solid #f3f3f3; }
body #poll-results .answer-result td			{ vertical-align: top; }
body #poll-results .answer-result .label		{ width: 160px; padding: 10px; }
body #poll-results .answer-result .bar			{ padding: 10px; }
body #poll-results .barElement					{ background: url(../graphics/answer-bar.gif) 0 0 repeat-x; height: 16px; text-align: right; padding: 2px 0 0 0; color: #fff; float: left; }
body #poll-results .barElementbg				{ float: left; background: url(../graphics/bg-answerbar.gif) 0 0 repeat-x; border: 1px solid #dbdbdb; height: 18px; width: 330px; margin: 0 0 7px 0; }
body #poll-results span.percent					{ float: left; margin: 2px 0 0 5px; }

/* youtube video */
#primaryContentArea .youtube-video			{ display: block; margin:  0 0 0.2em 0; }
#primaryContentArea .youtube-video a		{ color: #e72486; }
#primaryContentArea .youtube-text			{ margin: 0 0 1em 0 }

/* google map */
#primaryContentArea #googleMap				{ display: block; width: 514px; border: 3px solid #e72486; height: 374px; margin: 0 0 15px 0; }
#primaryContentArea #googleMap .infowindow	{  }

/* flickr badge in article */
#flickr_badge_uber_wrapper 					{ background: url(../graphics/bg-flickr-badge.gif) 0 0 repeat;margin: 10px 0 5px 0;padding:10px 0 0 0; height: 90px; }
#flickr_badge_wrapper 						{ padding:10px 0 10px 0; }
.flickr_badge_image 						{ padding:0 10px 0 0;float:left; }
.flickr_badge_image img 					{ border: 1px solid #21418a;float:left; }
#flickr_badge_source 						{ text-align:left; margin:0 10px 0 10px; }
#flickr_badge_icon 							{ float:left; margin-right:5px; }

#flickr_badge_uber_wrapper a		 		{ text-decoration:none !important; background:inherit !important;color:#e72486; }
#flickr_badge_source 						{ padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important; }

/* jquery rss reader */
#primaryContentArea #rssreader				{ margin: 0 0 15px 0; background: url(../graphics/rssreader-header.gif) 0 0 no-repeat; overflow: hidden; }
#primaryContentArea #rssreader h3			{ padding: 0 0 20px 0; color: #21418a; font-size: 125%; }
#primaryContentArea #rssreader ul			{ height: 300px; overflow: hidden; }
#primaryContentArea #rssreader ul li		{ display: block; height: 90px; padding: 0 0 10px 0; background: url(../graphics/dotted-line.gif) 0 90px repeat-x; overflow: hidden; }
#primaryContentArea #rssreader ul li a		{ font-weight: bold; background: url(../graphics/ext-link-icon.gif) 0 3px no-repeat; padding: 0 0 0 12px; color: #e72486; font-weight:normal; text-decoration:  none;}
#primaryContentArea #rssreader ul li span	{ background: #fff; }

#primaryContentArea #rssreader ul li span.datetime 	{ color: #bbb; display: block; font-size: 80%; font-style: italic; }
#primaryContentArea #rssreader ul li span.text		{ height: 45px; overflow:hidden; display: block; color:#21418A;}
/* flickr gallery */
#flickr-gallery 							{ width: 500px; padding: 31px 10px 10px 10px; background: #eee url(../graphics/flickr-gallery-top.gif) 0 0 no-repeat; float: left; overflow: hidden; margin: -10px 0 20px 0; }
#flickr-gallery .image-window a span		{ background: url(../graphics/flickr-loading.gif) 50% 50% no-repeat; min-height: 300px; }
#flickr-gallery .image-window 				{ width: 500px; text-align: center; }
#flickr-gallery .image-window a span		{ display: block;  }
 	
#flickr-gallery ul.thumbs 							{ width: 100%; clear: both; height: 170px; left: 0; list-style: none; }
#primaryContentArea #flickr-gallery ul.thumbs li	{ display: inline; float: left; padding: 0; background: none; height: 85px; }
#flickr-gallery ul.thumbs a img 					{ display: block; margin: 10px 10px 0 0; float: left; }
#flickr-gallery ul.thumbs a img.last-in-row 		{ margin: 10px 0 0 0; }
#flickr-gallery .photo-title						{ position: absolute; margin: -25px 0 0 0; width: 500px; text-align: center; background-image: url(../graphics/bg-phototitle.png); color: #21418a; padding: 5px 0 13px 0; } 
#flickr-gallery .zoom-photo a						{ position: absolute; width: 83px; height: 26px; background: url(../graphics/zoom-photo.gif) 0 0 no-repeat; z-index: 5; margin: -28px 0 0 417px; line-height: 1em; padding: 0; }

#flickr-gallery .gallery-btn 				{ width: 38px; height: 39px; background: url(../graphics/pagenav-btns.png) 0 0 no-repeat; position: absolute; }
#flickr-gallery .gallery-btn.next 			{ margin: -100px 0 0 465px; }
#flickr-gallery .gallery-btn.prev 			{ background-position: 0 -39px; margin: -100px 0 0 -3px; }

#flickr-gallery .item-nav					{ position: absolute; background-image: url(../graphics/bg-phototitle.png); width: 500px; padding: 0 0 5px 0; }
#flickr-gallery .item-nav a					{ color: #21418a; line-height: 1.6em; float: left; padding: 0 0 0 5px;  }
#flickr-gallery .item-nav #nextphoto		{ float: right; text-align: right; padding: 0 5px 0 0; }

#canvasArea .flickr h1						{ display: block; margin: 0 0 20px 0; float: none; clear: right; position:relative}