﻿/* achtergrond opmaak van de foto met chakra's */
body {
	background-image: url('../images/achtergrond.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
	width: 98%;
	margin: 0 auto;
}


/* BEGIN algemene tekst opmaak */
p 	{
	color: #000080;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* BEGIN diverse classes */
				
/* opmaak koptekst cursussen, workshops e.d. 16px */							
.kop16 {
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

/* opmaak koptekst, vet, rood 16px. */
.kop16_rood	{
	font-weight: bold;
	font-size: 16px;
	color: #990000;
}

/* kop rood 16px centreren */
.kop16_rood_centr {
				font-weight: bold;
				font-size: 16px;
				color: #990000;
				text-align: center;
}

/* opmaak koptekst vet, 18px. */
.kop18_vet	{
	font-weight:bold;
	font-size:18px;
}
	
/* tekst enkel cursief. */
.cursief	{
				font-style: italic;
				color: #000080;
}

/* tekst enkel vet. */											
.vet 	{
	font-weight: bold;
}
.ComicSanSerif {
				font-family: "Comic Sans MS";
				font-size: 14px;
				text-align:center;
}
.ComicSanSerif_rood {
				font-family: "Comic Sans MS";
				font-size: 14px;
				text-align: center;
				color: #800000;
}

.tabel_rubrieken	{
	width:200px;
	height:auto;
	text-align:center;
	vertical-align:middle;
}
											
/* tekst enkel gecentreerd. */
.centreren 	{
	text-align:center;
}

.tekst_12	{
				font-size:10px
}


/* EINDE Classes*/

/* EINDE algemene tekst opmaak */
				
				
/* BEGIN Hyperlinks */

/* kleur, grootte en onderstrepen van de hyperlinks */
a:link 	{
	color:#0000FF;
	font-size:14px;
	text-decoration:underline;
}
				
/* bezochte link) */
a:visited 	{
	color: #0000FF;
	font-size: 14px;
	text-decoration: underline;
}
				
/* de muis staat op de link */
a:hover {
	font-size:14px;
	color:#0066FF;
	text-decoration:underline;
}
				
/* als je op de link klikt */
a:active {
	color:#0066FF;
	font-size:14px;
	text-decoration:underline;
}

/* hyperlink kleur rood */
a.rood:link 	{
	color:#990000;
	font-size:14px;
	text-decoration:underline;
}
				
/* bezochte link) */
a.rood:visited 	{
	color: #990000;
	font-size: 14px;
	text-decoration: underline;
}
				
/* de muis staat op de link */
a.rood:hover {
	font-size:14px;
	color:#990000;
	text-decoration:underline;
}
				
/* als je op de link klikt */
a.rood:active {
	color:#990000;
	font-size:14px;
	text-decoration:underline;
}


/* EINDE Hyperlinks */


/* BEGIN opmaak primaire tabel */
table 	{
	width: 600px;
}
								
				/* opmaak cel met foto Aquamarijn */		
				td.mainpic	{
					vertical-align:top;
					height:200px;
					width:200px;
					background-image:url('../images/foto_aquamarijn.gif');
					background-repeat:no-repeat;
					background-position:center center;							
				}
											
				/* opmaak cel met logo Aquamarijn */		
				td.mainlogo	{
					height: 150px;
					width: 660px;
					background-image:url('../images/Logo_aquamarijn.gif');
					background-repeat:no-repeat;
					background-position:center center;
					text-align: center;
					vertical-align: middle;
					line-height: 150%;
				}
				
				/* opmaak cel "begroeting" */		
				td.begroeting	{
					height: 150px;
					width: auto;
					color: #000080;
					text-align: left;
					vertical-align: middle;
				}
				
				/* opmaak cel knoppen navigatie */		
				td.mainknop	{
					height: 50px;
					width: 660px;
					vertical-align: bottom;
					text-align: left;
					line-height: 100%;
					padding-left: 10px;
				}
				
				/* opmaak cel "vorige" */		
				td.vorige	{
					height: 8px;
					width: 200px;
					vertical-align: middle;
					text-align: center;
				}
				
				/* opmaak cel rechts naast de cel "vorige" */		
				td.tussentekst	{
				height: 8px;
				vertical-align: middle;
				text-align: center;
				width: 660px;
}
											
				/* opmaak cel met rubrieken en spotlight */
				td.mainspotli	{
					padding: 0px;
					margin: 0px;
					vertical-align: top;
					width: 200px;
					text-align: center;
					line-height: 100%
				}
				
/* EINDE opmaak primaire tabel */
				

/* BEGIN  opmaak include's */

/* BGIN rubrieken */



/* EINDE rubrieken */


/* BEGIN spotlight */

table.spotlight	{
	width:200px;
	height:auto;
	text-align:center;
	vertical-align:middle;
	color: #000080;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;

}

/* BEGIN celopmaak van de 4 opeenvolgende cellen */

				/* 1e rij van spotlight */
				td.spotlight1	{
					vertical-align:middle;
					width:200px;
					height:35px;
					background-image:url('../images/spotlight.jpg');
					background-position:center center;
					background-repeat:no-repeat;
}
				
				/* 2e cel van spotlight */
				td.spotlight2	{
					padding: 5px;
					margin: 0px;
					vertical-align: middle;
					width: 200px;
					height: 175px;
					text-align: center;
					border: 1px solid #9DECFF;
					line-height: 150%;
					border-collapse: collapse;
}
				
				/* 3e cel van spotlight */
				td.spotlight3	{
					padding: 5px;
					margin: 0px;
					vertical-align: middle;
					width: 200px;
					height: 175px;
					text-align: center;
					border: 1px solid #9DECFF;
					line-height: 150%;
					border-collapse: collapse;
}
				
				/* 4e cel van spotlight */
				td.spotlight4	{
					background-image:url('../include/30jaar_klein.jpg');
					padding: 5px;
					margin: 0px;
					vertical-align: middle;
					width: 200px;
					height: 175px;
					text-align: center;
					border: 1px solid #9DECFF;
					line-height: 150%;
					border-collapse: collapse;
}
/* EINDE celopmaak van de 4 opeenvolgende cellen */


/* BEGIN tekstopmaak van de 4 opeenvolgende cellen */

				.rubrieken.spotlight1 	{
					color: #000080;
					font-family: Arial, Helvetica, sans-serif;
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: 14px;
					line-height: 150%;
					margin-top: 0px;
					margin-bottom: 0px;
				}
				
				.rubrieken.spotlight2 	{
					color: #000080;
					font-family: Arial, Helvetica, sans-serif;
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: 14px;
					line-height: 150%;
					text-align:center;
					margin-top: 0px;
					margin-bottom: 0px;
				}
				
				.rubrieken.spotlight3 	{
					color: #000080;
					font-family: Arial, Helvetica, sans-serif;
					font-style: normal;
					font-variant: normal;
					font-weight: normal;
					font-size: 14px;
					line-height: 150%;
					margin-top: 0px;
					margin-bottom: 0px;
				}
				.rubrieken.spotlight4 	{
				color: #000080;
				font-family: Arial, Helvetica, sans-serif;
				font-style: normal;
				font-variant: normal;
				font-weight: bold;
				font-size: 14px;
				line-height: 150%;
				margin-top: 0px;
				margin-bottom: 0px;
}
				
/* EINDE tekstopmaak van de 4 opeenvolgende cellen */


/* BEGIN opmaak van de hyperlinks in spotlight */
/* 2e rij */
a.spotlight2:link {
				color: #0000FF;
				font-size: 18px;
				text-decoration: underline;
}
a.spotlight2:visited {	
	color:#0000FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight2:hover {
	color:#0066FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight2:active {
	color:#0066FF;
	font-size:14px;
	text-decoration:underline;
}

/* 3e rij */
a.spotlight3:link {	
	color:#0000FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight3:visited {	
	color:#0000FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight3:hover {
	color:#0066FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight3:active {
	color:#0066FF;
	font-size:14px;
	text-decoration:underline;
}

/* 4e rij */
a.spotlight4:link {	
	color:#0000FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight4:visited {	
	color:#0000FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight4:hover {
	color:#0066FF;
	font-size:14px;
	text-decoration:underline;
}
a.spotlight4:active {
	color:#0066FF;
	font-size:14px;
	text-decoration:underline;
}
/* EINDE opmaak van de hyperlinks in spotlight */



/* EINDE spotlight */

/* EINDE opmaak include's */



/* BEGIN  opmaak primaire cel met daarin de tabellen met de wisselende hoofdinhoud van de pagina*/
td.cel_content_li	{
	text-align: left;
	vertical-align: top;
}
				
/* opmaak cel met de hoofdinhoud links uitgelijnd*/
td.maincontent_left	{
	vertical-align: top;
	width: 660px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	color: #000080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
							
/* opmaak cel met de hoofdinhoud gecentreerd*/
td.maincontent_center {
				width: 660px;
				text-align: center;
				padding-right: 10px;
				padding-left: 10px;
				}
/* EINDE opmaak primaire cel met daarin de tabellen met de wisselende hoofdinhoud van de pagina*/


/* BEGIN opmaak tekst indexpagina over aquamarijn */

td.tekst_index 	{
				border: 1px solid #9DECFF;
				vertical-align: top;
				width: 660px;
				text-align: center;
				font-family: "Comic Sans MS";
				font-size: 14px;
				color: #000080;
				padding-right: 10px;
				padding-left: 10px;
}

/* EINDE opmaak tekst indexpagina over aquamarijn */
						

/* BEGIN opmaak cellen footers */

td.footerli	{
	height:20px;
	text-align:center;
	vertical-align:top;
}

td.footerre	{
	height: 40px;
	text-align: center;
	font-size: 4px;
}
/* EINDE  footers */


/* BEGIN opmaak van de tabel op ../over/linkpagina. */
td.links	{
	border: 1px solid #9DECFF;
	line-height: 200%;
	text-align: left;
	vertical-align: top;
}

/* EINDE opmaak van de tabel op ../over/linkpagina. */

/* BEGIN opmaak van de tabellen op de subpagina's ../over/linkpagina. */

td.tabel_adverteerders {
	border: 1px solid #9DECFF;
	vertical-align: middle;
	width: 200px;
	text-align: center;
	height: 100px;
}

/* opmaak van de programmatabellen. */

td.progtabel_rand {
	border: 1px solid #9DECFF;
	vertical-align: middle;
	text-align: center;
	height: 190px;
	width: 180px;
}

td.progtabel_fijn {
	vertical-align: middle;
	width: 190px;
	text-align: center;
	height: 195px;
}

cel_docent {
	height: 90px;
	vertical-align: middle;
	text-align: center;
}

td.gele_lijn {
				background-image: url('../images/lijn_geel.gif');
				background-repeat: no-repeat;
				background-position: center center;
				height: 15px;
				width: 30%;
}
td.cel_titel {
				width: 30%;
				text-align: center;
				height: 90px;
}
td.cel_docent {
				vertical-align: top;
				width: 30%;
				text-align: center;
				height: 90px;
				color: #000080;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
}
td.progtabel_tussenkolom {
				width: 50px;
}

td.progtabel_tussenrij {
	height: 50px;
}

/* EINDE opmaak programmatabellen */


/* BEGIN opmaak van de pagina's met workshops en cursussen */

table.meerinfo	{
	table-layout:fixed;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
				
td.meerinfo_kop	{
	height:40px;
	border: 1px solid #9DECFF;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
td.meerinfo_content	{
	width: 50%;
	vertical-align: top;
	border: 1px solid #9DECFF;
	text-align: left;
	height: 200px;
}

/* EINDE opmaak van de pagina's met workshops en cursussen */

td.cel_content_centr {
				text-align: center;
				vertical-align: top;
}

/* geeft een cel een rand en centreert */
.td.rand_centr {
				border: 1px solid #9DECFF;
				text-align: center;
}

.rubrieken.rubrieken 	{
	vertical-align:middle;
	color: #000080;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.small:link {
	color: #0000FF;
	font-size: 10px;
	text-decoration: underline;
}
a.small:visited 	{
	color: #0000FF;
	font-size: 10px;
	text-decoration: underline;
}
				
/* de muis staat op de link */
a.small:hover {
	font-size:10px;
	color:#0066FF;
	text-decoration:underline;
}
				
/* als je op de link klikt */
a.small:active {
	color:#0066FF;
	font-size:10px;
	text-decoration:underline;
}


