body {
	font-family: Arial, Courier, sans-serif;
	font-size: 12px;
	color: #000066;
	background:  white url('hockey.jpg');
	scrollbar-face-color:#339966;
} 
/* TinyMCE specific rules */
body.mceContentBody body { font-family: Arial, Courier, sans-serif ; font-size: 12px; color: #000066; background:  white url('hockey.jpg'); scrollbar-face-color:#339966} 

/* color is kleur van de tekst, white is alternatieve achtergrond, repeat en scroll slaan op image. Scrollbar wordt SMHC groen in IE */
a:link { color: #0000FF} 
a:visited { color: #000066 } 
a:hover { color: #FF0000 } 
a:active {
	background-color: #CCFFCC;
	font-weight: bold;
}
.kleiner {font-size:7px;}
.klein {font-size:10px;}
.kleinrood {font-size:10px; color: #FF0000;}
.normaal {font-size:12px;color: #000066;}
.normaalrood {font-size:12px; color: #FF0000;}
.groot {font-size:18px; font-weight: bold;}
.grootrood {font-size:18px; font-weight: bold; color: #FF0000;}
.groter {font-size:27px; font-weight: bold;}
.groterrood {font-size:27px; font-weight: bold; color: #FF0000;}
.grootst {font-size:42px; font-weight: bold;}
.grootstrood {font-size:42px; font-weight: bold; color: #FF0000;}
.tegroot {font-size:64px; font-weight: bold;}
.tegrootrood {font-size:64px; font-weight: bold; color: #FF0000;}
.grijs {color: #A0A0A0;}

/* maakt  met <p class="geenLegeregel">xxxx</p> iets zonder lege regel ertussen (dus net als als bij <br>) */
.geenLegeregel {margin: 0px;padding: 0px;}
/* iedem maar dan ook met 20 px inspringen van de gehele alinea */
.geenLegeregel2 {margin:0px 0px 0px 20px; padding: 0px;}

/*.vrijKader{class='normaal'; border:2px solid #C0C0C0;padding: 10px }*/ /* heeft zelfde effect bij Luciano */
.vrijKader{border-style: solid; border-width: 2px;border-color: #C0C0C0;padding: 10px}
 
/*
ul { list-style-image: url('bullet_komma.gif') } 
ul { list-style-image: url('text3.jpg') } 
ul { list-style-image: url('text_klein.gif') } 
*/

/* weg ivm spry menu: ul {margin-left: 1.3em;margin-top: 0px; margin-bottom: 0px;list-style-image: url('bullet.gif');} */
ol { list-style-type: decimal } 

table { border: silver solid 1px; border-collapse: collapse ;font-size: 10pt;} 
td { text-align:left; vertical-align:top; padding: 1px 0px 0px 5px;}  /* dit is beter voor Menu sept 2005 */

/*
td { text-align:left; vertical-align:top; border: silver solid 1px;padding: 1px 0px 0px 5px;}
*/
/*zet in elke tabel: border="1px" en alles komt weer omkaderd */

/* werk met  <table class="geenKader"; ... in tabel zonder kaders*/
/*.geenKader td { text-align:left; vertical-align:top; border: none;padding: 5px 0px 0px 5px;} */
.geenKader  { border:none;  border-collapse: collapse ;font-size: 10pt;}

.paddingLR { text-align:left; vertical-align:top; padding: 1px 10px 0px 10px;}   /*boven rechts  onder  links marges in px  Moet per cel worden geregeld*/
/*.paddingLR td { text-align:right; vertical-align:top; padding: 1px 50px 0px 50px;}   /*Per tabel werkt niet. In elke cel: boven rechts  onder  links marges in px  Nieuw aug2006 voor MySMHC organisatietabel */


@media print {.printNiet {display: none;}}
@media screen {.screenNiet {display: none}}
/* gebruik: <span class='printNiet'>XXXXX</span>   XXXXX wordt niet geprint */
/* gebruik: <span class='screenNiet'>XXXXX</span>   XXXXX zie je niet maar wordt wel geprint */