/* 
-------------------------------
	main.css 
	This file is only for placing the object's on the right places
	The layout can be found in the subsite stylesheets
-------------------------------
*/

/* --------------------------------------------------------------------
-------------------------- POSITIONING --------------------------------
-----------------------------------------------------------------------
*/

/* -- Basic elements -- */

body {
	margin:1% 0 15px;
	padding:0;
	/* Define the default font for all the sites */
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

div {
	margin:0;
	padding:0;
	width:100%;
}
img {
	border:0;
	margin:0;
	padding:0;
	display:block; /* to prevent spaces under img in non-IE browsers */
}
h1 {
	display:none;
}

/* -- Other elements (id, class)-- */

#div_skipnav {
	display:none;
}

#div_container {
	margin:0 auto;
	width:900px;
}

#div_top_hidden {
	display: none;
}

#div_top {
	height:170px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* BEGIN TOP MENU */
#div_top_menu {
	position: relative;
	top:0;
	width:890px;
	height: 30px;
	padding: 0;
	margin:0;
	z-index: 500;
}

#div_top_menu ul {
	margin:0;
	padding:0;
}
#div_top_menu ul li {
	float:left;
}
#div_top_menu ul li a {
	display:block;
	height:30px;
	line-height:30px;
}
#div_top_menu li {
	height:30px;
}

#div_top_menu li {
	list-style-image: none;
	list-style-type: none;
}
#div_top_menu ul li a {
	background-image:url(../images/algemeen/alg_menu_switch.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}
#div_top_menu li a span { display:none; }
/* END TOP MENU */

/* BEGIN MENU SWITCH */
#mnu_1 a {width:63px; background-position:0 -10px;} /* HOME */
#mnu_1 a:hover, #mnu_1.sel_parent a, #mnu_1.selected a {background-position:0 -50px;}

#mnu_2 a {width:93px; background-position:-63px -10px;} /* OVER WOEJ */
#mnu_2 a:hover, #mnu_2.sel_parent a, #mnu_2.selected a  {background-position:-63px -50px;}

#mnu_45 a {width:86px; background-position:-156px -10px;} /* WIJKCENTRA */
#mnu_45 a:hover, #mnu_45.sel_parent a, #mnu_45.selected a  {background-position:-156px -50px;}

#mnu_3 a {width:79px; background-position:-242px -10px;} /* OUDEREN */
#mnu_3 a:hover, #mnu_3.sel_parent a, #mnu_3.selected a  {background-position:-242px -50px;}

#mnu_4 a {width:74px; background-position:-321px -10px;} /* KINDEREN */
#mnu_4 a:hover, #mnu_4.sel_parent a, #mnu_4.selected a  {background-position:-321px -50px;}

/* #mnu_5 a {width:95px; background-position:-272px -10px;} JONGEREN */
/* #mnu_5 a:hover, #mnu_5.sel_parent a, #mnu_5.selected a  {background-position:-272px -30px;} */

#mnu_6 a {width:75px; background-position:-395px -10px;} /* VERVOER */
#mnu_6 a:hover, #mnu_6.sel_parent a, #mnu_6.selected a  {background-position:-395px -50px;}

#mnu_7 a {width:97px; background-position:-470px -10px;} /* VRIJWILLIGERS */
#mnu_7 a:hover, #mnu_7.sel_parent a, #mnu_7.selected a  {background-position:-470px -50px;}

#mnu_8 a {width:75px; background-position:-567px -10px;} /* NIEUWS */
#mnu_8 a:hover, #mnu_8.sel_parent a, #mnu_8.selected a  {background-position:-567px -50px;}

#mnu_9 a {width:71px; background-position:-642px -10px;} /* CONTACT */
#mnu_9 a:hover, #mnu_9.sel_parent a, #mnu_9.selected a  {background-position:-642px -50px;}

#mnu_10 a {width:69px; background-position:-713px -10px;} /* VRAGEN */
#mnu_10 a:hover, #mnu_10.sel_parent a, #mnu_10.selected a  {background-position:-713px -50px;}

#mnu_11 a {width:108px; background-position:-782px -10px;} /* HELP */
#mnu_11 a:hover, #mnu_11.sel_parent a, #mnu_11.selected a  {background-position:-782px -50px;}

#mnu_136 a {width:108px; background-position:-782px -10px;} /* HELP */
#mnu_136 a:hover, #mnu_136.sel_parent a, #mnu_136.selected a  {background-position:-782px -50px;}
/* END MENU SWITCH */

/* TOP IMAGE */
.div_top_image {
	width: 890px;
	height: 140px;
}

#div_top_image_1 { background-image: url(../images/headers/header_home.gif); } 				/* HOME */
#div_top_image_2 { background-image: url(../images/headers/header_overwoej.gif); } 			/* ALGEMEEN */
#div_top_image_136 { background-image: url(../images/headers/header_overwoej.gif); } 		/* ALGEMEEN - Opbouwwerk*/
#div_top_image_3 { background-image: url(../images/headers/header_ouderen.gif); } 			/* OUDEREN */
#div_top_image_4 { background-image: url(../images/headers/header_kinderen.gif); } 			/* KINDEREN */
#div_top_image_5 { background-image: url(../images/headers/header_jongeren.gif); } 			/* JONGEREN */
#div_top_image_6 { background-image: url(../images/headers/header_vervoer.gif); } 			/* VERVOER */
#div_top_image_7 { background-image: url(../images/headers/header_vrijwilligers.gif); } 	/* VRIJWILLIGERS */
#div_top_image_8 { background-image: url(../images/headers/header_nieuws.gif); } 			/* NIEUWS */
#div_top_image_9 { background-image: url(../images/headers/header_contact.gif); } 			/* CONTACT */
#div_top_image_10 { background-image: url(../images/headers/header_vragen.gif); } 			/* VRAGEN */
#div_top_image_11 { background-image: url(../images/headers/header_help.gif); } 			/* HELP */
#div_top_image_45 { background-image: url(../images/headers/header_wijkcentra.gif); } 			/* HELP */
#div_top_image_ { background-image: url(../images/headers/header_overwoej.gif); } 			/* ALGEMEEN */
/* END TOP IMAGE */

