/*************************************************** 
padding: extra space within the box
margins: extra space outside the box 
(mind differences in browsers) 
padding & margin order in css:
top - right - bottom - left
****************************************************/


/***************************************************
Body and Box definitions
****************************************************/	

body	{ 
	   font-family: arial, helvetica, verdana, sans-serif;
	   background-color: #fff;
	   margin: 0px 0px 20px 0px;
	   text-align: left;
	   font-size: 76%;
	   background-image: url(images/clouds-bg.gif);
	   background-repeat: no-repeat;
	 }		

#indexbar	{
		  position: absolute;
		  top: 320px;
		  left: 0px;
		  height: 23px;
		  width: 755px;
		  margin: 0px;
		  padding: 0px;
		  background-image: url(images/indexbar.gif);
		  background-repeat: no-repeat;
		}
		
#menu	{
	  position: absolute;
	  top: 95px;
	  left: 83px;
	  height: 49px;
	  width: 672px;
	  margin: 0px;
	  padding: 0px;
	  background-color: #fff;
	}
	
#menu p	{ padding: 13px 0px 0px 14px; }
	
#submenu	{
		  position: absolute;
		  top: 144px;
		  left: 83px;
		  height: 23px;
		  width: 672px;
		  margin: 0px;
		  padding: 0px;
		  background-image: url(images/submenu-bg.gif);
		  background-repeat: no-repeat;
		}
		
#submenu_investments	{
			  position: absolute;
			  top: 144px;
			  left: 83px;
			  height: 23px;
			  width: 672px;
			  margin: 0px;
			  padding: 0px;
			  background-image: url(images/submenu-bg-investments.gif);
			  background-repeat: no-repeat;
			}		
		
#content	{
		  position: absolute;
		  top: 167px;
		  left: 83px;
		  width: 672px;
		  float: left;
		  margin: 0px;
		  background-color: #fff;
		}
		
#content_left	{
 		  float: left;
 		  width: 192px;
		}
		
		#content_left_img	{
					  margin-left: 13px;
					}
		
#content_center	{
 		  float: left;
 		  width: 325px;
		}
		
#content_right	{
 		  float: left;
 		  width: 155px;
 		  margin-top: 37px;
		}
		
#content_breed	{
 		  float: left;
 		  width: 480px;
		}
		
#content_right p	{ padding: 5px 20px 10px 0px; color: #999; font-size: 90%; font-weight: bold; }		
		
#footer	{ width: 672px; margin: 0px 0px 20px 0px; }
		
/***************************************************
Some absolute positioned stuff 
****************************************************/		
		
#logo	{
	  position: absolute;
	  top: 27px;
	  left: 46px;
	}
		
#compass	{
		  position: absolute;
		  top: 0px;
		  left: 599px;
		}


/***************************************************
Text and link definitions
specific link behaviour is defined in its selector
****************************************************/

A 		{ text-decoration:none; }
A:link 		{ text-decoration:none; }
A:visited 	{ text-decoration:none; }
A:active 	{ text-decoration:none; }
A:hover 	{ text-decoration:none; text-color: #fff; }



h1.bedrijf	{ background-image: url(images/header_bedrijf.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.bedrijf span  { position: absolute; left: -2000px; }

h1.visie	{ background-image: url(images/header_visie.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.visie span  { position: absolute; left: -2000px; }

h1.organisatie	{ background-image: url(images/header_organisatie.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.organisatie span  { position: absolute; left: -2000px; }

h1.werkwijze	{ background-image: url(images/header_werkwijze.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.werkwijze span  { position: absolute; left: -2000px; }

h1.service	{ background-image: url(images/header_service.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.service span  { position: absolute; left: -2000px; }

h1.nieuws	{ background-image: url(images/header_nieuws.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.nieuws span  { position: absolute; left: -2000px; }

h1.voorbeelden	{ background-image: url(images/header_voorbeelden.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.voorbeelden span  { position: absolute; left: -2000px; }

h1.contact	{ background-image: url(images/header_contact.gif); background-repeat: no-repeat; height: 28px; margin: 28px 0px 0px 37px; }

h1.contact span  { position: absolute; left: -2000px; }

p		{
		  margin: 0;
		  padding: 10px 37px 5px 37px;
		  text-align: left;
		  line-height: 16px;
		  font-size: 100%;
		  color: #333;
		}
		
		p a		{ color: #0084C6; font-weight: bold; }
		p a:link	{ color: #0084C6; }
		p a:visited	{ color: #0084C6; }
		p a:hover	{ color: #007E94; }

#indexbar p	{
		  margin: 0;
		  padding: 4px 30px 4px 0px;
		  text-align: left;
		  font-weight: bold;
		  font-size: 100%;
		  color: #333;
		}		

#submenu p, #submenu_investments p	{
		  margin: 0;
		  padding: 4px 0px 4px 205px;
		  text-align: left;
		  font-weight: bold;
		  font-size: 100%;
		  color: #333;
		}
		
#submenu_investments p a		{ color: #333; font-weight: normal; }
#submenu_investments p a#active		{ color: #007E94; }
#submenu_investments p a:link		{ color: #333; }
#submenu_investments p a:visited	{ color: #333; }
#submenu_investments p a:hover		{ color: #007E94; }	
		
#submenu p a		{ color: #333; font-weight: normal; }
#submenu p a#active	{ color: #007E94; }
#submenu p a:link	{ color: #333; }
#submenu p a:visited	{ color: #333; }
#submenu p a:hover	{ color: #007E94; }
				
ul		{
		  margin: 0px 0px 0px 30px;
		  padding: 0px 20px 10px 20px;
		  text-align: left;
		  line-height: 130%;
		  font-size: 100%;
		  color: #333;
		}
		
		ul a		{ color: #FF6600; }
		ul a:link	{ color: #FF6600; }
		ul a:visited	{ color: #FF6600; }
		ul a:hover	{ color: #fff; }