/* Compressed version of the whole Atatonic CSS Framework.
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;font:12px/18px "Lucida Grande", Arial, sans-serif;color:#111}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:0;border:0;border-top:1px solid #e0e0e0;width:100%;margin:0 0 17px;padding:0}header,footer,section,aside,nav,article{display:block!important}.zp-wrapper{width:970px;margin:0 auto}.zp-5,.zp-10,.zp-15,.zp-20,.zp-25,.zp-30,.zp-33,.zp-35,.zp-40,.zp-45,.zp-50,.zp-55,.zp-60,.zp-65,.zp-67,.zp-70,.zp-75,.zp-80,.zp-85,.zp-90,.zp-95,.zp-100{float:left;display:inline}.zp-5{width:5%}.zp-10{width:10%}.zp-15{width:15%}.zp-20{width:20%}.zp-25{width:25%}.zp-30{width:30%}.zp-33{width:33.33%}.zp-35{width:35%}.zp-40{width:40%}.zp-45{width:45%}.zp-50{width:50%}.zp-55{width:55%}.zp-60{width:60%}.zp-65{width:65%}.zp-67{width:66.67%}.zp-70{width:70%}.zp-75{width:75%}.zp-80{width:80%}.zp-85{width:85%}.zp-90{width:90%}.zp-95{width:95%}.zp-100{width:100%}.last{padding:0!important}.clear{clear:both}.left{float:left}.right{float:right}.list{list-style:none;margin:0;padding:0}.list li{display:inline;margin:0 6px 0 0}.clearfix:after,.zp-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,.zp-wrapper{display:inline-block}html[xmlns] .clearfix,html[xmlns] .zp-wrapper{display:block}* html .clearfix,* html .zp-wrapper{height:1%}.skip{display:block;left:-9999px;position:absolute;visibility:hidden}h1{font-size:36px;line-height:36px;font-weight:400;font-family:Georgia, "Times new roman", serif}h2{font-family:Georgia, "Times new roman", serif;font-size:18px;line-height:36px;font-style:italic;font-weight:400}h3{font-size:12px;line-height:18px;font-weight:700;color:#000;margin:0}h4{font-size:12px;line-height:18px;font-weight:400;color:#666;margin:0}h5,h6{font-size:12px;line-height:18px;font-weight:400;margin:0}p{margin:0 0 18px}p img,li img{float:left;margin:4px 6px 0 0;padding:0}p img.right,li img.right{float:right;margin:4px 0 6px;padding:0}a,a:focus{color:#009;text-decoration:underline}blockquote{background:#F9F9F9;border-left:6px solid #ccc;quotes:"“" "”" "‘" "’";color:#333;font-family:Georgia, "Times new roman", serif;font-size:13px;font-style:italic;margin:0 0 18px;padding:9px}p.intro:first-letter,p.important:first-letter{font-size:43px;font-weight:400;line-height:32px;letter-spacing:5px;float:left;width:auto;font-family:Georgia, Times, serif;padding:5px 0 0}p.intro:first-line,p.important:first-line{font-variant:small-caps}pre,code{border:1px solid #eee;font-family:monaco, courier, "courier new", monospace;font-size:11px;margin:0 0 18px;padding:9px}a.button,button{display:block;float:left;border:1px solid #ccc;background:#ccc url(../images/button.png) left top repeat-x;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;line-height:16px;text-decoration:none;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;vertical-align:baseline;border-color:#999 #858585 #666;margin:0 3px 15px 0;padding:2px 6px}button{width:auto;overflow:visible;padding:1px 4px}a.button{line-height:14px}button[type]{line-height:16px;padding:1px 4px}a.button:hover,button:hover{background-color:#ccc;border:1px solid #000;color:#000;text-decoration:none}.notification{font-size:11px;line-height:18px;margin:0 0 17px;padding:0 4px}.notice{background:#FFF6BF;color:#514721;border-bottom:1px solid #FFD324}.error{background:#FBE3E4;color:#8a1f11;border-bottom:1px solid #FBC2C4}.success{background:#E6EFC2;color:#264409;border-bottom:1px solid #C6D880}fieldset{border:1px solid #ccc;margin:0 0 18px;padding:9px}legend{color:#333;font-size:18px;line-height:18px;padding:0}label{float:left;width:100px;display:block;text-align:left;cursor:pointer;color:#333;margin:0 12px 0 0}.form-item{margin:0 0 11px}textarea,input{border:solid #ddd;border-width:1px 1px 2px;padding:4px}textarea{font-family:"Lucida Sans",Helvetica,sans-serif;font-size:11px}textarea:focus,input:focus{background:#f9f9f9;border:solid #ddd;border-width:1px 1px 2px}input.form-field-error,textarea.form-field-error{background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4 #FBC2C4 #ee9b9e;border-style:solid;border-width:1px 1px 2px}input.form-field-notice,textarea.form-field-notice{background:#FFF6BF;color:#514721;border-color:#FFD324 #FFD324 #e3bb1b;border-style:solid;border-width:1px 1px 2px}select{border:1px solid #ccc;background:#f9f9f9;color:#333}input[type=checkbox],input[type=radio]{margin:3px 4px 0 0}input[type=radio]{background-color:#fff;color:#000}option{background:#fff;color:#000}optgroup{background:#f2f2f2;color:#111}a:hover,input[type=checkbox]{color:#000}
/* Mediafonds 2009 project styles
----------------------------------------------------------

@package:	zotonic
@project:	mediafonds.nl 2009
@Author: 	Tim Benniks <tim@timbenniks.com>
@Created: 	28-09-2009

Index: 
	- Typography
	- Links
		- top subnav
		- top mainnav
	- Images
	- Lists
	- Grid
		- footer
	- Navigation (link styles are defined in the Links section)
	- Misc
	- Forms
	- Media viewer
	- Side menu


/* html5 basics
---------------------------------------------------------- */

