/********************************* ALGEMEEN ********************************/
html, body {
    height:100%;
    color:#666;
}

h1, h2 {
    color:#BE0700;
}

h1 {
    font-size:21px;
    margin-bottom:10px;
}

h2 {
    font-size:14px;
    margin-bottom:5px;
}

h3 {
    font-weight:bold;
    font-size:13px;
    margin-bottom:0;
    color:#333;
}

a {
    text-decoration:none;
}

a:link {
    color:#BE0700;
    border-bottom:1px dotted #BE0700;
}
a:visited, a:active {
    color:#4D0001;
    border-bottom:1px dotted #4D0001;
}
a:hover {
    color:#BE0700;
    border-bottom:none;
}

/********************************* CONTAINER ********************************/
#container {
    width:100%;
}

/********************************* INNER ********************************/
#inner {
    margin:0 auto;
    width:956px;
    position:relative;
}

/*********************************** LOGO *********************************/
#logo {
    display:inline;
    float:left;
    width:450px;
    padding-left:20px;
    margin:10px 0;
}

#logo a {
    border:none;
    text-decoration:none;
}

#logo a img {
    border:none;
}

/*********************************** TOP_SUBNAV *********************************/
#top_subnav {
    display:inline;
    float:right;
    width:450px;
    padding-right:30px;
    margin:5px 0 0 0;
}

#top_subnav_list {
    display:inline;
    float:right;
}


#top_subnav_list li {
    list-style-type:none;
    display:inline;
    float:left;
}

#top_subnav_list li a {
    color:#555;
    text-decoration:none;
    border-bottom:none;
}

#top_subnav_list li a.active_top_subnav {
    color:#930000;
}

/*********************************** MAIN_NAV *********************************/
#main_nav {
    display:inline;
    float:left;
    width:717px;
    margin:15px 0 0 15px;
}

#main_nav_list {
    display:inline;
    float:left;
}


#main_nav_list li {
    list-style-type:none;
    display:inline;
    float:left;
    margin:0 10px 0 0;
}

#main_nav_list li a {
    display:inline;
    float:left;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    border-bottom:none;
    width:90px;
    height:30px;
    font-size:70%;
    padding-top:40px;
    text-align:center;
}

a#trekkers_nav {
    background:url('../images/bg_trekkers_nav.jpg') transparent no-repeat;
}

a#trucks_nav {
    background:url('../images/bg_trucks_nav.jpg') transparent no-repeat;
}

#main_nav_list li a#aanh_opleg_nav {
    background:url('../images/bg_aanh_opleg_nav.jpg') transparent no-repeat;
}

a#machines_nav {
    background:url('../images/bg_machines_nav.jpg') transparent no-repeat;
}

a#onderdelen_nav {
    background:url('../images/bg_onderdelen_nav.jpg') transparent no-repeat;
}

a#auto_nav {
    background:url('../images/bg_auto_nav.jpg') transparent no-repeat;
}

a#overige_nav {
    background:url('../images/bg_overige_nav.jpg') transparent no-repeat;
}

/*********************************** VOORRAAD en BLINK *********************************/
#voorraad, .blink {
    display:inline;
    float:left;
    width:197px;
    font-weight:bold;
    font-size:16px;
    margin:35px 0 0 5px;
}

#voorraad {
    margin-top:15px;
}

#voorraad a, .blink a {
    text-decoration:none;
    border-bottom:none;
    color:#930000;
}

.blink {
    margin-top:0;
    position:relative;
    left:-10px;
}


/*********************************** HEADER *********************************/
#header {
    background: url('../images/sprite.png') transparent no-repeat;
    background-position: -10px -387px;
    margin:0 auto;
    width:960px;
    height:100px;
    padding:14px 40px 0 40px;
}

/*********************************** TALEN *********************************/
ul#talen {
    position:absolute;
    top:50px;
    left:700px;
    /*z-index:-1;*/
}

ul#talen li {
    list-style-type:none;
    display:inline;
    float:left;
}

