* { margin: 0; }
html { background: url(../img/bg/body.gif); }
body {
 	background: url(../img/bg/body-top.gif) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #222;
	}
    a { text-decoration: none; }
    a img { border: 0; }
    h1 { margin: 0 0 10px; }
    h2 { margin: 0 0 5px; font-size: 16px; clear: left; }
    h3 { width: 305px; height: 70px; margin: 0 -40px 35px -45px; background: url(../img/bg/side-heading.gif); text-indent: -9999px; clear: both; }
	    h3.photo { background-position: 0 -70px; }
    h4 { margin: 0 0 10px; font-size: 18px; font-weight: normal; }
    h4 a { color: #222; }
    h4 a:hover { color: #000; }
    p, address, iframe { margin: 0 0 20px; font-style: normal; }
    input, textarea { padding: 0; border: 0; font: 11px Arial, Helvetica, sans-serif; color: #222; }

#container {
	width: 1000px;
	margin: 0 auto;
	}

#header {
	width: 1000px;
 	height: 140px;
 	background: url(../img/bg/header.gif) no-repeat bottom;
 	position: relative;
	}
    #header h1 { float: left; }
    #header a.logo { width: 260px; height: 100px; margin: 10px 0 0 25px; background: url(../img/bg/logo.gif); text-indent: -9999px; float: left; }
    #header a:hover.logo { background-position: bottom; }
    #header .cars { width: 563px; height: 111px; text-indent: -9999px; position: absolute; top: 42px; right: 0; }

#nav {
	width: 1000px;
 	height: 70px;
  	margin: -5px 0 0;
  	background: url(../img/bg/nav-green.gif);
   	font-size: 16px;
    font-weight: bold;
	}
    #main-nav {
     	padding: 5px 0 0;
      	list-style: none;
        float: left;
	    }
        #main-nav li { margin: 0 1px 0 0; float: left; }
        #main-nav li a { height: 41px; padding: 19px 20px 0; color: #fff; float: left; }
    
    #theme {
     	padding: 27px 25px 0 0;
      	list-style: none;
       	float: right;
	    }
        #theme li { margin: 0 0 0 10px; float: left; }
        #theme li a { width: 15px; height: 15px; background: url(../img/bg/nav-theme.png); text-indent: -9999px; overflow: hidden; float: left; cursor: pointer; }
        #theme .groen a { background-position: -15px 0; }

#content {
	width: 1000px;
 	background: url(../img/bg/content.gif);
  	overflow: hidden;
	}
    #content a.btn { height: 30px; padding: 0 10px 0 29px; display: inline-block; line-height: 30px; font-size: 12px; color: #fff; }
    #content a:hover.btn { background-position: bottom left; color: #fff; text-decoration: none; }

