/* 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.layoutLeftSide 	{ width: 184px;                background-image: url(images/layout/background-left.png); vertical-align: bottom; }
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;
}

table.nestjeKittenTable td.nestjeKittenMale {
	background-color: #ccccff;
}

table.nestjeKittenTable td.nestjeKittenFemale {
	background-color: #ffddff;
}

/* 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;
}