body
{
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 100%;
   line-height: 1.3em;
   margin: 0;
}

h1, h2, h3, h4, h5, h6
{
   line-height: 1em;
   margin: 0;
}

h4
{
   font-weight: normal;
   line-height: 1.4em;
   margin-top: .3em;
}

table
{
   border-spacing: .05em;
   margin: 1em auto;
   margin-bottom: 0;
   text-align: left;
}

table.left
{
   float: left;
   margin-right: .5em;
}

table.center
{
   margin: 0 auto;
}

table.right
{
   float: right;
   margin-left: .5em;
}

td, th
{
   line-height: 1.5em;
   padding: 0 .25em;
}

p.description
{
   color: #93322c;
   line-height: inherit;
}

a
{
   text-decoration: none;
}
/*
#gebarenbos a     { color: #c1cc26; }
#gebarenfabriek a { color: #ff6633; }
#gebarenwereld a  { color: #ffe473; }
#gebarenwinkel a  { color: #ffedc7; }
*/
img
{
   border: none;
}

img.fLeft
{
   float: left;
   margin-right: .5em;
}

img.fRight
{
   float: right;
   margin-left: .5em;
}

div.textflowSpacerLeft
{
/*outline:1px solid green;*/
   clear: left;
   float: left;
   margin-right: .5em;
   height: 1.3em;       /* same as line-height set in body selector */
}

div.textflowSpacerRight
{
/*outline:1px solid green;*/
   clear: right;
   float: right;
   margin-left: .5em;
   height: 1.3em;       /* same as line-height set in body selector */
}

div.wrapper
{
   overflow: hidden;    /* precludes use of markup to clear floats */
   position: relative;
   width: 100%;         /* needed in xPloder to get this hack to work */
}

hr
{
   margin: 1em auto;
   width: 100%;
}

sup
{
   font-size: .7em;
   line-height: .4em;
   top: .2em;
}

sub
{
   font-size: .7em;
   line-height: .4em;
   bottom: -.2em;
}

hr.gebarenbos             { color: #be2828; }
hr.gebarenfabriek         { color: #b33631; }
hr.gebarenwereld          { color: #ffffb1; }
hr.gebarenwinkel          { color: #c1cc26; }

h1.gebarenbos#header        { background-color: #ffcc00; color: #be2828; }
h1.gebarenfabriek#header    { background-color: #ffcc00; color: #ffffff; }
h1.gebarenwereld#header     { background-color: #cc3333; color: #ffffff; }
h1.gebarenwinkel#header     { background-color: #c1cc26; color: #ffffff; }

h2.gebarenbos#subHeader     { background-color: #ffcc00; color: #ffffff; }
h2.gebarenfabriek#subHeader { background-color: #cc3333; color: #ffeb00; }
h2.gebarenwereld#subHeader  { background-color: #ffcc00; color: #000000; }
h2.gebarenwinkel#subHeader  { background-color: #ffcc00; color: #be2828; }

.abs       { position: absolute; }
.rel       { position: relative; }
.fixed     { position: fixed; }

.centered  { margin: 0 auto; }

.aLeft     { text-align: left; }
.aCenter   { text-align: center; }
.aRight    { text-align: right; }
.aTop      { vertical-align: top; }
.aBottom   { vertical-align: bottom; }

.fLeft     { float: left; }
.fRight    { float: right; }

.big       { font-size: 1.2em; }
.bigger    { font-size: 1.4em; }
.biggest   { font-size: 1.6em; }
.small     { font-size: .8em; line-height: normal; }
.smaller   { font-size: .6em; line-height: normal; }
.smallest  { font-size: .4em; line-height: normal; }

.sCaps     { font-variant: small-caps; }
.mono      { font-family: "Andale Mono", "Lucida Console", "Courier New", Courier, monospace; }
.disabled  { color: dimgray; }
.nowrap    { white-space: nowrap; }

.clickable { cursor: pointer; }

#gebarenbos     { background-color: #c1cc26; }
#gebarenfabriek { background-color: #ff6633; }
#gebarenwereld  { background-color: #ffe473; }
#gebarenwinkel  { background-color: #ffedc7; }

#header
{
   min-height: 0;
   padding: .28em .6em;
   letter-spacing: .06em;
}

#subHeader
{
   padding: .33em .8em;
   letter-spacing: .06em;
}

#content
{
   margin: 1.75em 3.5em 1.75em 1.3em;
   max-width: 40em;
   letter-spacing: .02em;
}