body {
	margin 						:0px;
	scrollbar-face-color		:#E0F0FF;
	scrollbar-shadow-color		:#E0F0FF;
	scrollbar-highlight-color	:#E0F0FF;
	scrollbar-3dlight-color		:#E0F0FF;
	scrollbar-darkshadow-color	:#014788;
	scrollbar-track-color		:#014788;
	scrollbar-arrow-color		:#014788;
	background-image			:url(../img/raster.gif);
	font						:12px  Verdana, Arial, Helvetica, sans-serif;
}

/* 
	De outer div omsluit alle andere divs en kan zo gemakkelijk gebruikt 
	worden om een rand om de hele layout heen te trekken.
*/
#outer {
	text-align					:left;
	width						:775px;
	margin						:auto;
}
/* Dit is de hoofd div (boven aan de pagina)*/
#header {
	height						:120px;
	background-image			:url(../img/top.jpg);
}
/* Dit is de hoofdnavigatie div (boven aan de pagina)*/
#navbar {
	height						:20px;
	color						:#FFF;
	background					:#FF9900;
	font-weight					:bold;
	text-transform				:capitalize;
	padding						:2px 0 0 0px
}
/* Binnen de ul tag in de div "navbar" bevind zich het hoofdmenu */
#navbar ul {
	list-style					:none;
	margin						:0;
	padding						:0;
}
/* Elk menu item wordt weer ingesloten in een li tag */
#navbar li{
	margin						:0;
	padding						:0 0 0 12px;
	/* 
		Float geeft aan of items zich naast elkaar kunnen bevinden en zo ja aan welke kant.
		In dit geval zal een volgende li tag rechts vershijnen. 
		Hiervoor zal float op left moeten staan om aan de linkerkant items aan te kunnen laten schuiven.
	*/ 
	float						:left;
}
/* LINKS IN HET MENU IN VERSHILLENDE TOESTANDEN */
#navbar a:link, 
#navbar a:visited {
	text-decoration 			:none;
	color 						:#000;
} 
#navbar a:active,
#navbar a:hover{
	text-decoration 			:none;
	color						:#FFF;
} 
/* DE LINK NAAR DE PAGINA DIE MOMENTEEL ACTIEF IS */  
#navbar li.active a:link,
#navbar li.active a:visited{
	text-decoration				:underline;
}  
#navbar li.active a:active,
#navbar li.active a:hover{

}
/* PAGINA IN HET HOOFDMENU */
#navbar li.page{
	background-image				: url(../img/menu_seperator.gif);
	background-repeat				: no-repeat;
	background-position				: 5px .4em;
}
/* CATEGORIE IN HET HOOFDMENU */
#navbar li.folder{
	background-image				: url(../img/menu_seperator.gif);
	background-repeat				: no-repeat;
	background-position				: 5px .4em;
}
/* Binnen de ul tag in de div "leftcol" bevind zich het submenu */
#submenu{
	font-weight						:bold;
	float							:none;
	clear							:both;
	margin							:10px 0 0 5px;
}
#submenu ul {
	margin							:0 0 0 0;
	padding							:0 0 0 0;
	list-style						:none;
}
/* EERSTE NIVEAU IN HET SUBMENU */
#submenu li{
	margin							:0;
	padding							:0 0 0 14px;
	list-style						:none;
}
/* TWEEDE NIVEAU IN HET SUBMENU */
#submenu li ul li{
	margin							:0;
	padding							:0 0 0 14px;
	font-weight						:normal;
}
#submenu li.active li a:link,
#submenu li.active li a:visited{
	color							:#FFF;
}
/* LINKS IN HET SUBMENU */
#submenu a:link, 
#submenu a:visited {
	text-decoration 				:none;
	color 							:#FFF;
} 
#submenu a:active,
#submenu a:hover{

}
/* Een pagina in het menu */ 
#submenu li.page{
	background-image			:url(../img/page.gif);
	background-repeat			:no-repeat;
	background-position			:.1em .4em;
}
/* Een categorie in het menu */ 
#submenu li.folder{
	background-image			:url(../img/folder.gif);
	background-repeat			:no-repeat;
	background-position			:.1em .4em
}

/* DE LINK NAAR DE PAGINA DIE MOMENTEEL ACTIEF IS */
#submenu li.active{
	padding						:0 0 0 14px;
	background-image			:url(../img/active.gif);
	background-repeat			:no-repeat;
	background-position			:.1em .4em;
}
#submenu li.active a:link,
#submenu li.active a:visited,
#submenu li.active a:active,
#submenu li.active a:hover{
	color 						:#FF9900;
}
/* HET LOGINSCHERM VERSCHIJNT IN EEN DIV EXTRANET */
#extranet{
	padding					:10px 0 0 0;
	font-weight				:normal;
	width					:100%
}
/* HET KRUIMELPAD VERSCHIJNT IN EEN DIV CRUMBTRAIL */
#crumbtrail{
	padding					:0 0 0px 0;
}

/* Dit is de content div*/
#content {
	/* 
		De breedte van dit vlak hangt sterk samen met de padding die opgegeven wordt.
		Waneer je bij padding de de marges groter maakt zal je de breedte moeten verkleinen.
	*/
	width					:95%;
	height					:100%;
	background				:#FFF;
	text-align				:left;
	border					:1px solid #E0F0FF;
	padding					:15px;
}

/* Dit is de voet div*/
#footer{
	text-align				:center;
	height					:20px;
	background				:#FF9900;
	color					:#FFF;
	padding					:0 10px 0 10px;
}
.checkbox {
	border					:0px;
	width					:auto;
}
/* 
	DE ONDERSTAANDE CLASS WORDT TOEGEKEND AAN DE BODY VAN HET POPUPVENSTER 
	hierdoor is het mogelijk om aan een popup een ander uiterlijk te geven als de site.
	Zo kun je bivoorbeeld de marges, de tekst keur, de tekst uitlijing, de achtergrondkleur enz. 
	opgeven voor een popup.
*/
.popupcontent{
	margin					:10px;
	color					:#000;
	background				:#FFF;
}
form{
	margin					:0px;
}
/* De pgaina titel bevindt zich tussen de h1 tag */
input ,select, textarea {
	font-family				:Verdana, Arial, Helvetica, sans-serif;
	font-size				:95%;
	border					:1px solid #666666;
	position				:relative; /* fix for the menu script */
}
textarea{
	position				:relative; /* fix for the menu script */
	width					:99%;
}
input.text{
	width					:99%;
	text-transform			:none;
}
select.text{
	position				:relative; /* fix for the menu script */
	width					:100%;
}