ul#talen li#nl a, ul#talen li#fr a, ul#talen li#en a, ul#talen li#de a {
    display:block;
    width:27px;
    height:18px;
    border-bottom:none;
}


/************************************ BODY **********************************/
#body {
    background:url('../images/bg_body.png') repeat-y scroll transparent;
    margin:0 auto;
    width:960px;
    padding:0 40px 15px 40px;
}

/************************************ LEFTBAR **********************************/
#leftbar {
    width:200px;
    display:inline;
    float:left;
    margin-right:15px;
    height:100%;
}

#search_stocknr {
    position:relative;
    top:-55px;
}

/************************************ LEFT_SUBNAV **********************************/
#left_subnav {
    margin-top:0px;
    margin-left:0px;
    position:relative;
    top:-40px;
}

#left_subnav a, #left_subnav h2 {
    text-decoration:none;
    border-bottom:none;
    color:#fff;
}

#left_subnav ul {
    margin:0;
}

#left_subnav ul li {
    list-style-type:none;
    background-color:#B53333;
    position:relative;
    left:-18px;
    width:183px;
    padding:2px 0 2px 35px;
    margin:0;
    border-bottom:1px solid #A82626;
}

#left_subnav ul li a {
    font-size:12px;
    font-weight:normal;
}

.left_subnav_mainlink, #left_subnav h2 {
    background-color:#930000;
    width:203px;
    padding:3px 0 3px 15px;
    position:relative;
    left:-18px;
    border-bottom:1px solid #9B0000;
    font-size:14px;
    font-weight:bold;
}

#left_subnav h2 {
    margin:0;
}

.nieuwe_vr {
    background-color:#4D0001;
    padding:5px 0 5px 15px;
}

/************************************ STOCKNR_FORM **********************************/
#stocknr_form {
    margin-left:8px;
}

#stocknr_form input[type="text"] {
    border:1px solid #999;
    height:10px;
}

#stocknr_form input[type="submit"] {
    margin:5px 0 0 53px;
    background: url('../images/sprite.png') transparent no-repeat;
    background-position: -5px -6px;
    width:109px;
    height:26px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    border:none;
    padding-left:12px;
}

#stocknr_form label {
    margin-right:10px;
}

/************************************ CONTACT_FORM **********************************/
#contact_form, #verkopen_form, #info_form {
    background-color:#EDEDED;
    border:1px solid #CDCDCD;
    padding:25px;
    width:640px;
}

#contact_form input[type="text"], #verkopen_form input[type="text"], #info_form input[type="text"] {
    border:1px solid #999;
    height:15px;
    display:block;
    margin:0 0 15px 0;
}

#contact_form textarea, #verkopen_form textarea {
    border:1px solid #999;
    display:block;
    margin:0 0 15px 0;
}

#contact_form input[type="submit"], #verkopen_form input[type="submit"], #info_form input[type="submit"] {
    background: url('../images/button_contact.png') transparent no-repeat;
    width:175px;
    height:40px;
    border:none;
    cursor:pointer;
    padding:0 0 0 25px;
    color:#666;
    font-weight:bold;
}

#contact_form .contact_error, #verkopen_form .contact_error, #info_form .contact_error {
    color:#930000;
}

#info_form img {
    border:1px solid #CDCDCD;
    display:inline;
    float:left;
}

#info_form_details {
    display:inline;
    float:left;
    background-color:#FFF;
    border:1px solid #CDCDCD;
    margin-left:20px;
    width:400px;
    height:110px;
    padding:20px 0;
}

#info_form_stocknr {
    color:#666;
    font-size:36px;
    font-weight:bold;
    margin:35px 0 15px 15px;
}

#info_form_merk {
    color:#999;
    font-size:24px;
    margin:35px 0 15px 15px;
}

/************************************ CONTACT_INFO **********************************/
#contactinfo {
    background: url('../images/sprite.png') transparent no-repeat;
    background-position: -10px -51px;
    width:178px;
    height:229px;
    margin:0;
    padding:13px 0 0 25px;
    position:relative;
    left:-8px;
    line-height:22px;
    font-size:14px;
}

