body 
{
  background:url(/images/grid.jpg) repeat;
  font-family: Tahoma;
  font-size: 69%; 
  color: #616060;    
  margin: 20px 0 0 0;
  text-align: center;
}

#uitgebreidzoeken label.zoektekst
{
  float: left;
}

.homebody ul
{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.homebody ul li
{
  background:url(/images/arrow.jpg) no-repeat top left;
  padding: 0 0 0 10px;
}

#uitgebreidzoeken input
{
  margin-left: 80px;
}

.fieldset
{
  border: 0;
}

#content H1            
{
 font-size: 16px !important;
}

H1.news
{
 margin: 0 0 0 0 !important;
 font-size: 28px !important;
}

/* we locken tabel op max 964px */

#lock
{
  width: 964px;  
  text-align: left;
  margin: 0 auto;
}

.contactform textarea
{
  height: 50px;
}

.contactform .invoer
{
  width: 200px;
}

.contactform .submit
{
  width: 100px;
}

img 
{
  border: none;
}

.feedbackUitschrijven
{
  color: Red;
  font-size: 1.2em;
  padding-top: 20px;
}

.hide
{
  display: none;
}

.clear
{
  clear: left;
  border: solid 1px white;
}

.clearAll
{
  clear: both;
}

#logoBackground
{
  background-color: #FFFFFF;
  position: absolute;
  height: 65px;
  width: 100%;
  top: 20px;
}

H3
{
  font-size: 1.1em;
}

H2
{
  margin: 0 0 10px 0;
  font-size: 1.3em;
  font-weight: bold;
}

H1 { font-size: 28px; font-weight: normal; }

.searchFieldContainer label {
 cursor: pointer;
 color: #EC0089;
 font-size: 0.9em;
 padding-left: 10px; 
}



/* top Navigaties */

#logo {
 background:url(/images/logo.gif) no-repeat top left;
 width: 366px;
 height: 83px;
 float: left;
 position: absolute;
 top: -10px;
 left: 0;
 z-index: 10;
 cursor: pointer;
}

#topNavContainer
{
  position: relative;
  height: 81px;    
  z-index: 5;
}

#logoZoekContainer
{
  position: absolute;
  height: 10px;
  top: 30px;
  width: 100%;
}

#topNav 
{
 text-align: right;
 height: 14px;
 background-color: #616060; 
 text-align: right;
 padding: 5px 5px 3px 0;
 font-size: 1em;
 color: #FFFFFF;
 width: 98%;
 right: 0;
 position: absolute;
}

/* search options */

#zoekbalk
{
 position: absolute;
 top: 19px;
 width: 100%; height: 64px;
 background-color: #FFFFFF;
 text-align: right;
 z-index: 5;
}


#zoekContainer.active
{
  height: auto !important;
}

#zoekContainer
{
  position: absolute;
  right: 0;
  width: 394px; 
  height: 40px;
  text-align: left;
  background:url(/images/searchBackgroundRight.jpg) no-repeat bottom right;
  margin: 31px 22px 0 0px;
  padding: 10px 15px 0 0;
  background-color: #C0BFBF;
  z-index: 9;
  overflow: hidden;
}

#uitklapButton
{
  width: 37px;
  height: 43px;  
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.inactive #uitklapButton
{
  background:url(/images/uitklapmenu.jpg) no-repeat top left;
}

.active #uitklapButton
{
  background:url(/images/uitklapmenuOpen.jpg) no-repeat top left;
}

#advancedSearch{
 padding: 0 0 0 10px;
}
#zoekContainer.inactive #advancedSearch
{
  display:none;
  overflow: hidden;
  height: 1px;
}

* html #zoekContainer .submitImage
{
  margin-top: -1px;
  border: solid 1px #C0BFBF !important;
}

#zoekContainer .submitImage
{
  border: solid 1px #C0BFBF !important;
  margin-top: -2px;
}

.zoekbutton
{
  background-color: #404040;
  border: solid 1px #404040;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0 10px 0 10px;
  margin: 10px 0 0 0;
}

.zoekTable
{
  font-size: 1em;
  margin: 0 0 20px 0;
}

.zoekTable th
{
  font-weight: normal;
}

.label 
{
  padding-top: 3px;
}

label.uitgebreidzoeken
{
  display: block;
  margin: 6px 0 0 0;
  float: right;
  font-weight: normal !important;
}

