@charset "UTF-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr {
    margin: 0; padding: 0;	font-weight: normal;}	

body {
	background-color: #bfbfa8;
}
img {
outline-style: none; border: none;
}

A:hover   {
	color:#ffffff;
	text-decoration:none;
}
img {
border: none; outline-style: none;
}

#container {
	width: 800px;
	top: 20px;
	left: 50%;
	margin-left: -400px;
	background-color: #FFFFFF;
	position: relative;
	color: #FFFFFF;
	height: 615px;
}

div#tekstkader{
	left:172px;
	top:25px;
	width:187px;
	height:auto;
	position:absolute;
	border: 3px solid #FFFFFF;
	background-color: #99cccc;
	padding: 8px;
	opacity:.95;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
}
div#tekstkader-rechts{
	left:569px;
	top:368px;
	width:176px;
	height:auto;
	position:absolute;
	border: 3px solid #FFFFFF;
	background-color: #99cccc;
	padding: 8px;
	opacity:.95;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
}

div#kader3{
	left:160px;
	top:13px;
	width:611px;
	height:33px;
	position:absolute;
	border: 3px solid #FFFFFF;
	background-color: #99cccc;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
div#kader4{
	left:147px;
	top:0px;
	width:637px;
	height:160px;
	position:absolute;
	border: none;
	background-color: #339933;
	padding: 7px 7px 8px 7px;
}
div#kader5{
	left:147px;
	top:556px;
	width:637px;
	height:43px;
	position:absolute;
	background-color: #339933;
	border: none;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	line-height: 37px;

}
/* linker kolom */
div#logo{
	position: absolute;
}
div#ondertitel{
	top: 555px;
	width: 147px;
	height: 60px;
	position: absolute;
	background-image: url(plaatjes/de_hofdames_tuinontwerp.gif);
}

/* menu */
div#menu{
	top:175px;
	width:130px;
	height:348px;
	padding: 30px 3px 3px 14px;
	position:absolute;
	background-color: #c3dea9;
}
ul.menu li {
	position: relative;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	color: #FFFfff;
	list-style-type: none
}
.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}
.menu2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-decoration: none;
}
.menu:hover {
	color: #333333;
	text-decoration: none;
}
.submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	font-style: italic;
}
.submenu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
	font-style: italic;
}

div#keurmerk{
	left:48px;
	top:493px;
	width:50px;
	height:50px;
	position:absolute;
}
div#rechts{
	left:147px;
	top:0px;
	width:653px;
	height:615px;
	position:absolute;
}
div#rechtsb{
	left:147px;
	top:177px;
	width:653px;
	height:438px;
	position:absolute;
	background-color: #FFFFFF;
}
div#rechtsc{
	left:147px;
	top:0px;
	width:653px;
	height:556px;
	position:absolute;
	background-color: #FFFFFF;
}


div#klein1,#klein2,#klein3,#klein4,#klein5,#klein5b{
	left:660px;
	top:25px;
	width:110px;
	height:84px;
	background-color: #FFFFFF;
	position:absolute;
	background-position: center center;
	border: 3px solid #FFFFFF;
}
div#klein2{
	top:130px
}
div#klein3{
	top:235px
}
div#klein4{
	top:340px
}
div#klein5{
	top:445px
}
div#klein5b{
	top:445px;
	height:147px;
}
div#klein6,#klein7,#klein8,#klein9,#klein0{
	left:160px;
	top:74px;
	width:110px;
	height:84px;
	background-color: #FFFFFF;
	position:absolute;
	background-position: center center;
	border: 3px solid #FFFFFF;
}
div#klein7{
	left:287px
}
div#klein8{
	left:415px
}
div#klein9{
	left:543px
}
div#klein0{
	left:670px
}


.vet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}



.brood {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
	font-style: normal;

}
.broodcurs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
	font-style: italic;

}
.foto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0pt;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
.kopje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0pt;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0pt;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	color: #000000;
}
.linkdonker {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 24px;
	letter-spacing: 0pt;
	font-weight: bolder;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}.curs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0pt;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-style: italic;
}
div#blink {
	left:718px;
	top:562px;
	width:62px;
	height:42px;
	background-color: none;
	position:absolute;
	background-image: url(plaatjes/blink62.png);
}