/*BODY*/ #uscHomeCalculate h2 { display: none; } body { font-family: verdana; color: #000000; font-size: 11px; line-height: 16px; } a { color: #542785;} #container { width: 870px; position: relative; margin: 0 auto; /*padding: 9px 35px 0px 35px;*/ height:450px; } /* content */ #home #content { padding: 50px 36px 0pfx; position: relative; } .content_wrapper { width: 960px; margin-left: -35px; } /* home -------------------------------------------------------------------------------------------------------------------- */ /* content - content_main */ #content #content_main { width: 500px; height: 210px; /*background: #8c6eae;*/ text-indent: -9988px; position: relative; margin-top: 50px; margin-left: 37px; } /* content - contentnav */ #content #contentnav { width: 177px; position: absolute; margin-left:-20px; margin-top:0px; } #content #contentnav li { height: 70px; } #content #contentnav a { height: 70px; display: block; } #content .contentnav_li_1 { background: url(../Images/homepage/contentnav_li_1.png) no-repeat; } #content .contentnav_li_2 { background: url(../Images/homepage/contentnav_li_2.png) no-repeat; } #content .contentnav_li_3 { background: url(../Images/homepage/contentnav_li_3.png) no-repeat; } #content .contentnav_li_1 a:hover { background: url(../Images/homepage/contentnav_li_1_selected.png) no-repeat; margin-left: 0px; } #content .contentnav_li_2 a:hover { background: url(../Images/homepage/contentnav_li_2_selected.png) no-repeat; margin-left: 0px; } #content .contentnav_li_3 a:hover { background: url(../Images/homepage/contentnav_li_3_selected.png) no-repeat; margin-left: 0px; } #content .content_main_box { width: 298px; height: 187px; left: 187px; top: 22px; position: absolute; } /* contentnav selected */ #content .contentnav_selected_1 { background: url(../Images/homepage/contentnav_li_1_selected.png) no-repeat; margin-left: -1px; } #content .contentnav_selected_2 { background: url(../Images/homepage/contentnav_li_2_selected.png) no-repeat; margin-left: -1px; } #content .contentnav_selected_3 { background: url(../Images/homepage/contentnav_li_3_selected.png) no-repeat; margin-left: -1px; } /* content - bereken */ #content #bereken { text-indent:0px; width: 177px; height: 165px; background: url(../Images/homepage/bg_bereken.png) no-repeat; position: absolute; left: 660px; top: 0px; padding: 25px 20px; display: none; } #content #bereken h2 { background: url(../Images/homepage/bereken_title.png) no-repeat; height: 20px; width: 173px; text-indent: -9988px; } #content #bereken { height: 94px; background: #fff; margin-top: 12px; } #left a.content_bereken_btn { background: url(../Images/homepage/content_bereken_btn.png) no-repeat; display: block; height: 32px; width: 102px; text-indent: 0px; } /* boxes home */ .pijltje { background: url(../Images/homepage/pijltje.png) no-repeat; height: 15px; width: 13px; display: inline-block; margin-left: 5px; position: relative; top: 4px; } #box_3_nav { float: left; margin-left: 75px; margin-top: -12px; } #box_3_nav a { color: #542785; font-size: 11px; } #box_3_nav li { background: url(../Images/homepage/home_bullet.png) center left no-repeat; padding-left: 15px; line-height: 15px; margin-left:12px;} .boxes .boxes_txt { text-decoration: none; color: #000; float: left; margin-top: -5px; width: 175px; margin-left: 98px; } /* boxes title */ .boxes #title_1 { height: 16px; text-indent: -9988px; margin-left: 68px; margin-bottom: 5px; } .boxes #title_2 { height: 16px; text-indent: -9988px; margin-left: 64px; margin-bottom: 5px; } .boxes #title_3 { height: 15px; text-indent: -9988px; margin-left: 57px; margin-bottom: 7px; } /*content-boxes */ #content .wrapper-boxes { min-height: 108px; position: relative; margin-top: 30px; color: #c9c9c9; font-size: 11px; margin-left: 32px; width: 100%; } #content .boxes { width: 295px; height: 91px; float: left; padding-top: 19px; } #content .last { margin-right: 0px; } #content .boxes .boxesnav { height: 99px; margin-left: 13px; } #content .boxes p { margin-top: 0px; margin-left: -5px; width: 260px; margin-left: 7px; } #content a { display: block; } /* bg - content picture */ .picture-1 { background: url(../Images/homepage/picture-1.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-2 { background: url(../Images/homepage/picture-2.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-3 { background: url(../Images/homepage/picture-3.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-4 { background: url(../Images/homepage/picture-4.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-5 { background: url(../Images/homepage/picture-5.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } /* .picture-6 { background: url(../Images/homepage/picture-6.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-7 { background: url(../Images/homepage/picture-7.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-8 { background: url(../Images/homepage/picture-8.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } */ /* TEST JQUERY */ .picture-6 { background: url(../Images/homepage/picture-7.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-7 { background: url(../Images/homepage/picture-7.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-8 { background: url(../Images/homepage/picture-8.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } .picture-9 { background: url(../Images/homepage/picture-6.jpg) no-repeat; width: 1000px; margin-left: -35px; height: 430px; } #content #content_main_7 { width: 493px; height: 210px; text-indent: -9988px; position: relative; margin-top: 50px; margin-left: 37px; } /* content - content_main_1 */ #content #content_main_4 { text-indent: 0px; color: #fff; font-size: 13px; } #content #content_main_4 li { background: url(../Images/homepage/bullet_2.png) 0px 6px no-repeat; padding-left: 15px; margin-bottom: 18px; } #content .content_main_4_btn { display: block; background: url(../Images/homepage/content_main_1_btn.png) no-repeat; height: 32px; width: 262px; position: relative; top: -5px; left: 16px; text-indent: -9988px;} /* content - content_main_2 */ #content #content_main_5 { text-indent: 0px; color: #fff; font-size: 13px; } #content #content_main_5 li { background: url(../Images/homepage/bullet_2.png) 0px 4px no-repeat; padding-left: 15px; margin-bottom: 18px; } #content .content_main_5_btn { display: block; background: url(../Images/homepage/content_main_2_btn.png) no-repeat; height: 32px; width: 255px; position: relative; top: -5px; left: 16px; text-indent: -9988px;} /* content - content_main_3 */ #content #content_main_6 { text-indent: 0px; color: #fff; font-size: 13px; } #content #content_main_6 li { background: url(../Images/homepage/bullet_2.png) 0px 4px no-repeat; padding-left: 15px; margin-bottom: 18px; } #content .content_main_6_btn { display: block; background: url(../Images/homepage/content_main_3_btn.png) no-repeat; height: 32px; width: 255px; position: relative; top: -5px; left: 16px; text-indent: -9988px;} /* END TEST JQUERY */ /* footer */ #footer { color: #000; font-size: 11px; text-align: right; background: url(../Images/homepage/border.png) top left repeat-x; height: 10px; padding-top: 7px; padding-bottom: 15px; clear: both; } #footer .left p { float: left; margin-right: 10px; margin-top: 5px;} #footer a { color: #000; } #footer a.partner_1 { background: url(../Images/homepage/footer_partner_1.png) no-repeat; display: block; height: 26px; width: 21px; text-indent: -9988px; float: left; } #footer a.partner_2 { background: url(../Images/homepage/footer_partner_2.png) no-repeat; display: block; height: 26px; width: 36px; text-indent: -9988px; float: left; margin-left: 13px; } #footer a.partner_3 { background: url(../Images/homepage/footer_partner_3.png) no-repeat; display: block; height: 30px; width: 26px; text-indent: -9988px; float: left; margin-left: 13px; } .first_productnav { border-left: none; } .footerBlock { width: 100%; } .footerPartnerBlock { float: left; } .footerGeneralBlock { float: right;} /*Webshop shopping cart image on homepage*/ .topNavBlockRight li { background: url(../Images/winkelwagen_transparent.gif) no-repeat; background-position:left bottom; padding-left:25px;}