/*********************************************************
*           Css stijl van template templatevoorbeeld     *
*           met als basis template_voorbeeld_basis       *
*           deze file staat in INC_PATH/template,        *
*           maar een symlink vanuit                      *
*           HTML_PATH/template/voorbeeld/voorbeeld.css   *
*           hoort hierheen te wijzen                     *
*********************************************************/

/* let op: css pakt geen //-stijl commentaar */

/***********************************************************
*           Algemene definities, gebruikt door zp:         *
*  h2 is de stijl van de kop van een paragraaf             *
*  .tekststijl is de stijl van een gewone paragraaf        *
*  .linkstijl is de stijl van een link daarin              *
*  .redactiestijl wordt gebruikt voor [..]-achtige dingen  *
***********************************************************/

/*een standaard link: zet hier liever geen font/font-size, 
zeker niet in de hover, maar in de a.klasse definities*/        
a {text-decoration: none; color: #A63293;}
a:hover {text-decoration:underline; color:#A63293;}

/*de volgende regel zorgt dat er geen paarse rand om plaatjes die een link zijn
  heenkomt*/        
a img {border: 0} 

/*namen van files in bestandsbeheer:*/
.file {font-size: 14px; font-weight: normal;}
.file:hover {color: #FF0000; text-decoration:underline;}

/*standaard tekst (tekststijl gebruikt ook deze vanaf nu)*/        
p, li, table, textarea  { font-size: 12px; color: #000000; font-weight: normal; margin-top:0px; line-height:160%;}

/*stijlen voor het setTextSize script*/        
div.groterSCR p, div.groterSCR li, div.groterSCR table  {font-size: 16px;}
div.groterSCR h2 {font-size: 20px;}
div.groterSCR h3 {font-size: 18px;}

div.grootstSCR p, div.grootstSCR li, div.grootstSCR table  {font-size: 18px;}
div.grootstSCR h2 {font-size: 22px;}
div.grootstSCR h3 {font-size: 20px;}

/*deze moeten na de links komen, anders gaat het fout..*/        
h2 { font-size: 16px; color: #A63293;  font-weight: bold;}
h3 { font-size: 14px; color: #A63293;  font-weight: bold; margin-bottom:3px;}

hr {
	color:#A63293;
	background:#A63293;
	height:1px;
	border:none;
}

h2.login {font-size:16px; color:#000000;}
/*het is beter om voor de linkstijl geen grootte te specificeren, want de tekst eromheen
kan groter gemaakt zijn*/
a.linkstijl {text-decoration: none; color: #A63293;}
a.linkstijl:hover {text-decoration:underline; color:#A63293;}

/*voor de titel*/        
.titel { font-weight: bold; color: #000000; font-size: 24px;}

/*voor een formulier*/        
p.form {font-size:16px; color:#000000; font-weight:bold;}
h1.form {font-size:24px; color:#000000; font-weight:bold;}

/*voor in de wizard*/        
.wizard  { font-size: 14px}
h2.wizard {font-size: 24px; font-weight: bold; }
h3.wizard {font-size: 20px; font-weight: bold; }
h4.wizard {font-size: 14px; font-weight: bold; margin-bottom: 4px; }
.wizardkop  {font-size: 14px; font-weight: bold;}
a.wizard  { color: #FF0000;}

/*wordt gebruikt in de link voor sectie-toevoegen/menu*/        
.redactiestijl 	{  }

/*onder andere in loginscherm*/        
.helegrotekop 	{ font-size: xx-large; color: #000000; font-weight: bold; }

/*voor als er erg weinig plaats is :-)*/        
.tiny		{font-size: x-small}
.xtrtiny		{font-size: 1px;}


/*********************************************************
*           Definities voor de forumstijlen:             *
*********************************************************/

              
 .forum 	{}
 .forum-gepost	{ font-size: 12px;color:#000000;text-align:right; background-color:#C0AF2D;}	/*vroeger rh0*/
 .forum-auteur	{color:#FFFFFF;}			/*vroeger auteurlink*/
 .forum-tekst	{}					/*vroeger tekst-forum*/
 .forum-kop	{ font-size: 14px;color:#701471;font-weight:bold;text-align:left;}	/*vroeger b2*/
A.forum-voegtoe { font-size: 14px; font-weight: bold; color: #0000FF;}
A.forum-voegtoe:hover { color:#F47B20; } 
A.forum-auteur{text-decoration:underline;color:#FFFFFF;}
A.forum-auteur:hover{text-decoration:underline;color:#701471;}
A.forum-kop{text-decoration:none;color:#0000FF}
A.forum-kop:hover{text-decoration:none;color:#F47B20}

 .tforum-gepost	{ font-size: 14px;background-color: #3D98D7; color:#FFFFFF;text-align:left; }
 .tforum-gepost	a{ font-size: 14px; color:#000000; }			
A.tforum-voegtoe {  font-size: 21px; font-weight: bold; text-align: center; color: #000000; background-color:#FFFFFF}

/*********************************************************
*           Definities voor de body tag:                 *
*********************************************************/
body 	{font-family: Arial, Helvetica, sans-serif; background: #FFF url(/template/heemstede/paarsestreep_bottom.gif) no-repeat 180px bottom; margin:0px; font-size:14px;}
body, html {height:100%;}	
body.forum	{background:none;}

body.login	{background:url(logo.gif) no-repeat; margin-top:80px; margin-left:30px; margin-right:30px;}

	
body.wizard	{background-image:none;}

body.form	{margin:15px;
		background:#FFFFFF;}

/*body.search kan het beste leeg zijn, dus zonder achtergrondplaatje*/
body.search	{margin-left:0px;margin-top:0px; background-image: none;}

body.editor	{background:#FFFFFF; background-image: none;
		margin-left:0px;
		margin-top:0px;}

/*maak de volgende precies hetzelfde als .linkstijl*/
body.editor a	{text-decoration: none; color: #0000FF;}

textarea	{ font-family:Arial, Helvetica, sans-serif;}/*moet blijkbaar apart*/

/*********************************************************
*           Definities voor de redactieknoppen:          *
*           deze hebben de class wizbutton, wizempty     *
*           of wizfull                                   *
*           wizempty is een opvul td, wizful heeft als   *
*           colspan het aantal knoppen                   *
*********************************************************/

div.wizbutton {
	border:1px solid #A63293;
	background:#FFF;
	position:absolute;
	margin-left:182px;
	padding-top: 5px;
	padding-bottom:5px;
	padding-right:4px;
	padding-left:4px;
}
table.wizbutton {}
tr.wizbutton {}
/*let op:  in css is padding in de td hetzelfde als cell-padding in de table in html*/
td.wizbutton {font-size: 13px; text-align:center; width:152px; height:17px;}
td.wizempty {background-image: none; font-size: 1px; width:152px; height:17px; text-align:left;}
p.wizbutton {}
a.wizbutton {display:block; background: url(redknop.gif) no-repeat 0px 3px; color:#424141; text-decoration:none; padding-left:15px; padding-top:2px; padding-bottom:2px; text-align:left; width:100%;}
a.wizbutton:hover {background: url(redknophover.gif) no-repeat 0px 3px; color: #FFFFFF; text-decoration:none;}

/*********************************************************
*           Definities voor de table tag:                *
*           de #kader-binnen en -buiten stijlen          *
*           bepalen hoe een kader eruitziet              *
*           buiten bepaalt de omlijning, binnen erin     *
*********************************************************/
	

table	{} 
table.kader	{background-color: #000000}		/*kader-rand kleur*/
table.kader td    {background-color: #FFFFFF}		/*kader-inhoud kleur*/
table.navigation td {}
table.buttons  {width:200px; border:0px; padding:0px;}
table.tabel2kolommen {font-size: 14px; padding:4px;}
table.tabel2kolommen td {vertical-align: top;}
td.tabel2kolommenlinks {width: 150px; padding-right: 30px;}
td.tabel2kolommenrechts {}
table.formwizard	{border-collapse:collapse;border-top:hidden;}
table.formwizard td	{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #000000;}
table.waitingroom {border-collapse:collapse;}
table.waitingroom th {border:1px solid #000000; vertical-align:top;}
table.waitingroom td {border:1px solid #000000; vertical-align:top;}

/*Tabellen voor richedit-control:*/
table.tabel1 {  font-weight: normal;}
table.tabel1 td {vertical-align:top; padding: 0px;}

table.tabel2 {border-collapse:collapse; border: 2px solid #000000;  font-weight: normal;}
table.tabel2 td {vertical-align:top; padding: 4px;border: 1px solid #000000;}

table.tabel3 {border-collapse:separate;  font-weight: normal;}
table.tabel3 td {vertical-align:top; padding: 4px;border: 2px solid #000000;}

table.tabel4 {border-collapse:collapse; border: 6px #000000; border-style: double;  font-weight: normal;}
table.tabel4 td {vertical-align:top; padding: 4px;border: 1px #000000; border-style: solid; }

table.tabel5 {border-collapse:separate; border: 2px solid #000000;  font-weight: normal;}
table.tabel5 td {vertical-align:top; padding: 4px;border: 2px solid #000000;}

table.tabel6 {border-collapse:collapse;  font-weight: normal;}
table.tabel6 td {vertical-align:top; padding: 10px; border-left: 2px solid #000000; border-right: 2px solid #000000; border-top: none; border-bottom: none;}

table.tabel7 {border-collapse:collapse;  font-weight: normal;}
table.tabel7 td {vertical-align:top; padding: 10px; border-left: none; border-right: none; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}

table.tabel8 {border-collapse:collapse;border: 2px solid #000000;  font-weight: normal;}
table.tabel8 td {padding: 10px;}




/*********************************************************
*           Definities voor de verplaatstabellen         *
*********************************************************/


table.verplaatsen1 { width: 100%; color: #000000;}
td.verplaatsen1 {  vertical-align: top; padding: 5px;}
table.verplaatsen2 {width: 100%; color: #000000;}
td.verplaatsen2 {background-color: #A63293; color:#FFFFFF;}
td.verplaatsen3 {}

/*********************************************************
*           Definities voor de sitemap                   *
*********************************************************/

table.sitemap1 { width: 100%;}
td.sitemap1 {vertical-align: top; padding: 5px;}
table.sitemap2 {width: 100%;}
td.sitemap2 {background-color: #C0AF2D;}
td.sitemap3 {}
a.sitemap2 {color: #FFFFFF; text-decoration:none;}
a.sitemap3 {color: #000000;}
a.sitemap2:hover {background-color: #F47B20; color: #FFFFFF; text-decoration:none;}
a.sitemap3:hover {background-color: #F47B20; color: #FFFFFF; text-decoration:none;}
/*********************************************************
*           Definities voor de nieuwsmodules:             *
*                                                        *
*********************************************************/

/*  oude module  */
div.nieuws {margin-bottom: 0px; background-color: #FD0101; width:500px;}			/*vroeger rh0*/
p.nieuws {margin-top: 0px;}			/*vroeger rh0*/
.nieuwsdatum { font-size: 10px; font-weight:normal; color:#F9B5B5;text-align:right; width:500px; left: 3px;}			/*vroeger rh0*/
.nieuwstitel { font-size: 16px; font-weight:bold; color:#FFFFFF;text-align:left; left: 3px;}


/*  nieuwe module  */

/* overzichtpagina */
table.newspagina {width:100%;}
td.nieuwssoort {height:30px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color:#FF0000;text-align:left; padding-top:8px }
.nieuwskop { font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#000000;text-align:left; padding-right:10px;}
.nieuwskop a {font-weight:bold; font-size: 13px; color:#000000;text-decoration: none; }
.nieuwskop a:hover {color:#17EE07}
td.leesverder { width:75px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;text-align:left; }
.leesverder a { font-weight:bold; color:#000000;text-decoration: none; }
.leesverder a:hover { color:#FF0000; }
td.teaser {height:35px; vertical-align:top; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#807B7B; text-align:left; padding-right:10px }
td.archief {height:30px; vertical-align:bottom;}
td.titeldatum { width:75px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#4980B9; text-align:left;}

/* alternatieve tekst voor als css rollovers niet werken */
span.onzichtbaar {display:none;}

/* in niet visuele browsers tekst laten zien */
@media aural, braille, embossed, tty 
{
span.onzichtbaar {display:inline;}
}

/* nieuwsbericht */

td.nieuwsredactie {height:30px}
td.nieuwswijzigen {width:19px; text-align:right;}
td.nieuwsverwijderen {width:17px}
a.berichterbij {display:block; background: url(/template/berichterbij.gif);width:160px; height:16px;}
a.berichterbij:hover {background-position: 0 -16px;}
a.beheer {display:block; background: url(/template/beheer.gif);width:70px; height:16px;}
a.beheer:hover {background-position: 0 -16px;}
a.archief {display:block; background: url(/template/archief.gif);width:81px; height:16px;}
a.archief:hover {background-position: 0 -16px;}
a.nieuwswijzigen { display:block; background: url(/template/wijzigen.gif);width:17px; height:17px; }
a.nieuwswijzigen:hover { background-position: 0 -17px;}
a.nieuwsverwijderen { display:block; background: url(/template/verwijderen.gif); width:17px; height:17px;}
a.nieuwsverwijderen:hover { background-position: 0 -17px; }
a.newsback {display:block; background: url(/template/bericht-terug.gif); width:228px; height:16px;}
a.newsback:hover { background-position: 0 -16px; }
a.archiveback {display:block; background: url(/template/archief-terug.gif); width:189px; height:16px;}
a.archiveback:hover { background-position: 0 -16px; }

table.newsmessage {width:500px}
td.newsheader {height:20px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:#000000;text-align:left;}
td.newsdate {width:150px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;text-align:left; }
td.newschanged { width:150px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;text-align:left; }
td.newsbody {width:300px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; color:#000000;text-align:left; vertical-align:top; padding-right:15px; padding-top:15px }
td.newsimage {width:200px; padding-top:15px}
td.newscaption {width:200px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;text-align:left;  }
td.newsback {padding-top:20px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#FF0000;text-align:left; }
td.archiveback {padding-top:20px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#FF0000;text-align:left; }
td.newsreadmore {font-size: 14px; font-weight:bold; padding-top:20px}
td.newslink a {font-size: 14px; font-weight:normal; text-decoration:underline}
td.newslink a:hover {color:#FF0000;}

td.archiefkop {font-size:18px; font-weight:bold;}
.archieftekst {font-size:14px;}

/* nieuwsbeheer wizard */

table.nieuwswizard span.multitextheader 		{font-style: italic; font-weight:bold;}	
table.nieuwswizard span.multitexttitle		{padding-left: 30px; font-weight: bold; text-align: center;}	
table.nieuwswizard span.multitexttitle a.wizardformlink {font-size:18px; text-decoration: underline}
table.nieuwswizard span.multitext 			{padding-left: 20px;}	
table.nieuwswizard table.multitext			{border: none; width:100%;}
table.nieuwswizard table.multitext th		{border: none; font-weight: normal; font-style: italic; font-size:14px; padding:0px; vertical-align:top; text-align:right;}
table.nieuwswizard table.multitext th.title	{border: none; font-weight: bold; font-style: normal; font-size:16px; text-align:center;}
table.nieuwswizard td.sl-main table.multitext th.title a.wizardformlink {font-size:14px}
table.nieuwswizard table.multitext th.title	a:hover {text-decoration: underline;}
table.nieuwswizard table.multitext td		{border: none; padding:0px; vertical-align:bottom; font-size:14px;}


/**********************************************************
*       Vacatures, vrijwilligers en organisaties:         *
***********************************************************/
table.vacgepub,	table.vrijwgepub, table.orggepub, table.vacwacht, table.vrijwwacht, table.orgwacht {
	border-collapse: collapse;
	border: none;
	width:480px;
}
table.vacgepub td, table.vrijwgepub td, table.orggepub td, table.vacwacht td, table.vrijwwacht td, table.orgwacht td {
	border-bottom: 1px #FFFFFF solid;
	padding: 5px;
}
table.vacgepub tr.even	td, table.vrijwgepub tr.even td, table.orggepub tr.even	td, table.vacwacht tr.even td, table.vrijwwacht tr.even td, table.orgwacht tr.even td {
	background-color: #C374B6;
}	
table.vacgepub tr.oneven td, table.vrijwgepub tr.oneven td, table.orggepub tr.oneven td, table.vacwacht tr.oneven td, table.vrijwwacht tr.oneven td, table.orgwacht tr.oneven td {
	background-color: #A63293;
}	
table.vacgepub td.noheader, table.vrijwgepub td.noheader, table.orggepub td.noheader, table.vacwacht td.noheader, table.vrijwwacht td.noheader, table.orgwacht td.noheader {
	color: #FFFFFF;
	padding-bottom:8px;
	text-align:left;
}

table.vrijwgepub a.specialaction, table.vrijwwacht a.specialaction, table.orggepub a.specialaction, table.orgwacht a.specialaction {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	padding:2px;
}
table.vrijwgepub a.specialaction:hover, table.vrijwwacht a.specialaction:hover, table.orggepub a.specialaction:hover, table.orgwacht a.specialaction:hover {
	color:#A63293;
	text-decoration:none;
	background:#FFFFFF;
}

table.vacFormTabel, table.vrijwFormTabel {}
table.orgFormTabel {width:650px;}

td.vacFormVraag, td.vrijwFormVraag {
	width:250px;
	text-align:right;
	vertical-align:top;
	padding:5px;
	padding-top:8px;
	font-size: 14px;
	font-weight:bold;
}
td.orgFormVraag {text-align:right; vertical-align:top; padding:5px; padding-top:8px; font-size: 14px; font-weight:bold;}

td.vacFormKeuze, td.vrijwFormKeuze, td.orgFormKeuze {
	vertical-align:top;
	padding:5px;
	font-size: 14px;
}

span.vacFormUitleg, span.vrijwFormUitleg, span.orgFormUitleg {
	font-weight:normal;
}

td.vrijwFormUitleg {font-weight:bold; text-align:left; font-size:14px;}

.vacFormOverig, .vrijwFormOverig, .orgFormOverig {
	font-weight:bold;
}
.vacFormSelect, .vrijwFormSelect, .orgFormSelect {
	width:220px;
}
.vacFormSelected, .vrijwFormSelected, .orgFormSelected {
	text-align:center;
}

body.vacFormBody td.rechts a.wizardformlink, body.vrijwFormBody td.rechts a.wizardformlink, body.orgFormBody td.rechts a.wizardformlink {
	text-decoration:underline;
}
body.vacFormBody td.rechts a.wizardformlink:hover, body.vrijwFormBody td.rechts a.wizardformlink:hover, body.orgFormBody td.rechts a.wizardformlink:hover {
	color:#A63293; text-decoration:none;
}
body.vacFormBody hr, body.vrijwFormBody hr, body.orgFormBody hr {
	width:500px; text-align:left;
}
body.vacFormBody td.tekstvak, body.vrijwFormBody td.tekstvak, body.orgFormBody td.tekstvak {
	width:500px;
}

select#f_werksoort, select#f_activiteit, select#f_doelgroep, select#f_locatie, select#f_aantberoep, select#f_aantvrijw, select#f_opleiding, select#f_centrale {
	width:262px;
}

/*********************************************************
*                            Profielen:                  *
*********************************************************/
table.profiel {width:100%;}
table.profiel td {padding:0px;}
table.profiel td.title {text-align:center; padding-bottom:10px; font-size:18px; font-weight:bold; letter-spacing:2px;}
table.profiel td.nummer {width:10%; text-align:right; vertical-align:top; font-size:10px; font-weight:bold; font-style:italic;}
table.profiel th.noheader {text-align:center; font-weight:bold;font-size:14px; }
table.profiel td.noheader {text-align:center; font-size:14px; }
table.profiel th.links {width:50%; padding-right:5px; text-align:right; vertical-align:top; font-size:14px; font-weight:bold;}
table.profiel td.rechts {width:50%; padding-left:5px; text-align:left; vertical-align:top; font-size:14px; }

/*********************************************************
*           Andere definities voor wizards:              *
*********************************************************/
span.multitextheader 		{font-style: italic; font-weight:bold;}	
span.multitexttitle		{padding-left: 30px; font-weight: bold; text-align: center;}	
span.multitexttitle a.wizardformlink {font-size:18px; text-decoration: underline}
span.multitext 			{padding-left: 20px;}	
table.multitext			{border: 0; width:100%;}
table.multitext th		{color:#FFFFFF; border: 0; font-weight: normal; font-style: italic; font-size:14px; padding:0px; vertical-align:top; text-align:left;}
table.multitext th.title	{border: none; font-weight: bold; font-style: normal; color:#FFFFFF; text-align:center;}
table.multitext th.title a 	{text-decoration: underline; color:#FFFFFF; padding:2px;}
table.multitext th.title a:hover {color:#A63293; text-decoration:none; background:#FFFFFF;}
table.multitext td		{color:#FFFFFF; width:100%; border: none; padding:0px; vertical-align:bottom; font-size:14px; text-align:left;}

table.vacaturesbuttons {width:450px;}
table.vacaturesbuttons input {width:100%;}

table.vacgepub td.sl-buttons input.wbutton, table.vacwacht td.sl-buttons input.wbutton, table.orggepub td.sl-buttons input.wbutton, table.orgwacht td.sl-buttons input.wbutton, table.vrijwgepub td.sl-buttons input.wbutton, table.vrijwwacht td.sl-buttons input.wbutton {
	width:90px; display:block; margin-bottom:1px;}
table.vacwacht td.sl-buttons, table.orgwacht td.sl-buttons, table.vrijwwacht td.sl-buttons {width:96px;}

/*********************************************************
*           Definities voor in template zelf:            *
*********************************************************/
a.hoofdrubriek {color:#888; font-size:13px;; font-weight:bold; text-decoration:none;
	padding-left:16px;
	background:url("hoofdmenu-blokje.gif") no-repeat 0px 1px;}
a.hoofdrubriek:hover {color:#000000; text-decoration:none;}
a.hoofdrubriek:active {color:#000000; text-decoration:none;
	background:url("hoofdmenu-blokjesel.gif") no-repeat 0px 1px;}

a.hoofdrubrieksel {
	color:#000000; font-size:13px;; font-weight:bold; text-decoration:none;
	padding-left:16px;
	background:url("hoofdmenu-blokjesel.gif") no-repeat 0px 1px;}
a.hoofdrubrieksel:hover {color:#000000; text-decoration:none;}


td.subrubriek {width:142px; padding-left:5px; padding-top:10px; padding-right:5px;}
td.subrubriek a {font-size:12px; font-weight:normal;}
a.subrubriek {color:#000; text-decoration:none;}
a.subrubriek:hover {color:#A63293; text-decoration:none;}
a.subrubrieksel {color:#A63293; text-decoration:none;}
a.subrubrieksel:hover {color:#A63293; text-decoration:none;}

a.subsubrubriek {color:#000; text-decoration:none;}
a.subsubrubriek:hover {color:#A63293; text-decoration:none;}
a.subsubrubrieksel {color:#A63293; text-decoration:none;}
a.subsubrubrieksel:hover {color:#A63293; text-decoration:none;}

div#header {
	width:100%;
	height:150px;
	background: url(fotobanner.jpg) no-repeat 182px 0px;
}
div#header object {float:left;}
div#topnavbar {
	width:100%;
	height:72px;
	background:url(paarsepixel.gif) repeat-x 0px 35px;
}
div#topnavbar_wiz {
	width:100%;
	height:72px;
	background:url(paarsepixel.gif) repeat-x 0px 35px;
}
div#topnavbar img#logo {float:left;}
div.hoofdrub_item {
	float:left;
	margin-top:10px; margin-right:10px; margin-left:10px;
}
div#leftnavbar {
	float:left;
	width:182px;
	height:72px;
	background:url(paarsestreep.gif) no-repeat right top;
	border-top:solid 1px #A63293;
}
div#content {
	position:absolute;
	left:182px;
	top:242px;
	padding-left:15px;
	padding-right:15px;
	overflow:auto;
}
div#content_wiz {
	position:absolute;
	left:182px;
	top:200px;
	padding-left:15px;
	padding-right:15px;
	overflow:auto;
}

div#footer {
	height:25px;
	position:absolute;
	width:100%;
	background:#A63293;
}
div.powered {float:right; font-size:10px; color:#FFFFFF; margin-right:15px; margin-top:3px;}
div.powered a{color:#FFFFFF; text-decoration:underline;}
div.powered a:hover {background:#FFF; color:#A63293; text-decoration:none;}

div.footertekst {position:absolute; left:197px; top:3px; font-size:12px; color:#FFFFFF;}
div.footertekst a{color:#FFFFFF; text-decoration:underline;}
div.footertekst a:hover {background:#FFF; color:#A63293; text-decoration:none;}

div#fontSizeKnoppen {position:absolute; left:10px; top:3px; width:50px;}
a.textSizeA {color:#FFF; font-weight:normal;
		padding-left:4px;
		padding-right:4px;
		text-decoration:none;
 		}
a.textSizeA:hover {background:#FFF; text-decoration:none; color:#A63293;}
 
a.textSize1 {font-size:12px;padding-top:3px;padding-bottom:2px;}
a.textSize2 {font-size:14px;padding-top:2px;padding-bottom:2px;}
a.textSize3 {font-size:16px;padding-top:0px;padding-bottom:1px; font-weight:bold;margin-right:270px;}

div#oogdiv {position:absolute; left:190px; top:130px;}
/*********************************************************
*           Extra definities voor wizards:               *
*********************************************************/


/*********************************************************
*           Definities voor uitprinten:                  *
*********************************************************/
@media print {
	body, p, h2, h3, a, table, a {color: #000000;}
	a.linkstijl {color: #000000; text-decoration:underline;}
	li {list-style-image:none; color:#000000;}
	hr {color:#000; background:#000;}
	div#header, div#topnavbar, div#topnavbar_wiz, div#leftnavbar, div#footer, div.wizbutton, div#oogdiv {display:none;}
	div#content, div#content_wiz {position:static; width:100%; overflow:visible;}
	.noprint {display:none;}
	input.wbutton {display:none;}
	body.vacFormBody td.rechts a.wizardformlink {text-decoration:none; color:#000000;}
	body.vacFormBody img {display:none;}
	body.vacFormBody td.subrubriek {width:40px;}
	body.vrijwFormBody td.rechts a.wizardformlink {text-decoration:none; color:#000000;}
	body.vrijwFormBody img {display:none;}
	body.vrijwFormBody td.subrubriek {width:40px;}
	body.orgFormBody td.rechts a.wizardformlink {text-decoration:none; color:#000000;}
	body.orgFormBody img {display:none;}
	body.orgFormBody td.subrubriek {width:40px;}

}