@charset "utf-8";
/**
 *	Kanwel!
 *	(c) i-Aspect B.V.
 *	@version: $Id: styles.css 1588 2011-07-19 12:24:43Z vincentvandijk $
 **/

html,body{ padding:0; margin:0; }
html{ background:url(../img/top.jpg) repeat-x top; }
body{
	margin-top:5px;
   font-size:62.5%;
}
/* Tekstgrootte */
body.groteLetter{ font-size:80%; }

/*
	Standaard definities
*/
	/* Koppen */
		h1{
			font:2.2em "Lucida Sans", "Trebuchet MS", sans-serif;
			color:#202020;
			font-weight:bold;
			margin:0.5em 0;
			padding:0;
		}
		h2, h3, h4{
			font:1.6em "Trebuchet MS", sans-serif;
			color:#202020;
			font-weight:bold;
		}
		h4{
			font-size:1.2em;
			color:#47365a;
			font-weight:bold;
		}
	/* links */
		a{
			text-decoration:underline;
			color:#2ab7e0;
		}
		a:hover{ text-decoration:none; }
		a:active{ }
		a:visited{ color:#27acd2; }

	/* standaard tags */
		p, cite, address, ol, ul, label, th, td, caption, legend{
			font: 1.3em "Trebuchet MS", sans-serif;
		}

		p, cite, address{
			color:#202020;
			line-height:150%;
		}
		p a{
			color:#2ab7e0;
			font-weight:bold;
		}



/*
	Layout definities
*/

	#skip{ display:none; }
	#logo{ position:relative; z-index:100; padding:10px; width:130px; height:110px; }
	#logo img{ border:0; }
   
   #wrapper {
      position: relative;
      margin: 0 auto;
      width: 1000px;
   }
   
   .footerlink {
      position: absolute;
      bottom: 27px;
      left: 165px;
   }
   
	#pagina{
		border:1px solid #dcdcdc;
		border-top:0;
		width:958px; /* 1000 */
		margin:0 auto;
		padding:21px;
		font-size:1em;
	}

		#inhoud{
			margin-top:34em;
			background:url(../img/inhoud.jpg) repeat-y left;
			overflow:hidden;
			width:100%;
		}
			.home #inhoud{ background-image:url(../img/inhoud-home.jpg); }
			#intro,#introsteden{
				width:672px;
				float:left;
				background:url(../img/streepverticaal.jpg) repeat-x bottom;
			}
				.home #intro {
					width:453px;
					padding-right:5px;
				}
				#intro h1, #introsteden h1{
					letter-spacing:-0.05em;
				}
				#intro h1 em, #introsteden h1 em{
					color:#57ccef;
					font-style:normal;
				}

         #melding{
            background:url(../img/bg-meldingblok.gif) no-repeat top left;
            width:483px;
            float:right;

            margin:10px 0 ;
         }

         #melding p#meldingcontent{
            background:url(../img/bg-meldingblok-bottom.gif) no-repeat bottom left;
            padding:10px 10px 10px 80px;
            font-size:1.6em;
            color:#fff;
            margin:0;
         }
         #melding p#meldingcontent a{
            color:#fff;
         }


		/* nieuwe projecten op home */
			.home #nieuweprojecten{
				width:442px;
				margin:15px 0;
				padding-right:15px;
				float:left;
				background:url(../img/streepverticaal.jpg) repeat-x bottom;
				padding-bottom:20px;
			}
				.home #nieuweprojecten h2{
					color:#fff;
					background:url(../img/kop-projecten.gif) no-repeat top left #2ab8e0;
					margin:0;
					padding:0;
					border-bottom:1px dotted #666;
				}
					.home #nieuweprojecten h2 span{
						background:url(../img/pijl-blauw.gif) no-repeat 15px center;
						display:block;
						padding:5px;
						padding-left:35px;
					}

					.home #nieuweprojecten div.projecten{
						background:url(../img/bg-nieuweprojecten.gif) no-repeat bottom left #d5f0fb;
						width:442px;
					}

				.home #nieuweprojecten ul{
					padding:10px 10px;
					margin:0;
					list-style:none;
					font-size:1em;
					overflow:hidden;
				}

					.home #nieuweprojecten ul li{
						background-color:#7cc5e2;
						padding:0;
						margin:5px 0 10px 0;
						float:left;
						width:425px;
					}
					.home #nieuweprojecten div.projectblok{
						position:relative;
						top: -4px;
						left: -4px;
						background-color:#f1fbff;
						border:1px solid #fff;
					}
						.projecten div.projectblok h3{
							margin:0;
							padding:10px;
							padding-bottom:0;
							padding-right:50px;
						}
							.projecten div.projectblok h3 a{
								color:#202020;
								text-decoration:none;
							}
								.projecten div.projectblok h3 a:hover{
									text-decoration:underline;
								}

						.projecten div.projectblok h4{
							margin:0;
							margin-bottom:1px;
							padding:2px 10px;
							color:#47365a;
						}
							.projecten div.projectblok h4 a{

							}

						.projecten div.projectblok p{
							display:block;
							margin:10px;
							margin-top:0;
							padding:4px;
							clear:both;
							background:url(../img/titelstreep.gif) repeat-x top;
						}

	/*
		project iconen
	*/
		.projecten div.muziek{
			background-image:url(../img/iconen/muziek-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.speelplaatsen{
			background-image:url(../img/iconen/speelplaatsen-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.schoonmaakactie{
			background-image:url(../img/iconen/schoonmaakactie-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.kunst-film-theater{
			background-image:url(../img/iconen/kunst-film-en-theater-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.integratie{
			background-image:url(../img/iconen/integratie-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.jongeren{
			background-image:url(../img/iconen/jongeren-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.leefomgeving{
			background-image:url(../img/iconen/leefomgeving-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.ouderen{
			background-image:url(../img/iconen/ouderen-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.straatfeest{
			background-image:url(../img/iconen/straatfeest-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.sport{
			background-image:url(../img/iconen/sport-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.kinderspelletjes{
			background-image:url(../img/iconen/kinderspelletjes-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.overig{
			background-image:url(../img/iconen/overig-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.sport-en-spel{
			background-image:url(../img/iconen/sport-spel-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.veiligheid{
			background-image:url(../img/iconen/veiligheid-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.hobby-creatief{
			background-image:url(../img/iconen/hobby-creatief-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.ontmoeting{
			background-image:url(../img/iconen/ontmoeting-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.muziek-en-dans{
			background-image:url(../img/iconen/muziek-dans-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}
		.projecten div.cultuur{
			background-image:url(../img/iconen/cultuur-64.gif);
			background-repeat:no-repeat;
			background-position:95% 10px;
		}

		/* home heeft de 42px iconen */
   		.home .projecten div.muziek          { background-image:url(../img/iconen/muziek-42.gif); }
   		.home .projecten div.speelplaatsen   { background-image:url(../img/iconen/speelplaatsen-42.gif); }
   		.home .projecten div.schoonmaakactie { background-image:url(../img/iconen/schoonmaakactie-42.gif); }
   		.home .projecten div.kunst-film-theater { background-image:url(../img/iconen/kunst-film-en-theater-42.gif); }
   		.home .projecten div.integratie      { background-image:url(../img/iconen/integratie-42.gif); }
   		.home .projecten div.jongeren        { background-image:url(../img/iconen/jongeren-42.gif); }
   		.home .projecten div.leefomgeving    { background-image:url(../img/iconen/leefomgeving-42.gif); }
   		.home .projecten div.ouderen         { background-image:url(../img/iconen/ouderen-42.gif); }
   		.home .projecten div.straatfeest     { background-image:url(../img/iconen/straatfeest-42.gif); }
   		.home .projecten div.sport           { background-image:url(../img/iconen/sport-42.gif); }
   		.home .projecten div.kinderspelletjes{ background-image:url(../img/iconen/kinderspelletjes-42.gif); }
   		.home .projecten div.overig{ background-image:url(../img/iconen/overig-42.gif); }
   		.home .projecten div.sport-en-spel{ background-image:url(../img/iconen/sport-spel-42.gif); }
   		.home .projecten div.veiligheid{ background-image:url(../img/iconen/veiligheid-42.gif); }
   		.home .projecten div.hobby-creatief{ background-image:url(../img/iconen/hobby-creatief-42.gif); }
   		.home .projecten div.ontmoeting{ background-image:url(../img/iconen/ontmoeting-42.gif); }
   		.home .projecten div.muziek-en-dans{ background-image:url(../img/iconen/muziek-dans-42.gif); }
   		.home .projecten div.cultuur{ background-image:url(../img/iconen/cultuur-42.gif); }


		/* nieuws berichten op home */
			.home #nieuws{
				width:483px;
				float:right;
				background:url(../img/streepverticaal.jpg) repeat-x bottom;
				padding-bottom:15px;
				padding-left:12px;
			}
				#nieuws ul{
					list-style:none;
					margin:0;
					padding:0;
					font-size:1em;
				}
				#nieuws li{
					margin:0;
					padding:0;
					clear:both;
					margin-bottom:2px;
					width:100%;
					display:block;
					float:left;
					background-color:#4e3b64; /* 5c407b */
				}
					#nieuws h3{
						margin:0;
						padding:0;
						float:left;
						font-family:"Trebuchet MS", sans-serif;
						width:420px;
					}
					#nieuws h3 a{
						display:block;
						padding:0.6em;
						color:#fff;
						background-color:#4e3b64;
						font-size:0.8em;
						text-align:left;
						text-decoration:underline;
					}
						#nieuws h3 a:hover{
							text-decoration:none;
						}

					#nieuws h4{
						margin:0;
						padding:0.6em;
						float:left;
						background-color:#5c407b;
						color:#fff;
						font-size:1.2em;
						font-weight:normal;
					}


			/* eerste bericht heeft inhoud */
				.home #nieuws li.eerstebericht{
					background-color:#e9e2ef;
					margin-bottom:10px;
				}
					.home #nieuws li.eerstebericht p{
						width:290px;
						float:left;
						padding:0 10px;
						margin-top:2px;
					}
					 .home #nieuws li.geenafbeelding p{
					    width:425px;
					 }
					.home #nieuws li.eerstebericht div.afbeelding{
						width:135px;
						float:right;
						background-color:#5c407b;
						margin:10px;
					}
					.home #nieuws li.eerstebericht div.afbeelding img{
						border:1px solid #fff;
						position:relative;
						top:-3px;
						left:-3px;
					}
               .home #nieuws li.eerstebericht p a{
                  color:#4e3b64;
               }

					.home #nieuws li.eerstebericht h3{
						font-size:1.8em;
						width:380px;

					}
						.home #nieuws li.eerstebericht h3 a{
							background:none;
							text-decoration:underline;
							color:#202020;
						}
						   .home #nieuws li.eerstebericht h3 a:hover{
						      text-decoration:none;
						   }
					.home #nieuws li.eerstebericht h4{
						padding:0.65em;
						padding-top:0.8em;
						padding-bottom:0.5em;

						background:none;
						color:#5c407b;
						font-weight:bold;

					}
            .nieuws #nieuws li div.nieuwstitel{
					background-color:#4e3b64;
					float:left;
					width:635px;
            }
               .nieuws #nieuws li div.nieuwstitel h3{
						width:480px;

               }
               .nieuws #nieuws li div.nieuwstitel h4{
                  width:120px;
               }


		/* laatste reacties op home */
			.home #laatstereacties{
				width:483px;
				float:right;
				padding:10px 0;
				padding-top:15px;
			}
				.home #laatstereacties h2{
					background:url(../img/kop-laatstereacties.jpg) no-repeat top left #96c83a;
					margin:0;
					border-bottom:1px dotted #666;
					color:#fff;
				}
					.home #laatstereacties h2 span{
						background:url(../img/pijl-donkergroen.gif) no-repeat 15px center;
						display:block;
						padding:5px;
						padding-left:35px;
					}
				#laatstereacties div.reacties{
					background:url(../img/bg-laatstereacties.gif) no-repeat bottom left #c3e389;
					padding:15px 0;
				}

				/* laatste reacties blok ook gebruikt op project detail */
				#laatstereacties ol{
					margin:0;
					padding:2px;
					list-style:none;
				}

				#laatstereacties li{
					margin:2px 10px 5px 10px;
					padding:0;
					background:url(../img/bg-reactie.gif) no-repeat top right #f1fbff;
				}
				#laatstereacties li p{
					padding:5px 15px;
					margin:0;
					font-size:1em;
				}

				.projecten #laatstereacties ol { padding:2px 0px 2px 10px; }
				.projecten #laatstereacties li { width: 626px; }

				#laatstereacties cite{
					display:block;
					padding-bottom:30px;
					padding-left:15px;
					font-size:0.9em;
					font-style:normal;
					font-weight:bold;
					color:#47365a;
					background:url(../img/bg-reactiebalon.gif) no-repeat bottom left #c3e389;
				}
					#laatstereacties cite a{ color:#47365a; }



		/* financiers blok op home */
			.home #financiers{
				width:450px;
				float:left;
				font-size:1em;
			}
				.home #financiers p{
					padding:10px;
				}
				.home #financiers a img{ border:0; }


	/* content pagina */
		#paginainhoud{
			width:672px;
			min-height:500px;
			float:left;
		}
			#paginainhoud h2{
				margin-bottom:0;
				padding-bottom:0;
				padding-top:0.1em;
				margin-top:0;
			}
			#paginainhoud p{
				margin-top:0;
				padding:0.5em 1.5em 0.5em 0;
			}
			#paginainhoud p img.inhoudafbeelding{
			   margin:2px 5px;
			   border:2px solid #d6ecfa;
			   float:left;
			}
			#inhoud #paginainhoud p img.right{
			   float:right;
			}
			#paginainhoud ol li{
			   margin:0.5em 0.2em;
			   line-height:1.7em;
			}
            #paginainhoud p a.knop{
               font-size:1.4em;
            }