section, article, aside, header, footer, nav, figure, video {
	display: block !important;
}


/* body
---------------------------------------------------------- */

body {
	background: #fff;
	color: #000;
	font: 12px/18px "Georgia", Times, serif;
}


/* make sure there is a scrollbar so the pages do not jump back and forward...
---------------------------------------------------------- */

html {
	overflow-y: scroll;
}


/* Typography
---------------------------------------------------------- */

	/* regular headers
	------------------------------------------------------ */

	h1 {
		font-size: 18px;
		letter-spacing: .03em;
	}
	
		.zp-80 h1 {
			line-height: 36px;
		}

		.zp-30 h1 {
			line-height: 21px;
		}

	h2 {
		letter-spacing: 0.03em;
		line-height: 20px;
		font-style: normal;
		margin: 0 0 9px 0;
	}
		

	/* sidebar headers
	------------------------------------------------------ */

	#sidebar h2 {
		font: 14px/18px Arial;
		letter-spacing: .01em;
		font-weight: bold;
		margin: 0 0 9px 0;
	}


#content p {
	letter-spacing: .03em;
}

p.important:first-letter,
p.intro:first-letter {
	font-size: inherit;
	font-weight: normal;
	line-height: inherit;
	letter-spacing: 0;
	float: none;
	padding: 0;
	width: auto;
}

p.important:first-line,
p.intro:first-line {
	font-variant: normal;
}


/* Links
---------------------------------------------------------- */

a, a:focus, a:active {
	color: #1b75be;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background: #1b75be;
}


	/* content links
	------------------------------------------------------ */

	#content p a,
	#content p a:focus,
	#content p a:active,
	.column a, 
	.column a:focus,
	.column a:active {
		color: #1b75be;
	}
	
	#content p a:hover, 
	.column a:hover,
	.item-list li h4 a:hover {
		background: #1b75be;
		color: #fff;
	}
	
	
	/* sidebar links
	------------------------------------------------------ */
	
	#sidebar h2 a,
	#sidebar h2 a:focus,
	#sidebar h2 a:active {
		color: #000;
	}
	
		#sidebar h2 a:hover {
			color: #fff;
		}
	
	/* footer links
	------------------------------------------------------ */

	footer a,
	footer a:focus,
	footer a:active {
		color: #000;
	}

	footer a:hover {
		background: #1b75be;
		color: #fff;
	}


	/* top subnav
	------------------------------------------------------ */

	#subnav-top li a,
	#subnav-top li a:focus,
	#subnav-top li a:active {
		font-family: Arial, sans-serif;
		text-transform: uppercase;
		color: #000;
		text-decoration: none;
		font-size: 11px;
		letter-spacing: 0.07em;
	}
	
		#subnav-top li a:hover,
		#subnav-top li.current a {
			color: #86b514;
			background: none;
		}

	
	/* top mainnav
	------------------------------------------------------ */

	#main-nav li a {
		background: #fff url(../images/nav_default.jpg) no-repeat;
		display: block;
		height: 25px;
		float: left;
		text-indent: -9999999px;
	}
	
	#main-nav li a#main-nav-aanvragen {
		width: 129px;
		background-position: 0 0;
	}
	
		#main-nav li a#main-nav-aanvragen:hover,
		body.aanvragen #main-nav li a#main-nav-aanvragen {
			background-position: 0 -26px;
		}
		
	#main-nav li a#main-nav-etalage {
		width: 87px;
		background-position: -205px 0;
		margin: 0 0 0 77px;
	}
	
		#main-nav li a#main-nav-etalage:hover,
		body.etalage #main-nav li a#main-nav-etalage {
			background-position: -205px -26px;
		}
		
	#main-nav li a#main-nav-toegekend {
		width: 131px;
		background-position: -370px 0;
		margin: 0 0 0 77px;
	}

		#main-nav li a#main-nav-toegekend:hover,
		body.toegekend #main-nav li a#main-nav-toegekend {
			background-position: -370px -26px;
		}

	#main-nav li a#main-nav-nieuws {
		width: 131px;
		background-position: -578px 0;
		margin: 0 0 0 77px;
	}

		#main-nav li a#main-nav-nieuws:hover,
		body.nieuws #main-nav li a#main-nav-nieuws,
		body.agenda #main-nav li a#main-nav-nieuws {
			background-position: -578px -26px;
		}


	/* body subnav
	------------------------------------------------------ */
	
	#subnav-body li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#subnav-body li a {
		border-right: 2px solid #000;
		width: 129px;
		height: 21px;
		display: block;
		float: left;
		text-align: center;
		font: 13px/13px Arial;
		padding: 9px 0 0 0;
		color: #000;
	}
	
			#subnav-body li a:hover,
			#subnav-body li.current a {
				background: #000;
				color: #fff;
			}

	#subnav-body li.nav-two-lines a {
		height: 28px;
		padding: 2px 0 0 0;
	}
	
	#subnav-body li.last-item a {
		width: 130px;
	}


/* Images
---------------------------------------------------------- */

