/*********************************************************
*           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: #FF0000;}
a:hover {  color: #000099}

/*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  { font-size: 12px; color: #000000; font-weight: normal; line-height:17px}
/*deze moeten na de links komen, anders gaat het fout..*/        
h2 { font-size: 18px; color: #000099;  font-weight: bold; }
h3 { font-size: 12px; color: #000000;  font-weight: bold; }
/*het is beter om voor de linkstijl geen grootte te specificeren, want de tekst eromheen
kan groter gemaakt zijn*/
.linkstijl 	{  color: #CC0000; text-decoration: none;}


/*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:28px; 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-family: Arial, Helvetica, sans-serif; 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}


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

              
 .forum 	{ font-size: 12px}
 .forum-gepost	{ font-size: 12px;color:#FFFFFF;text-align:right; background-color:#CC0000;}	/*vroeger rh0*/
 .forum-auteur	{ font-size: 12px;color:#FFFFFF;}			/*vroeger auteurlink*/
 .forum-tekst	{ font-size: 12px;}					/*vroeger tekst-forum*/
 .forum-kop	{ font-size: 16px;color:#000099;font-weight:bold;text-align:left;}	/*vroeger b2*/
A.forum-voegtoe { font-size: 14px; font-weight: bold; text-align: center; color: #CC0000}
A.forum-voegtoe:hover { color:#000099 } 
A.forum-auteur{text-decoration:underline;color:#FFFFFF}
A.forum-auteur:hover{text-decoration:underline; font-weight:bold; color:#FFFFFF}
A.forum-kop{text-decoration:none;color:#0279FF}
A.forum-kop:hover{text-decoration:none;color:#3479FF}

 .tforum-gepost	{ font-size: 12px;background-color: #3D98D7; color:white;text-align:left; }
 .tforum-gepost	a{ font-size: 12px; 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-color:#FFFFFF; margin-left:0px;margin-top:0px;margin-right:0px; margin-bottom:0px; background-image: url(/template/pvda/topbalk3_breder1100.jpg); background-repeat:no-repeat;}
	
body.forum	{}

body.login	{}

	
body.wizard	{}

body.form	{margin-left:20px;margin-top:20px;background-image:none; background-color:#FDF2EA;}

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

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

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

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                   *
*********************************************************/

table.wizbutton {background-color: #FFFFFF; }
tr.wizbutton {}
/*let op:  in css is padding in de td hetzelfde als cell-padding in de table in html*/
td.wizbutton { background: url(/template/pvda/redknop.gif) no-repeat; text-align:center;  width: 139px; height: 17px;}/*evt background-url als knop gewenst is*/
td.wizempty { background-color: #FFFFFF; width: 139px; height: 17px;}/*evt background-url als knop gewenst is*/
p.wizbutton { font-size:12px; color:#FFFFFF; font-weight:bold;}
a.wizbutton { font-size:12px; color:#424141; text-decoration:none;}
a.wizbutton:hover {color: #CC0000;}


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

table	{color: #000000;} 
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: 12px; 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 {}
table.tabel1 td {vertical-align:top; padding: 10px;}

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

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

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

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

table.tabel6 {border-collapse:collapse;}
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;}
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;}
table.tabel8 td {padding: 10px;}

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


table.verplaatsen1 { width: 100%; color: #FFFFFF;}
td.verplaatsen1 {  vertical-align: top;background-color: #F4F5F5;padding: 5px; }
table.verplaatsen2 {width: 100%; }
td.verplaatsen2 {background-color: #D41C0E; color:#FFFFFF; font-weight:bold; font-size:13px}
td.verplaatsen3 {color:#000000; font-size:11px}

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

table.sitemap1 { width: 100%; color: }
td.sitemap1 {vertical-align: top;color:#000000;background-color: #F4F5F5;padding: 5px;}
table.sitemap2 {width: 100%;color:#000000;}
td.sitemap2 {background-color: #D41C0E; color:#FFFFFF; font-weight:bold; font-size:13px}
td.sitemap3 {color:#000000; font-size:11px}
a.sitemap2 {color: #FFFFFF;}
a.sitemap3 {color: #000000;}
a.sitemap2:hover {background-color: #DC766E; color: #FFFFFF;}
a.sitemap3:hover {background-color: #D41C0E; color: #FFFFFF;}

/*********************************************************
*           Definities voor het bewonersportaal:         *
*                                                        *
*********************************************************/
table.nportalkader {width: 100%; border-collapse:collapse;border: 2px solid #8D0008; padding: 0px;}
td.nportalkader {width: 50%; border: 1px solid #000000; padding: 10px;}
a.nportal {font-size: 11px; color:#8D0008; ; font-weight:bold; text-decoration: underline}
a.nportal:hover {color:#03035F}

/*********************************************************
*           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: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color:#FF0000;text-align:left; padding-top:8px }
.nieuwskop { font-family: 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:#C2BABB}
td.leesverder { width:75px; font-family: 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: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color:#807B7B; text-align:left; padding-right:10px }
td.archief {height:50px; vertical-align:bottom;}
td.titeldatum { width:75px; font-family: 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: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:#000000;text-align:left;}
td.newsdate {width:150px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;text-align:left; }
td.newschanged { width:150px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;text-align:left; }
td.newsbody {width:300px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 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: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;text-align:left;  }
td.newsback {padding-top:40px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#FF0000;text-align:left; }
td.archiveback {padding-top:20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#FF0000;text-align:left; }
td.newsreadmore {font-size: 12px; font-weight:bold; padding-top:20px}
td.newslink a {font-size: 12px; font-weight:normal; text-decoration:underline}
td.newslink a:hover {color:#FF0000;}

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

/* nieuwsbeheer wizard */

table.nieuwswizard span.multitextheader 		{font-style: italic; font-weight:bold;}	
table.nieuwswizard span.multitexttitle		{padding-left: 30px; font-weight: bold; horizontal-align: left;}	
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:12px; padding:0px; vertical-align:top; text-align:left;}
table.nieuwswizard table.multitext th.title	{border: none; font-weight: bold; font-style: normal; font-size:16px; text-align:left;}
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:12px;}

/*********************************************************
*           Definities voor het foto album:              *
*           albumkader is buiten, fotokader binnen       *
*********************************************************/
table.albumkader {border: 2px solid #97979D;}
td.albumkader {padding: 10px;}
table.fotokader {border: 2px solid #000000; height: 100%; background-color: #F7F4E4;}
td.fotocontent {}
td.fotonaam {height:10px;vertical-align: top; font-size:11px; font-weight:bold}
td.fotobijschrift {vertical-align: top;font-size:10px; font-weight:normal}

/********************************************************* 
*           Definities voor de verjaardagskalender:      * 
*           albumkader is buiten, fotokader binnen       * 
*********************************************************/ 
table.kalenderkader {border-collapse:collapse; background-color: #FFFFFF;}

a.calendar { font-size: 14px; color:#FF8500; font-weight:bold;}
a.calendar:hover { color:#000000;}
.kalendermaandenlinks { font-size: 11px;  font-weight:bold;}
.kalendermaandenlinks:hover { color:#FF8500; }
td.kalendermaand {background-color:#FFE0A0; padding-left: 10px; width:360px;}
a.kalendermaand {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold; }
td.kalenderterug {background-color:#FFE0A0; padding-left:0px; padding-right:4px;}
a.kalenderterug { font-size: 11px; color:#FFFFFF; font-weight:bold; }
a.kalenderterug:hover { font-size: 11px; color:#000000; font-weight:bold; }
.kalenderdag {text-align: right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color:#FF8500; font-weight:bold; }
.kalendernaam {text-align: left; padding-left: 10px; font-size: 12px; color:#211D85; font-weight:normal; }
table.kalenderbinnenkortkader {border-collapse:collapse; background-color: #FFFFFF;}
td.kalenderbinnenkort {background:#FFE0A0; padding-left: 10px; width:360px;}
a.kalenderbinnenkort {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold; }
td.kalenderbinnenkort {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; font-weight:bold; }
.kalenderbinnenkortdag {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#FF8500; font-weight:bold; }
.kalenderbinnenkortnaam {padding-left: 8px;  font-size: 12px; color:#211D85; font-weight:normal; }
td.kalenderverwijder {padding-top:1px; padding-bottom:1px}

/*********************************************************
*           Definities voor de voorbeeld navbalken:      *
*********************************************************/

td.hoofdnavbar {text-align:center; font-weight:bold; font-size:12px; line-height:18px; color:FF0000; letter-spacing:2px; padding-top:10px; padding-bottom:10px; padding-left:100px; padding-right:100px;}
td.hoofdnavbar a {color:#9C9C9D; letter-spacing:1px}
td.hoofdnavbar a:hover {color: #000099}

td.rubrieknaam {}
a.rubrieknaam {color: #CC0000; font-weight:bold; font-size:14px}
a.rubrieknaam: hover {color: #000099}
.subrubriek {color:#9C9C9D; font-weight:bold; font-size:11px; line-height:23px}
.subrubriek:hover {color:#CC0000;}
.subsubrubriek {color:#9C9C9D; font-weight:; font-size:11px; line-height:20px}
.subsubrubriek:hover {color:#A71A1A;}

/*********************************************************
*           Definities voor in template zelf:            *
*********************************************************/
ul {color: #000000; font-size:12px}
ol {color: #000000; font-size:12px}

td.wizvak {padding-top:7px;}
.tekstvak {padding-top:5px; vertical-align:top;}
.tekstvakwiz {padding-top:20px; padding-left:20px; padding-right:10px}