/*CSS BASIS Document*/
/* ONDERDELEN
#transparantfilter { position:absolute; top:133px; left:167px; width:536px; height:40px; background-color:#fff; opacity:.80;filter:alpha(opacity=80); -moz-opacity:0.80; z-index:2 }

Gebruikte kleuren in de site bijv.
groen #e1e8c7
oranje #f28e00
etc.

LIST
.menu { height:45px; font-size:75%; background-color:#FFFFFF}
.menu a { font-weight:bold; color:#000000; text-decoration:none;}
.menu ul{ margin: 0 0 0 25px; padding: 0; list-style: none; }
.menu li { display:inline;}
.menu li a{ display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0px 0px; background-color:#ffffff}
.menu li a:hover {display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0 0; border-bottom: 2px none #ed008c; background-color:#ecedee}


*/

html, body { height:100%;  background-repeat: repeat-y; background-color:#648ab1;  }
/* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */

body { font-family:Verdana; margin:0; font-size:100%; }

/* sitewide weergave van links */
a {color:#2b415c}
a:hover {color:#b52c2f}
a:visited {color:#2b415c}


/* De index*/
#index_container { margin-left:auto; margin-right:auto; border-color:#0756a1; width:1000px; position:relative; height:607px; top:20px; background-color:#FFFFFF; }


#index_slogan { position:absolute; top:0px; left:7px; width:393px; height:25px; font-size:12px; line-height:25px; text-align:left; font-family:Arial;}

#index_top { position:absolute; top:0px; left:640px; width:355px; height:25px; font-size:12px; line-height:25px; text-align:right;}
#index_top a:link, #index_top a:visited { color:#000000; font-size:10px; line-height:25px; text-decoration:none;}
#index_top a:hover { color:#000000; font-size:10px; line-height:25px; text-decoration:underline;}

#index_kleurblok1 { position:absolute; top:462px; left:0px; width:250px; height:6px; background-color:#ede09c;}
#index_kleurblok2 { position:absolute; top:462px; left:250px; width:250px; height:6px; background-color:#648ab1;}
#index_kleurblok3 { position:absolute; top:462px; left:500px; width:250px; height:6px; background-color:#ede09c;}
#index_kleurblok4 { position:absolute; top:462px; left:750px; width:250px; height:6px; background-color:#648ab1;}

#index_textblok1 { position:absolute; top:468px; left:0px; height:100px; width:250px; overflow:hidden; cursor: pointer; cursor: hand; background-color:#FFFFFF;}
#index_textblok1 h1 { width:245px; font-size:12px; height:22px; text-align:right; padding-right:5px; margin:0px; line-height:14px; font-weight:bold; z-index:6;}
#index_textblok1 p { width:235px; font-size:10px; height:22px; text-align:left; padding:0px; margin:0px 7px 0px 7px; line-height:12px; z-index:6; }

#index_textblokknop1 a { position:absolute; top:468px; left:0px; height:100px; width:250px; cursor: pointer; cursor: hand; z-index:5; }
#index_textblokknop1 a:hover {  position:absolute; top:468px; left:0px; height:100px; width:250px; cursor: pointer; cursor: hand; z-index:5; }

#index_textblok2 { position:absolute; top:468px; left:250px; height:100px; width:250px; overflow:hidden; cursor: pointer; cursor: hand; background-color:#FFFFFF;}
#index_textblok2 h1 { width:245px; font-size:12px; height:22px; text-align:right; padding-right:5px; margin:0px; line-height:14px; font-weight:bold; z-index:6;}
#index_textblok2 p { width:235px; font-size:10px; height:22px; text-align:left; padding:0px; margin:0px 7px 0px 7px; line-height:12px;  z-index:6;}

#index_textblokknop2 a {position:absolute; top:468px; left:250px; height:100px; width:250px; cursor: pointer; cursor: hand;  z-index:5; }
#index_textblokknop2 a:hover {  position:absolute; top:468px; left:250px; height:100px; width:250px; cursor: pointer; cursor: hand; z-index:5; }

#index_textblok3 { position:absolute; top:468px; left:500px; height:100px; width:250px; overflow:hidden; cursor: pointer; cursor: hand; background-color:#FFFFFF;}
#index_textblok3 h1 { width:245px; font-size:12px; height:22px; text-align:right; padding-right:5px; margin:0px; line-height:14px; font-weight:bold; z-index:6;}
#index_textblok3 p { width:235px; font-size:10px; height:22px; text-align:left; padding:0px; margin:0px 7px 0px 7px; line-height:12px; z-index:6;}

#index_textblokknop3 a {position:absolute; top:468px; left:500px; height:100px; width:250px; cursor: pointer; cursor: hand; z-index:5;  }
#index_textblokknop3 a:hover {  position:absolute; top:468px; left:500px; height:100px; width:250px; cursor: pointer; cursor: hand;  z-index:5;}

#index_textblok4 { position:absolute; top:468px; left:750px; height:100px; width:250px; overflow:hidden; cursor: pointer; cursor: hand; background-color:#FFFFFF;}
#index_textblok4 h1 { width:245px; font-size:12px; height:22px; text-align:right; padding-right:5px; margin:0px; line-height:14px; font-weight:bold; z-index:6;}
#index_textblok4 p { width:235px; font-size:10px; height:22px; text-align:left; padding:0px; margin:0px 7px 0px 7px; line-height:12px;  z-index:6;}

#index_textblokknop4 a { position:absolute; top:468px; left:750px; height:100px; width:250px; cursor: pointer; cursor: hand; z-index:5;  }
#index_textblokknop4 a:hover {  position:absolute; top:468px; left:750px; height:100px; width:250px; cursor: pointer; cursor: hand;z-index:5; } 

#index_footer { position:absolute; width:1000px; text-align:center; top:575px; left:7px; height:20px; line-height:20px; font-size:9px; font-weight:bold; z-index:6;}

#index_banner { position:absolute; top:25px; left:0px; width:760px; height:329px;}

#index_imgstreep1 { position:absolute; top:0px; left:0px; height:6px; width:1000px; background-color:#ede09c; }
#index_imgstreep2 { position:absolute; top:576px; left:0px; height:6px; width:1000px; background-color:#ede09c; }


#index_img1 {position:absolute; top:6px; left:0px; width:125px; height:150px; background-repeat:no-repeat; }
#index_img2 {position:absolute;	top:6px; left:125px;width:125px; height:150px; background-repeat:no-repeat }
#index_img3 {position:absolute; top:6px; left:250px; width:250px; height:150px; background-repeat:no-repeat;  }
#index_img4 {position:absolute; top:6px; left:500px; width:125px; height:150px; background-repeat:no-repeat; }
#index_img5 {position:absolute; top:6px; left:625px; width:125px; height:150px; background-repeat:no-repeat;}
#index_img6 {position:absolute; top:6px; left:750px; width:250px; height:150px; background-repeat:no-repeat;}

#index_img7 {position:absolute; top:156px; left:0px; width:250px; height:150px; background-repeat:no-repeat;}
#index_img8 {position:absolute; top:156px; left:250px; width:250px; height:150px; background-repeat:no-repeat;}
#index_img9 {position:absolute; top:156px; left:500px; width:250px; height:150px; background-repeat:no-repeat; }
#index_img10 {position:absolute; top:156px; left:750px; width:125px; height:150px; background-repeat:no-repeat; }
#index_img11 {position:absolute; top:156px; left:875px; width:125px; height:150px; background-repeat:no-repeat;}

#index_img12 {position:absolute; top:306px; left:0px; width:250px; height:150px; background-repeat:no-repeat;}
#index_img13 {position:absolute; top:306px; left:250px; width:250px; height:150px; background-repeat:no-repeat;}
#index_img14 {position:absolute; top:306px; left:500px; width:250px; height:150px; background-repeat:no-repeat;}
#index_img15 {position:absolute; top:306px; left:750px; width:250px; height:150px; background-repeat:no-repeat;}



a.meer:link, a.meer:visited { font-size:10px; font-weight:bold; position:absolute; top:82px; left:200px; text-decoration:none; color:#000000; line-height:12px;  z-index:6;}
a.meer:hover { font-size:10px; font-weight:bold; position:absolute; top:82px; left:200px; text-decoration:underline; color:#000000; line-height:12px;  z-index:6;}

/* De vervolg paginas header */

#container_header { margin-left:auto; margin-right:auto; width:760px; height:348px; position:relative; top:20px; }

#header_logo { position:absolute; top:0px; left:0px; width:270px; height:94px; background-image: url(../img/dokter_makelaardij_logo.jpg); background-repeat:no-repeat;}
#header_logo a:link, #header_logo a:link { position:absolute; top:0px; left:0px; width:270px; height:94px;}
#header_logo a:hover { position:absolute; top:0px; left:0px; width:270px; height:94px;}

#header_image1 { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb1.jpg)}
#header_image2 { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb2.jpg)}
#header_image3 {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image:url(../img/beeld2/dokter2_9.jpg)
}
#header_image4 { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_21.jpg)}
#header_image5 { position:absolute; top:276px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb5.jpg)}

/* De contact pagina headers */

#header_image1_contact { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_16.jpg)}
#header_image2_contact { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb2.jpg)}
#header_image3_contact {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image:url(../img/beeld2/dokter2_9.jpg)
}
#header_image4_contact { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_19.jpg)}
#header_image5_contact { position:absolute; top:290px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb5.jpg)}

/* De werkwijze pagina headers */

#header_image1_werkwijze { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/beeld2/dokter2_11.jpg)}
#header_image2_werkwijze { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_22.jpg)}
#header_image3_werkwijze {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image:url(../img/beeld2/dokter2_9.jpg)
}
#header_image4_werkwijze { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat: no-repeat; background-image: url(../img/dokter_makelaar_21.jpg)}
#header_image5_werkwijze { position:absolute; top:290px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_img24.jpg)}

/* De wij headers */

#header_image1_wij { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image: url(../img/beeld2/dokter2_13.jpg);}
#header_image2_wij { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_img16.jpg)}
#header_image3_wij {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image: url(../img/dokter_makelaar_img22.jpg)}
#header_image4_wij { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_19.jpg)}
#header_image5_wij { position:absolute; top:290px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb5.jpg)}


/* makelaar headers */
#header_makelaar1 { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb2.jpg)}
#header_makelaar2 { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb2.jpg)}
#header_makelaar3 { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb2.jpg)}
#header_makelaar4 { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url../img/dokter_makelaar_20.jpg)}
#header_makelaar5 { position:absolute; top:0px; left:290px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb2.jpg)}

/* De kopen headers */

#header_image1_kopen { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_2.jpg)}
#header_image2_kopen { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_24.jpg)}
#header_image3_kopen {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image:url(../img/beeld2/dokter2_9.jpg)
}
#header_image4_kopen { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)}
#header_image5_kopen { position:absolute; top:290px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_30.jpg)}

/* De taxaties headers */

#header_image1_taxaties { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_17.jpg);}
#header_image2_taxaties { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_25.jpg)}
#header_image3_taxaties {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image:url(../img/beeld2/dokter2_9.jpg)
}
#header_image4_taxaties { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)}
#header_image5_taxaties { position:absolute; top:290px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_img30.jpg)}

/* De verkopen headers */

#header_image1_verkopen { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_15.jpg)}
#header_image2_verkopen { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_img17.jpg)}
#header_image3_verkopen {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image: url(../img/dokter_makelaar_img23.jpg)
}
#header_image4_verkopen { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)}
#header_image5_verkopen { position:absolute; top:290px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_img29.jpg)}

