.kennisbankOver
{
  position: relative; 
  top: 11px;  
}

* html .kennisbankOver
{
  top: 12px;  
}

h2
{
  color: #114FAA;
}

.algemeneInfo
{
  width: 740px;
}

#rightSection{
 height: 129px;
}

#kennisbankImage
{
  height: 100%;
}

* html #kennisbankSubmenu
{
  width: 926px;
}

#kennisbankSubmenu
{  
 margin: 0 20px 0 0;
 background-color: #114FAA;
 height: 28px; 
 width: 920px; 
}

.kennisbankTitle
{
 height: 60px;
 margin: 0 20px 0 0;
 padding: 15px 0 0 20px;
 color: #FFFFFF;
 background-color: #8abdea; 
 font-size: 2em;
}

#bodyContent.view
{
  background:url(/images/kennisbankMenuBackground.jpg) repeat top left;
}

#bodyContent
{
  background-color: #FFFFFF;  
  clear: left;
}

#kennisbankIntro {
 width: 157px;
 float: left;
 margin: 10px 10px 0 0;
 padding: 0 0 0 0; 
}

#bodyMenu
{
 position: relative;
  background-color: #DCEBF9;
  height: 100%;
  width: 157px;
  float: left;
  margin: 0 20px 0 0;  
  padding: 0 0 0 0; 
}

#kennisbankContent
{
  vertical-align: top;
  float: left;
  margin: 15px 0 0 20px;
}

.themaItem .titel, .themaItem a, .themaItem a:visited, .matrixLinks a, .matrixLinks a:visited
{
  color: #EC0089;
  text-decoration: none;
}

.themaItem a:hover, .matrixLinks a:hover
{
  text-decoration: underline;
}

/* de body van de voorpagina van kennisbank */
#thema, #matrices
{
  float: left;
  margin-right: 20px;
}

#matrices
{
  margin: 0 0 0 20px;
}

.themaList
{
  padding: 0;
  margin: 0;
  list-style: none;
}

.themaItem
{
  background:url(/images/arrow2.jpg) no-repeat 5px 10px;
  width: 300px;
  padding: 5px 0 5px 15px;  
  margin: 0 0 5px 0;
}

.themaItem.blauw
{
  background-color: #F2F5FB !important;  
}

.themaItem .titel
{
  font-weight: bold;
  margin: 0 0 5px 0;
}

.omschrijving
{
  height: auto;
}

/* menu gedeelte van de kennisbank website */
.matrixLinks
{
  border-bottom: solid 1px #ffffff;
  padding: 10px 0 10px 25px;
}

.matrixMenu
{
  margin: 0;
  padding: 0;
  list-style: none;
  /* ik snap nog steed sniet veel van de heights */
  height: 400px;
}

.matrixLinks a
{
  font-weight: bold;
}

#kennisbankMenu
{
  background-color: #DCEBF9;
  width: 157px;
  float: left;
  height: 100%;
}

/* matrix zaken */
* html .matrixTable
{
  margin: 0;
  width: 100%;  
  border: solid 1px #83B8E8 !important;
  border-collapse:collapse;
}

.matrixTable td
{  
  border-top: solid 1px #83B8E8 !important;
  border-left: solid 1px #83B8E8 !important;
  border-collapse:collapse;
}
.matrixTable
{
  font-size: 1em;    
  margin: 0 0 0 1px;
  width: 740px;
  border-bottom: solid 1px #83B8E8 !important;
  border-right: solid 1px #83B8E8 !important;
  border-collapse:collapse;
}

.tableContainer
{
  padding: 0;
  border-left: solid 1px #157BD6;
  border-right: solid 1px #157BD6;  
}

.matrixTableContainer
{
  margin: 0 0 0 0;  
  width: 742px;  
}

* html .matrixTableContainer
{
  width: 748px;  
}

.matrixTable .expanded
{
  background-color: #FFFFEF;
  border: solid 1px #83B8E8 !important;
  border-collapse:collapse;
}

