/* CSS Document */

body, html {
    height: 100%;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00000;
    background-color: #f9f3e9;
    margin: 0;
    padding: 0;
    line-height: 20px;
}
body.blanco {
    background: #fff;
}
p {
    margin: 0 0 10px 0;
}
h1 {
    font-size: 24px;
    margin: 0 0 20px 0;
    font-weight: normal;
}
h2 {
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #359550;
}
h3, h4, h5 {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    margin: 0;
}
a {
    color: #f89402;
}
a:hover {
    color: #f89402;
    text-decoration: none;
}
.skoda_green {
    color: #359550;
}
.skoda_orange {
    color: #f89402;
}
a img {
    border: 0;
}
/* LAYOUT */
#blanco-container {
    padding: 10px;
}
#main_container {
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0 auto -75px auto;
    background: url(media/content_bg.gif) center repeat-y;
    width: 936px;
}
#header_container {
    position: relative;
    width: 936px;
    height: 93px;
    background: #f9f3e9 url(media/header_bg.jpg) repeat-x bottom;
}
#header_container #header_left, #header_container #header_right {
    position: absolute;
    top: 20px;
    width: 19px;
    height: 73px;
    background: url(media/header_left.jpg);
}
#header_container #header_right {
    background: url(media/header_right.jpg);
    right: 0;
    width: 115px;
}
#logos {
    position: absolute;
    top: 15px;
    left: 19px;
    height: 73px;
}
#push {
    height: 75px;
}
#footer_container {
    clear: both;
    position: relative;
    margin: 0 auto;
    bottom: 0;
    width: 936px;
    height: 75px;
    background: url(media/footer.gif) no-repeat;
    line-height: normal;
}
#footer_left {
    display: inline;
    float: left;
    margin: 30px 0 0 20px;
}
#footer_right {
    display: inline;
    float: right;
    color: #9c9c9c;
    margin: 42px 20px 0 0;
}
/* CONTENT LAYOUT */
#left_container {
    float: left;
    width: 212px;
    padding: 6px 0 0 8px;
}
#content_container {
    float: right;
    width: 676px;
    padding: 30px 20px;
}
p.page_category {
    font-size: 14px;
    font-weight: bold;
    color: #f89402;
    padding-left: 10px;
}
#left_container ul {
    margin: 0;
    padding: 0;
}
#left_container li {
    list-style:none;
}
#left_container a.subitem {
    display: block;
    color: #21445b;
    font-weight: normal;
    text-decoration:none;
    background: url(media/pijl.gif) no-repeat left center #ffffff;
    padding-left: 15px;
    margin-left: 10px;
}
#left_container a:hover.subitem {
    text-decoration: underline;
}
/* HOMEPAGE */

#home_container {
    position: relative;
    height: 402px;
    margin: 6px 4px 0 8px;
    background: url(media/shadow.gif) repeat-x bottom;
    z-index:1;
}
#home_container #shadow_right {
    position: absolute;
    right: 0;
    width: 6px;
    height: 401px;
    background: url(media/shadow_right.gif) no-repeat bottom;
}
#flash_kader {
    position: absolute;
    top: 1px;
    width: 527px;
    height: 394px;
    overflow: hidden;
    z-index:10;
}
#flash_transparant {
    position: absolute;
    top: 360px;
    left: 1px;
    width: 439px;
    height: 35px;
    background: url(media/flash_transparant.png);
    z-index:15;
}
* html #flash_transparant {
    background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/hamers_new/media/flash_transparant.png', sizingMethod='scale');
}
#shortlink_schade, #shortlink_proefrijden {
    position: absolute;
    top: 320px;
    width: 189px;
    height: 77px;
    background: url(media/shortlink_bg.png);
    color: #ffffff;
    padding: 10px;
    z-index:20;
}
* html #shortlink_schade {
    background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/hamers_new/media/shortlink_bg.png', sizingMethod='scale');
}
* html #shortlink_proefrijden {
    background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/hamers_new/media/shortlink_bg.png', sizingMethod='scale');
}
#shortlink_schade {
    left: 11px;
}
#shortlink_proefrijden {
    left: 225px;
}
#shortlink_schade h1, #shortlink_proefrijden h1 {
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #ffffff;
}
#shortlink_schade p, #shortlink_proefrijden p {
    margin: 0;
}
#home_content_container {
    padding: 55px;
}
#auto_vd_week {
    position: absolute;
    top: 5px;
    left: 547px;
    width: 370px;
}
#atk_nieuws {
    position: absolute;
    top: 146px;
    left: 532px;
    width: 386px;
    line-height: normal;
}
#atk_nieuws h1 {
    margin-left: 15px;
}
/*------------DROPDOWNMENU--------------*/
			
