/******
		Algemeen component
*******/

	a.button {
		border: 3px double #fff;
		padding: .2em 1em;
		background: #036;
		color: #fff;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.block  {
		border: 1px solid #036;
		font-size: .9em;
		
	}
	.block .content {
		padding: 10px;
	}
	.block h2.header{
		color: #fff; 
		background: #036; 
		font-size: 14px ;
		padding: .2em 10px; 
		font-weight: bold;
		height: 18px;
		overflow: hidden;
	}
	.block .listitem {
		padding: 10px;
		border-bottom: 1px solid #036;
	}
	.block .listitem.last {
		border-bottom: none !important;
	}
	.block .listitem h3 {
		font-weight: bold;
		color: #036;
		font-size: 1.2em;
	}
	.block .listitem h2 {
		font-weight: bold;
		color: #036;
		font-size: 1.2em;
		margin-bottom: .5em;
	}
	.block .listitem span.date {
		font-size: .8em;
		line-height: 210%;
	}
	.block .listitem img {
		border: 2px solid #036;
		float: right;
		margin: 0 0 20px 0;
	}
	.block .listitem .body {
		width: 220px;
	}
	#main .block .listitem li a { 
		font-weight: normal; 
		text-decoration: underline;
	}
	.block .listitem a.more {
		color: #036;
		text-decoration: none;
	}
	
	.fotos .block { border: 1px solid #32acc0; }
	.fotos .block h2.header { background: #32acc0; }
	.fotos .block .listitem { border-bottom: 1px solid #32acc0; }
	.fotos .block .listitem h3,
	.fotos .block .listitem a{ color: #32acc0; }
	.fotos .block .listitem a:hover { color: #32acc0; }
	.fotos .block .listitem img { border: 1px solid #32acc0; }
	.fotos .block .listitem .body {
		width: 200px;
	}
	
	.nieuws .block { border: 1px solid #ee0077; }
	.nieuws .block h2.header { background: #ee0077; }
	.nieuws .block .listitem { border-bottom: 1px solid #ee0077; }
	.nieuws .block .listitem h3, .nieuws .block .listitem h3 a { color: #ee0077; }
	.nieuws .block .listitem img { border: 1px solid #ee0077; }
	.nieuws .block .listitem a.more { color: #77bb11; }
	.nieuws .block .listitem li { color: #ee0077; }
	
	.video .block { border: 1px solid #999; }
	.video .block h2.header { background: #df0000; }
	.video .block .listitem { border-bottom: 1px solid #999; }
	.video .block .listitem h3, .video .block .listitem h3 a { color: #df0000; }
	.video .block .listitem a:hover { color: #df0000; }
	.video .block .listitem img { border: 2px solid #df0000; }
	.video .block .listitem .body {
		width: 200px;
	}
	
	.archief .block { border: 1px solid #ee0077; border-bottom: none; }
	.archief .block h2.header { background: #77bb11; }
	.archief .block .listitem { border-bottom: 1px solid #ee0077; }
	.archief .block .listitem h2 { color: #000;}
	.archief .block .listitem h3 { color: #77bb11; }
	.archief .block .listitem ul { margin-bottom: 10px; }
	.archief .block .listitem li { color: #77bb11; }
	.archief .block .listitem .body { width: 200px; }
	.archief .block a.more {	color: #77bb11;}
	.archief .block .sensoritems {
		border-bottom: 1px solid #ee0077;
		padding-top: 10px;
	}
	#sensorlist .hide { display: none; }
	#sensorlist a.more {
		padding: 10px;
		display: block;
	}
	
	.archief .block  .sensoritem {
		float: left;
		margin: 0 13px 10px 13px;
		width: 100px;
		height: 140px;
		text-align: center;
		display: inline;
		color: #ee0077;
	}
	.archief .block .listitem img { 
		border: none;
		float: none;
	}

	.agenda .block {
		border: 0;
		border-bottom: 1px solid #993399;
		padding: 10px;
	}
	.agenda .block h3 {
		color: #993399;
		margin-bottom: 10px;
		font-size: 1.1em;
	}
	.agenda .block a {
		color: #77bb11;
	}
	
/******
		FOTOSLIDESHOW component
*******/	
	#slideshow {
		width: 478px;
		border: 1px solid #32acc0;
		margin-bottom: 1em;
	}
	#slideshow .mainimg {
		border-bottom: 1px solid #32acc0;
		width: 478px;
		height: 320px;
		overflow: hidden;
		background: #000;
	}
	
	#slideshow .picnav {
		border-top: 1px solid #32acc0;
		padding: 15px;
		text-align: center;
	}
	#slideshow .picnav ul {
		display: inline;
	}
	#slideshow .picnav ul li {
		display: inline;
		padding: .2em .5em;
	}
	#slideshow .picnav li a,
	#slideshow .picnav a	{
		font-weight: normal;
		font-size: 1.1em;
		color: #32acc0;
		text-decoration: none;
	}
	#slideshow .picnav a.start-slideshow {
		font-size: .9em;
		cursor: pointer;
		text-decoration: underline;
		padding-right: 20px;
	}
	#slideshow .picnav  .navbut {
		position: relative;
		top:3px;
		cursor: pointer;
	}
	
	#slideshow .picnav li img{
		position: relative;
	}
	#slideshow .picnav li.active a {
		font-weight: bold;
		font-size: 1.3em;
		text-decoration: none;
	}

	
/******
		Text component
*******/	
	.intro {
		margin-bottom: 1em;
	}
	.agenda .intro {
		font-size: 1.1em;
		font-weight: bold;
	}
	.text {
		margin-bottom: 1em;
		font-size: 12px;
	}
	.picture-component p, .text p {
		margin-bottom: 1em;
	}
	#main .picture-component li {
		list-style: disc outside;
		margin-left: 2em;
	}
	#main .picture-component ul {
		margin: 10px 0;
	}
	
	.table {
		margin-bottom: 10px;
	}
/******
		poll component
*******/
	.poll {
		border: 1px solid #e3201b;
		margin-bottom: 15px;
		font-size: .9em;
	}
	.poll .title {
		height: 55px;
		border-bottom: 1px solid #e3201b;
	}
	.poll .content {
		padding: 5px;
	}
	.poll .content h4 {
		margin-bottom: 10px;
	}
	.poll .checkbox {
		margin-right: 5px;
	}
	.poll input.button {
		background: #e3201b;
		text-transform: uppercase;
		border: none;
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		padding: .2em 1em;
	}
	#main .poll li {
		margin: 0;
		padding-left: 0;
		margin-bottom: 5px;
		list-style: none outside !important;
	}
	#main .poll ul {
		margin: 0;
		padding: 0;
	}

	.poll .results .percent {
		clear: both; 
		background: #74BF00; 
		border:1px solid #599500; 
		height: 12px; 
		text-align:right;
		text-indent: 5px;
		font-size: .9em;
	}
	.poll .results dd {
		background: #eee; 
		margin-bottom: 5px;
	}
	.poll .results
/******
		banner component
*******/
	.banner {
		margin-bottom: 15px;
	}

/******
		banner component
*******/
	.video {
		margin-bottom: 15px;
	}	
	

/******
		redactietools component
*******/	

	.redactieblock {
		border: 1px solid #555;
		margin: 15px 0;
	}
	.redactieblock h3 {
		background: #555;
		padding: .2em 1em;
		font-weight: bold;
		color: #fff;
	}
	.redactieblock .content {
		padding: 1em;
	}
	.redactieblock label {
		font-weight: bold;
		float: left;
		width: 80px;
	}
	.redactieblock input,
	.redactieblock select
	{
		margin-bottom: 5px;
	}
	.redactieblock a.greyedout {
		color: red;
	}



/******
		weblog component
*******/	
	.weblog-info {
		color: #666;
		text-align: right;
		font-size: .8em;
		margin-bottom: 15px;
	}
	
	.weblog-header {
		clear: both;
		width: 480px;
		float: left;
		margin-bottom: 10px;
	}
	.weblog-header .weblog-date {
		float: left;
		margin-right: 20px;
	}
	.weblog-header h1 {
		color: #df0000;
		font-size: 16px;
		float: left;
		width: 400px;
		padding-top: 5px;
	}
	.weblog-item {
		border: 1px solid #ddd;
		position: relative;
		padding: 5px 10px 5px 50px;
		margin-bottom: 10px;
	}
	
	.weblog-item .dateblock,
	.dateblock	{
		background: url(images/agenda-bg-1.gif) no-repeat;
		height: 42px;
		width: 35px;
		text-align: center;
		color: #fff;
	}
	.weblog-item .dateblock {
		position: absolute;
		left: 8px;
		top: 8px;	
	}
	.weblog-item .descr {
		font-size: .9em;
	}
	.weblog-item h3 {
		color: #df0000;
		margin-bottom: 5px;
	}
	.weblog-item a.more {
		color: #77bb11;
		font-weight: bold;
		
		display: block;
		padding: 5px 0;
	}
	.webloglist {
		padding-left: 50px;
	}
	.webloglist h2 {
		font-size: 1.1em;
		margin-bottom: .3em;
	}
	.webloglist li { color: #df0000; }
	.webloglist li a{ font-weight: normal!important; }
	.webloglist a.more{ 
		color: #df0000;
		text-align: right;
		display: block;
		text-decoration: underline!important;
		padding: .5em 0;
	}
	
	
/******
		agenda component
*******/		
	#agenda-big {
		font-size: .9em;
		margin-left: 1px;
		width: 475px;
		border-collapse:collapse;
	}
	#agenda-big thead tr {
		background: #993399;
		border: 1px solid #993399;
	}
	#agenda-big thead th {
		color: #fff;
		font-weight: bold;
	}
	#agenda-big tr {
		
	}
	#agenda-big td,
	#agenda-big th	{
		padding: 5px;
		vertical-align: top;
		border-bottom: 1px solid #ddd;
	}	
	#agenda-big h3,#agenda-big h3 a {
		color: #993399;
	}
	#agenda-big td.date {
		color: #77bb11;
		font-weight: bold;
		border-left: 1px solid #ddd;
		width: 45px;
	}
	#agenda-big td.location {
		border-right: 1px solid #ddd;
		width: 50px;
	}
	#agenda-big td.cache {
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	#agenda-big tr.hover{
		background: #FDF8FD;
	}
	#agenda-big tr.clickable{
		cursor: pointer;
	}
	.agenda-content {
		position: relative;
	}
	.agenda-content .dateblock{
		position: absolute;
		left: -50px;
		top: 0;
	}
	.agenda-content .url {
		display: block;
		clear: both;
		margin-bottom: 10px;
	}

/******
		Contact component
*******/	
	.contact .block {
		margin-bottom: 10px;
		width: 470px;
	}
	.contact-component table {
		width: 100%;
		font-size: 1.1em;
	}
	.contact-header {
		font-size: .8em;
		margin-bottom: 20px;
	}
	
	.contact-component table td {
		vertical-align: top;
	}

	.contact-lid {
		width: 148px;
		border: 1px solid #ddd;
		height: 160px;
		margin: 5px;
		float: left;
		text-align: center;
		display: inline;
	}
	.contact-lid .pasfoto {
		width: 132px;
		height: 100px;
		margin: 5px auto;
		border: 1px solid #ccc;
		overflow: hidden;
				background: none;
	}
	.contact-lid .description,
	.contact-lid .description a{
		color: #ee0077;
		font-weight: bold;
		font-style: italic;	
		font-size: .9em;
	}
	.contact-info table td { font-size: 1.1em; }
	.contact-info .content  {
		padding: 10px;
	}	
	.contact h3{
		color: #ee0077;
		font-size: 1.2em;
		margin-bottom: 5px;
	}
	.contact .variant-2 h3 {
		color: #036;
	}

/******
		zoeken component
*******/	

	#search {
		border: 1px solid #036;
		padding: 1em 15px;
		background: #eee;
		margin-bottom: 10px;
	}
	#search ol li {
		margin-bottom: 10px;
	}
	#search li label {
		float: left;
		width: 90px;
		text-align: right;
		margin-right: 10px;
	}
	#search li input,
	#search li select	{
		border: 1px solid #000;
		background: #fff
	}
	#search li input.button {
		margin-left: 100px;
		background: #fff;
		color: #77bb11;
		padding: .1em 1.2em;
		font-weight: bold;
	}
	
	
	
	.search-item {
		margin-bottom: 14px;
	}
	.search-item .date {
		color: #bbb;
		font-size: .8em;
	}
	
	.search-item .description {
		font-size: .9em;
	}
	.search-item h3{
		font-size: 1.1em;
		margin-bottom: .2em;
	}
	.search-item h3,.search-item h3 a {
		color: #77bb11;
	}
	.search-tabs ul {
		margin: 0 auto;
	}
	.search-tabs li {
		float: left;
		border: 1px solid #77bb11;
		width: auto;
		padding: 0 .3em;
		list-style: none !important;
		
		margin: 2px 3px;
	}
	.search-tabs li.next {
		border: none;
	}
	.search-tabs li a{
		color: #77bb11;
	}

