/*  aanlevering 3                                                                       */
/*  toegevoegd (geldt voor alle kleuren):                                               */
/*  #dark_red a:link     {color:#f68d91; text-decoration:none;}                         */
/*  #dark_red a:visited  {color:#f68d91; text-decoration:none;}                         */
/*  #dark_red a:hover    {color:#da1e48; text-decoration:none;}                         */


/*------------------------------------------------------------- A L G E M E E N */

body, html{
	margin			:10px 0 0 0;
	padding			:0;
	font-family		:Arial, Helvetica, sans-serif;
	font-size		:11px;
	color			   :#58595b;         /*was grijs: #939598  iets zwarter (80% zwart = antraciet) gezet, niet in nav-top en nav-left*/
	}
	
img{
	border			:solid 0px;
	}
	
#container{
	width			:933px;  /*was 930 maar dan paste de locatiekaart niet in ie6*/
	position		:relative;
	margin			:auto;
	}

#contact{
	margin			:5px 130px -22px;
	}
	
input.zoek{
	border			:solid 0px;
	background-color:#efeff0;
	padding-left	:3px;
	margin-left		:3px;
	}	

h1{
	margin			:37px 0 20px 0;
	padding			:0;
	font-size		:13px;
	font-weight		:bold;
	}
	
h2{
	margin			:0 0 3px 15px;
	padding			:0;
	font-size		:13px;
	font-weight		:bold;
	}

h3{
	font-size		:13px;
	font-weight		:bold;
}

#nav_left{
	width			:160px;
	margin-top		:-75px;
	font-size		:11px;
	float			:left;
	display		:none;   
	}

ul.nav_left{
	width			:inherit;
	list-style-type	:none;
	margin			:0;
	padding			:20px 0 0 15px;
	line-height		:17px;
	}
	
ul.nav_left_sub{
	list-style-type	:none;
	margin			:0 0 0 5px;
	padding			:0 0 10px 11px;
	line-height		:18px;
	}

.active{
	background-image:url(../gfx/pijl.png);
	background-repeat:no-repeat;
	background-position:0 2px; 
	padding-left	:15px;
	margin-left		:-15px;
	}
	
.active_with_sub
{
	padding-left	:15px;
	margin-left		:-15px;
	}
   
#luidspreker{
	margin		:-60px 0 0 460px;
	padding		:38px 0 10px 0;
	}	

#content{
	width			:765px;
	float			:left;
	margin			:33px 0 0 0px;
	/*overflow       :hidden;	*/				/* deze toevoegen voor IE6? */
	}
	
#content_geen_menu{
	width			:728px;		/*was 722*/
	float			:left;
	margin			:33px 0 0 35px;
	}
	
#content_1_colum{
	width			:745px;
	float			:left;
	margin			:33px 0 0 0;
	padding-left	:20px;
	}
	
#content_header_left{
/*	width			:342px;*/
	padding		:0 24px 35px 15px;
	float			:left;
	overflow    :hidden;					/* deze toegevoegd voor IE6? */
	}
	
	
#content_header_right{
   position:relative;                  /*toegevoegd vr 3 kleine foto's*/ 
  	width			:338px;                 /*was 341, paste niet in ie6*/
	float			:left;
	}


#afb1{
   position:absolute;
   top         :-8px;
   left        :30px;
   width			:128px;
   height		:94px;
   text-align  :center;
	font-weight :bold;
	font-size   :12px;
	line-height :38px;
	}

#afb2{
   position:absolute;
   top            :52px;
   left           :220px;
   width			   :118px;
   height			:86px;
   text-align     :right;
	font-weight    :bold;
	font-size      :12px;
	line-height    :38px;
	}

#afb3{
   position       :absolute;
   top            :156px;
   left           :111px;
   width			   :94px;
   height		   :67px;
   text-align     :center;
	font-weight    :bold;
	font-size      :12px;
	line-height    :38px;
	}

#content_header_right2{
   position    :relative;                  /*toegevoegd vr 2 kleine foto's*/ 
  	width			:178px;
	float			:left;
	}

#afb11{
   position    :absolute;
   top         :0px;
   left        :20px;
   width			:74px;
   height		:67px;
   text-align  :center;
	font-size   :11px;
	font-weight :bold;
	line-height :38px;
	}