/* nieuws pagina */

   .nieuws #nieuws{
      float:left;
      width:652px;
      margin-top:15px;
   }
   .nieuws #nieuws li{
      background:transparent;
      background-color:#fff;
      margin:0;
      padding:0;
   }

      .nieuws #nieuws p{
         display:block;
         clear:both;
         padding:1em 0;
      }
      .nieuws #nieuws h3{ width:462px; }
      .nieuws #nieuws h3 a{ width:100%; }

      .nieuws #nieuws h4{
         font-size:1.25em;
         width:160px;
         text-align:center;
      }

      /* nieuwsarchief aan zijkant */
      .nieuws #nieuwsarchief{
         float:right;
         width:285px;

         margin-top:-49px;

      }
         .nieuws #nieuwsarchief h2{
   			font:2.2em "Lucida Sans", "Trebuchet MS", sans-serif;
   			color:#202020;
   			font-weight:bold;
			   background:url(../img/streepverticaal.jpg) repeat-x bottom;
			   padding-bottom:5px;
			   margin-bottom:10px;
			   padding-left:15px;
         }

         .nieuws #nieuwsarchief h3,
         .zoeken #uitgebreidzoeken h3{
      		background:url(../img/pijlmenu.gif) no-repeat 2% center;
      		margin:0;
            padding:0.2em 0.8em;
      		padding-left:25px;
      		font-size:1.3em;
      		margin-left:10px;
      		margin-top:10px;
         }

         .nieuws #nieuwsarchief ol,
         .nieuws #nieuwsarchief li,
         .zoeken #uitgebreidzoeken ol,
         .zoeken #uitgebreidzoeken li{
      		list-style:none;
      		margin:0;
      		padding:0;
      	}

          .zoeken #uitgebreidzoeken ol, .nieuws #nieuwsarchief ol{
            background:url(../img/streepverticaal.jpg) repeat-x bottom;
            padding:10px 0;
            margin-left:10px;
         }
      		.zoeken #uitgebreidzoeken li, .nieuws #nieuwsarchief li{ overflow:hidden; }

   		.nieuws #nieuwsarchief span,
         .zoeken #uitgebreidzoeken span{
            display:inline;
            width:20%;
            color:#202020;
            text-decoration:none;
   		}
      	.nieuws #nieuwsarchief  a,
         .zoeken #uitgebreidzoeken a{
      		display:block;
      		padding:0.2em 0.8em;
      		padding-left:25px;
      		color:#2ab7e0;
      		font-weight:normal;
      		text-decoration:underline;
      	}
      		.nieuws #nieuwsarchief a:hover{ text-decoration:none; }


