/* css by Hans Kuiters */
/* copyright M&P Media bv 2005 */
/* All associated graphics copyright M&ampP Media bv */
/* Last updated: 05-10-2005 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. */

/*-----start base elements-----*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	font-family: Arial, Verdana, sans-serif;
	background-color: #ffcf84;
	scrollbar-3dlight-color: #ffcf84; 
	scrollbar-arrow-color: #002d64; 
	scrollbar-darkshadow-color: #ffcf84; 
	scrollbar-face-color: #fef0d0; 
	scrollbar-highlight-color: #ffcf84; 
	scrollbar-shadow-color: #ffcf84; 
	scrollbar-track-color: #fef0d0;
}
* html body {
	overflow: hidden;
}
#page {
	position: relative;
	top: 0;
	left: 50%;
	margin-top: 0px;
	margin-left: -385px;
	width: 770px;
	height: 533px;
	border: 1px solid #002d64;
	background: #ffffff url(../media/bg_vow.gif) no-repeat;
}
/* MacIE5 hack \*/
#page {
	position: absolute; 
	top: 50%;
	left: 50%;
	margin-top: -266px;
	margin-left: -385px;
	width: 770px;
	height: 533px;
	background: #ffffff url(../media/bg_vow.gif) no-repeat;
}
/* end hack*/
#logo_print {
	display: none;
}
#content {
	position: absolute;
	top: 60px;
	bottom: 0px;
	left: 236px;
	width: 534px;
	height: 473px;
	overflow: auto;
}
@media screen {
	html body>#content {
		position: absolute;
		top: 60px;
		width: 550px;
		bottom: 0px;
	}
}
#text {
	position: absolute;
	top: 0px;
	left 0px;
	width: 499px;
	padding-bottom: 30px;
}
#textfrontpage {
	position: absolute;
	top: 0px;
	left 0px;
	width: 300px;
	padding-bottom: 30px;
}
#buttons {
	position: relative;
	top: 0px;
	left: 236px;
	width: 534px;
	height: 22px;
	z-index: 10;
}
#buttons li {
	list-style: none;
}
#buttons li a {
	height: 18px;
	display: block;
	padding: 2px 0px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#subbuttons {
	position: absolute;
	top: 140px;
	left: 10px;
	width: 170px;
	font-family: Arial;
	font-size: 13px;
	line-height: 19px;
}
#subbuttons ul {
	margin-bottom: 5px;
}
.sub {
	list-style: none;
	font-weight: bold;
}
li.sub a, li.sub a:link, li.sub a:visited {
	padding-left: 15px;
	color: #ffffff;
	text-decoration: none;
}
li.sub a:hover, li.sub a#subcurrent {
	color: #ffffff;
	text-decoration: none;
	background: url(../media/subbullet.gif) 0 4px no-repeat;
}
#zoek {
	position: absolute;
	top: 0px;
	left: 282px;
	width: 252px;
	height: 22px;
	color: #ffffff;
	background: url(../media/zoek.gif) no-repeat;
}
#zoek form {
	margin-left: 13px;
	height: 22px;
}
#zoek input {
	border: 0px;
}
#zoek input.zoekveld {
	height: 12px;
	font-size: 12px;
}
#login {
	position: absolute;
	top: 50px;
	left: 320px;
	width: 200px;
	padding: 5px;
}
#login li {
	list-style: none;
}
#profiles {
	position: absolute;
	top: 0px;
	left: 320px;
	width: 200px;
	padding: 5px;
}
.space {
	width: 160px;
	height: 10px;
}
/*-----end base elements-----*/

/*-----start link elements-----*/
#content a {
	color: #002d64;
}
#content a:active {
	color: #002d64;
	text-decoration: underline;
}
#content a:link {
	color: #002d64;
	text-decoration: underline;
}
#content a:hover {
	color: #002d64;
	text-decoration: none;
}
#content a:visited {
	color: #002d64;
	text-decoration: underline;
}
#but1 a {
	width: 66px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../media/button.gif) no-repeat;
}
#but2 a {
	width: 66px;
	position: absolute;
	top: 0px;
	left: 66px;
	background: url(../media/button.gif) no-repeat;
}
#but3 a {
	width: 84px;
	position: absolute;
	top: 0px;
	left: 132px;
	background: url(../media/button_breed.gif) no-repeat;
}
#but4 a {
	width: 66px;
	position: absolute;
	top: 0px;
	left: 216px;
	background: url(../media/button.gif) no-repeat;
}
#but5 a {
	width: 66px;
	position: absolute;
	top: 0px;
	left: 282px;
	background: url(../media/button.gif) no-repeat;
}
#buttons a#current {
	color: #002d64;
	text-decoration: none;
	background: url(../media/button.gif) 0 -22px no-repeat;
}
#buttons a#current3 {
	color: #002d64;
	text-decoration: none;
	background: url(../media/button_breed.gif) 0 -22px no-repeat;
}
#but1 a:hover {
	width: 66px;
	color: #002d64;
	text-decoration: none;
	background: url(../media/button.gif) 0 -22px no-repeat;
}
#but2 a:hover {
	width: 66px;
	color: #002d64;
	text-decoration: none;
	background: url(../media/button.gif) 0 -22px no-repeat;
}
#but3 a:hover {
	width: 84px;
	color: #002d64;
	text-decoration: none;
	background: url(../media/button_breed.gif) 0 -22px no-repeat;
}
#but4 a:hover {
	width: 66px;
	color: #002d64;
	text-decoration: none;
	background: url(../media/button.gif) 0 -22px no-repeat;
}
#but5 a:hover {
	width: 66px;
	color: #002d64;
	text-decoration: none;
	background: url(../media/button.gif) 0 -22px no-repeat;
}
/*-----end link element-----*/

/*-----start base elements-----*/
li i {
	display: none;
}
img {
	border: 0px;
}
table {
	border: 0px;
	padding: 0px;
}
td {
	padding: 2px;
}
/*-----end base element-----*/

/*-----start form elements-----*/
input { 
	color: #3f3f3f; 
	font-size: 10pt; 
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-indent: 3px;
	border-top: 0px;
	border-right: 1px solid #002d64;
	border-bottom: 1px solid #002d64;
	border-left: 1px solid #002d64;
	background-color: #ffffff;
}
textarea { 
	color: #3f3f3f; 
	font-size: 8pt; 
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-indent: 2px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #002d64;
}
.button { 
	font-weight: bold; 
	font-size: 8pt; 
	background-color: white; 
	border: 1px solid #002d64; 
}
/*-----end form element-----*/
/*-----start style elements-----*/
h1 {
	color: #002d64;
	margin-bottom: 10px;
	font-size: 16px; 
	font-weight: bold;
}
h2 {
	color: #002d64;
	font-size: 12px;
	font-weight: bold;
}
h4 {
	color: #002d64;
	font-size: 16px;
	font-weight: bold;
}
h6 {
	color: #002d64;
	font-size: 10px;
	font-weight: normal;
}
div, p, td { 
	color: #002d64;
	font-size: 12px;
	line-height: 16px;
}
.firstchar {
	font-size: 24px;
	color: #cad8f0;
}
.intro {
	margin-bottom: 10px;
	font-style: italic;
}
#text ul, div>ul {
	margin-left: 14px;
}
#text li, div>li {
	list-style: square outside;
	line-height: 18px; 
}
/*-----end style element-----*/