A:link {color: blue}
A:visited {color: maroon}
A:active {color: #e60000; background-color:#ffff80}
A:hover {color: #e60000; background-color:#ffff80}

body {background-color: #f2f1d2; color: black; font-family: Arial, sans-serif; font-size: 100%; text-align: left; margin: 2%,2%,2%,2%}

<!-- text -->
h1, h3, h4, h5, h6 {color: green; padding-left: 1em}
h1 {font-size: 150%; text-align: center}
h2 {padding: 1em,1em,1em,1em;
  font-size: 130%;
  color: black;
  background-color: #acd2a6;
  line-height: 120%;
  vertical-align: middle;
  text-align: left}
h3 {font-size: 110%}
h4 {font-size: 100%}
h5 {font-size: 90%}
h6 {font-size: 80%}

ul, ol, dl, dt, dd {margin-top: 0.5em}
li {margin-top: 0.3em}
dt {font-weight: bold}
dd {text-indent: 2em}
.level1 {list-style-type: decimal; padding-left: 2em}
.level2 {list-style-type: lower-alpha}
.L1 {list-style-type: square}
.L2 {list-style-type: circle}
hr {color: #acd2a6}

<!-- table -->
table {width: 100%; border-style: none}
.table1 {color: black; font-family: Arial, sans-serif; vertical-align: middle;}
.logo {font-size: 150%; font-weight: bold; text-align: center; color: black; background-color: #acd2a6}
.logo-eu {width: 200; text-align: center}

<!-- pre-defined styles -->
.dot {color: maroon}
.big {font-size: 120%; text-align: center; font-weight: bold;}
.bigleft {font-size: 120%; text-align: left; font-weight: bold;}  
.left {text-indent: 3em; text-align: left}
.center {text-align: center}  
.small {font-size: 80%}
.border {border-width: medium; border-color: #acd2a6; border-style: solid;
  padding: 1em,1em,1em,1em;
  text-align: center}
.borderleft {border-width: medium; border-color: #acd2a6; border-style: solid;
  padding: 1em,1em,1em,1em;
  text-align: left}
.bar {padding: 1em,1em,1em,1em; 
  color: black;
  background-color: #acd2a6;
  vertical-align: middle;
  text-align: center}