/* producten pagina */

   .producten .groen {display:none;}

/* google map */
   #googlemap{
      border:9px solid #f1f1f1;
      width:940px;
      height:302px;
      position:relative;
      background:url(../img/bezigmetladen.gif) no-repeat center center;
   }
      #koptekstgroot #googlemap{
         width:650px;
         height:450px;
      }

	#pagina .inhoudSteden{ margin-top:480px; }


/* info venster over googlemap heen */
   #stadvenster,#stadvensterholder{
      position:absolute;
      z-index:100;
      /*border:1px solid #ff00ff;*/
      margin-left:20px;
      margin-top:20px;
      width:180px;
      height:30px;
      padding:5px 10px;
   }
      #stadvenster h2{
         margin:0;
         padding:5px;
      }
      #stadvensterholder{
         background-color:#fff;
         opacity: .90;
		   filter: alpha(opacity=90);
		   -moz-opacity:0.90;
      }

   #infovenster, #infovensterholder{
      position:absolute;
      z-index:100;
      margin-left:20px;
      margin-top:70px;
      width:180px;
      height:150px;
      padding:10px;

   }
      #infovenster h3,
      #infovenster p{
         margin:0;
         padding:5px;
      }
      #infovenster h3{
         font-size:1.3em;
         border-bottom:1px solid #bebebe;
         font-weight:normal;
      }
      #infovenster h3 strong{
         font-weight:bold;
      }
      #infovenster p strong{
         color:#8dbc32;
         display:block;
         clear:both;
      }


   #infovensterholder{
      background-color:#fff;
      opacity: .90;
		filter: alpha(opacity=90);
		-moz-opacity:0.90;
   }


/* projecten overzicht */
   .projecten form#projectfilter {
      margin:10px 0;
      padding:0;
   }
      .projecten #projectfilter fieldset{
         border:0;
         background-color:#c3e389;
         margin:10px 0;
         width:641px;
         text-align:left;
         padding:10px;
      }
         .projecten #projectfilter fieldset legend{ display:none; }
         .projecten #projectfilter fieldset p{
            display:inline;
            margin:0;
            padding:0;
            border:0;
            background:none;
            width:auto;
         }
            .projecten #projectfilter fieldset p.titel{
               display:block;
               width:100%;
               font-weight:bold;
               font-size:1.6em;
            }

         .projecten #projectfilter fieldset label{
            padding:0.4em 0.9em;
            display:block;
            float:left;
         }
         .projecten #projectfilter fieldset select{
            margin-right:10px;
            padding:0.3em 0.5em;
            width:11em;
         }
         .projecten #projectfilter fieldset button{
            margin:0;
            font-size:1em;
         }


   table.projecten{
      border-collapse:collapse;
      margin-top:10px;
      width:661px;
      padding:0;
      margin:0;
   }
      table.projecten caption{ display:none; }
      table.projecten td{
         padding:0.4em 0.5em;
         background-color:#fff;
      }
         table.projecten td.laatste{
            border-right:0;
         }

      table.projecten thead td{
         text-align:left;
      }

      table.projecten th{
         font-weight:bold;
         font-size:1.5em;
         text-align:left;
         background-color:#7cc5e2;
         padding:0.5em;
         border-bottom:2px solid #7cc5e2;

      }
      table.projecten th a{
         color:#202020;
      }

         table.projecten th span{
            /*background-color:#f1fbff;*/
            /*color:#202020;*/
            color:#fff;
            padding:0.2em;
            display:block;
         }

      table.projecten tr.offset td{
         background-color:#f5f5f5;
      }

      table.projecten td a{
         font-weight:bold;
         display:block;
         padding:0.2em;
         font-size:1.15em;
      }
      
      table.projecten td a.normallink{ 
         font-weight:normal; padding:0; font-size:1em;
         display:inline;
      }

      /* roll over */
      table.projecten tbody tr.active td{
         background-color:#e3f5fc;
         color:#202020;
         cursor:pointer;
      }

      table.projecten tr.active td a{
         color:#202020;
         text-decoration:none;
      }



