#content
{
  position: static;
}
#archiefcollecties, #verhalenperplaats, #overrhcvorming, #genealogie, #geschiedenisbank
{
  position: relative;
}
h2,
#tijdvakken .hover,
#verhalenperplaats .more,
/*#collectienieuws,*/
dt
{
  background-color: #D4EC4D;
}
.odd
{
  background-color: #EAF58B;
}
.left-column,
.middle-column,
.right-column
{
  float: left;
}
.dragType-block
{
  margin-bottom: 16px;
  border-bottom: solid 1px #D4EC4D;
  width: 99%;
  overflow: hidden;  
}
.left-column
{
  width: 223px;
  margin-right: 11px;
}
.middle-column
{
  width: 329px;
  margin-right: 11px;
}
.right-column
{
  width: 224px;
}
h2,
dt
{
  padding: 8px 0 8px 10px;
  font-family: Trebuchet MS, Arial;
  font-size: 14px;  
  text-transform: uppercase;
  font-weight: bold;
}
#homepage-box a:hover
{
  text-decoration: underline;
}
/* uitzondering op de regel: */
#homepage-box #tijdvakken a:hover
{
  text-decoration: none;
}
#content .kop,
#content .tekst
{
  margin: 5px 5px 10px 5px;
}
#content .kop p,
#content .tekst p
{
  margin: 10px 0 0 0; padding: 0;
}
#content .kop a,
#content .tekst a
{
  text-decoration: underline;
}
#content .more
{
  display: block;
  padding: 5px 0 5px 26px;
  background: url("/img/more.gif") 10px 10px no-repeat;
  font-weight: bold;
}
dd
{
  padding: 2px 0 2px 10px;
  font-size: 100%;
}
dd a, dd span a 
{
  display: list-item;
  list-style-type: square;
  list-style-position: outside;
  margin-left: 10px;
}
/* tijdvakken */
.tijdvak span
{
  font-size: 100%;
  font-weight: bold;
  cursor: pointer;
}
.tijdvak span
{
  display: block;
}
.tijdvak .titel
{
  width: 100%;
  margin: 0 0 0 10px;
  padding: 7px 0 14px 0;
}
.tijdvak .titel:first-letter
{
  text-transform: uppercase;
}
.tijdvak .periode
{
  margin: 0 125px 0 0;
  padding: 5px;
  text-align: right;
}
#tijdvakken .unhover
{
  height: 25px;
  overflow: hidden;  
}
/* archiefcollecties */

p.query
{
  text-align: center;
}
p.query input
{
  width: 90%; height: 20px;
  border: solid 1px #D4EC4D;
}
p.button
{
  text-align: right;
  margin-right: 5%;
}
p.button input
{
  padding: 3px 10px 3px 10px;
  border: 0;
  background-color: #F4FAC5;
  cursor: pointer;
}
.middle-column #archiefcollecties .button
{
  left: 242px;
}
#archiefcollecties .more
{
  position: relative;
  top: -10px; left: 70px;
}
.middle-column #archiefcollecties .more
{
  left: 170px;
}
/* draggable */
.dragger { cursor: move; }
.dragging-disabled .dragger { cursor: default; }
.dragging { display: none; }