#main {
	width: 650px;
 	padding: 15px 25px 20px 20px;
  	text-align: justify;
  	line-height: 20px;
	float: right;
	}
    #main a:hover { color: #000; text-decoration: underline; }

	#main span.type { width: 120px; color: #666; float: left; clear: both; }
    #main span.value { width: 195px; float: left; }

	#main .left-column { width: 315px; padding: 0 20px 0 0; float: left; }
    #main .right-column { width: 315px; float: left; }

    #main .box { width: 315px; margin: 0 20px 0 0; float: left; }
    #main .box h2 { width: 315px; height: 50px; margin: 0 0 7px; background: url(../img/bg/main-box-headings.jpg); text-indent: -9999px; }
    #main .box h2.showroom { background-position: 0 -50px; }
    #main .box h2.over-streppel { height: 51px; background-position: 0 -100px; }
    #main .box h2.werkplaats { height: 49px; background-position: 0 -151px; }
    #main .box-alt { margin: 0; }
    
    #main .gallery { width: 220px; padding: 10px 10px 0; margin: 0 0 10px 20px; background: #ddd; overflow: hidden; float: right; }
    #main .gallery a img { margin: 0 0 10px; border: 5px solid #ddd; }
    #main .gallery a:hover img { border: 5px solid #fff; }
    
    #spot {
        width: 650px;
        height: 185px;
        margin: 0 0 20px;
        }
        #spot h2 { width: 30px; height: 185px; background: url(../img/bg/spot-h2.gif); text-indent: -9999px; float: left; }
        #spot p { margin: 0; }
        #spot .photo { width: 210px; height: 165px; padding: 10px; float: left; }
        #spot .photo a img { border: 5px solid #ddd; }
        #spot .photo a:hover img { border: 5px solid #fff; }
        #spot .specs { width: 380px; height: 165px; padding: 10px 10px 10px 0; float: left; position: relative; }
        #spot .specs span.type { width: 120px; color: #666; float: left; clear: both; }
        #spot .specs span.value { width: 260px; float: left; }
        #spot a.btn { width: 80px; padding: 0 0 0 29px; position: absolute; right: 15px; bottom: -5px; float: right; }
        #spot a:hover.btn { text-decoration: underline; }

	#contact-form {
  		width: 610px;
    	padding: 20px;
     	margin: 0 0 20px;
        background: #ddd;
        overflow: hidden;
        }
        #contact-form label { width: 305px; margin: 0 0 5px; float: left; clear: both; cursor: pointer; }
        #contact-form .field { width: 289px; padding: 8px; margin: 0 0 10px; float: left; clear: both; }
        #contact-form textarea { width: 594px; height: 190px; padding: 8px; margin: 0 0 10px; float: left; overflow: auto; }
        #contact-form .field:focus, #contact-form textarea:focus { background: #222; color: #fff; }
        #contact-form .btn { width: 90px; height: 30px; padding: 0 0 2px 9px; color: #fff; font-size: 12px; float: left; clear: both; cursor: pointer; }
        #contact-form .btn:hover { background-position: bottom left; }

#side {
	width: 220px;
 	padding: 40px 40px 0 45px;
	float: right;
 	overflow: hidden;
	}
    #side a:hover { color: #fff; }
    #side span.phone { width: 220px; height: 79px; margin: 0 0 10px; display: block; background: url(../img/bg/side-phone.gif); text-indent: -9999px; }
    #side a.email { width: 226px; height: 46px; margin: -2px 0 36px -2px; display: block; text-indent: -9999px; }
    #side a:hover.email { background-position: bottom; }
    #side .slideshow { width: 220px; height: 168px; margin: 0 0 40px; overflow: hidden; }
    #side .slideshow img { border: 5px solid #444; }
    
    #brands {
     	padding: 0; list-style: none;
	    }
        #brands li a { width: 220px; height: 46px; margin: 0 0 35px; display: block; background: url(../img/bg/side-merken.gif); text-indent: -9999px; float: left; }
        #brands li a:hover { background-position: 0 -46px; }
        #brands .honda a { height: 45px; background-position: 0 -92px; }
        #brands .honda a:hover { background-position: 0 -137px; }
        #brands .mitsu a { height: 50px; background-position: 0 -182px; }
		#brands .mitsu a:hover { background-position: 0 -232px; }

#footer {
	width: 950px;
 	padding: 12px 25px 39px;
  	background: url(../img/bg/footer.gif) no-repeat;
 	color: #666;
  	line-height: 24px;
	}
    #footer a { padding: 0 0 3px; border-bottom: 1px dotted #444; color: #666; }
    #footer a:hover { border-bottom: 1px solid #666; color: #999; }
	#footer .right { margin: 10px 0 0; text-align: right; float: right; }

/* SIFR */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash #main h1 { visibility: hidden; font-size: 40px; line-height: 40px; height: 40px; }
.sIFR-hasFlash h4 { visibility: hidden; font-size: 30px; line-height: 30px; height: 30px; }

/* FANCY BOX */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../img/fancybox/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #fff; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../img/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; background: #fff; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #fff; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -11px; right: -13px; height: 30px; width: 30px; background: url('../img/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px;height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../img/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../img/fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }	
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #fff; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x; }