/* project detail */

   .projecten #paginainhoud{
      clear:both;
   }
      .projecten #paginainhoud h2{
         margin-top:15px;
         margin-left:5px;
      }
         /* paragraaf onder h2 */
         .projecten #paginainhoud p{
            padding-left:5px;
         }

      .projecten #paginainhoud h3{
         padding-left:15px;
      }
         /* paragraaf onder h3 */
         .projecten #paginainhoud p.springin{
            padding-left:15px;
         }


   .projecten #paginainhoud img.buurtcoach{
      float:right;
      margin:0 10px;
   }

   #projectintro{
		background-color:#7cc5e2;
		padding:0;
		margin:35px 0 15px 0;
		width:650px;
   }
      #projectintro h1,
         #projectintro h2{
         padding-left:15px;
      }
      #projectintro h2{
         font-size:2.0em;
         margin:0.5em 0;

      }
      #projectintro div.projectblok{
			position:relative;
			top: -4px;
			left: -4px;
			background-color:#f1fbff;
			border:1px solid #fff;
			overflow:hidden;
      }

         #projectintro div.projectblok h3{
            font-size:1.2em;
				margin:0;
				margin-bottom:8px;
				padding:2px 18px;
				float:left;
				color:#47365a;
         }
            #projectintro div.projectblok h3 a{
               color:#2ab7e0;
               text-decoration:underline;
            }


      /* project foto's pagina */
      .projecten ul.projectfotos,
      .projecten ul.projectfotos li{
         margin:0;
         list-style:none;
         padding:0;
         float:left;
      }
         .projecten ul.projectfotos li{ margin:5px; }

         .projecten ul.projectfotos li img,
         .projecten #paginainhoud img.buurtcoach{
            border:4px solid #7cc5e2;
         }

         #ZoomBox{ border:4px solid #7cc5e2; }

      /* project video's pagina */

      .projecten #videoVenster{
         width:432px;
         min-height:376px;
         float:left;
         background:url(../img/bg-videospeler.gif) no-repeat bottom left #d5f0fb;
      }
         .projecten #videoVenster h3{
            background:url(../img/kop-videospeler.gif) no-repeat top left #2ab8e0;
            margin:0;
            padding:5px;
            color:#fff;
         }
         .projecten #videoVenster #videoSpeler{ padding:3px; }


      .projecten #videoVoorbeelden{
         float:right;
         width:164px;
         padding:5px;
         margin-right:10px;
         background-color:#f1fbff;
         border:3px solid #2ab8e0;
      }
         .projecten .videoVoorbeeld{
            padding:5px 0;
            margin:0 0 2px 0;
            overflow:hidden;
         }
         .projecten .videoVoorbeeld h3{
            font-size:1.2em;
            margin:5px 0;
            padding:5px;
            background-color:#2ab8e0;
            color:#fff;
         }
         .projecten .videoVoorbeeld a{
            border:2px solid #fff;
            float:left;
         }
            .projecten .videoVoorbeeld a:hover{ border:2px solid #7cc5e2; }

         .projecten .videoVoorbeeld .afspeelknop{
            background:url(../img/afspeelknop.png) no-repeat center center;
            position:absolute;
            z-index:2;
            width:160px;
            height:119px;
            cursor:pointer;
         }
         .projecten .videoVoorbeeld .afbeelding{
            position:relative;
            z-index:1;
            top:1px;
            width:160px;
            height:119px;
         }

         /* reacties */

            .projecten #laatstereacties{ width:650px; }
            .projecten #laatstereacties div.reacties{ background-image:none; }

            .projecten #nieuwereactie fieldset legend{
               display:inline;
               font-size:1.6em;
               font-weight:bold;
               margin:0 10px;
               padding:2px;
            }

            .projecten #inhoud #nieuwereactie fieldset{
               border:2px solid #7cc5e2;
               background-color:#f1fbff;
               padding:0;
               margin:10px 0;
               margin:0;
               width:645px;
            }
            .projecten #inhoud #nieuwereactie fieldset p{
               border:0;
               background-color:none;
               margin:5px 20px;
               padding:0;
            }
            .projecten #inhoud #nieuwereactie fieldset textarea{ width:550px; }

            .projecten #nieuwereactie fieldset p.naam,
            .projecten #nieuwereactie fieldset p.email{
               float:left;
               width:40%;
               margin:0;
            }

            .projecten #nieuwereactie fieldset button{ font-size:1em; }

				.projecten #laatstereacties cite{ background-image:url(../img/bg-reactiebalon-breed.gif); }

				.projecten div.melding{
				   margin:10px 0;
				   width:645px;
               border:2px solid #7cc5e2;
               color:#202020;
				}
               .projecten div.melding p{ font-weight:bold; }

				.projecten .weblogbericht{
               border:1px solid #4e3b64;
               background-color:#f1fbff;
               margin:10px;
               padding:10px;
               padding:0;
				}
				.projecten .weblogbericht h3,
				.projecten .weblogbericht h4{
				  padding:0;
				  margin:0;
				}
				.projecten .weblogbericht h3{ background-color:#7cc5e2; }

               .projecten .weblogbericht h3 a{
                  display:block;
                  color:#fff;
                  padding:10px;
                  background:url(../img/pijl-blauw.gif) no-repeat 10px center;
                  padding-left:25px;
               }

				.projecten .weblogbericht h4,
            .projecten .weblogbericht p{ margin:2px 10px; }


   /* projecten zijkant balk */
   #projectzijkant{
      float:right;
      width:273px;
      margin-top:-150px;
   }
   
   #projectareazijkant{
      float:right;
      width:273px;
   }
      #projectzijkant .groenblok, 
      #projectareazijkant .groenblok{

         background:url(../img/bg-projectzijkantblok.gif) no-repeat bottom left #c3e389;
         margin:10px 0;
      }
         #projectzijkant .groenblok h2,
         #projectareazijkant .groenblok h2 {
            color:#fff;
            margin:0;
            background:url(../img/kop-projectzijkant.gif) no-repeat top left #8ec032;
				border-bottom:1px dotted #666;
         }

				#projectzijkant .groenblok h2 span,
				#projectareazijkant .groenblok h2 span{
					background:url(../img/pijl-donkergroen.gif) no-repeat 15px center;
					display:block;
					padding:5px;
					padding-left:35px;
				}

				#projectzijkant .groenblok p{ padding:6px; }
               #projectzijkant .groenblok p a{ color:#47365a; }
   				#projectzijkant .groenblok p a.link{ padding-left:10px; }
               #projectzijkant .groenblok p strong{ padding-left:10px; }
				#projectareazijkant .groenblok p{ padding:6px; }
               #projectareazijkant .groenblok p a{ color:#47365a; }
   				#projectareazijkant .groenblok p a.link{ padding-left:10px; }
               #projectareazijkant .groenblok p strong{ padding-left:10px; }

         #projectzijkant .groenblok img{ border:1px solid #fff; }
         #projectareazijkant .groenblok img{ border:1px solid #fff; }

         /* foto gallerij */
         #projectzijkant .groenblok ul.fotos,
         #projectareazijkant .groenblok ul.fotos{
            list-style:none;
            margin:5px;
            margin-bottom:0;
            padding:0;
            overflow:hidden;
         }
            #projectzijkant .groenblok ul.fotos li,
            #projectareazijkant .groenblok ul.fotos li{
               float:left;
               padding:0 0 5px 0;
               margin:5px 0 0 5px;
            }
         /* video blok  */   
         #projectzijkant dl,
         #projectzijkant dt,
         #projectzijkant dd,
         #projectareazijkant dl,
         #projectareazijkant dt,
         #projectareazijkant dd{
            margin:0;
            padding:0;
            overflow:hidden;
         }
            #projectzijkant dt,
            #projectzijkant dd,
            #projectareazijkant dt,
            #projectareazijkant dd{
               float:left;
               width:45%;
               padding:1%;
            }
            #projectzijkant dt,
            #projectareazijkant dt{
			      font: 1.3em "Trebuchet MS", sans-serif;
               float:right;
            }

/* contact pagina */
   #adresgegevens{
      float:right;
      width:273px;
      margin-top:-100px;
   }

   #adresblokken{
      background:url(../img/streepverticaal.jpg) repeat-x bottom;
      padding:10px 0;
      overflow:hidden;
   }
      #adresblokken .adresblok{
         float:left;
         padding:0;
         padding-right:40px;
      }

      #adresblokken .adresblok address,
      #adresblokken .adresblok p{
         padding-top:10px;
         margin-top:0;
      }



