/* Start of CMSMS style sheet 'Layout: Website' */
/* Start van stijlblad voor 'Layout: Website' */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

html{
    height: 100%;
}

/*****************

globale indeling

*****************/

body {
    background-color: #BABABA;
    color: #F7F7F7;
    position:relative;
}

div#pagewrapper {
    max-width: 880px;       /* IE is dom, dus passen we wat javascript toe */
    min-width: 671px;
    padding-top: 9em;      /* maakt ruimte voor onderdelen in de kop:(menu, zoekbeld e.d. */
    margin: 20px auto 0 auto;
    color: #474747;
    background: #F7F7F7 url("/images/frontend/rechtsboven.jpg") no-repeat right 0;
    position:relative;
}

h1#sitetitle a {
    /* hier zit de linker bovenhoek in */
    display: block; 
    position:absolute;
    width: 42px;
    height:169px;
    top:-31px;
    left:-31px;
    background: #BABABA url("/images/frontend/woordlogo.gif") no-repeat 0 0;
    text-indent: -999em;    /* dit verbergt de tekst voor "normale browsers" */
    text-decoration:none;   /* oude firefox geeft een onderstreping want koppeling dus verbergen */

}

div#header {
    position:absolute;
    top: 20px;
    height: 8em;
    width:100%;
    max-width: 880px;
}

div#editbutton {
    position:absolute;
    top:5px;
    right: 275px;
    width:16px;
    height:16px;
}
div#printbutton {
    position:absolute;
    top:5px;
    right: 253px;
    width:16px;
    height:16px;
}

div#search {
    position: absolute;
    top: 0;
    right:40px;
    width: 200px;
    text-align: right;
    background: #F7F7F7;
    border:	1px solid #BABABA;
}

div#search input.textinput, div#search input.button{
	border:	0;
	height:18px;
}

div#search input.textinput{
	padding: 3px 0 0 3px;
	width:167px;
	font-size: x-small;
	background: #F7F7F7;
	color: #616161;
}

div#search input.button{
	border-left-width: 0;
	vertical-align: bottom;
	padding: 1px 0 2px 0;
}

div.breadcrumbs {
    padding: .5em 2em .3em 0;
    font-size: 90%; 
    position: absolute;
    top: 0;
    left:40px;
    width: 500px;
}

div.breadcrumbs span.lastitem { 
   background: inherit;
   color: #8C8C8C;
   background-color: inherit;
} 

div#content {
   margin: 0 auto 0 0;
   position:relative;
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   position:relative;
   color: #636363;
   background-color: #FEC954;
}

div#footer p {
   font-size: 0.9em;
   line-height:1.6;
   padding: 0.8em 0 0.8em 50px;      /* some air for footer */
   margin:0 240px 0 0;
}

div#footer img#logo {
   display: block;
   position:absolute;
   top:-80px;
   right:40px;
}


/* as we hid all hr for accessibility we create new hr with extra div element */

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* verberg ongewenste reclame */

P font table {display:none;}

/* Use this class on any div.span / container to see the grid. */

/* background: url(/images/frontend/grid.png); */
.showgrid { }

/* Eind van stijlblad voor 'Layout: Website' */
/* End of 'Layout: Website' */