@charset "utf-8";
/*
	Kanwel!
	Basis stylesheet
	Aangepast voor Kan wel Jongeren
	16-07-2008 i-Aspect B.V.
	door: Rutger Laurman
*/

html,body{ padding:0; margin:0; }
html{ background:url(../img/bg.jpg) repeat; }
body{ font-size:62.5%; background:url(../img/top.jpg) no-repeat center top; }

/* Tekstgrootte */
body.groteLetter{
	font-size:80%;
}

/***********************************
	Kleuren pallet
		- groen: 			#8EC03F
		- paars: 			#453659
		- grijs:			#d7d7d7
		- lichtblauw:		#d6ecfa
		- donkerblauw:		#61cae1

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


/*
	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 Verdana, Arial, 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, #inhoud p a:hover, #pad a:hover,.projecten div.projectblok h4 a:hover{
			text-decoration:none;
			background-color:#2ab7e0;
			color:#fff;
		}
		a:active{

		}
		a:visited{
         color:#27acd2;
		}

	/* standaard tags */
		p, cite, address, ol, ul, label, th, td, caption, legend{
			font: 1.3em Verdana, Arial, 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:165px; padding:50px 0 0 50px; }
	#logo img{ border:0; }
	#pagina #logo a:hover{ background-color:transparent; }

	#pagina{
		width:1000px; /* 1000 */
		margin:0 auto;
		font-size:1em;
		padding:0;
		margin-bottom:-1.4em;
	}

		#inhoud{
			margin-top:338px;
			background:url(../img/inhoud.jpg) repeat-y left top;
		   padding-bottom:10px;
			overflow:hidden;
		}
			#inhoudbinnen{
				background:url(../img/intro.jpg) no-repeat top left;
				overflow:hidden;
				padding:0 35px;
			}


			#intro,#introsteden{
				width:672px;
				float:left;
				background:url(../img/streepverticaal.jpg) repeat-x bottom;
			}
				.home #intro {
					width:453px;
					padding-right:5px;
					padding-left:40px;
				}
				#intro h1, #introsteden h1{
					letter-spacing:-0.05em;
					padding-left:40px;
				}
            .home #intro h1{
               padding-left:0;
            }
				#intro h1 em, #introsteden h1 em{
				/*	color:#57ccef;*/
					/*font-style:normal;*/
				}

		/* nieuwe projecten op home */
			.home #nieuweprojecten{
				width:495px;
				margin:15px 0;
				padding-right:15px;
				float:left;
				background:url(../img/bg-nieuweprojecten.gif) no-repeat 7px 100%;
				padding-bottom:20px;
			}
				.home #nieuweprojecten h2{
					color:#fff;
					background:url(../img/kop-nieuweprojecten.gif) no-repeat top left;
					margin:0;
					padding:0;
					width:508px;
					height:51px;
					text-indent:-5000px;
				}
					.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/nieuweprojecten.gif) repeat-y left;
						width:502px;
						margin-left:8px;

					}

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

					.home #nieuweprojecten ul li{
						padding:0;
						margin:5px 0 10px 0;
						float:left;
						width:471px;
                  background:url(../img/bg-projectblok.gif) no-repeat bottom left;
                  padding-bottom:9px;
					}
					.home #nieuweprojecten div.projectblok{
                  background:url(../img/projectblok.gif) no-repeat left top;
						background-color:#f1fbff;
						float:left;
						padding:10px 20px;
					}
   					.home #nieuweprojecten ul li.offset{
                     background-image:url(../img/bg-projectblok2.gif);
   					}
   					.home #nieuweprojecten ul li.offset div.projectblok{
                     background-image:url(../img/projectblok2.gif);
   					}

						.projecten div.projectblok h3{
							margin:0;
							padding:10px;
							padding-bottom:0;
							padding-right:50px;
						}
							.projecten div.projectblok h3 a{
								color:#202020;
								text-decoration:underline;
							}
								.projecten div.projectblok h3 a:hover{
									text-decoration:none;
									background-color:transparent;
								}

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

							}

						.projecten div.projectblok p{
							display:block;
							margin:10px;
							margin-top:0;
							padding:4px;
							clear:both;
						}

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

				float:right;

				background:url(../img/bg-laatstenieuws.gif) no-repeat bottom right;

				padding-bottom:15px;
				padding-left:12px;
				margin-right:0;
				margin-top:-10px;

			}

			.home #nieuws h2{
			   background:url(../img/kop-checklaatstenieuws.gif) no-repeat top left;
			   width:405px;
			   height:52px;
			   text-indent:-5000px;
			   margin:0;
			   padding:0;
			   position:absolute;
			   margin-top:-8px;
			}

				#nieuws ul{
					list-style:none;
					margin:0;
					padding:0;
					font-size:1em;

				}


					.home #nieuws .meernieuws {
					display: block;
					float: left;
					margin-left: 11px;
					width: 100px;
					}

				.home #nieuws #nieuwscontent{
               background:url(../img/laatstenieuws.gif) repeat-y 7px 0;
               overflow:hidden;
               width:397px;
               padding-left:7px;
               padding:12px;
               margin-top:34px;
				}
            #nieuws  p strong.datum{
               color:#4e3b64;
            }
            .home #nieuws #nieuwscontent p{
               font-size:1.2em;
               padding:0 10px;
            }

				#nieuws li{
					margin:10px;
					padding:0;
					clear:both;
					margin-bottom:2px;
					width:360px;
					display:block;
					float:left;
					background-color:#fafcfd; /* 5c407b */
					border-top:1px solid #fff;
					border-bottom:1px solid #fff;

				}

					#nieuws h3{
						margin:0;
						padding:0;
						float:left;
						font-family:Verdana,Arial,Helvetica,sans-serif;
						width:360px;
						/*width:420px;*/
