#container {
	position: relative;
	width: 960px;
	height: 800px;
	border: 0px solid #e2e2e2;
	margin: 0 auto;
	text-align: center;
  	background: #ffffff;
	padding-bottom: 15px;
}

#containerlarge {
	position: relative;
	width: 960px;
	height: 1400px;
	border: 0px solid #e2e2e2;
	margin: 0 auto;
	text-align: center;
  	background: #ffffff;
	padding-bottom: 15px;
}

#logo {
	position: absolute;
	left: 40px;
	top: 66px;
	width: 240px;
	height: 60px;
	border: 0px solid #333;
	text-align: left;
  	background: #fff;
}

#content_nav {
	position: absolute;
	left: 250px;
	top: 80px;
	width: 700px;
	height: 30px;
	border: 0px solid #333;
	text-align: left;
}

#content_two_subnav {
	position: absolute;
	left: 250px;
	top: 100px;
	width: 700px;
	height: 30px;
	border: 0px solid #333;
	text-align: left;
  	background: #ffffff;
}




#visual_type1 {
	position: absolute;
	left: 0px;
	top: 110px;
	width: 960px;
	height: 240px;
	border: 0px solid #333;
	text-align: left;
  	background: #222;
}

#content_visualtype1 {
	position: absolute;
	left: 40px;
	top: 210px;
	width: 880px;
	height: 100px;
	border: 0px solid #333;
	text-align: left;
}





#visual_type2 {
	position: absolute;
	left: 0px;
	top: 130px;
	width: 960px;
	height: 220px;
	border: 0px solid #333;
	text-align: left;
  	background: #222;
}

#content_visualtype2 {
	position: absolute;
	left: 40px;
	top: 210px;
	width: 880px;
	height: 100px;
	border: 0px solid #333;
	text-align: left;
}



#content_breed {
	position: absolute;
	left: 20px;
	top: 360px;
	width: 575px;
	margin: 5px;
	border: 1px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}




#content_two_a {
	position: absolute;
	left: 20px;
	top: 360px;
	width: 420px;
	margin: 5px;
	border: 1px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}

#content_two_b {
	position: absolute;
	left: 480px;
	top: 360px;
	width: 420px;
	margin: 5px;
	border: 1px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}





#content_three_a {
	position: absolute;
	left: 20px;
	top: 360px;
	width: 266px;
	margin: 5px;
	border: 1px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}

#content_three_b {
	position: absolute;
	left: 327px;
	top: 360px;
	width: 266px;
	margin: 5px;
	border: 1px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}

#content_three_c {
	position: absolute;
	left: 633px;
	top: 360px;
	width: 266px;
	margin: 5px;
	border: 1px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}



#content_learnmore {
	position: absolute;
	left: 633px;
	top: 360px;
	width: 266px;
	margin: 5px;
	border: 1px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}



#content_footer {
	position: absolute;
	bottom: 0px; 
	left: 25px;
	width: 500px;
	height: 15px;
	margin: 5px;
	border: 0px solid #ededed;
	padding: 15px;
	text-align: left;
  	background: #ffffff;
}








body { font-size: 62.5%;  /* 16px × 62.5% = 10px */ font-family: Helvetica,Arial,sans-serif;  margin: 0px; padding: 0; }


FONT.navigation { font-size: 1.2em; line-height: 20px; color:#003300; font-style: bold; text-transform: uppercase; }
FONT.secondnavigation { font-size: 1.4em; line-height: 20px; color:#003300; font-style: regular; }



FONT.onvisualheader { font-family: Times,serif; font-size: 3.0em; line-height: 30px; color:#336600; font-style: regular; }


FONT.onvisualhome { font-family: Trebuchet MS,serif; font-size: 2.2em; line-height: 30px; color:#fff; font-style: regular; }



FONT.h1 { font-family: Trebuchet MS,serif; font-size: 1.8em; line-height: 25px; color:#336633; font-style: bold; text-transform: uppercase; }

FONT.h1grey { font-family: Trebuchet MS,serif; font-size: 1.8em; line-height: 25px; color:#bcbcbc; font-style: bold; text-transform: uppercase; }

FONT.h2 { font-family: Trebuchet MS,serif; font-size: 1.6em; line-height: 25px; color:#336633; font-style: bold; text-transform: uppercase; }

FONT.h3 { font-family: Trebuchet MS,serif; font-size: 1.5em; line-height: 20px; color:#336600; font-style: bold; text-transform: uppercase;}

FONT.h4 { font-family: Trebuchet MS,serif; font-size: 1.5em; line-height: 20px; color:#336600; font-style: bold; }





FONT.introonvisual { font-family: Trebuchet MS,serif; font-size: 2.4em; line-height: 30px; color:#339933; font-style: bold; text-transform: uppercase; }

FONT.introonvisualwhite { font-family: Trebuchet MS,serif; font-size: 2.4em; line-height: 30px; color:#fff; font-style: bold; text-transform: uppercase; }

FONT.introductie { font-family: Arial,serif; font-size: 1.6em; line-height: 22px; color:#333; font-style: bold; }

FONT.chapterintro { font-family: Trebuchet MS,serif; font-size: 1.8em; line-height: 25px; color:#bcbcbc; font-style: bold; }

FONT.chapterintrowhite { font-family: Trebuchet MS,serif; font-size: 1.8em; line-height: 25px; color:#fff; font-style: bold; }




FONT.content { font-size: 1.3em; line-height: 20px; color:#333333; font-style: normal }

FONT.footer { font-size: 1em; line-height: 10px; color:#666; font-style: normal }



a:link { color:#009900; text-decoration: none }
a:visited { color:#009900; text-decoration: none }
a:hover { color:#006600; text-decoration: underline }
a:active { color:#006600; text-decoration: underline }