.block {
	float: none;
	display: block;
}

	img.block {
		margin: 0 0 18px 0;
	}

	p img, li img {
		margin: 4px 9px 0 0;
	}


/* Lists
---------------------------------------------------------- */

ul.list {
	margin: 0 0 18px 0;
}

	ul.list li {
		margin: 0;
		display: block;
	}

ul.inline-list li {
	display: inline;
	margin: 0 6px 0 0;
}

ol {
	list-style: decimal;
	list-style-position: outside;
	margin: 0 0 0 16px;
}

	ol li {
		margin: 0 0 18px 0;
		letter-spacing:0.03em;
	}
	
		ol li ol {
			list-style: lower-alpha;
			margin: 18px 0 0 16px
		}
		
		ol li ul {
			list-style: disc;
			list-style-position: outside;
			margin: 0 0 18px 16px;
		}
		
				ol li ul li {
					margin: 0;
					letter-spacing:0.03em;
				}

div.body ul {
	list-style: disc;
	list-style-position: inside;
	margin: 0 0 0 33px;
}

.pager li {
	display: inline;
	margin: 0 6px 0 0;
}

	.pager li a {
		font-family: Georgia, Times, serif;
	}

.pager li.current {
    font-weight: bold;
}


/* Grid
---------------------------------------------------------- */

.zp-wrapper {
	width: 920px;
}

#content .padding {
	padding: 0 45px 0 0;
	overflow: hidden;
}	

header {
	margin: 0 0 17px 0;
}

	.aanvragen header,
	.regular-page header,
	.toegekend header,
	.agenda header,
	.event header,
	.etalage-sub header,
	.weekoverzicht header {
		margin: 0 0 35px 0;
	}

#logo {
	margin: 0 0 14px 0;
}

	#logo a:hover,
	#logo a:focus,
	#logo a {
		background: none;
	}


	/* footer
	------------------------------------------------------ */
	
	footer {
		margin: 40px 0 0 0;
		font-size: 11px;
		line-height: 12px;
		color: #000;
		letter-spacing: .02em;
		font-family: Arial, sans-serif;
		border-top: 4px solid #000;
		padding: 4px 0 0 0;
	}
	
	.footer-logos {
		text-align: right;
	}
	
		.footer-col,
		.footer-col-sponors {
			float: left;
			display: inline;
			width: 188px;
		}
	
			.footer-col .padding {
				padding: 0 80px 0 0;
			}
		
		.footer-col-sponors {
			width: 168px;
			float: right;
			text-align: right;
			position: relative;
		}
		
			.footer-col-sponors a.sponsor-gamefonds {
				display: block;
				width: 23px;
				height: 29px;
				background: url(../images/main_sprite.jpg) no-repeat;
				background-position: -41px -54px;
				margin: 0;
				position: absolute;
				right: 44px;
			}
			
				.footer-col-sponors a.sponsor-gamefonds:hover {
					background-position: -41px -87px;
				}
			
			.footer-col-sponors a.sponsor-fbvb {
				display: block;
				width: 25px;
				height: 29px;
				background: url(../images/main_sprite.jpg) no-repeat;
				position: absolute;
				background-position: -4px -54px;
				right: 0;
			}
			
				.footer-col-sponors a.sponsor-fbvb:hover {
					background-position: -4px -88px;
				}


/* navigation - for navigation link styles see the links section above.
---------------------------------------------------------- */

#subnav-top {
	display: block;
	margin: 5px auto 9px;
	width: 483px;
}

#subnav-top li {
	margin: 0 24px 0 0;
}

	#subnav-top li.last-item {
		margin: 0;
	}

#main-nav li {
	margin: 0;
}

#subnav-body {
	margin: 0 0 16px;
	border: solid #000;
	border-width: 2px 0 2px 2px;
	height: 30px;
}


/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
		border: none;
		color: #444;
	}

.error, 
.notice, 
.success {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px 6px;
	}

.error a {
	color: #8A1F11;
}

	.error a:hover {
		text-decoration: underline;
		background: none;
	}
	
	.error pre {
		background: #FBC2C4;
		margin: 9px 0 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: none;
	}
	
	pre, code {
		background: #eee;
		margin: 9px 0 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: none;
	}

object, 
embed {
	width: 472px !important;
}


/* select replace
---------------------------------------------------------- */

:focus {
	outline: none;
}

ul.select-replace-new-list {
	left: -9999px;
}

ul.select-replace-new-list {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	width: 126px;
	background: #fff;
	position: absolute;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	top: 20px !important;
	left: 0;
	overflow: auto;
	z-index: 9999;
}

	ul.select-replace-new-list li {
		padding: 0 0 0 7px;
		display: block;
}

.select-replace-new-list-selected {
	width: 120px;
	color: #000;
	border: none;
	height: 20px;
	padding: 1px 0 0 9px;
	float: left;
	display: inline;
	background: url(/lib/images/dropdown.jpg) no-repeat;
	cursor: pointer;
	font-family: arial, sans-serif;
	
}

.select-replace-selected-text {
	width: 120px;
	overflow: hidden;
	height: 20px;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
}

.select-replace-highlite {
	background: #000;
	color: #fff;
	cursor: pointer;
}

.select-replace-hover {
	color: #fff;
	background: #000;
	cursor: pointer !important;
}


/* Forms
---------------------------------------------------------- */