#contactinfo h3 {
    color:#930000;
    margin:10px 0 10px 0;
    font-size:14px;
    font-weight:normal;
}

/************************************ MAIN **********************************/
#main, #main_breed {
    width:460px;
    display:inline;
    float:left;
    margin-right:15px;
    height:100%;
}

#main_breed {
    width:700px;
    margin-right:0px;
}

ul.main_ul li {
    padding:0 0 5px 5px;
}

/************************************ IMAGE SLIDER **********************************/
#slider {
    margin:25px 0;
    background-color:#FFF;
    width:470px;
}

#slider ul#mycarousel li {
    margin-left:10px;
}

#bel_banner {
    background: url('../images/sprite.png') transparent no-repeat;
    background-position: -10px -303px;
    width:221px;
    height:64px;
    z-index:9999;
    position:absolute;
    top:445px;
    left:249px;
}

/************************************ GOOGLE MAPS **********************************/
#googlemaps {
    border:1px solid #CDCDCD;
    padding:7px 10px 10px 10px;
    width:450px;
    margin:0 0 25px 0;
}

/************************************ RIGHTBAR **********************************/
#rightbar {
    width:218px;
    display:inline;
    float:left;
    height:100%;
    padding:0 0 0 15px;
}

/************************************ AANBIEDING **********************************/
.aanbieding {
    margin:15px 0;
}

.aanbieding_img {
    display:inline;
    float:left;
    background-color:inherit;
}

.odd {
    background-color:#EDEDED;
}

.aanbieding_description {
    padding:0 0 0 10px;
    display:inline;
    float:left;
    background-color:inherit;
    width:103px;
}

.aanbieding .aanbieding_img a {
    border-bottom:none;
    text-decoration:none;
}

/*********************************** RESULT_ITEM *********************************/
.result_item {
    width:150px;
    display:inline;
    float:left;
    background-color:#EDEDED;
    margin:10px 7px;
    border:1px solid #CDCDCD;
    padding:0;
    height:250px;
}

.result_item .result_item_img a {
    border:none;
    text-decoration:none;
}

.result_item_description {
    padding:10px 0 10px 10px;
    height:140px
}

.result_item_img {
    padding:0;
    margin:0;
    height:112px;
    overflow:hidden;
}

/*********************************** PAGINATION *********************************/
.pagination {
    text-align:center;
    margin:10px 0;
}

.pg_next_link a, .pg_prev_link a {
    width:25px;
    height:25px;
    border:none;
}

.pg_next_link a img, .pg_prev_link a img {
    position:relative;
    top:7px;
}

.pg_prev_link {
    margin-right:10px;
}

.pg_cur_link {
    border:2px solid #CDCDCD;
    background-color:#EDEDED;
    padding:2px 6px;
    color:#A50000;
    font-weight:bold;
    margin-right:10px;
}

.pg_digit_link {
    border:2px solid #CDCDCD;
    padding:2px 6px;
    font-weight:bold;
    margin-right:10px;
}

.pg_digit_link a {
    color:#666;
    border-bottom:none;
}

/*********************************** VOERTUIG_DETAILS *********************************/
#voertuig_det_banner {
    background-color:#EDEDED;
    border:1px solid #CDCDCD;
    text-align:center;
    width:690px;
}

#voertuig_det_banner h1 {
    display:inline;
    float:left;
    width:300px;
    height:100px;
    font-size:24px;
    position:relative;
    top:40px;
    left:10px;
    background-color:transparent;
    text-align:left;
}

#voertuig_det_tel, #voertuig_det_email, #voertuig_det_print {
    width:105px;
    height:100px;
    display:inline;
    float:left;
    padding:10px;

}

#voertuig_det_tel {
    border-left:1px solid #D8D8D8;

}

#voertuig_det_tel img, #voertuig_det_email img, #voertuig_det_print img {
    display:block;
    width:40px;
    margin:0 auto;
    margin-bottom:10px;
}

#telefoonnummer, #emailadres, #print_info {
    font-size:17px;
    font-weight:bold;
}