#afb22{
   position:absolute;
   top            :92px;
   left           :104px;
   width			   :74px;
   height			:67px;
   text-align     :center;
	font-size      :11px;
	font-weight    :bold;
	line-height    :38px;
	}
	
#content_text{
	width			:464px;
	line-height		:19px;
	float			:left;
	padding-left	:15px;
	}
	
#content_text_locatiekaart_html{
	line-height		:19px;
	float			:left;
	}
	
#content_resulaten{
	width			:220px;
	float			:left;
	display		:none;   
	}
	
#content_locatiekaart_header_left{
	width			:500px;              /*iets breder 500px om ie6 comp te maken - net robin aan lijn  gehad */
	padding			:0 0 25px 0px;
	float			:left;
	}
	
#afbeelding_met_menu{      /*verschijnt alleen als er een afbeelding is?*/
	float			:left; 
	margin-left		:8px;
	padding-bottom: 35px;   /*deze padding is teveel in ie6 (als er geen foto is)*/
	}

ul.vervolg_menu{
	list-style-type	:none;
	width			:220px;
	margin			:0;
	padding			:0 0 0 15px;
	line-height		:18px;
	font-size		:11px;
	}
	
ul.vervolg_menu_sub{
	list-style-type	:none;
	width			:180px;
	margin			:0;
	padding			:0 0 0 15px;
	line-height		:18px;
	font-size		:11px;
	}
	

ul#aanbod{
	 float			:right; 
	 list-style-type:none; 
	 margin			:0; 
	 padding		:0; 
	 line-height	:16px;
	 }
	 
li.aanbod{ 
	 margin			:0; 
	 padding		:0 0 1px 0; 
	 }

	 
#nav_top{
	width			   :930px;
	text-align		:right;
	font-size		:11px;
	display		:none;   
	}
	
a.nav_top:link, a.nav_top:active, a.nav_top:visited{
	color			      :#58595b;   /*antraciet*/
	text-decoration	:none;
	}
	
a.nav_top:hover{
	color			      :#287686;
	text-decoration	:none;
	}

a.nav_top_active{
	color			      :#287686;
	text-decoration	:none;
	font-weight       :bold;
	}
	
ul.nav_top{
	list-style-type	:none;
	margin			   :0;
	padding			   :40px 0 0 0;
	}
	
li.nav_top{
	display			:inline;
	padding			:0 3px;
	}
	
#nav_meta{
	width			:930px;
	text-align		:right;
	font-size		:11px;
	margin-top		:10px;
	margin-bottom	:10px;
	float			:right;
	display		:none;   
	}

ul.nav_meta{
	list-style-type	:none;
	margin			:0;
	padding			:40px 0 0 0;
	}
	
li.nav_meta{
	display			:inline;
	padding			:0 3px;
	}
	
	
/*------------------------------------------------- K L E U R E N - black*/	
.black{
	color			      :#287686;
	text-decoration	:none;
	}
	
.black_sub{
	color			      :#00ACCE;
	text-decoration	:none;
	}
	
a.nav_left_black:link, a.nav_left_black:active, a.nav_left_black:visited{
	color			      :#58595b;
	text-decoration	:none;
}

a.nav_left_black_sub:link, a.nav_left_black_sub:active, a.nav_left_black_sub:visited{
	color			      :#00ACCE;
	text-decoration	:none;
}

a.nav_left_black:hover, a.nav_left_black_sub:hover{
	color			      :#287686;
	text-decoration	:none;
	}

#black a:link     {color:#00ACCE; text-decoration:none;}
#black a:visited  {color:#00ACCE; text-decoration:none;}
#black a:hover    {color:#287686; text-decoration:none;}		/*zelf verzonnen, stond eerst op grijs #939598 zonder lijntje, dus onzichtbaar */
	
/*------------------------------------------------- K L E U R E N - dark_red*/	

.dark_red{
	color			:#da1e48;
	text-decoration	:none;
	}
	
.dark_red_sub{
	color			:#ec8ea3;         /*moet dit niet f68d91 zijn? */
	text-decoration	:none;
	}
	
a.nav_left_dark_red:link, a.nav_left_dark_red:active, a.nav_left_dark_red:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_dark_red_sub:link, a.nav_left_dark_red_sub:active, a.nav_left_dark_red_sub:visited{
	color			:#f68d91;
	text-decoration	:none;
}