#search fieldset {
	padding: 0;
	margin: 1px 0 0 0;
	border: none;
}

	#search input {
		width: 126px;
		float: left;
		margin: 0 3px 0 0;
		padding: 1px 3px;
		border-width: 2px;
		border-color: #1b75be;
		color: #1b75be;
	}
	
	#search button {
		background: #1b75be;
		border-color: #1b75be;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
	}
	
	input[type="text"] {
		border: 2px solid #000000;
		font-family: arial,sans-serif;
		font-size: 10px;
		font-weight: bold;
		height: 15px;
		line-height: 15px;
		padding: 1px 0 0 3px;
		background: #fff;
		width: 171px;
		margin: 0 6px 0 0;
	}

/* Key-value list
---------------------------------------------------------- */
ul.key-value .key {
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

ul.key-value .value {
    display: block;
}

/* Media viewer
---------------------------------------------------------- */

#media-viewer {
	margin: 0 0 10px 0;
	position: relative;
	width: 920px;
	height: 222px;
}
	.media-viewer-image-wrapper {
		overflow: hidden;
	}
	
		.media-viewer-image-wrapper a {
			display: none;
		}

	.media-viewer-image-wrapper img {
		display: block;
	}
	
	.media-viewer-left-arrow,
	.media-viewer-right-arrow {
		position: absolute;
		top: 97px;
		width: 29px;
		height: 29px;
		background: #000 url(../images/main_sprite.jpg) no-repeat;
		cursor: pointer;
		display: none;
		z-index: 999;
	}
	
		.media-viewer-left-arrow {
			left: -7px;
			background-position: -4px -127px;
		}
		
		.media-viewer-right-arrow {
			right: -7px;
			background-position: -39px -127px;
		}
		
	#media-viewer:hover .media-viewer-left-arrow,
	#media-viewer:hover .media-viewer-right-arrow {
		display: block;
	}


/* side menu 
---------------------------------------------------------- */

ul.side-menu {
	margin: 0 0 18px 0;
}

ul.at-menu {
	margin: 0 0 18px 0;
}

ul.at-menu li a,
.etalage aside h3,
.toegekend aside h3 {
	font: 14px/18px arial, sans-serif;
	font-weight: bold;
	color: #000;
	letter-spacing: 0.03em;
}

	ul.at-menu li.current a,
	ul.at-menu li a:hover {
		background: #000;
		color: #fff;
	}
	
		ul.at-menu li ul li a {
			margin: 0 0 0 12px;
			font-size: 12px;
		}


div.prevnext {
    margin: 0 0 18px;
}

div.prevnext .next {
    float: right;
}

ul.read-more {
    margin: 0 0 18px;
};

span.location,
ul.read-more li span.location {
	font: 11px Arial;
	letter-spacing: .01em;
    color: #555555;
    padding-left: 4px;
}

body.weekoverzicht #content p {
    margin-bottom: 9px;
}
/* Mediafonds 2009 page styles
----------------------------------------------------------

@package:	zotonic
@project:	mediafonds.nl 2009
@Author:	Tim Benniks <tim@timbenniks.com>
@Created:	24-10-2009

Index: 
	- Home page
		- specific home styles
		- homepage lists
	- Regular pages
	- Aanvragen
	- Nieuws
	- Toegekend

Home page
---------------------------------------------------------- */

#home-promo {
	margin: 10px 0 21px 0;
}

	#home-promo a {
		background: none;
	}

	#home-promo img {
		display: block;
	}

.home-header {
	border-bottom: 2px solid #000;
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}

	.home-header h1 {
		float: left;
		cursor: pointer;
	}
	
	.home-header a {
		display: block;
		color: #000;
		float: right;
		font: 10px/10px Arial;
		letter-spacing: .008em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		margin: 11px 0 0 0;
	}
	
		.home-header a:hover {
			background: #1b75be;
			color: #fff;
		}
	
	.home-header h1#header-actueel {
		display: block;
		width: 76px;
		height: 24px;
		background: url(../images/main_sprite.jpg) no-repeat;
		background-position: -4px 0;
		margin: 0;
		text-indent: -999px;
		line-height: 1;
		font-size: 0;
	}
	
	.home-header h1#header-agenda {
		display: block;
		width: 76px;
		height: 24px;
		background: url(../images/main_sprite.jpg) no-repeat;
		background-position: -4px -25px;
		margin: 0;
		text-indent: -999px;
		line-height: 1;
		font-size: 0;
	}

.home-actueel-items-with-image {
	float: left;
	display: inline;
	width: 307px;
	border-right: 1px dashed #000;
}
	
.home-actueel-items-no-image {
	float: left;
	display: inline;
	width: 289px;
}
	.home-actueel-items-no-image li {
		padding: 0 0 0 22px;
	}

	
	/* Home Lists
	------------------------------------------------------ */
	
	.home .item-list li {
		margin: 0 0 18px 0;
		display: block;
	}
	
		.home .item-list li.last-item {
			margin: 0;
		}
		
	.home .item-list li img {
		float: left;
		margin: 2px 12px 0 0;
	}
	
	.home .item-list li h4 {
		font-size: 12px;
		line-height: 16px;
		color: #000;
		font-weight: bold;
		letter-spacing: .025em;
	}
	
		.home .item-list li h4 a {
			color: #000;
		}
		
			.item-list li h4 a:hover {
				color: #fff;
			}

	.home .item-list li p.item-meta {
		margin: 0;
		letter-spacing: .015em;
	}
	
		.home .item-list li .agenda-label-wrapper,
		.home .item-list li .agenda-content {
			display: inline;
			float: left;
		}
		
		.home .item-list li .agenda-label-wrapper {
			width: 80px;
		}
		
		.home .item-list li .agenda-content {
			width: 186px;
		}
		
		.home .item-list li .agenda-label-wrapper .agenda-label a {
			font-size: 9px;
			letter-spacing: .01em;
			font-weight: bold;
			text-transform: uppercase;
			font-family: Arial, sans-serif;
			padding: 0.26em 0.40em;
			color: #fff;
		}
		
		.uitzendingen a,
		.uitzendingen a:focus,
		.uitzendingen a:hover {
			background: #d6ae00;
			color: #fff;
		}
		
		.activiteiten a,
		.activiteiten a:focus,
		.activiteiten a:hover {
			background: #22aa99;
			color: #fff;
		}
		
		.inleverdata a,
		.inleverdata a:hover,
		.inleverdata a:focus {
			background: #cc3333;
			color: #fff;
		}