.matrixTable .box
{
  margin: 10px 0px 5px 38px;
}
.matrixTable td
{
  margin: 0;
  padding: 0;
}

.matrixTable th
{
  padding: 5px 5px 5px 5px;
  background-color: #F2F7FD;
  font-size: 0.9em;
}

.labelContainer
{
  background-color: #157BD6;
  height: 23px;  
}

.uitklapmenu
{
  background:url(/images/kennisbank-opener.jpg) no-repeat top left;
  display: block;
  float: left;
  height: 21px;
  width: 35px;
  cursor: pointer;  
}

.inactive .uitklapmenu
{
  background:url(/images/kennisbank-opener.jpg) no-repeat bottom left;  
}

.labelContainer label
{  
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  padding: 2px 0 0 20px;  
}

.matrixTableContainer.inactive
{
  height: 21px;
  overflow: hidden;
}

.bottom
{
  height: 24px;
  border-left: solid 1px #157BD6;
  margin-bottom: 10px;
}

* html .bottom .paging
{
  width: 723px;
}

.bottom .paging
{
  border-bottom: solid 1px #157BD6;
  display: block;   
  float: left;
  height: 24px;
  width: 717px;
}

.bottom .corner
{
  display: block;   
  height: 24px;
  float: left;
  width: 24px;
  background:url(/images/bottom-corner.jpg) no-repeat top right;
}

.detailTable
{
  width: 745px;  
}

.detailTable td
{
  padding: 5px 10px 5px 10px;
}

.expanded .expanderBox .expandcollapser
{
  background:url(/images/kennisbank-open.jpg) no-repeat top left;  
}



.expanded .uitklapBox
{
  width: 700px;
}

.expanded .expanderBox
{
  border-bottom: dashed 1px #83B8E8 !important;
}

/* formulier */
#formulier
{
  border: solid 1px red;
  height: 10px;
}

.geenKnop
{
  display: block;
  float: left;
  width: 29px;
  height: 23px;
}

/* FF probleem */


.matrixTable .expanderBox
{
  padding: 5px 5px 5px 5px;  
}
  
.detailHead
{
  margin: 0 0 15px 10px;
}

.detailList
{
  margin: 0 0 0 20px;
  padding: 0;
}

/* kennisbank reageer formulier */
* html .formulierContainer
{
  margin: 0 20px 0 0px;
}

.formulierContainer
{
  margin: 0;
}

* html .reageerLabels label
{
  height: 25px;
}

.reageerLabels label
{
  display:block;  
  height: 24px;
  font-weight: normal;
}

.reageerVelden input
{
  height: 12px;
  margin: 0 0 6px 0;
}

.reageerLabels
{
  padding: 20px 5px 0 0;
  float: left;
  width: 150px;
  text-align: right;
}

.reageerVelden
{
  float: left;
  width: 345px;
  padding: 20px 10px 0 10px;
  background-color: #EEEEEE;
  border-right: solid 1px #D6D6D6;
  border-left: solid 1px #D6D6D6;
}

.reageerVelden .verstuur
{
  height: 20px;
  background-color: #000000;
  border: solid 1px #000000;
  color: #FFFFFF;
  float: right;
  margin-right: 12px;
}

.reageerVelden #bericht
{
  margin-top: 22px;
}

.reactieform
{
  margin: 0;
  padding: 0;
}

* html .reactieHeader
{
  margin: 0 20px 0 0;
}

.reactieHeader
{
  background-color: #157BD6;
  height: 23px;  
  
  color: #FFFFFF;
}
.reactieHeader label
{
  font-weight: normal;
}
.headerTitle
{
  padding: 4px 0 0 0;
  display: inline-block;  
}

.kennisbankReactie .formulierContainer
{
  border: solid 1px #157BD6;
}

.kennisbankReactie
{
  margin: 0 0 10px 10px;
}

#kbReactie
{
 margin: 0 0 0 0;
}

.praktijkvoorbeelden
{
 margin: 3px 0 0 0;
}