body {
	margin: 0;
	padding: 0;
	background-color: white;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: black;
	/*background-image: url(../images/bg01.jpg);*/
}

td {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	color: #2861AB;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

#center {
	position: absolute;
	top: 5px; /* for ie-mac */
	left: 0;
}

/* Hide from ie-mac \*/
#center {
	top: 50%;
	width: 100%;
	margin-top: -220px;
	text-align: center;
	min-width: 770px;
 }
/* End hide from ie-mac */

#topShadow {
	margin: 0 auto 0 auto;
	width: 770px;
	background-image: url(../images/bg_topshadow_hp.gif);
	background-repeat: no-repeat;
	height:12px;
	line-height: 1px;
	font-size: 1px;
}

#wrapper {
	position: relative;
	width: 770px;
	margin: auto;
	text-align: left;
	background-image: url(../images/bg_shadow_hp.gif);
	background-repeat: repeat-y;
	height: 480px;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	margin: -3px 0 0 0;
}

#content {
	background-image: url(../images/bg_hp.gif);
	background-repeat: repeat-x;
	margin: 0 8px 0 8px;
	border-right: 4px solid #fff;
	border-left: 4px solid #fff;
}

/**** intro ****/

#intro {
	width: 400px;
	padding-left: 30px;
}

#introtekst {
	width: 325px;
	margin: 70px 0 40px 0;
}

#introtekst span {
	float: right;
	margin-top: -16px;
	margin-right: 20px;
}

#introtekst a {
	color: #2861AB;
}

#introtekst a:hover {
	color: #000;
}


.waarom {
	width: 315px;
}

.waarom, .waarom a {
	color: #9A9A9A;
}

ul.waarom {
	width: 375px;
	color: #2861AB;
	font-size: 15px;
	margin: 0;
	padding: 0 0 0 15px;
}

ul li {
	padding-top: 6px;
}

/**** adres ****/

#adresinstru {
	margin-top: 40px;
}

#adresinstru, #adresinstru a {
	color: #9A9A9A;
	font-size: 12px;
}

#adresinstru a:hover {
	color: #2861AB;
}

/**** login ****/


.login {
	width: 350px;
	padding-top: 14px;
	text-align: left;
}

.login input {
	width: 95px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	margin: 0;
	padding:0;
}

.login h1 {
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	padding: 4px 0 4px 0;
	margin: 0;
	width: 309px;
	letter-spacing: 1px;
	color: white;
}

.login th, .login td.inloggen {
	text-align:right;
}

.login h1 a, #logingeneeskunde h1, .logindiergeneeskunde h1 {
	color: #fff;
	text-decoration: none;
}

.loginbutton{
	position: absolute;
	left: -3000px;
}

#logingeneeskunde h1 {
	background-color: #DB3639;
}

#logingeneeskunde img {
	border: 1px solid #DB3639;
	padding: 2px 2px 0 2px;
}

#logindiergeneeskunde {
	margin-top: 15px;
}

#logindiergeneeskunde h1 {
	background-color: #45A6EA;
}

#logindiergeneeskunde img {
	border: 1px solid #45A6EA;
	padding: 2px 2px 0 2px;
}

#logingeneeskunde object, #logindiergeneeskunde object {
	border: 0;
	padding: 0;
	margin: 0;
}

.knop {
	border-style: solid;
	background-color: white;
	font-size: 10px;
	padding: 3px 4px 3px 4px;
	text-decoration: none;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
}

#logingeneeskunde .knop {
	border-top: 1px solid #C4696B;
	border-right: 1px solid #731315;
	border-bottom: 1px solid #731315;
	border-left: 1px solid #C4696B;
	color: #DB3639;
}

#logingeneeskunde a:hover.knop, #logingeneeskunde .Inversed {
	background-color: #DB3639;
	color: white;
}

#logingeneeskunde a:hover.Inversed {
	background-color: #8E0F11;
}


#logindiergeneeskunde .knop {
	border-top: 1px solid #d5dce5;
	border-right: 1px solid #8491a3;
	border-bottom: 1px solid #8491a3;
	border-left: 1px solid #d5dce5;
	color: #45A6EA;
}

#logindiergeneeskunde a:hover.knop, #logindiergeneeskunde .Inversed {
	background-color: #45A6EA;
	color: white;
}

#logindiergeneeskunde a:hover.Inversed {
	background-color: #2861AB;
}

#geneeskunde {
	background-color: #FBEBEB;
	width: 309px;
	color: #AA383A;
	padding: 2px 0 0 0;
}

#geneeskunde td, #diergeneeskunde td {
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
}

#geneeskunde th, #diergeneeskunde th {
	font-size: 12px;
}

#geneeskunde a {
	color: #AA383A;
}

#geneeskunde a:hover, #diergeneeskunde a:hover {
	color: #000;
}

#diergeneeskunde {
	background-color: #DAEDFB;
	width: 309px;
	color: #2861AB;
	padding: 2px 0 0 0;
}

#diergeneeskunde a {
	color: #2861AB;
}

p.ingelogd {
	font-size: 12px;
	padding: 5px 0 10px 0;
    text-align: center;
}

#logingeneeskunde p.ingelogd {
	width: 309px;
	background-color: #FBEBEB;
	color: #db3638;
}

#logindiergeneeskunde p.ingelogd {
	width: 309px;
	background-color: #DAEDFB;
}

.clear {
	clear: both;
}

/**** footer ****/

#footer {
	margin: 0 auto 0 auto;
	padding-top: 16px;
	font-size: 10px;
	color: #617CA3;
	width: 770px;
	background-image: url(../images/bg_bottomshadow_hp.gif);
	background-repeat: no-repeat;
}


#footer .adresduo {
	float: left;
	padding-left: 8px;
	font-size: 9px;
	color: #CCC;
}

#footer .adresduo a {
   	color: #CCC;
}

#footer .adresduo a:hover {
	color: #869cb9;
}

.catalogi { margin: 20px 0 0 0; }
.catalogi a { display: block; width: 364px; height: 118px; background: url(/images/cataloguesLink.jpg) no-repeat; text-decoration: none; text-indent: -9999px; cursor: pointer; }