/* HMG-Soest.nl Cascading StyleSheet

   In deze stylesheet staan de basis styles voor tekst, tabellen en links.
   Styles die specifiek zijn voor een onderdeel (bijv. kalender) niet hier neer pleuren!
   Let op! Gebruik in je HTML alleen de tags die hier gedefenieerd zijn.
   Let op! Tables die alleen worden gebruikt om uit te lijnen (layout), stylen met de style="" tag. Niet hier definieren!

   Oktober 2002, MaSIDA */

/* _____
   TEKST */

body	{
		font-family: Arial, sans-serif;
		background-color: white;
		background-image: url("pics/index/back.gif");
		font-size:14px;
		/* Al is het geen W3C standaard: */
		scrollbar-face-color: #336666;
		scrollbar-shadow-color: #004242;
		scrollbar-highlight-color: #53A6A6;
		scrollbar-3dlight-color: #A5D1D1;
		scrollbar-darkshadow-color: #003333;
		scrollbar-track-color: #003333;
		scrollbar-arrow-color: #FFFF00 }

p{text-indent: 10px;font-size:14px}
h1	{	color: black;
		font-size: 22px }
h2	{	color: black;
		font-size: 19px }
h3	{	color: #336666;
		font-size: 16px}

.klein { font-weight: normal;
				 font-size: 10px }

/* tbv het forum */
FONT.text1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none}

/* _____
   TABEL */

table	{		border-spacing: 0px }
td	{			padding: 3px; font-size: 14px }
td.layout {		padding: 0px }
.menu	{		padding: 5px;
				text-decoration: none;
				font-weight: normal;
				font-size: 10px;
				}
  td.t_title  { background-color: D6D6D6;
                font-size: 12px;
                font-family: Arial, sans-serif;
                color: #000000;
                font-weight: bold;
                text-align: center; }
  td.t_0      { background-color: F7F7F7;
                font-size: 12px;
                font-family: Arial, sans-serif;
                color: #000000 }
  td.t_1      { background-color: E9E9E9;
                font-size: 12px;
                font-family: Arial, sans-serif;
                color: #000000 }
  td.t_groen  { background-color: 336666;
                font-size: 12px;
                font-family: Arial, sans-serif;
                color: #000000 }
  td.t_trans  {
                font-size: 12px;
                font-family: Arial, sans-serif;
                color: #000000 }
  td.forum  {
                font-size: 14px;
                font-family: Arial, sans-serif;
                color: #000000 }

/* _____
   LINKS */

a	{	color: black;
		font-weight: normal;
		text-decoration: underline }
a.rood	{	color: #FF0000;
			font-size: 10px;
			text-decoration:none;
			font-weight:normal }
a.nostyle {
    text-decoration: none }
a:hover	{	color: #336666;
		text-decoration: underline }
a.nostyle:hover {
    color: black;
    text-decoration: none }

/* ______
   DIVERS */

a.help	{	cursor: help }
a.help:after {	content: url("pics/icoon/help.png") }

hr	{	border-style: solid;
		border-width:1px;
		color: #336666;
	}

em	{	color: #336666;
		font-weight: bolder }

li  { list-style: url("pics/icoon/pijltje.gif") disc }

/* ____________________
   'MOOIE' INVOERVELDEN */

input.tekstveld { background:#FFFFFF; border-color:#FFFFFF; border-top:1px solid;
    border-bottom:1px solid; border-left: 1px solid; border-right:1px solid;}
.btn   { BORDER-WIDTH: 1; width: 26px; height: 24px; }
.btnDN { BORDER-WIDTH: 1; width: 26px; height: 24px; BORDER-STYLE: inset; BACKGROUND-COLOR: buttonhighlight; }
.btnNA { BORDER-WIDTH: 1; width: 26px; height: 24px; filter: alpha(opacity=25); }

/* ____________________
   TBV TOOLTIPS        */
 a.tooltip, a.tooltip:visited{
      padding:0 2px;
      text-decoration:none;      
   }
   a.tooltip:hover{      
      background-color:transparent;
   }
a.tooltip span {display: none;}
a.tooltip:hover span {
   display:block;
   margin-left:1em;
   width:auto;
   padding:2px;
   z-index:1;
   color:black;
   background-color:#FFFFE1;
   position:absolute;
   border:1px solid black;
   width: 18em;
}

/* _______________________
   RANZIGE STYLES TBV MENU */

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#D5D5D5; layer-background-color:#D5D5D5; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:#D5D5D5; layer-background-color:#D5D5D5; color:#D5D5D5;}
.clLevel0over{background-color:#D5D5D5; layer-background-color:#D5D5D5; color:#D5D5D5; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#D5D5D5; layer-background-color:#D5D5D5}


/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:#D5D5D5; layer-background-color:#D5D5D5; color:white;}
.clLevel1over{background-color:#D5D5D5; layer-background-color:#D5D5D5; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#D5D5D5; layer-background-color:#D5D5D5}