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

* {
	margin:						0;
	padding:					0;
}

html, body {
	margin:						0 auto;
	background-color:			#737b67;
	text-align:					center;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						#fff;
}

a:link, a:visited, a:active {
	color:						#b5c32d;
	text-decoration:			none;
	font-weight:				normal;
	outline: 					none;
}

a:hover {
	text-decoration:			none;
	font-weight:				normal;
	outline: 					none;
}

img {
	border:						none;
}

p{
	margin-bottom:				10px;
}

h2{
	color:						#b5c32d;
}

h3{
	color:						#fff;
	font-size:					13px;
}

.current{
	color:						#b5c32d;
}

.ul0{
	list-style-type:			none; 
}
.ul1{
	list-style-type:			disc; 
	margin-left:				20px;
}
.ul2{
	list-style-type:			circle; 
	margin-left:				30px;
}

/************ ALGEMEEN **********/
.page {
	margin:						0 auto;
	text-align:					left;
	width:						980px;
	height:						100%;
}

.header {
	width:						980px;	
	height:						150px;
	margin-top:					10px;
	background-color:			#606656;
}

.logo{
	position:					relative;
	top:						40px;
	left:						20px;
	background-image:			url(../layout/logo.png);
	background-repeat:			no-repeat;
	height:						70px;
	width:						203px;
}

.devallei{
	position:					relative;
	right:						20px;
	background-image:			url(../layout/devallei.png);
	background-repeat:			no-repeat;
	height:						45px;
	width:						83px;
	float:						right;
}

.paard{
	margin-top:					20px;
}

.header-img{
	float: 						right;
	margin-top: 				20px;
}

/************ Footer images **********/
.footer-img{
	float: 						left;
	margin-top: 				20px;
	margin-left: 				20px;
}
.footer-img2{
	margin-top: 				20px;
	float: 						left;
}
.footer-img2 img{
	margin-left: 				34px;
}

.footer-img-row2{
	margin-left: 				20px;
	margin-top: 				20px;
	float: 						left;
}
.footer-img2-row2{
	margin-top: 				20px;
	float: 						left;
}
.footer-img2-row2 img{
	margin-left: 				39px;
}

.footer-img-special{
	float: 						left;
	margin-top: 				20px;
	margin-left: 				320px;
}
.footer-img2-special{
	margin-top: 				20px;
	float: 						left;
}
.footer-img2-special img{
	margin-left: 				34px;
}

/************ Content **********/
.home-content{
	float:						right;
	width:						620px;
	height:						381px;
	background-color:			#606656;
	margin-top:					20px;
	padding:					20px;
}

.content{
	float:						right;
	width:						620px;
	height:						100%;
	background-color:			#606656;
	margin-top:					20px;
	padding:					20px;
	text-align:					justify;
}

.contentleft{
	float:						left;
	width:						300px;
	height:						100%;
	margin-top:					20px;
}

/************ Menu **********/
.menu {
	padding: 					0;
  	margin: 					0;
	margin-top: 				40px;
	margin-left:				20px;
  	width: 						800px;
	height: 					40px;
}

.menu ul li {
	list-style:					none;
	float:						left;
}

.menu span {
	display: 					none;
	position: 					absolute;
}

.menu a {
	display: 					block;
	text-indent: 				-900%;
	position: 					absolute;
	outline:					none;
}

.menu .dehofstede {
	width: 						90px;
	height: 					40px;
	background: 				url('../layout/menu/dehofstede.png') no-repeat;
	cursor:						pointer;
}
.menu .dehofstede:hover  {
	width: 						90px;
	height: 					40px;
	margin-left:				3px;
	margin-top:					1px;
	background:					url('../layout/menu/hover/dehofstede-over.png') no-repeat;
	cursor:						pointer;
}
.menu .dehofstedeactive  {
	width: 						90px;
	height: 					40px;
	margin-left:				3px;
	margin-top:					1px;
	background:					url('../layout/menu/hover/dehofstede-over.png') no-repeat;
	cursor:						pointer;
}

.menu .hetteam {
	width: 						67px;
	height: 					39px;
	background: 				url('../layout/menu/hetteam.png') no-repeat;
	margin-left:				100px;
	cursor:						pointer;
}
.menu .hetteam:hover  {
	width: 						67px;
	height: 					39px;
	background:					url('../layout/menu/hover/hetteam-over.png') no-repeat;
	cursor:						pointer;
}

.menu .hetteamactive  {
	width: 						67px;
	height: 					39px;
	margin-left:				100px;
	background:					url('../layout/menu/hover/hetteam-over.png') no-repeat;
	cursor:						pointer;
}

.menu .revalidatie {
	width: 						73px;
	height: 					39px;
	background: 				url('../layout/menu/revalidatie.png') no-repeat;
	margin-left:				175px;
	cursor:						pointer;
}
.menu .revalidatie:hover  {
	width: 						73px;
	height: 					39px;
	background:					url('../layout/menu/hover/revalidatie-over.png') no-repeat;
	cursor:						pointer;
}

.menu .revalidatieactive  {
	width: 						73px;
	height: 					39px;
	margin-left:				175px;
	background:					url('../layout/menu/hover/revalidatie-over.png') no-repeat;
	cursor:						pointer;
}

