@font-face {
	font-family: 'Pointers';
	src: url('../fonts/Pointers.eot?') format('eot'), 
	     url('../fonts/Pointers.woff') format('woff'), 
	     url('../fonts/Pointers.ttf')  format('truetype'),
	     url('../fonts/Pointers.svg#Pointers') format('svg');
}

.driehoek ul { margin: 0 0 0 2em; padding: 0; list-style-type: none; }
.driehoek ul li { margin: -.4em 0 0 0; }
.driehoek ul li:before { font-family: Pointers; content: "h"; font-size: 1em; color: blue; float: left; padding: 0.25em 0.5em 0 0; }
.driehoek ul li p { font-family: tahoma, sans-serif; font-size: 1em; color: dimgray; }

.blokje { width: 420px; max-width: 95%; }
.blokje ul { margin: 0 0 0 2em; padding: 0; font-family: courier; font-size: 0.95em; list-style-type: square; }
.blokje ul li { display: block; margin: 0.5em 0; padding: 0.5em 1em; background-color: lightslategrey; border-left: 30px solid crimson; color: white; text-shadow: 1px 1px black;  }

.streep { margin-left: 2em; }
.streep ol li { font-family: georgia, serif; font-weight: bold; font-style: italic; font-variant: small-caps; font-size: 1.5em; color: indigo;  }
.streep ol li p { font-family: arial; font-weight: normal; font-style: normal; font-variant: normal; font-size: 0.8em; color: darkslategrey; border-left: 2px solid indigo; padding-left: 0.5em; }

.ovaal { counter-reset: lijst1; margin-left: 2em; }
.ovaal p:before { counter-increment: lijst1; content: "Nr. "counter(lijst1)""; display: block; width: 3.8em; height: 1.8em; background-color: darkcyan; font-family: trebuchet, sans-serif; font-size: 1em; font-variant: small-caps; color: white; text-align: center; line-height: 1.8em; border-radius: 15px; float: left; margin-right: 1em; margin-top: -0.2em; }
.ovaal p { font-family: georgia, serif; font-size: 1em; color: darkslategrey;  }