﻿/* generic */
*             {	font-size: 1.0em; font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #4D564D; margin: 0; padding: 0; border: 0;}
body 		      {font-size: 80%; color: #32362C; background: #FBFFED; line-height: 1.45em; word-spacing: 0.1em;}
strong, b     {font-weight: 600; color: #95A660;  padding: 0 2px;}
h1 	      { color: #95A660; font-size: 1.2em; line-height: 1.8em; margin-bottom: 0.3em; background: url(yes.gif) no-repeat right ;  height:29px; text-indent: 10px; }
h2 	      { color: #95A660; font-size: 1.0em; line-height: 2.0em; margin-bottom: 0.4em; text-indent: 33px; letter-spacing: 1px; }
input, textarea, select, option	{ border: 1px inset #CECECE; background-color: #E4F2B1; padding:0 3px;}
.borderless 	{border: 0px; background-color: transparent;}
.button		{ height: 22px !important; height: 15px; border: 1px solid #4D564D; line-height: 0.8em !important; line-height: 1.1em; padding: 0 3px; width: auto !important; width: 1px; overflow: visible;}
fieldset       {  font-size: 100%;
		  border-color: #000000;
		  border-width: 1px 0px 0px 0px;
		  border-style: solid none none none;
		  padding: 10px;
		  margin: 0px 0px 0px 0px;}

table	      {padding: 0; margin: 0}
td	      {margin: 0; padding: 0; padding-bottom: 10px; line-height: 120%;}
li            {list-style-type: none; }
p sup, p sub		{line-height: 0;}
a:link, a:visited {color: #36367D; font-weight: bold; text-decoration: none; font-size: 95%;}
a:hover       {text-decoration: underline;}
a.napo:link, a.napo:visited	      {position: absolute; width: 45px; height: 18px; top: 306px; margin-left: 718px; z-index: 50; }
a.napo:hover  {visibility: visible; background: url(napo_actief.gif) no-repeat; }
.header_link:hover {text-decoration: none; color: #36367D;}
.header_link  {color: #95A660;}
.image_link   {border: 1px solid #D5E59C; margin-right: 6px; margin-top: 3px;}
.spacer       {height: 10px; line-height: 0px; font-size: 0px;}
.filldiv      {float: right; height: 50px; width: 768px;}
/*.left         {float: left; margin-right: 10px; margin-top: 5px; }
.right        {float: right; margin-left: 10px; margin-top: 5px; }*/

/* layout */
#content {
	background: url(back_aupair.jpg) 505px 0px no-repeat;
	position: absolute;
	margin-left: -386px;
	left: 50%;
	width: 768px;
	border: 1px solid #D5E59C;
	}


#top_cont {
  width: 768px;
  height: 90px;
  }
	
.top_left {
	position: relative;
	width: 310px;
	height: 90px;
	float: left;
	}
#top_left-aup {
	background: url(sectie_aupair.jpg) bottom right no-repeat;
  }
#top_left-fam {
	background: url(sectie_family.jpg) bottom right no-repeat;
  }
#top_left-gen {
	background: url(sectie_general.jpg) bottom right no-repeat;
  }
#top_left-fil {
	background: url(sectie_filipina.jpg) bottom right no-repeat;
  }

/* sectie hyperlinks */
.sectie_rechts {
  position: absolute;
  display: block;
  right: 13px;
  bottom: 0px;
  height: 41px;
  width: 36px;
  }
.sectie_rechts:hover {
  width: 133px;
  right: 13px;
  bottom: 0px;
  }
#sectie_rechts_aup:hover {
  background: url(rechts_sectie_aupair.jpg) no-repeat bottom right; 
  }
#sectie_rechts_fam:hover {
  background: url(rechts_sectie_family.jpg) no-repeat bottom right; 
  }
#sectie_rechts_gen:hover {
  background: url(rechts_sectie_general.jpg) no-repeat bottom right; 
  }
#sectie_rechts_fil:hover {
  background: url(rechts_sectie_aupair.jpg) no-repeat bottom right; 
  }
.sectie_links {
  position: absolute;
  display: block;
  left: 117px;
  bottom: 0px;
  height: 41px;
  width: 36px;
  }
.sectie_links:hover {
  width: 133px;
  left: 117px;
  bottom: 0px;
  }  
#sectie_links_aup:hover {
  background: url(links_sectie_aupair.jpg) no-repeat bottom right; 
  }
