@import "starter.css";

#page { width:760px; margin: 0 auto; text-align: left; }


/*----------------- #siteTitle --------------------*/

#siteTitle
{
  position:relative;
  height:172px;
}


/*---------------- #siteID ------------------*/

#siteID
{
  float:left;
  background-color: #D2D0E3;
  width: 176px;
  height: 172px;
}

#siteID IMG.logo
{
  border-bottom: 2px solid #FFF;
}

/* Search related rules */

* html #searchBox  /* this is recognized by IE only */
  {
  width: 142px;  /* total width, only for IE5.x/Win */
  w\idth: 142px; /* content width for other IE */
  }

#searchBox { float: left; margin: 8px 10px 0px 10px; padding: 0px; width: 176px; }
/*#searchBox { margin: 2px 0px 0px 0px; }*/
#searchBox form, #searchBox fieldset { height: 22px; }
#searchBox form input { display: block; width: 100%; }

.searchField { float: left; margin: 0px 0px 0px 0px; padding: 0px 7px 0px 0px; width: 115px; height: 18px; color: #000; }
.searchField #searchText { width: 100%; height: 18px; color: #000; }
html>body  .searchField #searchText { margin-top: 0px; height: 17px; }

.submitField { float: left; margin:0px; width: 19px; height: 17px; }
.submitField  #searchButton { margin: 0px 0px 0px 0px; width: 19px; height: 17px; background: transparent; }

/*---------------- #siteBranding ------------------*/

* html #siteBranding  /* this is recognized by IE only */
  {
  width: 375px;  /* total width, only for IE5.x/Win */
  w\idth: 375px; /* content width for other IE */
  height: 170px;
  h\eight: 170px;
  }

#siteBranding
{
  float:left;
  margin:2px;
  width: 373px; /* content width for other browsers */
  height: 168px; /* content width for other browsers */
  border: 1px solid #F2A6A6;
  text-align: center;
}

#siteBranding IMG
{
  margin-top:3px;
}

/*----------------- #siteTools --------------------*/

* html #siteTools  /* this is recognized by IE only */
  {
  width: 204px;  /* total width, only for IE5.x/Win */
  w\idth: 204px; /* content width for other IE */
  height: 172px;
  h\eight: 172px;
  }

#siteTools
{
   /* BE: changes for introductievideo-link */
  float:right;
  width: 193px;
  height: 161px;
  background-color: #D2D0E3;
  color: #999;
  padding: 11px 0px 0px 11px;
  overflow: hidden; /* BE: makes big letters not expand top */
}

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

#siteTools li
{
  color: #1D1671;
  margin: 0px;
  padding: 0px;
}

#siteTools a { padding: 5px 0px; text-decoration: none;}
#siteTools a { color: #1D1671; }
#siteTools a:hover { color: #DB0000; }
#siteTools a.current { color: #DB0000; }

/* BE: videolink */

#siteTools a.videoLink {
  text-decoration: underline;
  color: #1d1671;
  margin-top: 2px;
  display: block;
}

#siteTools a.videoLink:hover {
  text-decoration: none;
}

/*--------------- #sitePrimaryNav -----------------*/

/* BE: changed bottom border: 2px -> 1px */
#navcontainer { height: 27px; background-color: #1D1671; border-top: 2px solid #FFF; border-bottom: 1px solid #FFF; }

#nav, #nav ul { /* all lists */
  z-index: 200;
  text-align: left;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}

#nav a {
  font: normal 1.0em/1.2em Arial;
  color: #1D1671;
  display: block;
  width: 10em;
  text-decoration: none;
  cursor: hand;
}

#nav a:hover { color: #DB0000; }

#nav li { /* all list items */
  padding: 2px 0px;
  color: #1D1671;
  float: left;
}

#nav li.item1 { width: 121px; padding: 0px; } /* width needed or else Opera goes nuts */
#nav li.item2 { width: 136px; padding: 0px; }
#nav li.item3 { width: 119px; padding: 0px; }
#nav li.item4 { width: 161px; padding: 0px; }
#nav li.item5 { width: 167px; padding: 0px; }