/* Aanvragen
---------------------------------------------------------- */

.print-page {
	float: right;
	margin: 0;
}

	.print-icon {
		background: url(../images/main_sprite.jpg) no-repeat;
		width: 15px;
		height: 10px;
		display: block;
		float: left;
		background-position: -11px -165px;
		margin: 3px 6px 0 0;
	}

	#content p.print-page a {
		text-transform: uppercase;
		color: #000;
		font-size: 11px;
	}

	#content p.print-page a:hover {
		color: #fff;
	}

	a.download-aanvraag {
		background: #000;
		width: 160px;
		color: #fff !important;
		padding: 2px 0;
		display: block;
		font: 10px/10px Arial;
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 18px 0;
		font-weight: bold;
	}

	.tooltip-element {
		position: absolute;
		padding: 4px 6px;
		background-color: #fff;
		display: none;
		z-index: 99999;
		color: #000;
		font-size: 11px;
		margin: -12px 0 0 16px;
		border: 2px solid #000;
		letter-spacing: .05em;
		width: 320px;
		-moz-box-shadow: 0 2px 15px #999;
		-webkit-box-shadow: 0 2px 15px #999;
		box-shadow: 0 2px 15px #999;
	}
		
		.tooltip-element div.arrow {
			position: absolute;
			width: 13px;
			height: 23px;
			background: transparent url(../images/tooltip_arrow.png);
			left: -12px;
			top: 2px;
		}

/* Nieuws
---------------------------------------------------------- */

.nieuws header {
	margin: 0 0 35px;
}

.related-news li {
	margin: 0 0 9px 0;
}

	.related-news li h4 {
		font-weight: bold;
		font-size: 12px;
		line-height: 16px; 
		letter-spacing: .04em; 
	}

	.related-news li h4 span {
		font: 11px/11px Arial;
		letter-spacing: .01em; 
		color: #555555;
		font-weight: normal;
	}

	.related-news li h4 a {
		color: #555555;
	}

		.related-news li h4 a:hover {
			color: #fff;
			background: #1b75be;
		}

.news-list li {
	margin: 0 0 18px 0;
	padding: 0;
	border-bottom: 2px solid #000;
	display: block;
}

	h2.news-header {
		font-style: normal;
		font-size: 18px;
		margin: 0 0 6px 0;
	}

		h2.news-header a {
			color: #000;
		}

			h2.news-header a:hover {
				color: #fff;
			}

		.news-item-meta {
			font: 11px/11px Arial;
			letter-spacing: .01em; 
			color: #aaa;
			font-weight: normal;
		}

		.news-list li img {
			float: none;
			margin: 0 0 18px 0;
		}


	/* Nieuws keywords / archief menu
	------------------------------------------------------ */

	ul.keywords li a,
	ul.archive li a {
		font: 11px/18px arial;
		color: #999;
	}

	ul.keywords li.current a,
	ul.archive li.current li.current a {
	    color: #fff;
	}

		ul.archive li.current li {
		    font-weight: normal;
		}

	ul.feeds {
		margin: 0 0 18px 0;
	}

	ul.feeds a {
		font: 13px/18px arial, sans-serif;
		font-weight: bold;
	}

		ul.feeds a.link-nieuws {
			color: #1b75be;
		}
	
			ul.feeds a.link-nieuws:hover {
				color: #fff;
				background: #1b75be;
			}

		ul.feeds a.link-activiteiten {
			color: #22aa99;
		}

			ul.feeds a.link-activiteiten:hover {
				color: #fff;
				background: #22aa99;
			}
		
		ul.feeds a.link-inleverdata {
			color: #cc3333;
		}

			ul.feeds a.link-inleverdata:hover {
				color: #fff;
				background: #cc3333;
			}
	
		ul.feeds a.link-uitzendingen {
			color: #d6ae00;
		}

			ul.feeds a.link-uitzendingen:hover {
				color: #fff;
				background: #d6ae00;
			}

h2 span.rss-icon {
	background: transparent url(../images/main_sprite.jpg) no-repeat scroll -71px -210px;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 1px;
	left: 3px;
}


/* Toegekend
---------------------------------------------------------- */


