body
{	font: 12px  Arial, Helvetica, Verdana, sans-serif; 
	line-height: 22px;
	color: #ca0068;
	background: #c9e23e url('../../images/ag-4.gif') center top no-repeat;
	
	}
td{font: 12px  Arial, Helvetica, Verdana, sans-serif;line-height: 22px;}	
html, body {border: 0; margin:0; padding: 0; height: 100%; /* héél belangrijk */}
/*#border{background: url('../../images/ag-bordertop.gif')repeat-x;
	}*/
/*table{font-size: 11px; line-height: 20px}*/
#container{
position: relative;
width: 1038px;
margin: 0 auto;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background: url('../../images/ag-content.jpg') repeat-y ;
text-align: left;

}
#footer {
	position: absolute;
	bottom: 0; /* heel belangrijk */
	width: 100%;
	background: url('../../images/ag-footer.jpg') repeat-x; 
	margin: 0 0 0 0; 
	padding: 25px 0 15px 0;
	text-indent: 40px
}
/*.footer{background: url('../../images/ag-footer.jpg') repeat-x; margin: 0; padding: 30px 20px 30px 40px; }*/
#footer a{padding: 0 10px 0 10px; color:#ffffff}
#footer a:hover{color: #74c3e8; text-decoration: none;}	

#box
{	background: url('../../images/ag-top.jpg') no-repeat;
	margin: 0 0 0 0;
	padding: 0;
	height: 100%;
}
#sub
{	background: url('../../images/ag-sub.jpg') repeat-y;
	margin: 0;
	padding: 0;
	height: 50px;
}
#banner
{	background: url('../../images/ag-banner.jpg') no-repeat;
	margin: 5px 0 0 170px;
	witdh: 685px;
	height: 195px;

}

#content
{ 	background: url('../../images/ag-content.jpg') repeat-y;
	margin: 0;
	padding: 0;
	border: 0;
	}
#content2
{ 	background: url('../../images/ag-content.jpg') top right repeat-y;
	margin: 0;
	padding: 0;
	border: 0;
	}

#tekst
{	
	margin: 50px 0px 50px 55px;
	padding: 0 0 50px 0;
	border: 0;
}

#tekst2/*controleren oude browser op zichtbaarheid */
{	
	margin: 0 0 60px 40px;
	padding: 0;
	border: 0;
	position: relative;
	top: -35px;
}
#doelgroepen{margin: 0 0 46px 50px; height: 200px;}

.wsns{background: url('../../images/k1.jpg')left bottom no-repeat; padding: 0; margin: 0 ; border: 0}
a.k1{background: url('../../images/k1.jpg') no-repeat; display: block;width: 210px; height: 183px; padding: 0; margin: 0; border: 0}
a.k1:hover{background: url('../../images/k1-a.jpg') no-repeat;width: 210px; height: 188px; padding: 0; margin: 0; border: 0}

.ouders{background: url('../../images/k2.jpg') left bottom no-repeat; padding: 0; margin: 0; border: 0}
a.k2{background: url('../../images/k2.jpg') no-repeat; display: block;width: 210px; height: 183px; padding: 0; margin: 0; border: 0}
a.k2:hover{background: url('../../images/k2-a.jpg') no-repeat;width: 210px; height: 188px; padding: 0; padding: 0; margin: 0; border: 0}

.zorg{background: url('../../images/k3.jpg')left bottom no-repeat;padding: 0; margin: 0; border: 0}
a.k3{background: url('../../images/k3.jpg') no-repeat; display: block;width: 210px; height: 183px; padding: 0; margin: 0; border: 0}
a.k3:hover{background: url('../../images/k3-a.jpg') no-repeat; width: 210px; height: 188px; padding: 0; margin: 0; border: 0}

.gebied{background: url('../../images/k4.jpg') left bottom no-repeat; padding: 0; margin: 0; border: 0}
a.k4{background: url('../../images/k4.jpg') no-repeat; display: block;width: 210px; height: 183px; padding: 0; margin: 0; border: 0}
a.k4:hover{background: url('../../images/k4-a.jpg') no-repeat; width: 210px; height: 188px; padding: 0; margin: 0; border: 0}


b,strong{
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 22px;
	font-weight: bold;
}

h1
{
	padding: 0  0 0 0;
	margin: 0 0 20px 0;
	font: 20px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #cf1c76;
	border: 0;
	line-height: 25px;
	text-align: left;
}
h2
{
	padding: 0  0 0 0;
	margin: 0 0 45px 0;
	font: 20px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #008ed2;
	border: 0;
	line-height: 25px;
	text-align: left;
}
h3,h4