/* Link pagina */

   div.linkcategorie{
      width:95%;
      margin-top:15px;
      padding-top:15px;
      float:left;
      border-top:1px solid #dcdcdc;
   }
      div.linkcategorie h2{ padding-left:5px; }
      div.linkcategorie ul,
      div.linkcategorie li{
         list-style:none;
         margin:0;
         padding:0;
      }
      div.linkcategorie li{
         margin:5px;
         width:47%;
         float:left;
      }


/* financiers pagina */


   ul.financiers,
   ul.financiers li{
      list-style:none;
      padding:0;
      margin:0;
   }
   ul.financiers{
      overflow:hidden;
		background:url(../img/streepverticaal.jpg) repeat-x bottom;
		padding:20px 0;
   }
   .projecten ul.financiers{
      padding:0;
      padding-left:5px;
      background:none;
   }


   ul.financiers li{
      border:1px solid #b8b7b7;
      width:188px;
      height:128px;
      float:left;
      margin:10px;
      text-align:center;
   }
      ul.financiers li.normaal{
         border:0;
         width:auto;
         height:auto;
         text-align:left;
      }
         ul.financiers li.normaal a{
            text-transform:none;
            color:#2ab7e0;
         }

         ul.financiers li a{
            text-transform:uppercase;
            color:#9c9c9c;
            font-family:Verdana,Arial,Helvetica,sans-serif;
         }

         ul.financiers li a.tekst{
            display:block;
            margin: 1.2em 0em 0.2em 0em;
         }

      ul.financiers li .financierlogo{ height:90px; }
         ul.financiers li img{
            border:0;
            margin:4px;
         }

   .financiers #paginainhoud h2{ padding-top:1em; }

/* financieren blok rechts */
   #financieren{
      float:right;
      width:273px;
      background-color:#7cc5e2;
      position:relative;
   }
   #financieren div{
      position:relative;
      top:-4px;
      left:-4px;
      background-color:#f1fbff;
      border:1px solid #fff;
      float:left;
      padding:10px;
      width:250px;
   }

   #financieren h3{
      font-family:"Lucida Sans","Trebuchet MS", sans-serif;
      font-weight:normal;
      margin:0;
      padding:0;
      float:left;
   }

/* over kanwel blok rechts */
   #overkanwel{
      float:right;
      width:273px;
      margin-top:15px;
   }
      #overkanwel h2{
         font-size:1.8em;
         margin-bottom:0;
         padding-bottom:0;
      }

/* zoek uitleg blok rechts */
   #zoekuitleg{
      float:right;
      width:273px;
      margin-top:15px;
   }
      #zoekuitleg h2{
         font-size:1.8em;
         margin-bottom:0;
         padding-bottom:0;
      }

.zoeken #inhoud{
   background-image:none;
}
.zoeken #intro{
   width:956px;
   background-color:#fff;
}
#zoekpagina{
background:url(../img/inhoud-zoeken.jpg) repeat-y top left;
           padding-bottom:20px;
overflow:hidden;
}
#zoekpagina #zoekuitleg,
#zoekpagina #koptekst{
   float:left;
}
#zoekpagina #paginainhoud{
   float:right;
width:662px;
      padding-top:30px;
/*         margin-left:10px;
         margin-right:0;*/
}
#zoekpagina #paginainhoud h2{
   padding-bottom:10px;
}

/* contact pagina */

   .contact form,
   .projecten form{
      margin:0;
      padding:0;
   }

      .contact fieldset,
      .projecten fieldset {
         border:2px solid #7cc5e2;
         background-color:#f1fbff;
         padding:0;
         margin:0;
		 margin-bottom: 15px;
         width:640px;
      }
      .contact fieldset legend,
      .projecten fieldset legend{
         display:inline;
         font-size:1.6em;
         font-weight:bold;
         margin:0 10px;
         padding:2px;
      }
      .contact fieldset legend{ display:none;}

      .contact  form p,
      .projecten  form p{
         padding:10px;
         display:block;
         margin:10px 20px;
         width:40%;
         float:left;
      }
      .contact form p.breed,
      .projecten form p.breed{
         width:90%;
         clear:both;
         float:none;
      }

      .contact form label,
      .projecten form label{
         font-size:1em;
         font-weight:bold;
      }
      .contact form textarea,
      .contact form input,
      .projecten form textarea,
      .projecten form input {
         padding:0.3em 0.4em;
         width:90%;
         font-size:1.1em;
         font-family:verdana,arial,sans-serif;
      }
	  
	  .contact  p.opmerking {margin-top: -110px !important;} 
	  
	  .contact form .radio {width: 20px;}

     /*
     form input#betalingswijze-machtiging.errorMessage {
        background-color:#ff00ff;border: 1px solid red;
     }
	  p.betalingswijze label.errorMessage{ 
        display:inline;
        clear:both;
     }
     */
      .contact form button,
      .project form button{
         font-size:1em;
      }

      /* specifieke elementen  */
      .contact input#postcode{
         width:12%;
         float: left;
         margin-right:10px;
      }
      .contact input#plaats{
         width:70%;
         float: left;
      }
      .bijeenkomst{
         width:13px !important;
         margin:8px 10px 0 20px !important;
      }
      .bijeenkomstLabel{
         font-size:1.3em !important;
         font-weight:normal !important;
         font-weight:bold !important;
         color:#202020 !important;
      }
      

      /* form check */

      .errorMessage{
         background-color:#ff9c9c;
         color:#fff;
      }
      label.errorMessage{ display:none; }
      #singleErrorMessage{
         color:#ff0000;
         font-weight:bold;
         display:block;
      }

   .contact #googlemap{
      width:640px;
      height:350px;
   }

   /* route popup google maps */
      .contact #routepopupinhoud{
         overflow:hidden;
         padding:5px;
         width:220px;
      }

      .contact #routepopupinhoud p,
      .contact #routepopupinhoud h3{
         margin:0;
         padding:0;
      }
      .contact #routepopupinhoud p strong{ font-size:1.2em; }

      .contact #routeblok{ padding:20px 0; }

      .contact #mapholder{ margin-top:10px; }


