/* -------------------------------------------------------------- bdigital www.bdigital.be -------------------------------------------------------------- */ /*------------ imports -----------*/ @import url(typography.css); @import url(navigation.css); @import url(forms.css); /*--------------------------------------- algemeen ----------------------------------------*/ body { height:100%;} html { height:100%;} body { background-color:#5e558c; margin:0; padding:0;} div a { behavior: url(css/behaviours/iepngfix.htc) } div { behavior: url(css/behaviours/iepngfix.htc) } img { behavior: url(css/behaviours/iepngfix.htc) } a { behavior: url(css/behaviours/iepngfix.htc) } /*------------------------ bg stijlen van de verschillende paginas ------------------------*/ /* alle figuren en stijlen worden bepaald door de BODY ID */ /* thema achtergronden */ body#pageHome { background:url('../images/bg/body_index.jpg') no-repeat center top black;} body#pageAuto { background:url('../images/bg/body_auto.jpg') no-repeat center top black;} body#pageContact { background:url('../images/bg/body_contact.jpg') no-repeat center top black;} body#pageEvents { background:url('../images/bg/body_events.jpg') no-repeat center top white;} body#pageInfo { background:url('../images/bg/body_info.jpg') no-repeat center top black;} body#pagePartners { background:url('../images/bg/body_partners.jpg') no-repeat center top black;} body#pageMotor { background:url('../images/bg/body_motor.jpg') no-repeat center top black;} body#pageSendToFriend { background-color:white;} #pageHome #mainContainer { background:url('../images/bg/mainContainer_index.jpg') no-repeat center top;} #pageAuto #mainContainer { background:url('../images/bg/mainContainer_auto.jpg') no-repeat center top;} #pageContact #mainContainer { background:url('../images/bg/mainContainer_contact.jpg') no-repeat center top;} #pageEvents #mainContainer { background:url('../images/bg/mainContainer_events.jpg') no-repeat center top;} #pageInfo #mainContainer { background:url('../images/bg/mainContainer_info.jpg') no-repeat center top;} #pagePartners #mainContainer { background:url('../images/bg/mainContainer_partners.jpg') no-repeat center top;} #pageMotor #mainContainer { background:url('../images/bg/mainContainer_motor.jpg') no-repeat center top;} /* achtergronden voor containers */ #partnersContainer { background:url('../images/general/partners.png') no-repeat center top;} /*----------------------------- afmetingen van de containers ------------------------------*/ #mainContainer { width:943px; margin:0 auto;} #menuContainer { width:891px; height:232px; margin:0;} #flashMenu { width:891px; height:232px; margin:0; padding:0;} #siteContainer { width:870px; margin:0 0 0 73px; overflow:hidden;} #contentContainer { width:664px; float:left; padding:3px 3px 0 3px; overflow:hidden;} #subMenu { width:367px; margin:0 0 0 297px;} /* index pagina container !!! */ #indexAnimationContainer { z-index:100;} #flashFooterContainer { z-index:200;} #indexfooterContainerSmall { width:100%; display:block; padding:0 0 5px 0; text-align:center; zIndex:400;} #indexfooterContainerBig { width:100%; display:block; padding:0 0 5px 0; text-align:center; zIndex:400;} #pageAuto #contentContainer { height:420px;} #pageMotor #contentContainer { height:420px;} #pageInfo #contentContainer { height:550px;} #pagePartners #contentContainer { height:1025px;} #pageEvents #contentContainer { width:624px;} .columnHeader { width:634px; margin:20px 0 0 18px; position:absolute;} .column1 { width:200px; margin:100px 0 0 18px; position:absolute;} .column2 { width:200px; margin:100px 0 0 235px; position:absolute;} .column3 { width:200px; margin:100px 0 0 452px; position:absolute;} .column23 { width:417px; margin:238px 0 0 235px; position:absolute;} .column1Motor { width:200px; margin:20px 0 0 18px; position:absolute;} .column2Motor { width:200px; margin:20px 0 0 235px; position:absolute;} .column3Motor { width:200px; margin:20px 0 0 452px; position:absolute;} .quote { vertical-align:top;} #sideBarContainer { width:200px; float:left; margin:0; vertical-align:top;} #pageMotor .quote { width:200px; height:360px;} #pageInfo .quote { width:200px; height:440px;} #pageContact .quote { width:200px; height:440px;} #pageAuto .quote { width:200px; height:440px;} #pageHome .quote { width:200px; height:440px;} #pagePartners .quote { width:200px; height:440px;} .quoteeigenAuto { width:200px; height:440px;} .quotelerenRijden { width:200px; height:440px;} .quoteautoOuders { width:200px; height:440px;} /* pagina auto */ #pageAuto #container { overflow:hidden; height:470px;} #pageAuto #content { overflow:hidden;} #pageAuto #tools_tabs { width:664px;} #pageAuto .rocket_col { position:absolute; top:280px; width:201px;} #pageAuto #eigenAuto_1 { margin:0 0 0 18px;} #pageAuto #lerenRijden_1 { margin:0 0 0 18px;} #pageAuto #autoOuders_1 { margin:0 0 0 18px;} #pageAuto #eigenAuto_2 { margin:0 0 0 235px;} #pageAuto #lerenRijden_2 { margin:0 0 0 235px;} #pageAuto #autoOuders_2 { margin:0 0 0 235px;} #pageAuto #eigenAuto_3 { margin:0 0 0 452px;} #pageAuto #lerenRijden_3 { margin:0 0 0 452px;} #pageAuto #autoOuders_3 { margin:0 0 0 452px;} .partner12logo, .partner11logo, .partner10logo, .partner9logo, .partner8logo, .partner7logo, .partner6logo, .partner5logo, .partner4logo, .partner3logo, .partner2logo, .partner1logo { position:absolute; height:90px; width:140px; overflow:hidden;} .partner12, .partner11, .partner10, .partner9, .partner8, .partner7, .partner6, .partner5, .partner4, .partner3, .partner2, .partner1 { position:absolute; height:60px; width:460px; overflow:hidden;} .partnerFooter { position:absolute; height:40px; width:460px; overflow:hidden;} #pagePartners .partner1logo { margin:22px 0 0 30px;} #pagePartners .partner2logo { margin:102px 0 0 30px;} #pagePartners .partner3logo { margin:182px 0 0 30px;} #pagePartners .partner4logo { margin:262px 0 0 30px;} #pagePartners .partner5logo { margin:342px 0 0 30px;} #pagePartners .partner6logo { margin:422px 0 0 30px;} #pagePartners .partner7logo { margin:502px 0 0 30px;} #pagePartners .partner8logo { margin:582px 0 0 30px;} #pagePartners .partner9logo { margin:662px 0 0 30px;} #pagePartners .partner10logo { margin:742px 0 0 30px;} #pagePartners .partner11logo { margin:822px 0 0 30px;} #pagePartners .partner12logo { margin:902px 0 0 30px;} #pagePartners .partner1 { margin:32px 0 0 175px;} #pagePartners .partner2 { margin:112px 0 0 175px;} #pagePartners .partner3 { margin:192px 0 0 175px;} #pagePartners .partner4 { margin:272px 0 0 175px;} #pagePartners .partner5 { margin:352px 0 0 175px;} #pagePartners .partner6 { margin:432px 0 0 175px;} #pagePartners .partner7 { margin:512px 0 0 175px;} #pagePartners .partner8 { margin:592px 0 0 175px;} #pagePartners .partner9 { margin:672px 0 40px 175px;} #pagePartners .partner10 { margin:752px 0 40px 175px;} #pagePartners .partner11 { margin:832px 0 40px 175px;} #pagePartners .partner12 { margin:912px 0 40px 175px;} #pagePartners .partnerFooter { margin:1012px 0 40px 175px;} /* pagina contact */ #pageContact #content { overflow:hidden; padding:30px 30px 0 50px; line-height:24px;} /* pagina events */ #pageEvents #content, #pageEvents #content2, #pageEvents #content3 { overflow:hidden; padding:25px 25px 0 25px;} #pageEvents #DataList2 .dnaListImg2 { text-align:left; float:left; width:135px; margin:0 25px 20px 0;} #pageEvents #content2 .bgImage { background:url('../images/general/event_form_bg.jpg') no-repeat left top;} #pageEvents #DataList3 .topicImage { padding:5px 0; width:76px;} #pageEvents #DataList3 .topicImage img { width:75px;} #pageEvents #DataList3 .topicText { padding:5px 15px 10px 15px; text-align:left; vertical-align:top;} #pageEvents #DataList3 p { margin:0;} /* footer instellingen */ #footerContainerSmall { width:100%; display:block; padding:0 0 5px 0; text-align:center; zIndex:4;} #footerContainerBig { width:100%; display:block; padding:0 0 5px 0; text-align:center; zIndex:4;} #footerContainerAlign { padding:0 0 0 20px;} #footerImgContainer { width:817px; height:56px;} #imgPartners { margin:0 0 30px 0; } #pageEvents #footerContainerSmall, #pageEvents #footerContainerBig { background-color:#e1e0e0} /*----------------------------- instellingen van algemene zaken ------------------------------*/ /* figuren */ #pageAuto .quoteautoOuders { background:url('../images/banners/bannerSideAutoOuders.png') no-repeat left top; text-indent:-9999px;} #pageAuto .quotelerenRijden { background:url('../images/banners/bannerSideAutoLeren.png') no-repeat left top; text-indent:-9999px;} #pageAuto .quoteeigenAuto { background:url('../images/banners/bannerSideAutoEigen.png') no-repeat left top; text-indent:-9999px;} #pageContact .quote { } #pageInfo .quote { } #pagePartners .quote { } #pageMotor .quote { } #FormView1_ValidationSummary1, #FormView4_ValidationSummary1 { border:1px #fbc2c4 solid; background-color:#fbe3e4; COLOR:#d12f19; padding:20px 20px 0 20px; width:345px;} /* senToFriend pagina */ #sendToFriendContainer { width:428px; height:368px; border:1px #f590e0 solid; margin:0; padding:15px 10px 15px 10px; } .communityLinks { height:20px; vertical-align:middle;}