/* CSS Document */

body {
  text-align:center;
  margin: 0px;
  background-color: #FFFFFF;
}

body td {
  text-align: left;
}

body, td, th {
  color: #4B4B4B;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div.language {
  font-size: 10px;
  position: relative;
  top: 20px;
  left: 820px;
}

div.language img {
  border: none;
}

div.language a, 
div.language a:link, 
div.language a:active, 
div.language a:visited,
div.language a:hover {
  text-decoration: none;
}

table.layoutTable   { margin-left: auto; margin-right: auto; }
td.layoutMargin     { width: 1000px; height: 10px; font-size: 1px; text-align: center;}
td.layoutTop     { width: 1000px; height: 115px;background-image: url(images/layout/top.png); vertical-align: top; }
td.layoutMenu     { width: 1000px; height: 30px; background-image: url(images/layout/background.png); text-align: center; vertical-align: bottom; }
td.layoutLeftSideTop  { width: 184px;                background-image: url(images/layout/background-left.png); vertical-align: top; }
td.layoutLeftSide   { width: 184px;                background-image: url(images/layout/background-left.png); vertical-align: bottom; }
td.layoutRightSideTop { width: 184px;                background-image: url(images/layout/background-right.png); vertical-align: top; padding-top: 29px; }
td.layoutRightSide   { width: 184px;                background-image: url(images/layout/background-right.png); vertical-align: bottom; }
td.layoutBody     { width: 632px;  height: 500px;background-image: url(images/layout/background-center.png); vertical-align: top; font-size: 9pt; line-height: 150%; padding-top: 30px;}
td.layoutSubBottom  { width: 1000px; height: 25px; background-image: none; }
td.layoutBottom     { width: 1000px; height: 15px; background-image: none; vertical-align: bottom; font-size: 8pt; text-align: center; }

/* Menu Hyperlink behaviour */
.layoutMenu A {
  font-size: 11pt;
  margin-left: 10px;
  margin-right: 10px;
}

.layoutMenu A.blink {
  display: inline; 
}

.layoutMenu A:link, 
.layoutMenu A:visited {
  color: #999999;
  text-decoration: none;
}

.layoutMenu A:active, 
.layoutMenu A:hover {
  color: #333333;
  text-decoration: underline;
}

/* Body */
A:link, 
A:visited {
  color: #4B4B4B;
  text-decoration: underline;
}

A:active, 
A:hover {
  color: #999999;
  text-decoration: underline;
}

.layoutBody H1 {
  font-size: 14pt;
  font-weight: bold;
  color: #666666;
  letter-spacing: 6px;
  font-variant:small-caps;
  text-align: center;
  padding: 2px;
  border-top: #CCCCCC 1px solid;
  border-bottom: #CCCCCC 1px solid;
}

.layoutBody H2 {
  font-size: 12pt;
  font-weight: bold;
  color: #666666;
}

.layoutBody IMG {
  border: #666666 1px solid;
}

.layoutBody IMG.imageCamera {
  border: none;
}