/* contact blokken aan de zijkant */
   #contactmogelijkheden{
      float:right;
      width:273px;
   }
      #contactmogelijkheden div.blok{
         background-color:#7cc5e2;
         position:relative;
         float:left;
         margin-bottom:15px;
      }
         #contactmogelijkheden div.blok div{
            position:relative;
            top:-4px;
            left:-4px;
            background-color:#f1fbff;
            border:1px solid #fff;
            float:left;
            padding:10px;
            width:250px;
         }

         #contactmogelijkheden div.blok h3{
            font-family:"Lucida Sans","Trebuchet MS", sans-serif;
            font-weight:normal;
            margin:0;
            padding:0;
            float:left;
            width:95%;
         }

         #contactmogelijkheden div.blok p{
            padding:0;
            margin:0;
         }
         #contactmogelijkheden div.blok a{
            display:block;
            padding:4px 0;
            overflow:hidden;
            clear:both;
            font-size:110%;
         }

   /* buurtcoaches op contact pagina */

      #contactpersonen {
         width:98%;
         float:left;
      }
         #contactpersonen ul,
         #contactpersonen li{
            margin:0;
            padding:0;
            float:left;
            list-style:none;
         }

         #contactpersonen li{
            width:43%;
            margin:1%;
            padding:10px;
            min-height: 10em;
            background-color:#f1fbff;
            border:2px solid #7cc5e2;
         }
            #contactpersonen li div.afbeelding{
               width:80px;
               height:80px;
               float:left;
               margin-right:5px;
            }
            #contactpersonen li div.gegevens{
               float:right;
               width:190px;
               text-align:left;
            }


	/* kop element */
			#koptekst, #koptekstgroot{
				position:absolute;
				top:16em;
				width:958px;
			}
         
         #koptekst  .knop.paars {
            display: none;
         }
         
			/* sfeer plaat */
				#sfeer{
					width:672px;
					height:322px;
					float:left;
				}
               #sfeer img{ border:0; }

			#koptekstgroot #googlemap{ float:left; }
         #koptekstgroot #zoeken p#stedentags a{
            float:none;
            clear:both;
         }

			/* Project detail - header tekst op afbeelding */

				#projectinfo, #projectinfoachtergrond{
					position:absolute;
					background-color:#000;
					color:#fff;
					top:220px;
					left:10px;
					width:350px;
					height:4em;
					opacity: .75;
					filter: alpha(opacity=75);
					-moz-opacity:0.75;
					padding:1em;
				}
            #projectinfo{
               background:none;
               opacity: 1;
               filter: alpha(opacity=100);
               -moz-opacity:1;
            }
					#projectinfo span{
						font-family:"Lucida Sans", "Trebuchet MS", sans-serif;
						color:#fff;
						font-weight:bold;
						font-size:1.2em;
						margin:0.2em 0;
					}
					#projectinfo .stad{ font-size:1.6em; }
					#projectinfo .projectgebied{
						font-size:1.4em;
						font-weight:normal;
					}
					#projectinfo .titel{ font-size:1.8em; }
					
/* pagina zoeken */

.zoeken #sfeer{display: none;}

	.zoeken #inhoud {margin-top: 0px;}

		#uitgebreidzoeken {
/*			background:url(../img/bg-zoeken2-top.gif) no-repeat 0 top;*/
			float: left; 
			padding: 0;
			margin: 0;
		}
.zoeken #uitgebreidzoeken ol{
   margin-left:2px;
width:250px;
}

		.zoeken #intro ul.navigatietabs { float:right;margin-top:10px; }
		.zoeken #intro h1 { float:left; }
		

               .zoeken #uitgebreidzoeken div ol a:hover{
                  text-decoration:none;
               }
#uitgebreidzoeken li.meer a{
   padding-left:25px;
   background:url(../img/pijlzoeken.gif) no-repeat 25% 60%;
}

#uitgebreidzoeken li.meer a.actief{

   background:url(../img/pijlzoeken-minder.gif) no-repeat 30% 60%;
}