.toegekend-search {
	border-bottom: 2px solid #000;
	width: 920px;
	display: block;
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
}

	.toegekend-search input[type=text],
	.toegekend-search input:focus[type=text] {
		border: 2px solid #000000;
		font-family: arial,sans-serif;
		font-size: 10px;
		font-weight: bold;
		height: 15px;
		line-height: 15px;
		padding: 1px 0 0 3px;
		background: #fff;
		margin: 0 6px 0 0;
		width: 100px;
	}

	.toegekend-search button {
		background: #000;
		border-color: #000;
		color: #fff;
		text-transform: uppercase;
		margin: 0;
	}
	
	.toegekend-search label {
		width: auto;
		font-family: arial,sans-serif;
		font-size: 11px;
		font-weight: bold;
		float: none;
		display: inline;
	}
	
	.toegekend-search .show-it {
		text-transform: uppercase;
		margin: 2px 5px 0 21px !important;
		font-family: arial,sans-serif;
		font-size: 11px;
		font-weight: bold;
	}
	
	/*.advanced-search-wrapper {
			left: -999999px;
			position: absolute;
		}*/
	
	.advanced-search-toggle {
		font: 10px/13px arial, sans-serif;
		margin: 5px 0 0 0;
		font-weight: bold;
		color: #888;
		cursor: pointer;
	}
	
	.do_fieldreplace {
		position: absolute;
		left: -9999px;
		visibility: hidden;
	}

	
	/* Checkbox repacement
	----------------------------------------------------------- */
	
	.zp-checkbox-replacement {
		width: 10px;
		height: 10px;
		float: left;
		display: block;
		background: url(/lib/images/checkbox.png) no-repeat 0 0;
		margin: 4px 4px 0 0;
		cursor: pointer;
	}

	.zp-checkbox-checked {
		background-position: 0 -10px;
	}
	
	.checkbox-form-item {
		margin: 1px 0 0 0;
	}

	input[type="checkbox"] {
		margin: 0;
		padding: 0;
		border: none;
	}

	.toegekend .pager {
		float: right !important;
		font: 11px/18px arial, sans-serif;
		text-transform: uppercase;
	}
	
	.toegekend .pager li.disabled {
		display: none;
	}
	
		.toegekend .pager li a {
			color: #000;	
		}
		
			.toegekend .pager li a:hover {
				color: #fff;
			}

.toegekend-table {
	margin: 0 0 3px;
	border-bottom: 2px solid #000;
	padding: 0 0 16px 0;
}

th, tr {
	text-align: left;
}

td {
	padding: 0 30px 0 0;
}

	.weekoverzicht td {
		padding: 0 25px 18px 0;
	}

	td.date {
		padding: 0;
	}
	
th {
	color: #1b75be;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 13px;
	letter-spacing: .01em; 
}

span.prijs {
	margin: 0 4px 0 0; 
	padding: 0 0.2em; 
	background: #000; 
	text-transform: uppercase; 
	color: #fff;
	font: 10px/10px arial, sans-serif;
	font-weight: bold;
}

h3 span.prijs {
    margin-right: 0;
}

.toegekend .form-item {
	margin: 0;
}

	.toegekend .form-item input.van,
	.toegekend .form-item input.tot {
		width: 75px;
		background: url(../images/cal.jpg) no-repeat;
		background-position: 64px 1px;
		cursor: pointer;
	}


/* gets a different background position in the theme css 
------------------------------------------------------ */

span.in-etalage {
	background: #fff url(../images/in_etalage.jpg) no-repeat 0 0;
	display: inline-block;
	height: 13px;
	width: 12px;
	position: relative;
	top: 2px;
    left: 2px;
}

	th span.in-etalage {
		background-position: 0 -57px;
	}
	
span.in-etalage img {
    display: none;
}
	span.etalate-title-text {
		font-weight: normal;
		color: #000;
	}


/* datepicker
------------------------------------------------------ */

#ui-datepicker-div {
	background: #fff;
	padding: 6px;
	border: 2px solid #000;
	margin: -5px 0 0 0;
	display: none;
	-moz-box-shadow: 0 2px 15px #999;
	-webkit-box-shadow: 0 2px 15px #999;
	box-shadow: 0 2px 15px #999;
}

	#ui-datepicker-div td {
		padding: 1px;
	}

		#ui-datepicker-div td a {
			padding: 1px 3px;
			border: 1px solid #eee;
			display: block;
		}
		
		#ui-datepicker-div td a.ui-state-active {
			border: 1px solid #e0e0e0;
			background: #eee;
		}
		
	.ui-datepicker-next {
		float: right;
	}

	.ui-datepicker-prev {
		float: left;
	}
	
	.ui-datepicker-title {
		text-align: center;
	}
	
	.ui-datepicker-header {
		margin: 0 0 3px 0;
	}
	

/* Etalage
---------------------------------------------------------- */

.etalage #media-viewer {
	margin: 0;
}

	.etalage .pager {
		float: right !important;
		font: 11px/18px arial, sans-serif;
		text-transform: uppercase;
	}
	
	.etalage .pager li.disabled {
		display: none;
	}
	
		.etalage .pager li a {
			color: #000;	
		}
		
			.etalage .pager li a:hover {
				color: #fff;
			}

.etalage-menu {
	width: 918px;
	position: relative;
	height: 40px;
	margin: -6px 0 0 0;
	display: block;
	z-index: 9999;
}

ul.etalage-menu li {
	display: inlone;
	float: left;
	margin: 0;
	padding: 0;
}

ul.etalage-menu li a {
	background: transparent url(../images/etalage_nav.png) no-repeat bottom left;
	display: block;
	height: 40px;
	float: left;
	text-indent: -9999999px;
}