/* De route headers */

#header_image1_route { position:absolute; left:68px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_7.jpg)}
#header_image2_route { position:absolute; top:0px; left:271px; width:364px; height:289px; background-repeat:no-repeat; background-image:(url../img/dokter_makelaar_27.jpg)}
#header_image3_route {	position:absolute;	top:0px;left:646px;	width:83px;	height:129px;background-repeat:no-repeat;background-image:url(../img/beeld2/dokter2_9.jpg)
}
#header_image4_route { position:absolute; top:0px; left:729px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)}
#header_image5_route { position:absolute; top:290px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_img29.jpg)}




#header_bar1 { position:absolute; top:0px; left:635px; height:219px; width:11px; background-color:#e4bc76;}
#header_bar2 { position:absolute; top:46px; left:729px; height:22px; width:22px; background-color:#0756a1;}
#header_bar3 { position:absolute; top:276px; left:99px; height:17px; width:17px; background-color:#0756a1;}

#menu { position:absolute; top:129px; left:9px; width:165px; height:168px; z-index:1}

#menu_tab { position:relative; top:0px; left:0px; width:155px; height:20px; background-color:#e4bc76; border-bottom:1px solid #ffffff; padding-left:10px; z-index:2}
#menu_tab a:link, #menu_tab a:visited { position:absolute; height:20px; width:155px; color:#FFFFFF; font-size:12px; line-height:20px; text-decoration:none; font-weight:bold; z-index:2}
#menu_tab a:hover { position:absolute; height:20px; width:155px; color:#0756a1;  font-size:12px; line-height:20px; text-decoration:none; font-weight:bold; z-index:2}