#uitgebreidzoeken ol li.verberg{
   display:none;
}
#uitgebreidzoeken ol.uitklappen li.verberg{
   display:block;   
}


			/* zoek blok */
				#zoeken{
					width:272px;
					float:right;
					background:url(../img/bg-zoeken.gif) no-repeat bottom #51ccf0;
					margin-bottom:10px;
				}
					#zoeken h2{
						background:url(../img/kop-zoeken.gif) no-repeat top left #2ab8e0;
						margin:0;
						padding:0.4em 0;
						padding-left:15px;
						color:#fff;
						font-size:1.6em;
					}

					/* homepage */
						#zoeken form{
							background:url(../img/bg-zoeken-top.jpg) repeat-x top;
							margin:0;
							padding:0;
						}
						#zoeken fieldset{ border:0; padding:15px; }
						#zoeken legend{ display:none; }
						#zoeken ol{
							padding:0;
							margin:0;
							list-style:none;
							font-size:1em;
						}
						#zoeken li{
							margin:0;
							padding:0;
						}

							#zoeken li.een{
								background:url(../img/getal1.gif) no-repeat 1px 0.4em;
								text-indent:32px;
							}
							#zoeken li.twee{
								background:url(../img/getal2.gif) no-repeat 1px 0.4em;
								text-indent:32px;
							}

						#zoeken label{
							display:block;
							font-family:"Trebuchet MS", sans-serif;
							font-weight:bold;
							font-size:1.4em;
							color:#fff;
							padding:0.8em 0 0.5em 3px;
						}
						#zoeken select{
							border:1px solid #34bbe3;
							padding:5px;
							font-size:1.2em;
							color:#202020;
							width:90%;
							clear:both;
						}

                  #zoeken p.uitgebreidzoeken{
                     float:left;
                     padding-top:15px;
                  }
                  #zoeken p.uitgebreidzoeken a{
                     color:#fff;
                  }

					/* snelzoeken in balk bovenin pagina */	
               form#snelzoeken{
                  margin:0;
                  padding:2px;
                  float:left;
                  border:2px solid #2AB8E0;
                  background-color:#E6F8FF;
               }
               form#snelzoeken fieldset{
                  margin:0;
                  padding:0;
                  border:0;
                  width:auto;
               }

                  form#snelzoeken label{
                     float:left;
                     padding:4px;

                     color:#9D9D9D;
                     font-family:Verdana,Arial,Helvetica,sans-serif;
                     font-size:0.85em;
                     text-decoration:none;
                     text-transform:uppercase;

                  }
                  form#snelzoeken input{
                     height:13px;
                     font-size:11px;
                     margin:0;
                     padding:2px;
                     float:left;
                     width:80px;
                  }

                  form#snelzoeken button{
                     padding:0 5px;
                     font-size:0.85em;
                     float:left;
                     margin:0;
                  }

                  #googlesitesearch{
                     width:98%;
                           padding-top:25px;
                  }

                  #googlesitesearch td.gsc-input{
                     width:75%;
                  }
                  #googlesitesearch input.gsc-input{
                     font-size:14px;
                     border: 1px solid #a7a6aa;
                     color: #737373;
                     padding: 5px 7px;
                     margin: 0 ;
                     width:90%;
                  }

                  #googlesitesearch div.gsc-control-cse div.gsc-tabsArea{ display:none; }

                  #googlesitesearch form.gsc-search-box {
                     
                  }
                  #googlesitesearch input.gsc-search-button{
                     float:right;
                     cursor:pointer;
                     text-indent:inherit;
                     background:url(../img/bg-formknop.gif) repeat-x bottom #def5fe;
                     border:2px solid #edfaff;
                     font-size:1.0em;
                     font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
                     padding:0.12em 0.3em;
                     color:#202020;
                  }

                     #googlesitesearch div.gs-result{
                        background-color:#f1fbff;
                        margin-top:15px;
                        padding:4px;
                        border-right:3px solid #7cc5e2;
                        border-bottom:3px solid #7cc5e2;
                     }
                        #googlesitesearch div.gs-snippet{
                           padding:4px;
                        }
                        #googlesitesearch div.gs-title{
                           font-family:"Trebuchet MS",sans-serif;
                           font-size:1.15em;
                           font-weight:bold;
                           margin-bottom:2px;
                           padding:5px;
                        }
               #googlesitesearch .gs-webResult div.gs-visibleUrl-long{ display:block;
                  padding:5px;
               }
                           #googlesitesearch .gs-webResult div.gs-visibleUrl-short{ display:none; }


                        #googlesitesearch div.gs-title a{
                           display:block;
                           color:#202020;
                        }
                        #googlesitesearch div.gs-title a b{ color:#2ab8e0; }
                        #googlesitesearch div{ font-family:"Trebuchet MS",sans-serif; }

                     /* Pagina nummers */
                      #googlesitesearch div.gsc-cursor-box{ float:left; padding:5px; width:660px; }
                      #googlesitesearch div.gsc-cursor-box div.paginas{ overflow:hidden; }
                      #googlesitesearch div.gsc-cursor-box div.gsc-cursor-page{ float:left; margin-right:5px; }
                      #googlesitesearch div.gsc-cursor-box div.gsc-cursor-page,  
                      #googlesitesearch div.gsc-cursor-box div.gsc-trailing-more-results,
                        #googlesitesearch div.gsc-cursor-box div.gsc-cursor-page{ padding:0.2em 0.6em; display:block; font-size:1.2em; font-family:"Trebuchet MS",sans-serif; color:#000; background-color:#e6f8ff; border:1px solid #51ccf0; }
                      #googlesitesearch div.gsc-cursor-box div.gsc-cursor-current-page{ font-weight:bold; background-color:#fff; text-decoration:none; color:#000; }

                      #googlesitesearch div.gsc-cursor-box div.gsc-trailing-more-results{
                           float:right;
                                 margin-right:15px;
                     color:#202020;
                      }
                      #googlesitesearch div.gsc-cursor-box div.gsc-trailing-more-results a{

                     color:#202020;
                      } 

						
						
						button {
							margin:15px 0;
							float:right;
							cursor:pointer;

							text-indent:inherit;
							background:url(../img/bg-formknop.gif) repeat-x bottom #def5fe;

							border:2px solid #edfaff;

							font-size:1.3em;
							font-weight:bold;
							font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
							padding:0.4em 1.2em;
							margin-right:20px;
							color:#202020;
						}
							
							button:hover {
							  border-color:#d6ecfa;
							}
							
							.zoeken #zoekfilters .submit {
                        margin:20px 0;
                        float:right;
                        cursor:pointer;
                        text-indent:inherit;
                        background:url(../img/bg-formknop.gif) repeat-x bottom #def5fe;
                        border:2px solid #edfaff;
                        font-size:1.3em;
                        font-weight:bold;
                        font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
                        padding:0.4em 0.2em;
                        margin-right:20px;
                        color:#202020;
                     }
                        
							
					/* steden tag cloud vervolg/content pagina */
						p#stedentags{
							padding:5px;
							background-color:#e6f8ff;
							margin:7px;
							padding:0;
							overflow:hidden;
						}
							p#stedentags a{
								color:#111;
								padding:0.3em;
								line-height:150%;
							}
								p#stedentags a:hover, p#stedentags a.active{
									background-color:#2ab8e0;
									color:#fff;
								}
							p#stedentags a.letter100{font-size:1em;}
							p#stedentags a.letter150{font-size:1.2em;}
							p#stedentags a.letter175{font-size:1.3em;}
							p#stedentags a.letter200{font-size:1.4em;}
							p#stedentags a.letter225{font-size:1.5em;}
							p#stedentags a.letter250{font-size:1.6em;}

					/* projecten op projecten detail pagina */
						#zoeken div.achtergrond{
							padding:5px 10px;
							background-color:#e6f8ff;
							margin:7px;
							line-height:200%;
						}
						#zoeken h3{
							font-size:1.3em;
							margin:0;
							padding:0.4em 0;
						}
						.projecten #zoeken ul,
						.projecten #zoeken li{
							display:inline;
							margin:0;
							padding:0;
							list-style:none;
						}
                     .projecten #zoeken li a{ color:#111; }

						/* zoek blok op project gebied pagina */
					    .projecten #subnavigatie .projectgebieden h3{ font-size:1.6em; }
					    .projecten #subnavigatie .projectgebieden h3 a{
					       background:none;
					       margin:0;
					       padding:0;
					    }

            /* stedenlijst in project archief */
               #subnavigatie #zoeken #stedentags a{ padding-left:25px; }
               #subnavigatie #zoeken #stedentags a:hover{ background-color:#e6f8ff; color:#111; }

            /* projecten pagina heeft archief knop met marginbottom */
               .projecten div.paars{ margin-bottom:10px; }

               /* header knop 272 breed */
						div.knop{
							background-position:top left;
							background-repeat:no-repeat;
							width:272px;
							float:right;
							padding-top:0.4em;
							margin-top:0.5em;
						}
							div.knop h3{
								background-position:bottom left;
								background-repeat:no-repeat;
								margin:0;
								padding:0;
								width:100%;
								display:block;
								padding-bottom:0.4em;
							}
								div.knop h3 a,
								div.knop h3 span{
									display:block;
									padding:0.5em 1.2em 0.5em 15px;
									padding-right:2em;
									color:#fff;
									font-family:"Lucida Sans", "Trebuchet MS", sans-serif;
									font-weight:bold;
									font-size:0.9em;
									background:no-repeat 96% center;
									text-decoration:none;
									letter-spacing:-0.04em;
								}

						div.paars, div.paars h3{ background-image:url(../img/knop-paars.gif); }
							div.paars h3 a{ background-image: url(../img/pijl-paars.gif); }
						div.groen, div.groen h3{ background-image:url(../img/knop-groen.gif); }
							div.groen h3 a{ background-image: url(../img/pijl-groen.gif); }
						div.zwart, div.zwart h3, div.zwart h3 a, div.zwart h3 span{ 
                     background:#fff;
                     color:#202020;
                  }
							


    /* nieuwsbrief */
   #newsletterform{ }
      #newsletterform p.acties{ margin-top:0; }
         #newsletterform p.acties button{
            float:right;
            margin-top:0;
         }

         #newsletterform p.acties span{
            display:block;
            float:left;
            padding:5px;
         }

         span.confirmation,
         span.exist{
            display:block;
            float:left;
            padding:5px;
            width:300px;
            border:2px solid #00cc00;
            clear:both;
         }
         #newsletterform p.acties span.active,
         span.exist{
            border:2px solid #ff0000;
         }  
         #newsletterform fieldset{
            width:80%;
            height:15em;
         }

   /* nieuwsbrief archief */
      #nieuwsbriefarchief{
         list-style:none;
         margin:0;
         padding:0;
      }

         #nieuwsbriefarchief li{
            margin:0;
            padding:7px 4px;
         }

         #nieuwsbriefarchief a{
            font-weight:bold;
         }  
         


      form.disableform{ display:none;}
         form.disableform input,
         form.disableform label,
         form.disableform button{ display:none; }
         

/* toegankelijkheid links boven aan de pagina */
		#navigatiesecundair li.normaal{ margin:0; }
		#navigatiesecundair li.groot{ margin:0; }
		#navigatiesecundair li.normaal a{
			font-size:12px;
			padding:0 3px;
			padding-top:5px;
			height:18px;
			display:block;
		}
		#navigatiesecundair li.groot a{
			padding:0 3px;
			font-size:16px;
			padding-top:3px;
			height:22px;
			display:block;
		}
         #pagina #navigatiesecundair li a.actief{
            color:#000;
            text-decoration:underline;
            cursor:default;
         }
         #pagina #navigatiesecundair li a.inactief{
            color:#9d9d9d;
            cursor:pointer;
            text-decoration:none;
         }


