html{
	height: 100%;
}

body{ 	
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	height: 100%;
	line-height: 1.5em;
	background-color: #ffffff;
}

.no_print{
	
}

#site{
	position: absolute;
	width: 850px;
	left: 50%;
	margin-left: -425px;
	height: 100%;
}

	#fontsize{
		position: absolute;
		margin-left: 750px;
		z-index: 200;
	}
	
		#fontsize img{
			float: left;
		}

	#intro{
		position: absolute;
		top: 0px;
		width: 850px;
		height: 100%;
		z-index: 200;
		background-color: #ffffff;
		text-align: center;
	}

	#zin{
		position: absolute;
		font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
		color: #ee3a43;
		margin-top: 190px;
		font-size: 33px;
		line-height: 40px;
		text-align: right;
		width: 330px;
		z-index: 100;
	}

	/* BASE ELEMENTS */
	.dots_h{
		background: url('../img/dots_h.gif') center left repeat-x;
		height: 6px;
	}
	
	.dots_v{
		background: url('../img/dots_v.jpg') top center repeat-y;
		width: 6px;
	}

	.divider{ clear: both; font-size: 0px; height: 0px; }
	p{ margin: 0px 0px 1em 0px; padding: 0px; }
	form{ margin: 0px; padding: 0px; }

	/* HEADER */
	#header{
		position: absolute;
		margin-top: 8px;
		z-index: 10;
	}
	
		.dots1{
			position: absolute;
			top: 59px;
			left: 162px;
			width: 688px;
		}
		
		#logo{
			position: absolute;
			z-index: 10;
		}
		
		#menu{
			position: absolute;
			top: 35px;
			left: 225px;
			width: 433px;
			font-family: 'HelveticaNeueCondensed', HelveticaNeue, helvetica, arial, sans-serif;
			font-size: 15px !important;
			color: #0d80c5;
		}
		
			#menu a{
				color: #0d80c5;
				text-decoration: none;
				letter-spacing: 1px;
				padding: 0px 16px;
				font-size: 15px !important;
			}
			
			#menu a:hover{
				color: #ee3a43;
			}
			
			#menu a.active{
				color: #ee3a43;
			}
		
		#search{
			position: absolute;
			top: 35px;
			left: 661px;
			width: 189px;
		}
		
			#searchfield{
				position: absolute;
				width: 162px;
				height: 15px;
				background: url('../img/field_search.gif') top left no-repeat;
				padding: 0px;
				margin: 0px;
			}
			
				#searchfield input{
					border: 0px solid;
					background: url('../img/empty.gif');
					width: 159px;
					height: 14px;
					padding: 1px 0px 0px 3px;
					margin: 0px;
					color: #afaba6;
					font-size: 10px;
				}
				
			#searchbutton{
				position: absolute;
				left: 167px;
			}
		
		#breadcrumb{
			position: absolute;
			top: 15px;
			left: 162px;
			width: 683px;
			font-size: 10px !important;
			color: #b2bed0;
			text-align: right;
		}
			
				#breadcrumb ul{
					display: inline;
					margin: 0px;
					padding: 0px;
					list-style: none;
				}
				
				#breadcrumb ul li{
					display: inline;
					margin: 0px;
					font-size: 10px !important;
				}
				
				#breadcrumb ul li a{
					font-size: 10px;
					color: #b2bed0;
					text-decoration: none;
					font-size: 10px !important;
				}
				
				#breadcrumb ul li a:hover{
					text-decoration: underline;
				}

		#rotator{
			position: absolute;
			top: 71px;
			width: 649px;
			height: 134px;
			z-index: 2;
		}
		
			#rotator .textboxbg{
				position: absolute;
				background: #ffffff;
				left: 394px;
				width: 255px;
				height: 134px;
				z-index: 3;
			}
			
			#rotator .textbox{
				position: absolute;
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-weight: normal;
				font-size: 15px !important;
				text-align: right;
				line-height: 24px;
				left: 394px;
				top: 7px;
				width: 240px;
				height: 120px;
				overflow: hidden;
				z-index: 4;
			}
			
				#rotator ul{
					margin: 0px; padding: 0px;
					list-style: none;
				}
			
				#rotator li.subthema{
					font-family: 'HelveticaNeueCondensed', HelveticaNeue, helvetica, arial, sans-serif;
					font-size: 12px !important;
					line-height: 15px;
				}
			
				#rotator .textbox a{
					color: #0d80c5;
					text-decoration: none;
					font-size: 15px !important;
				}
				
				#rotator .textbox a:hover{
					color: #ee3a43;
				}
				
				#rotator .textbox a.active{
					color: #ee3a43;
				}
		
			#rotator .image{
				position: absolute;
				z-index: 2;
				display: none;
			}
		
		#filmpje{
			position: absolute;
			top: -6px;
			left: 126px;
			z-index: 10;
		}

		#home_rotator{
			height: 476px;		
		}
		
			#home_rotator .image{
				position: absolute;
				z-index: 2;
				display: none;
			}
			
			#home_rotator .textboxbg{
				position: absolute;
				background: #ffffff;
				top: 137px;
				left: 344px;
				width: 305px;
				height: 187px;
				z-index: 3;
			}
			
			#home_rotator .textbox{
				position: absolute;
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-weight: normal;
				font-size: 20px !important;
				text-align: right;
				line-height: 32px;
				left: 344px;
				top: 150px;
				width: 290px;
				height: 175px;
				z-index: 4;
				overflow: hidden;
			}
			
				#home_rotator ul{
					margin: 0px; padding: 0px;
					list-style: none;
				}
				
				#home_rotator li.subthema{
					font-family: 'HelveticaNeueCondensed', HelveticaNeue, helvetica, arial, sans-serif;
					font-size: 15px !important;
					line-height: 20px;
				}
			
				#home_rotator .textbox a{
					color: #0d80c5;
					text-decoration: none;
					font-size: 20px !important;
				}
				
				#home_rotator .textbox a:hover{
					color: #ee3a43;
				}
				
				#home_rotator .textbox a.active{
					color: #ee3a43;
				}
		
		#payoff{
			position: absolute;
			margin-top: 205px;
		}
	
	/* CONTENT & CONTAINERS */	
	#container{
		position: absolute;
		margin-top: 79px;
		width: 850px;
	}
	
		.dots3{
			width: 649px;
		}
		
		.dots2{
			position: absolute;
			margin-top: 0px;
			left: 656px;
		}
	
		/* MAIN */
		#content{
			float: left;
			margin-top: 187px;
			width: 648px;
		}
		
		#content .dotline{
			background: url('../img/dots_h.gif') 0px 0px repeat-x;
			height: 12px;
		}
		
		#submenu{
			width: 648px;
			height: 28px;
			background: url('../img/submenu.gif') top left no-repeat;
		}
		
		#content .contacts{
			position: relative;
			top: -6px;
			float: left;
			margin-bottom: 1em;
			margin-right: 1em;
			width: 207px;
		}
		
			#content .print{
				float: right;
				margin: 10px;
			}
		
			#content .contact{
				border-width: 0px 1px 1px 1px;
				border: solid #D2D3D4;
				padding: 15px;
			}
			
			#content .contact a{
				color: #000000;
			}
			#content .contact a:hover{
				color: #ee3a43;
			}
			
			#content .contact .contactphoto{
				float: left;
				margin: 0px 5px 1em 0px;
			}
			
			#content .contact .organisationlogo{
				float: left;
				margin: 0px 0px 1em 0px;
			}
		
		#content .more{
			float: right;
			margin-bottom: 3px;
		}
		
		#content a.more{
			color: #0079c2;
			font-style: italic;
			text-decoration: none;
			background: url('../img/link_more.gif') right center no-repeat;
			padding-right: 20px;
		}
		
		#content a.more:hover{
			color: #ee3a43;
		}
		
		#content .back{
			float: left;
			margin-bottom: 3px;
		}
		
		#content a.back{
			color: #0079c2;
			font-style: italic;
			text-decoration: none;
			background: url('../img/link_back.gif') left center no-repeat;
			padding-left: 20px;
		}
		
		#content a.back:hover{
			color: #ee3a43;
		}
		
		/* article */
		#content .article{
			margin-top: 0.5em;
		}
		
			#content .article .image{
				width: 207px;
				height: 210px;
				background: url('../img/photoframe.gif') top left no-repeat;
				padding: 2px 0px 0px 1px;
				margin: 0px 20px 12px 0px;
				float: left;
			}
		
			#content .article h1{
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-size: 25px;
				font-weight: normal;
				color: #0079c2;
				line-height: normal;
				margin: 0px 0px 0.5em 0px; padding: 0px;
			}
			
			#content .article h2{
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-size: 15px;
				font-weight: normal;
				color: #0079c2;
				line-height: normal;
				margin: 0.5em  0px 0.5em 0px; padding: 0px;
			}
			
			#content .article h3{
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-size: 15px;
				font-weight: normal;
				color: #ee3a43;
				line-height: normal;
				margin: 0px; padding: 0px;
			}
			
			#content .article h4{
				color: #0079c2;
				font-size: 11px;
				font-weight: normal;
				font-style: italic;
				line-height: normal;
				margin: 0px; padding: 0px;
			}
			
			#content .article .media{
				float: left;
				margin-right: 6px;
			}
			
			#content .relatedlinks{
				margin-bottom: 6px;
			}
			
			#content .relatedlinks a{
				color: #0079c2;
				font-style: italic;
				text-decoration: none;
				background: url('../img/link_more.gif') left center no-repeat;
				padding-left: 20px;
			}
			
		/* listitem */
		#content .listitem{
			
		}
		
			#content .listitem .image{
				width: 207px;
				height: 210px;
				background: url('../img/photoframe.gif') top left no-repeat;
				padding: 2px 0px 0px 1px;
				margin-bottom: 6px;
			}
			
			#content .listitem.even .image{
				float: left;	
				margin-right: 20px;
			}
			
			#content .listitem.odd .image{
				float: right;	
				margin-left: 20px;
			}
		
			#content .listitem h2{
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-size: 25px;
				font-weight: normal;
				color: #0079c2;
				line-height: normal;
				margin: 0px  0px 1em 0px; padding: 0px;
			}	
			
			#content .listitem h3{
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-size: 15px;
				font-weight: normal;
				color: #0079c2;
				line-height: normal;
				margin: 0px 0px 6px 0px; padding: 0px;
			}
			
			#content .listitem h4{
				font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
				font-size: 15px;
				font-weight: normal;
				color: #ee3a43;
				line-height: normal;
				margin: 0px 0px 6px 0px; padding: 0px;
			}
			
			#content .listitem h5{
				color: #0079c2;
				font-size: 11px;
				font-weight: normal;
				font-style: italic;
				line-height: normal;
				margin: 0px; padding: 0px;
			}
			
			#content .listitem .question:hover h3{
				color: #ee3a43;
				cursor: pointer;
			}
		
		/* agenda */
		
		#content .agenda{
			
		}
		
			#content .agenda .pager{
				width: 648px;
				height: 28px;
				background: url('../img/agenda_pager_bg.gif') top left no-repeat;
			}
			
				#content .agenda .pager .prev{
					float: left;
					margin-top: 7px;
					margin-left: 11px;
				}
				
				#content .agenda .pager .next{
					float: right;
					margin-top: 7px;
					margin-right: 11px;
				}
				
			#content .agenda .month{
				float: left;
				background: url('../img/bottom_bg.gif') top left no-repeat;
				width: 184px;
				min-height: 175px;
				margin-bottom: 7px;
				margin-right: 12px;
				padding: 12px;
			}
			
				#content .agenda .month .header h2{
					width: 137px;
					font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
					color: #0079c2;
					font-size: 18px;
					font-weight: normal;
					margin: 0px 0px 12px 0px; padding: 0px;
				}
				
				#content .agenda .month  .content h3{
					color: #0079c2;
					font-size: 11px;
					margin: 0px 0px 3px 0px; padding: 0px;
				}
				
				#content .agenda .month  .content h4{
					color: #0079c2;
					font-size: 11px;
					font-weight: normal;
					font-style: italic;
					margin: 0px; padding: 0px;
				}
				
				#content .agenda .month  .content .image{
					float: left;
					margin: 0px 1em 3px 0px;
				}
				
				#content .agenda .month.last{
					margin-right: 0px;
				}
		
		/* boxes */
		#content .box{
			float: left;
			background: url('../img/bottom_bg.gif') top left no-repeat;
			width: 184px;
			min-height: 275px;
			margin-bottom: 7px;
			margin-right: 12px;
			padding: 12px;
		}
		
			#content .box.last{
				margin-right: 0px;
			}
		
			#content .box .header{
				
			}
			
				#content .box .header h2{
					width: 137px;
					font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
					color: #0079c2;
					font-weight: normal;
					font-size: 18px;
					margin: 0px 0px 12px 0px; padding: 0px;
				}
				
				#content .box .image{
					margin-bottom: 0.5em;
				}
				
				#content .box .content{
					
				}
				
					#content .box .content h3{
						color: #0079c2;
						font-size: 11px;
						margin: 0px 0px 3px 0px; padding: 0px;
					}
					
					#content .box .content h4{
						color: #0079c2;
						font-size: 11px;
						font-style: italic;
						margin: 0px; padding: 0px;
					}
					
					#content .box .content .image{
						float: left;
						margin: 0px 1em 3px 0px;
					}
		
		/* map */
		#map{
			background: url('../img/map.jpg') bottom right no-repeat;
			width: 488px;
			height: 516px;
			margin-left: 60px;
			margin-bottom: 10px;
		}
		
			#map .city{
				position: absolute;
			}
		
			#map .city.almere{
				margin-top: 186px;
				margin-left: 45px;
			}
			
			#map .city.lelystad{
				margin-top: 97px;
				margin-left: 158px;
			}
			
			#map .city.dronten{
				margin-top: 71px;
				margin-left: 278px;
			}
			
			#map .city.noordoostpolder{
				margin-top: -82px;
				margin-left: 317px;
			}
			
			#map .city.urk{
				margin-top: -52px;
				margin-left: 227px;
			}
			
			#map .city.zeewolde{
				margin-top: 232px;
				margin-left: 178px;
			}
		
			#map .bar{
				width: 12px;
				margin-right: 3px;
				border: 1px solid #E1ECF7;
				height: 0px;
			}
			
			#map .legend{
				float: left;
				width: 14px;
				margin-right: 3px;
				margin-top: 0px;
				font-size: 10px;
				text-align: center;
			}
			
			.tip-title {
			    font-weight: bold;
			    font-size: 10px;
			    margin: 0;
			    color: #000000;
			    padding: 4px;
			    background: #ffffff;
			    border: 1px solid #0079C2;
			}

		
		
		/* SIDE */
		#side{
			float: right;
			left: 667px;
			width: 183px;
			overflow: hidden;
		}
		
		#side .dotline{
			background: url('../img/dots_h.gif') 0px 0px repeat-x;
			height: 12px;
		}
		
		#side .box{
			width: 183px;
			font-size: 11px;
			color: #000000;
		}
		
			#side .box .header{
				width: 152px;
				height: 24px;
				padding: 2px 0px 0px 31px;
				background: url('../img/side_header.gif') top left no-repeat;
			}
			
				#side .box .header h2{
					font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
					color: #0079c2;
					font-size: 18px;
					font-weight: normal;
					margin: 0px; padding: 0px;
				}
				
				#side .box .header a{
					text-decoration: none;
					color: #0079c2;
				}
				
				#side .box .header a:hover h2{
					text-decoration: none;
					color: #ee3a43;
				}
				
				#side .box .image{
					margin-bottom: 0.5em;
				}
				
				#side .box .content{
					padding: 8px 8px 0px 8px;
				}
				
					#side .box .content h3{
						color: #0079c2;
						font-size: 11px;
						font-weight: normal;
						margin: 0px; padding: 0px;
					}
					
					#side .box .content h4{
						color: #0079c2;
						font-size: 11px;
						font-style: italic;
						margin: 0px; padding: 0px;
					}
					
					#side .box .content .more{
						float: right;
						margin-bottom: 3px;
					}
					
					#side .box .content a.more{
						color: #000000;
						font-style: italic;
						text-decoration: none;
						background: url('../img/link_more.gif') right center no-repeat;
						padding-right: 20px;
					}
					
					#side .box .content a.more:hover{
						color: #0079c2;
					}
				
		#side .banner{
			margin-bottom: 6px;
			width: 183px;
			overflow: hidden;
		}
		
		/* FOOTER */
		#footer{
			margin-top: 6px;
		}
		
			#copyright{
				float: left;
				font-size: 10px !important;
				color: #98D3F8;
				line-height: 10px;
			}
			
				#copyright a{ color: #98D3F8; text-decoration: none; font-size: 10px !important; }
				#copyright a:hover{ color: #ee3a43; } 
				
			#footertext{
				float: left;
				margin-left: 10px;
				font-size: 8px !important;
				color: #8c8b8b;
				width: 253px;
			}
			
			#footerlogos{
				float: left;
				margin-left: 10px;
				width: 280px;
			}	
			
				#footerlogos img{
					float: left;
				}	
			
	#iframe{
		background: #ffffff;
	}
	
	#iframe h2{
		font-family: 'OctinSpraypaintFree', arial, helvetica, sans-serif;
		font-size: 25px;
		color: #0079c2;
		font-weight: normal;
		margin: 0px  0px 1em 0px; padding: 0px;
	}
	
	#iframe label{
		display: block;	
	}
	
	#iframe .inputtext{
		display: block;	
		width: 375px;
	 	font-family: arial, helvetica, sans-serif;
	 	border: 1px solid #0079c2;
	 	margin-bottom: 3px;
	}
	
	#iframe .inputubb{ 
		height: 150px; 
		width: 375px; 
		font-family: arial, helvetica, sans-serif; 
		border: 1px solid #0079c2;
	}
	
	#iframe .error{
		border: 1px solid #ff0000;
	}
	
	.ubb input.quote, #ubb input.quote {background: url(../img/ubb/quote.gif) left;width:20px;height:20px;border:0; cursor:pointer;cursor:pointer;}
	.ubb input.email, #ubb input.email {background: url(../img/ubb/email.gif) left;width:20px;height:20px;border:0; cursor:pointer;cursor:pointer;}
	.ubb input.link, #ubb input.link {background: url(../img/ubb/link.gif) left;width:20px;height:20px;border:0; cursor:pointer;cursor:pointer;}
	.ubb input.italic, #ubb input.italic {background: url(../img/ubb/italic.gif) left;width:20px;height:20px;border:0; cursor:pointer;cursor:pointer;}
	.ubb input.bold, #ubb input.bold {background: url(../img/ubb/bold.gif) left;width:20px;height:20px;border:0; cursor:pointer;cursor:pointer;}
	.ubb input.list, #ubb input.list {background: url(../img/ubb/list.gif) left;width:20px;height:20px;border:0; cursor:pointer;cursor:pointer;}
	.ubb input.listItem, #ubb input.listItem {background: url(../img/ubb/list_item.gif) left;width:20px;height:20px;border:0; cursor:pointer;cursor:pointer;}
	.ubb td, #ubb td {text-align:center; font-size:11px; padding:5px; padding-top:0; padding-bottom:0;}
	
	#iframe .inputsubmit{
		float: right;
		margin-top: 6px;
		font-family: "Myriad Pro", arial, helvetica, sans-serif; 
		border: 0px;
		background-color: #000000;
		color: #ffffff;
		padding: 5px;
	}