#sectie_links_fam:hover {
  background: url(links_sectie_family.jpg) no-repeat bottom right; 
  }
#sectie_links_gen:hover {
  background: url(links_sectie_general.jpg) no-repeat bottom right; 
  }
#sectie_links_fil:hover {
  background: url(links_sectie_family.jpg) no-repeat bottom right; 
  }


#top_right {
	position: relative;
	width: 458px;
	height: 90px;
	line-height: 1.3em;
	float: right;
	}

.balk_breed {
  width: 768px;
  height: 27px;
  background: url(balk_breed.gif);
  }
#bottombar {
  width: 1px;
  height: 27px;
  position: absolute;
  margin-top: 40px; 
  bottom: 0px;
  clear: both;
  }

/* middenbalk */  
#balk_logo {
  width: 768px;
  height: 96px;
  background: #D5E59C; 
  }
#balk_logo_links {
  width: 117px;
  height: 96px;
  background: #D5E59C url(logo_links.jpg) right no-repeat;
  float: left;
  }
/* stijl wordt gebruikt voor logorotatiescript */
.links_iconen {
  position: absolute;
  margin-top: 5px;
  left: 3px;
  } 
.altlogos {
  margin-left: 17px;
  float: left; 
  clear: both;
  }
.balk_logo_sectie {
  width: 178px;
  height: 96px;
  border-left: 1px solid #FBFFED;
  border-right: 1px solid #FBFFED;
  float: left;
  }
#balk_logo_sectie-aup {
  background: url(sectie_aupair_foto.jpg);
  }
#balk_logo_sectie-fam {
  background: url(sectie_family_foto.jpg);
  }
#balk_logo_sectie-gen {
  background: url(sectie_general_foto.jpg);
  }

#balk_logo_rechts {
  width: 250px;
  height: 96px;
  background: url(logo_midden.jpg) no-repeat;
  float: left;
  }
#logo_rechts {
  float: right;
  margin-left: 11px;
  }
/* hoofdmenu rechtsboven */
#balk_hoofd_menu {
  width: 110px;
  height: 96px;
  float: right;
  text-align: right;
  background: url(hoofd_menu_kartel.jpg) no-repeat;  
  }
.balk_hoofd_menu_links {
  font-size: 110%;
  margin-right: 10px;
  }
#menu_home {
  background: url(menu_home.gif) no-repeat;
  padding-left: 20px; 
  }
#menu_whyus {
  background: url(menu_whyus.gif) no-repeat;
  padding-left: 20px; 
  }
#menu_links {
  background: url(menu_links.gif) no-repeat;
  padding-left: 20px; 
  }
#menu_contact {
  background: url(menu_contact.gif) no-repeat;
  padding-left: 20px; 
  }


#inhoud {
  width: 768px;
  } 

/* sectie menu */
#inhoud_links {
  width: 310px;
  float: left;
  }
#inhoud_links_menu {
  width: 206px;
  float: right;
  background: url(menu_tile.jpg) repeat-y;
  }
a.menu_link:link,  a.menu_link:visited{
  height: 31px;
  width: 164px;
  margin-left: 21px;
  margin-right: 21px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: url(menu_entry.gif);
  height: 31px;
  width: 164px;
  display: block;
  text-align: center;
  font-size: 100%;
  font-weight: normal;
  color: #E4F2B1;
  line-height: 31px;  
  }
a.menu_link:hover {
  text-decoration: none;
  }
#inhoud_links_menu_bottom {
  width: 206px;
  height: 39px;
  background: url(menu_bottom.jpg);
  }
/* submenu's*/
.submenu {
  display: none;  
  margin-left: 21px;
  margin-right: 21px;
  text-align: center;
  background: url(submenu_tile.gif);
  }
