body        {background-color: #FFFFF0; font-family: arial, helvetica, sans-serif; font-size: 12px; margin: 0px;  }
p           {margin: 0px 0px 1px 0px; padding: 2px 4px 2px 4px; }
b           {font-weight: bold; color: #3044B5;}
u           {color: #0000C0; text-decoration: none; font-weight: bold; }
li          {list-style-position: outside; list-style-type: square; }
h1          {font-size: 20px; font-weight: bold; text-align: right; margin: 2px 2px 4px 2px; }
h2          {font-size: 18px; font-weight: bold; color: #3399FF;  font-weight: bold; margin: 2px 2px 6px 2px; }
em          {color: #FF0000; font-weight: bold; font-style: normal; }
a           {color: #FF0000; text-decoration: none;}
a:hover     {color: #FF0000; text-decoration: underline;}
form        {margin: 0px; padding: 0px;}
table       {border-collapse: collapse; }
td          {padding: 2px; vertical-align: top; font-family: arial, helvetica, sans-serif; font-size: 12px;}
th          {padding: 2px; vertical-align: top; font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: left; }
ul          {margin:0; }

a img       {border: 1px solid #FF0000;}

.title { color: #3399FF; text-align: left; background-color: #FFFFE0; font-weight: bold; }
.noborder { border: none; }
.date {color: #3044B5; font-weight: normal;  white-space: nowrap;}
.maxwidth { width: 99%; margin:0px auto;}
.right { text-align: right; }
.center { text-align: center; }
.modOneline { margin: 0px; text-align: right; vertical-align: top;}

/***** Main frame *****/
#wrapper {
  width: 770px;
  margin: 10px auto 10px auto;
  background-image: url(pictures/main_back.gif);
  background-color: #A0BEC8;
}
#frametop { 
  height: 53px;
  background-image: url(pictures/top.gif); background-repeat: no-repeat;
}
#framemenu {
  height: 20px;
  background-image: url(pictures/mainmenu_back.gif); background-repeat: no-repeat;
}
#framecontent {
  padding: 8px 14px 0px 14px;
}
#framebottom {
  height: 25px;
  background-image: url(pictures/bottom.gif);
  clear: both;
}

/***** Main menu ******/
table.mainnav            { border-collapse: separate; margin-left: 10px; padding: 0px; border-spacing: 4px 2px; }
table.mainnav td         { margin: 0px; font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; width: 65px; }
table.mainnav a          { 
  color: #FFFFFF; font-weight: bold; text-decoration: none; display: block;
  background-image: url(pictures/mainmenu_button_normal.gif);
  width: 65px; height: 16px;
  border-left: 1px solid #2F57A9; border-right: 1px solid #2F57A9;
  vertical-align: bottom;
  padding: 0px 0px 0px 4px;
}
table.mainnav a:hover    {
  background-image: url(pictures/mainmenu_button_hover.gif);
  color: #FFD600; text-decoration: none; font-weight: bold;
  border-left: 1px solid #3044B5; border-right: 1px solid #3044B5;
}
table.mainnav a.selected {
  background-image: url(pictures/mainmenu_button_selected.gif);
  border-left: 1px solid #030337; border-right: 1px solid #030337;
}
table.mainnav a.selected:hover { color: #FFFFFF; }

table.mainnav a.login {
  width: auto;
  font-size: 10px;
  width: auto;
  background: none;
  border: none;
}

/***** Content frame *****/
#contentLeft {
  width: 452px;
  padding: 0px;
  float: left;
}
#contentRight {
  width: 290px;
  padding: 0px;
  float: left;
}

#framecontent h1 { color: #3399FF; }

.mainblock { margin: 0px 8px 8px 0px; }

.modblock { margin: 0px 0px 8px 0px; }

.mainblock, .modblock {
  padding: 0px;
  background-color: #FFFFFF;
  border-top: 2px solid #3044B5;
  border-left: 2px solid #3044B5;
  border-bottom: 2px solid #3044B5;
  border-right: 15px solid #3044B5;
  text-align: justify;
}

.thumbtext { margin: 0px; width: 100%; }
.thumbtext td { padding: 0px; }
.thumbtext a img { margin: 1px 2px 0px 4px;  }

.mainblock .thumbtext p { margin: 2px 0px 2px 0px; overflow:hidden; }


.modblock .thumbtext img { width: 75px; margin-bottom: 4px;}
.modblock .thumbtext p { margin: 2px 0px 0px 2px; overflow:hidden; }
.modblock .thumbtext .title { margin-bottom: 0px; }


table.form    { border: 1px solid #808080; background-color: #FFFFE0; margin: 0px auto;}
table.form th { color: #3399FF; }

/***** Tables in db/ *****/
table.box    { border-collapse: collapse; border: 2px solid #0000C0; background-color: #A0BEC8; width: 90%; margin-top: 10px; }
table.box td { padding: 4px; }
table.box th { padding: 4px; font-size: 14px; background-color: #3399FF; color: #FFFFFF; border-bottom: 2px solid #0000C0; }
table.box b  { color: #000000; }
table.box img { border: 1px solid #000000; }

#update    { background-color: #A0BEC8; border: 2px solid #0000C0; width: 770px; margin: 10px auto 10px auto; }
#update .mainblock { margin: 4px 8px 8px 8px; }
#update p  { margin: 4px 8px 4px 8px; }
#update h1 { background-color: #3399FF; border-bottom: 2px solid #0000C0; color: #FFFFFF; padding: 2px; margin: 0px;}
#update h2 { color: #0000C0; padding: 2px; margin: 4px 8px 4px 8px;}
#update td { padding: 3px; }
#update th { padding: 3px; background-color: #3399FF; color: #FFFFFF; border-bottom: 2px solid #0000C0; }
#update table.inner { border-collapse: collapse; width: 100%; border: 0px solid #0000C0; }
#update table.inner td.separator { padding: 0px; margin: 0px; background-color: #A0BEC8; border-left: 2px solid #A0BEC8; border-right: 2px solid #A0BEC8; }
#update table.inner tr.fotodata  { background-color: #FFFFFF; border: 2px solid #0000C0; }

#box    {
  border: 2px solid #0000C0;
  background-color: #A0BEC8;
  margin: 10px;
}
#box h1  {
  background-color: #3399FF;
  color: #FFFFFF;
  border-bottom: 2px solid #0000C0;
  margin: 0px;
  padding: 4px;
  font-size: 14px;
  text-align: left;
}
#box b   { color: #000000; }
#box img { border: 1px solid #000000; }
#box em  { font-size: 12px; font-weight: normal; }

/***** voor de postcard *****/
table.postcard    { border-collapse: collapse; border: 1px solid #000000; background-color: #F0F0F0; width: 640px; margin-top: 10px; }
table.postcard td { padding: 15px; height:150px; border-right: 1px solid #000000; }
table.postcard b  { color: #000000; }

/***** foto.php, zijkant.php *****/
#foto    { background-color: #000000; padding: 10px; }
#foto h1 { font-family: arial, helvetica, sans-serif; font-size: 2.5em; font-weight: bold; text-align: right; border-bottom: 1px solid #808080; margin-bottom: 0.5em; }
#foto p  { font-family: arial, helvetica, sans-serif; text-align: center; font-size: 1.5em; margin-top: 0px; margin-bottom: 0px; }

#foto .navbar        { width: 100%; height: 30px; background-image: url(pictures/foto_nav/foto_nav_middle.gif); margin: 0px auto 10px auto; }
#foto .navbar td     { vertical-align: middle; }
#foto .navbarleft    { width: 12px; background-image: url(pictures/foto_nav/foto_nav_left.gif); }
#foto .navbarbuttons { text-align: right; }
#foto .navbarright   { width: 12px; background-image: url(pictures/foto_nav/foto_nav_right.gif); }
#foto img            { vertical-align: middle; }
#foto center img     { max-width: 1200px; max-height: 1200px; }
#foto a img          { border: none; }

.comment { width: 100%; border-top: 1px solid #808080; }
.comment td { color: #FFFFFF; border-bottom: 1px solid #808080; }
.comment th { color: #3399FF; border-bottom: 1px solid #808080; }
.comment a       {color: #FF0000; text-decoration: none; font-weight: bold; }
.comment a:hover {color: #FFFF00; text-decoration: none; font-weight: bold; }

#foto #box h1 { font-size: 14px; border-bottom: 2px solid #0000C0; text-align: left; }
#foto #box p  { margin: 4px; }

#zijkant { margin: 10px 0px 10px 0px; text-align: center; }
#zijkant a img { margin: 1px; border: 1px solid #808080; }
#zijkant .noborder { border: none; }


/***** Form elements *****/

.formelement {
  background-color: #FFD600;
  color: #000000;
  border: 1px solid #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 1px;
}

.formbutton {
  background-color: #CCCCCC;
  color: #000000;
  border: 1px solid #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0px;
}