* { font-family:Tahoma,Verdana,sans-serif; line-height: 1.4em; }
body { margin:0;  padding:0; color: #000; background: url("../png/page-bg.png") -50px 0 repeat-y #ccc; text-align: left; font-size: 0.80em; } 
input, select, table, td, th, textarea { line-height: 1.4em; font-family:Tahoma,Verdana,sans-serif; font-size: 1em; }
a { color: #000; text-decoration: none; font-weight: bold; }
a:hover { color: #000; text-decoration: none; font-weight: bold; background: #81c93e;}
h1 { font-size: 1.65em; font-weight: normal; color: #666; letter-spacing: 0.125em; margin-top: 1em; line-height: 1.2em;font-family:Tahoma,Verdana,sans-serif; }
h2, h2 a { font-size: 1.05em; margin: 0; font-family:Tahoma,Verdana,sans-serif; letter-spacing: 0.1em;}
h3 { font-size: 1em; font-weight: bold;color: #666; font-family:Tahoma,Verdana,sans-serif; }
h4 { font-size: 1em; font-weight: bold;color: #666; font-family:Tahoma,Verdana,sans-serif; }
p { margin: 0 0 1.25em 0; line-height: 1.6em; font-family:Tahoma,Verdana,sans-serif; }
input, select, textarea { background: #81c93e; color: #fff; font-family:Tahoma,Verdana,sans-serif; }
small { font-size: .88em }

div#page { width: 1000px; text-align: left; margin: 0 0; }
div#header { height: 200px; background: url(../png/head.jpg) 50% no-repeat #000; margin-right: 1px;}
div#container { width: 100%; }
div#sub { width: 400px; float: left; height: 600px; background: url("../png/sub.jpg") 0 0 no-repeat; padding-top:-1em; }
div#content { width: 600px; float: left; background: url("../png/content.jpg") 100% 0 no-repeat;}

.spacer { padding: 1.5em; }
.centered { text-align: centered; }
.box { background: #F3FAEC; padding: 0.5em; border: 1px solid #000; margin-bottom: 0.5em; } 
.greenbox { clear: left; background: #81c93e; padding: 3px; border: 1px solid #000; color: #fff; margin-bottom: 0.5em; } 
/* div#sub .box,div#sub .greenbox {filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;} */
div.date .day, div.dateinactive .day, div.datecancelled .day {font: normal 1.7em "Trebuchet MS",Arial; margin-top: 2px;}
div.date .month, div.dateinactive .month, div.datecancelled .month {margin-top: 3px; font: normal 0.8em Verdana; text-transform: uppercase; color: #FFF;}
div.date {clear: both; float: left; height: 50px; width: 49px; background: url("../png/bgdate.png") no-repeat; text-align: center; color: #666; cursor: default;}
div.dateinactive {clear: both; float: left; height: 50px; width: 49px; background: url("../png/bgdateinactive.png") no-repeat; text-align: center; color: #BBB; cursor: default;}
div.datecancelled {clear: both; float: left; height: 50px; width: 49px; background: url("../png/bgdatecancelled.png") no-repeat; text-align: center; color: #BBB; cursor: default; text-decoration: strike-through; }
div.col-description { text-decoration: underline; display: block; color: #666; line-height: 20px; }
div.col-input { margin-left: 20px; display: block; margin-bottom: 1em;line-height: 20px; }
div.col-input input, div.col-input textarea, div.col-input select { margin-top: 4px; border: 0; color: #000; padding: 2px; }
.comment { float: right; font-size: 10px; line-height: 14px; margin-top: 0px; background: url(../png/comment.gif) 0 0 no-repeat #bbbbbb; width: 20px; height: 16px; padding: 0 2px 0 18px; color: #fff; text-align: left; }

#sub .spacer {margin-top: -20px;}
#header h1 a {color: #fff; font-weight: normal; letter-spacing: normal; padding: .25em}
#header h1 { font-size: 20px; color: #fff; padding: 6.5em 0.25em 0.25em 0.25em; font-weight: normal; letter-spacing: normal; }
.active {background: #000; border: 1px solid #fff; border-bottom: 0;}
.box  h1 { margin: 0 0 0.25em 0; border-bottom: 2px solid #666; line-height: 1.3em; text-align: center; font-size: 140%;}
.box  h4 { margin: 0 0 0.25em 0; border-bottom: 2px solid #666; line-height: 1.3em; text-align: center; font-size: 125%;}
#content  h1 { font-size: 28px; margin-top: -10px; border-bottom: 1px dotted #999; border-top: 1px dotted #999; padding: 3px; color: #333;}
/* #content  h1 { font-size: 18px; text-align: center; border: 3px solid #81c93e; padding: 3px; color: #81c93e } */
.zOut { font-size: 75% }
.zIn {font-size: 125%;text-transform: capitalize;  }

.fpCommentText {margin-top: -1.4em; color: #666; }
.fpCommentPoster {color: #666; margin-left: -64px; text-align: right;width: 58px; }
.fpH2 {text-transform: capitalize;margin: 2px 0; font-size: 13px;}
.fpDiv {margin: 0 2px; padding-left: 64px;}
.fpEvenement {background: url(/layout/evenement.gif) repeat-y;}
.fpNieuwsbericht {background: url(/layout/nieuwsbericht.gif) repeat-y;}
.fpColumn {background: url(/layout/column.gif) repeat-y;}
.fpReview {background: url(/layout/review.gif) repeat-y;}
.fpEvenement, .fpNieuwsbericht, .fpColumn, .fpReview { margin: 0 0 0 -15px; }
.fpOp {filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
.fpItem {margin: 1em 0;}
.fpDate{color: #666;}
.fpLink  {display: block;margin: 3px 0;}