/* Stylesheet voor twee kolommen met header */

/* instellingen en afbeeldingen
 *
 * algemene achtergrondkleur opgeven bij body (background)
 *
 * Bij 'body' het linker achtergrondplaatje opgeven
 * Bij 'outer' en 'left' de breedte van de eerste kolom instellen
 *
 * Bij 'header' de herhalende bovenafbeelding instellen
 * bIJ 'header' en 'html' de hoogte instellen van de logo afbeelding
 */

/* gebruikte kleuren
 * achtergrond: #ffffff
 * achtergrond rand: #93ABD8
 *  tekstkleur: #425C6B
 */

/* -----------------------------------------------------------------------------
 * ---------------------- main container ---------------------------------------
 */
/* Hier stel je de hoogte op 100%
   IE verwacht dit op body, Mozilla op html */
html, body {
    height:100%;
}

body {
    padding:0px;
    margin:0px;
    /* linker achtergondplaatje */
    background:#ffffff url(../images/links.gif) repeat-y left top;
    /* tekstkleur */
    color: #000000;
    /* lettertype en grootte */
    font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

/* de main container - het outer gebied ook op 100%
   dit is het allesomvattende blok
   ook hier extra maatregelen voor verschillende browsers */
#outer{
    height:100%;
    min-height:100%;
    margin-left:200px;  /*  de ruimte voor de linkerkolom */
    margin-bottom:-52px;    /* ruimte voor de footer */
    color: #000000;

/* borders uit
    border-left:1px solid #000;
    border-right:1px solid #000;
*/
}

/*for mozilla as IE treats height as min-height anyway */
html>body #outer{
    height:auto;
}


/* -----------------------------------------------------------------------------
 * ---------------------- header -----------------------------------------------
 */
/* de header - is het eerste block binnen de outer
   IE heeft ook een height nodig om te werken.... */
* html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/
 
#header{
	background: url(../images/boven.gif) repeat-x;
	color: #000; /*#000 */
	text-align:center;
	position:relative;
	margin:0 -200px;        /* breedte plaatje links hier opgeven */
	padding-top:0px;        /* de hoogte - nu op 0 gezet....*/
	height: 120px;          /* set correct height here */
	background-image: url(../images/boven.gif);
/* borders uit 
    border-top:1px solid #000;
    border-bottom:1px solid #000;
*/
}

/* height needed for IE to force layout*/
/* mac hide \*/
* html #header{height:120px;he\ight:120px}
/* end hide*/


#header img {display:inline;}  /* het plaatje mag niet teveel ruimte */

#logo {
    position:relative;
    float: left;
    /*background: url(logo.jpg) no-repeat;  */
}

/* -----------------------------------------------------------------------------
 * ---------------------- left column ------------------------------------------
 */

#left {
    position:relative;  /*ie needs this to show float */
    width:210px;        /* same as the left margin on #outer*/
    float:left;
    margin-left:-199px; /*must be 1px less than width otherwise won't push footer down */
    padding-top:0px;   /*needed to make room for header*/
    left:-2px;          /* push column into position*/
}

#left p {
    padding-left:2px;
    padding-right:2px; 
}

/* -----------------------------------------------------------------------------
 * ---------------------- menu -------------------------------------------------
 */

/* this block of styles is used for the mainmenu - begin */

ul#mainnav {
		   list-style: none; 	  				/* no bullets before */
		   margin: 0;							/* no left margin */
		   padding:	0;							/* no padding */
}

ul#mainnav li a:link, ul#mainnav li a:visited {
		  text-decoration: none; 			   	 /* no underline */
		  display: block;  						 /* whole block clickable */
		  width: 100%; 							 /* for internet explorer */
		  padding: 6px 0px;						 /* space left and right */
		  font: bold 10pt/1.5 arial, sans-serif; /* font 10px on 150% space */
		  color: #425C6B;		  		 			 /* base text color */
}

ul#mainnav li a:hover {
		  /* background-color: #8AB9F2;			  /* hover block color */
		   color: #F0F9FF;		 				  /* hover text color */
		  background: url(../images/selected.jpg) repeat-y;

}

ul#mainnav li a:active {
		  background: url(../images/selected.jpg) repeat-y;
}
/* this block of styles is used for the mainmenu - end */

/*

.verticalmenu ul {
    list-style: none;
    padding-left: 1px;
    margin: 0px 0px;
    border-width: 0px;
}

img{text-decoration: none;
    border: none;
}

li a:hover {
background-image: url(../images/home-over.jpg);
}

*/
/* -----------------------------------------------------------------------------
 * ---------------------- centercontent ----------------------------------------
 */
#centercontent {
	background-color: #FFFFFF;
	padding-right: 20px;
	margin-left: 30px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 60px;
	background-image: url(../images/achtergrondduif.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
h3, h4 {
	color: #0054A6;
}


/* combat IE's 3 pixel jog */
* html #centrecontent {
    height:1%;
    margin-bottom:12px;
    margin-left: 10px; 
    margin-right: 10px;
	margin-top: 0px;
}

#centercontent table tr td {
	vertical-align:top;
}


/* -----------------------------------------------------------------------------
 * ---------------------- footer -----------------------------------------------
 */
#footer {
    width:100%;
    clear:both;
    height:50px;
/*  border-top:1px solid #000;
    border-bottom:1px solid #000;
    background-color: #FFFFFF;
*/
    color: #000000;
    text-align:center;
    position:relative;
    font-size: 0.7em;
}
/*only ie gets this style*/
* html #footer {        /* box model hack - alleen IE ziet dat */
    \height:52px;   /* for ie5 */
    he\ight:50px;   /* for ie6 */
}

/*needed to make room for footer*/
#clearfooter{
    clear:both;
    height:40px;
}

#footer #altnav {
	width: auto;
	float: none;
	text-align: center;
	padding-top: 13px;
	margin-bottom: 10px;
}

#footer #altnav a {
	color: #c9c9c9;
	text-decoration: none;
}

#footer #altnav a:hover {
	color: #93ABD8;
}



/*clear top margin for mozilla*/
div,p {
	margin-top:0;
	border: red;
}
.titleImage {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#centercontent img {
	display: block;
	margin-bottom: 10px;
}

p {
/*	color: #000000; */
	color: #666666;
	line-height: 150%;
	

}
#animatie {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	top: 10px;
}

#floatingimage {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}