body{ padding: 5px;margin: 0px;font-family: Verdana; font-size:11px;}
.clearBoth{	clear: both;}
h1{ font-size: 13px;}

span.label{ width: 150px; float: left; height: 30px; font-size: 11px; }	
span.labeluitleg{  font-size: 11px; text-align: left; }	
span.labelmatrix{ border: thin solid white; width: 150px; float: left; height: 15px; font-size: 11px; text-align: right; vertical-align: sub ; margin-top: 2px;}	
span.requiredmatrix{ width: 20px; height: 15px; font-size: 11px; text-align: left; }	
span.invoerveld{ float: left; }
span.contentveld{ float: left; }
span.kommentaar{ font-size: 10px; color: #A3A3A3; }

img.alignLeft{float:left;}

.matrixlinkstemp{ font-weight: normal; text-decoration: none; font-size: 11px; color: #000000; font-family: Verdana;}
.matrixlinks{ font-weight: normal; font-size: 11px; font-family: Verdana;}
A.matrixlinks:hover { text-decoration: underline; }
.labelresult{ line-height: 20px; vertical-align: middle; font-size: 11px; color: White; text-decoration: none;}	
.labelresultheader{ line-height: 20px; vertical-align: middle; font-weight:bold; font-size: 11px; color: White; text-decoration: none;}	
A.labelresultheader:hover{ font-size: 11px; color: White; text-decoration: underline;}	

.inputForm{	font-size: 10px; }
.checkbox{ font-family: Verdana; font-size: 11px; }
input{ font-family: Verdana; font-size: 11px;  height: 15px }
textarea{ font-family: Verdana; font-size: 11px; border: solid 1px #7F9DB9;}
select {font-family: Verdana; font-size: 11px; border: solid 1px #7F9DB9; }
input.textboxXXS  { width: 10px; background-color: #FFFFFE; border: solid 1px #7F9DB9; }
input.textboxXS  { width: 25px; background-color: #FFFFFE; border: solid 1px #7F9DB9;  }
input.textboxS  { width: 50px; background-color: #FFFFFE; border: solid 1px #7F9DB9;  }
input.textboxM  { width: 100px; background-color: #FFFFFE; border: solid 1px #7F9DB9; }
input.textboxML  { width: 150px; background-color: #FFFFFE; border: solid 1px #7F9DB9; }
input.textboxL  { width: 200px; background-color: #FFFFFE; border: solid 1px #7F9DB9;}
input.textboxXL { width: 300px; background-color: #FFFFFE; border: solid 1px #7F9DB9; }
input.textboxXXL{ width: 400px; background-color: #FFFFFE; border: solid 1px #7F9DB9; }
input.textboxMatrixRequired  { width: 300px; background-color: #FFFFE5; border: solid 1px #7F9DB9; }
input.textboxMatrixXS  { width: 50px; background-color: #FFFFE5; border: solid 1px #7F9DB9;  }
input.textboxMatrixM  { width: 300px; background-color: #FFFFFE; border: solid 1px #7F9DB9; }

select.dropdownlistMatrix { background-color: #FFFFFE; border: solid 1px #7F9DB9; }
select.dropdownlistMatrixRequired { background-color: #FFFFE5; border: solid 1px #7F9DB9; }

input.buttonXXXS{ height: 20px; width: 21px; }
input.buttonXS{ width: 40px; height: 21px;}
input.buttonS{ width: 50px; height: 21px;}
input.buttonMS{ width: 60px; height: 21px;}
input.buttonM{ width: 100px; height: 21px;}
input.buttonML{ width: 125px; height: 21px;}
input.buttonL{ width: 150px; height: 21px;}
input.buttonXL{ width: 200px; height: 21px;}
input.buttonXXL{ width: 250px; height: 21px;}

textarea.memoM { height: 100px; width: 400px;  background-color: #FFFFFE;}
textarea.memoL { height: 300px; width: 400px;  background-color: #FFFFFE;}
textarea.memoXL { height: 500px; width: 600px;  background-color: #FFFFFE;}
select.dropdownM{ width: 150px; background-color: #FFFFFE; }
select.dropdownL{ width: 200px; background-color: #FFFFFE; }
select.dropdownXL{ width: 300px; background-color: #FFFFFE; }
select.dropdownXXL{ width: 400px; background-color: #FFFFFE; }

input.required{ background-color: #FFFFE5;}
textarea.required{ background-color: #FFFFE5;}
select.required{ background-color: #FFFFE5;}

input.edited{ border: solid 1px #990000; color: #990000; }
textarea.edited{ border: solid 1px #990000; color: #990000;}
select.edited{ border: solid 1px #990000; color: #990000;}

.foutMelding{padding: 5px 20px 5px 5px;	border: solid 1px #FF0000;	color: #FF0000;	font-weight: bold;	font-size: 10px;background-color: #FFFFCC;}

.notificatieMelding{ padding: 5px 20px 5px 5px;	border: solid 1px #006600;color: #006600; font-weight: bold; font-size: 10px;background-color: #CCFFCC; }

#ContentPlaceHolder{ padding: 5px 20px 20px 5px; }
#AdminLijst{ }
#AdminLijst th{	font-size: 12px;text-align: left; border-bottom: solid 1px #DDDDDD;padding: 5px;}
#AdminLijst td{	padding: 1px; border-bottom: solid 1px #DDDDDD; font-size: 10px;}
#AdminLijst td.id { width: 30px; }
#AdminLijst td.icon { width: 30px; }
#AdminLijst td.medium { width: 20%; }
#AdminLijst tr.odd{background-color:#F0F0F0;	}
	
#Lijst{ width: 640px; }
#Lijst th{	font-size: 12px;text-align: left;border-bottom: solid 1px #DDDDDD;padding: 5px;}
#Lijst td{	padding: 2px; border-bottom: solid 1px #DDDDDD;}

.lijst{ width: 640px; }
.lijst th{	font-size: 12px;text-align: left;border-bottom: solid 1px #DDDDDD;padding: 5px;}
.lijst td{	padding: 2px; border-bottom: solid 1px #DDDDDD;padding: 5px;}

.LijstSearch{ width: 300px; }
.LijstSearch th{	font-size: 12px;text-align: left;border-bottom: solid 1px #DDDDDD;padding: 5px;}
.LijstSearch td{	padding: 2px; border-bottom: solid 1px #DDDDDD;padding: 5px;}

#ProductenLijst{ width: 640px;}
#ProductenLijst th{	font-size: 12px;text-align: left;border-bottom: solid 1px #DDDDDD;padding: 5px;}
#ProductenLijst td{	padding: 2px;border-bottom: solid 1px #DDDDDD;}
#RubriekenLijst{font-size: 11px;float: left;width: 30%	}

#StoRubriekenLijst{width: 300px;}
#StoRubriekenLijst th{	font-size: 12px;text-align: left;border-bottom: solid 1px #DDDDDD;padding: 5px;}
#StoRubriekenLijst td{	padding: 2px;border-bottom: solid 1px #DDDDDD;}

#MailingPanel{ font-size: 11px;	float: left; width: 65%	}
#PageContent{ float: left;}
.leftContent{ float: left;}

#HeaderContainer{ padding-bottom: 5px; border-bottom: solid 0px #BDBDBD; }
#Footer{text-align:center; padding-top: 5px; border-top: solid 1px #BDBDBD;}

.dashboardPanel{padding: 10px;width: 40%;}