html{height: 100%;}

body
{ background: #DBD7D1 url(stripes_back.png); /*zachtgrijze achtergrondkleur links en rechts*/
  color: #DBD7D1; /*zachtgrijze letters*/
}  

blockquote
{ background: #FFFFFF; /*witte achtergrondkleur*/
  color: #DBD7D1; /*zachtgrijze letters*/
  border-color: #767676; /*staalgrijze randen*/
}

table {
  border-color: #767676; /*staalgrijs*/
}


hr {
color: #767676; /*staalgrijs*/
} 

th {
  border-color: #767676; /*staalgrijs*/
}  


#main
{ background: #FFFFFF url(back.png) repeat-y; /*witte achtergrondkleur (niet zichtbaar) afbeelding met wit en grijs vlak*/
  color: #DBD7D1; /*zachtgrijze letters*/
}

a {
  color: #00AA00; /*groene links*/
}

a:hover {
  color: #00FF00; /*felgroene links (hover) */
}  

#footer, #menu, #menu li a
{ background: #FFFFFF url(menu.png); /*witte achtergrondkleur (niet zichtbaar) afbeelding met grijze achtergrond (in het menu)*/
  color: #DBD7D1; /*zachtgrijze letters*/
  border-color: #D7D7D7; /*zachtgrijze randen*/
}

#submenu
{ background: #FFFFFF url(menu.png); /*witte achtergrondkleur (niet zichtbaar) afbeelding met grijze achtergrond (in het menu)*/
  color: #DBD7D1; /*zachtgrijze letters*/
  border-color: #D7D7D7; /*zachtgrijze randen*/
}

#footer a 
{ background: transparent; /*geen achtergrondkleur*/
  color: #00CC00; /*groene links*/
}

#login a, #sidemenu a
{ background: transparent; /*geen achtergrondkleur*/
  color: #DBD7D1; /*zachtgrijze letters*/
}

#submenu a#selected
{ background: transparent; /*geen achtergrondkleur*/
  color: #00FF00; /*felgroene links in submenu*/
}

#selected, #footer a:hover
{ background: transparent; /*geen achtergrondkleur*/
  color: #00FF00; /*felgroene links in menu's*/
  text-decoration: none; /* no underlined links */  
}

#logo
{ background: #FFFFFF url(logo.jpg) no-repeat; /*witte achtergrondkleur (niet zichtbaar) met logo daar overheen*/
  color: #DBD7D1; /*zachtgrijze letters*/
}

#logo h1, #logo h3
{ background: transparent; /*geen achtergrondkleur*/
  color: #FFFFFF; /*witte letters*/
}

h1, #leftcolumn h1
{ background: transparent; /*geen achtergrondkleur*/
  color: #70695A; /* donkergrijze letters*/
  border-bottom: #70695A; /* donkergrijze rand*/
}

#menu span a#selected
{ background: #FFFFFF url(menu_hover.png); /* groene blok in hoofdmenu bij hover*/
  color: #FFFFFF; /*witte letters*/
} 

#content
{ background: transparent; /*geen achtergrondkleur*/
  color: #70695A; /* donkergrijze letters*/
}

#leftcolumn a 
{ background: transparent; /*geen achtergrondkleur*/
  color: #009900; /* donkergrijze letters*/
}

#sidemenu
{
  background: #525252; /*donkergrijze achtergrond */
  color: #DBD7D1; /*zachtgrijze letters*/
}

#sidemenu a#selected
{ background: transparent; /*geen achtergrondkleur*/
  color: #00FF00; /*felgroene links in divisiemenu*/
}

#menu li a:hover, #sidemenu a:hover, #submenu a:hover, #login a:hover
{ background: transparent; /*geen achtergrondkleur*/
  color: #00CC00; /*groene links*/
  text-decoration: none; /*no underline when hovering*/
} 

.sidebaritem, #submenu a
{ background: transparent; /*geen achtergrondkleur*/
  color: #DBD7D1; /*zachtgrijze letters*/
}

#leftcolumn a:hover
{
  color: #00CC00; /*groene letters*/
}

.sbihead
{ background: #FFFFFF url(sbi_header.png); /*witte achtergrondkleur (niet zichtbaar) met logo daar overheen*/
  color: #00CC00; /*groene letters*/
}

.sbihead h1
{ background: transparent; /*geen achtergrondkleur*/
  color: #DBD7D1; /*zachtgrijze letters*/
}

input, textarea
{ background: #FFFFFF; /* witte achtergrond*/	
  color: #70695A; /*donkergrijze letters*/
  border-color: #B7B7B7; /*donkergrijze randen*/
}

select.seizoenselector
{
  border:1px solid #B7B7B7; /*donkergrijze randen, werkt niet in IE*/
  color: #FFFFFF; /*witte letters*/     
  background: #595959; /*grijs (zoals in de kalender*/  
}

.colorgray
{color:#A4A4A4
}
.colorred
{color:#F40000
}

.colorgreen
{color:#00A000
}
.colorblue
{color:#0000A0
}
.colororange{
color:#ffA000
}

input {
  border-color: #767676;
}

textarea { 
  border-color: #767676;
}

input.input100 {
  border-color: #767676;
  
}

.whitebutton     {background-color: white; color: black; border-style: solid ; border-width: 1px; border-color: #767676;}
.redbutton       {background-color: white; color: red; border-style: solid ; border-width: 1px; border-color: #767676;}
.greenbutton     {background-color: white; color: green; border-style: solid ; border-width: 1px; border-color: #767676;}

#sidemenu .calendar a
{ background: transparent; /*geen achtergrondkleur*/
  color: #00CC00; /*dondkergroene links in de agenda*/
}

#sidemenu .calendar a:hover
{ background: transparent; /*geen achtergrondkleur*/
  color: #00FF00; /*felgroene links in divisiemenu*/
}


calendar { color: #DBD7D1; text-align: center;}
table.calendar { border-collapse: collapse; border: 0px solid black } 
table.calendar a {color:#00CC00; font-weight : bold;} 
table.calendar a:hover {color:#00FF00; font-weight : bold;}
td.calendar a {color:#00CC00; font-weight : bold;}   

.Yearcalendar {border-collapse: collapse; border: 1px solid black } 

.calendarArrowLeft{ text-align: left; vertical-align: top }
.calendarHeader { text-align: center; vertical-align: top } 
.calendarArrowRight{ text-align: right; vertical-align: top }

.calendarToday{text-align: center; font-weight: bold; border:1px solid #00CC00; }
.calendarPast{color:#767676;}