/* Declaring HTML5 elements */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
  display: block;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  background-color: #ffffff;
}
#container {
  background-image: url("../images/bodybg.png");
  background-repeat: repeat-x;
  text-align: center;
}
#headerholder {
  background-image: url("../images/headerbg.png");
  background-repeat: no-repeat;
  width: 1000px;
  height: 212px;
  margin: auto;
  text-align: left;
}
#starterholder {
  background-image: url("../images/starterholderbg.png");
  background-repeat: no-repeat;
  width: 1000px;
  height: 10px;
  margin: auto;
  text-align: left;
}
#pageholder {
  background-image: url("../images/pageholderbg.png");
  background-repeat: repeat-y;
  width: 1000px;
  margin: auto;
  text-align: left;
}
#footerholder {
  background-image: url("../images/footerholderbg.png");
  background-repeat: no-repeat;
  width: 1000px;
  height: 30px;
  margin: auto;
  text-align: left;
}
#header {
  background-image: url("../images/websitetitle.png");
  background-repeat: no-repeat;
  background-color: #BE0000;
  color: #ffffff;
  width: 960px;
  height: 195px;
  margin: auto;
  position: relative;
  top: 3px;
}
#page {
  width: 960px;
  margin: auto;
  background-image: url("../images/pagebg.png");
  background-color: #FFFFE0;
  color: #404040;
  position: relative;
}
#sidebar {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 180px;
}
#footer {
    width: 960px;
	margin: auto;
	padding: 10px 0;
	color: #000000;
	font-size: 8pt;
    text-align: center;
    vertical-align: top;
}
#content {
  margin-right: 180px;
  padding:10px 20px;
  min-height: 350px;
}
#pageend {
  width: 960px;
  height: 180px;
  margin: auto;
  margin-top: 5px;
  background-image: url("../images/pageendbg.png");
  clear: both;
}
h1 {
  color: #202020;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4);
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}
h2 {
  color: #202020;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4);
  font-size: 1.5em;
  font-style: normal;
}
hgroup h1 {
  margin-bottom: 0px;
}
hgroup h2 {
  margin-top: 0px;
  font-style: italic;
}
p {
  line-height: 1.3em;
  margin-bottom: 1.2em;
  margin-top: 0.6em;
}
a {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #CC4747;
	text-decoration: none;
}
a:hover {
	color: #0C209B;
	text-decoration: underline;
}
span.nocss {
	display: none;
}
small.copyinfo {
	display: none;
}
img {
	text-decoration: none;
	margin: 10px;
}
img.interface,
#jquery-lightbox img,
#top_up img {
	margin: 0px;
}
a img {
	border: 0px;
}
#homebutton {
	display: inline-block;
	height: 190px;
	overflow: hidden;
	text-indent: -100px;
	width: 750px;
}
#header a:hover  {
	text-decoration: none;
	color: #CC0000;
}
#intochtdatum {
	float: right;
	width: 190px;
	text-align: center;
	position: relative;
}
#intochtdatum img {
	float: right;
	margin-right: 0px;
	margin-left: auto;
	width: 190px;
	border: none;
}
#intochtdatum img.jaar {
	margin: 0px;
	height: 43px;
	width: 104px;
	position: absolute;
	left: -163px;
	top: 100px;
}
#intochtdatum img.weekdag {
	margin-top: 8px;
	height: 30px;
}
#intochtdatum img.dag {
	margin-top: 0px;
	height: 115px;
}

p.introtext {
	font-style: italic;
}

/* Navigation */
#navigation {
  left: 20px;
}
#navigation ul {
  padding-left: 0px;
}
#navigation li {
  display: block;
  background-image: url("../images/menuitem.png");
  background-repeat: no-repeat;
  height: 34px;
  line-height: 26px;
  margin-bottom: 2px;
  width: 200px;
  list-style-type: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14pt;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4);
}
#navigation li span {
  display: block;
  overflow: hidden;
  width: 180px;
  padding-left: 16px;
}
#navigation li a span,
#navigation li a:link span,
#navigation li a:visited span {
  color: #FFFFFF;
}
#navigation li.selected a span,
#navigation li.selected a:link span,
#navigation li.selected a:visited span,
#navigation li.active a span,
#navigation li.active a:link span,
#navigation li.active a:visited span {
  color: #ffd800;
}
#navigation li a:hover {
  text-decoration: none;
}#navigation li a:hover span {
  color: #ffd800;
}

