/* CSS Document */
body, html {
height: 100%;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 22px;
color: #333333;
background: #336699 url(media/bg.gif) repeat-x fixed;
margin: 0;
padding: 0;
}
p, dl, h1, pre, address {
margin: 0 0 11px 0;
}
ul, ol {
margin-bottom: 11px;
list-style: square;
}
h1, h2, h3, h4, a, .detail_header, #popup_content .popup_header, .detailkop {
color: #336699;
}
h1, h2, .detail_header {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: normal;
}
h1 {
font-size: 26px;
margin: 0 0 28px 0;
}
h2, .detail_header {
font-size: 18px;
margin: 0 0 10px 0;
}
h3, .detailkop {
font-size: 13px;
font-weight: bold;
margin: 0;
}
h4 {
font-size: 13px;
margin: 10px 0;
}
a:hover {
text-decoration: none;
}
a:focus {
outline: none;
}
h1 a, h2 a, h3 a {
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
background: #e7edf2;
}
address {
font-style: normal;
}
img {
border: none;
}
input, select, textarea {
margin-bottom: 3px;
}
dd, dt {
padding: 0;
margin: 0;
}
/* general classes */
.border, ul.article-overview img, .article-detail .img-container img, #detail_newsitem .detail_image img, #nieuwexternindex img, #nieuwexternuitvoeringen img, #nieuwexterndetail img, #dsl #overview ul li img, #dsl .print-popover .right img, .aflevering img, #highlights .avdw img, #dsl #account-overview .followed_car img {
padding: 1px;
border: 1px solid #dbdcde;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
img.left {
margin: 0 10px 0 0;
}
img.right {
margin: 0 0 0 10px;
}
/* alerts */
.alert {
background: url(media/alert.gif) repeat-x;
}
.alert p {
height: 36px;
line-height: normal;
text-align: center;
background: url(media/alert-left.gif) no-repeat left;
}
.alert span {
height: 26px;
display: block;
padding: 10px 0 0 0;
background: url(media/alert-right.gif) no-repeat right;
}
div.error {
background: url(media/alert-error.gif) repeat-x;
}
div.error p {
background: url(media/alert-error-left.gif) no-repeat left;
}
div.error span {
background: url(media/alert-error-right.gif) no-repeat right;
}
ul.error, .error-message {
color: red;
}
div.succes {
background: url(media/alert-success.gif) repeat-x;
}
div.succes p {
background: url(media/alert-success-left.gif) no-repeat left;
}
div.succes span {
background: url(media/alert-success-right.gif) no-repeat right;
}
/* clear ul's */
ul.brandswitch, ul.article-overview, #dsl #overview ul, #news-container ul, #detail ul#thumbnails, #dsl #detail .car-tools, ul.tabs, ul.aflevering {
margin: 0;
padding: 0;
list-style: none;
}
/* LAYOUT */
#main-wrapper {
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
width: 980px;
background: url(media/bg-mainwrapper.png) repeat-y;
margin: 0 auto -50px auto;
}
#header-wrapper {
position: relative;
width: 980px;
height: 114px;
background: #ffffff;
z-index: 10;
}
#header-wrapper h1 {
position: absolute;
top: 46px;
left: 9px;
width: 184px;
height: 65px;
margin: 0;
z-index: 10;
}
#header-wrapper h1 a {
display: block;
width: 184px;
height: 0;
padding-top: 65px;
overflow: hidden;
background: url(media/logo-degraaff.png) no-repeat;
}
.ambulance #header-wrapper h1 a {
width: 243px;
background: url(media/logo-ambulance.png) no-repeat;
}
ul.brandswitch {
float: right;
margin: 0 6px 0 0;
}
#header-wrapper ul.brandswitch li {
float: left;
}
#header-wrapper ul.brandswitch li a {
display: block;
width: 75px;
height: 0;
padding-top: 45px;
overflow: hidden;
}
#header-wrapper ul.brandswitch li a.suzuki {
background: url(media/logo-suzuki.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a:hover.suzuki, .Suzuki #header-wrapper ul.brandswitch li a.suzuki {
background: url(media/logo-suzuki-hover.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a.nissan {
background: url(media/logo-nissan.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a:hover.nissan, .Nissan #header-wrapper ul.brandswitch li a.nissan {
background: url(media/logo-nissan-hover.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a.honda {
background: url(media/logo-honda.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a:hover.honda, .Honda #header-wrapper ul.brandswitch li a.honda {
background: url(media/logo-honda-hover.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a.kia {
background: url(media/logo-kia.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a:hover.kia, .Kia #header-wrapper ul.brandswitch li a.kia {
background: url(media/logo-kia-hover.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a.opel {
background: url(media/logo-opel.gif) no-repeat;
}
#header-wrapper ul.brandswitch li a:hover.opel, .Opel #header-wrapper ul.brandswitch li a.opel {
background: url(media/logo-opel-hover.gif) no-repeat;
}
#header-wrapper p {
position: absolute;
top: 18px;
left: 10px;
font-size: 11px;
}
.push {
clear: both;
height: 50px;
}
#footer {
position: relative;
bottom: 0;
width: 960px;
height: 30px;
margin: 0 auto;
padding: 10px;
background: #336699 url(media/footer-bg.png) no-repeat;
color: #ffffff;
font-size: 11px;
}
#footer p {
margin: 0;
}
#footer a {
color: #ffffff;
}
#blanco-container, #pop-over {
padding: 10px;
}
/* menu */
#menu-wrapper {
position: absolute;
bottom: 0;
width: 980px;
height: 70px;
background: url(media/menu-cont-bg.png) repeat-x;
}
#menu-left, #menu-right {
position: absolute;
bottom: 0;
width: 10px;
height: 70px;
background: url(media/menu-cont-left.png) no-repeat;
}
#menu-right {
right: 0;
background: url(media/menu-cont-right.png) no-repeat;
}
/*Hoofdnaviagtie ul*/
#navigation {
position: absolute;
top: 2px;
right: 10px;
height: 62px;
background: url(media/menu-bg.png) repeat-x top;
border-top: 2px solid #336699;
margin: 0;
padding: 0;
list-style: none;
z-index: 20;
}
.ambulance #navigation {
border-top: 2px solid #efe35d;
}
/*hoofdnavigatie items*/
#navigation li.mainitem {
float: left;
position: relative;
}
/*hoofdnavigatie links*/
#navigation li.mainitem a.hoofditem {
display: block;
height: 44px;
padding: 18px 22px 0 22px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
text-decoration:none;
color: #ffffff;
background: url(media/menu-divider.png) no-repeat left;
}
#navigation li.mainitem {
background: url(media/menu-arrow.png) no-repeat center bottom;
}
.ambulance #navigation li.mainitem {
background: none;
}
#navigation li:hover, #navigation li.over, .ambulance #navigation li:hover, .ambulance #navigation li.over {
background: #525252 url(media/menu-hover.gif) repeat-x;
}
/*opent sub navigation ul's*/
#navigation li:hover ul, #navigation li.over ul {
display: block;
}
/*ul subnavigation*/
#navigation li ul {
position: absolute;
top: 62px;
left: 0;
display: none;
width: 205px;
margin: 0;
padding: 10px 0;
background: #525252;
list-style: none;
z-index: 1000;
}
#navigation li.lasthoofditem ul {
left: auto;
right: -1px;
}
#navigation li ul li a {
display: block;
margin: 0;
text-decoration: none;
padding: 2px 22px;
color: #ffffff;
border-top: 1px solid #525252;
border-bottom: 1px solid #525252;
}
#navigation li ul li a:hover {
background: #282828;
border-top: 1px solid #5e5e5e;
border-bottom: 1px solid #5e5e5e;
}
/* standard layout */
#content-wrapper {
position: relative;
width: 940px;
background: url(media/content-top.png) no-repeat;
padding: 10px 20px;
z-index: 1;
}
.home #content-wrapper {
width: 960px;
padding: 4px 0 0 10px;
}
#left-container {
float: left;
width: 220px;
background: url(media/content-gradient.gif) repeat-x;
text-align: right;
padding: 0 10px 0 0;
}
.home #left-container {
width: 320px;
padding: 0;
}
.home #left-container #divider {
background: url(media/vert-divider.png) no-repeat right;
padding: 30px 70px 0 10px;
}
#right-container {
float: right;
width: 640px;
padding: 20px 35px 40px 35px;
background: url(media/content-gradient.gif) repeat-x;
}
.home #right-container {
width: 500px;
padding: 30px 70px;
}
.home #right-container h1 {
margin-bottom: 10px;
}
.ambulance #right-container h1 {
font-size: 25px;
}
.breadcrump {
float: right;
text-align: right;
color: #336699;
}
.breadcrump span {
font-size: 18px;
font-weight: bold;
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}
#contentpic {
position: relative;
width: 230px;
height: 165px;
background: url(media/contentpic-bg.png) no-repeat;
left: -3px;
margin: 0 0 22px 0;
}
#contentpic img {
position: absolute;
top: 5px;
left: 5px;
}
#left-container .quicklinks {
padding: 0;
margin: 0 0 22px 0;
list-style: none;
}
#left-container .quicklinks li {
margin: 0 0 1px 0;
}
#left-container .quicklinks a {
display: block;
padding: 0 5px;
text-decoration: none;
background: #e7edf2;
}
#left-container .quicklinks a:hover {
background: #ccdae6;
}
#left-container .brand-logo {
text-align: center;
margin: 0 0 22px 0;
}
/* home specific */
#flash-container {
position: relative;
width: 960px;
height: 330px;
z-index: 1;
}
#flash-element {
position: absolute;
top: 0;
left: 0;
width: 960px;
height: 330px;
z-index: 5;
}
#flash-container ul {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
width: 960px;
height: 43px;
background: url(media/flash-overlay.png) repeat-x;
border-top: 1px solid #777878;
z-index: 10;
}
#flash-container ul li {
float: left;
width: 159px;
height: 43px;
border-right: 1px solid #777878;
}
#flash-container ul li:hover {
background: url(media/brandselect-hover.png) repeat-x;
}
#flash-container ul li.ambulance, #flash-container ul li.graaff {
width: 159px;
border: none;
}
#flash-container ul li.graaff {
width: 192px;
}
#flash-container ul li.graaff {
float: right;
}
#flash-container ul li a {
display: block;
width: 159px;
height: 0;
padding-top: 43px;
overflow: hidden;
}
#flash-container ul li.suzuki a {
background: url(media/logo-chrome-suzuki.png) no-repeat;
}
#flash-container ul li.nissan a {
background: url(media/logo-chrome-nissan.png) no-repeat;
}
#flash-container ul li.honda a {
background: url(media/logo-chrome-honda.png) no-repeat;
}
#flash-container ul li.kia a {
background: url(media/logo-chrome-kia.png) no-repeat;
}
#flash-container ul li.opel a {
background: url(media/logo-chrome-opel.png) no-repeat;
}
#flash-container ul li.ambulance a, #flash-container ul li.graaff a {
color: #ffffff;
width: 160px;
height: 33px;
padding: 10px 0 0 0;
font-size: 12px;
text-align: center;
text-decoration: none;
overflow: hidden;
}
#flash-container ul li.graaff a {
width: 192px;
}
#highlights {
width: 960px;
height: 150px;
padding: 0 10px 13px 10px;
margin: 0 0 0 -10px;
background: url(media/content-top-home.png) no-repeat bottom;
}
#highlights .feature {
float: left;
width: 300px;
height: 135px;
padding: 15px 10px 0 10px;
background: #e7edf2 url(media/shadow-blue.gif) repeat-x;
border-top: 1px solid #ffffff;
line-height: 18px;
}
#highlights .feature h2 {
font-size: 16px;
color: #333333;
}
#highlights .search {
background: #a9bdd0 url(media/home-search-gradient.gif) repeat-x;
border-right: 1px solid #aebac5;
}
#highlights .avdw {
border-right: 1px solid #cfd5d9;
width: 299px;
}
#highlights .avdw .avdw {
border: none;
width: auto;
display: inline;
}
#highlights .avdw h2 {
margin: 0;
}
#highlights .avdw img {
float: right;
}
#highlights .avdw h3 {
padding: 50px 0 0 0;
}
#highlights .avdw p {
margin: 0;
}
#highlights .news {
width: 299px;
}
#highlights .news ul {
margin: 0;
padding: 0;
list-style-position: inside;
}
#highlights .news ul li {
width: 279px;
height: 20px;
overflow: hidden;
}
.home .search ul.tabs li.occasion {
margin: 0 0 0 90px;
}
/* tabs */
ul.tabs {
background: url(media/tab-top.png) no-repeat bottom;
margin: 0 0 0 -2px;
padding: 0 0 2px 0;
list-style: none;
width: 644px;
height: 25px;
}
.search ul.tabs {
background: url(media/tab-top-search.png) no-repeat bottom;
margin: 0 0 0 -10px;
padding: 0 0 2px 0;
list-style: none;
width: 323px;
height: 25px;
}
.home .search ul.tabs {
background: url(media/tab-top-home.png) no-repeat bottom;
width: 320px;
padding: 0 0 1px 0;
margin-top: -33px;
}
ul.tabs li {
float: left;
background: url(media/tab.png) repeat-x;
height: 25px;
}
.home .search ul.tabs li {
background: url(media/tab-home.png) repeat-x;
}
ul.tabs li h3 {
background: url(media/tab-left.png) no-repeat left;
height: 25px;
font-weight: normal;
}
.home .search ul.tabs li h3 {
background: url(media/tab-left-home.png) no-repeat left;
}
ul.tabs li h3 a {
display: block;
background: url(media/tab.png) repeat-x;
height: 25px;
color: #555555;
}
.home .search ul.tabs li h3 a {
background: url(media/tab-home.png) repeat-x;
}
ul.tabs a .corner-left {
display: block;
height: 25px;
background: url(media/tab-left.png) no-repeat left;
}
.home .search ul.tabs a .corner-left {
background: url(media/tab-left-home.png) no-repeat left;
}
ul.tabs a .corner-right {
display: block;
height: 20px;
padding: 5px 20px 0 20px;
background: url(media/tab-right.png) no-repeat right;
cursor: pointer;
}
.home .search ul.tabs a .corner-right {
background: url(media/tab-right-home.png) no-repeat right;
}
ul.tabs li h3 a.current {
background: url(media/tab-active.png) repeat-x;
color: #000000;
}
.home .search ul.tabs li h3 a.current {
background: url(media/tab-active-home.png) repeat-x;
}
ul.tabs a.current .corner-left {
background: url(media/tab-active-left.png) no-repeat left;
}
.home .search ul.tabs a.current .corner-left {
background: url(media/tab-active-left-home.png) no-repeat left;
}
ul.tabs a.current .corner-right {
background: url(media/tab-active-right.png) no-repeat right;
}
.home .search ul.tabs a.current .corner-right {
background: url(media/tab-active-right-home.png) no-repeat right;
}
.panes {
clear: both;
background: url(media/tab-pane-bottom.png) no-repeat bottom;
padding: 0 0 5px 0;
margin: 0 0 0 -2px;
width: 644px;
}
.search .panes {
clear: both;
background: url(media/tab-pane-bottom-search.png) no-repeat bottom;
padding: 0 0 5px 0;
margin: 0 0 0 -10px;
width: 323px;
}
.home .search .panes {
background: none;
padding: 0;
}
.panes>div {
background: #e7edf2 url(media/tab-pane.png) repeat-y;
padding: 10px 0 10px 10px;
width: 634px;
overflow: hidden;
}
.search .panes>div {
background: #e7edf2 url(media/tab-pane-search.png) repeat-y;
padding: 10px 0 10px 10px;
width: 313px;
height: 93px;
}
.home .search .panes>div {
border-right: 1px solid #ffffff;
background: #ccdae6;
width: 309px;
height: 93px;
}
/* search */
.search .panes select {
width: 145px;
margin: 0 3px 10px 0;
}
.search .panes a {
float: left;
}
.search input.submit {
float: right;
width: 110px;
height: 35px;
background: url(media/button-submit.png) no-repeat;
border: none;
color: #ffffff;
text-align: left;
padding: 0 0 0 10px;
margin: 0 10px 0 0;
cursor: pointer;
}
.search input:focus.submit {
outline: none;
}
/* brandpage */
.brandpage .search {
float: left;
}
.brandpage .modelinfo {
float: right;
height: 186px;
margin: 0 -8px 22px 0;
}
.brandpage .modelinfo h2 {
margin: 0;
}
.brandpage .modelinfo p {
margin: 0 0 10px 0;
}
.brandpage .actie .article {
height: 58px;
}
.brandpage .actie {
background: url(media/actie-bg.png) no-repeat;
width: 650px;
height: 123px;
margin: 0 0 0 -10px;
}
.brandpage .link-overview {
text-align: right;
}
/* article */
.article {
height: 40px;
overflow: hidden;
}
ul.article-overview li {
overflow: hidden;
border-top: 1px solid #e7edf2;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
line-height: 18px;
}
.brandpage ul.article-overview li {
border-top: none;
border-bottom: 1px solid #e7edf2;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
.brandpage ul.article-overview li.actie {
background: url(media/actie-bg.png) no-repeat;
width: 630px;
height: 103px;
margin: 0 0 10px -10px;
padding: 10px;
border: none;
}
ul.article-overview li img {
float: left;
margin: 0 10px 0 0;
}
ul.article-overview li p, ul.article-overview li h2 {
margin: 0;
}
ul.article-overview li p.publishdate {
font-size: 11px;
}
.detail_navigatie {
margin: 0 0 -10px 0;
}
.nav .navbar {
float: left;
}
.nav .back {
float: right;
}
.article-detail h2 {
margin: 0;
}
.article-detail .subtitle {
margin: 0 0 5px 0;
}
.detail_image, .img-container {
float: right;
width: 124px;
margin: 0 0 0 10px;
}
.detail_image img, .img-container img {
margin: 0 0 10px 0;
}
#popup_content {
height: 370px;
overflow: hidden;
padding: 5px 10px;
}
#popup_content .popup_header {
font-size: 16px;
float: left;
margin-bottom: 5px;
}
#popup_content .popup_navigation_close {
float: right;
padding: 0 10px 0 0;
}
/* MODELINFO */
table#header {
width: 100%;
}
/* index */
#nieuwexternindex td {
padding: 12px 0 0 0;
border-bottom: 1px solid #e7edf2;
}
#nieuwexternindex .description {
padding: 0 0 24px 0;
}
#nieuwexternindex .description img {
margin: 0 0 10px 0;
}
#nieuwexternindex .description p {
margin: 0;
line-height: normal;
}
/* uitvoering */
#nieuwexternuitvoeringen table#uitvoering {
width: 440px;
}
#nieuwexternuitvoeringen table#uitvoering .uitvoering_label {
background: #a9bdd0;
color: #ffffff;
padding: 2px 5px;
}
#nieuwexternuitvoeringen table#uitvoering tr:hover {
background: #e7edf2;
}
#nieuwexternuitvoeringen table#uitvoering td {
padding: 3px 5px;
border-top: 1px solid #e7edf2;
}
#nieuwexternuitvoeringen table#uitvoering a {
display: block;
text-decoration: none;
}
#nieuwexternuitvoeringen table#uitvoering .brandstof a,
#nieuwexternuitvoeringen table#uitvoering .prijs a {
color: #333333;
}
#nieuwexternuitvoeringen table#uitvoering .prijs {
text-align: right;
padding-right: 10px;
}
/* detail */
#nieuwexterndetail #detail_gegevens td.data {
text-align: right;
}
#nieuwexterndetail .label, #nieuwexterndetail .data {
border-bottom: 1px solid #e7edf2;
}
#nieuwexterndetail .label {
padding-left: 4px;
}
#nieuwexterndetail .data {
text-align: right;
padding-right: 4px;
}
#nieuwexterndetail .uitvoering_label {
border-bottom: 3px solid #e7edf2;
}
#nieuwexterndetail .uitvoering, #nieuwexterndetail .brandstof, #nieuwexterndetail .prijs {
border-bottom: 1px solid #e7edf2;
}
#nieuwexterndetail .uitvoering {
font-weight: bold;
}
#nieuwexterndetail .brandstof a, #nieuwexterndetail .prijs a {
text-decoration: none;
}
#detail_algemeen, #detail_techniek, #detail_veiligheid, #detail_interieur {
display: block;
width: 157px;
height: 18px;
border-left: 1px solid #e7edf2;
border-right: 1px solid #e7edf2;
text-align: center;
padding: 2px 0 5px 0;
margin-right: -1px;
background: #a9bdd0;
}
a#detail_algemeen, a#detail_techniek, a#detail_veiligheid, a#detail_interieur {
text-decoration: none;
color: #333333;
}
#nieuwexterndetail table#nav {
border: 1px solid #e7edf2;
border-bottom: none;
}
#nieuwexterndetail table#nav a:hover {
text-decoration: none;
color: #00133e;
}
#nieuwexterndetail table#nav .activedetail {
background-color: #e7edf2;
border-left: 1px solid #f6f9ff;
color: #222222;
font-weight: bold;
}
#alg table, #tech table, #veil table, #int_ext table {
border-left: 1px solid #e7edf2;
border-right: 1px solid #e7edf2;
border-bottom: 1px solid #e7edf2;
background: #e7edf2;
padding: 2px 2px 0 2px;
width: 634px;
}
/* KIES DSL */
.footer h1 {
display: none;
}
/* index */
#searchbox {
background: #e7edf2;
border: 1px solid #dbdcde;
padding: 8px 0 12px 15px;
overflow: hidden;
margin-bottom: 10px;
}
#searchbox p {
float: left;
width: 155px;
margin: 0;
}
#searchbox select {
width: 143px;
}
#submit {
text-align: right;
}
.modeloverzicht h2, .merkoverzicht h2 {
clear: both;
margin-top: 22px;
}
.modeloverzicht td, .merkoverzicht td {
width: 160px;
padding: 4px 10px;
}
.modeloverzicht a, .merkoverzicht a {
background: url(media/bullet.gif) no-repeat left;
padding: 0 0 0 15px;
}
/* overview */
#dsl #overview .tools {
float: right;
width: 308px;
}
#dsl #overview p {
margin: 0;
}
#dsl #overview ul {
border-bottom: 1px solid #e7edf2;
margin: 10px 0;
padding-top: 10px;
clear: both;
}
#dsl #overview ul li {
position: relative;
clear: both;
margin: 0;
height: 90px;
padding: 10px 0;
border-top: 1px solid #e7edf2;
}
#dsl #overview ul li:hover {
cursor: pointer;
background: #e7edf2;
}
#dsl #overview ul li img {
float: left;
margin: 4px 10px 0 0;
}
#dsl #overview ul li h2 {
display: inline;
}
#dsl #overview ul li p {
margin: 0;
}
#dsl #overview ul li dt, #dsl #overview ul li a.more{
position: absolute;
top: 54px;
color: #336699;
}
#dsl #overview ul li a.more {
display: none;
}
#dsl #overview ul li:hover a.more {
display: block;
}
#dsl #overview ul li dd {
position: absolute;
top: 70px;
}
#dsl #overview ul li .cost, #dsl #overview ul li a.more {
right: 10px;
}
#dsl #overview ul li a.more {
background: url(media/arrow.gif) no-repeat right;
padding: 0 15px 0 0;
}
#dsl #overview ul li dt.cost {
top: 5px;
}
#dsl #overview ul li dd.cost {
top: 30px;
font-size: 18px;
}
#dsl #overview ul li .build, #dsl .listings ul li .listing {
left: 116px;
}
#dsl #overview ul li .fuel {
left: 200px;
}
#dsl #overview ul li .milage {
left: 289px;
}
#dsl #overview ul li img.listing {
position: absolute;
top: 80px;
left: 0px;
border: 3px solid #ffffff;
padding: 0;
}
#dsl #overview .nav table {
float: right;
}
#dsl #overview td {
padding: 2px;
}
#dsl #overview .nav .selected, .pagenav .selected {
padding: 0 4px;
font-weight: bold;
color: #ffffff;
background: #336699;
}
/* detailpagina */
#detail .back {
float: right;
margin: 0;
}
#detail h2 {
margin: 0;
}
#detail #afbeelding-container {
clear: both;
float: right;
width: 324px;
}
#detail #afbeelding {
width: 320px;
height: 240px;
overflow: hidden;
padding: 1px;
border: 1px solid #dbdcde;
}
#detail ul#thumbnails {
margin: 5px 0 5px 2px;
overflow: hidden;
}
#detail ul#thumbnails li {
float: left;
}
#detail #thumbnails img {
width: 62px;
height: 46px;
margin: 2px 2px 0 0;
}
#detail .carspecs dt {
float: left;
width: 115px;
}
#detail .carspecs dd.listing {
margin-left: 115px;
}
#detail .carspecs .cost {
font-size: 18px;
}
#detail .carspecs .milage {
margin: 11px 0 0 0;
}
dd.nap {
position: relative;
}
dd.nap img.nap {
position: absolute;
top: 7px;
left: 220px;
}
#dsl #detail ul.car-tools {
clear: both;
width: 640px;
height: 40px;
padding: 4px 2px;
margin: 0 0 12px 0;
background: url(media/cartools-bg.png) no-repeat;
}
#dsl #detail ul.car-tools li {
float: left;
width: 151px;
height: 40px;
padding: 0 0 0 8px;
border-right: 1px solid #dddddd;
}
#dsl #detail ul.car-tools li.zoom {
border: none;
width: 152px;
}
#dsl #detail ul.car-tools li a, #dsl #detail ul.car-tools li.follow span {
display: block;
height: 32px;
color: #333333;
text-decoration: none;
padding: 8px 0 0 25px;
}
#dsl #detail ul.car-tools li a:hover {
color: #336699;
}
#detail ul.car-tools li.follow span {
color: #666666;
}
#dsl #detail ul.car-tools li.follow a, #dsl #detail ul.car-tools li.follow span {
background: url(media/icon-follow.gif) no-repeat left;
}
#dsl #detail ul.car-tools li.pdf a {
background: url(media/icon-pdf.gif) no-repeat left;
}
#dsl #detail ul.car-tools li.mail a {
background: url(media/icon-mail.gif) no-repeat left;
}
#dsl #detail ul.car-tools li.zoom a {
background: url(media/icon-zoom.gif) no-repeat left;
}
#dsl #detail .collumn {
float: left;
width: 250px;
}
/* mail */
#dsl #mail {
width: 420px;
}
#dsl #mail-maf {
width: 400px;
}
#dsl #mail label, #dsl #mail-maf label {
display: block;
}
#dsl #mail-maf label.copy, #dsl #mail label.inline {
display: inline;
}
#dsl #mail textarea, #dsl #mail-maf textarea {
width: 387px;
height: 100px;
}
#dsl #mail div, #dsl #mail-maf div {
float: left;
}
#dsl #mail input {
width: 120px;
margin-right: 10px;
}
#dsl #mail-maf input#name-sender,
#dsl #mail-maf input#name-receiver{
width: 145px;
margin-right: 10px;
}
#dsl #mail-maf input#email-sender,
#dsl #mail-maf input#email-receiver {
width: 220px;
}
#dsl #mail input.submit, #dsl #mail-maf input.submit {
float: right;
margin: 10px 15px 0 0;
}
#dsl #mail-maf input.submit {
margin: 0;
}
#dsl #mail input#prefix {
width: 80px;
}
#dsl #mail input#lastname, #dsl #mail input#email {
width: 250px;
}
#dsl #mail input#lastname, #dsl #mail input#phone {
margin-right: 0;
}
/* my account */
#dsl #login #inloggen {
float: left;
width: 300px;
}
#dsl #login #registreren {
float: right;
width: 300px;
border-left: 1px solid #e7edf2;
padding: 0 0 0 20px;
}
#dsl #login #inloggen form {
border: 1px solid #e7edf2;
}
#dsl #login .login {
background: #e7edf2;
border: 1px solid #ffffff;
padding: 10px;
}
#dsl #login input.reset {
margin: 5px 5px 0 0;
}
#login input {
width: 182px;
}
#login .login input {
width: 172px;
}
#dsl #login .forgot {
text-align: right;
margin: 0;
}
#dsl #login #inloggen div.submit {
margin: 0 10px 0 0;
}
#dsl #login label {
display: block;
float: left;
width: 95px;
}
#dsl #login #registreren label {
width: 110px;
}
#dsl #login #registreren .checkbox {
clear: both;
margin: 24px 0 0 0;
overflow: hidden;
}
#dsl #login #registreren .checkbox input,
#dsl #login #registreren .checkbox label {
display: inline;
float: none;
}
#dsl #login #registreren .checkbox input {
width: auto;
}
#dsl #retrieve form {
width: 330px;
height: 38px;
background: #e7edf2;
border: 1px solid #e7edf2;
}
#dsl #retrieve form .retrieve {
padding: 8px 0 0 10px;
height: 28px;
border: 1px solid #ffffff;
}
#dsl #retrieve form .retrieve label {
padding: 0;
}
#dsl #retrieve form .retrieve input {
width: 215px;
}
#dsl #retrieve div.submit {
margin: 10px 0 0 0;
}
/* my account overview */
#dsl #account-overview .followed_car {
float: left;
width: 164px;
padding: 0 0 18px 0;
margin: 0 20px 18px 0;
border-bottom: 1px solid #e7edf2;
text-align: center;
}
#dsl #account-overview .followed_car img {
width: 160px;
height: 120px;
}
#dsl #account-overview .followed_car p {
margin: 0;
}
#dsl #account-overview .followed_car p.delete-car {
margin: 10px 0 0 0;
}
#dsl #account-overview .zoekopdracht table {
border: 1px solid #e7edf2;
}
#dsl #account-overview .zoekopdracht th {
text-align: left;
background: #a9bdd0;
color: #ffffff;
padding: 2px 4px;
border-bottom: 1px solid #e7edf2;
}
#dsl #account-overview .zoekopdracht td {
padding: 2px 4px;
border-bottom: 1px solid #e7edf2;
}
#dsl #account-overview dl {
padding: 0 0 18px 0;
margin: 0 0 18px 0;
border-bottom: 1px solid #e7edf2;
}
#dsl #account-overview dt, #dsl #edit-account dt {
float: left;
width: 120px;
}
#dsl #account-overview dd, #dsl #edit-account dd {
margin: 0 0 0 120px;
}
#dsl #account-overview .account_tools {
margin: 0;
padding: 0;
list-style: none;
}
#dsl #account-overview .account_tools li {
float: right;
margin: 0 10px 0 0;
}
#dsl #account-overview .search {
background: url(media/icon-search.gif) no-repeat;
padding: 0 0 0 20px;
}
#dsl #account-overview .add {
background: url(media/icon-plus.gif) no-repeat;
padding: 0 0 0 20px;
}
#dsl #account-overview .delete {
background: url(media/icon-delete.gif) no-repeat;
padding: 0 0 0 20px;
}
#dsl #account-overview .edit {
background: url(media/icon-edit.gif) no-repeat;
padding: 0 0 2px 20px;
}
#dsl #edit-account input {
width: 160px;
}
#dsl #edit-account input.checkbox {
width: auto;
}
/* search */
#dsl #store-search #search-box, .select-model {
background: #e7edf2;
border: 1px solid #dedfe1;
overflow: hidden;
}
#dsl #store-search #search-box table, .select-model table {
border: 1px solid #ffffff;
width: 100%;
}
#dsl #store-search #search-box table td {
padding: 4px 0 4px 6px;
}
#dsl #store-search #search-box table td select {
width: 145px;
}
/* submit buttons */
input.submit, input.reset, #dsl input.submit, #dsl input.reset, a.button, a.cancel {
float: right;
width: 110px;
height: 35px;
background: url(media/button-submit.png) no-repeat;
border: none;
color: #ffffff;
text-align: left;
padding: 0 0 0 10px;
margin: 0 10px 0 0;
cursor: pointer;
margin: 5px 0 0 0;
}
a.button, a.cancel {
display: block;
text-decoration: none;
padding: 5px 0 0 10px;
height: 33px;
}
input.reset, #dsl input.reset, a.cancel {
background: url(media/button-reset.png) no-repeat;
color: #555555;
}
input:focus.submit, input:focus.reset {
outline: none;
}
/* divers */
.select-model table {
padding: 5px;
}
ul.aflevering li {
float: left;
width: 129px;
height: 175px;
margin: 0 15px 10px 0;
text-align: center;
overflow: hidden;
}
.sitemap ul {
margin: 0 0 22px 0;
}
/* AMBULANCE */
.am_Verhuur .publishdate, .am_Occasions .publishdate {
display: none;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
position: absolute;
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(media/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
text-align:left;
top:50%;
left:50%;
}
#TB_window img#TB_Image {
display:block;
margin: 0;
border: none;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 18px 10px 0;
float:right;
}
a#TB_closeWindowButton {
display: block;
width: 43px;
height: 18px;
background: url(media/close.gif);
margin: -2px -5px 0 0;
}
a:hover#TB_closeWindowButton {
background: #ffffff url(media/closehover.gif);
}
#TB_closeAjaxWindow{
padding:2px 5px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
#TB_title{
background-color: #686464;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}