/*Hoofdnaviagtie ul*/

#nav_container ul#navigation {
    position: absolute;
    top: 70px;
    right: 0;
    width: 535px;
    margin:0;
    padding:0;
    line-height: normal;
    list-style:none;
    z-index:99;
}
/*hoofdnavigatie items*/
#navigation li.mainitem {
    position: relative;
    float:left;
}
/*hoofdnavigatie links*/
#navigation li.mainitem a.hoofditem {
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-right: 20px;
    padding-bottom: 7px;
}
#header_container #navigation li.mainitem a.lasthoofditem {
    background: none;
}
/*hoofdnavigatie links over*/
#header_container #navigation li.mainitem a:hover.hoofditem {
}
/*opent sub navigation ul's*/
#nav_container #navigation li:hover ul, #nav_container #navigation li.over ul {
    display:block;
}
/*ul subnavigation*/	
#navigation li ul {
    position: absolute;
    right: 8px;
    z-index:1000;
    display:none;
    list-style:none;
    background: url(media/submenu_bg.gif) repeat-x top #ffffff;
    border-left: 1px solid #007247;
    border-right: 1px solid #007247;
    border-bottom: 1px solid #007247;
    width:160px;
    padding: 12px 0;
}
#navigation li ul li {
}
/*subnavigation links*/
#navigation li ul li a {
    display:block;
    background-color: #fff;/* zonder deze werkt display block in IE 6 en 7 niet goed*/
    margin: 0 10px;
    text-align:left;
}
/*subnavigation links*/
#navigation li ul li a:hover {
    color: #21445b;
}
/*stijlen voor menu links*/
			
#nav_container a.hoofditem {
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
}
#nav_container a:hover.hoofditem {
    color: #cccccc;
}
#nav_container a.subitem {
    color: #21445b;
    font-weight: normal;
    text-decoration:none;
    background: url(media/pijl.gif) no-repeat left center #ffffff;
    padding: 5px 5px 5px 15px;
}
#nav_container a.subitem:hover {
    background: url(media/pijl.gif) no-repeat left center #e6eff5;
}
/*----------END DROPDOWNMENU------------*/


