/*
Title:      master.css voor www.koersveld.nl
Author:     Datta Webdesign; Margot Datta
Updated:    oct	11 2006
*/
html {
	background: #fff;		/* achtergrondkleur website = wit */	
	font-size: 10px;		/* lettergrootte website */
}
        
body {
	min-height: 100%;		/* layout website centreren */
	position: relative;		/* layout website centreren */	
	padding: 0;			/* layout website */
	margin: 0 auto;		/* layout website centreren */
	width: 770px;		/* layout website breedte */
}

#wrap {
	font-size: 12px;	/* lettergrootte wrap */
	text-align: left; 	/* layout website centreren */
	width: 770px;		/* layout website breedte */	
	background: #fff url(../images/background.jpg); 		/* achtergrondkleur = wit, achtergrondafbeelding */
	background-repeat: repeat-y; 		/* layout achtergrondafbeelding breedte */	
	}
	
 /* --- [ index.html: header ] -----------------------------------*/
#header_home {
	height: 154px;		/* hoogte header op homepagina */
	background: #A2DBE2 url(../images/home_header.jpg) no-repeat top right;		 /* afbeelding header op homepagina */
	width: 100%;	/* breedte header op homepagina */
	}
#header_home .tagline {
	font: 20pt/30pt "PMN Caecilia LT 76 Bold Italic", Verdana, sans-serif;		/* lettergrootte / lijnhoogte, lettertype */	
	color: #fff;		/* letterkleur = wit */
	float:left;			/* layout */
	margin-right: 0;		/* layout */
	padding: 32px 0 0 56px;		/* layout */	
}

/* --- [ hoofdstukken: header ] -----------------------------------*/
#header {
	height: 154px;				/* hoogte header op alle andere pagina's */
	background: #A2DBE2 url(../images/header.jpg) no-repeat top right;	/* afbeelding header op alle andere pagina's */
	width: 100%;		/* breedte header op op alle andere pagina's */
	}
#header .tagline {
	font: 24pt/30pt "PMN Caecilia LT 76 Bold Italic", Verdana, sans-serif;		/* lettergrootte / lijnhoogte, lettertype */		
	color: #fff;			/* letterkleur = wit */
	float:left;				/* layout */
	margin-right: 0;		/* layout */
	padding: 32px 0 0 56px;		/* layout */	
}
#header .tagline2 {
	font: 20pt/20pt "PMN Caecilia LT 76 Bold Italic", Verdana, sans-serif;		/* lettergrootte / lijnhoogte, lettertype */		
	color: #fff;			/* letterkleur = wit */
	float:left;				/* layout */
	margin-right: 0;		/* layout */
	padding: 18px 0 0 56px;		/* layout */	
}

/* ---[ text resizer ] ----------------------------- */	
#textsizer{
	clear: both;			/* layout */
	float: left;			/* layout */
	width: 770px;			/* layout; breedte */
	height: 14px;			/* layout: hoogte */
	margin: 0;				/* layout */
	padding: 0 0 10px 0;	/* layout */	
	background: #A2DBE2;	/* layout: achtergrondkleur:lichtblauw */
	}		
#textsizer ul{
	margin: 0;		/* layout */
	padding:0;		/* layout */			
	}
#textsizer a{
	font-family: Verdana, sans-serif; 		/* lettertype textsizer */							
	text-decoration: none; 	/*geen streep onder footer links  */
	color: #000;	/*letterkleur:zwart*/
	}
#textsizer .navtextsizer{
	float:left;				/* layout */
	margin: 0;				/* layout */
	padding: 0 0 0 28px;		/* layout */
	list-style: none;								/* geen opsommingstekens */	
	font-size: 14px;   /* lettergrootte textsizer */
	}


