<!--

	/* ---------- basis-classes die over de gehele site gebruikt worden ---------- */

	/* ###################################### Tag default settings ##################################### */

	BODY 		{ font-size: 11px;
			  font-family: arial, helvetica;
			  color: black;
			  font-weight: normal;
			  padding: 0px 0px 0px 0px;
			  margin: 0px 0px 0px 0px;
			  text-align: left;
			  vertical-align: top;
			  background: white;
			}

	TABLE		{ border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	TD 		{ border: none; font-size: 11px; font-family: arial, helvetica; color: black; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; vertical-align: top; }
	UL		{ list-style-position: outside; list-style-type: square; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; }
	DIV		{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	SPAN		{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	H1		{ font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

	FORM		{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	SELECT		{ font-size: 11px; font-family: arial, helvetica; color: black; font-weight: normal; border: solid 1px #000000; background: #ffffff; padding-left: 2px; }
	INPUT		{ font-size: 11px; font-family: arial, helvetica; color: black; font-weight: normal; border: solid 1px #000000; background: #ffffff; padding-left: 2px; }

	TEXTAREA	{ font-size: 11px; font-family: arial, helvetica; color: black; font-weight: normal; border: solid 1px #000000; background: #ffffff; padding-left: 2px; }
	IMG		{ margin: 0px 0px 0px 0px; border: none; }
	HR		{ margin: 0px 0px 0px 0px; border: none; width: 100%; height: 1px; color: #c0c0c0; }

	A:link		{ color: #000000; text-decoration: underline; }
	A:active	{ color: #3457AF; text-decoration: none; }
	A:visited	{ color: #000000; text-decoration: underline; }
	A:hover		{ color: #3457AF; text-decoration: none; }

	.handje		{ cursor:pointer; cursor:hand; }
	.borderless	{ border:none; }

	/* ###################################### Shared Items ###################################### */

	A.noul:link		{ color: #000000; text-decoration: none; }
	A.noul:active	{ color: #3457AF; text-decoration: underline; }
	A.noul:visited	{ color: #000000; text-decoration: none; }
	A.noul:hover	{ color: #3457AF; text-decoration: underline; }

	A.glnk:link		{ color: #606060; text-decoration: underline; }
	A.glnk:active	{ color: #000000; text-decoration: none; }
	A.glnk:visited	{ color: #606060; text-decoration: underline; }
	A.glnk:hover	{ color: #000000; text-decoration: none; }

	A.wit:link		{ color: #ffffff; text-decoration: underline; }
	A.wit:active	{ color: #ffffff; text-decoration: none; }
	A.wit:visited	{ color: #ffffff; text-decoration: underline; }
	A.wit:hover		{ color: #ffffff; text-decoration: none; }

	A.bld			{ font-weight: bold; }

	IMG.but			{ width: 11px; margin: 1px 0px 0px 5px; border: none; vertical-align: middle; cursor: hand; }
	IMG.but15		{ width: 15px; height: 15px; margin: 1px 0px 1px 0px; border: none; cursor: hand; }
	IMG.buth15		{ height: 15px; margin: 0px 0px 0px 0px; border: none; cursor: hand; }
	IMG.buthm15		{ height: 15px; cursor: hand; vertical-align: middle; }
	IMG.buth14		{ height: 14px; margin: 0px 0px 0px 0px; border: none; cursor: hand; }
	IMG.gdbut		{ cursor: hand; margin-right: 5px; }
	IMG.lr3			{ margin: 0px 3px 0px 3px; }
	IMG.blinfo		{ width: 11px; margin-left: 5px; margin-bottom: 2px; cursor: hand; }
	IMG.blinf2		{ height: 11px; cursor: hand; margin-right: 3px; vertical-align: middle; margin-top: 2px; }
	IMG.lnk			{ height: 9px; margin: 1px 1px 0px 1px; vertical-align: middle; }
	IMG.radio		{ width: 8px; height: 8px; cursor: hand; margin-right: 5px; }
	IMG.help		{ margin-right:5px; vertical-align:middle; }

	.notxt		{ font-style:italic; color:#666; }

	SPAN.softitalic	{ font-style: italic; color: #808080; }
	SPAN.reditalic	{ color: #e00; }
	DIV.header		{ width: 470px; height: 17px; overflow:hidden; text-align: left; color: white; padding: 1px 0px 1px 5px; background: url('../gfx/sys_hd17.gif') repeat-x top left; margin-top: 5px; margin-bottom: 5px; font-weight: bold; }
	DIV.error		{ color:#f02000; background:#ffffe0; border:1px solid #f02000; font-family:arial; font-size:10px; line-height:11px; padding:3px; font-weight:normal; text-align:left; overflow:hidden; width:100%; }
	DIV.timing		{ background:#e0e0ff; color:#202080; border:1px solid #202080; padding:3px; }

	/* ###################################### Main layout ##################################### */

	DIV.blockset	{ z-index: 1; position: absolute; left:0px; top:0px; visibility: visible; }
	DIV.prttitle	{ font-size: 14px; font-weight: bold; background: white; color: black; padding: 10px 0px 5px 0px; border-bottom: 1px solid #a0a0a0; }
	DIV.prtsub	{ font-size: 9px; background: white; color: black; padding: 5px 0px 5px 0px; }

	/* ###################################### Menu basic layout ##################################### */

	TABLE.menu	{ z-index: 2; position: absolute; visibility: hidden; }
	TD.menu		{ cursor: hand; vertical-align: middle; }
	FONT.menu	{ background: none; }

	DIV.menu	{ z-index: 2; position: absolute; visibility: hidden; }

	/* ###################################### Newsticker ##################################### */

	IMG.bgticker	{ z-index: 3; position: absolute; visibility: hidden; border: none; }
	DIV.ticker	{ position: absolute; left: 0px; top: -50px; z-index: 4; visibility: visible; cursor: pointer; cursor: hand; }

	/* ###################################### Help Mouseover ###################################### */

	TABLE.helpsmall	{ z-index: 6; position: absolute; left: 0px; top: 0px; visibility: hidden; }
	TD.helpsmall	{ width: 200px; padding: 3px 1px 3px 1px; }
	SPAN.helpsmall	{ width: auto; background: white; border: 1px solid #808080; padding: 0px 2px 0px 2px; color: black; font-size: 11px; line-height: 14px; }

	SPAN.helpbig	{ z-index:6; position:absolute; visibility:hidden; width:130px; }
	DIV.helpbigc	{ width:130px; background:white; border:1px solid #808080; font-size:11px; padding:2px; line-height:13px; }

	/* ###################################### Specifieke items ##################################### */

	TABLE.contlink	{ z-index: 6; position: absolute; left: 0px; top: 0px; visibility: hidden; border: 1px solid #717D8D; border-top: none; }

	TD.edmenuh	{ height: 17px; width: 270px; text-align: center; background: #9B9FA8; color: white; font-weight: bold; padding: 1px 0px 1px 0px; font-size: 12px; background-image: url('../gfx/sys_hd17.gif'); }
	TD.edmenul	{ height: 45px; width: 125px; background: white; padding: 5px 0px 0px 10px; }
	TD.edmenur	{ height: 45px; width: 125px; background: white; padding: 5px 0px 0px 10px; }
	TD.edmenuw	{ height: 25px; width: 260px; background: white; padding: 0px 0px 0px 10px; }
	TD.edmenuc	{ height: 25px; width: 270px; background: white; padding: 0px 0px 0px 0px; text-align: center; }
	TD.contlink	{ height: 90px; width: 270px; background: white; padding: 5px 0px 5px 0px; text-align: center; }
	TD.spreset	{ width: 270px; background: white; padding: 5px 0px 5px 0px; }

	DIV.notewarn	{ width:100%; color:#702000; background:#FFD76B url(../gradient.php?tcol=FEFECD&bcol=FFD76B&imgw=2&imgh=50) repeat-x top left; border:2px solid #FF6C00; font-size:11px; margin:2px; padding:2px; font-weight:normal; font-style:normal; text-align:left; font-family:arial; }
	DIV.noteokay	{ width:100%; color:#004000; background:#85E685 url(../gradient.php?tcol=F7FDF7&bcol=85E685&imgw=2&imgh=50) repeat-x top left; border:2px solid #209B20; font-size:11px; margin:2px; padding:2px; font-weight:normal; font-style:normal; text-align:left; font-family:arial; }

	DIV.left	{ width: 130px; text-align: center; color: white; padding: 20px 0px 0px 0px; font-size: 10px; line-height: 10px; }
	DIV.center	{ width: 502px; padding: 20px 0px 0px 18px; }
	DIV.right	{ width: 120px; text-align: left; padding: 20px 0px 0px 20px; font-size: 10px; line-height: 11px; }

	DIV.bigtitle	{ margin: 0px 0px 5px 0px; font-weight: bold; font-size: 14px; }
	DIV.subtitle	{ margin: 0px 0px 5px 0px; font-weight: bold; font-size: 14px; }
	DIV.swtitle	{ margin: 0px 0px 2px 0px; font-weight: bold; font-size: 11px; }
	DIV.sbtitle	{ margin: 0px 0px 2px 0px; font-weight: bold; font-size: 11px; }

	DIV.small	{ margin: 0px 0px 10px 0px; }
	DIV.vspace	{ margin: 0px 0px 2px 0px; }
	DIV.textright	{ text-align: right; }
	DIV.textcenter	{ text-align: center; }
	DIV.smallcenter	{ padding-top: 5px; text-align: center; font-size: 10px; color: #707070; }
	DIV.bigcenter	{ padding-top: 5px; text-align: center; font-size: 12px; color: black; }

	DIV.ftbar	{ width: 120px; z-index: 2; position: absolute; visibility: hidden; border: 1px solid #d0d0d0; background: #f5f5f5; line-height: 18px; font-size: 10px; padding: 4px 0px 4px 8px; }

	IMG.picleft	{ margin: 0px 10px 5px 0px; border: none; }
	IMG.picright	{ margin: 0px 0px 5px 10px; border: none; }
	IMG.pictop	{ margin: 0px 0px 5px 0px; border: none; }
	IMG.picbottom	{ margin: 5px 0px 0px 0px; border: none; }

	IMG.tstyle	{ vertical-align: text-bottom; margin: 0px 0px 0px 4px; border: none; cursor: hand; }

	INPUT.bigtitle	{ width: 500px; height: 20px; font-size: 14px; font-weight: bold; margin-bottom: 1px; }
	INPUT.subtitle	{ width: 240px; height: 20px; font-size: 14px; font-weight: bold; margin-bottom: 1px; }
	INPUT.swtitle	{ width: 100px; height: 15px; font-size: 10px; font-weight: normal; margin-bottom: 1px; }
	INPUT.sbtitle	{ width: 100px; height: 15px; font-size: 10px; font-weight: normal; margin-bottom: 1px; }
	INPUT.editmenu	{ width: 120px; height: 17px; font-size: 10px; border: 1px solid #606060; padding-left: 3px; }
	INPUT.editmenu2	{ width: 250px; height: 17px; font-size: 10px; border: 1px solid #606060; padding-left: 3px; }
	INPUT.contlink	{ width: 230px; height: 17px; font-size: 11px; border: 1px solid #606060; }

	SELECT.editmenu	{ width: 120px; height: 17px; font-size: 10px; border: 1px solid #606060; padding-left: 3px; }
	SELECT.contlink	{ width: 230px; height: 17px; font-size: 11px; border: 1px solid #606060; }
	SELECT.selgrps	{ width: 200px; height: 18px; font-size: 11px; border: 1px solid #606060; }

	TEXTAREA.column	{ width: 240px; height: 125px; }
	TEXTAREA.box500	{ width: 500px; height: 250px; }
	TEXTAREA.small	{ width: 100px; height: 50px; font-size: 10px; margin: 0px 0px 0px 0px; line-height: 11px; }

	.hover		{ cursor: hand; text-decoration: underline; color: #3457AF; }
	.hoverwit	{ cursor: hand; text-decoration: underline; color: white; }

	/* ###################################### Login Button & Box ###################################### */

	INPUT.login		{ font-size:11px; width:80px; height:19px; border-top:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #000000; border-bottom:1px solid #000000; background:url(../gfx/loginbg.gif) top left repeat-x; }
	INPUT.usrpwd	{ font-size:11px; width:100%; height:19px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #808080; border-bottom:1px solid #808080; background:#fff; }
	INPUT.logcheck	{ margin-right:3px; padding:0px; border:none; width:15px; height:15px; vertical-align:middle; background:transparent; }

	/* ###################################### Notes ##################################### */

	TABLE.note	{ z-index: 6; position: absolute; visibility: visible; border: 1px solid black; }
	TEXTAREA.notec	{ width: 250px; height: 150px; border: none; font-size: 13px; }
	IMG.noteb	{ width: 11px; margin: 2px 2px 0px 0px; }

	TD.notehd1	{ width: 200px; height: 16px; cursor: default; }
	TD.notehd2	{ width: 50px; height: 16px; text-align: right; }
	TD.notetxt	{ width: 250px; height: 150px; font-size: 13px; }
	TD.notealt	{ width: 244px; height: 150px; font-size: 13px; color:#404040; font-style: italic; padding:3px; }
	TD.notedrg0	{ width: 250px; height: 7px; cursor: pointer; cursor: n-resize; background-repeat: repeat-x; }
	TD.notedrg1	{ width: 250px; height: 1px; background-repeat: repeat-x; }

	DIV.onote	{ width: 360px; position: absolute; z-index: 4; visibility: visible; }
	DIV.onotehd	{ padding: 1px 0px 0px 3px; width: 360px; border: 1px solid black; border-bottom: none; background-repeat: repeat-x; background-position: top left; }
	DIV.onotetxt	{ width: 360px; font-size: 13px; border-left: 1px solid black; border-right: 1px solid black; }
	DIV.onotealt	{ width: 360px; font-size: 13px; border-left: 1px solid black; border-right: 1px solid black; color:#404040; font-style: italic; padding:3px; }
	DIV.onotesz	{ width: 360px; }
	TEXTAREA.onote	{ width: 358px; border: none; font-size: 13px; padding:3px; }
	IMG.notec	{ width: 11px; margin: 1px 2px 0px 1px; float:right; }
	IMG.onotesize	{ vertical-align:top; width:358px; height:7px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; cursor: pointer; cursor: n-resize; }

	/* ###################################### Misc admin spul ##################################### */

	.AutoCompleteBackground	{ padding: 0px 1px 0px 1px; font-size: 11px; color: black; background-color: #ffffff; }
	.AutoCompleteHighlight 	{ padding: 0px 1px 0px 1px; font-size: 11px; color: white; background-color: #202080; cursor: pointer; cursor: hand; }
	.AutoCompletePopbox	{ border: 1px solid black; background-color:white; position:absolute; visibility:hidden; z-index:1; }

	DIV.busyreq	{ z-index: 5; position: absolute; visibility: hidden; width: 150px; padding: 5px 0px 5px 0px; text-align: center; vertical-align: middle; border: 1px solid black; background: white; background-image: url('../gfx/waitbg.gif'); }

	/* ###################################### Pagetree ##################################### */

	DIV.pgtree	{ position: absolute; z-index: 5; left: 5px; top: 24px; visibility: hidden; }
	DIV.pgtree2	{ width: 250px; height: 100px; background: white; border: 1px solid black; padding: 1px 2px 2px 2px; overflow-y: auto; text-align: left; }
	IMG.transl	{ width: 13px; margin: 1px 3px 0px 0px; }
	DIV.treeitem	{ width: 100%; height: 15px; overflow-y: hidden; }
	DIV.treemap	{ width: 100%; height: 15px; overflow-y: hidden; color:#505050; cursor: pointer; cursor: hand; }
	IMG.treeitem	{ width: 15px; vertical-align:top; }
	IMG.treemap	{ width: 15px; vertical-align:top; margin-right:3px; }
	IMG.pageicon	{ margin-right: 3px; vertical-align:middle; }

-->