/*----------SUBMENU------------*/
ul.submenu {
    position: absolute;
    top: 285px;
    margin: 0 0 0 20px;
    padding: 0;
    list-style:none;
}
ul.submenu li a {
    display: block;
    width: 165px;
    line-height: normal;
}
.home ul.submenu {
    display: none;
}
/* DSL */
.footer h1 {
    display: none;
}
#auto_vd_week #auto_vd_week_img {
    float: left;
    margin-right: 10px;
}
#auto_vd_week #auto_vd_week_text table {
    line-height: normal;
    width: 250px;
}
#auto_vd_week #auto_vd_week_text caption {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
}
#auto_vd_week #auto_vd_week_text th {
    text-align: left;
    font-weight: normal;
}
#auto_vd_week #auto_vd_week_text td {
    text-align: right;
}
#detail_afbeelding h1 {
    display: none;
}
#zoekveld_dsl {
    background-color: #fff0db;
    border: 1px solid #b3b3b3;
    font-size: 11px;
    padding: 8px 0 15px 18px;
    margin-bottom: 15px;
}
#zoekveld_dsl table td {
    padding: 0 7px;
}
#zoekveld_dsl select {
    width: 130px;
}
.zoek #submit {
    width: 670px;
    text-align: right;
    margin-bottom: 20px;
}
.modeloverzicht {
    background: url(media/occasionlijst_bg.gif) no-repeat;
    padding: 30px 0 15px 110px;
}
.merkoverzicht {
    background: url(media/occasionlijst_bg.gif) no-repeat bottom;
    padding: 30px 0 15px 110px;
}
.modeloverzicht h2, .merkoverzicht h2 {
    color: #000000;
}
table.overzicht {
    width: 545px;
}
.overzicht td {
    width: 33%;
}
.overzicht a {
    display: block;
    color: #000000;
    text-decoration: none;
    background: url(media/pijl_occasions.gif) no-repeat left center;
    padding-left: 15px;
}
.overzicht a:hover {
    color: #f89402;
    text-decoration: underline;
}
.nav .splitter {
    padding: 0 2px;
}
.nav .selected {
    font-weight: bold;
}
.pagina_navigatie_top {
    margin-bottom: 5px;
}
.pagina_navigatie_bottom {
    border-top: 1px solid #d3d3d3;
}
#overzicht_tabel .overzicht_th, #overzicht_tabel .overzicht_th a, #overzicht_tabel .overzicht_th_omschrijving a, #overzicht_tabel td.overzicht_th_foto {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 2px;
}
#overzicht_tabel td.overzicht_th_omschrijving, #overzicht_tabel td.overzicht_th {
    background-color: #f89402;
    width: 120px;
}
#overzicht_tabel td.overzicht_th_foto {
    background-color: #f89402;
    width: 100px;
}
#overzicht_tabel td.overzicht_th_omschrijving {
    width: 200px;
}
.overzicht_rowtd {
    padding: 4px 0;
}
.overzicht_rij_even img, .overzicht_rij_oneven img {
    margin: 2px;
}
.overzicht_rij_even {
    background-color: #fefaf4;
}
.overzicht_voertuignaam a {
    color: #000000;
    text-decoration:none;
}
.overzicht_voertuignaam a:hover {
    color: #f89402;
    text-decoration: underline;
}
#detail_merk {
    font-size: 14px;
    font-weight: bold;
    color: #359550;
}
td.detail_label {
    width: 120px;
}
td.detail_nap {
    background-color: #fefaf4;
}
#dsl .header, #dsl .detail_kop {
    font-weight: bold;
    padding-top: 10px;
}
#dsl #afbeelding {
    width: 320px;
}
#dsl #afbeelding_thumb img {
    float: right;
    padding: 3px 0 0 3px;
}
#dsl #print_pop_up {
    background-color: #ffffff;
    padding: 20px;
}
/* ATK NEWS HOMEPAGE */

#atk_nieuws #externnews #container_1 {
    height: 65px;
    border-top: 1px solid #d3d3d3;
    background-color: #fff0db;
    overflow: hidden;
}
#atk_nieuws #externnews #container_2 {
    height: 65px;
    border-top: 1px solid #d3d3d3;
    background-color: #fefaf4;
    overflow: hidden;
}
#atk_nieuws #externnews #container_3 {
    height: 65px;
    border-top: 1px solid #d3d3d3;
    background-color: #fdfdfd;
    overflow: hidden;
}
#atk_nieuws #externnews .lijst_article {
    padding-left: 15px;
}
#atk_nieuws #externnews .lijst_image {
    margin: 4px 5px 0 0;
}
#atk_nieuws #externnews .lijst_image img.lijst_plaatje {
    float: right;
}
#atk_nieuws #externnews .lijst_header {
    margin-top: 4px;
    font-weight: bold;
}
/* ATK NEWS */
#content_container #externnews .lijst_image {
    float: left;
    padding: 6px 10px 0 0;
    height: 130px;
}
#content_container #externnews .lijst_header {
    font-weight: bold;
}
#content_container #externnews .article {
    height: 135px;
    border-top: 1px solid #d3d3d3;
    padding: 5px 5px 0 5px;
}
#content_container #externnews #container_2, #content_container #externnews #container_4 {
    background-color: #fefaf4;
}
#detail_newsitem .detail_header, .popup_header {
    font-size: 14px;
    font-weight: bold;
    color: #359550;
}
#detail_newsitem .detail_image {
    float: right;
}
#detail_newsitem .detail_image img.detail_plaatje {
    border: 1px solid #f89402;
}
#detail_newsitem #detail_newsitem_content {
    margin-top: 10px;
    width: 500px;
}
#externnews #popup_content {
    background-color: #ffffff;
    padding: 10px;
}
/* NIEUWE MODELLEN */

/* overzicht */