{
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #008ed2;
	border: 0;
	line-height: normal;
}
em{ color:#008ed2;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 20px;}
	
u{	color:#008ed2;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px; 
	text-decoration: none;
	}
hr
{
	border: 0; 
	border-bottom: 1px dotted #008ed2;
	height: 1px;
	
	
}
ul{	
	margin: 17px 0 17px 0;
	padding: 0 0 0 0;
	border: 0;	
}
li
{
	margin: 0 0 0 18px;
	padding: 0 0 0 0;
	border: 0;
	list-style-type: square;
	text-decoration: none;
	list-style-position : outside;
}



/* opmaak hoofdmenu*/
#navcontainer
{	
	position: relative;
	right: 7px;
	bottom: 9px;
	padding: 0;
	margin: 0;
	border: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	height: 19px;
	z-index: 4;
	text-align: right;
}
#navlist
{
padding: 0; 
margin: 0;
border: 0;

}

#navlist li
{
padding: 0; 
list-style: none;
margin: 0; 
display: inline;
line-height: 19px;

}

#navlist li a{color: #ffffff; text-decoration: none; padding: 3px 18px 3px 18px; background: url("../../images/ag-nav.gif") }
#navlist li a:link {background: url("../../images/ag-nav.gif"); color: #ffffff; padding: 3px 18px 3px 18px; }
#navlist li a:visited {color: #ffffff; padding: 3px 18px 3px 18px; background: url("../../images/ag-nav.gif")}
#navlist li a:hover {color: #009cda; padding: 3px 18px 3px 18px; background: url("../../images/ag-nav.gif")}
#navlist li a#current {color: #cb046a; padding: 3px 18px 3px 18px; background: url("../../images/ag-navon.gif")}

/* einde hoofdmenu */

#titel
{
	position: relative;
	left: 30px;
	top: 20px;
	font: 18px Arial, Helvetica, Verdana;
	background: url(../../images/ag-titel.gif) left center no-repeat;
	padding: 0 0 0 20px;
	letter-spacing: 1px;
	text-transform: capitalize;
	color: #ce0071;
	z-index: 1;
	width: 250px
}
	
/*begin menu links*/

#menu	
{	background: url('../../images/ag-content.jpg') no-repeat;
	margin: 0;
	padding: 0;
	min-height: 450px;
	}
	

#subcontainer
{	margin: 0 0 0 6px;
	padding: 30px 0 30px 0;
	border: 0;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 19px;
	background-color: #c6e5df;
	width: 227px;
	

			}
a.subnav
{	display: block;
	position: relative;
	width: auto;
	height: 27px;
	margin: 0;
	padding: 0 0 0 30px;
	border: 0;
	border-bottom: 1px dotted #7fc7e9;
	font: bold 12px Arial, Helvetica, Verdana;
	color: #008ed2;
	line-height: 27px;


	}

a.subnav:hover{color: #ffffff; background-color:#9dd4ef; text-decoration: none;}
a.subnav:active{color: #ffffff;}

#subnavon, #subnavon a:hover
{	
	display: block;
	position: relative;
	top: 0px;
	width: auto;
	height: 27px;
	margin: 0;
	padding: 0 0 0 30px;
	border: 0;
	border-bottom: 1px dotted #7fc7e9;
	font: bold 12px Arial, Helvetica, Verdana;
	color:  #ce0071;
	line-height: 27px;
 }

/*einde subnav*/
a{color: #008ed2;text-decoration: none;}
a:hover{color :#a4c305;text-decoration: none;}
a:active{color: #6d93a1; text-decoration: none;}

p{
	margin:0;
	padding:0;
	border:0;
}

.input
{
	margin: -2px 0 -4px 0;
	padding: 0 0 0 3px;
	font: 11px Arial, Helvetica, Verdana;
	color: #444444;
	background:#ffffff;
	border: 1px solid #858482;
	height: 12px;
	width: 70px;

}
.knop
{
	margin: 0 0 3px 3px;
	padding: 0 0 0 0;
	border: 2px solid #858482;
	border-top: 0px;
	border-left:0px;
	width : 121px;
	height : 18px;
	background-color:#f9591e;
	font: 11px Arial, Helvetica, Verdana;
	line-height: 12px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	cursor:pointer;
}

#terugbutton
{
	margin: 10px 0 0 5px;
	padding: 0;
	border: 0px solid #596297;
	width : 90px;
	height : 17px;
	background: url('../../images/subnav-of.gif') no-repeat;
	font: bold 11px Arial, Helvetica, Verdana;
	line-height: normal;
	color: #000000;
	cursor:pointer;
}
.downloadlink
{	border: 0;
	margin: 2px 0 0 0;
	padding: 0 0 0 15px;
	background: url('../../images/download.gif') no-repeat
}
.sitemaptable{
	margin: 0; 
	display: block; 
	width: 480px; 
	position:relative;
	left: 240px;
	top: -10px;
}
.sitemapmenu{color: #ca0068; font-weight: bold; padding: 0 20px 0 0; width: 100px;  }
a.sitemaplink{background : url('../../images/ag-blokon.gif') no-repeat; padding: 2px 0 2px 15px; margin: -14px 0 0 0px;  }	
a:hover.sitemaplink { color:#a4c305; background: url('../../images/ag-blok.gif')  no-repeat;}	

.sitemaprow
{	display: block;
	width: 300px; 
	margin: -20px 0 17px 0;
	border-bottom: 1px dotted #008ed2; line-height: 18px 
	}
.linktable{margin: -8px 0 50px 0;padding: 0;border: 0; width: 715px} 
.linkbody {padding: 6px 0 6px 0; border: 0; border-bottom: 1px dotted #858482; }
.linktekst{margin: -18px 0 0 270px; padding: 0 5px 0 0 }
.linkurl, .linkurl a{background : url('../../images/ag-newshover.gif') top left no-repeat; padding:1px 0 1px 16px; line-height: 13px}
a:hover.linkurl {color: #727606; background : url('../../images/ag-news.gif') no-repeat; }