/* ---[ navigatie ]-------------------------------- */	
#nav {
	float: left;				/* layout */
	margin: 0;					/* layout */
	padding: 0;					/* layout */
	height: 28px;				/* layout: hoogte */
	width: 770px;				/* layout breedte*/
	list-style: none;									/* geen opsommingstekens */
	text-transform: uppercase;		/* omzetten van alle tekens (behalve eerste) in hoofdletters */
	background: #AB5200;			/* layout: achtergrondkleur: bruin */
	border-bottom: 1px solid #fff;	/* lijn boven navigatie: wit*/
	border-top: 1px solid #fff;		/* lijn onder navigatie: wit*/
	font-size: 12px;	
	}	
#nav li { 
	float: left;				/* layout */
	margin: 0;					/* layout */
	padding: 0;					/* layout */
	font-family: Verdana, sans-serif;	/* lettertype links */
	}	
#nav a {
	float: left;			/* layout */
	display: block;			/* layout */
	margin: 0;				/* layout */	
	padding: 6px 0 0 10px;	/* layout */
	text-decoration: none;	/*geen streep onder footer links  */
	font-weight: bold;		/* vet lettertype */
	
	color: #fff;	/*letterkleur links */
	}
#nav #nav-1 a {
	padding-left: 12px;	/* layout */
	}
	
#home ul#nav li.home a:link, #home ul#nav li.home a:visited,
#mediation ul#nav li.mediation a:link, #mediation ul#nav li.mediation a:visited,
#echtscheiding ul#nav li.echtscheiding a:link, #echtscheiding ul#nav li.echtscheiding a:visited,
#gezin ul#nav li.gezin a:link, #gezin ul#nav li.gezin a:visited,
#werk ul#nav li.werk a:link, #werk ul#nav li.werk a:visited,
#ouderschapsplan ul#nav li.ouderschapsplan a:link, #ouderschapsplan ul#nav li.ouderschapsplan a:visited,
#echtscheiding_ouderschapsplan ul#nav li.echtscheiding_ouderschapsplan a:link, #echtscheiding_ouderschapsplan ul#nav li.echtscheiding_ouderschapsplan a:visited,
#arbeidskundige ul#nav li.arbeidskundige a:link, #arbeidskundige ul#nav li.arbeidskundige a:visited,
#re-integratie ul#nav li.re-integratie a:link, #re-integratie ul#nav li.re-integratie a:visited,
#coach ul#nav li.coach a:link, #coach ul#nav li.coach a:visited,
#links_arbeidsdeskundige ul#nav li.links_arbeidsdeskundige a:link, #links_arbeidsdeskundige ul#nav li.links_arbeidsdeskundige a:visited,
#contact ul#nav li.contact a:link, #contact ul#nav li.contact a:visited {	
	color: #D5A980; /*kleurletter = lichtbruin actieve link */
	}
#nav li a:hover {
	color: #D5A980; /*kleurletter = lichtbruin hover link */
	font-size: 12px; /*lettergrootte */
	}

/* ---[ content ]----------------------------- */
#content_top  {	
	clear:both;											/* layout */
	background:   url(../images/background.jpg) repeat-y;	/* layout */
	height: 28px;										/* layout */
	padding: 0px 308px 0 119px;							/* layout */
	margin:0;											/* layout */
	}
#content_bottom  {
	clear:both;											/* layout */
	background:   url(../images/background.jpg) repeat-y;	/* layout */
	height: 28px;										/* layout */
	padding: 0px 308px 0 119px;							/* layout */
	margin:0;											/* layout */
	}
			
/* ---[ index.html: inleiding ]----------------------------- */
#inleiding  {
	clear:both;	/* layout */
	background:   url(../images/boog.jpg) no-repeat;	/*  achtergrondafbeelding */
	height: 168px;
	padding: 28px 308px 0 119px;				/* layout */
	}
#inleiding .kopje  {
	font-family: Verdana, sans-serif;			/* lettertype inleiding kopje tekst */
	font-size: 12px;							/* lettergrootte inleiding kopje tekst */
	font-weight: bold;							/* vet lettertype */
	line-height: 12pt; 							/* lijnhoogte */
  } 
