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

/***********************************************
Body
************************************************/
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:url(/img/jpg/bg_container.jpg) 0 0 repeat-x #FFF;
}

html, body{
	min-height:100%;
	height:100%;
	width:100%;
}

html>body{
	height:auto;
}

/***********************************************
Opmaak
************************************************/
h1{
	font-size:18px;
	margin:0 0 10px 0;
	padding:0;
}
h2{
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
}

p{
	margin:0 0 15px 0;
	line-height:18px;
}

	p a, ul li a{
		color:#EF3F55;
		text-decoration:none;
	}
	p a:hover, ul li a:hover{
		text-decoration:underline;	
	}
ul{
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}
	ul li{
		background:url(/img/gif/bg_li.gif) 0 8px no-repeat;
		padding:0 0 0 15px;
		line-height:18px;
	}

img{
	margin:0;
	padding:0;
	border:none;
}

div.hr {
	border-top:1px dashed #B57BB5;
	border-right:none;
	border-left:none;
	border-bottom:none;
	height:10px;
	margin-top:9px;
}
div.hr hr {
  display: none;
}


.clear_b{
	clear:both;
}
.clear_l{
	clear:left;
}
.medewerker p{
	line-height:normal;
	color:#5A1951;
	padding:2px;
}
/***********************************************
Container
************************************************/
div#container{
	position:absolute;
	width:962px;
	left:50%;
	margin-left:-481px;
}

/***********************************************
Content top
************************************************/
div#top{
	height:233px;	
	background:url(/img/jpg/bg_top.jpg) 0 0 no-repeat;
}
	div#top div#logo{
		float:left;	
	}
		div#top div#logo img{
			margin:12px 0 0 30px;	
		}
	
/***********************************************
Content midden
************************************************/

div#inhoud_midden{
	margin:0 0 30px 255px;
	padding:20px 25px 0 0;			
	width:420px;
}
	#vervolg div#inhoud_midden{
		width:410px; /* 510 */
	}
		
div#content{
	background:url(/img/jpg/bg_container_sides.jpg) 0 0 repeat-y;	
}
	div#inhoud{
		background:url(/img/jpg/bg_content.jpg) center bottom no-repeat;
		
	}

/* tooltip */
.hotspot {cursor:pointer}

#tt {position:absolute; display:block; background:url(/img/gif/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/img/gif/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#003366; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/img/gif/tt_bottom.gif) top right no-repeat; overflow:hidden}



/***********************************************
Content links
************************************************/

div#inhoud_links{
			width:220px;
			float:left;
			display: inline;
			padding:10px 0 0 20px;
			margin:0 0 30px 0;
		}		

/***********************************************
Content rechts
************************************************/		
div#inhoud_rechts{
	float:right;
	width:250px;
	padding:10px 0 0 0;
	margin:0 0 30px 0;
}
	#vervolg div#inhoud_rechts{
		width:240px;
		padding:35px 10px 0 10px;
	}
	/***********************************************
	Blokje lees meer (home pagina)
	************************************************/
	div#bokje_lees_meer{
		background:url(/img/png/home_blokje_rechts.png) 0 0 no-repeat;
		width:240px;
		height:154px;
	}
		div#bokje_lees_meer img{
			float:left;	
			margin:12px 0 0 10px;
		}
		div#bokje_lees_meer #lees_meer{
			margin:0 0 0 118px;
			padding:13px 0 0 0;
		}
		div#bokje_lees_meer #lees_meer h3{
			font-size:12px;
			color:#330033;
			margin:0 0 4px 0;
			padding:0;
		}
		div#bokje_lees_meer #lees_meer p{
			font-size:11px;
			color:#666666;	
			line-height:15px;
		}
		div#bokje_lees_meer #lees_meer p a{
			color:#330033;
			text-decoration:underline;
		}
		div#bokje_lees_meer #lees_meer p a:hover{
			text-decoration:none
			}
				
div#inhoud_rechts h2{
	margin:20px 0 5px 13px;	
}
div#inhoud_rechts ul{
	margin:0 0 0 13px;	
	padding:0;
	list-style:none;
}
div#inhoud_rechts ul li{
	margin:0;
	padding:0 0 5px 0;	
	font-size:11px;
	background:none;
}
div#inhoud_rechts ul li a{
	padding:0;
	margin:0;
	color:#716F6F;
	text-decoration:underline;
}
div#inhoud_rechts ul li a:hover{
	text-decoration:none;
}

