/*----------------- #siteContent Basics --------------------*/

.Info H1 { padding-bottom: 5px; font: normal 1.9em Arial, sans-serif; color: #1D1671; }
.Info H2 { font: normal bold 1.1em/1.2em Arial, sans-serif; color: #DB0000; }
.Info H3 { font: normal bold 1.1em/1.2em Arial, sans-serif; color: #1D1671; }
.Info H4 { font: normal bold 1.1em/1.2em Arial, sans-serif; color: #DB0000; }
.Info H5 { font: normal bold 1.1em/1.2em Arial, sans-serif; color: #DB0000; }
.Info H6 { font: normal bold 1.1em/1.2em Arial, sans-serif; color: #DB0000; }
.Info P { font: normal normal 1.0em/1.2em Arial, sans-serif; color: #000; }
.Info td { font: normal normal 0.7em/1.2em Arial, sans-serif; color: #000; }
.Info ul { font: normal normal 1.0em/1.2em Arial, sans-serif; list-style-type: square; margin: 0px; padding: 7px 0px; padding-left: 18px;  }
.Info ol { font: normal normal 1.0em/1.2em Arial, sans-serif; margin: 0px; padding: 7px 0px; padding-left: 18px;  }
.Info a { color: #DB0000; text-decoration: none; }
.Info a:hover { color: #000; }

.Info a.leesmeer  
{ 
	font: normal normal 1.0em/1.2em Arial, sans-serif;
	color: #DB0000; 
	text-decoration: none; 
	padding-left: 23px;
	padding-top: 7px;
	background: url(../gfx/lees_verder.gif) no-repeat 0 7px;
	display: block;
}

.Info #fourthContainer H1 { padding-bottom: 5px; font: normal 1.5em Arial, sans-serif; color: #DB0000; }
.Info #fourthContainer P { font: normal normal 1.0em/1.2em Arial, sans-serif; color: #DB0000; padding-right: 10px; }
.Info #fourthContainer a { font: normal normal 1.0em/1.6em Arial, sans-serif; color: #DB0000; text-decoration: underline; }
.Info #fourthContainer a:hover { text-decoration: none; }

.Info ul.projecten
{
	margin: 0px; 
	padding: 0px;
	padding-left: 18px;
	list-style-image: url(../gfx/list_sitetools_red.gif);
}

.Info .projecten li
{
	font: normal 1.0em/1.6em Arial;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.Info .projecten a { padding: 5px 0px; text-decoration: none;}
.Info .projecten a { color: #000; }
.Info .projecten a:hover { color: #DB0000; }
.Info .projecten a.current { color: #DB0000; }

/*----------------- #siteContent vier kolommen --------------------*/


* html .Info #firstContainer  /* this is recognized by IE only */
  {
  width: 22.9%;  /* total width, only for IE5.x/Win */
  w\idth: 22.9%; /* content width for other IE */
  }
.Info #firstContainer { float:left; width: 22%; padding: 0px 7px 0px 0px; margin-top: 17px; border-right: 1px solid #F2A6A6; }

* html .Info #secondContainer 
  {
  width: 23.9%;  
  w\idth: 23.9%; 
  }
.Info #secondContainer { float:left; width: 22%; padding: 0px 7px; margin-top: 17px; border-right: 1px solid #F2A6A6; }

* html .Info #thirdContainer  
  {
  width: 23.9%;  
  w\idth: 23.9%; 
  }
.Info #thirdContainer { float:left; width: 22.9%; padding: 0px 7px; margin-top: 17px; }

* html .Info #fourthContainer {
  width: 26.9%; 
  w\idth: 26.9%; 
  }
.Info #fourthContainer { float:right; width: 23.9%; padding: 13px 0px 14px 7px; margin-top: 17px; border-left: 1px solid #F2A6A6; background-color: #FCEBEB; }

/*----------------- #siteContent een kolom --------------------*/

#siteContent_onecolumn { clear: left; }

* html .Info #siteContent_onecolumn #firstContainer { width: 70%; w\idth: 70%; }
.Info #siteContent_onecolumn #firstContainer { float:left; width: 70%; padding: 0px 7px 0px 0px; margin-top: 17px; border-right: 0px solid #FFF; }

#myMoreInfoDiv
{
    float: right;
    width: 195px;
	border-left: 1px #f2a6a6 solid;
	padding: 20px 10px 20px 10px; 
	background: #fcebeb;
	text-align: center;
}

#myMoreInfoDiv a 
{
  font-weight: bold;
  color: #db0000;
}

* html #project
  {
  width: 100%;  
  w\idth: 100%;
  height: 145px;
  h\eight: 145px;
  }

#project
{
	width: 100%;
	height: 123px;
	overflow: auto;
	padding: 11px;
}

#siteContent_onecolumn P.program { background-color: #8585FF; color: #FFF; padding: 5px; margin: 0px; }

/*----------------- #siteContent twee koloms --------------------*/

#siteContent_twocolumn { clear: left; }

* html .Info #siteContent_twocolumn #firstContainer { width: 46.9%; w\idth: 46.9%; }
.Info #siteContent_twocolumn #firstContainer { float:left; width: 46%; padding: 0px 7px 0px 0px; margin-top: 17px; border-right: 0px solid #FFF; }

* html .Info #siteContent_twocolumn #secondContainer { width: 51.9%; w\idth: 51.9%; }
.Info #siteContent_twocolumn #secondContainer { float:left; width: 50%; padding: 0px 0px 15px 7px; margin-top: 17px; border-right: 0px solid #FFF; text-align: right; }

/*----------------- #siteContent twee koloms fifty fifty --------------------*/

#siteContent_twocolumn50 { clear: left; }

* html .Info #siteContent_twocolumn50 #firstContainer { width: 46.9%; w\idth: 46.9%; }
.Info #siteContent_twocolumn50 #firstContainer { float:left; width: 46%; padding: 0px 7px 0px 0px; margin-top: 17px; border-right: 0px solid #FFF; }

* html .Info #siteContent_twocolumn50 #secondContainer { width: 51.9%; w\idth: 51.9%; }
.Info #siteContent_twocolumn50 #secondContainer { float:right; width: 50%; padding: 0px 7px 15px 7px; margin-top: 17px; border-right: 0px solid #FFF; text-align: right; }

* html .Info #secondContainer.noborder  { width: 23.9%;  w\idth: 23.9%; }
.Info #secondContainer.noborder { float:left; width: 22%; padding: 0px 7px; margin-top: 17px; border-right: 1px solid #FFF; }

/*----------------- #siteContentProjects --------------------*/

#siteContentProjects { clear: left; }

* html .Info #siteContentProjects #firstContainer  /* this is recognized by IE only */
  {
  width: 36.9%;  /* total width, only for IE5.x/Win */
  w\idth: 36.9%; /* content width for other IE */
  }
.Info #siteContentProjects #firstContainer { float:left; width: 36%; padding: 0px 7px 0px 0px; margin-top: 17px; border-right: 1px solid #FFF; }

* html .Info #siteContentProjects #secondContainer 
  {
  width: 36%;  
  w\idth: 36%; 
  }
.Info #siteContentProjects #secondContainer { float:left; width: 36%; padding: 0px 7px; margin-top: 17px; border-right: 1px solid #FFF; }

* html .Info #siteContentProjects #fourthContainer {
  width: 26.9%; 
  w\idth: 26.9%; 
  }
.Info #siteContentProjects #fourthContainer { float:right; width: 23.9%; padding: 13px 0px 14px 7px; margin-top: 17px; border-left: 1px solid #F2A6A6; background-color: #FCEBEB; }

/*----------------- #BE program story --------------------*/
* html .Info #siteContent_onecolumn #storyContainer {
  width: 26.7%; 
  w\idth: 26.7%; 
  }
.Info #siteContent_onecolumn #storyContainer { margin-top: 30px; float:right; width: 25.9%; padding: 2px 2px 2px 2px; border: solid 1px #1D1671;}

#storyContainer p { color: #1D1671;}


/*----------------- #siteProgram--------------------*/

* html #program 
  {
  width: 100%;  
  w\idth: 100%;
  height: 145px;
  h\eight: 145px;
  }

#program
{
	width: 100%;
	height: 123px;
	overflow: auto;
	padding: 11px;
}

.program { color: #FFF; }
#siteContent P.program { color: #FFF; padding: 5px; margin: 0px; }

/*
.program1 { background-color: #8585FF; color: #FFF; }
#siteContent P.program1 { background-color: #8585FF; color: #FFF; padding: 5px; margin: 0px; }
.program2 {	background-color: #E1DC15; color: #FFF; }
#siteContent P.program2 { background-color: #E1DC15; color: #FFF; padding: 5px; margin: 0px; }
.program3 {	background-color: #006666; color: #FFF; }
#siteContent P.program3 { background-color: #006666; color: #FFF; padding: 5px; margin: 0px; }
.program4 {	background-color: #85D65C; color: #FFF; }
#siteContent P.program4 { background-color: #85D65C; color: #FFF; padding: 5px; margin: 0px; }
.program5 {	background-color: #E13333; color: #FFF; }
#siteContent P.program5 { background-color: #E13333; color: #FFF; padding: 5px; margin: 0px; }
.program6 {	background-color: #333385; color: #FFF; }
#siteContent P.program6 { background-color: #333385; color: #FFF; padding: 5px; margin: 0px; }
.program7 {	background-color: #A4CDFF; color: #FFF; }
#siteContent P.program7 { background-color: #A4CDFF; color: #FFF; padding: 5px; margin: 0px; }
.program8 {	background-color: #FF9900; color: #FFF; }
#siteContent P.program8 { background-color: #FF9900; color: #FFF; padding: 5px; margin: 0px; }
*/

/*----------------- #search --------------------*/

.Info #search { font: normal normal 1.0em/1.2em Arial, sans-serif; color: #000; }
.Info #search a { color: #DB0000; text-decoration: none; }
.Info #search a:hover { color: #000; }

/*----------------- #programResults --------------------*/

/*----------------- #BE: extra styles --------------------*/

p.biomedisch   { color: #8585ff; font-size: 1.2em; }
p.reizen       { color: #f033a3; font-size: 1.2em;}
p.innovatie    { color: #a09e33; font-size: 1.2em; }
p.preventie    { color: #9dde7d; font-size: 1.2em; }
p.kinderen     { color: #ffad33; font-size: 1.2em; }
p.beleid       { color: #5c5c9d; font-size: 1.2em; }
p.participatie { color: #b6d7ff; font-size: 1.2em; }
p.onderzoek    { color: #e75c5c; font-size: 1.2em; }

p.lead { font-size: 1.2em; margin-bottom: 10px; }