a.nav_left_dark_red:hover, a.nav_left_dark_red_sub:hover{
	color			:#da1e48;
	text-decoration	:none;
	}
	
#dark_red a:link     {color:#f68d91; text-decoration:none;}
#dark_red a:visited  {color:#f68d91; text-decoration:none;}
#dark_red a:hover    {color:#da1e48; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - light_red */		
	
.light_red{
	color			:#ed1c24;
	text-decoration	:none;
	}
	
.light_red_sub{
	color			:#f68d91;
	text-decoration	:none;
	}
	
a.nav_left_light_red:link, a.nav_left_light_red:active, a.nav_left_light_red:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_light_red_sub:link, a.nav_left_light_red_sub:active, a.nav_left_light_red_sub:visited{
	color			:#f68d91;
	text-decoration	:none;
}

a.nav_left_light_red:hover, a.nav_left_light_red_sub:hover{
	color			:#ed1c24;
	text-decoration	:none;
	}
	
#light_red a:link     {color:#f68d91; text-decoration:none;}
#light_red a:visited  {color:#f68d91; text-decoration:none;}
#light_red a:hover    {color:#ed1c24; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - yellow */	
	
.yellow{
	color			:#fbae3d;
	text-decoration	:none;
	}
	
.yellow_sub{
	color			:#fdd69e;
	text-decoration	:none;
	}
	
a.nav_left_yellow:link, a.nav_left_yellow:active, a.nav_left_yellow:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_yellow_sub:link, a.nav_left_yellow_sub:active, a.nav_left_yellow_sub:visited{
	color			:#fdd69e;
	text-decoration	:none;
}

a.nav_left_yellow:hover, a.nav_left_yellow_sub:hover{
	color			:#fbae3d;
	text-decoration	:none;
	}
	
#yellow a:link     {color:#fdd69e; text-decoration:none;}
#yellow a:visited  {color:#fdd69e; text-decoration:none;}
#yellow a:hover    {color:#fbae3d; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - orange */	
	
.orange{
	color			:#f37321;
	text-decoration	:none;
	}
	
.orange_sub{
	color			:#f9b990;
	text-decoration	:none;
	}
	
a.nav_left_orange:link, a.nav_left_orange:active, a.nav_left_orange:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_orange_sub:link, a.nav_left_orange_sub:active, a.nav_left_orange_sub:visited{
	color			:#f9b990;
	text-decoration	:none;
}

a.nav_left_orange:hover, a.nav_left_orange_sub:hover{
	color			:#f37321;
	text-decoration	:none;
	}
		
#orange a:link     {color:#f9b990; text-decoration:none;}
#orange a:visited  {color:#f9b990; text-decoration:none;}
#orange a:hover    {color:#f37321; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - dark_blue */	
	
.dark_blue{
	color			:#3069b3;
	text-decoration	:none;
	}
	
.dark_blue_sub{
	color			:#97b4d9;
	text-decoration	:none;
	}
	
a.nav_left_dark_blue:link, a.nav_left_dark_blue:active, a.nav_left_dark_blue:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_dark_blue_sub:link, a.nav_left_dark_blue_sub:active, a.nav_left_dark_blue_sub:visited{
	color			:#97b4d9;
	text-decoration	:none;
}


a.nav_left_dark_blue:hover, a.nav_left_dark_blue_sub:hover{
	color			:#3069b3;
	text-decoration	:none;
	}
		
#dark_blue a:link     {color:#97b4d9; text-decoration:none;}
#dark_blue a:visited  {color:#97b4d9; text-decoration:none;}
#dark_blue a:hover    {color:#3069b3; text-decoration:none;}


/*Klantencontact: bel 0800 - 99 88 777 --> deze heb ik tijdelijk op wit gezet, als het nummer bekend is mag ie op light_blue (in writenavigation.asp*/	
	
.white{
	color			:#ffffff;
	text-decoration	:none;
	}
	

/*------------------------------------------------- K L E U R E N - light_blue */	
	
.light_blue{
	color			:#00acce;
	text-decoration	:none;
	}
	
.light_blue_sub{
	color			:#7fd5e6;
	text-decoration	:none;
	}
	