#nav li ul { /* second-level lists */
  border: 1px solid #D2D0E3;
  padding: 0px 10px 2px 18px;
  list-style-image: url(../gfx/list_nav_red.gif);
  position: absolute;
  background: #FFF url(../gfx/nav_gradient.gif) repeat-y top left;
  width: 11.5em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
  color: #DB0000;
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
  color: #DB0000;
}

/*--------------- BE: #siteTabs added for 2006 jaarverslag -----------------*/

#tabcontainer {
  height: 22px;
  border-left: 1px solid #FFF;
  background-color: #FFF;
  background: url( ../gfx/tabs_bg.gif );
  clear: both;
}

#tab, #tab ul { /* all lists */
  z-index: 200;
  text-align: left;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}

#tab a {
  font: normal 1.0em/1.2em Arial;
  display: block;
  text-decoration: none;
  cursor: hand;
}

#tab li { /* all list items */
  padding: 0px;
  float: left;
  display: inline;
  border-bottom: 1px solid #d2d0e3;
  width: 90px;
}
#tab li.selected { /* current tab */
  border-bottom: 1px solid #FFF;
}
#tab li.item1 { width: 90px; padding: 0px; } /* width needed or else Opera goes nuts */
#tab li.item2 { width: 90px; padding: 0px; }

/*--------------- BE: #topContent block -----------------*/

#topContent { clear: left; background-color: red; }
#topContent P { margin: 0px 0px 14px 0px; }

/*----------------- #sitePath --------------------*/
/* BE: made sitepath float right inside tabcontainer */
#sitePath { float: right; text-align: right; padding-top: 5px; }
#sitePath P { font: normal normal 0.9em/0.9em Arial, sans-serif; color: #000; }

#sitePath a { text-decoration: none;}
#sitePath a { color: #000; }
#sitePath a:hover { color: #DB0000; }

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

#siteContent { clear: left; }
#siteContent P { margin: 0px 0px 14px 0px; }

/*----------------- #siteFooter --------------------*/

#siteFooter {
  clear:both;
  }

/*---------------- #siteTeaser ------------------*/

.Teaser #page { width:550px; margin: 10% auto; text-align: left; }

* html #siteTeaser  /* this is recognized by IE only */
  {
  width: 550px;  /* total width, only for IE5.x/Win */
  w\idth: 550px; /* content width for other IE */
  height: 361px;
  h\eight: 361px;
  }

#siteTeaser
{
  margin:2px;
  width: 548px; /* content width for other browsers */
  height: 359px; /* content width for other browsers */
  border: 1px solid #F2A6A6;
  text-align: center;
}

#siteTeaser OBJECT
{
  margin-top:3px;
}

/*----------------- Extra's --------------------*/

hr,
.hidden
{
  display: none;
  /* \*/
  display: block;
  /* */
  position: absolute;
  left: -5000px;
  top: -5000px;
  width: 1px;
  height: 1px;
}

#firstcontainer2008
  {
  width: 21.2%;
  w\idth: 21.2%;
}
#firstContainer2008 { float:left; width: 32.5%; padding: 0px 9px 0px 0px; margin-top: 17px; }

#secondContainer2008  /* this is recognized by IE only */
{
  width: 21.2%;  /* total width, only for IE5.x/Win */
  w\idth: 21.2%; /* content width for other IE */
}
#secondContainer2008 { float:left; width: 32.5%; padding: 0px 9px 0px 0px; margin-top: 17px; }

#thirdContainer  /* this is recognized by IE only */
  {
  width: 15.9%;  /* total width, only for IE5.x/Win */
  w\idth: 15.9%; /* content width for other IE */
  }
#thirdContainer2008 { float:left; width: 32.5%; padding: 0px 0px 0px 0px; margin-top: 17px; }

.kleurbalk {
display: block;
height: 2px;
padding: 0px;
border-top: 4px solid #e19b3b;
}


.biomedisch   { border-top-color: #8585ff; }
.reizen       { border-top-color: #f033a3; }
.innovatie    { border-top-color: #a09e33; }
.preventie    { border-top-color: #9dde7d; }
.kinderen     { border-top-color: #ffad33; }
.beleid       { border-top-color: #5c5c9d; }
.participatie { border-top-color: #b6d7ff; }
.onderzoek    { border-top-color: #e75c5c; }