/* GENERAL SETTINGS */


	
	body
	{
		background:				#EDEDED url(../graphics/bg_body.gif) bottom center repeat-y;
		color:					#043731; 
		font-family: 			Arial, Courier, 'Franklin Gothic Book', sans-serif ;
		font-size: 				70%;
		margin:					0px;
		padding:				0px;		
		line-height:			1.5;		
	}
	

	form
	{
		margin:					0;
		padding:				0;
	}
	
	.clear
	{
		clear:					both;
		font-size:				0px;
	}


	#smaller
	{
		cursor:					pointer;
	}
	
	#bigger
	{
		cursor:					pointer;
	}


/* CANVAS AREA */

	#bodyBackground
	{
		background:				transparent url(../graphics/background_cow.png) no-repeat;
		width:					961px;
		min-height:				914px;
		margin:					0 auto;

	}

	#canvasArea
	{
		background:				#FFFFFF;	
		height:					100%;
		margin:					0 auto;
		width:					900px;
	}
	
/* HEADER AREA */

	#headerArea
	{
		
		height:					175px;
		width:					900px;
	}
		
		#headerArea h1, #headerArea h2, #headerArea h3
		{
			display:			none;
		}
		
		#headerArea .header-animation 
		{
			height:				175px;
			overflow:			hidden;
		}

		#headerArea .header-animation img
		{
			border:				none;
		}
		
/* SERVICE MENU AREA */
		
		#serviceMenuArea ul.serviceMenu
		{
			background:				#b66612;
			margin:					0;
			padding:				0;
			list-style:				none;
		}
		
			#serviceMenuArea ul.serviceMenu li
			{
			 /*	background:				url(../graphics/bg_service_menu.gif) bottom repeat-x;
			*/	margin:					0;
				padding:				0;
				list-style:				none;
			}
			
			/* ZOEKEN */
			
			#serviceMenuArea ul.serviceMenu li.zoeken
			{
				background:				url(../graphics/bg_service_menu.gif) bottom repeat-x;
			}
			
				#serviceMenuArea ul.serviceMenu li.zoeken label
				{
					background:				url(../graphics/label_zoeken.gif) no-repeat;
					display:				block;
					height:					21px;
					width:					160px;
				}
			
				#serviceMenuArea ul.serviceMenu li.zoeken label span
				{
					visibility:				hidden;
				}
			
			#serviceMenuArea ul.serviceMenu li.zoeken input
			{
				border-top:				1px solid #666666;
				border-right:			1px solid #999999;
				border-bottom:			1px solid #999999;
				border-left:			1px solid #666666;	
				height:					16px;
				font-size:				9px;
				width:					106px;
				margin:					0 3px 6px 6px;
			}
			
			#serviceMenuArea ul.serviceMenu li.zoeken form p
			{
				margin-bottom:				0px;
				display:					block;
			}
			
			
			#serviceMenuArea ul.serviceMenu li.zoeken input.searchButton
			{
				background:				#005047;
				border:					1px solid #005047;
				color:					#FFFFFF;
				font-weight:			bold;
				font-size:				9px;
				height:					16px;
				width:					29px;
				margin:					0 0 26px 0;
				cursor:					pointer;
			}
			
			/* ///ZOEKEN */
			
			#serviceMenuArea ul.serviceMenu li a
			{
				background:				none;
				border:					none;
				height:					30px;
				margin:					0;
				padding:				0;
				width:					160px;
				text-decoration:		none;
				display:				block;
			}
			
			#serviceMenuArea ul.serviceMenu li a.iparktaf_link
			{
				background:				url(../graphics/bt_stuur_door.gif) no-repeat;
				
			}
			
			#serviceMenuArea ul.serviceMenu li a.contact
			{
				background:				url(../graphics/bt_contact.gif) no-repeat;
				padding:				0;
				margin:					0;
			}
			
			#serviceMenuArea ul.serviceMenu li a.wegwijzer
			{
				background:				url(../graphics/bt_wegwijzer.gif) no-repeat;
			}
			
			#serviceMenuArea ul.serviceMenu li a.winkelwagen
			{
				background:				url(../graphics/bt_winkelwagen.gif) no-repeat;
			}
			
			#serviceMenuArea ul.serviceMenu li a.nieuwsbrief
			{
				background:				url(../graphics/bt_nieuwsservice.gif) no-repeat;
			}
			
			#serviceMenuArea ul.serviceMenu li a.home
			{
				background:				url(../graphics/bt_home.gif) no-repeat;
			}
			
			#serviceMenuArea ul.serviceMenu li a.favorieten
			{
				background:				url(../graphics/bt_favorieten.gif) no-repeat;
			}
			
			
			
			#serviceMenuArea ul.serviceMenu li a.shopBanner
			{
				background:				url(../graphics/banner_doneer_een_dier.jpg) no-repeat;
				width:					145px;
				height:					60px;
				margin:					5px;
				padding:				0 0 15px 0;
			}
			
			#serviceMenuArea ul.serviceMenu li .contentItem
			{
				float:					none;
			}

		 	#serviceMenuArea ul.serviceMenu li .entry-image
		 	{
		 		height:80px;
		 	}

		 	#serviceMenuArea ul.serviceMenu li .entry-image a img
			{
				border: none;
			}

			#serviceMenuArea ul.serviceMenu li a span
			{
				visibility:				hidden;
			}
			
			
		
		
			#serviceMenuArea .vcard{
				background:				url(../graphics/bg_contact.gif) left bottom no-repeat;
				color:					#ffffff;					
			}
			
		
			#serviceMenuArea .vcard a{
				color:					#ffffff;				
			}
			
			
		
		#serviceMenuArea .cbfLogo
		{
			background:				url(../graphics/bg_cbf_anbi_logos.gif) no-repeat;
			height:					112px;
			width:					160px;
			display:				block;
			text-decoration:		none;
		}
		
		#serviceMenuArea .cbfLogo a.cbf {
			height:					112px;
			width:					80px;
			display:				block;
			float:					left;
		}
		
		#serviceMenuArea .cbfLogo a.andi {
			height:					112px;
			width:					80px;
			display:				block;
			float:					left;
		}
		
			
			#serviceMenuArea .cbfLogo span
			{
				display:				none;
			}

		.bannerBox
		{
			margin:						0;
		}
		
			.bannerBox a.shop
			{
				background:				url(../graphics/banner_shop.gif);
				background-color:		transparent;
				width:					155px;
				height:					125px;
				display:				block;
				margin:					5px 0 0 3px;
				text-decoration:		none;
			}
				
				.bannerBox a.shop span
				{
					visibility:				hidden;
					font-size:				1px;
				}