a.nav_left_light_blue:link, a.nav_left_light_blue:active, a.nav_left_light_blue:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_light_blue_sub:link, a.nav_left_light_blue_sub:active, a.nav_left_light_blue_sub:visited{
	color			:#7fd5e6;
	text-decoration	:none;
}

a.nav_left_light_blue:hover, a.nav_left_light_blue_sub:hover{
	color			:#00acce;
	text-decoration	:none;
	}
		
#light_blue a:link     {color:#7fd5e6; text-decoration:none;}
#light_blue a:visited  {color:#7fd5e6; text-decoration:none;}
#light_blue a:hover    {color:#00acce; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - purple */	
	
.purple{
	color			:#7855a3;
	text-decoration	:none;
	}
	
.purple_sub{
	color			:#bbaad1;
	text-decoration	:none;
	}
	
a.nav_left_purple:link, a.nav_left_purple:active, a.nav_left_purple:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_purple_sub:link, a.nav_left_purple_sub:active, a.nav_left_purple_sub:visited{
	color			:#bbaad1;
	text-decoration	:none;
}

a.nav_left_purple:hover, a.nav_left_purple_sub:hover{
	color			:#7855a3;
	text-decoration	:none;
	}
	
#purple a:link	     {color:#7855a3; text-decoration:none;}
#purple a:visited   {color:#7855a3; text-decoration:none;}
#purple a:hover     {color:#bbaad1; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - pink */	
	
.pink{
	color			:#cd4699;
	text-decoration	:none;
	}
	
.pink_sub{
	color			:#e6a2cc;
	text-decoration	:none;
	}
	
a.nav_left_pink:link, a.nav_left_pink:active, a.nav_left_pink:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_pink_sub:link, a.nav_left_pink_sub:active, a.nav_left_pink_sub:visited{
	color			:#e6a2cc;
	text-decoration	:none;
}

a.nav_left_pink:hover, a.nav_left_pink_sub:hover{
	color			:#cd4699;
	text-decoration	:none;
	}
	
#pink a:link     {color:#e6a2cc; text-decoration:none;}
#pink a:visited  {color:#e6a2cc; text-decoration:none;}
#pink a:hover    {color:#cd4699; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - dark_green --> aangepast*/	

.dark_green{
	color			:#0c7a34;
	text-decoration	:none;
	}
	
.dark_green_sub{
	color			:#1d9649;
	text-decoration	:none;
	}
	
a.nav_left_dark_green:link, a.nav_left_dark_green:active, a.nav_left_dark_green:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_dark_green_sub:link, a.nav_left_dark_green_sub:active, a.nav_left_dark_green_sub:visited{
	color			:#1d9649;
	text-decoration	:none;
}

a.nav_left_dark_green:hover, a.nav_left_dark_green_sub:hover{
	color			:#0c7a34;
	text-decoration	:none;
	}
		
#dark_green a:link     {color:#1d9649; text-decoration:none;}
#dark_green a:visited  {color:#1d9649; text-decoration:none;}
#dark_green a:hover    {color:#0c7a34; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - light_green --> wordt gebruikt bij Ouderen, is nu  voor dark green gekozen*/	
/*75aa43 = donkerder*/	
/*bad5a1 = licht*/	
.light_green{
	color			:#75aa43;
	text-decoration	:none;
	}
	
.light_green_sub{
	color			:#bad5a1;
	text-decoration	:none;
	}
	
a.nav_left_light_green:link, a.nav_left_light_green:active, a.nav_left_light_green:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_light_green_sub:link, a.nav_left_light_green_sub:active, a.nav_left_light_green_sub:visited{
	color			:#bad5a1;
	text-decoration	:none;
}

a.nav_left_light_green:hover, a.nav_left_light_green_sub:hover{
	color			:#75aa43;
	text-decoration	:none;
	}
	
#light_green a:link     {color:#bad5a1; text-decoration:none;}
#light_green a:visited  {color:#bad5a1; text-decoration:none;}
#light_green a:hover    {color:#75aa43; text-decoration:none;}


/*------------------------------------------------- K L E U R E N - dark_gray */	
	
.dark_gray{
	color			:#00ACCE;      /* was color:#385470 */
	text-decoration	:none;
	}
	