#inleiding .tekst  {
	font-family: Verdana, sans-serif;			/* lettertype inleiding tekst */
	font-size: 10px;							/* lettergrootte inleiding tekst */
	line-height: 12pt;							/* lijnhoogte */
  } 


/* ---[ index.html ]----------------------------- */
#content_home {			
	background:   url(../images/background.jpg) repeat-y;		/* achtergrondafbeelding */
	padding:0;									/* layout */
	margin:0;									/* layout */
	}
#box_1 {		
	margin: 42px 21px 28px 14px;	/* layout: top,right,bottom, left */
	padding:0;						/* layout */
	float:left;						/* layout */
	width:161px;					/* breedte kolom 1 */
  }
#box_2 {
	margin: 42px 21px 28px 0;		/* layout: top,right,bottom, left */
	padding:0;						/* layout */
	float:left;						/* layout */
	width:161px;					/* breedte kolom 2 */
  }
#box_3 {
	margin: 42px 21px 28px 0;		/* layout: top,right,bottom, left */
	padding:0;						/* layout */
	float:left;						/* layout */
	width:161px;					/* breedte kolom 3 */
  }
#box_4 {
	margin: 42px 0 28px 0;			/* layout: top,right,bottom, left */
	padding:0;						/* layout */
	float:left;						/* layout */
	width:161px;					/* breedte kolom 4 */
  }
#box_1 p, #box_2 p, #box_3 p, #box_4 p 	{
	font-family: Verdana, sans-serif;		/* lettertype tekst in de kolommen tussen <p> en </p> */
	font-size: 10px;						/* lettergrootte tekst in de kolommen tussen <p> en </p> */
	line-height: 12pt;						/* lijnhoogte tekst in de kolommen tussen <p> en </p>*/
	color:#000;								/* letterkleur tekst in de kolommen tussen <p> en </p>*/
  } 
#box_1 p, #box_3 p, #box_4 p 	{
	padding: 16px 0 0 0;;					/* layout: top,right,bottom, left */	
  } 
#box_2 p 	{
	padding: 16px 0 0 0;					/* layout: top,right,bottom, left */	
  } 
#box_1 a, #box_2 a, #box_3 a, #box_4 a {
	font-family: Verdana, sans-serif;		/* lettertype links */
	font-weight: bold;						/* vet lettertype */
	color:#000;								/* letterkleur */
	text-decoration: none;					/* geen streep onder footer links  */
 }
#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {	
	margin:0;					/* layout */
	padding:0;					/* layout */	
	list-style:none;								/* geen opsommingstekens */
	}
#box_1 li, #box_2 li, #box_3 li, #box_4 li {
	font-size:10px;				/* lettergrootte */
	margin:0;					/* layout */
	padding:0;					/* layout */	
	}
		
/* ---[ mediation.html,echtscheiding_ouderschapsplan.html,arbeidskundige.html, re-intergratie.html ] ----------------------------- */
#content_hoofdstukken {
	font-family: Verdana, sans-serif;				/* lettertype tekst */
	font-size: 10px;								/* lettergrootte tekst */				
	background-image:   url(../images/background.jpg);/* achtergrondafbeelding */
	background-repeat: repeat-y; 					/* layout: achtergrondafbeelding */		
	padding:0;										/* layout */
	margin:0;										/* layout */
	}
#hcell_1 {			
	float:left;										/* layout */
	font-family: Verdana, sans-serif;				/* lettertype tekst */
	font-size: 10px;								/* lettergrootte tekst */
	/*line-height: 24pt;*/							/* lijnhoogte */	
	margin: 0 7px 0 7px;							/* layout */
	padding:0;										/* layout */
	width:150px;/*md*/								/* kolombreedte hcell_1 */
	}
#hcell_1 a{
	float: left;									/* layout */
	display: block;									/* layout */
	margin:0;										/* layout */
	padding:0;										/* layout */	
	font-family: Verdana, sans-serif;				/* lettertype tekstlinks */	
	font-size: 10px;								/* lettergrootte tekstlinks */
	/*line-height: 24pt;*/
	color: #00A6B3;									/* kleur tekstlinks */
	text-decoration: none;							/* geen streep onder tesktlinks  */
	}
