html, body,
   div, p, form, input, ul, ol, dl, dt, dd, li,
   h1, h2, h3, h4, h5, h6 {
      margin: 0;
      padding: 0;
   }

   p, ul, ol {
      margin-bottom: 1em;
   }
   ul, ol {
      margin-left: 2em;
   }


a {
   color: #e10630;
}

img {
   border: 0;
}
   img.icon {
      vertical-align: middle;
   }
   img.border {
      border: 1px solid #c4c4c4;
   }
   img.right {
      float: right;
      margin: 0 0 10px 8px;
   }

table {
   clear: both;
   border: 0px;
   border-spacing: 0;
   border-collapse: collapse;
}

.grijsBlok {
   padding: 15px;
   font-size: 14px;
   line-height: 1.5em;
   color: #4c4c4c;
   border-top: 1px solid #e9e9e9;
   background: url(../gfx/bgGrayBlock.gif) top left repeat-x;
}
   td.grijsBlok {
      padding: 0;
      font-size: 12px;
      line-height: 1.4em;
      color: #000;
   }



h1 {
   height: auto;
   font-size: 25px;
   font-weight: normal;
   line-height: normal;
}
h2 {
   font-size: 18px;
   font-weight: normal;
}
h3 {
   font-size: 15px;
   font-weight: normal;
}

h1.navTitle,
h2.navTitle {
   line-height: 30px;
   color: #00378b;
   margin-bottom: 16px;
}
   h1.navTitle a,
   h2.navTitle a {
      color: #00378b;
      text-decoration: none;
   }

h1, h2, h3 {
	color: #00378b;
   margin-bottom: 0.5em;
}
   h1 a, h2 a, h3 a {
   	color: #00378b;
   	text-decoration: none;
   }
      h1 a:hover, h2 a:hover, h3 a:hover {
         color: #e10630;
      }



#homePage {}
   #homePage #left,
   #homePage #right {
      width: 450px;
   }


#left .block {
   margin: 28px 10px 2em 0;
   border: 1px solid #ddd;
   padding: 10px;
}
   #left .block h2 {
      margin-top: 0.2em;
   }
   #left .block img {
      margin-bottom: 0.5em;
   }
   #left .block p {
      margin: 0.5em 0;
   }
   


.column {
   float: left;
   display: inline;
   width: 48%;
   margin-right: 2%;
}

.blockLists {
   list-style: none;
   margin: 0;
}
   .blockLists li {
      margin: 0;
      clear: both;
   }



/* Autos pagina */
.categoryMenu {}
   .categoryMenu li {
      width: 122px;
      margin: 0px 3px 6px 0px;
   }
   .categoryMenu a {
      background: url(../gfx/bgCatListText.gif) bottom left repeat-x;
      text-align: center;
      text-decoration: none;
      font-size: 11px;
      color: #fff;
      border: 1px solid #b4b4b4;
   }
   .categoryMenu a img {
      display: block;
   }
      .categoryMenu a:hover {
         border: 1px solid #ccc;
         background-image: url(../gfx/bgCatListTextActive.gif);
      }

#carsMenu {
   background: url(../gfx/bgCarsMenu.gif) top left repeat-x;
}
   #carsMenu .siteWidth {
      width: 946px;
      padding-top: 10px;
      padding-left: 34px;
   }
   #carsMenu li {
      margin: 0px 3px 6px 0px;
      text-align: center;
   }
   #carsMenu a {
      width: 96px;
      height: 60px;
      font-size: 10px;
      color: #000;
      text-decoration: none;
   }
      #carsMenu .active a,
      #carsMenu a:hover {
         color: #E10630;
      }
   #carsMenu img {
      line-height: 40px;
   }

   
#categoryTabsMenu { 
   position: absolute;
   top: 107px;
   left: 500px;
}
   #categoryTabsMenu a {
      height: 20px;
      padding: 10px 10px 6px;
      font-size: 16px;
      color: #fff;
      text-decoration: none;
   }
      #categoryTabsMenu li.active {
         padding-left: 10px;
         background: url(../gfx/activeTabLeft.gif) top left no-repeat;
      }
      #categoryTabsMenu li.active a {
         padding-left: 0;
         color: #e10630;
         background: url(../gfx/activeTabRight.gif) top right no-repeat;
      }
   	
/* Categorie view */
.categoryView {
	float: left;
	display: inline;
}
	.categoryView#personenautos {
	   width: 500px;
	   margin-right: 20px;
   }
	.categoryView#bedrijfsautos {
      width: 400px	  
	}

/* Auto view */
.carView {}
   .carView #carViewLeft {
      width: 298px;
      margin-right: 20px;
      float: left;
      display: inline;
   }
   .carView #carViewRight {
      width: 598px;
      float: left;
      display: inline;
   }
	   
