﻿body
{
  margin: 2px;
  padding: 2px;
  font-family: 'Comic Sans MS';
  font-size: 10pt;
  color: black;
  background-image: url('background.jpg');
  background-repeat: repeat;
}

a
{
  color: rgb(077,145,070);
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.page
{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.titel
{
  color: rgb(077,145,070);
  font-size: 12pt;
}

td.content-left
{
  padding: 5px;
  vertical-align: top;
  width: 100%;
  text-align: left;
}

td.content-left div
{
  text-align: justify;
  padding-right: 5px; /*overflow: auto;   height: 525px;*/
}

body.error td.content-left
{
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

body.start td.content-left
{
  background-repeat: repeat-y;
  background-image: url('green-row.gif');
  vertical-align: bottom;
  padding-bottom: 30px;
}

body.nieuws span
{
  font-weight: bold;
  font-size: 12pt;
  color: black;
}

body.nieuws a
{
  cursor: pointer;
  color: black;
}

body.nieuws a:hover
{
  text-decoration: underline;
}

div.nieuws-index
{
  vertical-align: middle;
  text-align: center;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  height: 2em;
}

body.nieuws-item .page
{
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}

body.nieuws .page
{
  text-align: justify;
}

.bedrag
{
  text-align: right;
}

body.statuten td.content-left div
{
  text-align: justify;
  font-family: 'Courier New' , Courier, monospace;
}

body.statuten td.content-left b
{
  color: black;
}

body.statuten td.content-left ul
{
  text-indent: -1em;
}

body.statuten td.content-left ul.none
{
  text-indent: -2em;
  list-style-type: none;
}

body.personalia td.content-left div
{
  text-align: center;
}

body.sponsoren td.content-left div
{
  text-align: center;
}

body.sponsoren td.content-left table.sponsoren
{
  font-family: Tahoma;
  font-size: 8pt;
}

body.sponsoren td.content-left table.sponsoren b
{
  font-size: 8pt;
}

body.sponsoren td.content-left td.sponsor-left
{
  text-align: right;
}

body.sponsoren td.content-left td.sponsor-right
{
  text-align: left;
}

body.umoja
{
  background: orange;
}

form.contact b
{
  font-weight: bold;
  color: black;
  font-family: 'Comic Sans MS';
  font-size: 14px;
}

table.frame
{
  width: 100%;
}

table.frame img
{
  border: 3px solid white;
}

td.menu-vert
{
  padding: 5px;
  background-image: url('background-sunshine.jpg');
  background-repeat: no-repeat;
  vertical-align: top;
  text-align: center;
  width: 84px;
}

td.menu-item-vert-next
{
  height: 100px;
  vertical-align: bottom;
  font-weight: bold;
}

td.menu-item-vert
{
  padding: 15px 0px 30px 0px;
  vertical-align: middle;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  color: rgb(077,145,070);
}

td.menu-item-vert-prev
{
  height: 120px;
  vertical-align: bottom;
  font-weight: bold;
}

td.menu-item-dot
{
  background-position: center center;
  background-image: url('dot-green.gif');
  background-repeat: no-repeat;
  padding-right: 5px;
  padding-left: 5px;
  height: 20px;
}

td.menu-item
{
  vertical-align: middle;
  text-align: left;
}

td.menu-vert table, td.menu-item-vert table
{
  width: 100%;
}

td.menu-item-vert-next a, td.menu-item a, td.menu-item-vert-prev a
{
  font-size: 10pt;
  font-weight: normal;
  color: black;
}

td.colofon
{
  vertical-align: middle;
  text-align: center;
  height: 120px;
  font-size: 8pt;
  color: black;
  background-image: url('background.jpg');
  background-repeat: repeat;
}

td.copyright
{
  vertical-align: middle;
  text-align: center;
  height: 10px;
  color: black;
  font-size: 8pt;
}

table.album
{
  width: 100%;
}

td.album_foto
{
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

td.album_foto img
{
  height: 390px;
}

table.album td
{
  text-align: center;
  vertical-align: middle;
}

div.postzegels
{
  vertical-align: middle;
  text-align: center;
  width: 700px;
  height: 115px;
  overflow: auto;
  white-space: nowrap;
}

table.shadow
{
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
  table-layout: auto;
  empty-cells: hide;
}

td.shadow-content
{
  padding-right: 5px;
  padding-left: 5px;
  height: 100%;
  vertical-align: top;
  background-image: url('shadow-content.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

td.shadow-left
{
  width: 03px;
  height: 100%;
  background-image: url('shadow-left-middle.gif');
  background-repeat: repeat-y;
  background-position: right top;
  vertical-align: top;
  text-align: right;
}

td.shadow-left img
{
  width: 03px;
  height: 100%;
  background-image: url('shadow-left-top.gif');
  background-repeat: no-repeat;
  background-position: right top;
  src: url('space.gif');
}

td.shadow-top
{
  width: 100%;
  height: 03px;
  background-image: url('shadow-top-middle.gif');
  background-repeat: repeat-x;
  background-position: left top;
  vertical-align: top;
  text-align: left;
}

td.shadow-top img
{
  width: 14px;
  height: 03px;
  background-image: url('shadow-top-left.gif');
  background-repeat: repeat-x;
  background-position: left top;
  src: url('space.gif');
}

td.shadow-right
{
  width: 13px;
  height: 100%;
  background-image: url('shadow-right-middle.gif');
  background-repeat: repeat-y;
  background-position: left top;
  vertical-align: top;
  text-align: left;
}

td.shadow-right img
{
  width: 13px;
  height: 13px;
  background-image: url('shadow-right-top.gif');
  background-repeat: no-repeat;
  background-position: left top;
  src: url('space.gif');
}

td.shadow-bottom-left
{
  width: 3px;
  height: 12px;
  background-image: url('shadow-left-bottom.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
  vertical-align: bottom;
  text-align: right;
}

td.shadow-bottom-middle
{
  width: 100%;
  height: 12px;
  background-image: url('shadow-bottom-middle.gif');
  background-repeat: repeat-x;
  background-position: left bottom;
  vertical-align: bottom;
  text-align: left;
}

td.shadow-bottom-middle img
{
  width: 13px;
  height: 12px;
  background-image: url('shadow-bottom-left.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  src: url('space.gif');
}

td.shadow-bottom-right
{
  width: 13px;
  height: 12px;
  background-image: url('shadow-bottom-right.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  vertical-align: bottom;
  text-align: left;
}

img, table, tr, td, iframe
{
  border-color: black;
  border-width: 0;
}