/* pagina voet */
	#voet{
		width:958px; /* 1000 */
		margin:0 auto 20px auto;
		padding:21px;
		overflow:hidden;
	}
		#voet p{
			float:left;
			padding-top:0;
			margin-top:0;
		}
			#voet p.ontwikkelaar{ color:#737373; }
			#voet p a{
				color:#737373;
				font-weight:normal;
			}
		#voet address{
			float:right;
			text-align:right;
		}

/* standaard formulier */

   .trainingformulier fieldset {border: 0px; float: left; width: 46%;}
	
   .trainingformulier legend {display: none;}
 
   form.training fieldset h3 {margin: 10px 0 0 20px}

   .trainingformulier label {
      font-weight: bold;
		display: block;
   }

   .trainingformulier p {
      font-size: 12px;
      padding: 2px;
   }
	
	 .trainingformulier p em{ font-size: 11px;}

   .trainingformulier input, .trainingformulier select, .trainingformulier textarea {
      background:#FFF;
      border: 1px solid #dcdeeb;
      color: #666;
      font-style:normal;
      font-size: 1.1em;
		width: 90%;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      padding:0.3em 0.4em;
      margin-left:0;
   }
   .trainingformulier input.noBorder {
      border: none;
   }
   /* select box */
   .trainingformulier #training{
      font-size:1.3em;
   }
   
   #selectTraining {margin-top: 12px; margin-left: 10px; font-size:1.2em;}

   .trainingformulier button {
      float: right;
      margin:10px 15px 5px 10px;
      padding:3px 5px;
   }
	
	.trainingformulier .errorMessage {border: 1px solid #FF0000;}
	.trainingformulier label.errorMessage {display:none;}
	.trainingformulier span {color: #FF0000;}

  
/**
 * Navigatie stylesheet
 * @version: $Id: styles.css 1588 2011-07-19 12:24:43Z vincentvandijk $
 **/

/* Hoofd navigatie */
   #navigatie{ float:right; position:absolute; top:7em; width:828px; padding-left:130px; }
      #navigatie h2{ display:none; }
      #navigatie ul, #navigatie li{ list-style:none; margin:0; padding:0; }
      #navigatie ul{ float:right; font-size:1.3em; }
      #navigatie li{ float:left; background:url(../img/menustreep.jpg) no-repeat right center #d7effa; padding-right:1px; }
         #navigatie li.laatste, #navigatie li.actief { background-image:none; padding-right:0; }
         #navigatie a{ display:block; float:left; padding:1em 1.2em; text-transform:uppercase; color:#202020; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; text-decoration:none; background:url(../img/menu.png) no-repeat center center; }
            #navigatie a:hover{ text-decoration:underline; }
            #navigatie li span{ float:left; padding-bottom:3px; background:url(../img/menu.png) no-repeat center center; }
            #navigatie li.eerste a{ background-position:top left; }
            #navigatie li.eerste span{ background-position:bottom left; }
            #navigatie li.laatste a{ background-position:top right; }
            #navigatie li.laatste span{ background-position:bottom right; }
            #navigatie li.actief{ margin-left:-1px; }
            #navigatie li.actief a{ background-image:url(../img/menu-actief.png); color:#fff; font-weight:bold; }
            #navigatie li.actief span{ background-image:url(../img/menu-actief.png); }

/* Secundaire navigatie */
   #navigatiesecundair{ position:absolute; top:2em; width:958px; }
      #navigatiesecundair ul, #navigatiesecundair li{ list-style:none; margin:0; padding:0; }
         #navigatiesecundair ul{ float:right; }
         #navigatiesecundair li{ float:left; margin:0 0.2em; color:#9d9d9d; }
         #navigatiesecundair a{ text-transform:uppercase; color:#9d9d9d; font-size:0.85em; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:7px 2px; float:left; display:block; }
            #navigatiesecundair a:hover{ text-decoration:underline; }
         #navigatiesecundair span{ float:left; display:block; padding:3px 0; }

/* Navigatie pad */
   #pad{ padding:0.5em 0 0.5em 15px; clear:both; position:absolute; top:12em; width:728px; padding-left:220px; }
      #pad p{ display:inline; font-weight:bold; padding-right:5px; }
      #pad ol, #pad li{ display:inline; list-style:none; margin:0; padding:0; }
      .groteLetter #pad{ top:11em; padding-left:0; margin-left:360px; width:548px; z-index:200; }

/* Navigatie voor subpagina's */
   #subnavigatie{ background:url(../img/streepverticaal.jpg) repeat-x top; float:right; width:275px; }
   #subnavigatie ol, #subnavigatie li{ list-style:none; margin:0; padding:0; }
      #subnavigatie li{ background:url(../img/streepverticaal.jpg) repeat-x bottom; }
   #subnavigatie a{ display:block; background:url(../img/pijlsubmenu.gif) no-repeat 2% center; padding:0.8em; padding-left:25px; color:#0c0c0c; font-weight:bold; text-decoration:underline; }
      #subnavigatie a:hover{ text-decoration:none; }
      #subnavigatie a.actief{ background-color:#d6ecfa; background-image:url(../img/pijlsubmenu-actief.gif); }

/* Navigatie voor project detail pagina's */
   #projectPaginas{ width:669px; margin-top:25px; padding-left:2px; overflow:hidden; background:url(../img/streepverticaal.jpg) repeat-x bottom; padding-bottom:2px; } 

/* navigatie tabs */      
      ul.navigatietabs, ul.navigatietabs li { margin:0; padding:0; display:inline; list-style:none; }
      ul.navigatietabs li { margin-right:3px; float:left; background:url(../img/tab.gif) no-repeat top left; padding-left:4px; }
         ul.navigatietabs a{ display:block; float:left; padding:1em 1.2em; margin-right:0; color:#202020; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; background:url(../img/tab-rechts.gif) no-repeat top right #e3f6fd; }

         ul.navigatietabs li.huidige{ background-image:url(../img/tab-actief.gif); }
         ul.navigatietabs li.huidige a{ background-image:url(../img/tab-actief-rechts.gif); background-color:#7cc5e2; color:#fff; font-weight:bold; text-decoration:none; }
            ul.navigatietabs a.huidige{ background-image:url(../img/menu-actief.png); font-weight:bold; }

/* Pagina nummers */
   #paginaNummers{ float:left; padding:5px; width:660px; }
      #paginaNummers span.resultaten, #paginaNummers span.paginas{ text-align:center; font-size:1.2em; display:block; font-family:"Trebuchet MS",sans-serif; }
      #paginaNummers span.resultaten{ border-top:1px solid #ccc; font-size:1.4em; margin-bottom:10px; background-color:#c3e389; padding:0.5em; }
      #paginaNummers span.paginas{ overflow:hidden; }
      #paginaNummers span.pagina, #paginaNummers span.knop{ float:left; margin-right:5px; }
      #paginaNummers span.pagina a, #paginaNummers span.knop a{ padding:0.2em 0.6em; display:block; font-size:1.2em; font-family:"Trebuchet MS",sans-serif; color:#000; background-color:#e6f8ff; border:1px solid #51ccf0; }
      #paginaNummers span a.active{ font-weight:bold; background-color:#fff; text-decoration:none; }