/* GENERAL HTML-ITEMS
----------------------------------------------------------*/
html
{ overflow: auto; }
body   
{ background: #b6b7bc; font-size: 13px; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #444444; }
a:link, a:visited
{ color: #034af3; font-weight:normal;}
a:hover
{ color: #1d60ff; text-decoration: none; font-weight:normal; }
a:active
{ color: #034af3; font-weight:normal; }
p
{ margin-bottom: 10px; line-height: 1.6em; }


/* COMMON USED STYLE-ELEMENTS
----------------------------------------------------------*/
.clear																		/* to push elements to the next row */
{ clear: both; }
.display																	/* make an element visible (opposite of nodisplay) */
{ display: inherit; }
.nodisplay																	/* make an element invisible without taking space */
{ display: none; }
.align-left																	/* align the content (text or tables) to the left */
{ text-align: left; }
.align-right																/* align the content (text or tables) to the right */
{ text-align: right; }
.align-center																/* center the content (text or tables */
{ text-align: center; }
.valign-bottom																/* align the content of a tablecell to the bottom of the cell */
{ vertical-align: bottom; }
.valign-middle																/* center the content of a tablecell vertically in the cell*/
{ vertical-align: middle; }
.valign-top																	/* align the content of a tablecell to the top of the cell */
{ vertical-align: top; }
.uppercase																	/* set text in uppercase */
{ text-transform: uppercase; }
.bold																		/* set text in bold */
{ font-weight: bold; }


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6									/* general settings for the main headers */
{ /*font-size: 1.5em;*/ color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px; }
h1
{ font-size: 24px; padding-bottom: 26px; padding-left:16px; margin-bottom: 0px; font-weight: 900;color:#be9054;  }
h2
{ font-size: 18px; font-weight: bold; font-variant: small-caps; }
h3
{ font-size: 1.2em; color: #ffffff; font-weight: 600; }
h4
{ font-size: 1.1em; }
h5, h6
{ font-size: 1em; }

.title1													/* Big title above the image on the index-page */
{ font-size:42px; font-weight:200; color:#fff; margin-top:20px;padding-right:330px; }
.subtitle1												/* Title under the image on the index-page */
{ font-size:20px; font-weight:bold; color:#be9054;margin-top:4px; margin-bottom:40px; }  /*color:#4d210c;*/ 


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page													/* header-, content- an footerblock */
{ min-width:1024px; max-width: 1280px; background-color: #fff; margin: 0px auto 0px auto; border: 2px solid #444444; }
.header													/* block on top of the page containing headerimage and the website's menu */
{ position: relative; margin: 0px; padding: 0px; width: 100%; height:182px;z-index:2;}
.main													/* block under the header, contains content of the page */
{ position:relative; padding: 0px; margin: 0px; background: #ddceb5;/*#e0be9c;*/ z-index:1;}
.footer													/* block with the copyright text */
{ color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal; height:30px; border-top:3px solid #0d1f61; }


/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink
{ background-color:#333333; width:100%;}
div.menu
{ position:relative; padding: 0px; z-index:3; width:100%; background-color:#0d1f61; height:39px;}
.mymenu
{ height:26px;}

/* Title   
----------------------------------------------------------*/
.title15
{ display: block; float: right; width: 670px; height: 144px; }
.CustTaal
{ display:block; clear:both; height:36px; }
.customer
{ padding-top:8px; display:block; width:670px; height: 56px; clear:both;/*color:#fff;*/ }
.title20
{ float: right; width: 50%; }
.taalSelect
{ float:right; padding-top: 4px; height: 26px; color:#fff; padding-right:10px; }
.title30
{ display: block; float: left; width: 100%; white-space: nowrap; }

/* contentdiv
----------------------------------------------------------*/
/*.floatdiv
{
	float:left; width:45%; 
}
.floatdiv a, .leftdiv a:visited
{
	color:#ffffff !important;	
}*/

/* LinkButtons
----------------------------------------------------------*/
.linkbutton
{ text-decoration:none; text-align:center; background-color:#333333; height:20px; border:1px solid #e8e6d9; }
a.linkbutton
{ color:#e8e6d9; }
.btnsearchartidextra
{ border-color:#565656 !important; padding-left:6px; padding-right:6px; margin-left:0px; float:left; }





/* BLOCKS AND TABLES
--------------------------------------------------------------*/

.contentpage
{ /*position:relative;*/ padding: 12px; margin-left:260px; margin-right:0px; min-height: 600px;}
.lefty
{
	position:absolute;
	top:0px;
	left:60px;
	z-index:999;
	height:220px;
	width:200px;
	
	/*height:100%;*/
}
.leftymiddle
{
	background-image:url(../images/logomiddle.png);
	background-repeat:repeat-y;
	background-position:left;
	background-origin:border-box;
	/*height:510px;*/
	width:200px;
	top:38px;
	bottom:0px;
	left:60px;
	position:absolute;
	padding:0px;
	margin-bottom:40px;
}

.perftable
{
	margin: 40px auto; 
	text-align:left;
	border:1px solid #c9a16c;
	border-collapse:collapse;
}
.perftable td
{
	padding-left:40px;
	padding-right:40px;
	padding-top:2px;
	padding-bottom:2px;
}
.perftableintro
{
	width:600px;
	border:1px solid #c9a16c;
}
.contenttext
{
	padding-left: 100px;
}
.pedigree-table
{
	margin: 40px auto; 
	border: 2px solid #c9a16c;
	border-collapse:collapse;
}
.pedigree-table td
{
	padding-left: 24px;
	padding-right:24px;
	padding-top:6px;
	padding-bottom:6px;
	border: 2px solid #c9a16c;	
}
.gallery-table
{
	border-collapse:collapse;
	margin-left:20px;
}
.gallery-table td
{
	padding-right:20px;
	padding-bottom:20px;
}
.press-table
{
	margin: 40px auto; 
	border: 0px;
	border-collapse:collapse;
}
.press-table td
{
	padding-right:30px;
	padding-left:30px;
}
.parents
{
	font-size:16px;
	font-weight:bold;
	color:#1c348b;
	margin-bottom:10px;
}
.offspring-table
{
	border-collapse:collapse;
	width:510px;
}
.offspring-table2
{
	border-collapse:collapse;
	width:530px;
}
.sold
{
	color:#C00;
	font-size:18px;
	text-align:center;
}
.line
{
	/*width:600px;*/
	height:1px;
	background-color:#fff;
	margin-left:100px;
	margin-right:10px;
	margin-top:60px;
	margin-bottom:10px;
}
.example-image
{
	border: 5px solid #fff;
}
.spacer
{
	height:60px;
}
.txtarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	position: relative;
	
	height: 200px;
	width: 360px;
}
.Button{
	height: 24px;
	right:0px;
}
.Inputfield{
	width: 300px;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
#linkerkolom {
	float:left;
	height: 400px;
	width: 176px;
	left: 0px;
	top: 0px;
}
#middenkolom {
	float:left;
	top: 35px;
	left: 200px;
	width: 1px;
	height: 400px;
	background-color:#0d1f61;
	text-indent:0px;
}
#rechterkolom {
	float:left;
	top: 35px;
	padding-left: 20px;
	width: 400px;
	height: 400px;
	text-indent:0px;
}
.tablestyle1
{
	vertical-align:top;
}
.published
{
	text-align:right;
	padding-top:10px;
	padding-bottom:30px;
	font-style:italic;
}
.h2subtitle
{
	font-weight:bold;
	padding-top:14px;
	padding-bottom:6px;
}
.h2subtitletext
{
	font-style:italic;
	padding-bottom: 40px;
}
.extraspace
{
	padding-bottom:60px;
}
.justify
{
	text-align:justify;
}