#hcell_1 ul{
	float: left;									/* layout */		
	margin:0;										/* layout */
	padding:0;										/* layout */
	list-style: none;								/* geen opsommingstekens */
	
	}
#hcell_1 li{ 
	float: left;									/* layout */		
	margin:0;										/* layout */	
	padding:0;										/* layout */
	width:150px;/*md*/								/* kolombreedte hcell_1:overerving */
	
	}
#hcell_1 p  {
	font-family: Verdana, sans-serif;				/* lettertype tekst tussen <p> en </p>: Meer weten? Klik dan op: */
	font-size: 10px;								/* lettergrootte tekst tussen <p> en </p>: Meer weten? Klik dan op:*/
	color: #AB5200;									/* kleur tekst tussen <p> en </p>: Meer weten? Klik dan op:*/
  } 
#hcell_1 li a:active {
	color: #AB5200;									/* kleur tekst link:bruin*/								
	}
#hcell_1 li a:hover {
	color: #AB5200;									/* kleur tekst link:bruin*/
	}

#hcell_2 {
	float:left;										/* layout */
	font-family: Verdana, sans-serif;				/* lettertype tekst in hcell_2 */
	font-size: 10px;								/* lettergrootte */
	line-height: 14pt;								/* lijnhoogte */
	margin: 0 28px 0 0;								/* layout */
	padding:0;										/* layout */											
	width: 400px;									/* kolombreedte hcell_2 */
	}
#hcell_2 h2  {
	font-family: Verdana, sans-serif;				/* lettertype in hcell_2 tussen <h2> en </h2>*/
	font-size: 10px;								/* lettergrootte in hcell_2 tussen <h2> en </h2>*/
	font-weight: bold;								/* vet lettertype */
	line-height: 12pt;								/* lijnhoogte */
	color: #00A6B3;									/* kleur */
  } 
#hcell_2 p  {
	font-family: Verdana, sans-serif;				/* lettertype tekst tussen <p> en </p> */
	font-size: 10px;								/* lettergrootte tekst tussen <p> en </p> */
	line-height: 12pt;								/* lijnhoogte */
	width: 400px;									/* kolombreedte hcell_2: overerving */
  } 
#hcell_2 a{
	float: left;									/* layout */
	/*display: block;*/									/* layout */
	margin:0;										/* layout */
	padding:0;										/* layout */	
	font-family: Verdana, sans-serif;				/* lettertype tekstlinks */	
	font-size: 10px;								/* lettergrootte tekstlinks */
	/*line-height: 24pt;*/
	color: #00A6B3;									/* kleur tekstlinks */
	text-decoration: none;							/* geen streep onder tesktlinks  */	
	}
#hcell_2 a:active {
	color: #AB5200;									/* kleur tekst link:bruin*/								
	}
#hcell_2 a:hover {
	color: #AB5200;									/* kleur tekst link:bruin*/
	}
#hcell_3 {
	float:left;										/* layout */
	margin: 0;										/* layout */
	padding:0;										/* layout */
	width:157px;									/* kolombreedte hcell_3 */
	}
	
/* ---[ contact.html ] ----------------------------- */
#cell_1 {			
	float:left;										/* layout */
	font-family: Verdana, sans-serif;				/* lettertype tekst */
	font-size: 10px;								/* lettergrootte tekst */
	/*line-height: 24pt;*/							/* lijnhoogte */	
	margin: 0 5 0 0px;							/* layout */
	padding:0;										/* layout */
	width:150px;/*md*/								/* kolombreedte hcell_1 */
	}
#cell_1 a{
	float: left;									/* layout */
	display: block;									/* layout */
	margin:0;										/* layout */
	padding:0;										/* layout */	
	font-family: Verdana, sans-serif;				/* lettertype tekstlinks */	
	font-size: 10px;								/* lettergrootte tekstlinks */
	/*line-height: 24pt;*/
	color: #00A6B3;									/* kleur tekstlinks */
	text-decoration: none;							/* geen streep onder tesktlinks  */
	}
