HTML, BODY
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

BODY
{
	background-color: #ffffff;
	color: #333333;
	cursor: default;
	font-family: verdana;
	font-size: 12px;
}


	/* STANDARD */

	*
	{
		font-family: verdana;
		font-size: 12px;		
	}
		
	* A
	{
		color: inherit;
		font-size: inherit;
	}

	.100p
	{
		width: 100% !important;
	}

	.button
	{
		background-color: #133788;
		border: 0px;
		color: #ffffff;
		cursor: pointer;
		display: block;
		height: auto !important;
		_height: 28px;
		min-height: 22px;
		_overflow-y: hidden;
		padding: 5px 10px 5px 10px;
		_padding: 4px 10px 0px 10px;
	}
	
	.clear
	{
		clear: both !important;
	}

	.left
	{
		float: left !important;
	}
	
	.nofloat
	{
		float: none;
	}
	
	.none
	{
		display: none;
	}

	.right
	{
		float: right !important;
	}
	
	.underline
	{
		text-decoration: underline !important;
	}

	A
	{
		color: #32005A;
		text-decoration: none;
	}
	
		A:hover
		{
			text-decoration: underline;
		}
	
	A IMG
	{
		border: 0px;
	}
	
	DIV.error
	{
		background-color: #ffe1e1 !important;
		border: 1px solid #ff0000 !important;
		color: #ff0000 !important;
		padding: 10px;
		width: 748px;
	}
		
	H1
	{
		font-size: 18px;
		margin: 0px;
		padding: 0px;
	}
	
	H2
	{
		font-size: 16px;
		font-weight: bold;
	}
	
	H3
	{
		font-size: 14px;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
	}
	
	HR.seperator
	{
		border: 0px;
		border-bottom: 2px solid; #000000;
		height: 1px;
		width: 100%;
	}
	
	
	/* FRAMEWORK */
	
	DIV#page
	{
		background-color: #ffffff;
		clear: both;
		float: left;
		height: auto !important;
		height: 100%;
		margin: 0px auto;
		min-height: 100%;
		min-width: 1000px;
		overflow-x: hidden;
		position: relative;
		width: 100%;
	}
	
		DIV#header
		{
			background-color: #183b8b;
			background-image: url(../image/header.jpg);
			background-position: top left;
			background-repeat: no-repeat;
			clear: both;
			float: left;
			height: 152px;
			width: 100%;
		}
		
		DIV#menu
		{
			background-image: url(../image/menu_bg.jpg);
			clear: both;
			float: left;
			height: 36x;
			width: 100%;
		}
		
			DIV#menu A
			{
				color: #ffffff;
				display: block;
				float: left;
				font-size: 12px;
				font-weight: bold;
				padding: 11px 20px 11px 20px;
				text-decoration: none;
			}
			
			DIV#menu A:hover
			{
				text-decoration: underline;
			}
			
			DIV#menu A.actief
			{
				background-image: url(../image/menu_on_bg.jpg);
				background-repeat: repeat-x;
				color: #ffffff;
			}
			
			DIV#menu IMG.seperator
			{
				clear: none;
				float: left;
			}
			
		
		DIV#submenu
		{
			background-image: url(../image/submenu_bg.jpg);
			background-repeat: repeat-x;
			clear: both;
			float: left;
			width: 100%;
		}
		
			DIV#submenu A, DIV#submenu SPAN
			{
				color: #133788;
				float: left;
				font-size: 12px;
				margin: 6px 10px 0px 6px;
				margin-top: 6px;
				text-decoration: none;
			}
			
			DIV#submenu A:hover
			{
				color: #133788 !important;
				text-decoration: underline;
			}
			
			DIV#submenu A.actief
			{
				font-weight: bold;
			}
		
		DIV#middle
		{
			clear: both;
			float: left;
			padding: 20px;
			width: 960px;
		}
		
			DIV#melding
			{
				background-color: #ddffdd;
				border: 1px solid #66ff66;
				margin-bottom: 20px;
				padding: 5px;
				width: 948px; /* border */
			}

			DIV#middle H1
			{
				color: #32005A;
				font-size: 14px;
				margin: 0px;
				padding: 0px;
			}
			
				DIV#middle H1 A
				{
					color: #32005A;
					text-decoration: underline;
				}
				
				DIV#middle H1 A:hover
				{
					color: #333333;
					text-decoration: none;
				}
		
		DIV#footer
		{
			background-color: #183b8b;
			bottom: 0px;
			color: #ffffff;
			left: 0px;
			margin-top: 20px;
			padding: 4px 10px 4px 10px;
			position: absolute;
			right: 0px;
			text-align: right;
			width: auto;
			_width: 980px;
		}
		
			DIV#footer A
			{
				color: #ffffff;
			}
	
	
	/* SCREENS */
	
	/* form */
	
	FORM.form
	{
		clear: both;
		display: block;
		padding-bottom: 20px;
		position: relative;
	}
		
		FORM.form *
		{
			float: left;
		}
		
		FORM.form .label, FORM.form .input
		{
			margin-bottom: 18px;
		}
		
		FORM.form .label
		{
			width: 200px;
		}
		
		FORM.form .input
		{
			border: 1px solid #32005A;
			color: #32005A;
			padding: 4px;
			width: 300px;
		}
		
		FORM.form .button
		{
			margin-right: 10px;
		}
		
		FORM.form BR
		{
			clear: both;
		}
		
	/* login */
	
	.login
	{
		margin: 0px auto;
		padding: 100px 0px 0px 0px;
		width: 520px;
	}
	
		DIV.login
		{
			width: 488px;
		}
	
	
	/* SCREENS */
	
	/* overzicht */
	
	TABLE.overzicht
	{
		line-height: 20px;
		margin-bottom: 20px;
		width: 100%;
	}
	
		TABLE.overzicht TR.kolommen TD
		{
			border-bottom: 1px solid #32005A;
			font-weight: bold;
		}
		
		TABLE.overzicht TR.even TD
		{
		}
		
		TABLE.overzicht TR.oneven TD
		{
			background-color: #ebffc1;
			padding: 2px 0px 2px 0px;
		}
		
			TABLE.overzicht TR TD *
			{
				margin: 0px !important;
			}
			
			TABLE.overzicht tr td a
			{
				margin-left: 5px !important;
			}
		
		TABLE.overzicht A.pagina
		{
			background-color: #32005A;
			clear: none;
			color: #ffffff;
			display: block;
			float: left;
			padding: 5px;
			text-align: center;
			margin-bottom: 5px !important;
			margin-right: 5px !important;
			width: 20px;
		}
		
		TABLE.overzicht A.huidige
		{
			background-color: #8CCC00;
			color: #ffffff;
			padding: 5px;
		}
		
		DIV#overzicht
		{
		}
		
		DIV#zoekresultaten
		{
			display: none;
		}
		
			/*bar*/
			div.bar_container
			{
				border: solid 1px #D1D1D1;
				height: 15px;
				padding: 2px;
				position: relative;
				width: 600px;
			}
			
				div.bar
				{
					background: url('../image/bar.jpg') no-repeat;
					height: 15px;
					position: absolute;
					width: 600px;
					z-index: 1;
				}
				
					div.bar_overlay
					{
						background: #FFFFFF;
						height: 15px;
						position: absolute;
						z-index: 2;
					}
				
					div#bar_left
					{
						filter: alpha(opacity=50);
						opacity: 0.5;
						left: 0;
					}
					
						p#left_p
						{
							background: #DD0000;
							color: #FFFFFF;
							padding: 0 3px;
							position: absolute;
							text-align: center;
							top: 15px;
							width: 26px;
							z-index: 10;
							
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}
					
					div#bar_mid
					{
						background: none;
						border-left: solid 1px #FFFFFF;
						border-right: solid 1px #FFFFFF;
						left: 120px;
					}
					
						p#mid_p
						{
							background: #000000;
							color: #FFFFFF;
							padding: 0 3px;
							position: absolute;
							top: -20px;
							z-index: 10;
							
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}
					
					div#bar_right
					{
						left: 200px;
						filter: alpha(opacity=50);
						opacity: 0.5;
					}
					
						p#right_p
						{
							background: #00DD00;
							color: #FFFFFF;
							padding: 0 3px;
							position: absolute;
							top: 15px;
							z-index: 10;
							
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}
					
					div#mid_line
					{
						background: #000000;
						height: 23px;
						position: absolute;
						width: 1px;
						top: -8px;
						z-index: 13;
					}
					
					div#left_line
					{
						background: #DD0000;
						height: 23px;
						position: absolute;
						width: 1px;
						top: 0px;
						z-index: 10;
					}
					
					div#right_line
					{
						background: #00DD00;
						height: 23px;
						position: absolute;
						width: 1px;
						top: 0px;
						z-index: 12;
					}
	
	/* form */
	
	.inactive
	{
		color: red;
	}
	
	FORM.form
	{
		margin: 0px;
		padding: 0px;
	}
		
		FORM.form *
		{
			float: left;
		}
		
			FORM.form TABLE, FORM.form TABLE *
			{
				float: none;
			}
		
	
		FORM.form BR, FORM.form H2
		{
			clear: both;
			display: block;
			width: 100%;
		}
		
		FORM.form .label, FORM.form .input
		{
			margin-bottom: 18px;
		}
		
		FORM.form .label
		{
			width: 200px;
		}
		
			FORM.form .small			
			{
				width: 100px !important;
			}
		
		FORM.form .input
		{
			border: 1px solid #32005A;
			color: #32005A;
			padding: 4px;
			width: 300px;
		}
		
		FORM.form SELECT.input
		{
			width: 310px;
		}		
		
		FORM.form TEXTAREA.input
		{
			height: 80px;
		}
		
		FORM.form .buttons
		{
			float: none !important;
			margin: 0px;
			padding: 0px;
			width: auto;
		}
		
			FORM.form .buttons .button
			{
				margin: 0px 0px 0px 10px;
			}
			
			FORM.form .buttons .left
			{
				margin: 0px 10px 0px 0px;
			}
		
		FORM.form .button
		{
			margin-right: 10px;
		}
		
	/* STATISTIEKEN */
	
	TABLE.stats TR TD
	{
		padding: 2px;
	}
	
	TABLE.stats TR TD.first_column
	{
		padding-right: 10px;
	}
	
	TABLE.stats TR TD.down
	{
		background-color: #ff0000;
	}
	
	TABLE.stats TR TD.equal
	{
		background-color: #ff8800;
	}
	
	TABLE.stats TR TD.unknown
	{
		background-color: #0000ff;
		color: #ffffff;
	}
	
	TABLE.stats TR TD.up
	{
		background-color: #00ff00;
	}
	
	
	/* ZOEKRESULTAAT */
	
	/* google */
	
	DIV.google H1, DIV.google H1 *
	{
		color: #0000ff !important;
		font-size: 14px !important;
	}
	
	DIV.google P
	{
		color: #000000 !important;
		font-size: 12px !important;
	}
	
		DIV.google P CITE, DIV.google P SPAN
		{
			display: none;
		}
	
	DIV.google A
	{
		color: green !important;
	}
    
    
/* RAPPORTAGE */

div#loader
{
    border: solid 1px #d1d1d1;
    height: 10px;
    padding: 2px;
    width: 400px;
}
    
    div#loader div#progress
    {
        background: #00dd00;
        height: 10px;
        width: 0;
    }