div#formkop	{ margin-top:2em; font-size:0.9em; font-weight:bold; line-height:1.5em; padding-left:0.2em; margin-bottom:0.2em; color:#5b5b5b; background-color:#f2f2f2; border:1px solid #808080; float:left; width:55.2em; }
* html div#formkop	{ width:100%; }

div#formcontainer 						{ width:100%; margin:0 auto; margin-top:-1em; border:0px solid pink; float:left; }
div#formcontainer form input  			{ font-size:0.8em; }
div#formcontainer div.clearfix 			{ border-bottom: 1px solid silver; padding:0.6em 0px; width:100%; color:black; float:left; } /* dashed #D4D0C8 adds the line above each section and provides vertical spacing */
div#formcontainer div#laatste 			{ border:1px solid red; margin-top:0px; margin-bottom:3em; float:right; }
div#formcontainer form label 			{ width:13em; float:left; font-size:0.75em; font-weight:bold; color:steelblue; margin:0 0.5em; } /* this is the text label on the left of each input */

/*some extra styles for the checkbox and radio button sets*/
div#formcontainer div.buttongroup 		{ float:left; margin:0px; padding:0px; border:0px solid pink; width:28em; } /* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
div#formcontainer div.buttongroup div 	{ margin-bottom:0.2em; font-size:0.8em; color:black; width:40em; } /* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
div#formcontainer div.buttongroup input { margin-right:0.3em; vertical-align:middle; } /* set the distance between button and its label text */
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
div#formcontainer input[type="submit"] 	{ display:block; margin:0 auto; }
/* END OF THE FORMS CSS*/

#showflat	{ width:100%; display:none; }

div.clearfix IMG		{ border:0; vertical-align:middle; margin-left:0.2em; 		}
div.clearfix A,
div.clearfix A:active,
div.clearfix A:visited,
div.clearfix A:hover	{ color:#5b5b5b; font-weight:bold; text-decoration:none; 	}
div.clearfix A:hover	{ text-decoration:underline; 			}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              	  /* the period is placed on the page as the last thing before the div closes */
	display: block;          	 /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	      /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix 			{ height: 1%; 		}
.clearfix 					{ display: block; 	}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

P.foutmelding		{ color:red; font-size:0.6em; font-weight:bold; margin:0.6em; margin-top:0.6em; display:inline; }
P.remboursmelding	{ color:red; font-size:1em; font-weight:normal; display:inline; }
p.bestelform_infotekst  { color:#5b5b5b; font-size:0.8em; }

/* bestel_overzicht.php */
div.besteloverzicht#formcontainer div.clearfix			{ font-size:0.8em; 		}
div.besteloverzicht#formcontainer div.clearfix label	{ font-size:0.9em; 		}
div.besteloverzicht#formcontainer div.clearfix#laatste	{ font-size: 1em;		}