#voertuig_det {
    border:1px solid #CDCDCD;
    width:400px;
    margin:20px 0 0 0;
    padding:10px;
    display:inline;
    float:left;
}

#voertuig_det ul {
    list-style-type:none;
    margin:10px 0;
}

#voertuig_det ul li, #voertuig_det h3 {
    border-bottom:1px solid #CDCDCD;
    margin:0 0 15px 15px;
    padding:0 0 5px 0;
    color:#666;
}

#voertuig_det p {
    width:350px;
    margin:0 0 15px 15px;
}

.voertuig_det_label {
    font-weight:bold;
}


#voertuig_slideshow {
    width:250px;
    display:inline;
    float:left;
    margin:20px 0 0 20px;
}

#voertuig_slideshow a {
    text-decoration:none;
    border-bottom:none;
}

div.slideshow-container {
    position: relative;
    clear: both;
    height:184px; /* This should be set to be at least the height of the largest image in the slideshow */
    overflow:hidden;
}

div.slideshow img {
    border: none;
    display: block;
    width: 245px;
    height: auto;
    position:relative;
    top:-15px;
    left:3px;
}

ul.thumbs {
    list-style-type:none;
    margin:10px 0 0 5px;
}

ul.thumbs li {
    display:inline;
    float:left;
    width:80px;
    height:60px;
    margin:0 1px 3px 0;
}

/*********************************** FILTER_BANNER *********************************/
#filter_banner {
    background-color:#EDEDED;
    width:690px;
    border:1px solid #D8D8D8;
    margin-bottom:20px;
}

#filter_form {
    width:330px;
    display:inline;
    float:left;
}

#filter_form select {
    display:block;
    margin:0 10px 10px 10px;

}

#filter_form .filter_select {
    margin:0px 0 0 0;
}

#filter_form #selection_fields {
    padding:0px 0 0 5px;
}

#filter_form #selection_fields, #filter_form #filter_submit_button {
    width:323px;
}

#filter_form input[type="submit"] {
    margin:0 0 20px 120px;
    background: url('../images/sprite.png') transparent no-repeat;
    background-position: -5px -6px;
    width:109px;
    height:26px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    border:none;
    padding-left:12px;
}

#filter_form .filter_label {
    width:100px;
    display:inline;
    float:left;
    margin:0 10px 10px 10px;
    padding:0;
    position:relative;
    top:15px;
}

#filter_counter {
    display:inline;
    float:left;
    padding:30px;
    width:250px;
    margin:0 0 0 50px;
}

#filter_counter #filter_figure {
    color:#BE0700;
    font-size:24px;
    font-weight:bold;
}

#filter_counter p {
    display:inline;
    float:left;
    width:260px;
}

td, tr {
    height:7px;
    padding:0;
    margin:0;
}




/*********************************** FOOTER *********************************/
#footer {
    background: url('../images/sprite.png') transparent no-repeat;
    background-position: -10px -521px;
    width:960px;
    margin:0 auto;
    height:25px;
    padding: 0 40px 15px;
}

/*********************************** COPYRIGHT en WEBDESIGN *********************************/
#copyright {
    width:390px;
    display:inline;
    float:right;
    position:relative;
    top:-8px;
    font-size:10px;
    margin-right:130px;
    color:#999;
}

#webdesign {
    width:160px;
    display:inline;
    float:right;
    position:relative;
    top:-8px;
    left:15px;
    font-size:10px;
    margin-left:25px;
}

#webdesign a {
    text-decoration:none;
    border-bottom:none;
    color:#999;
}


/*********************************** OTHER *********************************/
.clearboth {
    clear:both;
}

/* Verwijder dotted outline bij links */
a {
    outline: 0;
}

a#terug {
    background:url('../images/pg_prev_link.png') #EDEDED no-repeat center left;
    border:1px solid #CDCDCD;
    display:block;
    width:80px;
    padding:5px;
    color:#666;
    text-align:right;
    font-weight:bold;
    margin:10px 0 0 0;
}