#menu_tab a.actief:link, #menu_tab a.actief:visited { position:absolute; left:-9px; padding-left:19px; height:21px; width:155px; color:#0756a1; font-size:12px; line-height:20px; text-decoration:none; font-weight:bold; z-index:7; background-image:url(../img/dokter_makelaardij_actief.jpg);}

#menu_tab a.actief:hover { position:absolute; left:-9px; height:21px; width:155px; color:#0756a1; font-size:12px; line-height:20px; text-decoration:none; font-weight:bold; z-index:7; background-image:url(../img/dokter_makelaardij_actief.jpg);}


#menu_blokje1 { position:absolute; top:129px; z-index:3; left:0px; width:16px; height:21px; background-color:#0756a1;}
#menu_blokje2 { position:absolute; top:149px; z-index:3; left:0px; width:16px; height:22px; background-color:#0756a1;}
#menu_blokje3 { position:absolute; top:170px; z-index:3; left:0px; width:16px; height:22px; background-color:#0756a1;}
#menu_blokje4 { position:absolute; top:191px; z-index:3; left:0px; width:16px; height:22px; background-color:#0756a1;}
#menu_blokje5 { position:absolute; top:212px; z-index:3; left:0px; width:16px; height:22px; background-color:#0756a1;}
#menu_blokje6 { position:absolute; top:233px; z-index:3; left:0px; width:16px; height:22px; background-color:#0756a1;}
#menu_blokje7 { position:absolute; top:254px; z-index:3; left:0px; width:16px; height:21px; background-color:#0756a1;}
#menu_blokje8 { position:absolute; top:275px; z-index:3; left:0px; width:16px; height:22px; background-color:#0756a1;}