/* Foto tabel */
table.photoTable {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

td.photoTablePreview, td.photoTablePreviewAvailable {
  width: 150px;
  height: 130px;
  text-align: center;
  vertical-align: middle;
}

td.photoTableDescription, td.photoTableDescriptionAvailable {
  width: 350px;
  vertical-align: middle;
}

tr.photoTableAvailable {
  background-color: #CCFFCC;  
}

td.photoTableDescription span.photoTitle {
  font-size: 10pt;
  font-weight: bold;
  color: #666666;
}

/* Nestje tabel */
table.nestjeTable {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 520px;
  background-color: #EEEEEE;
  border: #999999 1px solid;
}

td.nestjeTitel {
  font-weight: bold;
  text-align: center;
  background-color: #DDDDDD;
}

td.nestjeOuder {
  vertical-align: top;
  text-align: center;
  background-color: #E5E5E5;
  width: 260px;
}

td.nestjeKittensFotos {
  text-align: center;
}

table.nestjeKittenTable {
  margin-left: auto;
  margin-right: auto;
}

table.nestjeKittenTable td {
  text-align: center;
  vertical-align: top;
}

table.nestjeKittenTable td.nestjeKittenMale {
  background-color: #ccccff;
}

table.nestjeKittenTable td.nestjeKittenFemale {
  background-color: #ffddff;
}

table.nestjeKittenTable td.nestjeKittenUnknown {
  background-color: #cccccc;
}

/* NestjeSummary */
table.nestjeSummaryTable, 
table.nestjeSummaryTableExpected,
table.nestjeSummaryTableBorn,
table.nestjeSummaryTablePlanned {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 520px;
  border: #999999 1px solid;
}

table.nestjeSummaryTable {
  background-color: #EEEEEE;
}

table.nestjeSummaryTableExpected {
  background-color: #FFFFCC;
}

table.nestjeSummaryTableBorn {
  background-color: #CCFFCC;
}

table.nestjeSummaryTablePlanned {
  background-color: #CCCCFF;
}

td.nestjeSummaryTableMother,
td.nestjeSummaryTableFather {
  vertical-align: middle;
  text-align: center;
  width: 100px;
}

td.nestjeSummaryTableDescription {
  vertical-align: middle;
  width: 320px;
}

/* Stamboom tabel */
table.stamboomTabel {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  background-color: #EEEEEE;
  border: #999999 1px solid;
}

table.stamboomTabel img {
  border: none;
}

td.stamboomOmschrijving {
  text-align: left;
  font-size: 9pt;
  background-color: #DDDDDD;
  vertical-align: top;
  border-bottom: #4B4B4B 1px solid;
}

td.stamboomAfbeelding {
  text-align: center;
  background-color: #DDDDDD;
  vertical-align: top;
  border-bottom: #4B4B4B 1px solid;
}

td.stamboomAfbeelding img {
  border: #666666 1px solid;
}

td.stamboomTitel {
  font-weight: bold;
  background-color: #BBBBBB;
  border-bottom: #4B4B4B 1px solid;
}

td.stamboomTitel, 
td.stamboomGeneratie1, 
td.stamboomGeneratie2, 
td.stamboomGeneratie3, 
td.stamboomGeneratie4 {
  width: 25%;
  font-size: 8pt;
  text-align: center;
}

td.stamboomGeneratie1 img.stamboomFoto, 
td.stamboomGeneratie2 img.stamboomFoto, 
td.stamboomGeneratie3 img.stamboomFoto, 
td.stamboomGeneratie4 img.stamboomFoto {
  border: #666666 1px solid;
}

td.stamboomGeneratie1 {
  background-color: #DDDDDD;
}

td.stamboomGeneratie2 {
  background-color: #D4D4D4;
}

td.stamboomGeneratie3 {
  background-color: #CBCBCB;
}

td.stamboomGeneratie4 {
  background-color: #C2C2C2;
}

/* News items */
li.newsItem {
  margin-bottom: 10px;
}

img.newsItem {
  border: none;
}

/* Links */
table.linkTable {
  width: 600px;
  margin-left: 0px;
}

table.linkTable td {
  vertical-align: top;
  width: 50%;
}

/* Contact Form */
textarea.inputField, input.inputField {
  border: #999999 1px solid;
  background-color: #EEEEEE;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input.button {
  border: #999999 1px solid;
  background-color: #CCCCCC;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #4B4B4B;
}

table.contactForm {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

table.contactForm td {
  vertical-align: top;
}

iframe.contactAddressFrame {
  border: #999999 1px solid;
}

/* EMS tabel */
table.emsTabel {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  background-color: #EEEEEE;
  border: #999999 1px solid;
}

td.emsTitel {
  font-weight: bold;
  background-color: #DDDDDD;
}

td.emsSubTitel {
  vertical-align: top;
  background-color: #E5E5E5;
}

td.emsCode {
  vertical-align: top;
  width: 50px;
  font-size: 8pt;
}

td.emsDescription {
  vertical-align: top;
  font-size: 8pt;
}

/* SHOW Results */
table.showResults {
  width: 460px;
  background-color: #EEEEEE;
  border: #999999 1px solid;
  font-size: 8pt;
}

td.showResultsTitel {
  font-weight: bold;
  background-color: #DDDDDD;
}

td.showResultsShow {
  background-color: #E5E5E5;
  font-size: 8pt;
}

/* FAQ */
div.faqItem {
  display: none;
  font-style: italic;
  margin-bottom: 20px;
}

span.kittenOptie       { color: #0000FF; font-weight: bold; }
span.kittenBeschikbaar { color: #009900; font-weight: bold; }
span.kittenBesproken   { color: #FF0000; }
span.kittenOverleden   { color: #999999; font-style: italic; }

div#kittenmap {
  width: 620px;
  height: 800px;
  margin: 0px auto;
  border: #CCCCCC 1px solid;
}

div.kittenmap img {
  border: none;
}

table.kittenMap td {
  line-height: 100%;
}

td.kittenMapHeader {
  text-align: center;
  padding-bottom: 10px;
}

td.kittenMapName {
  width: 80px;
}

td.kittenMapValue {
  font-weight: bold;
  width: 200px;
}

td.kittenMapPhoto {
  vertical-align: top;
}

td.kittenMapPhoto img {
  border: #666666 1px solid;
}