/*-------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------- content ---------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

html {
	height: 					100%;
	overflow: 				-moz-scrollbars-vertical;
}

body {
	background-color:		#8d65d2;
	text-align:				center;
	margin:					0;
	font:						normal 75%/160% Arial, Verdana, Tahoma, sans-serif;
	color:					#474747;
}

div.container {
	background:				#8d65d2 url(../images/bg_maashorst.gif) no-repeat scroll center top;
	width: 					984px;
	text-align: 			left;
	margin: 					0 auto;
}

div.content {
	width:					387px;
	height:					400px;
	padding-right:			20px;
	overflow:				auto;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 				100%;
	margin:					0;
	padding:					0;
}

h1 {
	font-size: 				120%;
	margin: 					0;
	padding: 				0 15px 0 0;
	text-align: 			right;
}

h2 {
	color: 					#0c9dde;
	font-weight: 			bold; 
	font-size: 				160%;
	line-height: 			35px;
}

h3 {
	color: 					#fff;
	font-weight: 			normal; 
	font-size: 				100%;
	line-height: 			22px;
	text-decoration:	 	none;
}

h4 {
	color: 					#004796;
	font-size: 				95%;
}

h5 {
	margin: 					0 20px 0 29px; 
	color: 					#004796;
	font-size: 				80%;
}

input, textarea, select {
	font-size: 				90%;
	border: 					0;
}

.wrapper {width: 100%;overflow: hidden;}
.left {float:left;}
.right {float:right;}


/*-------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------ navigation -------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

div.uitklapmenu {
	position: 				relative;
}

div.mi1 {top:				45px;}
div.mi2 {top: 				89px;}
div.mi3 {top: 				133px;}
div.mi4 {top: 				177px;}

div.uitschuifbalk {
	position: 				absolute;
	background: 			#0c9dde;
	height: 					34px;
	width: 					23px;
	margin:					-1px 0 0 -14px;
}

div.submenu {
	background: 			#0c9dde url(../images/menu_hoekje.gif) no-repeat scroll right 0;
	position: 				absolute;
	width: 					117px;
	padding:					0 13px 0 20px;
	line-height: 			110%;
	margin: 					-1px 0 0 0;
}

div.submenu ul {
	margin: 					0 -13px 0 0;
	padding: 				0 13px 0 0;
	list-style:				none;
}

div.submenu li {
	padding: 				4px 0;
	list-style: 			none;
}

div.submenu a, div.submenu a:visited {
	text-decoration:		none;
	display: 				block;
	color: 					#fff;
}
div.submenu a:hover, div.submenu a:active {
	color: 					#004796;
	display: 				block;	
	background: 			transparent url(../images/pijl2.gif) no-repeat 110px 2px;
}
div.submenu a.last:hover, div.submenu a.last:active {
	background: 			none;
}

div.footer1 {
	height: 					7px;
	padding:					6px 0 0 0;
	margin: 					0 0 0 -40px;
}

ul.nav {
	margin: 					0;
	padding: 				0;
	list-style: 			none;
	background-color: 	#FFF;
	overflow: 				hidden;
	width: 					100%;
}

ul.nav a {
	margin: 					0 0 10px 0;
	padding: 				7px 0 0 0;
	background: 			#94bed3 url(../images/btn_navigatie.gif);
	width: 					167px;
	height: 					27px;
	display: 				block;
	color: 					#fff;
	font-weight: 			bold;
	text-decoration:		none;
}

ul.nav a, ul.nav a:visited {
	color: 					#FFF;
	text-decoration: 		none;
}
ul.nav a:hover, ul.nav a:active {
	color: 					#004796;
	background: 			#94bed3 url(../images/btn_navigatie_true.gif);
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- navigation subnav ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

ul.subnav {
	margin: 					9px 0 10px 0;
	padding: 				0;
	list-style:				none;
	background-color: 	#FFF;
	overflow: 				hidden;
}

ul.subnav a {
	margin: 					0 5px 6px 0;
	padding: 				1px 0 2px 30px;
	color: 					#FFF;
	width: 					175px;
	display:					block;
	font-weight: 			bold;
	text-decoration:		none;
}

ul.subnav a.btn1 {background-image: url(../images/btn_werkstichting1.gif);}
ul.subnav a.btn2 {background-image: url(../images/btn_werkstichting2.gif);}
ul.subnav a.btn3 {background-image: url(../images/btn_werkstichting3.gif);}
ul.subnav a.btn4 {background-image: url(../images/btn_werkstichting4.gif);}
ul.subnav a.btn5 {background-image: url(../images/btn_werkstichting5.gif);}
ul.subnav a.btn6 {background-image: url(../images/btn_werkstichting6.gif);}
ul.subnav a.btn7 {background-image: url(../images/btn_werkstichting7.gif);}
ul.subnav a.btn8 {background-image: url(../images/btn_werkstichting8.gif);}
ul.subnav a.btn9 {background-image: url(../images/btn_werkstichting9.gif);}


/*-------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------- navigatie footer ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

ul.footer {
	padding: 				24px 0 0 0;
	list-style: 			none;
	margin: 					0 0 0 255px
}

div.footernew {
	background: 			transparent url(../images/footer_maashorst.gif) no-repeat scroll center 0;
	height: 61px;
	width: 984px;
text-align: center;
}

ul.footer li {
	float: 					left;
	padding-left:           31px;
}

ul.footer a {
	color: 					#004796;
	text-decoration: 		none;
	height: 					22px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------- homepage --------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/



div.flash {
	padding: 48px 0 0 47px;
	height: 126px;
	width: 877px;
}

div.col1 {
	float: 					left;
	width: 					167px;/*182*/
	margin: 					13px 0 16px 47px;
	display: 				inline;
}

div.col2 {
	float: 					left;
	width: 					435px;/*447*/
	margin: 					13px 0 16px 14px;
	display: 				inline;
}

div.col3 {
	float: 					left;
	width: 					187px;/*447*/
	margin:					13px 0 16px 15px;
	display: 				inline;
}

div.header1 img {
	margin: 					0 0 16px 0;
	display: 				block;
}

div.header2 img {
	margin: 					0 0 16px 0;
	display: 				block;
}

div.header3 {
	margin: 					0 0 12px 0;
	display: 					block;
	background:					#fff url("../images/header3_delasalle.jpg") no-repeat scroll center 0;
	width:						234px;
	height:						198px;
}

div.kruimelpad {
	margin: 					0 0 20px 0;
}

div.bodytext {
	width: 					638px;/*395*/
	margin: 					0;
	padding: 				9px 26px 0 29px;
	color: 					#222222;
	line-height: 			22px;
}

div.bodytext a {
	color: 					#004796;
}

div.box {
	height: 					492px;
	width: 					220px;
	margin: 					0 0 0 14px;
}

ul.nieuws {
	width: 					200px;
	margin: 					10px 0 0 0;
	padding: 				0 0 0 0;
	color: 					#0c9dde;
	list-style: 			none;
}

ul.nieuws li{
	background: 			url(../images/pijl1.gif) no-repeat scroll 0 3px;
	padding: 				0 0 0 15px;
}

ul.nieuws a {
	margin: 					0;
	padding: 				0;
	color: 					#0c9dde;
	font: 					normal;
}