ul.etalage-menu li.current a,
ul.etalage-menu li a:hover {
    border-left: 2px solid black; 
    margin-left: -2px;
}

	ul.etalage-menu li a#etalage-menu-alle {
		width: 81px;
		background-position: 0 -40px;
	}

		ul.etalage-menu li a#etalage-menu-alle:hover,
		ul.etalage-menu li.current a#etalage-menu-alle {
			background-position: 0 0;
		}

	ul.etalage-menu li a#etalage-menu-tv {
		width: 65px;
		background-position: -81px -40px;
	}

		ul.etalage-menu li a#etalage-menu-tv:hover,
		ul.etalage-menu li.current a#etalage-menu-tv {
			background-position: -81px 0;
		}
	
	ul.etalage-menu li a#etalage-menu-radio {
		width: 90px;
		background-position: -146px -40px;
	}

		ul.etalage-menu li a#etalage-menu-radio:hover,
		ul.etalage-menu li.current a#etalage-menu-radio {
			background-position: -146px 0;
		}

	ul.etalage-menu li a#etalage-menu-ecultuur {
		width: 120px;
		background-position: -236px -40px;
	}

		ul.etalage-menu li a#etalage-menu-ecultuur:hover,
		ul.etalage-menu li.current a#etalage-menu-ecultuur {
			background-position: -236px 0;
		}
	
	ul.etalage-menu li a#etalage-menu-overig {
		width: 100px;
		background-position: -356px -40px;
	}

		ul.etalage-menu li a#etalage-menu-overig:hover,
		ul.etalage-menu li.current a#etalage-menu-overig {
			background-position: -356px 0;
		}
		
	ul.etalage-menu li a#etalage-menu-stimuleringsbeleid {
		width: 189px;
		background-position: -456px -40px;
	}
		ul.etalage-menu li a#etalage-menu-stimuleringsbeleid:hover,
		ul.etalage-menu li.current a#etalage-menu-stimuleringsbeleid {
			background-position: -456px 0;
		}
	
	ul.etalage-menu li a#etalage-menu-activiteiten {
		width: 137px;
		background-position: -645px -40px;
	}
	
		ul.etalage-menu li a#etalage-menu-activiteiten:hover,
		ul.etalage-menu li.current a#etalage-menu-activiteiten {
			background-position: -645px 0;
		}

	ul.etalage-menu li a#etalage-menu-publicaties {
		width: 136px;
		background-position: -782px -40px;
	}
	
		ul.etalage-menu li a#etalage-menu-publicaties:hover,
		ul.etalage-menu li.current a#etalage-menu-publicaties {
			background-position: -782px 0;
		}

.etalage-sortbar {
	margin: 16px 0;
	display: block;
	width: 920px;
}

.etalage-sortbar span {
	font: 11px/18px Arial;
	text-transform: uppercase;
	float: left;
	display: block;
	margin: 2px 6px 0 0;
	font-weight: bold;
}

ul.etalage-items {
	margin: 0 0 0 -18px !important;
    list-style-type: none;
	display: block;
}

	.etalage-items li {
		width: 216px;
		height: 180px;
		float: left;
		margin: 0 0 18px 18px;
		overflow: hidden;
	}

		.etalage-items li img {
			margin: 0 0 9px 0;
			display: block;
		}

		.etalage-items li h3 {
			font-size: 15px;
			line-height: 18px;
			font-weight: normal;
			letter-spacing: .05em;
		}
		
		#content .etalage-items li p.item-meta {
			margin: 0;
			color: #666;
			font: 11px/18px arial, sans-serif;
			letter-spacing: .03em;
			padding: 0;
		}
		
		#content .etalage-items li p.item-meta span.item-meta-cat {
			text-transform: uppercase;
			font-weight: bold;
			padding: 0;
		}

ul.etalage-items-inline {
	margin-top: 18px !important;
}

	.etalage-items-inline li {
		height: 160px;
	}

.etalage p.chapeau {
	margin: 0;
}

p.breadcrumb {
	margin: 0;
	font: 11px/14px Arial;
	letter-spacing: .008em;
}

.project-partners {
	margin: 0 0 18px 0;
}

	.project-partners img {
		float: left;
		display: block;
		margin: 0 9px 0 0;
	}
	
	
/* Zoek resultaat
---------------------------------------------------------- */

.zoekresultaat header {
	margin: 0 0 35px;
}

ul.searchresult {
	margin: 0 0 18px 0;
}

	ul.searchresult li {
		margin: 0 0 18px 0;
	}
		
		.show-line {
			margin: 0 0 16px 0;
			border-top: 2px solid #000;
		}
		
		.pager-line {
			width: 597px;
			margin: 0 -192px 16px;
		}
		
		ul.searchresult li .category-title-wrapper {
			display: block;
		}

		ul.searchresult li .searchresult-category,
		ul.searchresult li .searchresult-title {
			margin: 0;
			float: left;
		}

			ul.searchresult li .searchresult-category {
				text-transform: uppercase;
				font: 10px/18px arial, sans-serif;
				letter-spacing: .05em;
				color: #000;
				font-weight: bold;
				margin: 0 6px 0 0;
			}
			
		ul.searchresult li .searchresult-title {
			font-weight: normal;
			font-size: 14px;
			line-height: 15px;
			letter-spacing: .05em;
		}	
		
		ul.searchresult li p.searchresult-intro {
			margin: 0;
		}
		
	.zoekresultaat .pager {
		float: right;
	}
	
	.zoekresultaat h1 {
		line-height: 18px;
	}
	
		.zoekresultaat h1 span {
			font-size: 13px;
		}
		
		.zoekresultaat #sidebar h2 {
			font-weight: normal;
		}
		
		
/* agenda
----------------------------------------------------- */