/* Slideshow */
#slideshow {
   position: relative;
   overflow: hidden;
   width: 598px;
   height: 524px;
}
   #slideshowMenuContainer {
      position: absolute;
      bottom: 0;
      margin: 0;
      z-index: 2;
      width: 596px;
      overflow: hidden;
      border-left: 1px solid #c4c4c4;
      border-right: 1px solid #c4c4c4;
      border-bottom: 1px solid #c4c4c4;
   }
   #slideshowMenu {
      margin: 0;
      border-right: 4px solid #fff;
   }
		#slideshowMenu li{
	      list-style: none;
	      float: left;
	      display: inline;
		   border-left: 4px solid #fff;
		   border-bottom: 4px solid #fff;
		   border-top: 4px solid #fff;
		   width: 90px;
		   height: 67px;
		   overflow: hidden;
		   background-color: #fff;
		}
		.slideshowImage {
		   position: absolute;
         bottom: 75px;
         border: 1px solid #c4c4c4;
		}


#citroen-occasionsPage {}
   #citroen-occasionsPage #left,
   #taxatiePage #left {
      display: none;
   }
   #citroen-occasionsPage #right,
   #taxatiePage #right {
      width: auto;
   }

.occasionBlock {
   float: left;
   display: inline;
   position: relative;
   width: 212px;
   margin: 2px;
}
   .occasionBlock .price {
      position: absolute;
      top: 136px;
      right: 6px;
      padding: 3px 4px;
      color: #fff;
      text-decoration: none;
      border: 1px solid #7e041c;
      background: url(../gfx/bgPrice.gif) bottom left repeat-x #db062f;
   }
   .occasionBlock h4 a {
      display: block;
      padding: 8px 4px;
      font-weight: bold;
      color: #252628;
      text-decoration: none;
   }
   .occasionBlock img {
      width: 210px;
   }

		
/* Contact + Gmaps */
#gmapsContainer {
	float: right;
	width: 480px;
}
	#map_canvas {
	   width: 100%;
	   height: 350px;
	   margin: 10px 0;
	}
	#gmapsForm {
	   padding: 5px;
	   background: #c4c4c4;
	   border: 1px solid #a4a4a4;
	}
	#addressInput {
	   /*width: 180px;*/
	}
	.contactInfoWindow {
	   width: 240px;
	   height: 60px;
	}
	
#contactDetails {
   float: left;
}
   #contactDetails h3 {
      padding-top: 10px;
   }

#contactForm {}
   #contactForm input.text {
      width: 300px;
   }
   #contactForm textarea {
      width: 295px;
      height: 100px;
   }


.formContainer {
   border: 1px solid #a20316;
}
   .formHeader{
      padding: 1em;
      color: #fff;
      background: url(../gfx/bgFormHeader.gif) bottom left repeat-x #dd062e;
   }
      .formHeader h2,
      .formHeader h3,
      .formHeader h4 {
         color: #fff;
      }
      .formHeader p {
         margin: 0;
      }
   .formContent {
      padding: 1em;
      border-left: 4px solid #bf0529;
      border-right: 4px solid #bf0529;
      border-bottom: 4px solid #bf0529;
   }
   
.error {
   color: red;
}

#infoByMailContainer {
   display: none;
}
#toggleButton {
   float: right;
}
.faqh3 {
   margin-top: 4px;
   margin-bottom: 4px;
}
.faqh2 {
   margin-top: 8px;
   margin-bottom: 8px;   
}
.gbbreactie {
   margin-left: 40px;  
}
   .gbbreactie .grijsBlok {
      padding: 10px;
      font-size: 12px;
      border: 1px solid #E9E9E9;
      background: transparent;
   }
.byinfo {
   font-size: x-small;
}
#ReactieForm {
   width: 300px;
}
   #ReactieForm .text {
   width: 200px;
   }
   #ReactieForm_text {
   width: 200px;
   height: 300px;
   }
   #ReactieForm h4{
   font-size: 11px;
   font-weight: normal;
}
   
.container-tweet{
	height: 170px;
	overflow: hidden;
} 

	.container-tweet ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
.tweet {
	height: 140px;
   padding: 15px 10px 15px;
   font-size: 14px;
}
   .tweet,
   .tweet a,
   .tweet h3 {
      color: #4C4C4C;
   }
      .tweet h3 a {
         color: #E10630;
      }
   
   
.faq_menu_block {
   margin-bottom: 2em;
}
   
   
#TestdriveForm{
   width: 100%;
   overflow: hidden;
   margin-bottom: 10px;
}

   #TestdriveForm .form-field{
      width: 45%;
      margin-right: 5%;
      float: left;
      margin-bottom: 2px;
   }
   
   #TestdriveForm .form-field.odd{
      clear: both; 
   }
   
   #TestdriveForm #submit{
      margin-top: 17px;
   }