/*--- ALGEMEEN ---*/

HTML { 
	height: 100%; }

BODY {
	background: #99acb2 url('/ehs/images/system/bg.jpg') no-repeat fixed right bottom; height: 100%; 
	margin: 0px; 
	padding: 0px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 0.8em;
	color: #000000;
	text-align: center }

P { 
	margin: 0 0 20px 0;
	padding: 0; }
	
A {
	color: #EB2A2E;
	text-decoration: none; }

A:hover {
	color: #000000;
	text-decoration: none; }

IMG {
	border: 0; }

H1 {font-size: 1.0em; margin: 0; padding: 0; }
H2 {font-size: 0.9em; margin: 0; padding: 0; }
H3 {font-size: 1em; margin: 0; padding: 0; }
H4 {font-size: 1em; margin: 0; padding: 0; }

TABLE {
	border-collapse: collapse;}

TD {
	text-align: left;
	vertical-align: top; }

/*--- BASIS ---*/

#all {
	
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%;
	text-align: left;
	
	margin: 0 0 0 10px; }

/*--- CONTENT ---*/

#content {
	display: block;
	position: relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%;
	margin-bottom: 2px;
	background-color: #FFFFFF;
	text-align: left;
	width: 760px;
border: solid 2px #009c5f;	
 }

/*--- TOP ---*/

#top {
	margin: 0;
	padding: 0;
	text-align: left;
	height: 166px;
	width: 760px; }

	#top IMG {
		margin: 0 5px 0 0; }
	
	#top IMG.laatste {
		margin: 0px; }

/*--- MENU ---*/
#menu {
	position: absolute;
	display: block;
	width: 160px; 
	padding: 0;
	color: #1B2C5C;
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 8pt;
	letter-spacing: 0.1em; }

#menu UL {
		margin:14px 0px 0px 0px;
		list-style-type: none;
		padding: 0; 
}
	
	#menu UL LI {
		margin: 8px; 
}
	
	#menu UL LI A {
		padding: 3px;
		border: solid 1px red;
		display: block;
        background: #009c5f;
		color: #fff; }
	
	#menu UL LI A:hover {
		border: solid 1px red;
		color: #009c5f; 
		background: #fff;
		
		}
	
	#menu UL LI A.selected {
		border: solid 1px red;
		color: #009c5f; 
		
 background: #fff;
}
/*--- TEXT ---*/

#text { 
	display: block;
	margin-left: 160px;
	width: 550px;
	min-height: 300px;
	padding: 14px 15px 15px 15px; }

	#text h1 {
		padding: 0;
		margin: 0 0 15px 0;
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 13pt;
		letter-spacing: 0.1em; }
	
	#text h2 {
		padding: 0;
		margin: 0 0 5px 0;
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11pt;
		letter-spacing: 0.1em; }

	#text ul {
		margin: 0px 0 25px 0; 
		padding: 0px; }
	
		#text ul li {
			margin-left: 18px;
			list-style-type: square; }
			
/*--- FOOTER ---*/

#footer {
	position: relative;
	text-align: left;
	width: 760px;
	padding: 0;
	color: #FFFFFF; 
}

	#footer .bottom { 
		margin: 5px 8px 0 0;
		float: left; }
		
	#footer ul { 
		width: 560px;
		margin: 0;
		padding: 0; }
		
	#footer ul li { 
		background-image: url('/ehs/images/system/bullet.gif'); 
		background-position: 3px left;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0 0 0 15px; 
		list-style-type: none; }

/*--- FORM ---*/

FORM {
	margin: 0px; 
	padding: 0px; }

INPUT {
	width: 325px;
	height: 16px;
	background-color: #FFFFFF;
	border: solid 1px #444444; }

TEXTAREA {
	font-family: arial, helvetica, tahoma, serif;
	font-size: 0.9em; }

/*--- TABEL ---*/

dl {
	margin-top: 0px !important; }
	
dl.table-display {
	width: 500px;
	margin: 0;}

dl.table-display a {
	font-weight: normal;}

.table-display dt {
	width: 300px;
	float: left;
	margin: 0;}

.table-display dd {
	float: left;
	width: 200px;
	margin: 0;}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

/*--- DIVERSE ---*/

.imgRight {
	float: right;
	margin: 0 0 10px 10px; }
	
.imgLeft {
	float: right;
	margin: 0 10px 10px 0; }

.imgBorder {
	border: solid 3px #009c5f; }
		
.geel { 
	color: #F6DB4E; }

.melding { 
	text-transform: uppercase;
	font-size: 9pt;
	letter-spacing: 0.1em; 
	color: #FFFFFF;
	text-align: center;
	padding: 7px; 
	margin: 25px;
	border: solid 2px #22366B;
	background-color: #ACB7D3; }			

.meldingBox { 
	text-transform: uppercase;
	font-size: 9pt;
	letter-spacing: 0.1em; 
	color: #000;
	text-align: center;
	float: right;
	width: 175px;
	padding: 7px; 
	margin: 0px;
	border: solid 1px red;
	background-color: #f6dc4f; }			
	
	.meldingBox a {
		color: #000;
		font-weight: bold; }
	
	.meldingBox a:hover {
		color: #000; }
		
		/* TABLE */

.program td {
padding-bottom: 10px;
}