#cell_1 ul{
	float: left;									/* layout */		
	margin:0;										/* layout */
	padding:0;										/* layout */
	list-style: none;								/* geen opsommingstekens */
	
	}
#cell_1 li{ 
	float: left;									/* layout */		
	margin:0;										/* layout */	
	padding:0;										/* layout */
	width:150px;/*md*/								/* kolombreedte hcell_1:overerving */
	
	}
#cell_1 p  {
	font-family: Verdana, sans-serif;				/* lettertype tekst tussen <p> en </p>: Meer weten? Klik dan op: */
	font-size: 10px;								/* lettergrootte tekst tussen <p> en </p>: Meer weten? Klik dan op:*/
	color: #AB5200;									/* kleur tekst tussen <p> en </p>: Meer weten? Klik dan op:*/
  } 
#cell_1 li a:active {
	color: #AB5200;									/* kleur tekst link:bruin*/								
	}
#cell_1 li a:hover {
	color: #AB5200;									/* kleur tekst link:bruin*/
	}

#cell_2 {
	float:left;										/* layout */
	font-family: Verdana, sans-serif;				/* lettertype tekst in hcell_2 */
	font-size: 10px;								/* lettergrootte */
	line-height: 12pt;								/* lijnhoogte */
	margin: 0 28px 0 0;								/* layout */
	padding:0;										/* layout */											
	width: 400px;									/* kolombreedte hcell_2 */
	}
#cell_2 h2  {
	font-family: Verdana, sans-serif;				/* lettertype in hcell_2 tussen <h2> en </h2>*/
	font-size: 10px;								/* lettergrootte in hcell_2 tussen <h2> en </h2>*/
	font-weight: bold;								/* vet lettertype */
	line-height: 12pt;								/* lijnhoogte */
	color: #00A6B3;									/* kleur */
  } 
#hcell_2 p  {
	font-family: Verdana, sans-serif;				/* lettertype tekst tussen <p> en </p> */
	font-size: 10px;								/* lettergrootte tekst tussen <p> en </p> */
	line-height: 12pt;								/* lijnhoogte */
	width: 400px;									/* kolombreedte hcell_2: overerving */
  } 
#cell_2 a{
	float: left;									/* layout */
	/*display: block;*/									/* layout */
	margin:0;										/* layout */
	padding:0;										/* layout */	
	font-family: Verdana, sans-serif;				/* lettertype tekstlinks */	
	font-size: 10px;								/* lettergrootte tekstlinks */
	/*line-height: 24pt;*/
	color: #00A6B3;									/* kleur tekstlinks */
	text-decoration: none;							/* geen streep onder tesktlinks  */	
	}
#cell_2 a:active {
	color: #AB5200;									/* kleur tekst link:bruin*/								
	}
#cell_2 a:hover {
	color: #AB5200;									/* kleur tekst link:bruin*/
	}
#cell_3 {
	float:left;										/* layout */
	margin: 0;										/* layout */
	padding:0;										/* layout */
	width:157px;									/* kolombreedte hcell_3 */
	}
	
/* ---[ links.html ]----------------------------- */
#content_links {	
	font-size:10px;											/*lettergrootte */
	font-family: Verdana, sans-serif;						/* lettertype*/
	background: #fff url(../images/background.jpg) repeat-y; /* achtergrondafbeelding */
	padding:0;												/* layout */
	margin:0;												/* layout */
	}
#linksbox_1 {	
	float:left;												/* layout */
	width:161px;											/* kolombreedte linksbox_1*/
	line-height: 24pt;										/* lijnhoogte */
	margin: 0 21px 0 14px;									/* layout */
	padding:0;												/* layout */
	list-style: none;										/* geen opsommingstekens */
  }  