.zoekLabel
{
  margin-left: 80px;
  font-weight: bold;
}

label.zoektekst
{
  color: #000000;
  font-weight: bold;  
  display: block;
  float: left;
  margin: 6px 0 0 0;
  padding: 0 10px 0 0;
}

.searchFieldContainer
{
  margin: 0 0 0 40px;
  padding-bottom:15px;
  font-weight: bold;  
}

.searchField
{
  width: 150px;
  border: inset 1px;
  height: 18px;
  vertical-align: top;
  margin-right: 5px;
}


#bodyContainer
{
  background-color: #FFFFFF;  
  /* stomme background werkt alleen als er een height is */  
  padding: 10px 0 0 20px;
}

* html #navigation
{
 width: 642px; 
}

#navigation{
 float: left;
 width: 642px;
 /* waarom schiet ie te ver in FF? */ 
 background-color: #000000;
 color: #FFFFFF;
 margin: 0 0 10px 0;
 padding: 5px 5px 5px 5px;
}

#navigation a, #navigation a:visited, #topNav a, #topNav a:visited
{
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 20px 0 20px;
}

#navigation a:hover, #topNav a:hover
{
  text-decoration: underline;
}

* html #leftSection 
{
  margin-bottom: 0;
}

#leftSection {
 width: 652px;  
 float: left;
 margin-right: 10px;
 margin-bottom: 8px;
}

#rightSection{
  vertical-align: top;
  width: 261px;
  float: left;
}

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

/* image voor de homepage */
#homeImage
{
  margin-top: 10px;
  width: 100%;
  height: 203px;
  display: block;
}

/* chapters */
.projectList a, .projectList a:visited
{
  color: #616060;
  text-decoration: none;
}            

.projectList a:hover
{
  color: #EC0089;
}

.chapterGrey, .chapterBlue, .chapterGreen, .chapterOrange, .chapterLightGrey {
 margin-bottom: 10px;
}

.headerLightGrey
{
  color: #353535 !important;
}

.headerGrey, .headerGreen, .headerBlue, .headerOrange, .headerLightGrey
{
  height: 19px;
  padding: 3px 0 0 20px;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0;
}

.headerGrey
{
  background:url(/images/headerGrey.jpg) no-repeat top left;
  background-color: #989898;
}

.headerBlue
{
  background:url(/images/headerBlue.jpg) no-repeat top left;
  background-color: #1878D0;
}

.headerGreen
{
  background:url(/images/headerGreen.jpg) no-repeat top left;
  background-color: #90BC38;
}

.headerOrange
{
  background:url(/images/headerOrange.jpg) no-repeat top left;
  background-color: #F07C20;  
}

.headerLightGrey
{
  background:url(/images/headerLightGrey.jpg) no-repeat top left;
  color: #000000;
  background-color: #D8DCD8;
}

.footerGrey
{
  background:url(/images/footerGrey.jpg) no-repeat bottom right;
  border-left: solid 1px #9A9A9A;
  height: 20px;  
}

.footerBlue
{
  background:url(/images/footerBlue.jpg) no-repeat bottom right;
  border-left: solid 1px #157BD6;
  height: 19px;  
}

.footerGreen
{
  background:url(/images/footerGreen.jpg) no-repeat bottom right;
  border-left: solid 1px #98BF3C;
  height: 20px;  
}

.footerOrange
{
  background:url(/images/footerOrange.jpg) no-repeat bottom right;
  border-left: solid 1px #F67F20;
  height: 20px;  
}

.footerLightGrey
{
  background:url(/images/footerLightGrey.jpg) no-repeat bottom right;
  border-left: solid 1px #DFDFDF;
  height: 21px;  
}


.chapterContent
{
  padding: 15px 10px 0 20px;
  width: auto;
}

.chapterGrey .chapterContent 
{
  border-left: solid 1px #9A9A9A;
  border-right: solid 1px #9A9A9A;
}

.chapterBlue .chapterContent 
{
  border-left: solid 1px #157BD6;
  border-right: solid 1px #157BD6;
}

.chapterGreen .chapterContent 
{
  border-left: solid 1px #98BF3C;
  border-right: solid 1px #98BF3C;
}

.chapterOrange .chapterContent 
{
  border-left: solid 1px #F67F20;
  border-right: solid 1px #F67F20;
}