.dark_gray_sub{
	color			:#287686;      /* was color:#9ba9b7 */
	text-decoration	:none;
	}
	
a.nav_left_dark_gray:link, a.nav_left_dark_gray:active, a.nav_left_dark_gray:visited{
	color			:#58595b;
	text-decoration	:none;
}

a.nav_left_dark_gray_sub:link, a.nav_left_dark_gray_sub:active, a.nav_left_dark_gray_sub:visited{
	color			:#287686;      /* was color:#9ba9b7 */
	text-decoration	:none;
}

a.nav_left_dark_gray:hover, a.nav_left_dark_gray_sub:hover{
	color			:#00ACCE;      /* was color:#385470 */
	text-decoration	:none;
	}	

#dark_gray a:link     {color:#00ACCE; text-decoration:none;}   /* was color:#385470 */
#dark_gray a:visited  {color:#00ACCE; text-decoration:none;}   /* was color:#385470 */
#dark_gray a:hover    {color:#287686; text-decoration:none;}   /* was color:#9ba9b7 */
	
	
/*---------------------------------------------------------------- Z O E K */	


form, form div, input {
  display: inline;
} 	



/*---------------------------------------------------------------- D T S E A R C H */

	.xxxhit{
		color:#3069b3;			/*dtSearch op de WEB01 voegt deze tag toe aan haar zoekresultaten*/
		}


/*---------------------------------------------------------------- F O R M S (onder "Werken bij IdB" en "Steun ons" */

div#formpje fieldset {
	display:block;
	width:340px;
	padding:0 10px 10px 10px;
	border:1px solid #385470;
	margin-bottom:10px;
	overflow:hidden;
}
div#formpje legend {
	font-weight:bold;
}
div#formpje label {
	display:block;
	width:150px;
	margin-top:5px;
	float:left;
}
div#formpje br {
	clear:both;
}
div#formpje .invul {
	width:185px;
	margin-top:5px;
	float:left;
	border:1px solid #385470;
}
div#formpje .invul2 {
	width:59px;
	margin-top:5px;
	float:left;
	border:1px solid #385470;
}
div#formpje .invul3 {
	width:122px;
	margin-top:5px;
	float:left;
	border:1px solid #385470;
}
div#formpje .invul4 {
	overflow:hidden;
	width:100px;
	margin-top:0px;
	border:1px solid #385470;
}
div#formpje .invul5 {
	overflow:hidden;
	width:50px;
	margin-top:0px;
	border:1px solid #385470;
}
div#formpje .radio {
	margin-top:5px;
	margin-right:2px;
}
div#formpje .checkbox {
 	margin: 0px 5px 0px 0px; 
 	padding: 0 0 0 0;
}
div#formpje textarea {
	border: 1px solid #d9d9d9;
	margin: 7px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #898989;
	width: 335px;
	height: 90px;
}
div#formpje .formbutton{
	width:150px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	font-size:11px;
	padding: 1px 2px;
	background:url(../gfx/formbg.gif) repeat-x left top;
	margin-top:9px;
	margin-bottom:9px;
}

ul.locatiekaart_resultaten  {
	font-size:11px;
	line-height:18px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
	width:200px;
}

.photo {
   float:left;
   margin:4px;
   width:107px;   /*ook 2 x in writelocaties aanpassen: &width=101*/
}

.photo_additionaltext 
{
   display: block;
   clear: both;
}

#locationheader 
{
   width: 485px;
}

/*---------------------------------------------------------------- P U B L I C A T I E S */

div#folder img {
	border: 1px solid #000000;
	margin-right:14px;
	margin-top:5px;
	width:100px;
}
.publication {
   border-bottom: 1px solid #ccc;
   padding-top:8px;
   padding-bottom:8px;
   min-height:155px;             /*ie6 hack, daar werkt min-height niet*/
   height:auto !important;
   height:155px;
}

/*----------------------------------Google Maps------------------------------------------------*/

#gm_directions {
   clear:both;
}
.gm_mapdisplay {
   padding:1px;
   border:1px solid #6d1873;
   background:white;
   height:315px;
   /*position:relative;*/	/* deze net weggehaald, de map verschijnt anders niet in route IE6 */
   overflow:hidden;
}
.gm_mapdisplay img {
   display:block;
}