/*						width:80%;*/
					}
					#nieuws h3 a{
						display:block;
						padding:0.6em;
						color:#1b1b1b;
						/*background-color:#4e3b64;*/
						font-size:0.8em;
						text-align:left;
						text-decoration:none;
					}
						#nieuws h3 a:hover{
							text-decoration:none;
							background-color:#fafcfd;
						}
					#nieuws h3 a{
					    text-decoration:underline;
					}

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

            .nieuws #paginainhoud #nieuws {
               background-color:#e8f7fd;
               padding:10px;
               width:580px;
            }

            .nieuws #paginainhoud #nieuws li{
               background-color:#fafcfd;
               width:580px;
               float:left;
               padding:0;
               margin:5px 0;
               border-top:1px solid #fff;
               border-bottom:1px solid #fff;
            }
            .nieuws #paginainhoud #nieuws h3{
               font-size:1.4em;
               width:95%;
            }
            .nieuws #paginainhoud #nieuws h3 a{
               font-size:1em;
            }
            .nieuws #paginainhoud #nieuws li p{
               padding:2px 10px;
            }


		/* laatste reacties op home */
			.home #laatstereacties{
				width:405px;
				float:right;
				padding:15px 0 0 0;
					background:url(../img/bg-laatstereacties.gif) no-repeat 7px 100%;

			}
				.home #laatstereacties h2{
					background:url(../img/kop-laatstereacties.gif) no-repeat top left;
				   padding:0;
					margin:0;
					width:405px;
					height:56px;
					text-indent:-5000px;

				}
					.home #laatstereacties h2 span{
						display:block;
						padding:5px;
						padding-left:35px;
					}
				#laatstereacties div.reacties{
					padding:15px 0;
					padding-bottom:0;
					margin-left:7px;
				   background:url(../img/laatstereacties.gif) repeat-y left;
				   margin-bottom:35px;
				}

				/* 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;
				}

				#laatstereacties cite{
					display:block;
					padding-bottom:30px;
					padding-left:12px;
					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:582px;
			float:left;
			padding-left:40px;
		}
			#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;
			}


/* nieuws pagina */

   .nieuws #nieuws{
      /*background-color:#4e3b64;*/
      float:left;
      width:652px;
      /*border:1px solid #ff00ff;*/
      margin-top:15px;
   }
   .nieuws #nieuws ul{
      /*padding-top:5px;*/
   }
   .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:225px;
         margin-top:-49px;
      }
         .nieuws #nieuwsarchief h2{
   			font:2.2em "Lucida Sans", "Trebuchet MS", sans-serif;
   			color:#202020;
   			font-weight:bold;
			   padding-bottom:5px;
			   margin-bottom:10px;
			   padding-left:15px;
         }

         .nieuws #nieuwsarchief h3{
      		margin:0;
            padding:0.2em 0.8em;

      		margin-left:10px;
      		margin-top:10px;

         }

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

         .nieuws #nieuwsarchief ol{
            padding:10px 0;
            margin-left:10px;
         }
      		.nieuws #nieuwsarchief li{
      		   overflow:hidden;
					padding-left:16px;
      		   background:url(../img/archief-ster.gif) no-repeat left 0.3em transparent;
      		}


      		.nieuws #nieuwsarchief span{

               display:inline;
               width:20%;
               color:#202020;
               text-decoration:none;
      		}
      	.nieuws #nieuwsarchief  a{
      		display:block;
				background:url(../img/submenu-item.gif) repeat-x bottom #d7effa;

      		padding:0.2em 0.8em;
				padding-bottom:10px;

      		color:#2ab7e0;
      		color:#202020;
      		/*color:#fff;*/
      		font-weight:normal;
      		text-decoration:underline;
      	}

      		.nieuws #nieuwsarchief a:hover,
      		.nieuws #nieuwsarchief a.actief{
      			text-decoration:none;
	      		color:#2ab7e0;
	      		color:#202020;
	      		background:#fff;
	      		font-weight:bold;
            }