/* Download links */
.downloads {
  left: 20px;
}
.downloads ul {
  padding-left: 0px;
}
.downloads li {
  display: block;
  background-image: url("../images/downloaditem.png");
  background-repeat: no-repeat;
  height: 34px;
  line-height: 26px;
  margin-bottom: 2px;
  width: 200px;
  list-style-type: none;
  color: #2E2E2E;
  font-weight: bold;
  font-size: 14pt;
  text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4);
}
.downloads li span {
  display: block;
  overflow: hidden;
  width: 180px;
  padding-left: 16px;
}
.downloads li a span,
.downloads li a:link span,
.downloads li a:visited span {
  color: #2E2E2E;
}
.downloads li a:hover {
  text-decoration: none;
}.downloads li a:hover span {
  color: #000000;
}
/*************************
  News-items mark-up
**************************/
.news {
	clear: both;
	margin-top: 2em;
}
.news .newsheader {
	background: #FBEA89; 
	position: relative;
	margin-left: -40px;
	border-radius: 5px;
	height: 40px;
}
.news .title {
	font-size: 16pt;
	font-weight: bold;
}
.news .newsheader .title {
	height: 40px;
	position: relative;
	top: 7px;
	left: 0px;
	color: #000000;
}
.news .newsheader.pagetitle {
	margin-bottom: 1.5em;
}
.news .newsheader .shield {
	background: #BE0000; 
	color: white;
	position: relative;
	float: left;
	margin-right: 6px;
	padding-top: 3px;
	padding-bottom: 0px;
	width: 34px;
	text-align: center;
	border-radius: 5px 0px 0px 5px;
	height: 37px;
	line-height: 1em;
}
.news .newsheader .shield .day {
	font-weight: bold;
}
.news .newsheader .shield .month {
	font-weight: normal;
	font-size: 9pt;
}
.news .author {
	color: #A0A0A0;
	font-style: italic;
	font-size: 11pt;
}
.news .text {
	font-size: 11pt;
	clear: left;
	text-align: justify;
}
.news .text p {
	text-align: justify;
}
.news .oldstyle .shield {
	position: relative;
	float: left;
	margin-top: -12px;
	margin-right: 10px;
	margin-bottom: -12px;
	margin-left: -4px;
}

.news p.date {
	width: 42px;
	height: 10px;
	padding: 18px 0 14px 0;
	text-align: center;
	font-weight: bold;
}
.news p.date span { display: none; }

.news .month01 { background: url('../images/cal/01.gif') no-repeat 0 0; }
.news .month02 { background: url('../images/cal/02.gif') no-repeat 0 0; }
.news .month03 { background: url('../images/cal/03.gif') no-repeat 0 0; }
.news .month04 { background: url('../images/cal/04.gif') no-repeat 0 0; }
.news .month05 { background: url('../images/cal/05.gif') no-repeat 0 0; }
.news .month06 { background: url('../images/cal/06.gif') no-repeat 0 0; }
.news .month07 { background: url('../images/cal/07.gif') no-repeat 0 0; }
.news .month08 { background: url('../images/cal/08.gif') no-repeat 0 0; }
.news .month09 { background: url('../images/cal/09.gif') no-repeat 0 0; }
.news .month10 { background: url('../images/cal/10.gif') no-repeat 0 0; }
.news .month11 { background: url('../images/cal/11.gif') no-repeat 0 0; }
.news .month12 { background: url('../images/cal/12.gif') no-repeat 0 0; }

.news .commentscloud {
	position: absolute;
	text-align: center;
	top: 0px;
	left: 22px;
	width: 30px;
	height: 24px;
	padding: 3px 0;
	background: url('../images/bubble.png') no-repeat 0 0;
	font-weight: bold;
}

/*************************
  Class-based item mark-up
**************************/
table {
  border-spacing: 0px;
}
td {
  height: 22px;
}
td.time {
  background-image: url("../images/timeitem.png");
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 20px;
  vertical-align: top;
}
td.activiteit {
  font-weight: bold;
  width: 200px;
}
.timespan {
  font-weight: bold;
}
img.image {
	border: 1px solid grey;
}
img.photo,
img.frameFoto {
	background: white none repeat scroll 0 0;
	border: 1px solid grey;
	display: inline;
	position: relative;
	z-index: 15;
	-webkit-box-shadow: 5px 4px 2px rgba(140, 140, 140, 0.7);
	-moz-box-shadow: 5px 4px 2px rgba(140, 140, 140, 0.7);
}
@font-face { font-family: "Lucida Handwriting"; src: url('../fonts/lhandw.ttf'); } 
.sintletter
{
	font-family: "Lucida Handwriting", Corbel, Arial, sans-serif;
	font-size: 14pt;
}
.albumphoto .photo 
{
	margin: 3px;
}