/******
	formulieren component
*******/	

	.form-component{
		border: 1px solid #999 !important;
		margin: 20px 0;
		padding: 1em;
	}
	.form-component li {
		margin-bottom: 10px;
		clear: both;
	}
	.form-component label {
		width: 100px;
		float: left;
		display:block;
		text-align: right;
		margin-right: 10px;
	}
	.form-component label.error {
		width: 310px;
		color: red;
	}
	.form-component input,
	.form-component textarea {
		width: 200px;
	}
	form .button {
		width: auto;
		background: #036;
		border: none;
		color: #fff;
		padding: .1em .2em;
		font-weight: bold;
	}
	.nieuws form .button { background: #ee0077; }
	.agenda form .button { background: #993399; }
	.fotos form .button { background: #32acc0; }
	.video form .button { background: #df0000; }
	input.captcha {
		width: 4em !important;
	}
	
/******
	reactie component
*******/	
.comment-container {
	background: #fff;
	margin-bottom: 15px;
}
.comment-container .header {
	padding: .2em 0;
	position: relative;
}

.comment-container .header .left {
	color: #77bb11;
	font-weight: bold;

}
.comment-container .header .right {
	position: absolute;
	right: 4px;
	top:  2px;
}
.comment-container span.date {
	font-size: .9em;
	padding-left: 10px;
	color: #aaa;
	font-weight: normal;
}
.comment-container .content {
	font-size: .9em;
}

.feedback-form label {
	float: left;
	width: 80px;
	text-align: left;
	margin-right: 10px;
	font-size: .9em;
}
.feedback-form label.error {
	color: #ff0000;
	margin-left: 90px;
	width: 400px;
	text-align: left;
	margin-bottom: 5px;
}

.feedback-form li {
	margin-bottom: 10px;
	clear: both;
}
.feedback-form textarea {
	width: 350px;
	height: 100px;
}
.feedback-form h2 {
	margin-bottom: 0px;
}

.feedback-form hr {
	margin: 5px 0 10px;
}


.comment-pager {
	font-size: .9em;
	margin-bottom: 20px;
}
.comment-pager .left {
	float: left;
	display: inline;
}
.comment-pager .right {
	float: right;
	display: inline;
}
.comment-pager a {
	margin-right: 5px;
	text-decoration: underline !important;
}
.comment-pager a.active {
	font-weight: bold;
	color: #036;
	text-decoration: none !important;
}

/******
	BBB component
*******/	

.bbb #content {
	width: 600px;
}
.bbb #extra {
	width: 300px;
	margin-left: 20px;
}

.bbb-item { 
	width: 165px;
	height: 199px;
	border: 2px solid #036;
	float: left;
	text-align: center;
	margin: 0 10px 10px 0;
	position: relative;
	overflow: hidden;
}

.bbb-item .boef {
	background: #000;
	color: #fff;
	position: absolute;
	top: 110px;
	left: 20px;
	width: 90px;
}


/******  i
	GALLERY component
*******/	
	.han-fotogallery {
	
	}
	
	.han-fotogallery .fotoitem {
		float: left;
		width: 75px;
		overflow: hidden;
		margin: 2px;
		text-align: center;
		height: 75px;
	}
	.han-fotogallery .fotoitem a  {
		width: 120px;
		text-align: center;
		height: 80px;
		display: block;
		margin-left: -22px;
	}


/******
	ARCHIVE component
*******/		

	#main .archive-list li.month {
		font-size: 1.1em;
		list-style: none;
		background: url(images/tree-expanded.gif) left top no-repeat;
		padding-left: 15px;
		_padding-left: 0px;
		margin: 2px 0;
		position: relative;
	}
	#main .archive-list li.expanded {
		background: url(images/tree-minus.gif) left top no-repeat;
	}
	#main .archive-list li.month a.clickarea {
		display:block;
		width: 10px;
		height: 10px;
		position: absolute;
		left: 0;
		top: 2px;
	}
	#main .archive-list li li { border: none; list-style: none; }
	#main  .archive-list li li a { font-weight: normal!important; }
	
	

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}