@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	height:100%;
	min-height:100%;
	background-color:#222;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
}

/* tekst */
h1{
	font-size:16px;
	color:#FFF;
	font-weight:normal;
}

h2{
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	margin-bottom:5px;
}

h3{
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	margin-top:5px;
}

h4{
	font-size:14px;
	color:#000;
	text-transform:uppercase;
}

a{
	text-decoration:none;
	color:#745694;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

.capital{
	text-transform:uppercase;
	font-weight:bold;
}

img{
	border:none;
}

/* div */
div.clearfix{
	clear:both;
}

div#container{
	 width: 1000px;
     height: 760px;
     position: relative;
	 margin: 0 auto;
	 top: 20px;
	 background-color:#000;
}

div#taalnav{
	float:right;
	margin-top:15px;
	margin-right:-2px;
	width:160px;
	height:20px;
}

		div#taalnav ul{
			list-style-type:none;
		}
		
				div#taalnav ul li{
					float:left;
				}
				
						div#taalnav ul li a{
							display:block;
							width:15px;
							height:15px;
							background:url(../afbeeldingen/taalnav_bg2.png) top left no-repeat;
							text-align:center;
							line-height:14px;
							color:#FFF;
							font-weight:bold;
							font-size:9px;
							text-transform:uppercase;
							text-decoration:none;
							margin-left:14px;
						}
						
								div#taalnav ul li a:hover{
									background:url(../afbeeldingen/taalnav_bg2.png) top right no-repeat;
									color:#745694;
								}
								
								div#taalnav ul li a.active{
									background:url(../afbeeldingen/taalnav_bg2.png) top right no-repeat;
									color:#745694;
								}
								
div#topnav{
	float:left;
	width:1000px;
	height:30px;
	margin-top:5px;
	margin-left:0;
}

		div#topnav ul{
			list-style-type:none;
		}
		
				div#topnav ul li{
					float:left;
				}
				
						div#topnav ul li a{
							display:block;
							width:165px;
							height:30px;
							font-size:18px;
							text-decoration:none;
							text-transform:uppercase;
							text-align:center;
							line-height:30px;
							color:#745694;
							letter-spacing:3px;
						}
						
								div#topnav ul li a:hover{
									color:#FFF;
								}
								
								div#topnav ul li a.active{
									color:#FFF;
								}
								
div#content{
	float:left;
	margin-top:40px;
	margin-left:0;
	width:1000px;
	height:720px;
}

div#bladwijzer{
	float:left;
	margin-top:10px;
	margin-left:40px;
	width:550px;
}

div#bladwijzerplan{
	position:absolute;
	top:116px;
	left:40px;
	width:550px;
	z-index:1000;
}

		div#bladwijzer ul, div#bladwijzerplan ul{
			list-style-type:none;
		}
		
				div#bladwijzer ul li, div#bladwijzerplan ul li{
					float:left;
				}
				
						div#bladwijzer ul li a, div#bladwijzerplan ul li a{
							text-decoration:none;
							text-transform:uppercase;
							color:#000;
							font-size:11px;
						}
						
								div#bladwijzer ul li a:hover, div#bladwijzerplan ul li a:hover{
									color:#F00;
								}
								
								div#bladwijzer ul li a.active, div#bladwijzerplan ul li a.active{
									color:#F00;
									font-weight:bold;
								}
								
								div#bladwijzer ul li a.index{
									color:#FFF;
								}
								
								div#bladwijzer ul li a.index:hover{
									color:#F00;
								}
								
div#welkom_txt{
	float:left;
	margin-top:220px;
	margin-left:330px;
	width:400px;
	font-size:16px;
}

div#welkom_link{
	/*float:left;
	margin-top:28px;
	margin-left:330px;
	*/
	position:absolute;
	top: 560px;
	left: 335px;
	width:120px;
	font-size:16px;
}

div#welkom_link ul{
	list-style-type:none;
}
								
div#newsflash{
	/*
	float:right;
	margin-top:28px;
	margin-right:48px;
	*/
	position:absolute;
	top:533px;
	left:467px;
	width:485px;
	height:170px;
	background:url(../afbeeldingen/newsflash_bg_home.png) top left no-repeat;
}

			div#newsflash_txt{
				float:left;
				width:445px;
				height:100px;
				margin:20px;
			}
			
			div#newsflash_link{
				float:left;
				width:445px;
				height:25px;
				margin-left:20px;
				line-height:25px;
				text-align:right;
			}
			
					div#newsflash_link a{
						color:#F90;
						text-decoration:none;
						font-size:16px;
					}
					
					div#newsflash_link a:hover{
						color:#FFF;
					}
					
div#realisaties_thmb{
	float:left;
	margin-top:110px;
	margin-left:365px;
	height:100px;
}

		div#realisaties_thmb ul{
			list-style-type:none;
		}
		
				div#realisaties_thmb ul li{
					float:left;
					margin-right:12px;
				}
				
						div#realisaties_thmb ul li a{
							display:block;
							height:100px;
							width:100px;
						}
					