.chapterLightGrey .chapterContent 
{
  border-left: solid 1px #DFDFDF;
  border-right: solid 1px #DFDFDF;
  background-color: #DFDFDF;
}


/* footer voor de body */
#bodyFooter
{  
  background:url(/images/bottomCorner.gif) no-repeat bottom right;
  height: 50px;  
  clear: left;
}

#footerContainer
{    
 margin: 0 75px 0 0px; 
 background-color: #FFFFFF;
 height: 100%;
}

#footerBackground {
  background-color: #F5F5F5;
  position: absolute;
  width: 860px;
  margin-left: 20px;
  padding: 7px 10px 7px 10px;
}

#footerBackground .right{
 float: right;
}

a:visited, a, #footerContainer a:visited, #footerContainer a, #eventList a, #eventList a:visited, .moreInfo a, .moreInfo a:visited
{
  color: #EC0089;
  text-decoration: none;
}

#footerContainer a:hover, #eventList a:hover, .moreInfo a:hover, a:hover, .projectList a:hover
{
  text-decoration: underline;
} 

/* inhoud van de body */

#leftContent
{
  text-align: left;
  float: left;
  width: 222px;
}

#homeContent
{  
  margin: 0 0px 0 10px;
  float: left;  
  width: 417px;  
}


.pageContent
{  
  text-align: left;
}

/* page markup */
.kop
{
  font-weight: bold;
}

.title {
  font-weight: bold;
  font-size: 1.1em;
  margin: 0 0 5px 0;
}

.auteur
{
  font-style:italic;
}

.preContent
{  
  border-bottom: solid 1px #CCCCCC;  
  padding: 0 0 10px 0;
}

.case
{
  position: relative;
  
  padding: 0 0 10px 10px;
}

.date 
{
  font-size: 0.8em;
}

#bodyContent
{
  margin-top: 9px;  
  border-top: solid 1px white;
}

#bodyContent.menubg
{
  background:url(/images/menubg.gif) repeat-y;
}

.paragraph
{ 
 clear:both; 
}


#contentMenu
{  
  width: 156px;    
  float: left;  
  background-color: #EAEAEA;
}

#contentContainer
{
 float: left;  
 margin: 10px 0 0 0; 
}


#content 
{
  background-color: #FFFFFF;
  padding-bottom: 20px;
  float: left;    
  padding-left: 20px;
  /* ff drukt de container naar beneden als ik een width set */
  width: 473px;
}

#contentImage
{
  height: 129px;
  width: 261px;
  margin-bottom: 15px;
}

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

.submenu
{
 margin: 0;
}

.collapsed .submenu
{
  display:none;
  height: 1px;
  overflow: hidden;
}

.submenu li{
 list-style-type: none;
 margin: 0 0 0 20px;
}

.menu .mainMenu
{ 
 list-style-type: none;
 border-bottom: solid 1px #FFFFFF;
 height: 32px;
 vertical-align: middle;
}
#middle {
  position:absolute;
  top:50%;
  width:100%;
}

#inner {
  position:relative;
  top:-50%;
}

/* morph zaken */

.menu .expanded
{
  background-color: #FFFFFF;
}

.menu .collapsed
{
   overflow: hidden;
}

.menu label{
 cursor: pointer;
}

/* lime opvang ding */
.action-delete
{
 float: right; 
}

.projectList li
{
  background:url(/images/arrow.jpg) no-repeat top left;
  padding: 0 0 0 10px;
}

/* cases */
.caseList, .projectList
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.caseMenu
{
  margin: 0 0 0 10px !important;
}

.caseMenu li
{
  padding: 5px 0 0 0 !important;
}

.menuOptions, .menuOptions li, .menuOptions ul
{
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  border-bottom: solid 1px #FFFFFF;  
}

.menuOptions .menuOptions li
{
  margin: 0;
  padding-left: 10px;
}

.menuOptions li
{
  padding: 5px 0 5px 20px;  
  /* eerste niveau inkorten */
}

.expanded
{
 background-color: #FFFFFF; 
}

.expanded label
{
 font-weight: bold;
}

.menuOptions li.expanded
{  
  background:url(/images/arrow2.jpg) no-repeat 10px 10px;
  background-color: #FFFFFF;  
}

.menuOptions .menuOptions li.expanded
{
  background:url(/images/arrow2.jpg) no-repeat 2px 10px;  
}

