html body { font-size:small; line-height:medium; color:#001950;}
/* alle versies IE volgen: */
* html body { font-size:small; line-height:small; }
/* alleen IE6 snapt: */
* html body { f\ont-size:x-small; l\ine-height:x-small; }



       body { font:normal 100%/140% Verdana, Helvetica, Arial, sans-serif;
  margin:0; border:0; padding:0; height:100%; max-height:100%;
  overflow: hidden; background: #EBF0F6 url(images/kern_500.gif) no-repeat fixed; background-position:-20px 130px; }
* html body { padding:28px 0px 5px 215px;  }  /* voor internet explorer */


       #container { position:fixed; top:34px; left:0px; bottom:0; right:190px; padding-left:230px;
  overflow:auto; background:transparent; }
* html #container { height:100%; width:100%; border-right:185px solid white;  }
/* border wit om onderrand van agendablok wit te houden */

#container p { max-width:750px;}


       #header { position:absolute; text-align:right; top:0; left:0; width:100%; height:34px; overflow:hidden; background:#003990 url(images/bghead.gif) bottom repeat-x ; z-index:2;}
* html #header, .head {  position:absolute; width:100%; height:34px; z-index:1; top:0; right:0px; background:#003990 url(images/bghead.gif) bottom repeat-x ;  }


       #header img {  position:absolute; top:10px; right:3px; }
* html #header img {  position:absolute; top:10px; right:-187px; }

#rechterkolom {width:186px; position:absolute; height:100%; bottom:0px; right:0px; background:#B1C2DD; border-left:4px solid white; border-bottom:4px solid white; z-index:5; padding:0;}


/* tot hier crossbrowser POSITIE en TEKST */




/* ---------------------   MENU met KNOPPEN --------------------------*/

body { behavior:url("csshover.htc");}


#indexmenu li { height:40px; margin-left:20px; }
ul, li { display:block; margin:0; padding:0; list-style:none;}

/* donkerblauwe menuknoppen a1 - a6 - b1 - b6 */
#indexmenu .a1 a, #indexmenu .a1 a:visited,
#menu .b6 a, #menu .b6 a:visited { background-color:#4E76B2; color:#FFFFFF;}
#indexmenu .a1 a:hover,  #indexmenu .b6 a:hover { background-color:#FFFFFF; color:#DD3322;}

/* uiterlijk menu-linken */
#indexmenu a, #indexmenu a:visited
	{ display:block; background-color:#89A4CC; color:#fff; text-decoration:none; width:160px; border:1px solid #003990; font:bold 12px Verdana; padding:5px;}
#indexmenu a:hover, #indexmenu a:active
	{ color:#DD3322; background-color:#FFFFFF; border:1px solid #003990; }
#indexmenu a:active { color:#DD3322;}






#menu {position:relative; top: 50px; left:-280px; background-color:transparent; margin:50px; }
#menu li { height:40px; margin-left:20px; }
ul, li { display:block; margin:0; padding:0; list-style:none;}

/* donkerblauwe menuknoppen a1 - a6 - b1 - b6 */
#menu .a1 a, #menu .a1 a:visited,
#menu .a7 a, #menu .a7 a:visited,
#menu .b1 a, #menu .b1 a:visited,
#menu .b6 a, #menu .b6 a:visited { background-color:#4E76B2; color:#FFFFFF;}
#menu .a1 a:hover, #menu .a7 a:hover, #menu .b1 a:hover, #menu .b6 a:hover { background-color:#FFFFFF; color:#DD3322;}

/* uiterlijk menu-linken */
#menu a, #menu a:visited
	{ display:block; background-color:#89A4CC; color:#fff; text-decoration:none; width:160px; border:1px solid #003990; font:bold 12px Verdana; padding:5px;}
#menu a:hover, #menu a:active
	{ color:#DD3322; background-color:#FFFFFF; border:1px solid #003990; }
#menu a:active { color:#DD3322;}

/* plaatsen van subknoppen */
.a1, .a2, .a3, .a4, .a5, .a6, .a7,
.b1, .b2, .b3, .b4, .b5, .b6,
.c1, .c2, .c3  {  position:absolute; margin-bottom:0;}
.a1 { top:0px;   } 	    .b1 { top:240px; }	.c1 { top:450px; }
.a2 { top:30px;  }		.b2 { top:270px; }	.c2 { top:480px; }
.a3 { top:60px;  } 		.b3 { top:300px; }	.c3 { top:640px; }
.a4 { top:90px;  }		.b4 { top:330px; }
.a5 { top:120px; }		.b5 { top:360px; }
.a6 { top:150px; } 		.b6 { top:390px; }
.a7 { top:180px; }
/* ---------------------   einde MENU en KNOPPEN --------------------------*/