/*********************************************************
*           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 {color: #80210F; text-decoration:none;}
a:hover {  color: #000000;}


/*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-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #404B29; font-weight: normal;}
/*deze moeten na de links komen, anders gaat het fout..*/        
h2 { font-size: 18px; color: #A0A531; font-weight: bold; margin-top:0px;}
h3 { font-size: 14px; color: #404B29; font-weight: bold; margin-top:0px;}
/*het is beter om voor de linkstijl geen grootte te specificeren, want de tekst eromheen
kan groter gemaakt zijn*/
a.linkstijl 	{text-decoration:underline; color: #80210F;}
a.linkstijl:hover {color:#A0A531;}

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

/*voor een formulier*/        
p.form {font-size:16px; color:#666666; font-weight:bold;}
h1.form {font-size:28px; color:#666666; 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: #666666; font-weight: bold; }

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


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

              
 .forum 	{ font-size: 14px}
 .forum-gepost	{ font-size: 12px;color:#666666;text-align:right; background-color:#EAE2E0;}	/*vroeger rh0*/
 .forum-auteur	{ font-size: 14px;color:#660000;}			/*vroeger auteurlink*/
 .forum-tekst	{ font-size: 14px;}					/*vroeger tekst-forum*/
 .forum-kop	{ font-size: 19px;color:#666666;font-weight:bold;text-align:left;}	/*vroeger b2*/
A.forum-voegtoe { font-size: 14px; font-weight: bold; text-align: center; color: #C52C41}
A.forum-voegtoe:hover { color:#FF9900 } 
A.forum-auteur{text-decoration:underline;color:#003300}
A.forum-auteur:hover{text-decoration:underline;color:#FF9900}
A.forum-kop{text-decoration:none;color:#666666}
A.forum-kop:hover{text-decoration:none;color:#3479FF}

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

/*********************************************************
*           Definities voor de body tag:                 *
*********************************************************/

body 	{font-family: Arial, Helvetica, sans-serif; background:#FEFEF2; margin:0px; color:#404B29; font-size: 14px;}
	
body.forum	{}

body.login	{background: url("/template/swhhelmond/strepen.gif") repeat-y;}

	
body.wizard	{background: url("/template/swhhelmond/strepen.gif") repeat-y;}

body.form	{margin-left:20px;margin-top:25px;}

/*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	{text-decoration:underline; color: #80210F;}

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: #F5F5DD;}
tr.wizbutton {}
/*let op:  in css is padding in de td hetzelfde als cell-padding in de table in html*/
td.wizbutton {font-size: 12px; text-align:center; width:152px; height:17px;}
td.wizempty {background-image: none; font-size: 12px; width:152px; height:17px; text-align:left;}
p.wizbutton {}
a.wizbutton {display:block;background: url(/template/swhhelmond/redknop.gif) no-repeat; color:#000000; text-decoration:none; padding-left:15px; text-align:left; width:152px; height:17px;}
a.wizbutton:hover {background: url(/template/swhhelmond/redknophover.gif) no-repeat; 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: #666666;} 
table.kader	{background-color: #666666}		/*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 #666666;}
table.waitingroom {border-collapse:collapse;}
table.waitingroom th {border:1px solid #666666; vertical-align:top;}
table.waitingroom td {border:1px solid #666666; vertical-align:top;}

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

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

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

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

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

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

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

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




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


table.verplaatsen1 { width: 100%; color: #666666;}
td.verplaatsen1 {  vertical-align: top;background-color: #FCF9F8;padding: 5px;}
table.verplaatsen2 {width: 100%; color: #666666;}
td.verplaatsen2 {background-color: #F4ECEA;}
td.verplaatsen3 {}

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

table.sitemap1 { width: 100%;}
td.sitemap1 {vertical-align: top;background-color: #FCF9F8;padding: 5px;}
table.sitemap2 {width: 100%;}
td.sitemap2 {background-color: #F4ECEA;}
td.sitemap3 {}
a.sitemap2 {color: #666666;}
a.sitemap3 {color: #666666;}
a.sitemap2:hover {background-color: #33AAFF; color: #666666;}
a.sitemap3:hover {background-color: #F6F1B5; color: #666666;}

/*********************************************************
*           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:#666666;text-align:left; padding-right:10px;}
.nieuwskop a {font-weight:bold; font-size: 13px; color:#666666;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:#666666;text-align:left; }
.leesverder a { font-weight:bold; color:#666666;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:#666666;text-align:left;}
td.newsdate {width:150px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#666666;text-align:left; }
td.newschanged { width:150px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#666666;text-align:left; }
td.newsbody {width:300px; font-family: ITC Franklin Gothic, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; color:#666666;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:#666666;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; horizontal-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;}

/*********************************************************
*           Definities voor het foto album:              *
*           albumkader is buiten, fotokader binnen       *
*********************************************************/
table.albumkader {border: 2px solid #0000CC;}
td.albumkader {padding: 10px;}
table.fotokader {border: 2px solid #666666; height: 100%; background-color: #F5F5C5;}
td.fotocontent {}
td.fotonaam {height:10px;vertical-align: top;}
td.fotobijschrift {vertical-align: top;}

/********************************************************* 
*           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:#666666;}
.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: ITC Franklin Gothic, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; 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:#666666; font-weight:bold; }
.kalenderdag {text-align: right; font-family: ITC Franklin Gothic, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color:#FF8500; font-weight:bold; }
.kalendernaam {text-align: left; padding-left: 10px; font-size: 14px; 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: ITC Franklin Gothic, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; font-weight:bold; }
td.kalenderbinnenkort {font-family: ITC Franklin Gothic, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color:#666666; font-weight:bold; }
.kalenderbinnenkortdag {font-family: ITC Franklin Gothic, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#FF8500; font-weight:bold; }
.kalenderbinnenkortnaam {padding-left: 8px;  font-size: 14px; color:#211D85; font-weight:normal; }
td.kalenderverwijder {padding-top:1px; padding-bottom:1px}

/*********************************************************
*           Definities voor de navbalken:                *
*********************************************************/
td.hoofdrubriek {text-align:left; padding-top:1px;}
td.hoofdrubriek a {color:#FFFFFF; font-size:14px;; font-weight:bold;
				display:block; padding-left:15px; margin-right:18px;
				background:url("/template/swhhelmond/hoofdmenu-blokje.gif") no-repeat; background-position: 0px 3px;}
td.hoofdrubriek a:hover {color:#FFFFFF;
				background:url("/template/swhhelmond/hoofdmenu-blokje2.gif") no-repeat; background-position: 0px 3px;}
td.hoofdrubriek a:active {}

td.hoofdrubrieksel {text-align:left; padding-top:1px;}
td.hoofdrubrieksel a {color:#FFFFFF; font-size:14px;; font-weight:bold;
				display:block; padding-left:15px; margin-right:18px;
				background:url("/template/swhhelmond/hoofdmenu-blokjesel2.gif") no-repeat; background-position: 0px 3px;}
td.hoofdrubrieksel a:hover {color:#FFFFFF;}


td.hoofdrubriekadmin {text-align:left; padding-top:1px;}
td.hoofdrubriekadmin a {color:#FFFFFF; font-size:14px;; font-weight:bold;
				display:block; padding-left:15px; margin-right:5px;
				background:url("/template/swhhelmond/hoofdmenu-blokje.gif") no-repeat; background-position: 0px 3px;}
td.hoofdrubriekadmin a:hover {color:#FFFFFF;
				background:url("/template/swhhelmond/hoofdmenu-blokje2.gif") no-repeat; background-position: 0px 3px;}
td.hoofdrubriekadmin a:active {}

td.hoofdrubriekadminsel {text-align:left; padding-top:1px;}
td.hoofdrubriekadminsel a {color:#FFFFFF; font-size:14px;; font-weight:bold;
				display:block; padding-left:15px; margin-right:5px;
				background:url("/template/swhhelmond/hoofdmenu-blokjesel2.gif") no-repeat; background-position: 0px 3px;}
td.hoofdrubriekadminsel a:hover {color:#FFFFFF;}


td.subrub {padding-left:15px; height:18px; vertical-align:top;}
td.subrub a {color:#A0A531; font-size:11px;; font-weight:bold;}
td.subrub a:hover {color:#80210F;}
td.subrubsel {padding-left:15px; height:18px; vertical-align:top;}
td.subrubsel a {color:#80210F; font-size:11px;; font-weight:bold;}
td.subrubsel a:hover {color:#80210F;}

td.subsubrub {padding-left:25px; height:18px; vertical-align:top;}
td.subsubrub a {color:#80210F; font-size:11px;; font-weight:normal;}
td.subsubrub a:hover {color:#A0A531;}
td.subsubrubsel {padding-left:25px; height:18px; vertical-align:top;}
td.subsubrubsel a {color:#80210F; font-size:11px;; font-weight:bold;}
td.subsubrubsel a:hover {color:#A0A531;}

/*********************************************************
*           Definities voor in template zelf:            *
*********************************************************/
table#master {background:url("/template/swhhelmond/footerklaver.gif") no-repeat 0px 536px; width:100%; height:100%;}
td#topcell {height:91px; background:#80210F url("/template/swhhelmond/topklaver.gif") no-repeat 548px 0px; vertical-align:top;}
td#topcellext {height:91px; background:#80210F url("/template/swhhelmond/topklaverext.gif") repeat-x; vertical-align:top;}
td#maincell {vertical-align:top; background:#FEFEF2 url("/template/swhhelmond/mainklaver.gif") no-repeat 450px 0px; height:445px;}
table#main {background:url("/template/swhhelmond/strepen.gif") repeat-y; width:775px; height:100%;}

td#footercell {vertical-align:bottom; text-align:right;color:#FFFFFF; font-size:9px;}
td#footercell a {color:#FFFFFF; font-size:9px;}
td#footercell a:hover {text-decoration:underline;}

td#logo {background:FEFEF2; height:102px;}
div#topnavdiv {position:absolute; z-index:1; margin-top:53px; margin-left:214px;}
td.leftnavbar {width:214px; vertical-align:top;}
td#content {padding-right:2px;padding-top:0px; vertical-align:top; width:561px;}

td#content li {font-size: 14px; color: #404B29; font-weight: normal;}
td#content table {border-color:#80210F;}
td#content table td {border-color:#80210F;}
/*********************************************************
*           Definities voor uitprinten:                  *
*********************************************************/
@media print {
	p  {color: #000000;}
	h2 {color: #000000;}
	h3 {color: #000000;}
	a {color: #000000;}
	table  {color: #000000;}
	td#content {width:550px}
	td#topnavcell {display:none;}
	td.leftnavbar {display:none;}
	input.wbutton {display:none;}
	table.wizbutton {display:none;}
	div#topnavdiv {display:none;}
	td#logo {height:90px}

}