+
+#pagetop {
+ width: 694px;
+ height:39px;
+ background-image:url('../img/perkamentTop.gif');
+}
+
+#pagemiddle {
+ background-image:url('../img/perkamentCenter.gif');
+ background-repeat:repeat-y;
+ /* Force a new block-formatting context, to prevent any margins from
+ * content to stick out of this div, causing a gap between #pagetop
+ * and #pagemiddle */
+ overflow: hidden;
+ /* Indent the text a bit, so it skips the jagged edges of the
+ * background */
+ padding:0px 45px 0px 45px;
+ /* 694px image width minus two times 45px padding*/
+ width: 604px;
+ /* Set a font colour that's readable on the background image. We
+ * should really also set a background colour here (for when images
+ * are disabled), but it seems it's impossible to do that without the
+ * colour showing always */
+ color:#731E01;
+ font-weight:bold;
+}
+
+#pagemiddle h1,
+#pagemiddle h2,
+#pagemiddle h3 {
+ color:#3F3426;
+}
+
+#pagemiddle h1 {
+ font-size:17px;
+}
+#pagemiddle h2 {
+ font-size:15px;
+}
+
+#pagemiddle a, #pagemiddle a:visited {color: #9F2900;}
+#pagemiddle a:hover, #pagemiddle a:visited:hover {color: #ffd200;}
+
+table {
+ border:0px;
+}
+/*Vaardigheden table*/
+table.border td {
+ border:0px;
+ border-bottom:1px solid #5A1800;
+}
+/* Header row of vaardigheden table*/
+tr.kop1 {
+ background-color:#BEAA76;
+}
+
+tr.kop2 {
+ background-color:#F1E5CB;
+}
+#pagebottom {
+ width: 694px;
+ height:37px;
+ background-image:url('../img/perkamentBottom.gif');
+}