#div_content {
	margin-top: 10px;
}

	#div_content_menu_left {
		position: absolute;
		margin-left: 0px;
		width: 200px;
		padding: 5px;
		padding-bottom: 0px;
	}
	
	#div_content_mid_405px {
		margin-left: 220px;
		width: 405px;
		padding: 5px;
	}
	
		#div_content_right_255px {
			position: absolute;
			margin-left: 643px;
			top: 203px;
			width: 255px;
			padding: 5px;
		}
	
	#div_content_mid_470px {
		margin-left: 220px;
		width: 470px;
		padding: 5px;
	}
	
		#div_content_mid_470px_text {
			width: 460px;
			padding-left: 5px;
			padding-right: 5px;
		}
	
	#div_content_mid_670px {
		position: absolute;
		margin-left: 220px;
		width: 670px;
		padding: 5px;	
	}
		#div_content_mid_670px_text {
			width: 670px;
			padding-left: 5px;
			padding-right: 5px;
		}
	
		/* FOR THE PRICKPLATE */
		.div_content_mid_670px_top {
			position: absolute;
			margin-left: 220px;
			margin-top: 0px;
			width: 675px;
			height: 50px;
			padding-left: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 0px;
		}
				
		.div_content_mid_670px_bottom {
			position: absolute;
			margin-left: 220px;
			margin-top: 70px;
			width: 670px;
			padding: 5px;	
		}
		/* END PRICKPLATE */
	
	#div_content_right {
		position: absolute;
		margin-left: 711px;
		top: 203px;
		width: 189px;
		padding: 0px;
	}


	/* BEGIN 2 & 3 column HOME style*/
	#div_content_2cHome_left {
		position: absolute;
		margin-left: 0px;
		margin-top: 180px;
		width: 435px;
		height: 190px;
		padding: 5px;
	}
	
	#div_content_2cHome_right {
		position: absolute;
		margin-left: 453px;
		margin-top: 180px;
		width: 445px;
		height: 200px;
		padding: 0px;	
	}
	
	#div_content_3cHome_left {
		position: absolute;
		margin-left: 0px;
		width: 296px;
		height: 170px;
		padding: 0px;
	}
	
	#div_content_3cHome_mid {
		position: absolute;
		margin-left: 303px; 
		width: 295px;
		height: 170px;
		padding: 0px;
	}
	
	#div_content_3cHome_right {
		position: absolute;
		margin-left: 605px;
		width: 295px;
		height: 170px;		
		padding: 0px;
	}
	/* END 2 & 3 column HOME style */


/* Menu ----- */

#div_menu ul {
	margin:45px 0 0 10px;
	padding:0;
}

#div_menu ul li a {
	display:block;
	height:20px;
	line-height:20px;
}

#div_content_menu {
	text-align: center;
	width: 0px;
}

	/* MAIN NIVO */
	#div_content_menu li {
		width: 200px;

		text-align: center;
		list-style-image: none;
		list-style-type: none;
		margin-bottom: 5px;
	}
	
	#div_content_menu ul {
		width: 200px;
		padding: 0;
		margin: 0;
	}
	
	#div_content_menu ul li a {
		height: 30px;
		line-height: 2;
		vertical-align: middle;
		font-size: 1.5em;
	}
	/* END MAIN NIVO */
	
	
	/* BEGIN SUB MENU */
	#div_content_menu ul li ul {
		padding: 0;
		margin: 0;
	}
	
	#div_content_menu ul li ul li {
		padding: 0;
		margin: 0;
	}
	
	#div_content_menu ul li ul li a {
		font-size: 1.2em;
	}
	
	/* END SUB MENU */
	
	/* SET THE DROPDOWN ICON */
	#div_content_menu ul li a.sel_dropdown {
		background-position: right;
		background-image:url(../images/icon_dropdown.gif);
		background-repeat: no-repeat;
	}
	
	#div_content_menu ul li a.sel_internal {
		background-position: right;
		background-image:url(../images/icon_internallink.gif);
		background-repeat: no-repeat;
	}
	
	/* submenu uitklap */
	#div_content_menu ul ul { display:none; }
	#div_content_menu li.selected ul { display:block; }
	#div_content_menu li.selected ul ul { display:none; }	
	#div_content_menu li.sel_parent ul { display:block; }
	#div_content_menu li.sel_parent ul ul { display:none; }
	#div_content_menu li.sel_parent.lvl2 ul { display:block; }
	#div_content_menu li.sel_parent ul li.selected ul { display:block; }	


/* //Menu --- */



/* Menu Info ----- */

#div_info_menu {
	position:relative;
	top:145px;
	height:25px;
	line-height:25px;
}
#div_info_menu ul {
	margin:0;
	padding:0;
}
#div_info_menu ul li {
	display:block;
	height:25px;
	margin:0 10px;
	float:left;
}

/* //Menu Info --- */


/* -- Other -- */

.nodis {
	display:none;
}