/* projecten pagina */


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


	/*#introsteden{
	  margin-top:150px;
	}*/
	#pagina .inhoudSteden{
		padding-top:160px;

	}


/* info venster over googlemap heen */
   #stadvenster,#stadvensterholder{
      position:absolute;
      z-index:100;
      /*border:1px solid #ff00ff;*/
      margin-left:60px;
      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:60px;
      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:2px solid #7cc5e2;*/
         border:0;
         background-color:#c3e389;
         margin:10px 0;
         width:581px;
         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#projectenoverzicht{
      border-collapse:collapse;
      margin-top:10px;
      width:601px;
      padding:0;
      margin:0;
   }
      table#projectenoverzicht caption{
         display:none;
      }
      table#projectenoverzicht td{
         padding:0.4em 0.5em;
         background-color:transparent;
         /*border-right:2px solid #7cc5e2;*/
      }
         table#projectenoverzicht td.laatste{
            border-right:0;
         }

      table#projectenoverzicht thead td{
         text-align:left;
      }


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

      }
      table#projectenoverzicht th a{
         color:#202020;
      }

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

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

      table#projectenoverzicht td a{
         font-weight:bold;
         display:block;
         padding:0.2em;
         font-size:1.15em;
      }

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

      table#projectenoverzicht tr.active td a{
         color:#202020;
         background-color:transparent;
         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:10px 0 15px 0;
		width:602px;
   }
      #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;
            }


.projecten #paginainhoud{
   /*padding-left:0;*/
}
.projecten .projectdetailpagina #projectintro, .projecten .projectdetailpagina #projectPaginas{
   margin-left:35px;

}



      /* 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;
         /*border:2px solid #453659;*/

         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:190px;
         padding:5px;
         border:1px solid #c5c5c5;

      }
         .projecten .videoVoorbeeld{
            border:1px solid #453659;
            padding:5px 10px;
            margin:2px 0;
            overflow:hidden;
         }
         .projecten .videoVoorbeeld h3{
            font-size:1.2em;
            margin:5px 0;
            padding:0;
         }
         .projecten .videoVoorbeeld a{
            border:1px solid #fff;
            float:left;
         }

            .projecten .videoVoorbeeld a:hover{
               border:1px solid #7cc5e2;
            }

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


         /* reacties */

            .projecten #laatstereacties{
               width:600px;
            }
            .projecten #laatstereacties div.reacties{
				background-color: #c3e389;
            }

            .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:600px;
            }
            .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 span{

				}



				.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 #laatstereacties cite a{
						color:#47365a;
					}
*/

   /* projecten zijkant balk */
   #projectzijkant{
      float:right;
      width:273px;
      margin-top:-150px;
   }
      #projectzijkant .groenblok{
		   background:url(../img/groenblok.gif) repeat-y left;
         /*background:url(../img/bg-projectzijkantblok.gif) no-repeat bottom left #c3e389;*/
			margin-left:7px;
			width:280px;
			float:left;

      }
         #projectzijkant h2{
            color:#fff;
            margin:0;
            padding:0;
         }
         #projectzijkant h2#projectleider,
         #projectzijkant h2#fotos{
            background:url(../img/kop-projectleider.gif) no-repeat top left;
            text-indent:-5000px;
            width:280px;
            height:56px;
         }
         #projectzijkant h2#fotos{
            background-image:url(../img/kop-fotos.gif);
            float:left;
         }

				#projectzijkant h2 span{

					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;
				}


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

         /* foto gallerij */
         #projectzijkant .groenblok ul.fotos{
            list-style:none;
            margin:5px;
            margin-bottom:0;
            padding:0;
            overflow:hidden;

         }
            #projectzijkant .groenblok ul.fotos li{
               float:left;
               padding:0 0 5px 0;
               margin:5px 0 0 5px;
            }


