/* Block Elements */
*
{
	margin:0;
	padding:0;
}

body
{
	background-color:#C28F5F;
	behavior:url("stylesheets/csshover.htc");
	z-index:2;
}
	
div.container
{
	display:block;
	width:760px;
	height:auto;
	left: 50%;
	margin-left:-380px;
	position:relative;
	background-color:White;
	text-align:left;
	z-index:3;
}

div.mainlayout
{
	width:760px;
	position:relative;
	text-align:center;
	z-index:4;
}

div.contentContainer
{
	width: 760px;
	display:table-cell;
	position: relative;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
}

div.content, div.admin
{
	width: 660px;
	height:auto;
	display:table-cell;
	float: right;
	text-align: center;
	z-index:1;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 18px;
	background-color: #ffff99;
	color:#AC6622;
}

div.content a, div.admin a
{
	color: #AC6622;
	font-style:italic;
}

div.content a:visited, div.admin a:visited
{
	color: #643A14;
	font-style:italic;
}

div.content a:hover, div.admin a:hover
{
	text-decoration: overline underline;
	font-style:italic;
}

div.footer
{
	clear:both;
	width: 760px;
	height: 20px;
	position:relative;
	font-family:Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight:bold;
	line-height:10px;
	text-align: center;
	padding-top: 4px;
	color: 0000C0;
	background-image:url(../images/backgroundMenu.gif);
}

div.leftbar
{
	width:100px;
	height:auto;
	float: left;
	font-family:Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight:bold;
	color: 0000C0;
}

div.leftbar a
{
	font-size: 10px;
	font-weight:normal;
	line-height: 12px;
}

div.leftbar ul
{
	list-style: none;
}

div.admin
{
	font-size: smaller;
	text-align: left;
}

span.buttonFlag
{
	padding:5 20 15 20;
}

span.buttonMail
{
	padding:5 28 15 28;
}

span.buttonFlag input
{
	margin-bottom:10px;
}

/* Navigation container */
div#nav 
{
	width: 760px;
	height: 20px;
	position: relative;
	display: block;
	background-image:url(../images/backgroundMenu.gif);
	top: 0px;
	left: 0px;
	z-index: 150;
}

div#nav a { font-family: Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: bold; color: #0000C0;}
div#nav a:hover {background: #0000C0; color: white;}
div#nav li {position: relative; list-style: none; margin: 0; float: left; width: 95px; line-height: 0.5em;}
div#nav li:hover a, div#nav li:hover a:hover {background:  #0000C0; color: white;}
div#nav li a {display: block; text-decoration: none; width: 95px; line-height:20px;}
div#nav ul ul {position: absolute; width: 95px;  display: none;}
div#nav ul li { text-align: center;}
div#nav ul ul li {text-align: left;}
div#nav ul.level2 li a { width: 95px; background:  #C9D6F8; color: #0000C0; border-bottom: solid 1px #0000C0; border-right: solid 1px #0000C0;}
div#nav ul.level1 li:hover ul.level2, 
div#nav ul.level2 li:hover ul.level3 {display:block;}
div#nav ul.level2 {margin-top: 20px;top: 0em; left: 0px;}
div#nav ul.level3 {top: -1px; left: 95px;  border-bottom: solid 1px #0000C0;}
div#nav ul.level3 li:hover ul.level4 {display:block;}
div#nav ul.level4 {border-bottom: solid 1px #0000C0;}
div#nav ul.level4 {top: -1px; left: 95px;  border-bottom: solid 1px #0000C0;}

/* Elements */
hr
{
	margin: 5 0 5 0;
}

h1
{
	font-size: 28px;
	line-height: 40px;
}

h2
{
	font-size:20px;
	line-height:24px;
}

h3
{
	font-size:16px;
	line-height: 24px;
}

table{
	border: solid 1pt #AC6622;
	margin: 10px 5px 10px 5px;
}

td{
	border: solid 1pt #AC6622;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color:#AC6622;
	margin: auto 3px auto 3px;
}
td span.name
{
	font-weight: bold;
	font-size: 11px;
}

table.pedigree
{
	margin: 10px auto 10px auto;
}

table.nest
{
	border: none;
	margin: 10px auto 10px auto;
}

table.news
{
	border: none;
	margin: 10px 10px 10px 10px;
	width: 640px;
}

table.nest td, table.news td
{
	border: none;
	font-size: 12px;
	color:#AC6622;
	font-weight:bold;
	padding: 2 2 2 2;
	vertical-align: top;
}

.show  
{
	border: solid 1pt #AC6622;
	border-collapse: separate;
	margin: 10px auto 10px auto;
}

.show td
{
	padding: 2px 2px 2px 2px;
	text-align: center;
	border: solid 1pt #AC6622;
}

img.welkom
{
	float: left;
	margin: 2px 5px 2px 5px;
}

p.welkom
{
	text-align:center;
	font-size: 20px;
	font-weight:bold;
	padding: 2px 5px 2px 5px;
	margin:10px 10px 10px 10px;
}

p.adres
{
	text-align:left;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
}

p.link
{
	margin: 10px auto 6px auto;
}

.pictureDog, div.dog img
{
	float: left;
	margin: 2px 5px 2px 5px;
}

p.dog, div.dog
{
	width: 620px;
	text-align: left;
	font-size: 14px;
	padding: 2px 5px 2px 5px;
	margin: 10px 10px 10px 10px;
	min-height: 140px;
}

div.dog
{
	min-height: 260px;
}

img.aboutRight
{
	float: left;
	margin: 2px 5px 2px 5px;
}

div.aboutRight
{
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	padding: 2px 5px 2px 5px;
	margin:10px 10px 10px 10px;
	min-height: 240px;
}

img.aboutLeft
{
	float: right;
	margin: 2px 5px 2px 5px;
}

div.aboutLeft
{
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	padding: 2px 5px 2px 5px;
	margin:10px 10px 10px 10px;
}

div.pedigree
{
	margin: auto 3px auto 3px;
}

/* Guestbook classes */
.bookSignLabel
{
	text-align:right;
	width: 100px;
	padding-right: 5px;
}

.bookSignTextBox
{
	width: 280px;
}

.bookSignTextBoxBig
{
	width: 280px;
	height: 120px;
}

.bookSignError
{
	color: Red;
	font-size:small;
}

.errorLabel
{
	color: Red;
	font-weight: bold;
	font-size: 15px;
}

div.guestBook
{
	border: solid 1pt;
	padding: 10px 10px 10px 10px;
	margin:  10px 10px 10px 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.gbName
{
	float: left;
	font-weight: bold;
}

.gbDate
{
	float: right;
	font-weight: normal;
}

.gbLoc
{
	float: left;
}

.gbEmail
{
	float: left;
}

.gbUrl
{
	float: right;
}

.gbComment
{
	text-align: left;
}

.gbSign
{
	float:right;
	margin-top: 5px;
	margin-right: 10px;
}

span.back
{
	float: left;
	margin-top: -20px;
	margin-left: 5px;
}

span.back img 
{
	margin: 0px 5px 10px 5px;
}

span.next
{
	float: right;
	margin-top: -20px;
	margin-right: 5px;
}

span.next img 
{
	margin: 0px 5px 10px 5px;
}