html {
	HEIGHT: 100%
}

body  { font-size: 80%; font-family: "Trebuchet MS", helvetica, verdana, sans-serif; background: #ffffff url("img/header-r3.jpg") repeat-x left top; margin: 0; padding: 0; height: 100% }

#container {
	MIN-HEIGHT: 100%; POSITION: relative; HEIGHT: auto; voice-family: inherit;padding: 0
}
unknown {
	HEIGHT: auto
}
#wrapper {
	PADDING-BOTTOM: 32px; width: 100%;position: relative;
}


#title
{
    height: 101px;
}

#title h1
{
    
	background: url(  "img/header2-new3nlb.jpg" );
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 105px; 
    /*width: 564px;*/
    margin: 0px;
}

#title h1 span
{
    /*display: none;*/
    margin-left: 500px;
    color: #ccffcc;
}

#title h1 span i { color:#cc0000;}

#zoekblok {margin-left: 600px;}


h1 {
	FONT: bold 24px verdana; /* COLOR: #008751; */ color:#009645; PADDING-TOP: 5px
}

h1 i {color:#ff0000;}


h2 {
	FONT: bold 12px verdana; MARGIN-LEFT: 0px
}

h3 {FONT: normal 12px verdana; MARGIN-LEFT: 0px;margin-top:1px;margin-bottom:2px;margin-right:0px;
/* background:#008751 */ background:#009645;padding:0px;color:#fff;
}

h4 {
	FONT: bold 16px verdana;  letter-spacing: 2px;  color:#009645; PADDING-TOP: 3px;/* text-decoration : underline; */
}

p {MARGIN-LEFT: 0px}
	
#abstract {font-weight: bold; }

/* hieronder definitie van locatie/dimensie van drie tekst/menu blokken */

#menu
{
float: left;
width: 160px;
margin: 0;
padding: 1em;

}

#rightblock
{
float: right;
width: 250px;
margin: 0;
padding: 1em;

}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 280px;
/*border-right: 1px solid gray;*/
padding: 1em;
max-width: 36em;
}

/* content2 gebruik je als je geen rechter kolom wil hebben */
#content2
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 80px;
/* border-right: 1px solid gray; */
padding: 1em;
/* max-width: 36em; */
}

/* content3 gebruik je als je geen linker (navigatie)kolom wil hebben */
#content3
{
margin-left: 10px;
border-left: 1px solid gray;
margin-right: 280px;
border-right: 1px solid gray;
padding: 1em;
/* max-width: 36em; */
}

/* Hieronder definitie footer */
#footer p { margin: 0; }
#footer   { color: white; background: #3f2d2d; text-align: left; margin-top: 20px; position: absolute; bottom: 0; left : 0; width: 100%; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #666; padding-left:5px;}
#footer a {color:ffffff}
#footer a:link {color : #ffffff;
	text-decoration : underline;
	background: transparent;
	}
#footer a:visited {color : #ffffff;
	text-decoration : underline;
	background: transparent;
	}
#footer a:hover  { color: #ff0000; 
	text-decoration: underline;
	background: #ffffff; }
# footer a:active {color : #ffffff;
	text-decoration : underline;
	background: transparent;
	} 

/* Hieronder definitie voor een kader voor een nieuwsbericht op hoofdpagina van Intranet */
div.stkader   { background-color: #ffffff; margin: 2px; padding: 2px;  border: solid; border-width: 1px; border-color: black; width: 90%}

.stkader-groen   { background-color: #ffffff; padding: 2px;margin:2px; width: 100%; border: solid 1px #66bb99 }

/* Hieronder definitie gedrag links */	
a:link {color : #0000ff;
	text-decoration : underline;
	}
a:visited {color : #0000ff;
	text-decoration : underline;
	}
a:hover  { color: #ff0000; 
	text-decoration: underline;}
a:active {color : #0000ff;
	text-decoration : underline;
	} 
	

/* Hieronder definitie stijl tabellen voor weergave data - kan want paginaindeling wordt niet
met tabellen gerealiseerd, maar met css ! */

#table1 table {
	border-collapse: collapse;
	width: 80%;
	}

#table1 th {
	padding: 0 0.5em;
	text-align: left;vertical-align: top;
	}

#table1 thead th {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	/* background-color: #66bb99; */
	background-color: #009645; /* Dit is het nieuwe groen, PMS 355 */
	color: #000000;
	/* font-weight: bold; */
	}

#table1 td {
	border-bottom: 1px solid #000000;background-color: #ccffcc;
	padding: 0 0.5em;text-align: left;vertical-align: top;
	}


/* Hieronder definitie stijl tabellen voor weergave tekst links en plaatjes rechts - zonder lijntjes */

#table2 table {
	border-collapse: collapse;
	width: 80%;
	}

#table2 td 	{
		padding-right: 20px;text-align: left;vertical-align: top;
		}

hr {color: #008751;}


/* */

/* Navigatie linkerkant : */


#menu ul
{
margin-left: 0;margin-top:5px;
padding-left: 0;
list-style: none;
}

#menu ul i { color:#cc0000;}

#sublist
{
margin-left: 0;margin-top:5px;
padding-left: 0;
list-style: none;
}

#menu ul li 
{
padding-left: 10px;
background-image: url( "img/arr_inbox1kl.gif" );
background-repeat: no-repeat;
background-position: 0 .5em;
}


#sublist li
{list-style:none ;
padding-left: 15px;
background-image: url( "img/x_inbox1kl.gif" );
background-repeat: no-repeat;
background-position: 0.5em 0.5em;}


/* navigatie topmenu : */
ul#navlisthor
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
font-weight: normal;
/* background-color: #008751; Het oude groen... */
background-color: #009645; /* Dit is het nieuwe groen, PMS 355 */
/* background-color: #000; */
}

ul#navlisthor li { display: inline ; }


ul#navlisthor li a
{
float: left;
color: #fff;
/* background-color: #008751; Dit was het oude groen */
background-color: #009645; /* Dit is het nieuwe groen, PMS 355 */
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

ul#navlisthor li a:hover
{
background-color: #666;
color: #fff;
}