/*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 {overflow: -moz-scrollbars-vertical;} html, body { height:100%; background-repeat: repeat-y; background-image:url(../img/bg.jpg); background-position:center; } /* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */ body { font-family: Georgia; margin:0; font-size:100%; } /* sitewide weergave van links */ a {color:#2b415c} a:hover {color:#b52c2f} a:visited {color:#2b415c} #text_sub { position:absolute; top:296px; left:437px; width:700px; height:289px; font-size:12px; font-family:Georgia; text-align:left; } #text_sub_wij { position:absolute; top:515px; left:437px; width:700px; height:289px; font-size:12px; font-family:Georgia; text-align:left; z-index:10; } /* De vervolg paginas header */ #container_header { margin-left:auto; margin-right:auto; width:780px; height:500px; position:relative; top:0px; } #header_logo { position:absolute; top:0px; left:1px; width:269px; height:94px; background-image: url(../img/dokter_makelaardij_logo.jpg); background-repeat:no-repeat;} #header_logo a:link, #header_logo a:visited { position:absolute; top:0px; left:0px; width:270px; height:94px;} #header_logo a:hover { position:absolute; top:0px; left:0px; width:270px; height:94px;} #taalblok { position:absolute; top:102px; left:5px; width:134px; height:25px; text-align:right;} #taalblok a:link , #taalblok a:visited {color:#000000; font-size:10px; line-height:25px; text-decoration:underline;} #taalkblok a:hover {color:#0756a1; font-size:10px; line-height:25px; text-decoration:underline;} #header_logoaanbod { position:absolute; top:0px; left:300px; width:269px; height:94px; background-image: url(../img/dokter_makelaardij_logo.jpg); background-repeat:no-repeat;} #header_logoaanbod a:link, #header_logoaanbod a:visited { position:absolute; top:0px; left:0px; width:270px; height:94px;} #header_logoaanbod 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/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:297px; 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:148px; 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:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb2.jpg)} #header_image3_contact { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image:url(../img/dokter2_94.jpg) } #header_image4_contact { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_19.jpg)} #header_image5_contact { position:absolute; top:339px; 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:148px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter2_11.jpg)} #header_image2_werkwijze { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_22.jpg)} #header_image3_werkwijze { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image:url(../img/dokter2_97.jpg) } #header_image4_werkwijze { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat: no-repeat; background-image: url(../img/dokter_makelaar_21.jpg)} #header_image5_werkwijze { position:absolute; top:339px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_img24.jpg)} /* De werkwijze pagina links */ #header_image1_links { position:absolute; left:148px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/links2.jpg)} #header_image2_links { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaardij_links.jpg)} #header_image3_links { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image:url(../img/links4.jpg) } #header_image4_links { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat: no-repeat; background-image: url(../img/dokter_makelaar_21.jpg)} #header_image5_links { position:absolute; top:339px; 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:148px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image: url(../img/dokter2_13.jpg);} #header_image2_wij { position:absolute; top:0px; left:351px; width:364px; height:500px; background-repeat:no-repeat; background-image: url(../img/doktermakelaardij-team.jpg);} #header_image3_wij { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image: url(../img/dokter_makelaar_img22.jpg)} #header_image4_wij { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_19.jpg)} #header_image5_wij { position:absolute; top:339px; 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:351px;width:364px;height:289px;background-repeat:no-repeat;background-image:url(../img/dokter_makelaar_rene.jpg)} #header_makelaar2 { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_marlo.jpg)} #header_makelaar3 { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_jip.jpg)} #header_makelaar4 { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_sophie.jpg)} #header_makelaar5 { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_floris.jpg)} #header_makelaar6 { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_dennis.jpg)} /* De kopen headers */ #header_image1_kopen { position:absolute; left:148px; 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:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_24.jpg)} #header_image3_kopen { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image:url(../img/dokter2_9.jpg) } #header_image4_kopen { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)} #header_image5_kopen { position:absolute; top:339px; 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:148px; 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:351px; width:364px; height:289px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_25.jpg)} #header_image3_taxaties { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image:url(../img/dokter2_92.jpg) } #header_image4_taxaties { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)} #header_image5_taxaties { position:absolute; top:339px; 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:148px; 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:351px; width:364px; height:289px; background-repeat:no-repeat; background-image: url(../img/dokter_makelaar_img17.jpg)} #header_image3_verkopen { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image: url(../img/dokter_makelaar_img23.jpg) } #header_image4_verkopen { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)} #header_image5_verkopen { position:absolute; top:339px; 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:148px; 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:351px; width:364px;height:289px; background-image:url(../img/routekaart.jpg); background-repeat:no-repeat;} #map {position:absolute; top:0px;left:351px; width:364px;height:289px;} #header_image3_route { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image:url(../img/dokter2_96.jpg) } #header_image4_route { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaardij_vb4.jpg)} #header_image5_route { position:absolute; top:339px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image:url(../img/dokter_makelaar_img29.jpg)} /* De rainbow headers */ #header_image1_rainbow { position:absolute; left:148px; top:94px; width:203px; height:165px; background-repeat:no-repeat; background-image:url(../img/dokter_rainbow_house1.jpg)} #header_image2_rainbow { position:absolute; top:0px; left:351px; width:364px; height:289px; background-repeat:no-repeat; background-image: url(../img/dokter_rainbow_house3.jpg)} #header_image3_rainbow { position:absolute; top:0px;left:726px; width:83px; height:129px;background-repeat:no-repeat;background-image: url(../img/dokter_rainbow_house2.jpg) } #header_image4_rainbow { position:absolute; top:0px; left:809px; width:31px; height:46px; background-repeat:no-repeat; background-image:url(../img/dokter_rainbow_house6.jpg)} #header_image5_rainbow { position:absolute; top:339px; left:20px; width:79px; height:72px; background-repeat:no-repeat; background-image: url(../img/dokter_rainbow_house5.jpg)} #header_bar1 { position:absolute; top:0px; left:715px; height:219px; width:11px; background-color:#e4bc76;} #header_bar2 { position:absolute; top:46px; left:809px; height:22px; width:22px; background-color:#0756a1;} #header_bar3 { position:absolute; top:339px; left:99px; height:17px; width:25px; background-color:#0756a1;} #menu { position:absolute; top:129px; left:9px; width:150px; height:168px; z-index:1} #menu_tab { position:relative; top:0px; left:0px; width:150px; 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:relative; height:20px; width:185px; color:#FFFFFF; font-size:12px; line-height:20px; text-decoration:none; font-weight:bold; z-index:2} #menu_tab a:hover { position:relative; height:20px; width:140px; 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:135px;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; padding-left:19px;height:21px; width:135px; 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;} #menu_blokje9 { position:absolute; top:296px; z-index:3; left:0px; width:16px; height:22px; background-color:#0756a1;} #menu_blokje10 { position:absolute; top:317px; 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; min-height:200px; height:auto !important; height:200px; } #container_textroute { margin-left:auto; margin-right:auto; width:760px; position:relative; top:-10px; height:300px ; } #text { position:relative; top:-170px; left:185px; width:550px; color:#000000; font-size:12px; font-family:Georgia; } #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; line-height:20px;} #text_wij { position:relative; top:-20px; left:185px; width:550px; color:#000000; font-size:12px; font-family:Georgia; } #text_wij h1 { font-size:14px; font-weight:bold; padding:0px 0px 0px 0px; margin:0px; color:#0756a1; position:relative; top:0px; left:0px; width:420px; line-height:20px;} #container_aanbod{ margin-left:auto; margin-right:auto; width:760px; position:relative; top:-230px; min-height:200px; height:auto !important; height:600px; } #main_text { color:#000000; font-family: Georgia; font-size:12px; line-height:18px; width:550px;} #main_text #form, #main_text #form td, #main_text #form table { font-size:12px; font-family:Georgia;} #main_text strong {color:#0756a1;} #container_footeraanbod { margin-left:auto; margin-right:auto; width:760px; position:relative; top:-150px; height:118px; } #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:800px; 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:50px; text-align:right; width:635px; height:20px; line-height:20px; font-size:9px; font-weight:bold;}