.agenda .calendar-info {
    margin-left: 35px;
}

.agenda .calendar-info p, 
.agenda .calendar-info h2 {
    float: left;
}

.agenda .calendar-info .calendar-switch {
    float: right;
    margin-right: 45px;
}

.agenda .calendar-info h2 {
    margin-top: -3px;
    width: 240px;
}

.calendar {
	font-size: 18px;
	line-height: 1;
}

.calendar ul, .calendar ol {
	list-style-image: none;
	list-style-position:outside;
	list-style-type: none;
	margin: 0;
}

.quarter-30 {
	text-indent: 16px;
}

.calendar ol.programme-days li ol.programme-day {
	height: 864px;
	background: transparent url(../images/cal_bg.jpg) repeat;
	border: solid #e8e8e8;
	border-width: 1px 1px 0 1px;
	position: relative;
	margin: 0 2px 0 0;
}

	.calendar ol.programme-days li ol.programme-day li {
		position: absolute;
		background: #fff;
		color: #000;
		border: 1px solid #fff;
		overflow: hidden;
		margin: 0 0 0 -1px;
	}
	
	    .calendar ol.programme-week li.programme-day li.uitzendingen,
		.calendar ol.programme-days li ol.programme-all-day li.uitzendingen,
		.calendar ol.programme-days li ol.programme-day li.uitzendingen {
			background: #d6ae00;
			color: #fff;
		}

	    .calendar ol.programme-week li.programme-day li.inleverdata,
		.calendar ol.programme-days li ol.programme-all-day li.inleverdata,
		.calendar ol.programme-days li ol.programme-day li.inleverdata {
			background: #CC3333;
			color: #fff;
		}

	    .calendar ol.programme-week li.programme-day li.activiteiten,
		.calendar ol.programme-days li ol.programme-all-day li.activiteiten,
		.calendar ol.programme-days li ol.programme-day li.activiteiten {
			background: #22AA99;
			color: #fff;
		}
		
		.calendar ol.programme-days li ol.programme-day li p {
			margin: 0;
		}
		
			.calendar ol.programme-days li ol.programme-day li .time {
				color: #555;
			}

.calendar ol.programme-days li,
.calendar ol.programme-day-titles li {
	display: block;
	float: left;
	width: 95px;
	margin: 0;
}

.calendar ol.programme-days li.programme-hours-item,
.calendar ol li.programme-empty-first-cell {
	width: 37px;
	float: left;
}

.calendar ol.programme-day-titles li h3 span {
	display: block;
	font-weight: normal;
}

.calendar ol.programme-day li {
	float: none;
	display: block;
}

.calendar ol.programme-hours {
	font-size: 12px;
	line-height: 18px;
}

.calendar .programme-event-item {
	padding: 1px 4px 2px;
	font: 10px/12px Arial;
	letter-spacing: .008em;
}

	.calendar .programme-event-item a,
	.calendar .programme-event-item a:hover {
		color: #fff !important;
		background: none !important;
	}

ul.agenda,
ul.keywords {
	margin: 0 0 18px 0;
}

/* Extra for month view */

.calendar .programme-week .programme-day {
    float: left;
    width: 91px;
    border: 1px solid #333;
}

.calendar li.programme-day-date {
    background: #eee;
    color: #666;
    text-align: right;
    font-size: 12px;
    padding: 4px;
}

.calendar .programme-week .programme-day {
    height: 200px;
    border: solid #e8e8e8;
    border-width: 1px 1px 1px 1px;
    position: relative;
    margin: 0 2px 0 0;
    overflow: hidden;
}

.calendar .programme-week .programme-day ol li {
    margin-bottom: 4px;
}

.calendar .programme-week .programme-day ol li p {
    margin-bottom: 0px;
    height: 2.5em;
    overflow: hidden;
}

.calendar .programme-week .programme-day ol.long-list li p {
    margin-bottom: 0px;
    height: 1.25em;
    overflow: hidden;
}


/* Nested items - add levels when needed 
----------------------------------------------------------- */

.cal-lev-1of2 { left: 0;   width: 60% !important; }
.cal-lev-2of2 { left: 40%; width: 60% !important; }

.cal-lev-1of3 { left: 0;   width: 40% !important; }
.cal-lev-2of3 { left: 30%; width: 40% !important; }
.cal-lev-3of3 { left: 60%; width: 40% !important; }

.cal-lev-1of4 { left: 0;   width: 35% !important; }
.cal-lev-2of4 { left: 23%; width: 35% !important; }
.cal-lev-3of4 { left: 44%; width: 35% !important; }
.cal-lev-4of4 { left: 65%; width: 35% !important; }


.cal-popup-data {
	display: none;
}

	.cal-popup-data p {
		margin: 0;
	}
	
	.cal-popup-data p.time {
		color: #666;
	}
	
	.cal-popup-data img {
		margn: 0;
		float: none;
	}
	
	
/* print pages
---------------------------------------------------------------- */

.definitions {
	margin: 18px 0 0 0;
	padding: 18px 0 0 0;
	border-top: 2px solid #000;
}

	.definitions ul li {
		margin: 0 0 18px 0;
	}
	

/* weekoverzicht
---------------------------------------------------------------- */

.weekoverzicht table {
	margin: 0 0 18px 0;
}

div.medium div.caption {
    color: #333;
}

h3.sidehead {
    padding-bottom: 3px; 
}

h3.sidehead a {
    color: black;
}

h3.sidehead a:hover {
    background: black;
    color: white;
}