/*
  Ylab, Ontwerpbureau voor interactie
  www.ylab.nl

	licht:   #81ABD3
	midden:  #3A6EA5
	donker:  #2A5176
*/
body             {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #81ABD3; cursor: default;}
/*IE5 and IE6 in compat mode have problems with calculating canvas width*/
body, html       {overflow-x: hidden;}
body             {padding-right: 15px;}
body#menu        {padding-right: 5px;}
/*do not set body font-size in em's to prevent problems IE*/
/*setting table font-size essential, table doesn't inherit the body font-size*/
body, div, table {font-size: 93%;}
td               {vertical-align: top; line-height: 1.25;}
h1	             {background-color: #3A6EA5; color: #81ABD3; font-family: "Arial Black", Arial, Helvetica, sans-serif;}
h1, th           {text-align: left;}
h1, div          {padding: 1px 4px;}
code             {color: #3A6EA5;}
em               {color: #2A5176;}
hr               {color: #2A5176; background-color: #2A5176; height: 1px;}

a:link,
a:visited        {background: transparent; color: #3A6EA5; text-decoration: none; cursor: pointer; cursor: hand;} /*For Mac IE5*/
a:hover          {text-decoration: underline;}
h1 a:link,
h1 a:visited,
h1 a:hover       {color: white;}

.menu            {background-color: white; text-align: left;}
.menu a:link,
.menu a:visited,
.menu a:hover    {color: black;}
.content         {background-color: white; text-align: left;}
.legend          {font-size: 80%;}
table.ex         {border: 0; width: 100%;}
.ex td           {background-color: #B5DFFF; border: 1px solid white; }
.button          {background-color: #B5DFFF; border: 1px solid; border-color:  #DFF1FF #2A5176 #2A5176 #DFF1FF; width: 6em; cursor: pointer; cursor: hand;}
.s               {width: 6%}
.m               {width: 20%}
.l               {width: 42%}

@media print{
  body, table     {font-size: 10pt;}
  .noprint, #menu {display: none;}
  .newPage        {page-break-before: always;}
}