#linksbox_2 {	
	float:left;												/* layout */
	width:161px;											/* kolombreedte linksbox_2*/
	line-height: 24pt;										/* lijnhoogte */
	margin: 0 21px 0 0;										/* layout */
	padding:0;												/* layout */
	border-right: 1px solid #00A6B3;	
  }
#linksbox_3 {	
	float:left;												/* layout */
	width:161px;											/* kolombreedte linksbox_3*/												
	line-height: 24pt;										/* lijnhoogte */
	margin: 0 21px 0 0;										/* layout */
	padding:0;												/* layout */
	border-right: 1px solid #00A6B3 ;						/* tussenstreep: dikte, kleur:blauw */
  }
#linksbox_4 {
	float:left;												/* layout */
	width:161px;											/* kolombreedte linksbox_4*/
	line-height: 24pt;										/* lijnhoogte */
	margin: 0;												/* layout */
	padding: 0;												/* layout */
  }
#linksbox_1 a{
 	text-decoration: none;									/* geen streep onder links  */
	color:#00A6B3;											/* kleur tekst = blauw */
	list-style:none;										/* geen opsommingstekens */
 }
#linksbox_1 a:active{
 	text-decoration: none;									/* geen streep onder links  */
	color:#AB5200;											/* kleur tekst = bruin */
 }
#linksbox_1 ul{
	margin:0;												/* layout */
	padding:0;												/* layout */
	list-style:none;	
	}
#linksbox_1 li{
	margin:0;												/* layout */
	padding:0;												/* layout */		
	}
#linksbox_1 ul li.cur a{
	color:#AB5200;											/* kleur tekst = bruin */
}
#linksbox_2 a, #linksbox_3 a, #linksbox_4 a{
 	text-decoration: none;									/* geen streep onder links  */
	color:#000;												/* kleur tekst = zwart (overerving) */
 }
#linksbox_2 ul, #linksbox_3 ul, #linksbox_4 ul {
	margin:0;												/* layout */
	padding:0;												/* layout */
	list-style:none;										/* geen opsommingstekens */
	text-decoration: none;									/* geen streep onder links  */
	}
#linksbox_2 li, #linksbox_3 li, #linksbox_4 li {
	margin:0;												/* layout */
	padding:0;												/* layout */
	color:#000;												/* kleur tekst = zwart */
	text-decoration: none;									/* geen streep onder links  (overerving)*/
	}
#linksboog{
	clear:both;												/* layout */
	background:   url(../images/links_boog.jpg) no-repeat;	/* achtergrondafbeelding: boog */
	height: 144px;											/* hoogte */
	margin: 0;												/* layout */
	padding: 0;												/* layout */
}	
	
/* ---[ footer ] ----------------------------- */	
#footer{
	clear: both;											/* layout */
	float: left;											/* layout */
	width: 770px;											/* breedte footer */
	height: 14px;											/* hoogte footer */
	margin: 0;												/* layout */
	padding: 0;												/* layout */
	font-family: Verdana, sans-serif;						/* lettertype footer */
	font-size: 10px;										/* lettergrootte footer */
	color: #fff;											/* letter kleur footer */	
	background: #AB5200;									/* achtergrondkleur footer */			
	}		
#footer ul{
	margin: 0;												/* layout */
	padding:0;												/* layout */			
	}
#footer a{
	font-family: Verdana, sans-serif;						/* lettertype footer links */
	font-size: 10px;										/* lettergrootte footer links */
	text-decoration: none; 									/* geen streep onder footer links  */
	color: #fff;											/* letter kleur footer links */
	}
#footer .navfooter{
	float:left;												/* layout */
	margin: 0;												/* layout */
	padding: 0;												/* layout */
	list-style: none;										/* geen opsommingstekens */	
	}
#copyright{
	float:right;											/* layout */
	margin: 0;												/* layout */
	padding: 0;												/* layout */
	list-style: none;										/* geen opsommingstekens */
	}
#footer #footerleft {
	padding-left: 28px; 									/* layout: uitlijning */
	}
#footer #copyright a {
	padding-right: 28px;									/* layout: uitlijning */
	}