@charset "utf-8"; /* CSS Document */ /* -- Algemeen -- */ * { margin:0; padding:0; border:none; overflow:hidden; } html, body { width:100%; height:100%; overflow:auto; } body { color: #000; font:normal 11px Sans-serif; text-align: left; background-color:#C9CACC; } h1,h2,h3,h4,h5,h6 { color:#000; margin-bottom:5px; } h1 { font-size:130%; font-weight:bold;} h2 { font-size:120%; } h3 { font-size:110%; } h4,h5,h6 { font-size:100%; } p { margin-bottom:6px; } img { border:0; } b { font-weight:bold; } .fl { float:left; display:inline; } .fr { float:right; display:inline; } .fc { clear:both; width:0; height:0; line-height:0; margin:0; padding:0; border:none;} /* Class */ .GrootKop{font:bold 40px Sans-serif; color:#FFFFFF; text-align: center;} .kop{font:bold 12px Sans-serif; color:#FFFFFF; text-align: left;} .kop2{font:bold 17px Sans-serif; color:#000; text-align: left;} .Plaatje_header{ height:177px; width:267px; margin-right:15px;} .Plaatje_header2{ height:179px; width:16px; } .RouteKop{ font:bold 12px Sans-serif; color:#AA223C; text-align: left;} .graydon{margin-top:10px;} /* Index */ #wrpr { width:1000px; height:576px; margin:0 auto; margin-top:8px; background:#fff url(/images/achtergrond2_1px.jpg) left bottom repeat-x; } #TekstLinks{ height:242px; width:40px; margin-top:40px; text-align:center; } #hWrpr { overflow:hidden; height:155px; width:761px; background: url(/images/achtergrond_menu.jpg) no-repeat; margin-left:8px;} #Plaatjes{ background-image:url(/images/achtergrond_plaatjes.jpg); background-repeat:no-repeat; height:111px;width:765px; margin-top:10px; } #Plaatje1{ height:100px; width:142px; margin-left:10px;} #Plaatje2{ height:100px; width:142px; margin-left:9px;} #Plaatje3{ height:100px; width:142px; margin-left:9px;} #Plaatje4{ height:100px; width:142px; margin-left:7px;} #Plaatje5{ height:100px; width:142px; margin-left:8px;} /*#Plaatje_Left{ height:275px; width:340px; margin:0; margin-left:-195px; margin-bottom:40px; margin-top:35px; }*/ #code_aannemingsbedrijf{ height:219px; width:340px; margin:0; margin-left:-195px; margin-bottom:40px; margin-top:96px; background:url(/images/aannemingsbedrijf_img_linker.png) left bottom no-repeat; } #code_vacatures {height:239px; width:319px; margin:0; margin-left:-195px; margin-bottom:40px; margin-top:76px; margin-right:21px; background:url(/images/vacatures_img_linker.png) left bottom no-repeat;} #code_contact {height:222px; width:322px; margin:0; margin-left:-195px; margin-bottom:40px; margin-top:93px; margin-right:18px; background:url(/images/contact_img_linker.png) left bottom no-repeat;} #code_home {height:262px; width:313px; margin:0; margin-left:-194px; margin-right:26px; margin-bottom:40px; margin-top:53px; background:url(/images/home_img_linker.png) left bottom no-repeat; } #code_kopersbegeleiding {height:271px; width:327px; margin:0; margin-left:-195px; margin-right:13px; margin-bottom:40px; margin-top:44px; background:url(/images/kopersbegeleiding_img_linker.png) left bottom no-repeat; } #code_vastgoed {height:273px; width:327px; margin:0; margin-left:-195px; margin-right:13px; margin-bottom:40px; margin-top:42px; background:url(/images/content/vastgoed_img_linker.png) left bottom no-repeat; } #code_verkoopaanbod {height:216px; width:322px; margin:0; margin-left:-195px; margin-right:18px; margin-bottom:40px; margin-top:99px; background:url(/images/verkoop_img_linker.png) left bottom no-repeat; } /*#Plaatje_Rechts{ width:380px; margin-left:640px; }*/ #code2_contact {width:380px; margin-left:0; height: 146px; margin-top: -116px; background:url(/images/contact_img_zijkant.png) right bottom no-repeat; } #code2_aannemingsbedrijf {width:265px; margin-left:0; height: 134px; margin-top: -104px; background:url(/images/aannemingsbedrijf_img_zijkant.png) right bottom no-repeat; } #code2_home {width:263px; margin-left:0; height: 167px; margin-top: -136px; background:url(/images/home_img_zijkant.png) right bottom no-repeat; } #code2_kopersbegeleiding {width:329px; margin-left:0; height: 166px; margin-top: -136px; background:url(/images/kopersbegeleiding_img_zijkant.png) right bottom no-repeat; } #code2_vacatures {width:313px; margin-left:0; height: 187px; margin-top: -157px; background:url(/images/vacatures_img_zijkant.png) right bottom no-repeat; } #code2_vastgoed {width:233px; margin-left:0; height: 209px; margin-top: -179px; background:url(/images/vastgoed_img_zijkant.png) right bottom no-repeat; } #code2_verkoopaanbod {width:264px; margin-left:0px; height: 190px; margin-top: -160px; background:url(/images/verkoop_img_zijkant.png) right bottom no-repeat; } #cWrpr { width:624px; height:285px; text-align:left; margin:30px 0 10px 0px; overflow:hidden;} #cWrpr .content {width:351px; height:285px; padding:0 83px 0 0px; overflow:hidden; } #BalkjeRechts{ width:146px; height:285px; padding-left:14px; padding-top:25px; padding-right:30px; overflow:hidden;background:url(/images/balk_rechts.jpg) left top repeat-x;} #BalkjeLinks{ background-image:url(/images/balk_links.jpg); height:470px; width:155px; background-repeat:no-repeat; margin-left:0px;} #LogoTop{ height:14px; width:260px; margin:-14px 0 0 36px; } .extra {background:#f00; line-height:0; height:0;} #fWrpr {height:75px; width:964px; margin:0; margin-left:36px; line-height:0; overflow:hidden; border-top:solid #000000 1px; background:url(/images/footer_rechts.jpg) right top no-repeat; } #fWrpr img { margin-left:0px; } #info{ padding-bottom:10px; width:880px; margin-left:80px; margin-top:15px; border-bottom-style:solid; border-bottom-color:#BD7C8C; border-bottom-width:2px; text-align:left;} /*TD{ padding-right:20px; padding-top:5px;}*/ #mWrpr { width:765px; overflow:hidden; margin-top:9px; } #mWrpr .item { height:25px; width:107px; overflow:hidden; margin-right:2px; margin-left:0;} #mWrpr .item.end { width:106px; } #mWrpr .item a { text-decoration:none; display:inline-block; } #mWrpr .item .aannemingsbedrijf { } #mWrpr .item a.aannemingsbedrijf, #mWrpr .item a.aannemingsbedrijf:link, #mWrpr .item a.aannemingsbedrijf:active, #mWrpr .item a.aannemingsbedrijf:visited{ width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_aannemingsbedrijf.gif) no-repeat; } #mWrpr .item a.aannemingsbedrijf:hover, #mWrpr .item a.aannemingsbedrijf-act, #mWrpr .item a.aannemingsbedrijf-act:link, #mWrpr .item a.aannemingsbedrijf-act:active, #mWrpr .item a.aannemingsbedrijf-act:visited , #mWrpr .item a.aannemingsbedrijf-act:hover{ width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_aannemingsbedrijf_act.gif) no-repeat; } #mWrpr .item .vastgoed { } #mWrpr .item a.vastgoed, #mWrpr .item a.vastgoed:link, #mWrpr .item a.vastgoed:active, #mWrpr .item a.vastgoed:visited { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_vastgoed.gif) no-repeat; } #mWrpr .item a.vastgoed:hover, #mWrpr .item a.vastgoed-act, #mWrpr .item a.vastgoed-act:link, #mWrpr .item a.vastgoed-act:active, #mWrpr .item a.vastgoed-act:visited, #mWrpr .item a.vastgoed-act:hover { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_vastgoed_act.gif) no-repeat; } #mWrpr .item .verkoopaanbod { } #mWrpr .item a.verkoopaanbod, #mWrpr .item a.verkoopaanbod:link, #mWrpr .item a.verkoopaanbod:active, #mWrpr .item a.verkoopaanbod:visited { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_verkoopaanbod2.gif) no-repeat; } #mWrpr .item a.verkoopaanbod:hover, #mWrpr .item a.verkoopaanbod-act, #mWrpr .item a.verkoopaanbod-act:link, #mWrpr .item a.verkoopaanbod-act:active, #mWrpr .item a.verkoopaanbod-act:visited, #mWrpr .item a.verkoopaanbod-act:hover { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_verkoopaanbod2_act.gif) no-repeat; } #mWrpr .item .kopersbegeleiding { } #mWrpr .item a.kopersbegeleiding, #mWrpr .item a.kopersbegeleiding:link, #mWrpr .item a.kopersbegeleiding:active, #mWrpr .item a.kopersbegeleiding:visited { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_kopersbegeleiding.gif) no-repeat; } #mWrpr .item a.kopersbegeleiding:hover, #mWrpr .item a.kopersbegeleiding-act, #mWrpr .item a.kopersbegeleiding-act:link, #mWrpr .item a.kopersbegeleiding-act:active, #mWrpr .item a.kopersbegeleiding-act:visited, #mWrpr .item a.kopersbegeleiding-act:hover { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_kopersbegeleiding_act.gif) no-repeat; } #mWrpr .item .vacatures { } #mWrpr .item a.vacatures, #mWrpr .item a.vacatures:link, #mWrpr .item a.vacatures:active, #mWrpr .item a.vacatures:visited { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_vacatures.gif) no-repeat; } #mWrpr .item a.vacatures:hover, #mWrpr .item a.vacatures-act, #mWrpr .item a.vacatures-act:link, #mWrpr .item a.vacatures-act:active, #mWrpr .item a.vacatures-act:visited, #mWrpr .item a.vacatures-act:hover { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_vacatures_act.gif) no-repeat; } #mWrpr .item .nieuws { } #mWrpr .item a.nieuws, #mWrpr .item a.nieuws:link, #mWrpr .item a.nieuws:active, #mWrpr .item a.nieuws:visited { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_nieuws.gif) no-repeat; } #mWrpr .item a.nieuws:hover { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_nieuws_act.gif) no-repeat; } #mWrpr .item .contact1 { } #mWrpr .item a.contact1, #mWrpr .item a.contact1:link, #mWrpr .item a.contact1:active, #mWrpr .item a.contact1:visited { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_contact.gif) no-repeat; } #mWrpr .item a.contact1:hover, #mWrpr .item a.contact1-act, #mWrpr .item a.contact1-act:link, #mWrpr .item a.contact1-act:active, #mWrpr .item a.contact1-act:visited, #mWrpr .item a.contact1-act:hover { width:107px; height:25px; background:transparent url(/images/mainmenu2/mainmenu_contact_act.gif) no-repeat; } /* Projecten */ #wrpr_projecten { width:1000px; margin:0 auto; margin-top:10px; background:#fff url(/images/achtergrond2_1px.jpg) left bottom repeat-x; background-repeat:repeat-y; } #hWrpr_projecten{ height:180px; width:860px; margin-top:20px; margin-left:80px; background-image: url(/images/Bouw_op_zeker.jpg); background-position: right top; background-repeat:no-repeat; } #LogoTop_projecten{ height:14px; width:260px; margin:10px 0 0px 80px; } #LogoTop_projecten img { margin-top:0px; margin-bottom:0;} #fWrpr_projecten {height:50px; width:860px; margin-left:80px; border: #000000 1px; border-top-style:solid;line-height:0; background-image: url(/images/mainimage/blokje2.png); background-repeat:no-repeat; background-position:right top; background-color:Transparent; } #Ruimte{ width:880px; height:20px;} #mWrpr_projecten {height:25px; width:650px; text-align:left; margin-left:300px; margin-top:-25px;} #menu{ padding-top:5px; text-align:left; border-right:solid; border-right-color:#AA223C; border-right-width:2px; height:30px; width:120px;} #menu2{ padding-top:5px; text-align:center; border-right:solid; border-right-color:#AA223C; border-right-width:2px; height:30px; width:70px;} #menu3{ padding-top:5px; text-align:center; border-right:solid; border-right-color:#AA223C; border-right-width:2px; height:30px; width:110px;} #menu4{ padding-top:5px; text-align:center; border-right:solid; border-right-color:#AA223C; border-right-width:2px; height:30px; width:125px;} #menu5{ padding-top:5px; text-align:center; border-right:solid; border-right-color:#AA223C; border-right-width:2px; height:30px; width:80px;} #menu6{ padding-top:5px; text-align:center; border-right:solid; border-right-color:#AA223C; border-right-width:2px; height:30px; width:60px;} #menu_noBorder{ padding-top:5px; text-align:center; width:60px; } #Submenu_projecten{ float:left; width:300px; height:245px;} #Content_projecten{} #Submenu_projecten_Detail{ float:left; width:300px; height:245px;padding-top:10px;} #projecten_Detail{ float:left; width:920px; padding-top:10px; padding-left:80px;} /* Projecten & sub */ #AllesInfo{padding-bottom:10px; width:880px; margin-top:15px; border-bottom-style:solid; border-bottom-color:#BD7C8C; border-bottom-width:2px; text-align:left;} #MenuInfo{} #InfoText{} /* Nieuws */ #wrpr_nieuws { width:1000px; margin:0 auto; margin-top:10px; background:#fff; } #WitTop{ height:30px;} #mWrpr_nieuws{width:214px; height:415px; margin-top:3px; color:#FFFFFF; background-color:#CC2848;text-align:left; padding-top:20px; padding-left:40px; padding-right:40px; } #mWrpr_nieuws a{ color:White;} #MenuNieuwsRechts{background-image:url(/images/Balk_grijs.jpg); height:312px; width:169px; background-repeat:no-repeat; } #MenuNieuwsRechtsTekst{height:202px; width:154px; padding-top:30px; padding-left:15px; line-height:15px;} #MenuNieuwsRechtsTekst a{ line-height:18px;} #Rood_Nieuws{ height:65px; width:294px; background-image:url(/images/balk_top.jpg); background-repeat:no-repeat; margin-right:3px; padding-top:20px;} #LogoTopNieuws{ background-color:#fff; height:14px; width:701px; background-repeat:no-repeat; border-bottom:solid; border-bottom-color:#000000; border-bottom-width:1px;} #LogoNieuws{ width:529px; height:67px; background-color:#CC2848; text-align:left; margin-top:3px;} #InfoNieuws{width:529px; height:435px; background-color:#F0F1F1; text-align:left; margin-top:3px; margin-left:3px;} #InfoNieuwsTekst{width:495px; height:435px; padding:15px;} #InfoNieuwsTekst a, a:link,a:active,a:visited{ color: #AA223C; text-decoration: underline; font-weight: bold; text-align: left;} #InfoNieuwsTekst a:hover{color: #EA656C; text-decoration: underline;} #InfoNieuwsTekstBottom{ padding-top:10px;} #InfoNieuwsPlaatjes{width:600px; height:144px;} #InfoNieuwsPlaatje1{ margin-left:62px; height:144px; width:192px; } #InfoNieuwsPlaatje2{ margin-left:10px; height:144px; width:192px; } #NieuwsRechts{width:169px; height:470px; background-color:#fff; margin-top:-67px; margin-left:3px;} #PlaatjeNieuwsRechts{width:169px; } /* Route */ #cWrprRoute{ width:860px; border-bottom-style:solid; border-bottom-color:#BD7C8C; border-bottom-width:2px; text-align:left; margin-left:80px;} #LogoTop_route{ height:20px; width:260px; margin:40px 0 0px 79px; } #LogoTop_route img {margin-top:0px;} #PlaatjeRoute{ height:400px; width:445px; margin-top:10px;} #RouteTekst{width:330px; margin-top:10px; margin-left:20px;} #BouwOpZeker{ width:16px; height:185px; margin-left:38px; float:right;} #Sluit{ width:880px; height:30px; margin-top:10px;} /* Menu Rechts */ #BalkjeRechts .item { } #BalkjeRechts .item a { display:block; overflow:hidden; text-decoration:none; padding-left:0; margin-bottom:7px; } /* Roll Over */ a:link, a:active, a:visited { color:#fff; text-decoration:none; } a:hover { color:#EA656C; text-decoration:none; } a.nieuws:link, a.nieuws:active, a.nieuws:visited { color:#fff; text-decoration:none; display:block; } a.nieuws:hover { color:#fff; text-decoration: underline; display:block;} a.rechts:link, a.rechts:active, a.rechts:visited { color:#000; text-decoration:none; margin-bottom:6px;} a.rechts:hover { color:#000; text-decoration: underline; margin-bottom:6px; } a.sluit:link, a.sluit:active, a.sluit:visited { color:#58585A; text-decoration:none; font-weight:bold; } a.sluit:hover { color:#58585A; text-decoration: underline; font-weight:bold;} #overzicht { padding-bottom: 10px; width: 880px; margin:5px 0 0 80px; text-align: left; height:245px;}/*border-bottom:solid 2px #BD7C8C;*/