/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    ul li
   {
   	list-style-type:circle;
   	list-style-position:outside;
   	margin-left:20px;
   }
   
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, td, input, select, textarea {
    	font-family:verdana,arial;
    	color:#004489;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    	background:white;
    }
    
    a:link, a:visited, a:hover, a:active {
    	text-decoration:none;
    	color:#8a8b8d;
    }
    
    a:hover {
    	text-decoration:underline;
    }
    h1 {
    	font-weight:bold;
    	font-size:15px;
    	padding-bottom:10px;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 	#container {
 		width:892px;
 		
 		position:relative;
 		margin:0 auto;
 		
 		text-align:left;
 		overflow:hidden;
 		
 	}
 	
 	#header {
 		width:892px;
 		height:215px;
 		background:url("../images/template_intro/header.jpg") top left no-repeat;
 	}
 	
 	#footer {
 		width:892px;
 		height:84px;
 		background:url("../images/template_intro/footer.jpg") top left no-repeat;
		
 	}
 	
 	.naw {
 		margin-top:36px;
 		float:left;
 		display:inline;
 		margin-left:158px;
		margin-bottom:5px;
 	}
 	
 	#footer a {
 		color:#00468a;
 	}
 	
 	.spaceNaw {
 		margin-left:30px;
 	}
 		
 	.subfooter {
 		float:left;
		width:892px;
		height:25px;
		padding-top:5px;
 	}
	
	.copyright {
 		color:#87a6c7;
		float:left;
 		font-size:9px;
 	}
	
	.disclaimer {
 		color:white;
		float:right;
 		font-size:9px;
 	}
	
 	a.jeugd {
 		display:block;
 		width:174px;
 		height:356px;
 		
 		float:left;
 		display:inline;
 		
 		text-indent:-9000px;
 		
 		background:url("../images/template_intro/jeugd_none.jpg") top left no-repeat;

 	}
 	
 	a.volwassenen {
 		display:block;
 		width:174px;
 		height:356px;
 		
 		float:left;
 		margin-left:6px;
 		display:inline;
 		
 		text-indent:-9000px;
 		
 		background:url("../images/template_intro/volwassen_none.jpg") top left no-repeat;

 	}
 	
 	a.senioren {
 		display:block;
 		width:174px;
 		margin-left:6px;
 		height:356px;
 		display:inline;
 		float:left;
 		
 		text-indent:-9000px;
 		
 		background:url("../images/template_intro/senioren_none.jpg") top left no-repeat;

 	}
 	a.volwassenen:hover
 	{
 		background:url("../images/template_intro/volwassen_hover.jpg") top left no-repeat;
 	}
 	
 	a.jeugd:hover
 	{
 		background:url("../images/template_intro/jeugd_hover.jpg") top left no-repeat;

 	}
 	
 	a.senioren:hover
 	{
 		background:url("../images/template_intro/senioren_hover.jpg") top left no-repeat;

 	}
 	
 	#overflow {
 		margin-top:29px;
 		margin-left:160px;
 		
		height:417px;
 	}
 	
 	
 	ul#idMenuTopHor, ul#idMenuTopHor li ul
	{
		list-style:			none;
		margin:				0px;
		padding:			0px;
	}
	
	ul#idMenuTopHor
	{
		float:left;
		display:inline;
		margin-top:159px;
		margin-left:135px;
	}
	
	a.vrijwilligerspunt {
		display:block;
 		background:url("../images/template_intro/buttonVrijwillgerspunt.png") top left no-repeat;
 		width:66px;
 		height:66px;
		
		position:absolute;
		top:150px;
		right:30px;
		
		text-indent:-90000;
		cursor:hand;
		behavior:url("/iepngfix.htc");
	}
	

	ul#idMenuTopHor li
	{
		float:				left;
		display:			inline;
		padding-left:		25px;
		margin-left:		10px;
		white-space:nowrap;
	}
	
	* html ul#idMenuTopHor li
	{
		width:				1%;
	}
	
	ul#idMenuTopHor li a
	{
		display:			block;
		text-decoration:	none;
		color:				#868889;
		line-height:		16px;
	}
	
	ul#idMenuTopHor li a:hover
	{
		text-decoration:	underline;
	}
	
	ul#idMenuTopHor li ul
	{
		width:				200px;
		position:			absolute;
		margin-top:			9px;
		margin-left:		-5px;
		display:			none;
		border-top:			none;
		background-color:	#668fb8;
	}
	
	ul#idMenuTopHor li ul li
	{
		margin-left:		0px;
		margin-top:			0px;
		margin-bottom:		0px;
		background:			none;
		float:				none;
		padding:			0px;
		width:				100%;
		height:				100%;
	}
	
	ul#idMenuTopHor li ul li a
	{
		font-weight:		100;
		padding:			2px 5px;
		color:				white;
	}
	
	ul#idMenuTopHor li ul li a:hover
	{
		padding:			2px 5px;
		color:				white;
		background-color:	#4778aa;
		text-decoration:	none;
	}
	
	ul#idMenuTopHor li ul li ul
	{
		border:				1px solid #BBBBBB;
		margin-top:			-20px; /* Menu hoogte in principe. Mag ook afwijken. */
		margin-left:		130px; /* Menu breedte in principe. Mag ook afwijken. */
	}
	
	/* IE */
	* html ul#idMenuTopHor li ul li
	{
		float:				left;
		clear:				both;
	}
	
	* html ul#idMenuTopHor li a
	{
		height:				1%;
	}

 	
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    }
    
    .floatRight {
    	float:right;
    }
    
    ul li
    {
    	list-style-type:circle;
    	list-style-position:outside;
    	margin-left:20px;
    }