/***********************************************
Content vervolg pagina
************************************************/
div#inhoud_vervolg{			
	padding:0 40px 0 40px;
}
	div#inhoud_vervolg #inhoud_vervolg_home{
		text-align:center;	
		padding:5px 0 5px 0;
	}
	#vervolg div#inhoud_vervolg #inhoud_vervolg_home{
		text-align:left;	
		padding:5px 0 5px 215px;
	}
	div#inhoud_vervolg #inhoud_vervolg_home p, div#inhoud_vervolg #inhoud_vervolg_home p a{
		color:#999999;
		font-size:10px;
		margin:0;	
		line-height:normal;
	}
	div#inhoud_vervolg #inhoud_vervolg_home p a{
		text-decoration:underline;	
	}
	div#inhoud_vervolg #inhoud_vervolg_home p a:hover{
		text-decoration:none;	
	}
		
/***********************************************
Menu
************************************************/
div#top div#menu{
	margin:0 0 0 240px;
	background:url(/img/jpg/banner_afb.jpg) left bottom no-repeat;
	height:228px;
}
		div#top div#menu ul{
			margin:0;
			padding:57px 0 0 104px;
			list-style:none;
		}
		
		html>body div#top div#menu ul{
			padding:57px 0 0 110px;
		}		
		
		
		div#top div#menu ul li{
			float:left;
			height:33px;
			width:75px;	
			background:url(/img/gif/bg_menu_li.gif) 0 0 no-repeat;
			text-align:center;		
			margin:0;
			padding:0;

		}
		html>body div#top div#menu ul li{
			background:url(/img/png/bg_menu_li.png) 0 0 no-repeat;
		}				
		div#top div#menu ul li a{
			color:#FFF;
			font-weight:bold;
			text-decoration:none;
			width:76px;			
			height:26px;
			padding:7px 0 0 0;
			display:block;
		}
		div#top div#menu  ul li a:hover, div#top div#menu  ul li a.active{
				background:url(/img/gif/bg_menu_li_active.gif) 0  0 no-repeat;
			}
			html>body div#top div#menu  ul li a:hover, html>body div#top div#menu  ul li a.active{
					background:url(/img/png/bg_menu_li_first_active.png) 0  0 no-repeat;
				}
		div#top div#menu ul li.first{
			background:url(/img/gif/bg_menu_li_first.gif) 0 0 no-repeat;
			width:76px;	
		}
			html>body div#top div#menu ul li.first{
				background:url(/img/png/bg_menu_li_first.png) 0 0 no-repeat;
			}
		div#top div#menu  ul li.first a:hover, div#top div#menu  ul li.first a.active{
			background:url(/img/gif/bg_menu_li_active.gif) 0  0 no-repeat;
		}
			html>body div#top div#menu  ul li.first a:hover, html>body div#top div#menu  ul li.first a.active{
				background:url(/img/png/bg_menu_li_first_active.png) 0  0 no-repeat;
			}
		div#top div#menu ul li.last{
			background:url(/img/gif/bg_menu_li_last.gif) 0 0 no-repeat;
			width:76px;	
		}
			html>body div#top div#menu ul li.last{
				background:url(/img/png/bg_menu_li_last.png) 0 0 no-repeat;
			}
		div#top div#menu ul li.last a.active{
				background:url(/img/gif/bg_menu_li_active.gif) 0 0 no-repeat;
				width:76px;	
			}
			html>body div#top div#menu ul li.last a.active{
				background:url(/img/png/bg_menu_li_last_active.png) 0 0 no-repeat;
			}

/***********************************************
Submenu
************************************************/
div#submenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
	div#submenu ul li{
		width:200px;
		height:38px;
		padding:0;
		margin:0;
		border-top: 1px dashed #EF4056;
		background:url(/img/jpg/bg_submenu_li.jpg) 0 4px no-repeat;
	}
	div#submenu ul li a{
		font-size:13px;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		padding:10px 0 0 25px;
		display:block;
		height:31px;
	}
	div#submenu ul li a:hover, div#submenu ul li a.active {
		background:url(/img/jpg/bg_submenu_li_active.jpg) 0 4px no-repeat;
		color:#FFF;
	}
/***********************************************
Googlemaps
************************************************/
div#googleMaps{
/*margin:0 0 0 170px;*/
/*width:330px;*/
width:400px;
height:260px;
border:3px solid #FFF;
}

div#contact{
	/*float:left;*/
	width:150px;
}

/***********************************************
Footer
************************************************/

div#footer{
	background:url(/img/jpg/bg_footer.jpg) 0 0 no-repeat;	
	height:12px;
}