#submenu_bottom {
  width: 164px;
  height: 15px;
  background: url(submenu_bottom.gif) no-repeat bottom;
  }
.submenu_link:link, .submenu_link:visited {
  color: #E4F2B1;
  font-weight: normal;
  }
.submenu_link:hover {
  color: #E4F2B1;
  }
/* actieve menu's */
#subactive .menu_link {
  background: url(menu_entry_subactief.gif); 
  margin-bottom: 0;
  font-size: 100%;
  font-weight: bold;
  }
#subactive .submenu {
  display: block;
  }
#subactive .submenu #activesub{
  text-decoration: underline;
  }
#active .menu_link{
  background: url(menu_entry_actief.gif); 
  font-size: 100%;
  font-weight: normal;
  }

/* teksten */

/*#inhoud_rechts_smal {
  margin-top: 23px !important;
  margin-top: 22px;
  }*/

  
/*#inhoud_rechts {
width: 451px;
height: 370px;
margin-right: 7px !important;
margin-right: 3px;
margin-top: 20px !important;
margin-top: 0px;
float: right;
overflow: auto;
}*/

#inhoud_rechts {
  width: 458px;
  /*margin-top: 20px !important;*/
  margin-top: 20px;
  margin-bottom: 20px;
  float: right;
  }

.header_left_fade {
  margin-right: 3px;
  margin-bottom: 10px;
  width: 20px;
  height: 29px;
  float: right;
  background: url(content_gradient.jpg) no-repeat 0px 3px;
  }  
	  
.header_left {
  margin-right: 16px ;
  width: 419px; 
  height: 29px; 
  background: url(header_tile.jpg) repeat-x 0px 3px; 
  float: right; 
  margin-bottom: 0px;
  text-align: left;
  display: inline; /*fix bloody ie float with margin bug doubling the margin spaces*/
  }

#inhoud_rechts  p, .paragraph{
  padding-left: 24px;
  padding-right: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 6px;
  margin-bottom: 10px; 
  border-bottom: 1px solid #EDF7C9;
  border-top : 1px solid #EDF7C9;
  background: #FEFFFC url(../images/para_grad_dark.jpg) repeat-y;
  clear: both;
  text-align: left;
}

#inhoud_rechts .square {
  background: #FEFFFC; 
  border: 1px solid #D5E59C; 
  padding: 10px 20px 15px 20px;
  margin: 0;
  margin-left: 18px;
  margin-right: 36px;
  margin-bottom: 10px; 
  clear: both;	
}


#inhoud_rechts table{
  margin-bottom: 10px; 
  margin-top: 10px; 
  margin-left: 10px;
  text-align: left;
  margin-right: 10px;
  }

#inhoud_rechts table.toolbarRow, #inhoud_rechts table.toolbarRow td {
  margin-bottom: 0px; 
  margin-top: 0px; 
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 0px; 
  padding-top: 0px; 
  padding-left: 0px;
  padding-right: 0px;
  
}
  
#inhoud_rechts  ul, ol, .paralist {
  padding-left: 40px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 6px;
  border-bottom: 1px solid #EDF7C9;
  border-top : 1px solid #EDF7C9;
  background: #FEFFFC url(../images/para_grad_dark.jpg) repeat-y;
  margin-bottom: 10px; 
  clear: both;
  }

  
  
#inhoud_rechts  ul li{
  background: url(../images/icon_list.gif) no-repeat 0 8px;
  padding-left: 18px;
  }
 
#inhoud_rechts ol li {
  list-style-type: decimal;
  margin-left: 18px;
}

/** forms **/

form {
  display: inline; 
  margin: 0;	
{

.form_menu {
	width: 420px; 
	text-align: center; 
	height: 20px;
	margin-bottom: 4px; 
}

.form_menulink {
	background-color: #FEFFFC; 
	margin: 0 5px;
	color: #95A660;
	border: 0;
	cursor: pointer;
	padding: 0;
	background: transparent;
	width: 1px;
	overflow-x: visible;
}

#menu_active_link {
	color: #000000;	
}


