/** * @site AD Autobedrijf * @media screen * @revision $Revision: 1.2 $ * @styleguide: * colors { * white: #fff; * black: #000; * red: #db0324; * blue: #013f92; * } * fonts { * headers: Futura Heavy; * text: Arial, Helvetica, sans-serif; * } */ /** * 'baseline' style sheet: resets browser styles * Don't forget to set a foreground and background color on the 'html' or 'body' element! */ body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: inherit; font-family: inherit; text-align: left; vertical-align: baseline; } a img, :link img, :visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } a:focus, a:hover, a:active { outline: none; } strong { font-weight: bold; } /** * Default style for content */ /* links */ #content a { padding: 0 0 1px 0; color: #013f92; text-decoration: none; border-bottom: 1px solid #013f92; } #content a:visited { color: #013f92; border-color: #013f92; } #content a:active { color: #db0324; border-color: #db0324;} #content a:hover { color: #db0324; border-bottom-color: #db0324; } /* headers */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-bottom: 1em; color: #013f92; font-weight: bold; } #content h1 { font-size: 1.2em; margin: 0 0 .5em 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #content h1 span { visibility: hidden; } #content h2 { font-size: 1.1em; } /* this is needed for positioning elements inside the header */ #content h1 { position: relative; padding-right: 20px; } /* forms and input */ #content input, #content select, #content textarea { padding: .2em 0; font: inherit 1em Verdana, Helvetica, sans-serif; } #content input:focus, #content textarea:focus { border-style: inset; } #content input[disabled], #content select[disabled], #content textarea[disabled] { cursor: default; background-color: #e8e8e8; } #content fieldset { border: 1px solid #013f92; padding: 0 1em 1em 1em; } #content fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; color: white; font-weight: bold; background-color: #013f92; } #content label { cursor: pointer; } #content label:hover { color: #013f92; } /* minimum height for iframes */ #content iframe { min-height: 35em; } #content #pagebody iframe { min-height: 0; } /* more: paragraph with a "read more" link */ #content .more { clear: both; margin: .5em 0; } #content .more a { color: white !important; padding: 3px 12px; border: 0; background-color: #013f92; } #content .more a:hover { text-decoration: underline; } #content a.feed { position: absolute; top: 6px; right: 0; border: 0; padding: 0; } #content a.permalink { clear: both; padding-left: 20px; background: url(/assets/adautobedrijf/images/default/i_permalink.gif) left center no-repeat; } #content .date { margin: 0; color: #999; } /* button: transforms a normal button to a styled button */ #content input[type='submit'] { width: auto; cursor: pointer; padding: 2px 1.5em; } #content input[type='submit']:active { border-style: inset; } /** * Page layout */ html { font: normal .75em/1.6 Arial, Helvetica, sans-serif; color: #2f3d56; background: #1c325c url(/assets/adautobedrijf/images/default/bg_gradient.gif) repeat-x left top; } #body { position: relative; margin: 0 auto; padding-top: 20px; width: 972px; } #container { padding-bottom: 11px; margin-bottom: 2em; background-color: white; } #content { float: left; margin: 0 0 0 216px; padding: 265px 0 0 0; min-height: 500px; width: 486px; } #header { position: absolute; top: 0; left: 0; height: 170px; width: 100%; text-indent: -9000px; background-color: transparent; background-repeat: no-repeat; background-position: 0 50px; } #header h2 { display: block; width: 100%; height: 100%; } #header h2 a { display: block; height: 100%; text-decoration: none; background: transparent url(/assets/adautobedrijf/images/default/header_logo.png) no-repeat left top; } #header-extra { position: absolute; top: 169px; left: 0; width: 100%; height: 86px; background-color: #d6d8de; z-index: 2; } #header-extra .banner { float: left; } #mainnav { position: absolute; top: 290px; left: 0; width: 216px; } #mainnav h2 { display: none; } #mainnav ul { margin: 0 33px 0 13px; } #mainnav li { padding-bottom: .1em; border-bottom: 1px dotted #b7becb; } #mainnav li a { display: block; width: 100%; height: 100%; text-decoration: none; background-color: transparent; background-position: center left; background-repeat: no-repeat; } #mainnav li a span { visibility: hidden; } #mainnav .mainnav-zone { margin-bottom: 1em; } #mainnav li ul.subnav { margin: .2em 0 0 0; } #mainnav li ul.subnav li { font-size: 0; border-bottom: 0; padding-left: 10px; background: url(/assets/adautobedrijf/images/default/arrow_right_red.gif) 0 4px no-repeat; } #aside { float: left; width: 239px; margin: 262px 0 0 22px; padding: 0; } #aside .banner a { border: 0; } #aside .banner img { margin-bottom: 2em; } #aside .banner object { margin-bottom: 2em; } #location-details { margin-bottom: 1em; } #location-details dt { font-size: 1.2em; color: #013f92; font-weight: bold; padding-left: 15px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat 0 8px; } #location-details dt.visiting-hours, #location-details dt.visiting-hours-workplace { margin-top: .5em; cursor: pointer; } #location-details dd { margin-left: 15px; } #location-details a { color: #013f92; } #location-details a:visited { color: #013f92; border-color: #013f92; } #location-details a:active { color: #db0324; border-color: #db0324;} #location-details a:hover { color: #db0324; border-bottom-color: #db0324; } #location-details .visiting-hours .title, #location-details .visiting-hours-workplace .title { display: block; float: left; width: 40%; } #breadcrumbs { position: absolute; top: 255px; left: 0; right: 0; width: 100%; height: 24px; background-color: #f1f1f1; } #breadcrumbs h2 { display: none; } #breadcrumbs ul { margin: 2px 0 0 13px; } #breadcrumbs ul li { display: inline; font-size: .9em; color: #434343; padding: 0 5px 0 13px; background: transparent url(/assets/adautobedrijf/images/default/crumb.gif) no-repeat 0 5px; } #breadcrumbs ul li.first-item { padding: 0 5px 0 0; background: none; } #breadcrumbs li a { font-weight: bold; color: #434343; text-decoration: none; } #breadcrumbs li a:hover { text-decoration: underline; } #globalnav { position: absolute; top: 0; right: 0; margin: 0 65px 0 0; background: white url(/assets/adautobedrijf/images/default/globalnav_corner_rb.gif) no-repeat right bottom; z-index: 3; } #globalnav .inner { float: left; padding: 13px 0 1px 8px; height: 19px; background: url(/assets/adautobedrijf/images/default/globalnav_corner_lb.gif) no-repeat left bottom; } #globalnav h2 { display: none; } #globalnav ul { } #globalnav ul li { float: left; margin-right: .5em; padding: 0 .5em 0 0; border-right: 1px solid #013f92; line-height: 1; } #globalnav ul li a { display: block; font-weight: bold; color: #013f92; text-decoration: none; } #globalnav ul li a:hover { color: #db0324; } #quicksearch { float: left; margin: 10px 4px 4px 0; background: none; } #quicksearch h3 { float: left; font-weight: bold; color: #013f92; margin: 0 .5em 0 0; } #quicksearch h3 label { } #quicksearch h3 label:hover { color: #db0324; cursor: pointer; } #quicksearch input { float: left; clear: none; margin: 0; padding: 0; border: 1px solid #d6d8de; height: 17px; } #quicksearch input.submit { cursor: pointer; font-size: 0; width: 20px; height: 19px; background: #013f92 url(/assets/adautobedrijf/images/default/button_search.gif) no-repeat left top; } #footer { position: relative; float: left; clear: both; margin: 0 7px -6px 7px; width: 958px; background-color: #013f92; } #mainnav-copy { float: left; padding: 2px 0 2px 209px; min-height: 71px; background: #013f92 url(/assets/adautobedrijf/images/default/footer_logo.gif) no-repeat 2px 2px; } #mainnav-copy ul { float: left; margin-top: 2px; padding-right: 4em; } #mainnav-copy ul li { line-height: 1; margin-bottom: 2px; white-space: nowrap; } #mainnav-copy ul li a { font-size: .9em; color: white; text-transform: uppercase; text-decoration: none; } #mainnav-copy ul li a:hover { text-decoration: underline; } #footernav { position: relative; clear: both; border-top: 5px solid white; padding: 2px 7px; width: 944px; height: 19px; background-color: #db0324; } #footernav .disclaimer { float: left; color: white; } #footernav ul { float: right; margin: 3px 170px 0 0; } #footernav ul li { float: left; margin-left: .5em; padding-left: .5em; border-left: 1px solid white; line-height: 1; } #footernav ul li.first-item { margin-left: 0; padding-left: 0; border-left: 0; } #footernav ul li a { color: white; font-weight: bold; text-decoration: none; } #footernav ul li a:hover { text-decoration: underline; } #footer #logo-bovag { position: absolute; top: -20px; right: 7px; } #footer #logo-nap { position: absolute; top: -20px; right: 90px; } #props { position: relative; clear: both; margin: -2em auto 1em auto; padding: .5em 7px 0 7px; width: 958px; text-align: right; } #props a { color: #afafaf; text-decoration: none; } #occasion-quicksearch { position: absolute; top: 153px; left: 500px; width: 210px; z-index: 3; } #occasion-quicksearch form { padding-left: 5px; } #occasion-quicksearch select { margin: .5em 0 0 0; width: 100%; } #occasion-quicksearch .button { float: left; color: white; font-weight: bold; text-transform: uppercase; margin: .5em 0 0 0; border: 0; width: auto; background-color: #013f92; } #occasion-quicksearch .search-more { color: #013f92; float: left; margin: 5px 0 0 5px; padding-left: 10px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat left center; } #occasion-quicksearch.right { left: 740px; } #location-quicksearch { position: absolute; top: 153px; left: 740px; width: 210px; z-index: 3; } #location-quicksearch form { padding-left: 5px; } #location-quicksearch input { margin: .5em 0 0 0; padding: 0 0 0 2px; width: 100%; } #location-quicksearch .button { float: left; color: white; font-weight: bold; text-transform: uppercase; margin: .5em 0 0 0; border: 0; width: auto; background-color: #013f92; } #location-quicksearch .search-more { float: left; margin: 5px 0 0 5px; padding-left: 10px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat left center; } .searchbox-left { padding-left: 5px; background: transparent url(/assets/adautobedrijf/images/default/searchbox_left.png) no-repeat left top; } .searchbox-right { padding: 0 5px 0 0; background: transparent url(/assets/adautobedrijf/images/default/searchbox_right.png) no-repeat right top; } .searchbox-right h3 { background-color: transparent; background-repeat: no-repeat; background-position: left top; } .searchbox-right h3 span { visibility: hidden; } #content.iframe { margin-right: 13px; width: 734px; } /** * Content types */ /* inline sections on the homepage */ .inline-sections { } .inline-section { margin-bottom: 1.5em; } .inline-section h2 { position: relative; padding-right: 25px; } .inline-section h2 span { display: block; background-color: transparent; background-repeat: no-repeat; background-position: left top; text-indent: -9000px; } .inline-section h2 a { padding: 0; border: 0; } .inline-section h2 a.feed { position: absolute; top: 3px; right: 0; } .inline-section ul { margin: 0; padding: 3px 0 0 0; list-style-type: none; } .inline-section ul li { margin: .2em 0 0 0; } .inline-section ul li a { display: block; color: #013f92; text-decoration: none; padding-left: 15px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat 0 6px; } .inline-section ul li a:hover { text-decoration: underline; } .inline-block { margin-top: 2em; } .inline-block h2 { text-transform: uppercase; margin: 0 0 .2em 0 !important; padding: 0; } .inline-block h2 a { color: #013f92 !important; border: 0 !important; } .inline-block h2 a:hover { text-decoration: underline !important; } .inline-block .imgbox { float: right; margin: 0 0 .5em .5em; } /* chapters in documents */ #chapters { clear: both; } #chapters ul.chapters { margin: 1em 0; padding: 1em 0; border: 1px dotted #b7becb; border-width: 1px 0; list-style-type: none; } #chapters li.chapter { margin-bottom: .3em; padding: 0; } #chapters li.chapter a { display: block; padding-left: 15px !important; border: 0 !important; background: url(/assets/adautobedrijf/images/default/arrow_right_red.gif) left center no-repeat; } #chapters li.chapter a:hover { color: #013f92; text-decoration: underline !important; } #chapters .linkbox { float: right; margin: 3em 0 .5em .5em; width: 150px; } #chapters .linkbox li { margin-bottom: .3em; } #chapters .linkbox li a { padding: 0; padding-left: 15px; border: 0 !important; } #chapters .linkbox li a:hover { color: #013f92; text-decoration: underline !important; } /* default and rich menu */ .menu-default { clear: both; margin: 1em 0; padding: 1em 0; border-top: 1px dotted #b7becb; list-style-type: none; } .menu-default li { margin-bottom: .3em; } .menu-default li a { display: block; padding-left: 15px !important; border: 0 !important; background: url(/assets/adautobedrijf/images/default/arrow_right_red.gif) left center no-repeat; } .menu-default li a:hover { text-decoration: underline !important; } .menu-rich { clear: both; margin: 1em 0; padding: 0; list-style-type: none; } .menu-rich li { float: left; margin: 0 0 18px 18px; border: 0; width: 234px; min-height: 150px; background-color: #013f92; } .menu-rich li.left-item { clear: both; margin-left: 0; } .menu-rich li .imgbox { margin: 0; padding: 0; border-bottom: 2px solid white; } .menu-rich li a { display: block; border: 0 !important; width: 100%; height: 100%; } .menu-rich span { display: block; color: white; font-weight: bold; text-transform: uppercase; margin: 0 5px; } .menu-rich a:hover span { color: #db0324; } /* Default and rich lists */ .list-default { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-default li { float: left; clear: both; margin-bottom: 1.5em; width: 100%;} .list-default li h2 { font-size: 1.1em; text-transform: uppercase; margin: 0 .5em 0 0 !important; padding: 0; } .list-default li h2 a { border: 0 !important; } .list-team { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-team li { float: left; margin-bottom: 1.5em; width: 120px; margin-right:40px; } .list-team li h2 { clear:both; color:#ce2520 !important; font-size: 1.0em !important; text-transform: uppercase; margin:0!important; padding: 0; } .list-team li a { display:block; text-decoration:none; border: 0 !important; } .list-team li .imgbox { padding:0 0 10px; margin:0;} .list-team li .imgbox imf {padding:0; margin:0;} .list-team li .more { clear: none !important; } .list-rich { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-rich li { float: left; clear: both; margin-bottom: 1.5em; width: 100%; } .list-rich li h2 { font-size: 1.1em; text-transform: uppercase; margin: 0 .5em 0 0 !important; padding: 0; } .list-rich li h2 a { border: 0 !important; } .list-rich li .imgbox { float: right; margin: .3em 0 .5em .5em; } .list-rich li .more { clear: none !important; } .list-download { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-download li { float: left; margin: 0 15px 15px 0; width: 110px; } .list-download li.item-4 { margin-right: 0; } .list-download li img { display: block; border: 0; } .list-download li .download { background: #013f92 url(/assets/adautobedrijf/images/default/list_item_download.gif) no-repeat left top; } .list-download li .download a { display: block; color: white !important; font-weight: bold; text-transform: uppercase; text-align: right; padding: 0 5px !important; border: 0 !important; } .list-download li:hover .download a { text-decoration: underline !important; } #locationfinder .group h3 { margin: 0; padding-left: 15px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat left center; cursor: pointer; } #locationfinder .group h3.tree { background-image: url(/assets/adautobedrijf/images/default/arrow_down_red.gif); } #locationfinder .group div { padding-left: 11px; } #location-results { margin-bottom: 10px; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #location-results span { visibility: hidden; } .list-location { margin: 0; padding: 0; list-style-type: none; } .list-location li { margin-bottom: 1.5em; padding: 5px 10px 10px 30px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat 15px 12px; } .list-location li:hover { background-color: #f1f1f1; } .list-location li h2 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin: 0 .5em 0 0 !important; padding: 0; } .list-location li h2 a { color: #013f92; text-decoration: none; } .list-location li h2 a:hover { text-decoration: underline; } .list-location li .location-link { color: white; text-transform: uppercase; text-decoration: none; padding: 3px 10px; background-color: #013f92; } .list-location li .location-link:hover { text-decoration: underline; } /* default and rich group */ dl.group { clear: both; } dl.group dt { margin: 1em 0 .5em 0; } dl.group dt a { font-weight: bold; } dl.group dd { margin-left: .3em; } .group-rich { clear: both; } .group-rich dt { clear: both; font-size: 1.2em; font-weight: bold; margin: 1em 0 .5em 0; background-color: #013f92; } .group-rich dt a { color: white !important; text-transform: uppercase; margin: 0 0 0 .5em; } .group-rich dd { float: left; clear: both; margin-bottom: 1.5em; width: 100%; } .group-rich dd h2 { font-size: 1.1em; text-transform: uppercase; margin: 0 .5em 0 0 !important; padding: 0; } .group-rich dd h2 a { border: 0 !important; } .group-rich dd .imgbox { float: right; margin: .3em 0 .5em .5em; } .group-rich dd .more { clear: none !important; } /* basicform styles form elements, marked up in a definition list */ .basicform { float: left; clear: both; margin: 1em 0; width: 100%; } .basicform .input input, .basicform .input textarea, .basicform .input select { padding: 0 !important; width: 99%; } .basicform .input.datecal input { width:90%; float:left;} .basicform .input.datecal img { margin:0; float:right; display:block; padding-top:2px; } .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; border: 0 !important; } .basicform .label { margin:0; padding:0; clear: both; width: 50%; float: left; color: #013f92; } .basicform .label label { display: block; font-size: 1.2em; font-weight: bold;} .basicform .input, .basicform .group { width: 50%; float: right; margin: 0 0 1em 0; color: #013f92; } .basicform .group div { } .basicform .group div label { color: black; } .basicform .submit { float: left; clear: both; border-bottom: 4px solid #db0324; width: 100%; background-color: #013f92; } .basicform .submit-inner { float: left; border-bottom: 1px solid white; width: 100%; } .basicform .submit .button { float: right; color: white; font-weight: bold; text-transform: uppercase; border: 0; border-left: 3px solid white; background-color: #013f92; } .basicform .submit .button:hover { cursor: pointer; color: #db0324; } .errors { font-style: italic; color: red; } .basicform .notice { float: left; clear: both; color: white; margin: -2em 0 0 0; padding: 0 0 0 5px; border: 0; background-color: transparent; white-space: nowrap; } .header { float: left; clear: both; color: #013f92; font-size: 1.2em; font-weight: bold; margin: 1em 0 1em 1em; width: 100%; } .header.formpage { display: block; width: auto; float: none; border-bottom: 1px solid #013f92; } .header.formpage+dd { display: none; } .ui-datepicker { display: none; width: 17em; padding: .2em .2em 0; border-bottom: 4px solid #db0324; background-color: white; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; height: 20px; background-color: #013f92; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin: .4em 0; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker td a { color: white; background-color: green; } .ui-datepicker td.first-period a { background-color: red !important; } .ui-datepicker td.second-period a { background-color: orange !important; } .ui-datepicker td.ui-datepicker-week-end a { background-color: grey !important; } /* sitemap */ ul.sitemap { margin: 1em 0; padding: 0; list-style-type: none; } ul.sitemap li { } ul.sitemap li a { text-transform: uppercase; border: 0 !important; } ul.sitemap li a:hover { text-decoration: underline !important; } ul.sitemap li ul { margin: .3em 1em 1em 2em; padding: 0; list-style-type: none; } ul.sitemap li ul li { padding-left: 15px; background: url(/assets/adautobedrijf/images/default/arrow_right_blue.gif) 0 5px no-repeat; } ul.sitemap li ul li:hover { background-image: url(/assets/adautobedrijf/images/default/arrow_right_red.gif); } ul.sitemap li ul li ul { } ul.sitemap li ul li ul li { } ul.sitemap li ul li ul li a { text-transform: none; } /* search styles: form, info and results */ #resultsinfo { background-color: #db0324; } #resultsinfo p { margin: 0; padding: .1em 1em; color: white; font-size: .9em; font-weight: bold; } #searchform { margin: 1em 0 0 0; padding-bottom: 1em; } #searchform label { float: left; } #searchform div { float: left; margin: 0; padding: .7em 0; border-bottom: 1px solid white; width: 100%; background-color: #013f92; } #searchform div label { color: white !important; font-weight: bold; text-transform: uppercase; margin: 0 1em; } #searchform div input { float: left; clear: none; margin: 0; padding: 0; border: 1px solid #d6d8de !important; height: 17px; } #searchform div input.submit { cursor: pointer; font-size: 0; width: 20px; height: 19px; background: #013f92 url(/assets/adautobedrijf/images/default/button_search.gif) no-repeat left top; } #searchresults { clear: both; margin: 1.5em 0 0 0; } #searchresults dt { margin: 2em 0 0 0; } #searchresults dt .number { float: left; font-weight: bold; } #searchresults dt a { display: block; margin-left: 1.5em; font-weight: bold; border: 0; } #searchresults dt a:hover { text-decoration: underline; } #searchresults dd { margin: 0 0 0 1.5em; } #searchresults .highlight { background-color: #e8e8e8; } /* locationfinder-form */ .locationfinder-form { float: left; margin-bottom: 2em; padding-bottom: 1em; border-right: 1px solid #013f92; width: 240px; } .locationfinder-form h3 { margin-bottom: .5em !important; text-transform: uppercase; } .locationfinder-form form { margin-right: 20px; } .locationfinder-form input { margin: 0; padding: 0; width: 100%; } .locationfinder-form .button { float: left; color: white; font-weight: bold; text-transform: uppercase; margin: .5em 0 0 0; border: 0; width: auto; background-color: #013f92; } .locationfinder-results { float: right; margin-bottom: 2em; width: 235px; } .locationfinder-results h3 { margin-bottom: .5em !important; text-transform: uppercase; } .locationfinder-results ul { margin: 0; padding: 0; list-style-type: none; } .locationfinder-results ul li { padding-left: 15px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat 0 6px; } .locationfinder-form-label { font-size: 1.2em; font-weight: bold; color: #013f92; float: left; clear: both; width: 50%; } .locationfinder-form-text { font-size: 1.2em; font-weight: bold; color: #013f92; float: right; width: 50%; } .action-info { color: #013f92; font-weight: bold; margin: .5em 0; } .action-info-result { color: #013f92; font-weight: bold; margin: 0 0 .5em 0; } /** * Common objects */ /* text block on pages */ .contenttext { margin-bottom: 1em; } .contenttext p { margin-bottom: 1em; } .contenttext ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; } .contenttext ul li { padding-left: 15px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat 0 6px; } .contenttext ol { margin-left:1.4em; margin:0 0 1em 1.4em;} .contenttext ol li {} /* page visual box */ #pagevisual-box { text-align: center; overflow: hidden; } #pagevisual { } /* imgbox */ #visuals { float: left; clear: both; margin: 15px 0; padding: 15px 0; border: 1px dotted #b7becb; border-width: 1px 0; width: 100%; } #visuals .imgbox { margin: 0 15px 0 0; } #visuals #imgbox-4-box { margin-right: 0; } .imgbox { float: left; margin: 0 0 2em 0; padding: 0; border: 0; } .imgbox img { display: block; } .imgbox p { padding: .3em; font: bold .8em/1.2 Verdana, Helvetica, sans-serif; color: #013f92; background-color: #e8e8e8; } /* linkbox */ #pagelink-header { margin: 0 0 .5em 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; text-indent: -9000px; } .linkbox { clear: both; margin: 0 0 2em 0; padding: 0; border: 0; } .linkbox li { margin-bottom: .3em; padding: 0; } .linkbox li:hover { } .linkbox li a { display: block; color: #013f92; padding: 0 0 0 15px; text-decoration: none; background: transparent url(/assets/adautobedrijf/images/default/arrow_right_red.gif) no-repeat 0 6px; } .linkbox li a:hover { text-decoration: underline; } /* call-to-action */ #call-to-action { float: left; clear: both; width: 100%; margin: 1em 0; padding: 1em 0; border-top: 1px dotted #b7becb; } #call-to-action li { float: right; margin-left: 15px; padding: 2px 15px 5px 15px; background: #013f92 url(/assets/adautobedrijf/images/default/arrow_right_red_bluebg.gif) no-repeat left center; } #call-to-action li a { display: block; border-color: 1px solid #013f92; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #call-to-action li a:hover { border-color: white; } #call-to-action li a span { visibility: hidden; } #call-to-action #calltoactioncarprof { background: none; } #call-to-action #calltoactioncarprof a { border: none; } /* progress bar */ .progress { text-align: right; color: #013f92; font-weight: bold; width: 100%; } .progresstext { color: #013f92; font-weight: bold; } .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #db0324; border-left-width: 5px; background-color: white; } #progressfill { height: 100%; background-color: #db0324; } /* navbox, for displaying next/previous/index links */ .navbox-outer { float: left; clear: both; margin: 1em 0; padding: 1em 0 0 0; border-top: 1px dotted #b7becb; width: 100%; } .navbox { float: left; color: white; width: 100%; text-align: center; background-color: #013f92; } .navbox a { color: white !important; font-weight: bold; padding: 0 !important; border: 0 !important; } .navbox a:hover { text-decoration: underline !important; } .navbox .prev { float: left; padding: 3px 12px; border-right: 3px solid white; text-transform: uppercase; } .navbox .next { float: right; padding: 3px 12px; border-left: 3px solid white; text-transform: uppercase; } .navbox .index { position: relative; top: 3px; padding: 3px 12px; text-transform: uppercase; } .navbox .pages { padding-top: 3px; text-align: center; } .navbox .pages a { padding: 3px 6px !important; } .navbox .pages a.current { text-decoration: underline !important; } /* forum list */ .forum, .topic, .pollarchive { width: 97%; margin: 0 0 2em 0; border: 1px solid #e8e8e8; } .forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: #013f92; background-color: #e8e8e8; } .forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right: 1px solid #e8e8e8; } .forum tr, .topic tr, .pollarchive tr { border-bottom: 1px solid #e8e8e8; } .forum td, .forum th, .topic td, .topic th, .pollarchive td, .pollarchive th { vertical-align: top; padding: .3em; } .forum img, .topic img { vertical-align: top; } .forum p, .pollarchive p { margin-top: 0; } .forum a, .pollarchive a { font-weight: bold; color: #db0324; border-color: #db0324; } .post { } .post th { border-right: 1px solid #e8e8e8; } .author { } .postform { } .postform .basicform dt, .postform .basicform dd { float: none; width: auto; } .postform .basicform dt { font-weight: bold; margin-top: .5em; padding: .1em .3em; } .postform .basicform dd { margin: 0 0 1em 0; padding: 0; } .postform .basicform textarea { width: 100%; } .postform .basicform input.submit { width: auto; } td.first .date { color: #aaa; } /* special icons for announcements, sticky topics and locked topics */ td.announcement, td.sticky, td.locked, td.default { padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat; } td.announcement { background-image: url(/assets/adautobedrijf/images/default/i_announce.gif); } td.sticky { background-image: url(/assets/adautobedrijf/images/default/i_sticky.gif); } td.locked { background-image: url(/assets/adautobedrijf/images/default/i_locked.gif); } .announcement { font-weight: bold; } .locked, .locked a { color: #afafaf; border-color: #afafaf; background-color: #e8e8e8; } .pollresults { width: 100%; } .pollresults tr { } .pollresults td { text-align: right; } .pollresults td span { float: left; } .pollresults dt, .pollresults dd { margin: .3em 0 0 0; padding: 0; float: left; } .pollresults dt { clear: both; width: 20%; } .pollresults dd { width: 20%; } .pollresult { width: 55% !important; background-color: #e8e8e8; } .pollresult div { border: 2px solid #013f92; background-color: #ffdfca; } .pollresults, #pollform { margin-bottom: 2em; } /* jargon */ a#translate { display: block; margin-bottom: 2em; padding: .5em; background: url(/assets/adautobedrijf/images/default/b_nicetitle_bottom.gif) right bottom no-repeat white; } .jargonterm { cursor: help; font-weight: bold; border-bottom: dotted 1px #013f92; } div.nicetitle { position: absolute; padding-top: 4px; top: 0px; left: 0px; border: 1px solid #e8e8e8; border-width: 1px 0 0 1px; color: #013f92; background: url(/assets/adautobedrijf/images/default/b_nicetitle_bottom.gif) right bottom no-repeat #efefef; } div.nicetitle p { margin: 4px; padding: 4px; } .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.2; background-color: #ffdfca; } .translation-status { position: absolute; width: 300px; height: 30px; top: 0; right: 1em; border: 2px solid white; padding: 1em; background-color: #ffdfca; } .close { position: absolute; top: 0; right: 0; color: red; font-weight: bold; background-color: white; } /* ecard styles */ #ecardlist { list-style: none; margin: 0; padding: 0; } #ecardlist li { float: left; margin: 1em; width: 150px; } #ecardform .header { font-weight: bold; margin: 1em 0; } .ecardview img { margin-bottom: 1em; } .ecardview h2, .ecardview p { padding: 0; margin: 0; } .ecardview p.message { margin: 0 0 1em 15px; } .ecardview .links a { font-weight: bold; padding-left: 15px; background: transparent url(/assets/adautobedrijf/images/default/arrow_right.gif) no-repeat left center; } .ecardview .links a:hover { background-image: url(/assets/adautobedrijf/images/default/arrow_right_over.gif); } /* slideshow */ .slideshow-title { text-align: center; } #slideshow-progress { margin-top: -2em; text-align: right; border-bottom: 1px solid #013f92; color: #afafaf; } #slide { text-align: center; height: 300px; padding: 1em 0; } #slide.imgbox { float: none; margin: 0 auto; width: 100%; text-align: center; } #slide.imgbox a, #slide.imgbox a:hover { border-bottom: 0; } #slide.imgbox img { display: inline; } #nav-slideshow { clear: both; border-top: 2px solid #013f92; margin-top: 1em; padding: .5em; text-align: center; background-color: #e8e8e8; } #nav-slideshow a { border-bottom: 0px; } /* feed */ ul.feed { clear: both; margin: 0; padding: 0; list-style-type: none; } ul.feed li { float: left; clear: both; margin-bottom: 1.5em; width: 100%;} ul.feed li h3 { font-size: 1.1em; text-transform: uppercase; margin: 0 .5em 0 0 !important; padding: 0; } ul.feed li h3 a { border: 0 !important; } .feed-contents .summary { margin-bottom: 2em; font-style: italic; color: #aaa; } /* slimbox */ #lbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #e8e8e8; cursor: pointer; z-index: 9999; } #lbCenter, #lbBottomContainer { position: absolute; overflow: hidden; background-color: #fff; z-index: 9999; } #lbBottomContainer { } #lbImage { position: absolute; top: 0; left: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { position: absolute; top: 10px; padding: 8px 0 8px 0; color: black; font-weight: bold; display: block; border: 0 !important; width: 25%; outline: none; text-decoration: none !important; } #lbPrevLink span, #lbNextLink span { visibility: hidden; color: white; text-transform: uppercase; padding: 3px 12px; background-color: #013f92; } #lbPrevLink:hover span, #lbNextLink:hover span { visibility: visible; } #lbPrevLink { left: 0; } #lbNextLink { right: 0; text-align: right; } #lbBottom { min-height: 60px; background: white url(/assets/adautobedrijf/images/default/logo_slideshow.gif) no-repeat left top; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { position: absolute; bottom: 0; right: 10px; display: block; color: #013f92; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-right: 20px; border: 0; background: transparent url(/assets/adautobedrijf/images/default/close_slideshow.gif) no-repeat 100% 0; outline: none; } #lbCloseLink:hover { text-decoration: underline; } #lbNumber { position: absolute; top: 0; right: 10px; font-size: .9em; font-weight: bold; color: #013f92; padding: 0 .3em 0 .2em; } #lbInfo { margin: 0 80px 0 95px; border-right: 1px dotted #ddd; } #lbCaption { font-size: 1.5em; font-weight: bold; color: #1a4069; margin: 0 0 0 110px; } /* mediaplayer */ .mediaplayer { margin: 1em auto; padding: 15px 0 10px 0; background-color: #013f92; } .mediaplayer-inner { border-top: 1px solid white; } .mediaplayer-inner-object { border-top: 5px solid #db0324; } /* preview bar */ #preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #013f92; text-align: center; background-color: white; } #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; } #preview-bar:hover #previewselect { opacity: .8; } #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; } /* webshop */ table.articles { width: 100%; } table.articles thead { font-weight: bold; } table.articles tfoot { border-top: 1px solid black; } .cartview-options { margin-top: 1em; } /* occasion filterlist */ .occasionsform { float: left; margin: 0; padding: 0; width: 100%; } .occasionsform div, .occasionsform .range { float: left; width: 30%; margin: 1em 5px; } .occasionsform div.hide { float: none; width: 100%; height: 0; margin: 0; } .occasionsform .header, .occasionsform .group label, .occasionsform .submit { clear: both; } .occasionsform label, .occasionsform input, .occasionsform select { display: block; width: 95%; } .occasionsform #flddealercompany_rdc { width:294px; } .occasionsform input, .occasionsform select { padding: 0 !important; } .occasionsform label { font-weight: bold; color: #013F92; } .occasionsform h3 { margin-bottom: 0 !important; } .occasionsform .header { float: left; clear: both; color: #013f92; font-size: 1em !important; font-weight: bold; margin: 1em 0 0 5px !important; width: 100%; } .occasionsform input.radio, .occasionsform input.checkbox { clear: both; display: inline; width: auto; } .occasionsform .group, .occasionsform .range { margin: .5em 5px; } .occasionsform .group label, .occasionsform .range label { display: inline; width: auto; font-weight: normal; color: black; } .occasionsform .group div { display: block; width: 100%; margin: 0;} .occasionsform .range div { float: left; width: 45%; margin: 0 5% 0 0; } .occasionsform .button { clear: both; float: left; color: white; font-weight: bold; text-transform: uppercase; padding: 2px 1.5em !important; border: 0; width: auto; background-color: #013f92; } /* occasion filterlist results */ .occasion-results { width: 100%; border-collapse: collapse; } .occasion-results .sorted { padding-left: 10px; } .occasion-results tr { border-bottom: 10px solid white; } .occasion-results tr th { white-space: nowrap; padding: 1px 5px; border: 1px solid white; background-color: #013f92; } .occasion-results tr th a { color: white !important; font-weight: bold; border: 0 !important; } .occasion-results tr th a:hover { text-decoration: underline !important; } .occasion-results tr td { padding: 1px 5px; border: 1px solid white; vertical-align: top; background-color: #f1f1f1; } .occasion-results tr.second-row td { background-color: transparent; } .occasion-results tr td.warranty { padding-top: .7em; } .occasion-results tr td .bovag { display: block; width: 58px; height: 24px; background: transparent url(/assets/adautobedrijf/images/default/bovag_logo.jpg) no-repeat left top; } .occasion-results tr td .bovag span { visibility: hidden; } .occasion-results tr td .nap { display: block; width: 58px; height: 23px; background: transparent url(/assets/adautobedrijf/images/default/nap_logo.jpg) no-repeat left top; } .occasion-results tr td .nap span { visibility: hidden; } .occasion-results tr td.thumbnail { padding: 1px 0; background-color: transparent; } .occasion-results tr td img { display: block; } .occasion-results tr td a { font-weight: bold; padding: 0 !important; border: 0 !important; } .occasion-results tr td.factsheet { text-align: right; } .occasion-results tr td.factsheet a { color: white !important; padding: 2px 15px !important; text-transform: uppercase; background-color: #013f92; } .occasion-results tr td.factsheet a:hover { text-decoration: underline !important; } /* occasion details */ #occasion-tablist { float: left; clear: both; } #occasion-tablist ul { float: left; margin: 1em 0; width: 100%; } #occasion-tablist ul li { float: left; border-left: 1px solid white; border-bottom: 7px solid white; background-color: #013f92; } #occasion-tablist ul li:hover, #occasion-tablist ul li.ui-tabs-selected { padding-bottom: 7px; border-bottom: 0; background: #da0324 url(/assets/adautobedrijf/images/default/arrow_tablist.gif) no-repeat center bottom; } #occasion-tablist ul li#overview-tab { border: 0; } #occasion-tablist li h3 { margin: 0; padding: 0; } #occasion-tablist li h3 a { color: white !important; text-transform: uppercase; padding: 1px 25px !important; border: 0; } .ui-tabs .ui-tabs-hide { display: none; } .tab-content { float: left; clear: both; margin: 0 0 1em 0; width: 100%; } .tab-content dl { float: left; clear: both; padding: 15px; width: 452px; background-color: #f1f1f1; } .tab-content dl dt { float: left; clear: both; font-weight: bold; border-bottom: 1px dotted #d6d8de; width: 35%; } .tab-content dl dd { float: right; border-bottom: 1px dotted #d6d8de; width: 60%; min-height: 1.6em; } .tab-content dl .overview-price { font-size: 1.2em; font-weight: bold; margin: 1em 0 0 0; border: 0; } .tab-content dl dd.overview-price { padding-left: 2%; width: 58%; background: transparent url(/assets/adautobedrijf/images/default/bg_price.gif) no-repeat left top; } .tab-content .imgbox { margin-right: .5em; } .tab-content #imgbox-2-box, .tab-content #imgbox-4-box, .tab-content #imgbox-6-box, .tab-content #imgbox-8-box, .tab-content #imgbox-10-box { margin-right: 0; } .occasion-details-extra-info { clear: both; float: left; margin: 15px 15px 0 15px; width: 452px; } .occasion-details-extra-info h2, .occasion-details-extra-info p { margin: 0 !important; padding: 0; } .contact-info-outer { float: left; clear: both; margin: 0 2em 1em 0; padding: 15px 0 0 0; width: 255px; background: #d6d8de url(/assets/adautobedrijf/images/default/infoblock_top.gif) no-repeat left top; } .contact-info { padding: 0 15px 15px 15px; background: #d6d8de url(/assets/adautobedrijf/images/default/infoblock_bottom.gif) no-repeat left bottom; } .contact-info h3 { font-size: 1.2em; margin: 0 !important; } .occasion-info { margin-top: 36px; } .occasion-labels { float:left; } .occasion-labels p.bovag { float:left; margin-right:20px;background:transparent url(/assets/adautobedrijf/images/default/logo_bovag.gif) no-repeat scroll left top; height:31px; text-indent:-9000px; width:76px; } .occasion-labels p.nap { float:right; background:transparent url(/assets/adautobedrijf/images/default/logo_nap.gif) no-repeat scroll left top; height:31px; text-indent:-9000px; width:76px; } #map { border-bottom: 20px solid #013f92; margin-bottom: 2em; } #map .markerheader { font-size: 1.2em; color: #2f3d56; margin-bottom: 0; } #map .markerheader a { color: #2f3d56; padding: 0; border: 0; text-decoration: underline; } #map .markerheader a:hover { text-decoration: none; } #map .calltoaction { display: block; margin: .5em 0 0 0; border: 0; width: 250px; height: 23px; background: transparent url(/assets/adautobedrijf/images/default/banner_appointment.jpg) no-repeat left top; text-decoration: none; } #map .calltoaction span { visibility: hidden; } #map .carprofaction { display: block; margin: .5em 0 0 0; border: 0; width: 250px; height: 41px; background: transparent url(/assets/adautobedrijf/images/default/banner_appointment_carprof.jpg) no-repeat left top; text-decoration: none; } #map .carprofaction span { visibility: hidden; } #map .apkaction { display: block; margin: .5em 0 0 0; border: 0; width: 250px; height: 60px; background: transparent url(/assets/adautobedrijf/images/default/banner_apk_small.jpg) no-repeat left top; text-decoration: none; } #map .apkaction span { visibility: hidden; } #map .bovagreview { display: block; margin: .5em 0 0 0; border: 0; width: 250px; height: 60px; background: transparent url(/assets/adautobedrijf/images/default/banner_bovagreview.jpg) no-repeat left top; text-decoration: none; } #map .bovagreview span { visibility: hidden; } #map .map-controls { position: absolute; top: 10px; right: 10px; } #map .map-controls .map-control { float: left; font-size: .9em; padding: 3px 10px; width: 45px; background: transparent url(/assets/adautobedrijf/images/default/map_control.png) no-repeat left top; cursor: pointer; text-align: center; } #map .map-controls .map-control:hover { background-image: url(/assets/adautobedrijf/images/default/map_control_mo.png); } #map .map-controls .map-control.selected { font-weight: bold; } #map .map-controls .map-control-normal { background-position: left top; } #map .map-controls .map-control-satellite { border: 1px solid #d2d2d2; border-width: 0 1px; background-position: center top; } #map .map-controls .map-control-hybrid { background-position: right top; } .route { float: left; clear: both; height: 30px; } .route label { float: left; } .route input { float: left; clear: left; margin: 0; padding: 0 !important; border: 1px solid #d6d8de; height: 17px; } .route input.submit { cursor: pointer; clear: none; font-size: 0; width: 20px !important; height: 19px; background: #013f92 url(/assets/adautobedrijf/images/default/button_search.gif) no-repeat left top; } #content #print-route { float: right; color: white; font-weight: bold; text-transform: uppercase; margin: -5.7em 1em 0 0; padding: 0 10px; border: 0; width: auto; background-color: #013f92; } #content #print-route:hover { cursor: pointer; color: #db0324; } .forgotpass_explanation {margin-top:10px; } /** * Very often used classes */ /* positioning and visibility */ .clear-both { clear: both; } .inline { display: inline; } .block-level { display: block; } .nodisplay { display: none; } .show { visibility: visible; } .hide { visibility: hidden; } /* coloring and text decoration/transformation */ .no-border { text-decoration: none; } .back { padding-left: 15px !important; background: url(/assets/adautobedrijf/images/default/arrow_left.gif) center left no-repeat; } .back:hover { background-image: url(/assets/adautobedrijf/images/default/arrow_left_over.gif); } .red { color: red; } .req { color: red; } .err { color: red; font-weight: bold; } input.err { font-weight: normal; background-color: #ffbfbf; } .notice { background-color: #ffa; color: #db0324; border: 1px solid #ffdfca; padding: .3em; } .chosen { color: #db0324; font-weight: bold; } /* odd, even and first for row coloring (zebra tables and distinctive first row) */ .odd { background-color: #fff; } .even { background-color: #ffdfca; } .first { background-color: #ffdfca; border: solid #e8e8e8; border-width: 0 1px; }