/***********/
/* Classes */
/***********/

.noborder {
  border: none;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.opmerking {
  color: rgb(0,100,200); /* blauw */
  font-size: 11pt;
}

.ff, .lokaal1, .lokaal2 {
	background-color: rgb(0,100,200); /* blauw */
	color: white;
	font-weight: bold;
}

.lokaal2 {
	background-color: orange;
}

.bottom2em {
  margin-bottom: 2em;
}

/********/
/* Tags */
/********/

body {
  background-color: silver;
	margin: 0;
	padding: 0;
}

img {
  border: none;
  vertical-align: middle;
}

em {
  background-color: yellow;
  font-style: normal;
}

/***********/
/* MARQUEE */
/***********/

div#marquee {
  margin-top: -1em;
  margin-bottom: 0.1em;
}

/********/
/* LOGO */
/********/

div#logo {
	height: 50px;
  background-color: blue;
  margin: 0;
  padding: 0;
  text-align: center;
}

/*******************/
/* NAVIGATIESECTIE */
/*******************/

div#sect_nav {
  height: 16px;
  background-color: rgb(0,100,200); /* blauw */
  font: bold 10pt "Arial", sans-serif;
  color: white;
  text-align: center;
  margin: 0;
  padding: 2px 5px 2px;
  border-bottom: 1px solid orange;
  border-top: 1px solid orange;
  white-space: nowrap;
}

div#sect_nav a {
  color: white;
  text-decoration: none;
  padding: 2px;
  border-left: 1px dotted orange;
}

div#sect_nav a:hover {
  background-color: blue;
  border-left-style: solid;
}

/********/
/* MAIN */
/********/

div#main {
  padding: 5px 5px 0;
}

/*****************/
/* MAIN :: LINKS */
/*****************/

div#links {
  position: fixed;
  top: 77px;
  left: 5px;
  width: 160px;
}

div#links div.navigatie {
  margin: 0;
  padding: 3px;
  text-align: right;
}

div#links a.link,
div#links a.actief {
  width: 150px;
  padding: 3px;
  margin-bottom: 1px;
  display: block;
  color: white;
  text-align: center;
  text-decoration: none;
  font: bold 13pt "Arial", sans-serif;
  background-color: blue;
}

div#links a.actief {
  border-right: 8px solid blue;
}

div#links a.link:hover {
  background-color: rgb(0,100,200); /* blauw */
}

/*******************/
/* MAIN :: CONTENT */
/*******************/

div#content {
  margin: 0 0 0 160px;
  border: blue 5px solid;
  padding: 10px 10px 10px;
  background: white;
  font-family: "Arial", sans-serif;
}

div#content h1 {
  border: orange 1px solid;
  padding: 5px 5px 5px;
  margin: -10px -10px 10px;
  background: rgb(0,100,200);
  font: bold 24pt "Arial", sans-serif;
  color: white;
  text-align: center;
}

div#content h2 {
  color: rgb(0,100,200); /* blauw */
}

div#content h3 {
}

div#content p.verjaardag{
  color: rgb(0,100,200); /* blauw */
  text-align: right;
  font-size: 10pt;
  margin: 3px 0 3px;
}

div#content .datum {
  color: rgb(0,100,200); /* blauw */
  font-size: 8pt;
}

div#content table.border, div#content table.border th, div#content table.border td {
  border-collapse: collapse;
  border: solid rgb(0,100,200) 1px; /* blauw */
  padding: 3px;
}

div#content tr.week, div#content td.week {
  background: rgb(0,100,200); /* blauw */
  font: bold 14pt "Arial", sans-serif;
  color: white;
}

div#content tr.week_vet, div#content td.week_vet {
  background: orange;
  font: bold 14pt "Arial", sans-serif;
  color: white;
}

div#content tr.week_header, div#content td.week_header {
  color: rgb(0,100,200); /* blauw */
  font: bold 13pt "Arial", sans-serif;
  border-top: solid rgb(0,100,200) 1px;
  border-bottom: solid rgb(0,100,200) 1px;
}

div#content tr.ronde, div#content th.ronde, div#content td.ronde {
  font: bold 14pt "Arial", sans-serif;
  padding: 7px 5px 3px;
}

div#content tr.dames, div#content td.dames {
  background-color: rgb(255,192,255); /* lila */
}

div#content tr.jeugd, div#content td.jeugd {
  background-color: rgb(192,255,192); /* lichtgroen */
}

div#content tr.vet, div#content td.vet {
  background-color: rgb(192,255,255); /* lichtblauw */
}

div#content hr {
  height: 0;
  border: solid rgb(51,102,153) 0;
  border-top-width: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

div#content a {
  color: blue;
  text-decoration: none;
}

div#content a:hover {
  color: rgb(0,100,200); /* blauw */
}

div#content a.ff:hover {
  color: white;
  background-color: rgb(128,0,0); /* donkerrood */
}

div#content dt {
  font-weight: bold;
}

div#content ul, div#content ol {
  margin-top: 0.1em;
  margin-bottom: 0.25em;
}

div#content li {
  margin-bottom: 0.25em;
}

div#content li ul, div#content li ol {
  margin-top: 0.25em;
}

fieldset {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(0,100,200); /* blauw */
  margin-bottom: 1em;
  padding: 5px 5px 1px;
}

fieldset img {
  padding-bottom: 4px;
}

legend {
  font-weight: bold;
  color: rgb(0,100,200); /* blauw */
}

div#content dd {
  margin-bottom: 3px;
}

div#content select, div#content input, div#content textarea {
  font-family: "Arial", sans-serif;
  font-size: 11pt;
}

div#content select.kalender {
  background-color: rgb(0,100,200); /* blauw */
  color: white;
  text-align: center;
  font-weight: bold;
}

/*******************************/
/* MAIN :: CONTENT :: KALENDER */
/*******************************/

table.kalender {
  border-collapse: collapse;
  width: 100%;
  padding: 3px;
}

table.kalender tr#bye {
  color: silver;
}

/*************/
/* COPYRIGHT */
/*************/

div#copyright {
  margin: 0 5px 0 165px;
  padding-bottom: 5px;
  text-align: center;
}

div#copyright p {
  margin: 5px 0 5px 0;
  font: 9pt "Arial", sans-serif;
  color: blue;
}

div#copyright a {
  text-decoration: none;
  color: rgb(0,100,200); /* blauw */
}

div#copyright a:hover {
  color: blue;
}