/* SUBNAVIGATIONAREA */

	#subNavigationArea
	{
		
		float:					left;
		width:					160px;
	}
	
	
		#subNavigationArea ul
		{
			margin:					0;
			padding:				0;
			list-style:				none;
		}
		
			#subNavigationArea ul li
			{
				margin:					0;
				padding:				0;
				list-style:				none;
			}
			
				#subNavigationArea ul li a
				{
					background:				#0B544C;
					border-top:				1px solid #FFFFFF;
					display:				block;
					margin:					0;
					padding:				0;
					width:					160px;
					text-decoration:		none;				
				}
				
				#subNavigationArea ul li a span
				{
					visibility:				hidden;
				}
				 
/* overheifer */
				#subNavigationArea ul li a.overheifer
				{
					background:				url(../graphics/bt_overheifer_inactive.gif) no-repeat;
					height:					31px;
				} 
				
				#subNavigationArea ul li a.overheifer:hover
				{
					background:				url(../graphics/bt_overheifer_hover.gif) no-repeat;
				}
				
				#subNavigationArea ul li a.activeElementOverheifer
				{
					background:				url(../graphics/bt_overheifer_active.gif) no-repeat;				
				} 


/* onzeprojecten */
				#subNavigationArea ul li a.onzeprojecten
				{
					background:				url(../graphics/bt_onzeprojecten_inactive.gif) no-repeat;
					height:					31px;
				} 
				
				#subNavigationArea ul li a.onzeprojecten:hover
				{
					background:				url(../graphics/bt_onzeprojecten_hover.gif) no-repeat;
				} 

				#subNavigationArea ul li a.activeElementOnzeprojecten
				{
					background:				url(../graphics/bt_onzeprojecten_active.gif) no-repeat;
				} 


/* steunheifer */
				#subNavigationArea ul li a.steunheifer
				{
					background:				url(../graphics/bt_steunheifer_inactive.gif) no-repeat;
					height:					31px;
				} 
				
				#subNavigationArea ul li a.steunheifer:hover
				{
					background:				url(../graphics/bt_steunheifer_hover.gif) no-repeat;
				} 

				#subNavigationArea ul li a.activeElementSteunheifer
				{
					background:				url(../graphics/bt_steunheifer_active.gif) no-repeat;				
				} 


/* directdoneren */
				#subNavigationArea ul li a.directdoneren
				{
					background:				url(../graphics/bt_directdoneren_inactive.gif) no-repeat;
					height:					31px;
				} 
				
				#subNavigationArea ul li a.directdoneren:hover
				{
					background:				url(../graphics/bt_directdoneren_hover.gif) no-repeat;
				}

				#subNavigationArea ul li a.activeElementDirectdoneren
				{
					background:				url(../graphics/bt_directdoneren_active.gif) no-repeat;				
				} 

