/* general */

body {
  background-color: #EAEAEA;
  color: #000000;
  padding: 0px;
  margin: 0px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

input, textarea, select {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
}

textarea {
  width: 300px;
  height: 175px;
}

a {
  color: #0010AD;
  text-decoration: underline;
}

a:hover {
  color: #800000;
}

hr {
  width: 90%;
}


/* layout */

table.layout_backgound {
  background-image: url('../images/layout/lines.jpg');
  width: 900px;
  border-collapse: collapse;
  border-width: 0px;
  border-spacing: 0px;
}

td.layout_left {
  width: 191px;
  border-width: 0px;
  padding: 0px;
  vertical-align: top;
}

td.layout_right {
  width: 709px;
  border-width: 0px;
  padding: 0px;
  vertical-align: top;
}

td.layout_top {
  background-image: url('../images/layout/top.jpg');
  background-repeat: no-repeat;
  width: 900px;
  height: 179px;
  border-width: 0px;
  padding: 0px;
}

td.layout_bottom {
  background-image: url('../images/layout/bottom.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  border-width: 0px;
  padding: 0px;
  width: 900px;
  height: 20px;
}

td.layout_copyright {
  background-color: #EAEAEA;
  border-width: 0px;
  padding: 0px;
  padding-right: 15px;
  padding-bottom: 10px;
  text-align: right;
  font-size: 60%;
  color: #666666;
}

a.layout_copyright {
  color: #666666;
}

a.layout_copyright:hover {
  color: #666666;
}


/* menu */

table.menu {
  width: 191px;
  border-collapse: collapse;
  border-width: 0px;
  border-spacing: 0px;
}

td.menu_top {
  background-image: url('../images/layout/menu_top.jpg');
  background-repeat: no-repeat;
  border-width: 0px;
  padding: 0px;
  height: 45px;
}

td.menu_item {
  background-image: url('../images/layout/menu_item.jpg');
  padding: 0px;
  padding-left: 20px;
  border-width: 0px;
  color: #FFFFFF;
  font-weight: bold;
}

td.menu_bottom {
  background-image: url('../images/layout/menu_bottom.jpg');
  background-repeat: no-repeat;
  border-width: 0px;
  padding: 0px;
  height: 45px;
}

a.menu {
  color: #FFFFFF;
  text-decoration: none;
}

a.menu:hover {
  color: #FFCC00;
  text-decoration: underline;
}


/* content */

table.content {
  border-collapse: collapse;
  border-width: 0px;
  border-spacing: 0px;
  width: 100%;
}

td.content {
  border-width: 0px;
  padding: 10px;
  padding-right: 25px;
}


/* messagebox */

table.messagebox {
  width: 220px;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  border-color: #000000;
}

td.messagebox_title {
  background-color: #FFCC00;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  font-size: 100%;
  font-weight: bold;
  padding: 2px;
}

td.messagebox_content {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  padding: 4px;
  font-size: 90%;
}


/* nieuws */

a.nieuws_link {
  color: #000000;
  text-decoration: none;
}

a.nieuws_link:hover {
  color: #000000;
  text-decoration: underline;
}

table.nieuws {
  width:550px;
}

td.nieuws_subject {
  font-size: 100%;
  font-weight: bold;
  background-color: #FFCC00;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;  
  padding: 2px;
}

td.nieuws_content {
  font-size: 90%;
  padding-left: 12px;
  padding-right: 12px;
}

td.nieuws_post {
  font-size: 60%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000000; 
}


/* guestbook */

table.guestbook {
  width:550px;
  border-collapse: collapse;
}

td.guestbook_subject {
  font-size: 100%;
  font-weight: bold;
  background-color: #FFCC00;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;  
  padding: 2px;
}

td.guestbook_content_left {
  width: 250px;
  font-size: 90%;
  padding-left: 12px;
  padding-right: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000; 
}

td.guestbook_content_right {
  font-size: 90%;
  padding-left: 5px;
  padding-right: 12px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;  
}


/* occasion */

table.occasion {
  width:550px;
  border-collapse: collapse;
}

td.occasion_content_left {
  width: 130px;
  height: 130px;
  padding: 5px;
  font-size: 90%;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

td.occasion_content_right {
  width: 420px;
  height: 130px;
  padding: 0px;
  font-size: 90%;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

td.occasion_subject {
  font-size: 100%;
  font-weight: bold;
  background-color: #FFCC00;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;  
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

table.occasion_summary {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

table.occasion_detail {
  width:500px;
  border-collapse: collapse;
}

td.occasion_detail_subject {
  font-size: 100%;
  font-weight: bold;
  background-color: #FFCC00;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;  
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

td.occasion_detail_content {
  font-size: 90%;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

td.occasion_detail_post {
  font-size: 60%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000000; 
}


/* photo book */

.hit {
  font-size: 60%;
}

table.photo_book {
  width:600px;
  border-collapse: collapse;
}

td.photo_book_name {
  font-size: 100%;
  font-weight: bold;
  background-color: #FFCC00;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;  
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

td.photo_book_content {
  height: 50px;
  padding: 5px;
  font-size: 90%;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}


/* public styles */

.top {
  vertical-align: top;
}

.small {
  font-size: 80%;
}

.error {
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  color: #CC0000;
}

.ok {
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  color: #00CC00;
}

table.bodytext {
  width: 100%;
}

td.bodytext {
  font-size: 90%;
}

td.kop {
  text-align: center;
  font-size: 180%;
}

.te_koop {
  font-size: 90%;
  font-weight: bold;
  color: #00CC00;
}

.optie {
  font-size: 90%;
  font-weight: bold;
  color: #FFCC00;
}

.verkocht {
  font-size: 90%;
  font-weight: bold;
  color: #CC0000;
}