body	{/* background-color: #87BDCB; */ font-family: Arial, Helvetica, sans-serif; font-size: 0.80em;}

body.vacancy-extern #canvas	{background-image: none !important}

#canvas	{width: 950px; margin: 0 auto; border: 1px solid #999; position: relative;
	background-color: #fff; background-repeat: no-repeat; background-position: top right;}

#mainmenu ul	{margin: 0; padding: 0; position: absolute; top: 0; left: 275px; border-left: 1px solid silver;}
#mainmenu li	{list-style-type: none; display: block; float: left; width: 97px; height: 121px;
				text-transform: uppercase; text-align: center; border-right: 1px solid silver;}
#mainmenu li a	{padding-top: 80px; display: block; color: #616161; font-size: 0.95em; height: 41px; background-color: white}
#mainmenu li.current	{background: white url(../img/top_gradient.gif) no-repeat top left;}
#mainmenu li.current a	{background-color: transparent} /* ivm volledige aanklikbaarheid in IE6 */

#container	{margin: 40px 0;}

	#submenu	{width: 217px; height: 200px; float: left;
		background-repeat: no-repeat; background-position: top left;}
	
	#submenu ul	{margin: 0; padding: 0;}
	#submenu li	{height: 20px; padding: 5px 10px; list-style-type: none;}
	#submenu a	{color: #616161; display: block; width: 100%; height: 100%;}
	
	body#about #submenu	{background-image: url(../img/gradient_aboutus.gif);}
	body#join #submenu	{background-image: url(../img/gradient_aboutus.gif);} /* was 4 opties: gradient_joinus.gif */
	body#reach #submenu	{background-image: url(../img/gradient_reachus.gif);}
	
	#content	{margin-left: 275px; width: 440px; line-height: 1.5}
	
#fluff	{background-color: #0061a0; height: 38px; clear: both;}
#foot	{padding: 5px 10px;}
#foot a	{color: gray; font-size: 0.8em;}

h1, a	{color: #0061a0}
a		{text-decoration: none;}
a:hover	{text-decoration: underline;}

a img	{border: none}

.button	{background-color: #e5eff5; border: 1px solid #72a8ca; color: #72a8ca; font-weight: bold; text-transform: lowercase}

h1	{font-size: 2.2em}
h2	{font-size: 1.1em; margin-bottom: 0;}
h3	{font-size: 1em}

p	{margin-top: 0}

ul.box	{margin: 10px 0; padding: 7px 0 0 0; 
	background: url(../img/kader_boven.gif) no-repeat top left;}
ul.box li	{list-style-type: none; padding: 0px 10px; margin: 0;
	background: url(../img/kader_midden.gif) repeat-y top left;}
ul.box li.laatste {height: 7px; padding: 0; margin: 0; 
	background: url(../img/kader_onder.gif) no-repeat top left;}
		
table	{text-align: left; vertical-align: top}
	
body#popup	{background-color: white; background-image: none; font-size: 70%;}
body#popup div#navbar	{border-top: 1pt solid silver; text-align: center; padding-top: 5px;}
