/*
** HTML elements
** leer me is css
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  font: 10pt Arial, sans-serif;
  background: transparent url(images/gradient.jpg) repeat-x scroll 0 40%;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}
.activeMenu {
  color: #009ee0;
}
.activeSubMenu {
  color: #83d0f0;
}
a:link {
  color: #002e54;
}
a:visited {
  color: #002e54;
}
a:hover {
  color: #125c9a;
  text-decoration: underline;
}
.subMenuItem a {
  color: white;
}
.subMenuItem a:visited {
  color: white;
}
.subMenuItem a:hover {
  color: #bdd0d3;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}

#footer {
  background-color: #eee;
  padding: 1em;
  font-size: 0.8em;
}

#global {
  padding-bottom: 0px;
  background-color: white;
  width: 950px;
  height: 1400px;
  border: none;
  margin-left: auto;
  margin-right: auto;
  background: transparent url(images/gradient2.jpg) repeat-x scroll 0 40%;
}

#main
{
  color: #002e54;
  position: absolute;
  padding: 15px;
}

#mainlogo {
  width: 175px;
}

#mainmenu {
  position: relative;
  top: 9px;
  height: 30px;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#langmenu {
  float: right;
  position: relative;
  top: -16px;
}

#submenu {
  position: absolute;
  left: 0;
  top: 30px;
  width: 710px;
  height: 85px;
  font-weight: bold;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  border: none;
}

#leftpanel {
  float: left;
  width: 200px;
  height: 1200px;
}

#centerpanel {
  float: right;
}

#rightpanel {
  float: right;
}

#photoblock {
  float: right;
}

#sitecontent {
  width: 700px;
}

.error {
  color: dark;
}

.warning {
  color: blue;
}

img {
  border-width: 0;
}

.pageControlButton {
  cursor: pointer;
  float: right;
}

#contentLeft {
  width: 250px;
  float: left;
}

#contentRight {
  width: 250px;
  float: right;
}

#sectionLogo {
  width: 190px; height: 125px; float: left;
}

#sectionB {
  position: absolute;
  left: 205px;
  top: 15px;
  width: 730px; height: 125px; float: right;
}

#sectionC {
  position: absolute;
  left: 15px;
  top: 140px;
  width: 190px; height: 290px; float: left;
}

#sectionD {
  position: absolute;
  left: 205px;
  top: 140px;
  width: 580px; height: 290px;
}

#sectionE {
  position: absolute;
  left: 785px;
  top: 140px;
  width: 150px; height: 290px; float: right;
}

#sectionF {
  position: absolute;
  left: 15px;
  top: 440px;
  width: 180px; height: 640px; float: left;
  text-align: justify;
  padding: 5px;
}

#sectionContentLeft {
  position: absolute;
  left: 205px;
  top: 470px;
  width: 275px; height: 600px; float: left;
  text-align: justify;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#sectionContentRight {
  position: absolute;
  left: 490px;
  top: 470px;
  width: 275px; height: 600px; float: left;
  text-align: justify;
  padding: 5px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#sectionI {
  position: absolute;
  left: 780px;
  top: 470px;
  width: 140px; height: 600px; float: right;
  text-align: justify;
  padding: 5px;
}

#sectionTitle {
  position: absolute;
  left: 205px;
  top: 430px;
  width: 730px; height: 40px; float: left;
}

#titleBar {
  position: absolute;
  left: 0px;
  top: 40px;
}

.pageTitle {
  position: absolute;
  padding: 10px;
  font-size: 14pt;
  margin: 0px;
}

#leftSlide {
  width: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#rightSlide {
  width: 290px;
  position: absolute;
  left: 290px;
  top: 0px;
}

#slideControls {
  position: relative;
  background-image: url('images/panel.gif');
  background-repeat: no-repeat;
  width: 77px;
  height: 27px;
  top: -29px;
  left: -1px;
}

#buttonSlideLeft {
  position: absolute;
  left: 10px;
  top: 5px;
}

#buttonSlideRight {
  position: absolute;
  left: 58px;
  top: 5px;
}

#loginBox {
  position: absolute;
  left: 15px;
  top: 780px;
}

.menuItem {
  font-weight: bold;
}

#breaks {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
}

#break_logo
{
  position: absolute;
  left: 2px;
  top: 136px;
}

#break_ro
{
  position: absolute;
  left: 205px;
  top: 30px;
}

#break_dubbel1
{
  position: absolute;
  left: 202px;
  top: 430px;
}

#break_dubbel2
{
  position: absolute;
  left: 782px;
  top: 430px;
}

#break_rbflat
{
  position: absolute;
  left: 2px;
  top: 401px;
}

#break_loflat
{
  position: absolute;
  left: 935px;
  top: 45px;
}

#break_lbflat
{
  position: absolute;
  left: 935px;
  top: 427px;
}

.pageTitleBox
{
  position: absolute;
  left: 20px;
  top: 10px;
  height: 20px;
}

#pageTitleSaveButton
{
  position: absolute;
  left: 480px;
  top: 10px;
}

table td, th
{
  border: none;
}

.listing
{
  border-collapse: collapse;
  border: 1px solid grey;
  width: 920px;
}

.listing th, td
{
  text-align: left;
  border: 1px solid grey;
  padding: 4px;
}

.listing th
{
  background-color: lightgray;
}

.listing a
{
  color: blue;
}

.birthdayMailRow
{
  background-color: #ffee99;
}