html,body	{height: 100%}
body	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75%; margin: 0; padding: 0;}
form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%;}
form,table,p	{font-size: 100%;}

	/* Ivm regenboogbalk een extra achtergrond plaatsen. */
	html, body#home	{background-position: center; background-repeat: repeat-y;
			background-image: url(../img/shim.gif); background-color: #63637F;}
	body#main	{background: url(../img/bottom.jpg) no-repeat fixed bottom center;} 

/* Layout elementen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
#canvas		{width: 740px; margin: 0 auto;}
#vakgeb		{border-top: 4px solid #010066; background-color: white;}

#fluff		{background: url(../img/shim_top.gif) repeat-y top left; height: 13px}
#container	{float: left; color: white;}
#menu		{width: 140px; float: left; overflow: hidden;}
#sidebar	{width: 125px; margin: 20px 0; float: left;}

#content	{width: 445px; margin: 0 5px; float: left; padding: 10px; }

/* Uitzonderingen homepage +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
body#home			{background-image: none; padding: 20px}
body#home h1		{display: none;}
body#home #canvas	{background-color: #010066; border: 1px solid #010066; /* border tegen inklappen in firefox */}
body#home #content	{float: none; width: 440px; background-color: white; margin: 50px auto 10px auto;}
body#home #nav		{width: 440px; color: white; margin: 10px auto;}
body#home #nav a, body#home #adres a	{color: white; text-decoration: none;}
body#home #adres	{background-color: #323288; color: white; text-align: center; margin: 40px 0 10px 0; padding: 2px;}
body#home img		{border: 1px solid #110067; margin: 0 6px 6px 0}

/* Vakgebieden bovenaan pagina +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

#vakgeb img			{margin: 5px 7px;}
#vakgeb img#logo	{margin: 5px 15px 3px 15px;}

/* Menu en sidebar +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
#menu ul	{margin: 15px 0; padding: 0 0 0 25px;}
#menu li	{list-style-type: none; margin: 3px 0; list-style-image: url(../img/menu/blokje.gif);}
#menu li a:hover {text-decoration: underline;}

#menu li.opt1 {list-style-image: url(../img/menu/blokje_over1.gif);}
#menu li.opt2 {list-style-image: url(../img/menu/blokje_over2.gif);}
#menu li.opt3 {list-style-image: url(../img/menu/blokje_over3.gif);}
#menu li.opt4 {list-style-image: url(../img/menu/blokje_over4.gif);}
#menu li.opt5 {list-style-image: url(../img/menu/blokje_over5.gif);}
#menu li.opt6 {list-style-image: url(../img/menu/blokje_over6.gif);}
#menu li.opt7 {list-style-image: url(../img/menu/blokje_over7.gif);}
#menu li.opt8 {list-style-image: url(../img/menu/blokje_over8.gif);}
#menu li.opt9 {list-style-image: url(../img/menu/blokje_over9.gif);}
#menu li.opt10 {list-style-image: url(../img/menu/blokje_over10.gif);}
#menu li.opt11 {list-style-image: url(../img/menu/blokje_over11.gif);}			
			
/* #menu li.opt1 a:hover, #menu li.opt1 a.current	{list-style-image: url(../img/menu/blokje_over1.gif);}
#menu li.opt2 a:hover, #menu li.opt2 a.current	{list-style-image: url(../img/menu/blokje_over2.gif);}
#menu li.opt3 a:hover, #menu li.opt3 a.current	{list-style-image: url(../img/menu/blokje_over3.gif);}
#menu li.opt4 a:hover, #menu li.opt4 a.current	{list-style-image: url(../img/menu/blokje_over4.gif);}
#menu li.opt5 a:hover, #menu li.opt5 a.current	{list-style-image: url(../img/menu/blokje_over5.gif);}
#menu li.opt6 a:hover, #menu li.opt6 a.current	{list-style-image: url(../img/menu/blokje_over6.gif);}
#menu li.opt7 a:hover, #menu li.opt7 a.current	{list-style-image: url(../img/menu/blokje_over7.gif);}
#menu li.opt8 a:hover, #menu li.opt8 a.current	{list-style-image: url(../img/menu/blokje_over8.gif);}
#menu li.opt9 a:hover, #menu li.opt9 a.current	{list-style-image: url(../img/menu/blokje_over9.gif);}
#menu li.opt10 a:hover, #menu li.opt10 a.current	{list-style-image: url(../img/menu/blokje_over10.gif);}
#menu li.opt11 a:hover, #menu li.opt11 a.current	{list-style-image: url(../img/menu/blokje_over11.gif);} */			

#menu ul ul		{font-size: 0.9em; margin: 10px 0; padding: 0;}
#menu ul ul li	{list-style-image: none; margin: 0; padding: 0;}
#menu li li a.current {list-style-image: url(../img/pijltje_sub.gif);}

#menu a, #sidebar a	{color: white;}
#sidebar form		{margin-bottom: 30px;}
#sidebar a			{border: 1px solid white; width: 75px; /* height: 18px; */ 
					display: block; padding: 2px 0 2px 30px; font-weight: bold;}
#sidebar a.home		{background: #7676AC url(../img/home_icon.gif) no-repeat 2px;}
#sidebar a.contact	{background: #7676AC url(../img/mail_icon.gif) no-repeat 2px;}
#sidebar a.over		{background: #7676AC url(../img/info_icon.gif) no-repeat 2px;}
#sidebar a:hover	{text-decoration: none;}
	
/* Overigen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
h1	{font-size: 140%; margin-bottom: 20px; /* display: none; */}
h2	{font-size: 110%; margin-bottom: 0}
h3	{font-size: 100%;}

p	{margin-top: 0}

th		{text-align: left; font-weight: bold}
td,th	{vertical-align: top}
table form th	{font-weight: normal}
table.contact th	{font-weight: normal; text-align: left;}

/* #content table	{border: 1px solid white; border-collapse: collapse; width: 100%}
#content table tr td, #content table tr th {border: 1px solid white; border-width: 1px 0 0 1px; padding: 3px;}
#content table tr th {background-color: #00006B; color: white} */

a	{/* color: white; */ text-decoration: none;}
a:hover	{text-decoration: underline;}
a img	{border: none;}
#content a {text-decoration: underline; color: white;}

.button	{border: 1pt solid black;}
hr	{height: 1pt; noshade; color: gainsboro;}

.even	{background-color: white}
.oneven	{background-color: whitesmoke}
.klein	{font-size: 0.8em;}

fieldset	{margin-bottom: 10px; border: 1px solid #7676AC; padding: 10px;}
fieldset legend		{font-weight: bold; margin-bottom: 10px;}
fieldset table th	{font-weight: normal; text-align: left;}