/* nieuws */

				#subNavigationArea ul li a.nieuws
				{
					background:				url(../graphics/bt_nieuws_inactive.gif) no-repeat;
					height:					31px;
				} 
				
				#subNavigationArea ul li a.nieuws:hover
				{
					background:				url(../graphics/bt_nieuws_hover.gif) no-repeat;
				}
				
				#subNavigationArea ul li a.activeElementNieuws
				{
					background:				url(../graphics/bt_nieuws_active.gif) no-repeat;				
				} 				 

/* contactenroute */
				#subNavigationArea ul li a.contactenroute
				{
					background:				url(../graphics/bt_contactenroute_inactive.gif) no-repeat;
					height:					31px;
				} 
				
				#subNavigationArea ul li a.contactenroute:hover
				{
					background:				url(../graphics/bt_contactenroute_hover.gif) no-repeat;
				} 

				#subNavigationArea ul li a.activeElementContactenroute
				{
					background:				url(../graphics/bt_contactenroute_active.gif) no-repeat;				
				}

				
				
			/* SECOND LAYER */
			
				#subNavigationArea ul ul li a
				{
					background:				none;
					background-color:		#c4833f;
					color:					#ffffff;
					padding:				3px 22px 3px 22px;
					width:					116px;
					margin:					0;
					border-top:				1px solid #d19e69;				
				}
				
				#subNavigationArea ul ul li a:hover
				{
					text-decoration:underline;
				} 
				
				#subNavigationArea ul ul li a.activeElement
				{
					background:				none;
					background-color:		#c4833f; 
					color:					#FFFFFF; 
					font-weight:			bold;
									
				} 
				
				/* THIRD LAYER */
			
				#subNavigationArea ul ul ul li a
				{
					background:				none;
					background-color:		#c4833f;
					color:					#FFFFFF;
					padding:				3px 22px 3px 30px;
					width:					108px;
					margin:					0;
					border:					none;				
				} 
				
				#subNavigationArea ul ul ul li a.activeElement
				{
					font-weight:			bold;
					border:					none;			
				} 
				
				
				
				
/* PRIMARY CONTENT AREA */
 #primaryContentArea
 {
  background:    url(../graphics/bg_shadow.gif) repeat-x;
  float:     left;
  width:     580px;
 }
 
  #primaryContentAreaHomepage
 {
  background:    url(../graphics/bg_shadow.gif) repeat-x;
  float:     left;
  padding:    20px;
  width:     398px;
 }
  
 #primaryContentArea .contentBox
 {
  padding:    20px;
 }
 
 #primaryContentArea .contentBoxOne
 {
  clear:     both;
  width:     540px;
 }
 
  #primaryContentArea .contentBoxOneHomepage
 {
  clear:     both;
  width:     398px;
 }
 
 #primaryContentArea .contentBoxTwo
 {
  width:     260px;
  float:     left;
 }
 
 #primaryContentArea .contentBoxThree
 {
  width:     260px;
  float:     right;
 }
 
 #primaryContentArea .contentBoxFour
 {
  clear:     both;
  width:     540px;
 }
	
#form.formEntry input, #form.formEntry label  {
	display: none;
}

/* SECONDARY CONTENT AREA */
	#secondaryContentArea
	{
		background:				url(../graphics/bg_shadow.gif) repeat-x;
		float:					left;
		width:					160px;
	}

/* FOOTER */
	#footerArea{
		width:					860px;
		margin:					20px auto 0px auto;
		background:				url(../graphics/bg_footer.gif) repeat-x center center;
		text-align:				center;
		padding:				50px 0 10px 0;
		clear:					both;
		display:				block;
	}
	
	#footerArea a{
		color:					#000;
	}

.imagesBox ul { list-style: none; }
.code			{ clear: both; width: 100%; }
.code-comment { background:  #ffc20e; color: #000; border: 1px dotted #000; padding:20px; font-weight: bold; }

ul.sponsor-logos					{ display: block; clear: both; float: none; padding: 10px 0 0 0; }
ul li.sponsor-logo					{ line-height: 14.5em; text-align: center; position: relative;  background: url(../graphics/contentitem_image_logo_bg.gif) 0 0 repeat; width: 160px; height: 160px; display: block; float:left; margin: 0 10px 20px 10px; }
#primaryContentArea ul.sponsor-logos a 					{ padding: 0; background: none; margin: 0; }
ul.sponsor-logos a img				{ border: 0; margin: 0; padding: 0; }
.giro								{color:#fff; font-weight:bold; background: url(../graphics/bg_line.gif) 0 0 repeat-x; height:30px; padding:10px 5px 5px 10px; font-size:140%;}