/*
Deze code is met veel plezier geschreven, getest en met trots opgeleverd door Aron Rotteveel, Arno Vije en Sander Roesink van Vije Internetproducties.

Informatie:

Opdrachtgever: Leja Products BV, Nieuw-Vennep
Laatste update: 10 oktober 2006

Voor vragen kunt u contact opnemen per e-mail (aron@vije.nl, arno@vije.nl of sander@vije.nl) of per telefoon (074-2673400).

Meer informatie over Vije Internetproducties vindt u op http://www.vije.nl
*/

/**( Global )***************************************************************/

   * {
      padding: 0;
      margin: 0;
   }
   
   body {
      background-color: #6d6e71;
      margin: 10px 20px 0 20px;
      text-align: center;
   }
   
   body, td, th, input, select, textarea {
      font-family: Arial, Helvetica, sans-serif;
   }
   
   .clear {
      clear: both;
      line-heigth: 1px;
   }

/**( Header )***************************************************************/

   .left {
      float: left;
      width: 220px;
   }
   
   .left .logo {
      padding: 60px 0 30px 30px;
   }

   .content {
      float: left;
      color: #6d6e71;
      font-size: 9pt;
      width: auto;
   }
   
   .innercontent {
   	  overflow-y: auto;
   } 

   .content h1 {
      font-family: "Arial narrow", Arial, Helvetica, sans-serif;
      padding-top: 30px;
      padding-bottom: 20px;
      font-weight: normal;
      font-size: 20pt;
   } 
   
   .content p {
      padding-bottom: 10px;
      
   }

/**( Footer )***************************************************************/

   .footer {
      background: #6d6e71 none;
      height: 55px;
   }
   
   .footer .disclaimer {
      color: #bcbdc0;
      background: #6d6e71 none;
      float: left;
      font-size: 10px;
      padding-left: 30px;
      padding-top: 10px;
   }

/**( Box )******************************************************************/

   .box {
      background-color: #fff;
      margin: 0 auto;
      text-align: left;
   }
   
   .box .box_top {
      background: #fff url(/img/corner1.gif) no-repeat left top;
      height: 17px;
   }
   .box .box_top .box_right {
      background: #fff url(/img/corner2.gif) no-repeat right top;
      width: 18px;
      height: 17px;
      float: right;
   }
   .box .box_content {
      margin: 13px 35px 0 30px;
   }
   .box .box_bottom {
      background: #fff url(/img/corner3.gif) no-repeat left bottom;
      height: 17px;
   }
   .box .box_bottom .box_right {
      background: #fff url(/img/corner4.gif) no-repeat right bottom;
      width: 18px;
      height: 17px;
      float: right;
   }
   
/**( Kwaliteitscertificaten )***********************************************/

	.certificaat fieldset {
		width: 300px;
		padding: 0 0 10px 10px;
	}
	
	.certificaat fieldset legend {
		font-family: "Arial narrow", Arial, Helvetica, sans-serif;
		color: red;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 7px;
		font-size: 15pt;
	}
	
	.certificaat .error {
		color: red;
		text-decoration: underline;
		font-weight: bold;
		padding: 4px 0 8px 0;
	}
	
	.certificaat .label, form .field {
		padding-bottom: 2px;
	}
	
	.certificaat .label {
		font-style: italic;
		float: left;
		width: 100px;
	}
	
	.certificaat .field {
		float: left;
	}
	
	.certificaat .field input, .certificaat .field select {
		font-size: 10pt;
		border: 1px solid #6D6E71;
	}
	
	.certificaat .field input {
		width: 92px;
	}
	
	.certificaat .field select {
		width: 180px;
	}

	.certificaat .field input.datepart_d, .certificaat .field input.datepart_m, .certificaat .field input.datepart_y {
		width: 20px;
		text-align: center;
	}
	
	.certificaat .submit {
		padding: 8px 0 6px 0px;
		padding-left: 100px;
	}
	
	.certificaat .field input.button {
		background-color: #fff;
		border: 1px solid red;
		color: red;
	}
	
	.certificaat a.newsearch {
		color: blue;
		text-decoration: none;
	}
	
	.certificaat a.newsearch:hover {
		text-decoration: underline;
	}
	
	.certificaat .certificaatPDF {
		float: left;
		width: 100px;
	}
	
	.certificaat .certificaatPDF a {
		color: red;
	}
	
	.certificaat .certificaatProductieDatum {
		float: left;
	}
	
	.certificaat .searchform {
		float: left;
	}
	
	.certificaat .help {
		float: left;
		padding: 10px 0 0 10px;
	}
	
	.certificaathelp {
		width: 300px;
	}
	
	.certificaathelp a {
		color: red;
	}
	
/**( EOF )******************************************************************/