.menuOptions a:hover
{
  text-decoration: underline;
}

.menuOptions li a, .menuOptions li a:visited
{
  text-decoration: none;
  color: #EC0089;
}

/* agenda css */
th
{
 text-align: left;
}

table
{
  font-size: 1em;
}

.datum
{
  margin-right: 10px;
  width: 100px;
}

#eventList .eventItem
{
  height: 25px;
}

.moreInfo
{
  width: 85px;
  background:url(/images/arrow.jpg) no-repeat top right;
}

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

/* control panel */
#controlPanel
{  
  float: left;
  width: 470px;  
  margin: 0 0 10px 0;
  background-color: #EAF4F8;
  border: solid 1px #437499;
}

#controlPanel .lime-text-plain
{
 border: inset 1px;
 background-color: #CCCCCC;
}

#controlPanel .controlFooter
{
  height: 21px;
}

#controlPanel .controlHead
{
 background:url(/images/bg.gif) repeat;
 background-color: #EAF4F8;
 height: 21px; 
 font-weight: bold;
 padding: 2px 0 0 25px;   
 cursor: pointer;
}


#controlPanel.inactive #panel
{
 overflow: hidden;
 display: none;
 height: 1px;
}

#controlPanel table
{  
 font-size: 1em;
 margin-left: 20px;
}

#panel
{
  padding: 10px 0 0 0;
}

#controlPanel .action-delete, #controlPanel .action-create
{
  float: left;
}

.alignRight
{
  text-align: right;
}

.limeTekst
{
  width: 300px;
}

.image-align-default
{
  clear: both;
  margin-bottom: 15px;
}

.image-align-left
{
  position:relative;
  float: left;
  margin: 0 5px 0 0;
}
.image-align-right
{
   position:relative;
  float: right;
  margin: 0 0 0 5px;
}

.imageContainer
{
  width: 70%;
  background-color: #EAF4F8;
  border: solid 1px #437499;
}

.imageCont
{
  position: relative;
}

.imageContainerEdit
{
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 999;
  background-color: #EAF4F8;
  border: solid 1px #437499;
}

.imageContainer .small
{
  width: 60px;
}

.feedback
{
  color: Red;
  margin-left: 5px;
}

.homeselect
{
  width: 180px;
  overflow: hidden;
}

.homeselect2
{
  width: 180px;
  overflow: hidden;
}

#contentCaseContainer
{
  width: 100px;
  border: solid 1px red;
}

#zoekenSubmenu
{
 background-color: #EAEAEA;
 margin: 0 0 0 0;
 height: 10px; 
 padding: 5px 0 0 20px;
 color: #FFFFFF; 
}

.spacing
{
  height: 35px;
}

.archiefLijst
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;  
  border-top: solid 1px white;
}

.archiefLijst li
{
  border-bottom: solid 1px white;
  height: 25px;
  padding: 10px 0 0 10px;
}

.skiplink
{
  position: absolute;
  left: -1000px;
}

.underline
{
  text-decoration: underline;
}

/* downloads */
.downloadList
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.downloadContainer
{
  width:220px;
  background-color: #EAF4F8;
  border: solid 1px #437499;
}

.downloadContainer .small
{
  width: 60px;
}

.nieuwsbrief .radio
{
  width: 35px;
  margin: 0;
}

.nieuwsbrief label
{
  display: inline-block;
  height: 18px;
}

.nieuwsbrief input
{
  width: 140px;
}

.nieuwsbrief #newsNaam,
.nieuwsbrief #newsVoorletter,
.nieuwsbrief #newsOrganisatie,
.nieuwsbrief #newsEmail
{
  color: #979797;
  width: 220px;
}

.nieuwsbrief #newsNaam
{
  width: 144px;
}
.nieuwsbrief #newsVoorletter
{
  width: 70px;
}


.nieuwsbrief form
{
  margin: 0;
  padding:0;
}

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

#uitgebreidZoeken .links
{
  float: left;
  width: 60px;
  height: 60px;
  font-weight: bold;
}

#uitgebreidZoeken .periode,
#uitgebreidZoeken .zoeknaar,
#uitgebreidZoeken .zoekin
{
  height: 65px;
}

#uitgebreidZoeken .zoekbutton
{
  margin: 0 0 0 65px;
}
.zoekOnderdeel
{
  clear: both;
}

.schuin
{
  font-style: italic;
}