/* de text */

#container_text { margin-left:auto; margin-right:auto; width:760px; position:relative; top:-10px; 
   }

#text { position:relative; top:0px; left:173px; width:480px; color:#000000; font-family:Verdana; }
  
#text h1 { font-size:14px; font-weight:bold; padding:0px 0px 0px 0px; margin:0px; color:#0756a1; position:relative; top:0px; left:0px; width:420px;}




#main_text { color:#000000; font-family:Verdana; font-size:10px; line-height:12px; width:460px;}

#main_text strong {color:#0756a1;}


#container_footer { margin-left:auto; margin-right:auto; width:760px; position:relative; top:-20px; height:118px; }

#banner_footer { position:absolute; top:44px; left:16px; height:45px; width:619px; background-image:url(../img/dokter_makelaardij_footer.jpg); background-repeat:no-repeat;}

#triple_footer {
	position:absolute;
	top:89px;
	left:9px;
	height:30px;
	width:143px;
	background-image:url(../img/dokter_makelaardij_footerX.jpg)
}
#blokje_footer { position:absolute; top:89px; left:152px; height:12px; width:12px; background-color:#0756a1;}

#bedrijflinks_footer { position:absolute; top:0px; left:26px;}

#text_footer { position:absolute; top:98px; left:0px; text-align:right; width:635px; height:20px; line-height:20px; font-size:8px; font-weight:bold;}