/* 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:40%;
      float:left;
   }
      div.linkcategorie ul,
      div.linkcategorie li{
         list-style:none;
         margin:0;
         padding:0;
      }
      div.linkcategorie li{
         margin:5px 0;
      }


/* 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;
         font-weight:bold;
         color:#2ab7e0;
      }
      ul.financiers li a:hover{
         color:#fff;
      }

      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 0.2em 0.2em 0.2em;
      }
      ul.financiers li .financierlogo{
         height:90px;
      }
	   ul.financiers li .financierlogo a:hover {
		 background-color:#FFF;
      }
         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 div p a{
	float: left;
   }

   #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;
      }

/* 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: 10px;
         width:590px;
      }
      .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:35%;
         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 form .radio {width: 20px;}

      .contact form button,
      .project form button{
         font-size:1em;
      }

      /* specifieke elementen  */
      .contact input#postcode{
         width:12%;
         margin-right:10px;
      }
      .contact input#plaats{
         width:70%;
      }






      /* 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 p a {
			float: left;
			}
	
         #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;

         }


	/* kop element */
			#koptekst, #koptekstgroot{
				position:absolute;
				top:160px; /* 160px */
				width:960px;
			}
			/* sfeer plaat */
				#sfeer{
					width:653px;
					height:322px;
					float:left;
					margin-left:51px;
				}
				  #sfeer p{ margin:0; padding:0; }
					#sfeer img{
						border:0;
						width: 653px;
					    height: 322px;
					}
					#sfeer p a{
                  background-color:transparent;
					}

			#koptekstgroot {
			   height:500px;
			   float:left;
            /*border:1px solid #00ff00;*/
			}
			#koptekstgroot #googlemap{
            /*border:1px solid #ff0000;*/
            float:left;
            margin-left:51px;

			}
         #koptekstgroot #zoeken p#stedentags a{
            display:block;
            float:none;
            clear:both;
         }

			/* Project detail - header tekst op afbeelding */

				#projectinfo, #projectinfoachtergrond{
					position:absolute;
					/*background-color:#000;*/
					color:#fff;
					top:185px;
					left:85px;
					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;

					}
					.projectdetail #sfeer{
/*						position:relative;*/
					}
					#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;

					}


			/* zoek blok */
				#zoeken{
					width:256px; /* 256 */
					height:320px; /* 320 */
					height:auto;
					float:right;
					background:#2ab8e0 url(../img/bg-zoeken.gif) no-repeat top left ;

					margin-bottom:10px;
				}
					#zoeken h2{
						background:url(../img/kop-zoek-een-project.gif) no-repeat top left #2ab8e0;
						border-bottom:1px solid #8ee0f7;
						width:217px;
						height:32px;

						margin:20px 20px 0 20px;
						padding:0;
						text-indent:-5000px;
						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:3px 15px 0px 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 button{
						   background:url(../img/btn-zoeken.gif) repeat-x bottom #def5fe;
						   color:#fff;
						   text-decoration:underline;
						   height:42px;
						}
						#zoeken fieldset p{
						   margin:0;
						   padding:0;
						   font-style:italic;
						}
						button{
							margin:15px 0;
							float:right;
							cursor:pointer;

						   text-decoration:underline;
							border:0;
 							font-size:1.3em;
							font-weight:bold;
							font-family:Verdana,Arial, Helvetica, sans-serif;
							padding:0.5em 1.2em;
							margin-right:20px;
							color:#fff;
						   background:url(../img/bg-button.gif) repeat-x bottom #fff;

						}
							button:hover{
							  border-color:#d6ecfa;
							}


					/* steden tag cloud vervolg/content pagina */
						p#stedentags{
							padding:5px;
							border:2px solid #e6f8ff;
							background-color:#fff;
							margin:7px;
							padding:0;
							line-height:150%;
							text-algin: left;
							overflow:hidden;

						}
							p#stedentags a{
								color:#111;
								padding:0.3em;
								display:block;
								float:left;
							}
								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:#fff;
							margin:7px;
							overflow: hidden;
							line-height:200%;
						}
						#zoeken h3{
							font-size:1.3em;
							margin:0;
							padding:0.4em 0;
						}
						.projecten #zoeken ul,
						.projecten #zoeken li{
							display:inline;
/*							float:left;*/
							margin:0;
							padding:0;
							list-style:none;
						}
						.projecten #zoeken li a{
							color:#111;
						}

						/* zoek blok op project gebied pagina */
					    .projecten #subnavigatie .projectgebieden{
					       /*margin-top:-50px;*/

					    }
					    .projecten #subnavigatie .projectgebieden h3{
 					       font-size:1.6em;

					    }
					    .projecten #subnavigatie .projectgebieden h3 a{
					       background:none;
					       margin:0;
					       padding:0;
					    }


				/* 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{
									display:block;
									padding:0.5em 1.2em 0.5em 15px;
									padding-right:2em;
/*									width:90%;*/
									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);
							}


/* 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;
		margin-top:0;
		padding:50px 21px;
		overflow:hidden;
		background:url(../img/voet.jpg) no-repeat top center;
	}
		#voet p{
			float:left;
			padding-top:0;
			margin-top:0;
			font-weight:bold;
			color:#202020;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:12px;
		}
			#voet p.ontwikkelaar{

			}
			#voet p a{
				color:#737373;
				font-weight:normal;
			}
				#voet p a:hover{
				  color:#fff;
				}

		#voet address{
			float:right;
			text-align:right;
			font-weight:bold;
			color:#202020;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:12px;
		}




/*
	testing
*/
.activate{
	border:1px solid #ff00ff;
}
.deactivate{
	border:inherit;
}