.menu .equine-aquatrainer {
	width: 						124px;
	height: 					39px;
	background: 				url('../layout/menu/equine-aquatrainer.png') no-repeat;
	margin-left:				256px;
	cursor:						pointer;
}
.menu .equine-aquatrainer:hover  {
	width: 						124px;
	height: 					39px;
	background:					url('../layout/menu/hover/equine-aquatrainer-over.png') no-repeat;
	cursor:						pointer;
}

.menu .equine-aquatraineractive  {
	width: 						124px;
	height: 					39px;
	margin-left:				256px;
	background:					url('../layout/menu/hover/equine-aquatrainer-over.png') no-repeat;
	cursor:						pointer;
}

.menu .sportpaarden {
	width: 						93px;
	height: 					39px;
	background: 				url('../layout/menu/sportpaarden.png') no-repeat;
	margin-left:				387px;
	cursor:						pointer;
}
.menu .sportpaarden:hover  {
	width: 						93px;
	height: 					39px;
	background:					url('../layout/menu/hover/sportpaarden-over.png') no-repeat;
	cursor:						pointer;
}

.menu .sportpaardenactive  {
	width: 						93px;
	height: 					39px;
	margin-left:				387px;
	background:					url('../layout/menu/hover/sportpaarden-over.png') no-repeat;
	cursor:						pointer;
}

.menu .trainingenafrichting {
	width: 						135px;
	height: 					40px;
	background: 				url('../layout/menu/trainingenafrichting.png') no-repeat;
	margin-left:				485px;
	cursor:						pointer;
}
.menu .trainingenafrichting:hover  {
	width: 						135px;
	height: 					39px;
	background:					url('../layout/menu/hover/trainingenafrichting-over.png') no-repeat;
	cursor:						pointer;
}

.menu .trainingenafrichtingactive  {
	width: 						135px;
	height: 					39px;
	margin-left:				485px;
	background:					url('../layout/menu/hover/trainingenafrichting-over.png') no-repeat;
	cursor:						pointer;
}

.menu .drachtigheidsbegeleiding {
	width: 						150px;
	height: 					40px;
	background: 				url('../layout/menu/drachtigheidsbegeleiding.png') no-repeat;
	margin-left:				628px;
	cursor:						pointer;
}
.menu .drachtigheidsbegeleiding:hover  {
	width: 						150px;
	height: 					40px;
	background:					url('../layout/menu/hover/drachtigheidsbegeleiding-over.png') no-repeat;
	cursor:						pointer;
}

.menu .drachtigheidsbegeleidingactive  {
	width: 						150px;
	height: 					40px;
	margin-left:				628px;
	background:					url('../layout/menu/hover/drachtigheidsbegeleiding-over.png') no-repeat;
	cursor:						pointer;
}
/************ SubMenu **********/
.submenu {
	padding-left:				25px;
	padding-top:				10px;
	background-color:			#606656;
	min-height: 				165px;
}

.submenu ul {
	list-style:					none;
}

.submenu ul li {

}
.submenu ul li a {
	color: 						#fff;
	font-size:					12px;
	font-weight:				bold;
	line-height:				30px;
}	
.submenu ul li a:hover {
	color: 						#b5c32d;
	font-size:					12px;
}

/************ SubMenu2 **********/
.submenu2 {
	padding-left:				25px;
	padding-top:				3px;
	background-color:			#606656;
	border-top:					1px solid #737b67;
	border-left:				0px solid #737b67;
	border-right:				0px solid #737b67;
	border-bottom:				0px solid #737b67;
}

.submenu2 a {
	color: 						#fff;
	font-size:					12px;
	font-weight:				bold;
	line-height:				30px;
}	
.submenu2 a:hover {
	color: 						#b5c32d;
	font-size:					12px;
}

/************ Het Team **********/
.hetteam{
	width:						460px;
	height:						200px;
}
.kolom1{
	float:						left;
	width: 						20px;
	height:						auto;
}

.kolom2{
	float:						left;
	width: 						180px;
	height:						auto;
}

.kolom3{
	float:						left;
	width: 						260px;
	height:						auto;
}

/************ Rondleiding **********/
.box1{
	float: 						left;
}

.box2{
	float: 						left;
	margin-left: 				20px;
}

/************ brochure **********/
.box1-brochure{
	margin-right: 20px;
}

.box2-brochure{
	float: 						right;
}

/************ Contact **********/
.contactformulier input, textarea{
	background-color:			#606656;
	color:						#fff;
	border:						1px solid #fff;
}

.contactformulier input:focus, textarea:focus{
	background-color:			#606656;
	color:						#fff;
	border:						1px solid #b5c32d;
}

.error ol{
	margin-left:				20px;
}

.verzenden{
	margin-left:				188px;
}

/************ Footer **********/
.footer{
	height:						15px;
	margin-top:					20px;
	margin-bottom:				20px;
	width:						960px;
	float:						left;
	color:						#888888;
	background-color:			#606656;
	padding:					10px;		
}

.footer a:hover{
	text-decoration:			none;	
}

.designed{
	float:						right;	
	color:						#fff;
}

.designed a{
	color: 						#888888;
}

.designed a:hover{
	color: 						#fff;
}

.copyright{
	float:						left;
	color:						#fff;
}

.copyright a{
	color: 						#fff;
}

.copyright a:hover{
	color: 						#b5c32d;
}