html {margin: 0; padding: 0;}
body {font-family: Verdana, "Frutiger Linotype", "Myriad Web", sans-serif;
   font-size: 80%; margin: 0; padding: 0;
   background-color: #FFFFCC; color: black;}
h1 {font-family: "AvantGarde-Book", "URWGothicL-Book",
   "ITC Avant Garde Gothic", "Century Gothic", "Futura Book", sans-serif;
   font-size: 200%; text-transform: lowercase; letter-spacing: 3px;
   margin: 0; padding: 0.33em 0 0.33em 29%; background-color: #FFFFCC;}
h2 {font-family: "AvantGarde-Book", "URWGothicL-Book",
   "ITC Avant Garde Gothic", "Century Gothic", "Futura Book", sans-serif;
   font-size: 150%; margin: 0; padding: 0; width: 100%;
   border-bottom: 3px solid #99CC33;}
h3 {font-family: "AvantGarde-Book", "URWGothicL-Book",
   "ITC Avant Garde Gothic", "Century Gothic", "Futura Book", sans-serif;
   font-size: 100%;}
h4 {font-size: 100%; margin: 0; padding: 0.33em 0 0;
   color: rgb(50%,50%,35%);}
h1, h3, h4 {line-height: 1em;}
p {display: block; line-height: 1.25; margin-top: 5px; margin-bottom: 10px; text-align: justify;}
ul {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom:0; list-style-type: disc}
dt {display: compact; font-style: italic;}
dd {margin-left: 2em; margin-bottom: 0.5em;}
div#masthead { margin: 0; padding 0; height: 50px;
 background-image: url(logo.gif); background-repeat: repeat-x;}

div#crumbs {font-style: italic; margin: 0; padding: 0 0 0.5em 0;}

div#sidebar {float: left;
  width: 9em;
  margin-left: 0.25em;
  padding: 0.25em 0 0.5em;
  border: 3px double black; background-color: #FFFF99;}
div#sidebar b {display: none;}
div#sidebar a {display: block;
  color: black; background: transparent;
  margin: 0; padding: 0 8px;
  text-align: right; font-style: italic;
  text-decoration: none;}
div#sidebar a:hover {color: #943;
  padding-right: 4px; border-right: 4px solid #732;}

div#content {margin-left: 10em; margin-right: 15px; padding 0;}

div#sfeer {font-size: 90%; line-height: 1.25;}
div#route {font-size: 90%; line-height: 1.25;}

div#fotovak {padding-top:2ex;
 padding-bottom:2ex;
 float:right;
 text-align:center;
 vertical-align:top}

div#copyright {font-size: 67%;
 padding: 0px 0px 3ex 0px;
 border: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 text-align:right;
 vertical-align:top}

div#album {text-align: center;}
div#thumbimage {display: inline; vertical-align: middle;}
div#thumbimage a img {border: 0; margin: 4px 4px 4px 4px;}
div#compactimage {text-align: center;}
div#compactimage a img {border: 0; margin: 0px 0px 0px 8px;}
div#fullimage {text-align: center;}

div#teaser {margin-left: 0.5in;
 margin-right: 0.5in;
 padding-bottom: 2em;
}

div#teaserkop {display: inline;
 font-weight: bold;
 padding-right: 0.5em;
}

div#bijgewerkt {font-size: 80%;
 clear: both;
 text-align:right;
}
div#bijgewerkt:before { content: "Laatst bijgewerkt op: "; }

a#skype { margin: 0; padding 0; width: 100%;
 background-image: url(skypeme.gif);
 background-repeat: no-repeat;
 background-position: left;
}

td#rubriek
{vertical-align: top;
 font-size: 80%;
 text-align: left;
 font-weight: bolder;
 border-top: thin solid black}
td#tekst
{font-size: 80%;
 vertical-align: top;
 text-align: left}
td#itemlabel {font-size: 80%; font-style: italic;
 width: 10 em; vertical-align: top; text-align: right}
td#itemwaarde {font-size: 80%;
 vertical-align: top; text-align: left; line-height: 1.25;}

a#miniatuur {width: 120px; height: 120px; text-align: center}

div#albumfoto {margin-left: 10em; margin-right: 10em; text-align:center;}

a#vorige {float:left;}
a#volgende {float:right;}

tr#vluchtoneven{background-color: #cadcf4;}
tr#vluchteven{background-color: #a1bce0;}
tr#vluchtheader{background-color: #e0e0e0;}
tr#treinoneven{background-color: #00ff00;}
tr#treineven{background-color: #7fff7f;}
tr#treinheader{background-color: #e0e0e0;}

div#bolcom {display: inline-block; text-align:center; vertical-align: top; width: 120px; heigth: 240px;}