div#news_left, div#realisaties_left, div#events_left{
	float:left;
	margin-top:222px;
	margin-left:14px;
	background:#EEE;
	width:314px;
	height:285px;
	padding:10px 10px 10px 26px;
}

div#realisaties_left, div#events_left{
	margin-top:12px;
	width:350px;
	height:305px;
	padding:0;
}

div#events_left{
	margin-top:222px;
}
div#events_right{
	overflow:auto;
}
	div#events_right ul{
		list-style-type:none;
	}
		div#events_right ul li{
			margin-bottom:15px;
		}
			div#events_right ul li a{
				color:#000;
				text-decoration:none;
			}
				div#events_right ul li a:hover{
					color:#F00;
				}
				div#events_right ul li a.active{
					color:#F00;
				}
div.foto{
	display:none;
}
	div#realisaties_left div.foto:first-child{
		display:block;
	}
	
	div#events_left div.foto:first-child{
		display:block;
	}

div#realisaties_right{
	float:left;
	margin-top:12px;
	margin-left:20px;
	width:580px;
	height:285px;
	padding:10px;
}
		div#realisaties_right ul{
			list-style-type:none;
		}

				div#realisaties_right ul li{
					margin-bottom:15px;
				}
						div#realisaties_right ul li a{
							color:#000;
						}
				
						div#realisaties_right ul li a:hover{
							color:#F00;
						}
				
						div#realisaties_right ul li a.active{
							color:#F00;
						}

div#realisaties_detail_left{
	float:left;
	margin-top:19px;
	margin-left:14px;
	width:500px;
	height:496px;
	padding:6px;
	text-align:right;
}

div#realisaties_detail_right{
	float:left;
	margin-top:19px;
	margin-left:20px;
	width:400px;
	height:420px;
	padding:10px;
	overflow:auto;
	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #000;
}

		div#realisaties_detail_right h1{
			color:#F00;
		}
		
div#realisaties_detail_knop{
	float:left;
	margin-top:25px;
	margin-left:20px;
	height:30px;
}

div#contact_knop{
	float:left;
	margin-top:25px;
	margin-left:0;
	height:30px;
}

		div#realisaties_detail_knop ul, div#contact_knop ul{
			list-style-type:none;
		}
		
				div#realisaties_detail_knop ul li, div#contact_knop ul li{
					float:left;
				}

						div#realisaties_detail_knop ul li  a, div#contact_knop ul li a{
							display:block;
							height:30px;
							padding: 0 10px 0 10px;
							border:#666 solid 1px;
							color:#666;
							text-transform:uppercase;
							text-decoration:none;
							text-align:center;
							line-height:30px;
							margin-right:20px;
						}
					
		
								div#realisaties_detail_knop ul li a:hover, div#contact_knop ul li a:hover{
									border:#000 solid 1px;
									color:#000;
									background:#EEE;
								}

div#news_right, div#events_right{
	float:left;
	margin-top:222px;
	margin-left:20px;
	width:580px;
	height:285px;
	padding:10px;
	overflow:auto;
	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #000;
}

		div#news_right h1, div#events_right h1{
			font-size:18px;
			color:#000;
			font-weight:bold;
			margin-bottom:10px;
		}
		
		div#news_right h2, div#events_right h2{
			font-size:14px;
			color:#000;
			font-weight:bold;
			margin-bottom:20px;
		}
		
		div#news_right div.Nieuwsitem{
			display:none;
		}
			div#news_right div.Nieuwsitem:first-child{
				display:block;
			}

		div#news_left ul{
			list-style-type:none;
		}
				div#news_left ul li{
					margin-bottom:15px;
				}
		
						div#news_left ul li a{
							color:#000;
						}
				
						div#news_left ul li a:hover{
							color:#F00;
						}
				
						div#news_left ul li a.active{
							color:#F00;
						}
		
div#link_bottom{
	position:absolute;
	top:665px;
	right:48px;
	padding-right:20px;
	width:465px;
	height:38px;
	background:url(../afbeeldingen/bottomlink_bg.png) top left no-repeat;
	text-align:right;
}

			div#link_bottom a{
				line-height:38px;
				color:#F90;
				text-decoration:none;
				font-size:16px;
					}
					
			div#link_bottom a:hover{
				color:#FFF;
			}
			
div#rogianne_txt{
	float:left;
	margin-top:222px;
	margin-left:14px;
	width:960px;
	height:285px;
	padding:10px 10px 10px 26px;
	-moz-column-count: 3;
	-moz-column-gap: 1em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1em;
	font-size:12px;
	overflow:auto;
	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #000;
}

	div#rogianne_txt ul{
		list-style-type:none;
	}
div#nojava h3{
	color:#000;
}
div#contact_form{
	float:left;
	margin-top:19px;
	margin-left:20px;
	width:950px;
	height:420px;
	padding:10px;
	overflow:auto;
	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #000;
}

span.small{
	font-size:10px;
}