/* Copyright: Digipoint 2007. This website is (c) Copyright Digipoint 2007. All Rights Reserved. PLEASE DO NOT STEAL THIS DESIGN, THE GRAPHICS OR ANY OF ITS TEXTUAL CONTENT. - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ************ (P)RESETS ************* */ html, body{height:100%; margin:0;} a{cursor:pointer;} a:active, :focus{outline:none; -moz-outline: none;} h1,h2,h3,h4,h5,h6, p{margin:0;} ul{margin:0px 15px; padding:7px 0;} input, textarea {padding:0 3px; margin:0px;} img, a img{border:0;} dl, dt, dd{margin:0;padding:0;} .NoDisplay{display:none!important; margin: 0; padding 0;} .Display{display:block;} .NoFloat{float:none!important;} .alignLeft{text-align:left;} .alignRight{text-align:right;} .alignCenter{text-align:center;} .clearBoth {clear:both} .spacer{float:left; display:block; background:transparent; width:1px} .small{font-size:9px;} .print{display:none;} .floatLeft{display:block; float:left;} img.floatLeft{margin:0 7px 7px 0} .floatRight{display:block; float:right;} img.floatRight{margin:0 0px 7px 7px} .ClearGapLeft{margin-left:0px!important; padding-left:0px!important;} .ClearGapRight{margin-right:0!important; padding-right:0!important;} .ClearGapBottom{margin-bottom:0!important; padding-bottom:0!important;} .subscript{font-size:70%; top:0.2em; position:relative;} sub{font-size:10px;} *html sub{font-size:12px;} form{padding:0; margin:0;} .DeleteThis{position:fixed; width:200px; height:100px; overflow:auto; background:white; z-index:1000; right:20px; bottom:20px; -moz-opacity:0.8; opacity:0.8; padding:10px; border:solid 1px black;} /* ************ STRUCTURE ************* */ body { margin:0;font: normal 12pt Arial, Helvetica, sans-serif;color: #303030; } body#splash, body#message { margin:0; font: normal 11px/14px Arial, Helvetica, sans-serif;color: #303030; } #container { width:1010px; margin:0 auto; min-height:729px; } #boxSearch { position:absolute; margin-left:730px; margin-top:8px; width:210px; display:none;} #boxTopLogo {margin-top:21px; } #boxHeader {height:265px; width:955px; background-color:#FFFFFF; margin:0 auto; display:none;} #boxHeader #tabs { width:955px; height:40px; background-color:#fff;} #boxHeader #photo { position:absolute;width:740px; height:209px; } #boxHeader #login { position:absolute; width:212px; height:209px; margin-left:748px; overflow:hidden;} #boxHeader #login #photoSmall {width:208px; height:209px; float:left;} #boxContent{ width:955px; margin:0 auto; } #boxContent.ColFour {background:url(/assets/graphics/bgColFourRepeater.gif) repeat-y; } #boxContent.ColFour #content {min-height:710px; background:url(/assets/graphics/bgColFour.jpg) no-repeat;} * html #boxContent.ColFour #content {height:710px;}/*below IE7*/ #boxContent.ColThree {background:url(/assets/graphics/bgColThreeRepeater.gif) repeat-y;} #boxContent.ColThree #content {min-height:178px; background:url(/assets/graphics/bgColThree.jpg) no-repeat;} * html #boxContent.ColThree #content {height:178px;}/*below IE7*/ #boxFooter { width:955px; margin:25px auto 0 auto; padding-bottom:22px; text-align:center; background:#fff;} #LeftPane{width:242px; float:left; margin-left:4px; overflow:hidden; display:none;} * html #LeftPane{ margin:0; margin-left:2px;} #LeftMiddlePane{width:243px; float:left; margin-left:4px; } #RightMiddlePane{width:243px; float:left; margin-left:4px; } #RightPane{width:195px; float:left; margin-left:4px; display:none;} #MiddlePane{width:700px; float:left; margin-left:4px; padding:0 17px; overflow:hidden; font-size: 1.2em; line-height: 1.6em;} /* ************ ELEMENTS ************* */ #breadcrumb { color:#999999; padding:0 0 15px 0px; font-size:10px; display:none;} #breadcrumb a { color:#999999;} #breadcrumb a:hover { color:#666666; } a{color:#517690;} a:hover{color:#5b6873;} a:visited{color:#999;} a.Active{color:#5b6873;} p{font: 11px/14px Arial, Helvetica, sans-serif; margin:7px 0px; padding:0 0 7px 0;} h1{color:#cc0000; font:18px/20px "Arial Narrow", Arial, Helvetica, sans-serif; padding:18px 15px 14px 0px; letter-spacing:-0.05em;} h2{color:#fff; font: 16px/20px "Arial Narrow", Arial, Helvetica, sans-serif; padding:7px 0px 0px 5px; height:45px;} h3{color:#51758f; font:17px/18px "Arial Narrow", Arial, Helvetica, sans-serif; padding:0px 15px 3px 0px;} #MiddlePane h3{padding:0px 15px 8px 0px}} h4{color:#303030; font: bold 13px/18px Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px; letter-spacing:-0.03em;} h5{color:#51758f; font: bold 13px/17px Arial, Helvetica, sans-serif; padding:7px 15px 0px 0px; letter-spacing:-0.03em;} h6{color:#6F6F6F; font:bold 13px/15px "Arial Narrow", Arial, Helvetica, sans-serif; padding:7px 15px 4px 0px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none;} h4 a{color:#303030;} h4 i{font: normal 11px/18px Arial, Helvetica, sans-serif;} h5 a.btnLeesMeer, h5 a.btnAdd{font: bold 13px/17px Arial, Helvetica, sans-serif;} strong{color:#51758f} li{line-height:18px;} hr {width:100%; border-top: solid 1px #E3E3E3; border-bottom: none; border-left:none; border-right:none;} #MiddlePane hr{border-top: solid 1px #E3E3E3; border-bottom: none; border-left:none; border-right:none;} .listArrow{list-style-image:url(/assets/graphics/bgListArrow.gif) } .listArrow a{display:block;} .listArrow a.sel, .listArrow a.sel span, .listArrow:hover a.sel span{color:#303030;} .listArrow span{font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#999} .listArrow li:hover span{color:#5b6873;} input, textarea, select{font: 11px/12px Arial, Helvetica, sans-serif; color:#6F8997; margin-top:5px;} input.Submit{color:#222; cursor:pointer;} textarea, select{line-height:14px;} #MiddlePane ul {list-style-image: url(/assets/graphics/list-bullit1.gif);} #MiddlePane ul ul {list-style-image: url(/assets/graphics/list-bullit2.gif);} /*input{height:12px;}*/ label, select {cursor:pointer;} legend{color:#51758f;} .colorGrey {color:#5a86a6;} .colorGreyDark{color:#303030} .colorBlue {color:#5a86a6} .Small{font-size:9px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; padding:0; margin:0;} .Required{background:url(/images/iconRequiredField.gif) right 3px no-repeat;} #tblSearchResults tr td {border-bottom:solid 1px #fff; border-top:solid 1px #e3e3e3;} #tblSearchResults tr td:hover {border-bottom:solid 1px orange;border-top:solid 1px orange;} #tblSearchResults .btnLeesMeer{margin-bottom:0px} #tblSearchResults p {margin:0;} /*Use the class userDefined to set limits for editors*/ .userDefined img{padding:2px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;} /*BoxSearch*/ #searchfield { background:#3A424D; height:13px;border-top:1px solid #2e3b4d; border-left:1px solid #2e3b4d; border-bottom:1px solid #697381; border-right:1px solid #697381; color:#8b9097 ; font-size:11px; width:100px; padding-bottom:1px;color:#bdc1c5} #searchfield:hover {color:#fff; background:#303740} #boxSearch a {color:#bdc1c5;} #boxSearch a:hover {color:#fff;} #langswitch { position:absolute;margin-left:935px; margin-top:15px; width:35px;} #langswitch a { color:#2F3646; cursor:text; text-decoration:none;} #langswitch a:hover { color:#2F3646;} #langswitch a.sel{ color:#bdc1c5; cursor:pointer; text-decoration:underline; background-image:none;} #langswitch a.sel:hover { color:#fff;} /*BoxTop*/ #boxTop {height: 115px;} #boxTop #brands {position:absolute; margin: 0; margin-left:675px; margin-top:45px;width: 323px;height: 85px; list-style-type: none;padding: 0;float:right;} #boxTop #brands li {width: 55px;height: 70px;display: block;float: left;margin-left:5px;padding: 0; text-indent:-5000px;} #boxTop #brands .Dll { display:none; } #boxTop #brands .Vwl { background:url(/assets/graphics/btnBrandVW.jpg) no-repeat; } #boxTop #brands .Skl { background:url(/assets/graphics/btnBrandSK.jpg) no-repeat; } #boxTop #brands .Aul { background:url(/assets/graphics/btnBrandAU.jpg) no-repeat; } #boxTop #brands .Sel { background:url(/assets/graphics/btnBrandSE.jpg) no-repeat; } #boxTop #brands .Cvl { background:url(/assets/graphics/btnBrandVWL.jpg) no-repeat; } #boxTop #brands a { width: 55px;height: 70px;display: block;} /*BoxHeader*/ #boxHeader #sofalink{margin:138px 0 0 15px;} #boxHeader #sofalink a {padding:0 0 0 15px; display: block; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:18px; line-height: 21px; font-weight: bold; text-decoration: none; color: #5b6873; background:url(/assets/graphics/btnArrowGreyLogin.gif) no-repeat;} #boxHeader #sofalink a:hover {color: #049ccd; background:url(/assets/graphics/btnArrowYellowLogin.gif) no-repeat;} #boxHeader #loginarea { margin:110px 0 0 15px;font-family:Arial, Helvetica, sans-serif; font-size:10px; } #boxHeader #loginarea label {display:block; font-weight:bold;} #boxHeader #loginarea input { width:95px; height:15px; border:1px solid #909090; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:0 } #boxHeader #loginarea img { position:absolute; margin-top:-4px; } #boxHeader #tabmenu {position:absolute;margin-left:154px; top:123px; height: 32px;list-style-type: none;margin: 0;padding: 0; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; width:956px;} #boxHeader #tabmenu li {height:32px;display: block;float: left;margin-right:1px;padding: 0; background:url(/assets/graphics/bgTabmenu.jpg) left -32px no-repeat;} #boxHeader #tabmenu a { margin-left:3px; height: 22px;display: block; background:url(/assets/graphics/bgTabmenu.jpg) right -32px no-repeat; padding:7px 9px 3px 5px;float:left;color:#FFFFFF; text-decoration:none; font-size:16px;} * html #boxHeader #tabmenu a { margin-left:2px;} html>body #boxHeader #tabmenu li:hover {background:url(/assets/graphics/bgTabmenu.jpg) left top no-repeat;} #boxHeader #tabmenu a:hover {color:#fff; } html>body #boxHeader #tabmenu a:hover {background:url(/assets/graphics/bgTabmenu.jpg) right top no-repeat;} #boxHeader #tabmenu .sel {height:32px;display: block;float: left;margin-right:1px;padding: 0; background:url(/assets/graphics/bgTabmenu.jpg) left -64px no-repeat; color:#fff;} #boxHeader #tabmenu .sel a { margin-left:3px;height: 32px;display: block; background:url(/assets/graphics/bgTabmenu.jpg) right -64px no-repeat;float:left; color:#fff; text-decoration:none; font-size:16px;} #boxHeader #tabmenu .sel a:hover {color:#fff;} html>body #boxHeader #tabmenu .sel a:hover {background:url(/assets/graphics/bgTabmenu.jpg) right -64px no-repeat;} html>body #boxHeader #tabmenu li.sel:hover {background:url(/assets/graphics/bgTabmenu.jpg) left -64px no-repeat;} /*Box-styles for content*/ .boxGrey { width:190px; padding: 0 16px 16px 16px; margin-left:9px; background:#ededee; margin-bottom:15px; } .boxGrey select { width:190px;} .boxGrey h3{padding-top:15px} .boxWhite { width:222px;padding: 0; margin-left:9px; background-color:#ffffff; margin-bottom:15px;} .boxGradientGrey{background:url(/assets/graphics/bgGradientLightGrey.jpg) repeat-x; width:190px; padding: 0 16px; margin-left:9px;} .boxGradientGrey .btnLeesMeer{width:175px;} .boxGradientGrey h3{padding-top:15px} .boxGradientGrey ul#News{margin: 0; padding: 0;} */ COMMENTED FOR ARROWS IN LIST IN IE6 and 7 VERSIONS .boxGradientGrey .listArrow{margin-left:7px; padding-left:0px; width:185px;} .boxGradientGrey .listArrow li{margin-left:0px; padding-left:0px} */ .boxPagingEnd{width:100%; border-top: solid 1px #e3e3e3; display:block; text-align:center; padding-top:10px; margin:auto; clear:both} .ColThree .boxGrey{ width:174px; padding: 0 16px; margin-left:20px;} .ColThree #LeftPane .boxGrey{ width:190px; padding: 0 16px 16px 16px; margin-left:9px; background:#ededee; margin-bottom:15px; } #InpSearchKnowledge {width:100px; padding:1px 3px; float:left;} #BtnSearchKnowledge{float: left!important; margin-left:3px; margin-bottom:15px;} * html #BtnSearchKnowledge{margin-bottom:5px;} #RightPane .boxGrey {width:157px; margin-left:15px; padding:0 11px 11px 11px;} #RightPane .boxGrey select {width:157px;} #RightPane .btnZoeken { margin-left:100px; margin-top:5px; display:block; background-image:url(/assets/graphics/btnSearch.jpg); left:50px; width:63px; height:21px;} #RightPane .boxWhite{background-color:#FFFFFF; width:157px; padding: 0 11px; margin-left:15px;} #boxLeasingEnFisca { background:url(/assets/images/bgLeasingEnFisca.jpg) bottom no-repeat; height:155px; } #boxBanden { background:url(/assets/images/bgBanden.jpg) left bottom no-repeat; height:110px;} #boxBanden p{width:70px; text-align:right; margin-top:-10px; float:right} #boxAssistance { background:url(/assets/images/bgAssistance.jpg) no-repeat bottom; } #boxAssistance p {width:50px;} .boxAdRightMiddle { height:130px; width:222px; background-color:#CCCCCC; } .boxAdRight { height:134px; width:182px; background-color:#CCCCCC; margin-left: 15px; float: left; display: inline;} .boxBannerPromoCar { background-image:url(/assets/images/BannersPromoCar/audi_1.jpg); width:220px; height:132px; margin-left:12px; margin-bottom:10px; margin-top:-9px; } .boxBannerPromoCar a.cover {display:block;position:absolute; width:219px; height:132px;} .txtPromoCar {position:absolute; margin-left:20px; margin-top:15px; } .pricePromoCar { position:absolute; margin-left:112px; margin-top:63px; width:105px; height:32px; color:#FFFFFF; font-size:9px; } .pricePromoCar a:hover{color:#fff} .pricePromoCar a:visited{color:#dcdcdc} .boxBannerPromoCar a { text-decoration:none; } .pricePromoCar a { color:#FFFFFF; } .highlitePricePromoCar { font-size:15px; font-weight:bold; } .boxResult{border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; float:left; width: 100%;} /*Gebruik deze indien beelden worden gebruikt!!*/ /*.txtResult{width:416px; float:left;}*/ .txtResult{width:100%; float:left;} .Nieuwsoverzicht .txtResult{width:455px;} /*Voor beelden te laten zien; haal display:none weg*/ .imgResult{float:left; padding:13px 0 0 15px; display:none;} .imgResult a {border:solid 1px #c0c0c0; display:block; position:relative; cursor:default} /*.imgResult a:hover {border:solid 1px #049ccd; display:block}*/ .imgResult a img{padding:2px} .imgResult a .Promo{position:absolute; left:-15px; top:5px} .boxCarConfig{background:url(/assets/images/bgCarConfig.jpg); width:168px; height:122px; margin-left:15px; padding: 0 11px 10px 11px;} .boxCarConfig p{width:80px;} .boxFiche{background:url(/assets/graphics/bgBoxFiche.jpg); width:173px; height:97px; display:block; float:left; padding:100px 10px 10px 32px; position:relative; margin:0 13px 9px 0; overflow:hidden;} .boxFiche img{position:absolute; top:27px;} #BoxPartners td{vertical-align:top;} #BoxPartners a img{border:solid 1px silver; padding:1px; margin-top:10px;} #BoxPartners a:hover img{border:dotted 1px silver; padding:0px; margin:1px; margin-top:11px;} /* Related links */ ul.relatedLinks {list-style-type: none; margin: 20px 10px 10px 20px; padding: 0; } ul.relatedLinks a.btnLeesMeer { float:none;} /*Buttons*/ .NL #btnBedrijven{position:absolute;display:block; width:150px; height:91px; margin:21px 0 0 413px; background:url(/assets/graphics/btnCompany_NL.gif) left top; text-indent:-3000px;} .NL #btnBedrijven:hover{background-position: left bottom;} .NL #btnBedrijven.sel{position:absolute;display:block; width:413px; height:91px; margin:21px 0 0 0; background:url(/assets/graphics/btnCompany_active_NL.gif) left top;} .NL #btnBedrijven.sel:hover{background-position: left bottom;} .NL #btnParticulieren{position:absolute;display:block; width:150px; height:91px; margin:21px 0 0 413px; background:url(/assets/graphics/btnPrivate_NL.gif) left top; text-indent:-3000px;} .NL #btnParticulieren:hover{background-position: left bottom;} .NL #btnParticulieren.sel{position:absolute;display:block; width:413px; height:91px; margin:21px 0 0 0; background:url(/assets/graphics/btnPrivate_active_NL.gif) left top; display: inline;} .NL #btnParticulieren.sel:hover{background-position: left bottom;} .FR #btnBedrijven{position:absolute;display:block; width:150px; height:91px; margin:21px 0 0 413px; background:url(/assets/graphics/btnCompany_FR.gif) left top; text-indent:-3000px;} .FR #btnBedrijven:hover{background-position: left bottom;} .FR #btnBedrijven.sel{position:absolute;display:block; width:413px; height:91px; margin:21px 0 0 0; background:url(/assets/graphics/btnCompany_active_FR.gif) left top} .FR #btnBedrijven.sel:hover{background-position: left bottom;} .FR #btnParticulieren{position:absolute;display:block; width:150px; height:91px; margin:21px 0 0 413px; background:url(/assets/graphics/btnPrivate_FR.gif) left top; text-indent:-3000px;} .FR #btnParticulieren:hover{background-position: left bottom;} .FR #btnParticulieren.sel{position:absolute;display:block; width:413px; height:91px; margin:21px 0 0 0; background:url(/assets/graphics/btnPrivate_active_FR.gif) left top; display: inline;} .FR #btnParticulieren.sel:hover{background-position: left bottom;} a.btnLink{display:block; background:url(/assets/graphics/btnArrowGrey.gif) no-repeat left 2px; padding-left:16px; margin:3px 0 3px 8px; font:18px/22px "Arial Narrow", Arial, Helvetica, sans-serif; color:#606060; text-decoration:none; } a.btnLink:hover{background:url(/assets/graphics/btnArrowYellow.gif) no-repeat left 2px; /*border-bottom:dotted 1px #e3e3e3;*/ color:#049ccd} #LeftPane #StaticMenu {margin: 0 0 18px 0; padding: 0 10px; list-style-type: none;} #LeftPane #StaticMenu li {margin: 0; padding: 0; border-bottom:solid 1px #e3e3e3;} #LeftPane #StaticMenu li ul {margin: 0 0 8px 0; padding: 0; list-style-type: none;} #LeftPane #StaticMenu li ul li{border: none;} #LeftPane #StaticMenu li .Active{background:url(/assets/graphics/btnArrowYellow.gif) no-repeat left 2px; color:#049ccd;} #LeftPane #StaticMenu li .Active span.subscript{background:none;} a.btnSubLink{background:url(/assets/graphics/bgListArrow.gif) left -3px no-repeat;display:block; font:11px Arial, Helvetica, sans-serif; color:#606060; text-decoration:none; margin:5px 0 5px 25px; padding-left:14px;} a.btnSubLink:hover{color:#049ccd; background:url(/assets/graphics/bgListArrowH.gif) left -3px no-repeat;} #LeftPane #StaticMenu li ul .Active, #LeftPane #SingleAccordion dd .Active{background:url(/assets/graphics/bgListArrowH.gif) left -3px no-repeat; color:#049ccd;} #LeftPane #StaticMenu li ul .Active span.subscript, #LeftPane #SingleAccordion dd .Active span.subscript{background:none;} .btnLeesMeer{float: left; display: block; width: 92%; background: transparent url(/assets/graphics/btnReadMore.gif) no-repeat; padding-left:16px; margin:0 0 10px 0; font:bold 11px/14px "Arial Narrow", Arial, Helvetica, sans-serif; color:#606060; text-decoration:none; } #MiddlePane .btnLeesMeer{width:100%;} .btnLeesMeer:hover{background:url(/assets/graphics/btnReadMoreH.gif) no-repeat; color:#000;} .btnAdd{display:block; background:url(/assets/graphics/btnAdd.gif) no-repeat; padding-left:16px; margin:0 0 10px 0; font:bold 11px/14px "Arial Narrow", Arial, Helvetica, sans-serif; color:#606060; text-decoration:none;} .btnAdd:hover{background:url(/assets/graphics/btnAddH.gif) no-repeat; color:#000;} .btnDelete{display:block; background:url(/assets/graphics/btnDelete.gif) no-repeat; width:14px; height:16px; top:4px; position:relative;} .btnDelete:hover{background:url(/assets/graphics/btnDeleteH.gif) no-repeat; color:#000;} #Nieuwsoverzicht.divBtnBlueLarge{width:110px; margin:auto;} #Nieuwsoverzicht .btnYellowSmall{margin-top: 16px; float: left;} #Inloggen.divBtnBlueLarge{float:left; width:80px; margin:-2px 0 0 3px;} #ParticulierenNL.divBtnBlueLarge, #BedrijvenNL.divBtnBlueLarge, #ParticulierenFR.divBtnBlueLarge, #BedrijvenFR.divBtnBlueLarge{width:100px; float:left; margin-right:10px;} a.btnBlueSmall{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left top; margin-top:5px; position:relative; padding:0 0 0 16px; color:white; text-decoration:none; display:block; float:right; margin-right:3px; line-height: 12px;} * html a.btnBlueSmall{ margin-right:0px;} a.btnBlueSmall span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right top no-repeat; height:15px; display:block; float:left; padding:2px 8px 0 0; margin-right:-3px;} * html a.btnBlueSmall span{ margin-right:0px;} a#BtnShowAll.btnBlueSmall{background:url(/assets/graphics/btnBlueSmallWithList.gif) left top; padding:0 0 0 20px;} a#BtnShowAll.btnBlueSmall span{background:url(/assets/graphics/btnBlueSmallWithList.gif) right top no-repeat;} a.btnBlueSmall:hover{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -34px; color:#fff} a.btnBlueSmall:hover span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -34px no-repeat;} a.btnBlueSmall.sel{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a.btnBlueSmall.sel:hover{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a.btnBlueSmall.sel span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -17px no-repeat;} a.btnBlueSmall.sel:hover span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat;} a.btnBlueSmall:active{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a.btnBlueSmall:active span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -17px no-repeat;} /*a.btnBlueSmall:visited{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a.btnBlueSmall:visited span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -17px no-repeat;}*/ a#BtnShowAll.btnBlueSmall:hover{background:url(/assets/graphics/btnBlueSmallWithList.gif) left -34px; color:#fff} a#BtnShowAll.btnBlueSmall:hover span{background:url(/assets/graphics/btnBlueSmallWithList.gif) right -34px no-repeat;} a#BtnShowAll.btnBlueSmall.sel{background:url(/assets/graphics/btnBlueSmallWithList.gif) left -17px no-repeat; color:#5b6873} a#BtnShowAll.btnBlueSmall.sel:hover{background:url(/assets/graphics/btnBlueSmallWithList.gif) left -17px no-repeat; color:#5b6873} a#BtnShowAll.btnBlueSmall.sel span{background:url(/assets/graphics/btnBlueSmallWithList.gif) right -17px no-repeat;} a#BtnShowAll.btnBlueSmall.sel:hover span{background:url(/assets/graphics/btnBlueSmallWithList.gif) left -17px no-repeat;} a#BtnShowAll.btnBlueSmall:active{background:url(/assets/graphics/btnBlueSmallWithList.gif) left -17px no-repeat; color:#5b6873} a#BtnShowAll.btnBlueSmall:active span{background:url(/assets/graphics/btnBlueSmallWithList.gif) right -17px no-repeat;} /*a#BtnShowAll:visited{background:url(/assets/graphics/btnBlueSmallWithList.gif) left -17px no-repeat; color:#5b6873} a#BtnShowAll:visited span{background:url(/assets/graphics/btnBlueSmallWithList.gif) right -17px no-repeat;}*/ a#BtnSorteer, a#BtnShowAll{margin-top:-2px;} #btnBedrijvenSplashNL, a#btnBedrijvenSplashFR{float:left; margin-left:10px;} #btnParticulierenSplashNL, a#btnParticulierenSplashFR{float:left; margin-left:30px;} a.btnYellowSmall{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -34px; margin-top:5px; margin-right:3px position:relative; padding:0 0 0 16px; color:white; text-decoration:none; line-height: 11px; display:block; float:left;} * html a.btnYellowSmall{margin-right:0px;} a.btnYellowSmall span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -34px no-repeat; height:15px; display:block; float:left; padding:2px 5px 0 0; margin-right:-3px} * html a.btnYellowSmall span{margin-right:0px;} a.btnYellowSmall:hover{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left top; color:#fff} a.btnYellowSmall:hover span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right top no-repeat;} a.btnYellowSmall.sel{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a.btnYellowSmall.sel:hover{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a.btnYellowSmall.sel span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -17px no-repeat;} a.btnYellowSmall.sel:hover span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat;} a.btnYellowSmall:active{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a.btnYellowSmall:active span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -17px no-repeat;} a.btnYellowSmall:visited{color:#fff} a#btnInloggen{margin:0 26px 0 1px;} a#btnZoekResultaat.btnYellowSmall{margin:4px 0 0 3px; float:left;} #LeftPane a.btnYellowSmall{float:left;} a#btnSubmit{float:left;} a#btnReset{float:left; margin-left:7px;background:url(/assets/graphics/btnBlueSmallWithArrow.gif) left -17px no-repeat; color:#5b6873} a#btnReset span{background:url(/assets/graphics/btnBlueSmallWithArrow.gif) right -17px no-repeat;} #ZoekenModel, #ZoekenBudget {margin-left:110px; margin-top:5px; display:block; left:50px; width:63px;} #RightPane #ZoekenModel,#RightPane #ZoekenBudget {margin-left:97px; margin-top:5px; display:block; width:63px;} #LeasingEnFisca{display:block; width:76px; float:right} a.btnBlue {padding-top:5px; padding-left:20px;color:#FFFFFF; text-decoration:none; margin:0;background:url(/assets/graphics/btnState.gif); width:102px; background-repeat:no-repeat; height:25px; } a.btnBlue:hover{color:#FFFFFF;} .btnArrowTitle {padding-left:20px; background:url(/assets/graphics/btnArrowTitle.gif) left 3px no-repeat; display:block; text-decoration:none;} .btnArrowTitle:hover {background:url(/assets/graphics/btnArrowTitleH.gif) left 3px no-repeat;} .btnArrowTitle:hover h3 {color:#049ccd; } .btnArrowTitle:visited {color:#51758f;} .boxPagingEnd a{background:url(/assets/graphics/btnBlueSmall2.gif) left top; margin-right:4px; position:relative; padding:0 0 0 5px; color:white; text-decoration:none; display:block; float:left;} * html .boxPagingEnd a{margin-right:1px;} .boxPagingEnd span{background:url(/assets/graphics/btnBlueSmall2.gif) right top no-repeat; height:15px; display:block; float:left; padding:2px 5px 0 0; margin-right:-3px;} * html .boxPagingEnd span{margin-right:0px;} .boxPagingEnd a:hover{background:url(/assets/graphics/btnBlueSmall2.gif) left -34px; color:#fff} .boxPagingEnd a:hover span{background:url(/assets/graphics/btnBlueSmall2.gif) right -34px no-repeat;} .boxPagingEnd a.sel{background:url(/assets/graphics/btnBlueSmall2.gif) left -17px no-repeat; color:#5b6873} .boxPagingEnd a.sel:hover{background:url(/assets/graphics/btnBlueSmall2.gif) left -17px no-repeat; color:#5b6873} .boxPagingEnd a.sel span{background:url(/assets/graphics/btnBlueSmall2.gif) left -17px no-repeat;} .boxPagingEnd a.sel:hover span{background:url(/assets/graphics/btnBlueSmall2.gif) left -17px no-repeat;} .boxPagingEnd a:active{background:url(/assets/graphics/btnBlueSmall2.gif) left -17px no-repeat; color:#5b6873} .boxPagingEnd a:active span{background:url(/assets/graphics/btnBlueSmall2.gif) right -17px no-repeat;} .boxPagingEnd a:visited{background:url(/assets/graphics/btnBlueSmall2.gif) left -17px no-repeat; color:#5b6873} .boxPagingEnd a:visited span{background:url(/assets/graphics/btnBlueSmall2.gif) right -17px no-repeat;} .boxPagingEnd a#btnVorige:hover{background:url(/assets/graphics/btnBlueSmall2.gif) left -34px no-repeat!important; color:#fff} .boxPagingEnd a#btnVorige:hover span{background:url(/assets/graphics/btnBlueSmall2.gif) right -34px no-repeat!important; color:#fff} .boxPagingEnd a#btnVorige:visited{background:url(/assets/graphics/btnBlueSmall2.gif) left top no-repeat; color:#fff} .boxPagingEnd a#btnVorige:visited span{background:url(/assets/graphics/btnBlueSmall2.gif) right top no-repeat; color:#fff} .boxPagingEnd a#btnVolgende:hover {background:url(/assets/graphics/btnBlueSmall2.gif) left -34px no-repeat!important; color:#fff} .boxPagingEnd a#btnVolgende:hover span{background:url(/assets/graphics/btnBlueSmall2.gif) right -34px no-repeat!important; color:#fff} .boxPagingEnd a#btnVolgende:visited {background:url(/assets/graphics/btnBlueSmall2.gif) left top no-repeat; color:#fff} .boxPagingEnd a#btnVolgende:visited span{background:url(/assets/graphics/btnBlueSmall2.gif) right top no-repeat; color:#fff} #btnAfterInput{margin:5px 0 0 5px;} .faqItemFirst { background:url(/assets/graphics/btnArrowGreyFAQ.gif) left no-repeat; padding-left:10px; padding-top:4px; border:1px solid #8c8c8c; width:445px; height:20px;} .faqItem {background:url(/assets/graphics/btnArrowGreyFAQ.gif) left no-repeat; padding-left:10px; padding-top:4px; border:1px solid #8c8c8c; border-top:0px; width:445px;height:20px; } .faqItemSelected {background-color:#ededed; background-image:url(/assets/graphics/btnArrowDownGreyFAQ.gif); background-repeat:no-repeat; background-position:left; padding-left:10px; padding-top:4px; padding-bottom:4px;border:1px solid #8c8c8c; border-top:0px; width:445px; color:#628195; font-weight:bold} .faqItemAnswer {background:#ededed; padding-left:10px; padding-top:4px; padding-bottom:4px; border:1px solid #8c8c8c; border-top:0px; width:445px; } /*Thumb*/ .ThumbVw, .ThumbAudi, .ThumbSeat, .ThumbSkoda, .ThumbVwCommercial{display:block; float:left; background-position:left bottom; width:150px; height:140px;} .ThumbVw:hover, .ThumbAudi:hover, .ThumbSeat:hover, .ThumbSkoda:hover, .ThumbVwCommercial:hover{background-position:left top;} .ThumbVw{background-image:url(/assets/graphics/bgThumbVW.jpg)} .ThumbVw:hover{background-image:url(/assets/graphics/bgThumbVW.jpg)} .ThumbAudi{background-image:url(/assets/graphics/bgThumbAudi.jpg)} .ThumbSeat{background-image:url(/assets/graphics/bgThumbSeat.jpg)} .ThumbSkoda{background-image:url(/assets/graphics/bgThumbSkoda.jpg)} .ThumbVwCommercial{background-image:url(/assets/graphics/bgThumbVWCommercial.jpg)} /*Forms*/ #tblForm .textfield, #tblForm .textarea{width:300px;} #tblForm .select{width:310px;} #TblRechthebbenden td{ vertical-align:bottom;} #TblRechthebbenden .textfield, #TblRechthebbenden .textarea{width:120px; padding-top:2px; padding-bottom:2px; margin-top:0;} #TblRechthebbenden .select{width:130px; margin-top:0;} #birthdate_day.select, #birthdate_month.select, #birthdate_year.textfield{width: 98px;} /*Default tables*/ table.zebratable{ width: 456px; border: #DADCE0 1px solid; margin-bottom: 15px; } table.zebratable tr {margin: 0; padding: 0; border:none;} table.zebratable tr td{ margin: 0; padding: 4px 7px; font-size:11px; border-top: solid 0px white; border-right: solid 0px white; border-bottom:solid 1px #DADCE0; border-left: solid 0px white; color:#616264; overflow:hidden; } table.zebratable tr td.tableheader{ color: #fff; background-color: #818B94; font: 14px/16px bold "Arial Narrow", Arial, Helvetica, sans-serif; } table.zebratable tr td.odd{ background-color: #EEE; } table.zebratable p {margin: 0; padding: 0;} table.zebratable u {font-weight: bold; text-decoration: none;} /*Accordion optimized for LeftPane*/ .SingleAccordion .togglerSingle{ width:600px; padding-left:0px; margin-left:0px; font:18px/27px "Arial Narrow", Arial, Helvetica, sans-serif; color:#606060; text-decoration:none; cursor:pointer; } .SingleAccordion .selected{border-bottom:dotted 1px #e3e3e3; color:#049ccd} .SingleAccordion .stretcher p{font-weight:normal; background:#fff;} /*MultiAccordion optimized for MiddlePane*/ .AccordionMulti .toggler{ color: #222; margin: 0; font-weight:bold; text-decoration:none; cursor:pointer; } .AccordionMulti .toggler sub{font-size:12px; margin-bottom:3px; vertical-align:text-bottom;} .AccordionMulti .stretcher{font-weight:normal; background:#fff;} .AccordionMulti .stretcher dd{padding:7px 0;} .element p {margin: 0;padding: 10px;} .float-right {padding:10px 20px;float:right;} /*tooltip*/ .tool-tip { color: #fff; width: 139px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(/assets/graphics/bgTooltip2.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(/assets/graphics/bgTooltip2.png) bottom right; } .custom-tip { color: #000; width: 100px; z-index: 13000; } .custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; display:none; } .custom-text { font-size: 11px; color:#303030; padding: 8px; background:#D0D3D8; border:solid 1px #DBDCDE; width: 100%; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; } /*SPLASHPAGE*/ body#splash #top, body#message #top {background-image:url(/assets/graphics/bgSplashTop_NL.jpg); width:548px; height:92px; margin:0 auto; background-repeat:no-repeat} body#splash #photoHeader, body#message #photoHeader{background-image:url(/assets/graphics/bgSplashPicture.jpg); width:548px; height:114px;margin:0 auto;background-repeat:no-repeat} body#splash #content, body#message #content{background-image:url(/assets/graphics/bgContentSplash.jpg); min-height:350px; width:548px; height:355px;margin:0 auto;background-repeat:no-repeat} body#splash #NLtekst, body#message #NLtekst{margin-left:34px; position:absolute; width:230px;} #NLtekst .btnParticulieren{display:block;width:101px; height:24px; background-image:url(/assets/graphics/btnSplash.jpg); background-repeat:no-repeat; color:#FFFFFF; padding-left:20px; } #FRtekst{margin-left:280px; position:absolute; width:230px;} /*MESSAGE-PAGE*/ body#message #content{background-image:url(/assets/graphics/bgContentmessage.jpg); min-height:350px; width:548px; height:114px;margin:0 auto;background-repeat:no-repeat} body#message #tekst{margin-left:34px; position:absolute; width:475px;} /*SLIDESHOW HOMEPAGE*/ #photo { padding: 0; margin: 0; } #photo .imageElement a { display: none; } #photo { overflow: hidden; position: relative; } #photo img { border: 0; margin: 0; } #photo .slideElement { width: 100%; height: 100%; background-repeat: no-repeat; padding: 0; margin: 0; } #photo a { font-size: 100%; text-decoration: none; color: inherit; padding: 0; left: -2px; } #photo a.open { left: -2px; top: 0; width: 100%; height: 100%; padding: 0; } #container #boxSearch #searchBtnTop {border-width: 0; text-decoration: none; background-color: transparent; color: #bdc1c5; cursor: pointer;} /* Partners & Brand selection */ #partners, #brandSelection { width: 456px; } #partners a, #brandSelection a { margin: 0; padding: 0; } #partners a img, #brandSelection a img{ margin: 0; padding: 0; border-width: 0; margin: 1px 0 0 0; } #partners a:hover img { background: #fff url(/assets/images/Partners/hilite.gif) no-repeat left top; margin: 0 0 1px 0; } #brandSelection a:hover img { margin: 0 0 1px 0; } @media print { h3 { color:#51758F; font:30px/32px "Arial Narrow",Arial,Helvetica,sans-serif; padding:0 15px 3px 0; } #tblForm .textfield { width:300px; height:30px; } #tblForm .select { width:310px; height:30px; } input, textarea, select { color:#6F8997; font:16px/18px Arial,Helvetica,sans-serif; margin-top:5px; } #tblForm .textarea { width:500px; height:350px; } p { font:16px/18px Arial,Helvetica,sans-serif; } #langswitch,#boxTop,#LeftPane,#RightPane,#boxHeader,#boxFooter { display:none; } #AccordionMulti { font-size:10pt; } #AccordionMulti dd { visibility:visible!important; height:auto!important; opacity:1!important; filter:alpha(opacity=100)!important; } }