/* algemene correctie van standaard uitlijning voor p ol en ul */
p  { margin:11px 0; padding:0;}
ol { list-style-type:decimal; margin:11px 0; padding:0 0 0 40px;}
ul { list-style-type:square; margin:11px 0; padding:0 0 0 40px;}

/*fix voor breedte van transparante overlay in IE */
body       { margin:0;}
form#form1 { width:100%;}

/* fix om footer naar beneden te duwen */
html, body, form { height:100%;}

/* overzichtspagina fix */
#DataList1 p,
#DataList2 p,
#DataList3 p            { margin:0; padding:0;}
#DataList1 .dnaListImg2,
#DataList2 .dnaListImg2,
#DataList3 .dnaListImg2 { border:1px #ededed solid;}




/* 
uitleg om DNA2 overzichtpagina aan te passen
--------------------------------------------
 - om de standaard border rond de dna thumb te krijgen plaats je bij in <asp:Image het volgende ... BorderWidth="1" 
 - om de lees meer link goed uit te lijnen vlak tegen de korte text ...
   plaats je een <p> tag rond de <a>lees meer</a> en verwijder je de <br> net voor de lees meer link
   reden is dat een <p> tag altijd een max width heeft en dus altijd vlak onder de vorige regel of wat dan ook komt
   <br> moet weg omdat vanaf de update de korte text ofwel gewone platte text kan zijn of een <p> kan zijn 
   daardoor wordt de <br> de ene keer achter de text en de andere keer onder de text geplaats .. met gevolg een witregel , dit vangt dit op
*/


/* fix om pagina centrering te herstellen */
body       { margin:0;}
form#form1 { width:100%;}
#totaal    { margin-left:0;}
#content   { overflow:hidden;}