#nieuwexternindex .description {
    margin: 0 9px 10px 0;
    line-height: normal;
    width: 210px;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
#nieuwexternindex .plaatje {
    float: left;
    overflow: hidden;
    margin: 0 5px 0 0;
    padding: 3px;
}
#nieuwexternindex .modelname {
    font-weight: bold;
    padding-top: 5px;
}
#nieuwexternindex .details {
}
/* Uitvoeringenpagina */

#nieuwexternuitvoeringen h1, #nieuwexterndetail h2 {
    font-size: 14px;
    color: #359550;
    font-weight: bold;
}
#nieuwexternuitvoeringen #header, #nieuwexterndetail #header {
    font-weight: normal;
    width: 676px;
}
#nieuwexternuitvoeringen #header a, #nieuwexterndetail #header a, .column a {
    text-decoration: underline;
}
#nieuwexternuitvoeringen #header a:hover, #nieuwexterndetail #header a:hover, .column a:hover {
    text-decoration: none;
}
#nieuwexternuitvoeringen img.plaatje, #nieuwexterndetail img.plaatje {
}
#nieuwexternuitvoeringen .uitvoering_label {
    padding: 3px 0;
    font-size: 14px;
    border-bottom: 1px solid #d7d7d7;
    background-color: #f89402;
    color: #ffffff;
    padding-left: 2px;
}
#nieuwexternuitvoeringen a {
    text-decoration: none;
}
#nieuwexternuitvoeringen .uitvoering a {
    font-weight: bold;
    text-decoration: underline;
}
#nieuwexternuitvoeringen .uitvoering a:hover {
    text-decoration: none;
}
table#uitvoering {
    line-height: normal;
    width: 480px;
}
#uitvoering td {
    padding: 5px 2px;
    border-bottom: 1px solid #eeeeee;
}
.even {
    background-color: #fefaf4;
}
/* detail */

#nieuwexterndetail .label {
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
    width: 340px;
}
#nieuwexterndetail .data {
    border-bottom: 1px solid #eeeeee;
    text-align: right;
    width: 340px;
}
#alg, #tech, #veil, #int_ext {
    border: 1px solid #f89402;
    border-top: none;
    width: 674px;
}
#alg table, #tech table, #veil table, #int_ext table {
    margin: 10px 5px;
}
#detail_gegevens {
    width: 450px;
}
#detail_algemeen, #detail_techniek, #detail_veiligheid, #detail_interieur {
    display: block;
    width: 151px;
    height: 18px;
    text-align: center;
    padding: 2px 8px 0 8px;
    background-color: #f89402;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #f89402;
    border-right: 1px solid #f89402;
}
#detail_algemeen {
    border-left: 1px solid #f89402;
}
#nieuwexterndetail table#nav {
}
#nieuwexterndetail table#nav a {
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}
#nieuwexterndetail table#nav a:hover {
    text-decoration: none;
    background-color: #f9a01e;
    color: #ffffff;
    border: 1px solid #f9a01e;
    border-bottom: none;
}
#nieuwexterndetail table#nav .activedetail {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #f89402;
    border-bottom: none;
}
/* Afbeelding */

.column {
    text-align: center;
}
/* OVERIGE STIJLEN */

.wsbsubtitel, .header_super {
    font-size: 14px;
    font-weight: bold;
    color: #359550;
}
/* THICKBOX */
#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;
}
* html #TB_overlay { /* ie6 hack */
    position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}
* html #TB_window { /* ie6 hack */
    position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption {
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}
#TB_closeWindow {
    height:25px;
    padding:11px 15px 10px 0;
    float:right;
}
a#TB_closeWindowButton {
    display: block;
    width: 43px;
    height: 0;
    background: url(media/close.gif);
    padding: 18px 0 0 0;
    margin: -2px -5px 0 0;
    overflow: hidden;
}
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;
    background-color: #fff;
    height:27px;
    color: #359550;
    font-size: 24px;
}
#TB_title {
    background-color: #fff;
    height:27px;
}
#TB_ajaxContent {
    clear:both;
    padding:0;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
    padding:15px;
}
#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    background: url(media/loadingAnimation.gif) no-repeat;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
    position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#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%;
}
* html #TB_HideSelect { /* ie6 hack */
    position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}