﻿/* CSS JANSSEN */
HTML { background-color:#5C6467;}
BODY { background-image:url(/websites/autobedrijfjanssen/img/layout/body_bg.jpg); background-repeat:repeat-x; background-color:#5C6467; color:#575658; font-family:Arial;}
H2 { font-size:90%}
A { text-decoration:none; color:#000;}
A:visited { text-decoration:none; color:#000;} 
strong {font-weight: bold;}
em { font-style: italic; }
#mijnjanssen {height:500px; width:100%; border:0;}
.zoek{ margin:5px 0 0 0; background-image:url(/websites/autobedrijfjanssen/img/buttons/zoek.png); background-repeat:no-repeat; background-position:left; height:31px; width:86px; border:0; font-weight:bolder; cursor:pointer; color:#444444;} 
#occasionNext, #occasionPrev { margin:5px 0 0 0; background-image:url(/websites/autobedrijfjanssen/img/buttons/zoekbl.png); background-repeat:repeat-x; background-position:left; height:31px; width:100px; border:0; font-weight:bolder; cursor:pointer; color:#F0F0F0;} 
.zoekGroot, .zoekOccs { margin:5px 0 0 0; background-image:url(/websites/autobedrijfjanssen/img/buttons/zoekGroot.png); background-repeat:no-repeat; background-position:left; height:31px; width:190px; border:0; font-weight:bolder; cursor:pointer; color:#7E7B7B;} 

.content p { margin-bottom: 15px; line-height: 17px; }
.content p a { color: #0066CC; text-decoration: underline; }
.content ul { margin: 30px;}
.content ul li { list-style-type: disc; }

div#bd .linksWhite { z-index:50; padding-right:0px; position:absolute; bottom:0px; right:0px; display:block; width:100%; text-align:right; line-height:30px; background-image:url(/websites/autobedrijfjanssen/img/layout/slide_link_bg.png); color:#F0F0F0; font-size:11px; font-weight:bolder; text-transform:uppercase;} 
div#bd .linksAction, div#bd .linksActionWhite { z-index:50; border-top: solid 2px #DCDDDD; position:absolute; bottom:0px; right:0px; display:block; width:100%; text-align:right; line-height:20px; background-color:#5B5C5C; color:#F0F0F0; font-size:11px; font-weight:bolder;} 
div#bd .actieheight { min-height:200px;}
div#bd .actie  { padding:25px 0 0 0;}
div#bd .links { color:#575658; font-size:11px; font-weight:bolder; position:absolute; right:0px; bottom:-20px; text-transform:uppercase;}

div#bd .link_pijlen { background-image:url(/websites/autobedrijfjanssen/img/layout/links_pijlen_bg2.png); background-position:left; background-repeat:no-repeat; padding-left:20px;}
div#bd .link_pijlen2 { background-image:url(/websites/autobedrijfjanssen/img/layout/links_pijlen_bg.png); background-position:5px; background-repeat:no-repeat; padding-left:20px;}

div#bd .links_pijlen2 { background-image:url(/websites/autobedrijfjanssen/img/layout/rechts_pijlen_bg.png); background-position:left; background-repeat:no-repeat; padding-left:20px;}

div#custom-doc { background-image:url(/websites/autobedrijfjanssen/img/layout/wrapper_bg.png); background-repeat:repeat-x; height:100%; width:962px; position:relative; padding:0 2px 0 2px; background-color: #D7D8D8;}

  /* HEADER */
  div#hd { background-image:url(/websites/autobedrijfjanssen/img/layout/header_bg.png); background-repeat:repeat-x; height:158px;}
    div#hd .logo { position:relative; display:block; margin:0 0 0 16px;}
    div#hd .merken { position:absolute; top:50px; right:5px; list-style:none; display:inline;}
    div#hd .merk { position:absolute; top:15px; right:20px; list-style:none; display:inline;}
    div#hd .merkenbig { position:absolute; top:20px; right:30px; list-style:none; display:inline;}
      div#hd .merken li { display:inline; margin:0 16px 0 0;}
    div#hd .buttons { margin:0 auto; width:100%; position:relative; top:21px; left:2px; list-style:none; display:block; z-index:200;}
* + html div#hd .buttons { margin:0 auto; width:100%; position:relative; top:24px; left:2px; list-style:none; display:block; z-index:200;}
      div#hd .buttons ul { margin:0 auto; display:block; position:relative;}
        div#hd .buttons li{ display:block; position:relative; float:left; }
          div#hd .buttons li span { background-image:url(/websites/autobedrijfjanssen/img/buttons/button_front.png);}
          div#hd .buttons li .submenu { display:none; 
                                        position:absolute; 
                                        z-index:200; 
                                        top:35px; 
                                        left:0px;
                                        padding:10px 0 5px 0; background-color:#FFF;}
           div#hd .buttons li .submenu li { float:none; padding:0; z-index:200;}
            div#hd .buttons li .submenu li a { background-image:url(); z-index:200; font-size:90%; font-weight:bold; line-height:20px;  background-image:url(/websites/autobedrijfjanssen/img/layout/links_pijl_bg_gray_small.png); background-repeat:no-repeat; background-position:5px center; text-align:left; padding-left:25px; text-transform:uppercase; color:#434343;}
            div#hd .buttons li .submenu li a:hover { background-image:url(); background-color:#C9CBCC;}
          
          div#hd .buttons li a, div#hd .buttons li a .last, div#hd .buttons li a .last { width:112.5px; font-size:90%; font-weight:bolder; color:#898A8A; background-image:url(/websites/autobedrijfjanssen/img/buttons/button_bg.png); background-position:right; background-repeat:repeat-x; line-height:40px; display:inline-block; text-align:center; }
          div#hd .buttons li .last { background-image:url(/websites/autobedrijfjanssen/img/buttons/button_last.png);}
		      div#hd .buttons li .first { background-image:url(/websites/autobedrijfjanssen/img/buttons/button_first.png);}
		      div#hd .buttons li .active { background-image:url(/websites/autobedrijfjanssen/img/buttons/button_bg2.png);}
		      div#hd .buttons li .activehover { background-image:url(/websites/autobedrijfjanssen/img/buttons/button_bg2.png);}
		      div#hd .buttons li a:hover { background-image:url(/websites/autobedrijfjanssen/img/buttons/button_bg2.png);}
          div#hd .buttons .home a{ width:62px;}
  
  /* MAIN Content BODY */
  div#bd { position:relative;}
  
	div#bd #slide { border:solid 1px #6B6B6C; width:74.4%; position:relative; height:318px;}
	  div#bd #slide .slideholder { display:none; text-align:center;}
	  div#bd .slider_action {display:none; border:solid 1px #6B6B6C; height:204px; position:relative;}
	  div#bd #slide .activeBig{ display:block;}
	  div#bd .activeSmall{ display:block; text-align:center;}
	  div#bd #slide .slidelink { padding-right:10px; position:absolute; bottom:0px; right:0px; display:block; width:98.4%; text-align:right; line-height:30px; background-image:url(/websites/autobedrijfjanssen/img/layout/slide_link_bg.png); text-transform:uppercase; cursor:pointer;}

	/* snelzoeker op de homepage */  
	div#bd .occszoeker { text-align:left; padding:13% 0 0 9%; position:relative;} 
	* html   div#bd .occszoeker { margin:13% 0 0 9%; padding: 0;} 
	* + html div#bd .occszoeker { margin:13% 0 0 0;} 
  
	  div#bd .occszoeker select { width:172px; margin:0 0 7px 35px; height:24px; margin-bottom:10px; font-size:11px; border: 0; padding:4px 4px 5px 0;	color:#F0F0F0; background-color:Transparent; background-image:url(/websites/autobedrijfjanssen/img/layout/select_bg.jpg); font-weight:bolder; -webkit-appearance: none;} 
          div#bd .occszoeker select option { background-color: #B9BABB; color: #000; height: 20px; padding-top: 4px; }
            * html  div#bd .occszoeker  select option {background-color: #434343; color: #fff;}
            * + html  div#bd .occszoeker select option {background-color: #434343; color: #fff;}

	  div#bd .occszoeker .zoek{ margin:40px 28px 0 0; background-image:url(/websites/autobedrijfjanssen/img/buttons/zoek.png); background-repeat:no-repeat; background-position:left; height:29px; width:84px; border:0; font-weight:bolder; cursor:pointer; position:absolute; right:20px;} 

    /* IE  */
	* + html div#bd .occszoeker { padding: 0; margin-top: 20px; } 
	  * + html div#bd .occszoeker div { margin-left: 20px; } 	
	  * + html div#bd .occszoeker .zoek{ margin:40px 0 0 0; } 
	  * html div#bd .occszoeker .zoek{ margin:30px 0 0 0; } 

		
	div#bd #carrosel { position:relative;}
	/* carousel op de homepage */
    div#bd #carousel.carouselhome { width: 720px; height: 200px; position: absolute; top: 0;}
        div#bd #carousel.carouselhome a { position: absolute; width: 300px; }

    * html div#bd #carousel.carouselhome { left: 36.4%; margin-left: -350px; }
  /*  * + html div#bd #carousel.carouselhome { left: 36.4%; margin-left: -350px; }	  */
  
	  
	div#bd .actieVestigingen { overflow:hidden; }
	  div#bd .actieVestigingen ul { padding:6px 0 0 10px;} 
	    div#bd .actieVestigingen ul li { background-image:url(/websites/autobedrijfjanssen/img/layout/links_pijl_bg.png); background-position:left; background-repeat:no-repeat; line-height:12px; padding-left:20px;}  
		  div#bd .actieVestigingen ul li a{ color:#F0F0F0; font-weight:bolder; font-size:12px; text-transform:uppercase;} 
	div#bd .nieuws { }
	div#bd .extended .image { float:left; margin-right: 10px;}
	div#bd .extended .text {} /* float:left; width:450px;*/
	  div#bd .nieuws h3 { font-size:13px; font-weight:bolder; color:#575658; padding:20px 20px 10px 20px; text-transform:uppercase;}
	  div#bd .nieuws p { font-size:11px; font-weight:bolder; padding:0 20px 0 20px; line-height:18px;}

/*
*
*
*   OCCASION ZOEKER - START
*
*
*/

    /* volledige occs zoeker */
	div#bd .zoekfilter { height:380px; text-align:center;}
    div#bd .zoekfilter .zoeker{ background-color:#E5E5E6; height:260px; width:465px; float:left; margin:8% 0 0 5px; padding:13px 0 0 5px; text-align:left;}
      div#bd .zoekfilter .zoeker fieldset{ float:left; width:155px;}
      div#bd .zoekfilter .zoeker fieldset.selectvakken{ color: #FFF;}      
      
        div#bd .zoekfilter .zoeker fieldset select  { float:left; width:145px; margin-bottom:10px; font-size:11px; border: 0; padding:4px 4px 5px 0; background-color:Transparent; background-image:url(/websites/autobedrijfjanssen/img/layout/select_bg.jpg); color:#F0F0F0; font-weight:bolder;  height:24px;  -webkit-appearance: none; }
            div#bd .zoekfilter .zoeker fieldset select option { background-color: #B9BABB; color: #000; height: 20px; padding-top: 4px; }
            * html div#bd .zoekfilter .zoeker fieldset select option {background-color: #434343; color: #fff;}
            * + html div#bd .zoekfilter .zoeker fieldset select option {background-color: #434343; color: #fff;}
        div#bd .zoekfilter .zoeker fieldset .last { margin-top:70px;}
        /*div#bd .zoekfilter .zoeker fieldset h2 { float:left; margin:0 0 10px 0;}*/
        /*div#bd .zoekfilter .zoeker fieldset span { float:left; width:155px; line-height:18px;}*/
          div#bd .zoekfilter .zoeker fieldset  input { margin:5px 10px 0 0; }
          div#bd .zoekfilter .zoeker fieldset  label { font-size:11px; font-weight:bolder;}
          div#bd .zoekfilter .zoeker fieldset #brandstoffen { margin-bottom: 10px;}


/*.select { background-color:Transparent; background-image:url(/websites/autobedrijfjanssen/img/layout/select_bg.jpg); color:#F0F0F0; font-weight:bolder; border:solid 2px #262626; height:24px;}
.select option{ background-color:#262626; font-weight:normal; }

* + html .select { background-color: #434343; }
* + html .select option { background-color: #434343; }

select { background: #FFFFFF, "/websites/autobedrijfjanssen/img/layout/select_bg.jpg"; }*/          
      
  /* resultaat pagina */  
    div#bd .zoekfilter .resultaat { background-color:#919394; height:274px; width:233px; float:left; margin:8% 0 0 4px; position:relative; text-align:right;} 
      div#bd .zoekfilter .resultaat h2 { position:absolute; top:35px; right:20px; color:#F0F0F0;}
      div#bd .zoekfilter .resultaat p { color:#000; font-size:22px; font-weight:bolder; background-color:#FFF; width:125px; height:25px; padding:2px 5px 0 0; position:absolute; right:20px; top:60px; }
      div#bd .zoekfilter button { position:absolute; bottom:10px; right:20px; width:190px;}
  
  
  div#bd .resultaat { }
    div#bd .resultaat fieldset { display:inline; width:640px; margin:10px 0 22px 10px;}
      div#bd .resultaat fieldset p { display:inline; float:left; font-weight:bolder; margin-right:8px;}
      div#bd .resultaat fieldset a { display:inline; float:left; font-weight:bolder;}
      div#bd .resultaat fieldset ul { text-align:left;}
        div#bd .resultaat fieldset ul li { display:inline; float:left; padding:0 10px 0 0px; font-weight:bolder; background-image:url(/websites/autobedrijfjanssen/img/layout/page_div.png); background-repeat:no-repeat; background-position:right;}
        div#bd .resultaat fieldset ul .last { background-image:url();}
          div#bd .resultaat fieldset ul li a { display:inline; float:left; font-weight:normal; line-height:15px;}
    div#bd .resultaat button {  display:inline; width:190px; font-size:12px; float:right; margin:20px 10px 0 0}
    div#bd .resultaat .textaantal { clear:both; font-weight:bolder; margin:0 5px 10px 10px;}
    div#bd .resultaat .paginering li a.actief {font-weight:bold; font-size: 14px; bottom:4px;}
    
    div#bd .resultaat table { margin:0 0 0 0px; border-collapse:separate;}
      div#bd .resultaat table tr.toondetail { cursor:pointer; }
      div#bd .resultaat table th{ font-size:12px; font-weight:bolder; padding:0 0 0 10px; background-image:url(/websites/autobedrijfjanssen/img/layout/result_th_bg.png);}
      div#bd .resultaat table td{ padding:0 0 0 10px;}
      div#bd .resultaat table .line{ color:#4B4A4E; font-weight:bolder;}      
      div#bd .resultaat table .line span { font-weight:normal;}     
      div#bd .resultaat table .first{ padding:0 0 0 0px;}
      div#bd .resultaat table .foto { background-color:#000; color:#F0F0F0; width:100px; line-height:30px;}
      div#bd .resultaat table .mmu { background-color:#000; color:#F0F0F0; width:330px;}
      div#bd .resultaat table .bouwjaar { background-color:#000; color:#F0F0F0; width:80px;}
      div#bd .resultaat table .km { background-color:#000; color:#F0F0F0; width:85px;}
      div#bd .resultaat table .vestiging { background-color:#000; color:#F0F0F0; width:257px;}
      div#bd .resultaat table .prijs { background-color:#000; color:#F0F0F0; width:110px;}
        div#bd .resultaat table th a { color:#F0F0F0; cursor:default; }
        div#bd .resultaat table td { height:56px; border-bottom:solid 1px #747474; border-right: solid 1px #BFBDBD;}
        
        
  /* detail pagina */
  div#bd .detail {background-color:#BABBBB; min-height:460px;}
  div#bd .detailheader { height:300px; background-color:#D3D4D5;}
    div#bd .detailheader h1 { display:inline; position:relative; top:10px; left:18px; font-size:17px;}
    div#bd .detailheader button { font-size:12px; margin-right: 5px;}
    div#bd .detailheader #detailbuttons { position: absolute; top:9px; right: 11px; }
    
        
  div#bd .detail .divider { min-height:447px;} /*535px*/
  div#bd .diensten .divider {min-height:535px;}
  div#bd .merken .divider { min-height:535px;}
  
  div#bd .detail .divider{ float:left; width:322px; margin:2px 2px 0 0; padding:20px 0 0 35px;}
    div#bd .detail .divider p { width:290px; }
    div#bd .detail .divider dl { text-align:left; }
      div#bd .detail .divider dt { float:left; width:140px; line-height:22px;}
      div#bd .detail .divider dd { float:left; width:180px; line-height:22px; font-weight:bolder;}
      div#bd .detail .divider dl .last{ margin-right:0px;}
    div#bd .detail #printemail {position:absolute; bottom:50px; right:5px;}
    div#bd .detail #print, div#bd .detail #email { background-image:url(/websites/autobedrijfjanssen/img/layout/printer.jpg); background-position:right; background-repeat:no-repeat; padding:0 30px 0 0; font-size:12px; font-weight:bolder; color:#383838;}
    div#bd .detail #email { background-image:url(/websites/autobedrijfjanssen/img/layout/email.jpg); cursor:pointer;}


    div#bd .detailheader #carousel { width: 962px; height: 241px; position: absolute; top: 60px; background-color: #000000; background-image: url(/websites/autobedrijfjanssen/img/layout/carousel_bg.gif);}
        div#bd .detailheader  #carousel a { position: absolute; width: 110px; }

* html div#bd .detailheader #carousel { left: 36.4%; margin-left: -350px; }
* + html div#bd .detailheader #carousel { left: 36.4%; margin-left: -350px; }

div#formEmailVriend { width:480px; height:365px; position:absolute; left:20%; bottom:30%; z-index:800; padding:10px; background-image:url(/img/background.gif); display:none;}
  div#formEmailVriend h1 { font-size:24px; font-family:Arial; font-weight:bold; padding:10px 0 10px 20px;}
  div#formEmailVriend h2 { font-size:18px; font-family:Arial; font-weight:bold; padding:20px 0 10px 80px; display:block;}
  div#formEmailVriend dl { padding:0 0 0 80px;}
  div#formEmailVriend .verzenden { width:140px; height:30px; position:relative; left:153px; border:none; cursor:pointer; background-color:#FDFDFD;}
    div#formEmailVriend dl dt {width:90px; float:left; line-height:24px; padding:0 0 8px 0;}
    div#formEmailVriend dl dd {width:300px; float:left; margin-bottom:2px; line-height:24px; padding:0 0 8px 0;}
      div#formEmailVriend dl dd input { float:left; color:#616161; line-height:24px; padding:0 0 5px 0;}



/*
*
*
*   OCCASION ZOEKER - EIND
*
*
*/

  div#bd .diensten .divider{ float:left; width:479px; margin:2px 2px 0 0; padding:0 0 0 0;}
  div#bd .diensten .last{ width:238px; margin-right:0px;}
    div#bd .diensten .divider p { padding:0 10px 0 10px; }
    div#bd .diensten .divider table { margin:0 10px 0 10px; }
    
    div#bd .diensten .divider h1,
    div#bd .merken .divider h1
     { padding:15px 10px 15px 10px; font-weight:bolder; color:#585658; text-transform:uppercase; }     
  
  div#bd .merken .divider{ float:left; width:479px; margin:2px 2px 0 0; padding:0 0 0 0;}
  div#bd .merken .last{ width:238px; margin-right:0px;}
    div#bd .merken .divider p { padding:0 10px 0 10px;}
    div#bd .merken .divider h2 { padding:15px 10px 15px 10px; font-weight:bolder; color:#585658; text-transform:uppercase; }           
    div#bd .merken .modellen { background-color:#FFF;}           
    div#bd .merken .divider .model { float:left; padding:0 0 0 5px; cursor:pointer; }           
    div#bd .merken .divider .model a:hover h2 {text-decoration:underline;}
    

  div#bd .detail .verkoper { height:387px; padding:0 0 0 0;}
  div#bd .diensten .verkoper { padding:0 0 0 0;} /*height:535px; */
  div#bd .merken .verkoper { padding:0 0 0 0;}
  
    div#bd .verkoper h2 { color:#D3D4D4; padding:10px 0 0 10px;}
    div#bd .verkoper h4 { color:#FFFFFF; padding:10px 0 0 15px; font-weight:bold;}
    div#bd .verkoper hr { height:2px; background-color:#CACBCB; border:0;}
    div#bd .verkoper p { color:#000; padding:0 0 0 15px; font-weight:bolder; font-size:11px; line-height:21px;}
    div#bd .verkoper .email {color:#F0F0F0; margin:0 0 10px 0;}
    div#bd .verkoper .zoekGroot { display:block; text-align:center; position:relative; width:195px; left:25px; margin:5px 0 5px 0; padding-top:13px; text-transform:uppercase;}
    
	div#bd .menu_left { padding:30px 0 0 0;}
	  div#bd .menu_left  ul   { border-top:solid 1px #6B6B6C; margin: 5px 0 0 0;}
		div#bd .menu_left  ul  li { border-bottom:solid 1px #6B6B6C; line-height:25px;}
		  div#bd .menu_left  ul  li a { background-image:url(/websites/autobedrijfjanssen/img/layout/links_pijl_bg_gray.png); background-repeat:no-repeat; background-position:left; display:block;  padding:0 0 0 25px; color:#6A6969; font-weight:bolder; font-size:11px; text-transform:uppercase;}
	    div#bd .menu_left ul li.actief { background-color:#FFF;}
	  div#bd .menu_left .actiefmetsub { background-color:#FFF; background-image:url(/websites/autobedrijfjanssen/img/layout/links_pijl_bg_gray_active.png); background-repeat:no-repeat; text-transform:uppercase;}
	  
	
	div#bd .menu_left .submenu_left { }
		  div#bd .menu_left  ul li ul{ border:0; padding:0 0 10px 0;}
		    div#bd .menu_left  ul li ul li{ background-color:#FFF; border-bottom:0; line-height:18px;}
		    div#bd .menu_left  ul li ul li a.actief{ color:#D3D2D2;}
		      div#bd .menu_left  ul  li ul li a { background-image:url();}
	    
    .imagecontainer { background-color: #fff; } 

	
    /* FOOTER */
  div#ft { height:150px; clear:both;}
  div#ft .last { background-image:url();}
  div#ft .first { padding: 0 15px 0 20px;}
    div#ft ul { font-size:85%; font-weight:bolder; padding:10px; } 
      div#ft ul li { display:inline;}
        div#ft ul li a { color:#575658; margin-right:5px; padding:0 15px 0 0; background-image:url(/websites/autobedrijfjanssen/img/layout/disclaimer_div.png); background-position:right; background-repeat:no-repeat; 	-moz-border-radius: 0px 0px 0px 0px; text-transform:uppercase;}

  
        
 div#clear { clear:both; position:absolute; bottom:0px; left:0px; display:inline;}

div#contentforms { width:600px; min-height:400px; background-color:#FFF; margin:0 auto; position:relative; top:50px; border:solid 3px #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div#contentforms .forminformation h3{ font-weight:bolder; font-size:16px; padding:15px;  text-align:center;}
div#contentforms .forminformation p{ padding:0 15px 0 15px;  text-align:left;}

div#contentforms .scfForm { width:600px; padding:0 15px 0 15px; line-height:25px;}
div#contentforms .scfSubmitButton { margin-left:190px; width:100px;}

/* PRETTY PHOTO IE6 */
/*div.holder, div.pp_overlay, div.ppt { display: none !important; }*/

