commit a104e333765e7c834ea3c518e80eed84134f6437
Author: Michel ten Voorde <michel@tenvoorde.org>
Date:   Sun Apr 13 20:31:08 2025 +0200

    Initial commit

diff --git a/PsalmboekParser/hsv - Copy.db b/PsalmboekParser/hsv - Copy.db
new file mode 100644
index 0000000..3381445
Binary files /dev/null and b/PsalmboekParser/hsv - Copy.db differ
diff --git a/PsalmboekParser/hsv.db b/PsalmboekParser/hsv.db
new file mode 100644
index 0000000..df622da
Binary files /dev/null and b/PsalmboekParser/hsv.db differ
diff --git a/PsalmboekParser/info.txt b/PsalmboekParser/info.txt
new file mode 100644
index 0000000..fdf4079
--- /dev/null
+++ b/PsalmboekParser/info.txt
@@ -0,0 +1,40 @@
+gen 24
+lev 13
+num 7, 26
+deut 28
+1 kon 8
+ezra alles
+ps 119
+jer 51
+ez 16
+dan 11 - class m is ook een vers
+hab 3 - class d is ook een vers
+mat 26, 27
+mar 14
+luk 1, 9, 22
+joh 6
+hand 7
+film 1
+
+DELETE FROM VERS WHERE BOEK_ID = 0 AND HOOFDSTUK = 24
+DELETE FROM VERS WHERE BOEK_ID = 2 AND HOOFDSTUK = 13
+DELETE FROM VERS WHERE BOEK_ID = 3 AND HOOFDSTUK = 7
+DELETE FROM VERS WHERE BOEK_ID = 3 AND HOOFDSTUK = 26
+DELETE FROM VERS WHERE BOEK_ID = 4 AND HOOFDSTUK = 28
+DELETE FROM VERS WHERE BOEK_ID = 10 AND HOOFDSTUK = 8
+DELETE FROM VERS WHERE BOEK_ID = 14
+DELETE FROM VERS WHERE BOEK_ID = 18 AND HOOFDSTUK = 119
+DELETE FROM VERS WHERE BOEK_ID = 23 AND HOOFDSTUK = 51
+DELETE FROM VERS WHERE BOEK_ID = 25 AND HOOFDSTUK = 16
+DELETE FROM VERS WHERE BOEK_ID = 26 AND HOOFDSTUK = 11
+DELETE FROM VERS WHERE BOEK_ID = 34 AND HOOFDSTUK = 3
+DELETE FROM VERS WHERE BOEK_ID = 39 AND HOOFDSTUK = 26
+DELETE FROM VERS WHERE BOEK_ID = 39 AND HOOFDSTUK = 27
+DELETE FROM VERS WHERE BOEK_ID = 40 AND HOOFDSTUK = 14
+DELETE FROM VERS WHERE BOEK_ID = 41 AND HOOFDSTUK = 1
+DELETE FROM VERS WHERE BOEK_ID = 41 AND HOOFDSTUK = 9
+DELETE FROM VERS WHERE BOEK_ID = 41 AND HOOFDSTUK = 22
+DELETE FROM VERS WHERE BOEK_ID = 42 AND HOOFDSTUK = 6
+DELETE FROM VERS WHERE BOEK_ID = 43 AND HOOFDSTUK = 7
+DELETE FROM VERS WHERE BOEK_ID = 56 AND HOOFDSTUK = 1
+
diff --git a/PsalmboekParser/parser.jar b/PsalmboekParser/parser.jar
new file mode 100644
index 0000000..604e061
Binary files /dev/null and b/PsalmboekParser/parser.jar differ
diff --git a/PsalmboekParser/pom.xml b/PsalmboekParser/pom.xml
new file mode 100644
index 0000000..304f7cd
--- /dev/null
+++ b/PsalmboekParser/pom.xml
@@ -0,0 +1,32 @@
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+  <groupId>org.tenvoorde</groupId>
+  <artifactId>BiblijaParser</artifactId>
+  <version>0.0.1-SNAPSHOT</version>
+  <build>
+    <sourceDirectory>src</sourceDirectory>
+    <plugins>
+      <plugin>
+        <artifactId>maven-compiler-plugin</artifactId>
+        <version>3.1</version>
+        <configuration>
+          <source>1.7</source>
+          <target>1.7</target>
+        </configuration>
+      </plugin>
+    </plugins>
+  </build>
+  <dependencies>
+    <dependency>
+	  <!-- jsoup HTML parser library @ http://jsoup.org/ -->
+	  <groupId>org.jsoup</groupId>
+	  <artifactId>jsoup</artifactId>
+	  <version>1.7.2</version>
+	</dependency>
+	<dependency>
+	    <groupId>org.xerial</groupId>
+	    <artifactId>sqlite-jdbc</artifactId>
+	    <version>3.7.2</version>
+	</dependency>
+  </dependencies>
+</project>
\ No newline at end of file
diff --git a/PsalmboekParser/src/org/tenvoorde/psalmboekparser/domain/Psalmvers.java b/PsalmboekParser/src/org/tenvoorde/psalmboekparser/domain/Psalmvers.java
new file mode 100644
index 0000000..dc346ac
--- /dev/null
+++ b/PsalmboekParser/src/org/tenvoorde/psalmboekparser/domain/Psalmvers.java
@@ -0,0 +1,28 @@
+package org.tenvoorde.psalmboekparser.domain;
+
+public class Psalmvers {
+
+	private String biblijaName;
+	private int chapters;
+	private String name;
+
+	public Psalmvers(String biblijaName, int chapters, String name) {
+		super();
+		this.biblijaName = biblijaName;
+		this.chapters = chapters;
+		this.name = name;
+	}
+
+	public String getBiblijaName() {
+		return biblijaName;
+	}
+
+	public int getChapters() {
+		return chapters;
+	}
+
+	public String getName() {
+		return name;
+	}
+	
+}
diff --git a/Psalmenweb-nieuw/.gitignore b/Psalmenweb-nieuw/.gitignore
new file mode 100644
index 0000000..549e00a
--- /dev/null
+++ b/Psalmenweb-nieuw/.gitignore
@@ -0,0 +1,33 @@
+HELP.md
+target/
+!.mvn/wrapper/maven-wrapper.jar
+!**/src/main/**/target/
+!**/src/test/**/target/
+
+### STS ###
+.apt_generated
+.classpath
+.factorypath
+.project
+.settings
+.springBeans
+.sts4-cache
+
+### IntelliJ IDEA ###
+.idea
+*.iws
+*.iml
+*.ipr
+
+### NetBeans ###
+/nbproject/private/
+/nbbuild/
+/dist/
+/nbdist/
+/.nb-gradle/
+build/
+!**/src/main/**/build/
+!**/src/test/**/build/
+
+### VS Code ###
+.vscode/
diff --git a/Psalmenweb-nieuw/.mvn/wrapper/MavenWrapperDownloader.java b/Psalmenweb-nieuw/.mvn/wrapper/MavenWrapperDownloader.java
new file mode 100644
index 0000000..e76d1f3
--- /dev/null
+++ b/Psalmenweb-nieuw/.mvn/wrapper/MavenWrapperDownloader.java
@@ -0,0 +1,117 @@
+/*
+ * Copyright 2007-present the original author or authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import java.net.*;
+import java.io.*;
+import java.nio.channels.*;
+import java.util.Properties;
+
+public class MavenWrapperDownloader {
+
+    private static final String WRAPPER_VERSION = "0.5.6";
+    /**
+     * Default URL to download the maven-wrapper.jar from, if no 'downloadUrl' is provided.
+     */
+    private static final String DEFAULT_DOWNLOAD_URL = "https://repo.maven.apache.org/maven2/io/takari/maven-wrapper/"
+        + WRAPPER_VERSION + "/maven-wrapper-" + WRAPPER_VERSION + ".jar";
+
+    /**
+     * Path to the maven-wrapper.properties file, which might contain a downloadUrl property to
+     * use instead of the default one.
+     */
+    private static final String MAVEN_WRAPPER_PROPERTIES_PATH =
+            ".mvn/wrapper/maven-wrapper.properties";
+
+    /**
+     * Path where the maven-wrapper.jar will be saved to.
+     */
+    private static final String MAVEN_WRAPPER_JAR_PATH =
+            ".mvn/wrapper/maven-wrapper.jar";
+
+    /**
+     * Name of the property which should be used to override the default download url for the wrapper.
+     */
+    private static final String PROPERTY_NAME_WRAPPER_URL = "wrapperUrl";
+
+    public static void main(String args[]) {
+        System.out.println("- Downloader started");
+        File baseDirectory = new File(args[0]);
+        System.out.println("- Using base directory: " + baseDirectory.getAbsolutePath());
+
+        // If the maven-wrapper.properties exists, read it and check if it contains a custom
+        // wrapperUrl parameter.
+        File mavenWrapperPropertyFile = new File(baseDirectory, MAVEN_WRAPPER_PROPERTIES_PATH);
+        String url = DEFAULT_DOWNLOAD_URL;
+        if(mavenWrapperPropertyFile.exists()) {
+            FileInputStream mavenWrapperPropertyFileInputStream = null;
+            try {
+                mavenWrapperPropertyFileInputStream = new FileInputStream(mavenWrapperPropertyFile);
+                Properties mavenWrapperProperties = new Properties();
+                mavenWrapperProperties.load(mavenWrapperPropertyFileInputStream);
+                url = mavenWrapperProperties.getProperty(PROPERTY_NAME_WRAPPER_URL, url);
+            } catch (IOException e) {
+                System.out.println("- ERROR loading '" + MAVEN_WRAPPER_PROPERTIES_PATH + "'");
+            } finally {
+                try {
+                    if(mavenWrapperPropertyFileInputStream != null) {
+                        mavenWrapperPropertyFileInputStream.close();
+                    }
+                } catch (IOException e) {
+                    // Ignore ...
+                }
+            }
+        }
+        System.out.println("- Downloading from: " + url);
+
+        File outputFile = new File(baseDirectory.getAbsolutePath(), MAVEN_WRAPPER_JAR_PATH);
+        if(!outputFile.getParentFile().exists()) {
+            if(!outputFile.getParentFile().mkdirs()) {
+                System.out.println(
+                        "- ERROR creating output directory '" + outputFile.getParentFile().getAbsolutePath() + "'");
+            }
+        }
+        System.out.println("- Downloading to: " + outputFile.getAbsolutePath());
+        try {
+            downloadFileFromURL(url, outputFile);
+            System.out.println("Done");
+            System.exit(0);
+        } catch (Throwable e) {
+            System.out.println("- Error downloading");
+            e.printStackTrace();
+            System.exit(1);
+        }
+    }
+
+    private static void downloadFileFromURL(String urlString, File destination) throws Exception {
+        if (System.getenv("MVNW_USERNAME") != null && System.getenv("MVNW_PASSWORD") != null) {
+            String username = System.getenv("MVNW_USERNAME");
+            char[] password = System.getenv("MVNW_PASSWORD").toCharArray();
+            Authenticator.setDefault(new Authenticator() {
+                @Override
+                protected PasswordAuthentication getPasswordAuthentication() {
+                    return new PasswordAuthentication(username, password);
+                }
+            });
+        }
+        URL website = new URL(urlString);
+        ReadableByteChannel rbc;
+        rbc = Channels.newChannel(website.openStream());
+        FileOutputStream fos = new FileOutputStream(destination);
+        fos.getChannel().transferFrom(rbc, 0, Long.MAX_VALUE);
+        fos.close();
+        rbc.close();
+    }
+
+}
diff --git a/Psalmenweb-nieuw/.mvn/wrapper/maven-wrapper.jar b/Psalmenweb-nieuw/.mvn/wrapper/maven-wrapper.jar
new file mode 100644
index 0000000..2cc7d4a
Binary files /dev/null and b/Psalmenweb-nieuw/.mvn/wrapper/maven-wrapper.jar differ
diff --git a/Psalmenweb-nieuw/.mvn/wrapper/maven-wrapper.properties b/Psalmenweb-nieuw/.mvn/wrapper/maven-wrapper.properties
new file mode 100644
index 0000000..642d572
--- /dev/null
+++ b/Psalmenweb-nieuw/.mvn/wrapper/maven-wrapper.properties
@@ -0,0 +1,2 @@
+distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.6.3/apache-maven-3.6.3-bin.zip
+wrapperUrl=https://repo.maven.apache.org/maven2/io/takari/maven-wrapper/0.5.6/maven-wrapper-0.5.6.jar
diff --git a/Psalmenweb-nieuw/pom.xml b/Psalmenweb-nieuw/pom.xml
new file mode 100644
index 0000000..2bcf238
--- /dev/null
+++ b/Psalmenweb-nieuw/pom.xml
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+	<modelVersion>4.0.0</modelVersion>
+	<parent>
+		<groupId>org.springframework.boot</groupId>
+		<artifactId>spring-boot-starter-parent</artifactId>
+		<version>2.3.4.RELEASE</version>
+		<relativePath/> <!-- lookup parent from repository -->
+	</parent>
+	<groupId>org.tenvoorde</groupId>
+	<artifactId>psalmenweb</artifactId>
+	<version>0.0.1-SNAPSHOT</version>
+	<packaging>war</packaging>
+	<name>psalmenweb</name>
+
+	<properties>
+		<java.version>11</java.version>
+	</properties>
+
+	<dependencies>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-data-jpa</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-web</artifactId>
+		</dependency>
+
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-devtools</artifactId>
+			<scope>runtime</scope>
+			<optional>true</optional>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-configuration-processor</artifactId>
+			<optional>true</optional>
+		</dependency>
+		<dependency>
+			<groupId>org.projectlombok</groupId>
+			<artifactId>lombok</artifactId>
+			<optional>true</optional>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-tomcat</artifactId>
+			<scope>provided</scope>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-actuator</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-test</artifactId>
+			<scope>test</scope>
+			<exclusions>
+				<exclusion>
+					<groupId>org.junit.vintage</groupId>
+					<artifactId>junit-vintage-engine</artifactId>
+				</exclusion>
+			</exclusions>
+		</dependency>
+		<dependency>
+			<groupId>mysql</groupId>
+			<artifactId>mysql-connector-java</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.apache.tomcat.embed</groupId>
+			<artifactId>tomcat-embed-jasper</artifactId>
+			<scope>provided</scope>
+		</dependency>
+		<dependency>
+			<groupId>javax.servlet</groupId>
+			<artifactId>jstl</artifactId>
+			<version>1.2</version>
+		</dependency>
+
+	</dependencies>
+
+	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.springframework.boot</groupId>
+				<artifactId>spring-boot-maven-plugin</artifactId>
+			</plugin>
+			<plugin>
+				<groupId>org.springframework.boot</groupId>
+				<artifactId>spring-boot-maven-plugin</artifactId>
+				<version>2.3.3.RELEASE</version>
+			</plugin>
+			<plugin>
+				<groupId>org.codehaus.cargo</groupId>
+				<artifactId>cargo-maven2-plugin</artifactId>
+				<version>1.8.1</version>
+				<configuration>
+					<container>
+						<containerId>tomcat9x</containerId>
+						<type>remote</type>
+					</container>
+					<configuration>
+						<type>runtime</type>
+						<properties>
+							<cargo.remote.username>maven</cargo.remote.username>
+							<cargo.remote.password>tomcat</cargo.remote.password>
+							<cargo.remote.uri>http://tenvoorde.org:8080/manager/text</cargo.remote.uri>
+						</properties>
+					</configuration>
+					<deployables>
+						<deployable>
+							<groupId>org.tenvoorde</groupId>
+							<artifactId>psalmenweb</artifactId>
+							<type>war</type>
+						</deployable>
+					</deployables>
+				</configuration>
+			</plugin>
+		</plugins>
+	</build>
+
+</project>
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/PsalmenwebApplication.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/PsalmenwebApplication.java
new file mode 100644
index 0000000..0fcb5db
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/PsalmenwebApplication.java
@@ -0,0 +1,13 @@
+package org.tenvoorde.psalmenweb;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+@SpringBootApplication
+public class PsalmenwebApplication {
+
+	public static void main(String[] args) {
+		SpringApplication.run(PsalmenwebApplication.class, args);
+	}
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/ServletInitializer.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/ServletInitializer.java
new file mode 100644
index 0000000..a4faf61
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/ServletInitializer.java
@@ -0,0 +1,13 @@
+package org.tenvoorde.psalmenweb;
+
+import org.springframework.boot.builder.SpringApplicationBuilder;
+import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;
+
+public class ServletInitializer extends SpringBootServletInitializer {
+
+	@Override
+	protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
+		return application.sources(PsalmenwebApplication.class);
+	}
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/BijbelController.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/BijbelController.java
new file mode 100644
index 0000000..5a6cb9b
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/BijbelController.java
@@ -0,0 +1,146 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.tenvoorde.psalmenweb.dao.BijbelBoekDao;
+import org.tenvoorde.psalmenweb.dao.BijbelversDao;
+import org.tenvoorde.psalmenweb.dao.VertalingDao;
+import org.tenvoorde.psalmenweb.domain.BijbelBoek;
+import org.tenvoorde.psalmenweb.domain.Bijbelvers;
+
+import javax.servlet.ServletRequest;
+import java.util.List;
+
+@Controller
+public class BijbelController {
+	
+//	private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
+	
+	@Autowired
+	private BijbelversDao bijbelversDao;
+
+	@Autowired
+	private VertalingDao vertalingDao;
+
+	@Autowired
+	private BijbelBoekDao bijbelBoekDao;
+
+	@RequestMapping(value = "/bijbel", method = RequestMethod.GET)
+	public String bijbel(
+			@RequestParam(value="t", required = true) Integer vertaling,
+			@RequestParam(value="b", required = true) Integer boek,
+			@RequestParam(value="h", required = true) Integer hoofdstuk,
+			Model model, ServletRequest req) {
+
+//		if (vertaling == null) {
+//			vertaling = 1;
+//		}
+//		if (boek == null) {
+//			boek = 0;
+//		}
+//		if (hoofdstuk == null) {
+//			hoofdstuk = 1;
+//		}
+		
+//		model.addAttribute("vertaling", bijbelDAO.getVertaling(vertaling));
+		model.addAttribute("vertaling", vertalingDao.findById(vertaling).get());
+		model.addAttribute("boek", bijbelBoekDao.findById(boek).get());
+		model.addAttribute("hoofdstuk", hoofdstuk);
+		model.addAttribute("linkvorige", linkVorigHoofdstuk(vertaling, boek, hoofdstuk));
+		model.addAttribute("linkvolgende", linkVolgendHoofdstuk(vertaling, boek, hoofdstuk));
+		model.addAttribute("linkvertaling", genereerLinkNaarHoofdstuk((vertaling == 1 ? 2 : 1), boek, hoofdstuk));
+		
+		List<Bijbelvers> verzen = bijbelversDao.getHoofdstuk(vertaling, boek, hoofdstuk);
+		model.addAttribute("verzen", verzen);
+		return "bijbel";
+	}
+	
+	@RequestMapping(value = "/bijbelindex", method = RequestMethod.GET)
+	public String bijbelIndex(
+			@RequestParam(value="t", required = true) Integer vertaling,
+			Model model, ServletRequest req) {
+		
+		model.addAttribute("letters", new String[] {
+				"1", "2", "3", "A", "D", "E", "F", "G", "H", "J",
+				"K", "L", "M", "N", "O", "P", "R", "S", "T", "Z"
+		});
+		model.addAttribute("vertaling", vertalingDao.findById(vertaling).get());
+		return "bijbelindex";
+	}
+	
+	@RequestMapping(value = "/bijbelindexboeken", method = RequestMethod.GET)
+	public String bijbelIndexBoeken(
+			@RequestParam(value="start", required = true) String startsWith,
+			@RequestParam(value="t", required = true) Integer vertaling,
+			Model model, ServletRequest req) {
+
+		List<BijbelBoek> boeken = bijbelBoekDao.findAllByAfkortingStartsWith(startsWith);
+		
+		if (boeken.size() == 1) {
+//			return "redirect:http://psalmenonline.nl/bijbelindexchapter?boek=" + boeken.get(0).getId() + "&t=" + vertaling;
+			return "redirect:bijbelindexchapter?boek=" + boeken.get(0).getId() + "&t=" + vertaling;
+		}
+		
+		model.addAttribute("boeken", boeken);
+		model.addAttribute("vertaling", vertalingDao.findById(vertaling).get());
+		return "bijbelindexboeken";
+	}
+	
+	@RequestMapping(value = "/bijbelindexchapter", method = RequestMethod.GET)
+	public String bijbelIndexHoofdstuk(
+			@RequestParam(value="boek", required = true) Integer boek,
+			@RequestParam(value="t", required = true) Integer vertaling,
+			Model model, ServletRequest req) {
+		
+		BijbelBoek bijbelboek = bijbelBoekDao.findById(boek).get();
+		
+		if (bijbelboek.getHoofdstukken() == 1) {
+//			return "redirect:http://psalmenonline.nl/bijbel?t=" + vertaling + "&b=" + boek + "&h=1";
+			return "redirect:bijbel?t=" + vertaling + "&b=" + boek + "&h=1";
+		}
+		
+		model.addAttribute("boek", bijbelboek);
+		model.addAttribute("vertaling", vertalingDao.findById(vertaling).get());
+		return "bijbelindexchapter";
+	}
+
+	
+	private String linkVorigHoofdstuk(Integer vertaling, Integer boek, int hoofdstuk) {
+		if (hoofdstuk > 1) {
+			hoofdstuk--;
+		} else {
+			if (boek == 0) {
+				return "#";
+			} else {
+				boek--;
+				hoofdstuk = bijbelBoekDao.findById(boek).get().getHoofdstukken();
+			}
+		}
+		
+		return genereerLinkNaarHoofdstuk(vertaling, boek, hoofdstuk);
+	}
+
+	private String linkVolgendHoofdstuk(Integer vertaling, Integer boek, int hoofdstuk) {
+		if (hoofdstuk < bijbelBoekDao.findById(boek).get().getHoofdstukken()) {
+			hoofdstuk++;
+		} else {
+			if (boek == 65) {
+				return "#";
+			} else {
+				boek++;
+				hoofdstuk = 1;
+			}
+		}
+		
+		return genereerLinkNaarHoofdstuk(vertaling, boek, hoofdstuk);
+	}
+
+	private String genereerLinkNaarHoofdstuk(Integer vertaling, Integer boek, int hoofdstuk) {
+		return "bijbel?t=" + vertaling + "&b=" + boek + "&h=" + hoofdstuk;		
+	}
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/CatechismusController.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/CatechismusController.java
new file mode 100644
index 0000000..75ee3fb
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/CatechismusController.java
@@ -0,0 +1,46 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.tenvoorde.psalmenweb.dao.CatechismusDao;
+import org.tenvoorde.psalmenweb.domain.CatechismusVraag;
+
+import java.util.List;
+import java.util.Locale;
+
+@Controller
+public class CatechismusController {
+	
+	//private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
+	
+	@Autowired
+	private CatechismusDao catechismusDao;
+	
+	@RequestMapping(value = "/hc", method = RequestMethod.GET)
+	public String catechismus(@RequestParam(value="z", required = false) Integer hc, Locale locale, Model model) {
+		
+		//new CatechismusParser().parser(catechismusDao, logger);
+		//if (true) return "";
+		if (hc == null) {
+			hc = 1;
+		}
+		model.addAttribute("hc", hc);
+		
+		List<CatechismusVraag> zondag = catechismusDao.findAllByZondag(hc);
+		
+		model.addAttribute("zondag", zondag);
+		
+		return "hc";
+	}
+
+	@RequestMapping(value = "/hcindex", method = RequestMethod.GET)
+	public String hcIndex() {		
+		return "hcindex";
+	}
+
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/HomeController.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/HomeController.java
new file mode 100644
index 0000000..5769f54
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/HomeController.java
@@ -0,0 +1,19 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+
+@Controller
+public class HomeController {
+	
+	@RequestMapping(value = "/", method = RequestMethod.GET)
+	public String index() {
+		return "index";
+	}
+	
+	@RequestMapping(value = "/info", method = RequestMethod.GET)
+	public String info() {
+		return "info";
+	}
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/PsalmenController.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/PsalmenController.java
new file mode 100644
index 0000000..42b9867
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/controllers/PsalmenController.java
@@ -0,0 +1,60 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.tenvoorde.psalmenweb.dao.PsalmDao;
+import org.tenvoorde.psalmenweb.domain.Psalmregel;
+
+import java.util.List;
+import java.util.Locale;
+
+@Controller
+public class PsalmenController {
+	
+//	private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
+	
+	@Autowired
+	private PsalmDao psalmDao;
+	
+	@RequestMapping(value = "/psalm", method = RequestMethod.GET)
+	public String psalm(@RequestParam(value="p", required = false) Integer psalm, @RequestParam(value="v", required = false) Integer vers, Locale locale, Model model) {
+//		try {
+//			//new PsalmboekParser().parser(dao, logger);
+//		} catch (Exception e) {
+//		}
+		if (psalm == null) {
+			psalm = 1;
+		}
+		model.addAttribute("psalm", psalm);
+		model.addAttribute("vers", vers);
+		
+		List<Psalmregel> psalmRegels = psalmDao.findAllByPsalm(psalm);
+		
+		model.addAttribute("psalmRegels", psalmRegels);
+		
+		return "psalm";
+	}
+
+	@RequestMapping(value = "/psalmindex", method = RequestMethod.GET)
+	public String psalmIndex() {		
+		return "psalmindex";
+	}
+
+	@RequestMapping(value = "/psalmcheck", method = RequestMethod.GET)
+	public @ResponseBody Boolean checkPsalmVerseExists(
+			@RequestParam(value="p", required = true) Integer psalm,
+			@RequestParam(value="v", required = true) Integer vers) {
+		
+		if (vers > psalmDao.getNumberOfVerses(psalm)) {
+			return Boolean.FALSE;
+		} else {
+			return Boolean.TRUE;
+		}
+	}
+	
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelBoekDao.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelBoekDao.java
new file mode 100644
index 0000000..9d38273
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelBoekDao.java
@@ -0,0 +1,16 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.query.Param;
+import org.tenvoorde.psalmenweb.domain.BijbelBoek;
+
+import java.util.List;
+
+public interface BijbelBoekDao extends JpaRepository<BijbelBoek, Integer> {
+
+//    @Query("select b from BijbelBoek b where b.afkorting like ':start%'")
+//    public List<BijbelBoek> getBoekenStartsWith(@Param("start") String start);
+
+    List<BijbelBoek> findAllByAfkortingStartsWith(String start);
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelversDao.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelversDao.java
new file mode 100644
index 0000000..b2ba03d
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelversDao.java
@@ -0,0 +1,14 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.Repository;
+import org.tenvoorde.psalmenweb.domain.Bijbelvers;
+
+import java.util.List;
+
+public interface BijbelversDao extends JpaRepository<Bijbelvers, Integer> {
+    @Query("select v from Bijbelvers v where v.vertaling = :vertaling and v.boek = :boek and v.hoofdstuk = :hoofdstuk order by v.vers")
+    List<Bijbelvers> getHoofdstuk(Integer vertaling, Integer boek, Integer hoofdstuk);
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/CatechismusDao.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/CatechismusDao.java
new file mode 100644
index 0000000..a8efaae
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/CatechismusDao.java
@@ -0,0 +1,13 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.repository.CrudRepository;
+import org.springframework.data.repository.Repository;
+import org.tenvoorde.psalmenweb.domain.CatechismusVraag;
+
+import java.util.List;
+
+public interface CatechismusDao extends Repository<CatechismusVraag, Integer> {
+
+    List<CatechismusVraag> findAllByZondag(Integer hc);
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/PsalmDao.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/PsalmDao.java
new file mode 100644
index 0000000..e18e82c
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/PsalmDao.java
@@ -0,0 +1,14 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.CrudRepository;
+import org.tenvoorde.psalmenweb.domain.Psalmregel;
+
+import java.util.List;
+
+public interface PsalmDao extends CrudRepository<Psalmregel, Integer> {
+    List<Psalmregel> findAllByPsalm(Integer psalm);
+
+    @Query("select count(distinct p.vers) from Psalmregel p where p.psalm = :psalm")
+    Integer getNumberOfVerses(Integer psalm);
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/VertalingDao.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/VertalingDao.java
new file mode 100644
index 0000000..33b4a08
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/dao/VertalingDao.java
@@ -0,0 +1,8 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import org.springframework.data.repository.CrudRepository;
+import org.tenvoorde.psalmenweb.domain.Bijbelvers;
+import org.tenvoorde.psalmenweb.domain.Vertaling;
+
+public interface VertalingDao extends CrudRepository<Vertaling, Integer> {
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/BijbelBoek.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/BijbelBoek.java
new file mode 100644
index 0000000..633e590
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/BijbelBoek.java
@@ -0,0 +1,37 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+import javax.persistence.*;
+
+@Getter @Setter @ToString
+@Entity
+@Table(name = "BOEK", schema="psalmenweb")
+public class BijbelBoek {
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private int id;
+
+	private String boek;
+
+	private String afkorting;
+
+	private int hoofdstukken;
+	
+	public BijbelBoek(int id, String boek, String afkorting, int hoofdstukken) {
+		super();
+		this.id = id;
+		this.boek = boek;
+		this.afkorting = afkorting;
+		this.hoofdstukken = hoofdstukken;
+	}
+	
+	public BijbelBoek() {
+		// TODO Auto-generated constructor stub
+	}
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Bijbelvers.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Bijbelvers.java
new file mode 100644
index 0000000..edf0cf8
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Bijbelvers.java
@@ -0,0 +1,39 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+import javax.persistence.*;
+import java.io.Serializable;
+
+@Getter @Setter @ToString
+@Entity
+@Table(name = "VERS", schema = "psalmenweb")
+public class Bijbelvers implements Serializable {
+	
+	private static final long serialVersionUID = 4765101556890177766L;
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private int id;
+	
+	@Column(name = "VERTALING_ID")
+	private Integer vertaling;
+	
+	@Column(name = "BOEK_ID")
+	private Integer boek;
+	
+	@Column(name = "HOOFDSTUK")
+	private Integer hoofdstuk;
+	
+	@Column(name = "VERS")
+	private Integer vers;
+	
+	@Column(name = "TEKST", columnDefinition = "TEXT")
+	private String tekst;
+
+
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/CatechismusVraag.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/CatechismusVraag.java
new file mode 100644
index 0000000..18ea84f
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/CatechismusVraag.java
@@ -0,0 +1,34 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+import javax.persistence.*;
+import java.io.Serializable;
+
+@Getter @Setter @ToString
+@Entity
+@Table(name = "CATECHISMUS", schema = "psalmenweb")
+public class CatechismusVraag implements Serializable {
+
+	private static final long serialVersionUID = 4234966319088621876L;
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private int id;
+	
+	@Column(name = "ZONDAG")
+	private Integer zondag;
+	
+	@Column(name = "VRAAG")
+	private Integer vraag;
+	
+	@Column(name = "TEKST_VRAAG", columnDefinition = "TEXT")
+	private String tekstVraag;
+	
+	@Column(name = "TEKST_ANTWOORD", columnDefinition = "TEXT")
+	private String tekstAntwoord;
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Psalmregel.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Psalmregel.java
new file mode 100644
index 0000000..f632b5d
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Psalmregel.java
@@ -0,0 +1,34 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+import javax.persistence.*;
+import java.io.Serializable;
+
+@Getter @Setter @ToString
+@Entity
+@Table(name = "PSALMREGEL", schema="psalmenweb")
+public class Psalmregel implements Serializable {
+	
+	private static final long serialVersionUID = 4765101556890177766L;
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private int id;
+	
+	@Column(name = "PSALM")
+	private Integer psalm;
+	
+	@Column(name = "VERS")
+	private Integer vers;
+	
+	@Column(name = "REGEL")
+	private Integer regel;
+	
+	@Column(name = "TEKST", columnDefinition = "TEXT")
+	private String tekst;
+
+}
diff --git a/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Vertaling.java b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Vertaling.java
new file mode 100644
index 0000000..755b65e
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/java/org/tenvoorde/psalmenweb/domain/Vertaling.java
@@ -0,0 +1,50 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import javax.persistence.*;
+
+@Entity
+@Table(name = "VERTALING", schema = "psalmenweb")
+public class Vertaling {
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private int id;
+
+	@Column(name = "VERTALING")
+	private String vertaling;
+
+	@Column(name = "AFKORTING")
+	private String afkorting;
+
+	public Vertaling() {
+		super();
+	}
+
+	public int getId() {
+		return id;
+	}
+
+	public void setId(int id) {
+		this.id = id;
+	}
+
+	public String getVertaling() {
+		return vertaling;
+	}
+
+	public void setVertaling(String vertaling) {
+		this.vertaling = vertaling;
+	}
+
+	public String getAfkorting() {
+		return afkorting;
+	}
+
+	public void setAfkorting(String afkorting) {
+		this.afkorting = afkorting;
+	}
+
+
+
+}
diff --git a/Psalmenweb-nieuw/src/main/resources/application.properties b/Psalmenweb-nieuw/src/main/resources/application.properties
new file mode 100644
index 0000000..9cc44a0
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/resources/application.properties
@@ -0,0 +1,11 @@
+spring.jpa.hibernate.ddl-auto=validate
+spring.datasource.url=jdbc:mysql://37.97.221.166:3306/psalmenweb?serverTimezone=UTC
+spring.datasource.username=psalmenonline
+spring.datasource.password=zMhMipovKFgc1m8n
+spring.jpa.hibernate.naming.implicit-strategy=org.hibernate.boot.model.naming.ImplicitNamingStrategyJpaCompliantImpl
+spring.jpa.hibernate.naming.physical-strategy=org.hibernate.boot.model.naming.PhysicalNamingStrategyStandardImpl
+spring.jpa.database-platform=org.hibernate.dialect.MySQL8Dialect
+#spring.datasource.driver-class-name=com.mysql.jdbc.Driver
+
+spring.mvc.view.prefix=/WEB-INF/views/
+spring.mvc.view.suffix=.jsp
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbel.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbel.jsp
new file mode 100644
index 0000000..5026041
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbel.jsp
@@ -0,0 +1,125 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>${boek.boek} <c:if test="${boek.hoofdstukken > 1}">${hoofdstuk} </c:if>(${vertaling.afkorting})</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed" id="psalmhoofd">
+			<div class="psalmheader">${boek.boek} <c:if test="${boek.hoofdstukken > 1}">${hoofdstuk} </c:if>(${vertaling.afkorting})</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+	 		<a href="hcindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="hc" data-ajax="false" class="ui-btn-right" style="margin-right:250px;"></a>
+	 		<c:choose>
+	 			<c:when test="${vertaling.id == 1}">
+		 			<a href="${linkvertaling}" data-inline="true" data-icon="custom" data-iconpos="notext" id="sv" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 			</c:when>
+	 			<c:otherwise>
+		 			<a href="${linkvertaling}" data-inline="true" data-icon="custom" data-iconpos="notext" id="hsv" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 			</c:otherwise>
+	 		</c:choose>		
+	 		<a href="psalmindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="note" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>	 		
+		</div>
+		<div data-role="content">
+			<br /> <br />
+			<c:forEach items="${verzen}" var="vers"
+				varStatus="varstatus">
+				<p class="psalmline"><span class="bijbelvers">${vers.vers}</span> ${vers.tekst}</p>
+			</c:forEach>
+ 
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+ 			<div data-role="navbar" data-position="fixed" class="bigbuttons" data-grid="d">
+				<ul>
+					<li><a href="${linkvorige}"		id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 				id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="bijbelindex?t=${vertaling.id}"	id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 				id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="${linkvolgende}" 	id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+		
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".psalmline").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmline").css("font-size", cssSize);
+			
+			PREF_TEXTSIZE = size + delta;
+			savePreferences();
+		}
+
+		$(document).on('pageinit', function() {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+			});
+			
+			if ($("#left").attr("href") == "#") {
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+
+			if ($("#right").attr("href") == "#") {
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+
+		});
+		
+//		function goToVerse(immediately) {
+//			if ("${vers}" != "") {
+//				var target = $("#v${vers}").get(0).offsetTop;
+//			
+//				if (target !== undefined) {
+//					if (immediately) {
+//						$.mobile.silentScroll(target);		
+//					} else {
+//						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+//					}
+//				}
+//			}
+//		}
+		
+//		$(document).on('pageshow', function(){
+			//goToVerse(false);
+//		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindex.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindex.jsp
new file mode 100644
index 0000000..0bf093e
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindex.jsp
@@ -0,0 +1,46 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<c:forEach items="${letters}" var="letter" varStatus="index">
+				<c:if test="${(index.index % 4 == 0) && (index.index > 0)}">
+					</div>
+				</c:if>
+				<c:if test="${index.index % 4 == 0}">
+					<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				</c:if>
+				<a href="bijbelindexboeken?start=${letter}&t=${vertaling.id}" data-role="button" data-theme="a" data-ajax="false">${letter}</a>
+				&nbsp;
+			</c:forEach>		
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindexboeken.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindexboeken.jsp
new file mode 100644
index 0000000..2b25075
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindexboeken.jsp
@@ -0,0 +1,46 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<c:forEach items="${boeken}" var="boek" varStatus="index">
+				<c:if test="${(index.index % 4 == 0) && (index.index > 0)}">
+					</div>
+				</c:if>
+				<c:if test="${index.index % 4 == 0}">
+					<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				</c:if>
+				<a href="bijbelindexchapter?boek=${boek.id}&t=${vertaling.id}" data-role="button" data-theme="a" data-ajax="false">${boek.afkorting}</a>
+				&nbsp;
+			</c:forEach>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindexchapter.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindexchapter.jsp
new file mode 100644
index 0000000..fb26c5e
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/bijbelindexchapter.jsp
@@ -0,0 +1,176 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="boekhoofdstuk" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">${boek.boek} <span id="choice"></span></a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#x25C0;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				removeChar();
+				break;
+			case "e":
+				if (! $("#boekhoofdstuk").hasClass("invalid")) {
+					var choice = $("#choice").html();
+					if (choice == "") {
+						choice = "1";
+						$("#choice").html(choice);
+					}
+
+					window.location.href = "bijbel?t=${vertaling.id}&b=${boek.id}&h=" + choice;
+				}
+			}				
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		
+		if (lengte == 3) {
+			choice = "";
+		}
+		if (lengte == 0 && knop == "0") {
+			return;
+		}
+
+		choice += knop;
+		
+		$("#choice").html(choice);
+		
+		checkCorrectChapter();
+	}
+	
+	function removeChar() {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		if (lengte > 0) {
+			choice = choice.substring(0, choice.length - 1);
+			$("#choice").html(choice);
+		}
+		checkCorrectChapter();
+	}
+	
+	function checkCorrectChapter() {
+		var hoofdstuk = parseInt($("#choice").html());
+		if (hoofdstuk > ${boek.hoofdstukken}) {
+			$("#boekhoofdstuk").addClass("invalid");
+		} else {
+			$("#boekhoofdstuk").removeClass("invalid");
+		}
+	}
+
+	function toastVerseDoesNotExist() {
+		$("a#choice span span").addClass("invalid");
+		$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Dit vers bestaat niet.</h1></div>")
+			.css({
+				display: "block", 
+//				opacity: 0.90, 
+				position: "fixed",
+				padding: "7px",
+				"text-align": "center",
+				width: "350px",
+				left: ($(window).width() - 364) / 2,
+				top: $(window).height() / 2})
+			.appendTo($.mobile.pageContainer).delay(2000)
+			.fadeOut(400, function(){
+				$(this).remove();
+				var choice = $("a#choice span span").html();
+				choice = choice.substring(0, choice.indexOf("vers") + 5);
+				$("a#choice span span").html(choice);
+				$("a#choice span span").removeClass("invalid");
+		});
+	}
+
+	function checkPsalmVerseExists(psalm, vers) {
+		var result;
+		$.ajax({
+			url: 'psalmcheck',
+			async: false,
+			data: {p: psalm, v: vers}, //'p=' & psalm & '&v=' & vers,
+			success: function(data) {
+				result = data;
+			}
+		});
+		
+		return result;
+	}
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/hc.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/hc.jsp
new file mode 100644
index 0000000..4c81cd5
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/hc.jsp
@@ -0,0 +1,124 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>Zondag ${hc}</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed">
+			<div class="psalmheader">Zondag ${hc}</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+			<a href="psalmindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="note" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 		<a href="bijbelindex?t=1" data-inline="true" data-icon="custom" data-iconpos="notext" id="book" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>
+		</div>
+		<div data-role="content">
+			<br /> <br />
+	 		<c:forEach items="${zondag}" var="vraag" varStatus="varstatus">
+				<div class="psalmverseheader">Vraag ${vraag.vraag}</div>
+				<p class="hclinequestion">${vraag.tekstVraag}</p>
+				<p class="hclineanswer">${vraag.tekstAntwoord}</p>
+				<br />
+			</c:forEach>
+
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+			<div data-role="navbar" class="bigbuttons" data-position="fixed">
+				<ul>
+					<li><a href="hc?z=${hc - 1}"		id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 					id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="hcindex"				id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 					id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="hc?z=${hc + 1}"		id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>				
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".hclinequestion").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".hclinequestion").css("font-size", cssSize);
+			
+			size = parseInt($(".hclineanswer").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".hclineanswer").css("font-size", cssSize);
+
+			PREF_TEXTSIZE = size + delta;
+			savePreferences();
+	}
+
+		$(document).on('pageinit', function() {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+			});
+
+			if ('${hc}' == '1') {
+				$("#left").attr("href", "#");
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+			if ('${hc}' == '52') {
+				$("#right").attr("href", "#");
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+			
+		});
+		
+		function goToVerse(immediately) {
+			if ("${vers}" != "") {
+				var target = $("#v${vers}").get(0).offsetTop;
+				
+				if (target !== undefined) {
+					if (immediately) {
+						$.mobile.silentScroll(target);		
+					} else {
+						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+					}
+				}
+			}
+		}
+		
+		$(document).on('pageshow', function(){
+			goToVerse(false);
+		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/hcindex.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/hcindex.jsp
new file mode 100644
index 0000000..7218020
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/hcindex.jsp
@@ -0,0 +1,146 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index Catechismus</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="hc" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">Zondag <span id="choice"></span></a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#8630;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				if ($("#choice").html().length == 0) {
+					window.history.back();
+				} else {
+					removeChar();
+				}
+				
+				break;
+			case "e":
+				if (! $("#hc").hasClass("invalid")) {
+					var choice = $("#choice").html();
+					window.location.href = "hc?z=" + choice;
+				}
+			}
+			if ($("#choice").html().length == 0) {
+				$("a#kd span span").html("&#8630;");
+			} else {
+				$("a#kd span span").html("&#x25C0;");
+			}
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		
+		if (lengte == 2) {
+			choice = "";
+		}
+		if (lengte == 0 && knop == "0") {
+			return;
+		}
+
+		choice += knop;
+		
+		$("#choice").html(choice);
+		
+		checkCorrectChoice();
+	}
+	
+	function removeChar() {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		if (lengte > 0) {
+			choice = choice.substring(0, choice.length - 1);
+			$("#choice").html(choice);
+		}
+		checkCorrectChoice();
+	}
+	
+	function checkCorrectChoice() {
+		var hc = parseInt($("#choice").html());
+		if (hc > 52) {
+			$("#hc").addClass("invalid");
+		} else {
+			$("#hc").removeClass("invalid");
+		}
+	}
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/index.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/index.jsp
new file mode 100644
index 0000000..c27d299
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/index.jsp
@@ -0,0 +1,54 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 30%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="bijbelindex?t=1" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Bijbel (HSV)</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="bijbelindex?t=2" style="width: 100%;"data-role="button" data-theme="a" data-ajax="false">Bijbel (SV)</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="psalmindex" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Psalmen</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="hcindex" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Heidelbergse Catechismus</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a style="width: 100%; visibility: hidden;" data-role="button" data-theme="a" data-ajax="false">Psalmen</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="info" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Informatie</a>
+			</div>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/info.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/info.jsp
new file mode 100644
index 0000000..f5478c5
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/info.jsp
@@ -0,0 +1,43 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 30%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<p style="font-size: 40px; line-height: 1.5; text-align: left;">
+				Het doel van deze website is om de Bijbel en de psalmen toegankelijk te maken voor slecht- en minderzienden.
+				De website is geoptimaliseerd voor tablets. Een internetverbinding is noodzakelijk!
+			</p>
+			<p style="font-size: 40px; line-height: 1.5; text-align: left;">
+				Ik help u graag bij problemen of vragen. Telefoon: 06-14243000 of email: <a href="mailto:info@psalmenonline.nl">info@psalmenonline.nl</a>.
+			</p>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/psalm.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/psalm.jsp
new file mode 100644
index 0000000..ad96723
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/psalm.jsp
@@ -0,0 +1,132 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>Psalm ${psalm}</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed">
+			<div class="psalmheader">Psalm ${psalm}</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+			<a href="hcindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="hc" data-ajax="false" class="ui-btn-right" style="margin-right:150px;">a</a>
+	 		<a href="bijbelindex?t=1" data-inline="true" data-icon="custom" data-iconpos="notext" id="book" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>
+		</div>
+		<div data-role="content">
+			<br /> <br />
+			<c:forEach items="${psalmRegels}" var="psalmregel"
+				varStatus="varstatus">
+				<c:if
+					test="${(varstatus.index == 0) || (psalmregel.vers != psalmRegels[varstatus.index - 1].vers)}">
+					<a id="v${psalmregel.vers}"></a>
+					<br />
+					<br />
+					<br />
+					<c:choose>
+						<c:when test="${psalmregel.vers == 0}">
+							<div class="psalmverseheader">Voorzang</div>
+						</c:when>
+						<c:otherwise>
+							<div class="psalmverseheader">Vers ${psalmregel.vers}</div>
+						</c:otherwise>
+					</c:choose>
+				</c:if>
+				<p class="psalmline">${psalmregel.tekst}</p>
+			</c:forEach>
+
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+			<div data-role="navbar" class="bigbuttons" data-position="fixed">
+				<ul>
+					<li><a href="psalm?p=${psalm - 1}"	id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 					id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="psalmindex"			id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 					id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="psalm?p=${psalm + 1}"	id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>				
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+		
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".psalmline").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmline").css("font-size", cssSize);
+		}
+
+		$(function () {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+				//goToVerse(true);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+				//goToVerse(true);
+			});
+
+			if ('${psalm}' == '1') {
+				$("#left").attr("href", "#");
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+			if ('${psalm}' == '150') {
+				$("#right").attr("href", "#");
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+			
+		});
+		
+		function goToVerse(immediately) {
+			if ("${vers}" != "") {
+				var target = $("#v${vers}").get(0).offsetTop;
+				
+				if (target !== undefined) {
+					if (immediately) {
+						$.mobile.silentScroll(target);		
+					} else {
+						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+					}
+				}
+			}
+		}
+		
+		$(document).on('pageshow', function(){
+			goToVerse(false);
+		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/psalmindex.jsp b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/psalmindex.jsp
new file mode 100644
index 0000000..ef457fc
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/WEB-INF/views/psalmindex.jsp
@@ -0,0 +1,232 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="choice" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">Psalm</a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#8630;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				if ($("a#choice span span").html().length < 7) {
+					window.history.back();
+				} else {
+					removeChar();
+				}
+				
+				break;
+			case "e":
+				if ($("a#choice span span").hasClass("invalid")) {
+					break;
+				}
+				var choice = $("a#choice span span").html();
+				if (choice.indexOf("vers") > 0) {
+					var psalm = choice.substring(6, choice.indexOf("vers") - 1);
+					var vers = choice.substring(choice.indexOf("vers") + 5);
+					if (vers == "") {
+						vers = 1;
+						choice += "1";
+						$("a#choice span span").html(choice);
+					}
+					if (! checkPsalmVerseExists(psalm, vers)) {
+						toastVerseDoesNotExist();
+					} else {
+						window.location.href = "psalm?p=" + psalm + "&v=" + vers;
+						//window.location.href = "/psalm?p=" + psalm + "&v=" + vers;
+					}
+					
+				} else {
+					if (! (choice.length < 7)) {
+						choice += " vers ";
+						$("a#choice span span").html(choice);
+					}
+				}
+				
+			}
+			var choice = $("a#choice span span").html();
+			if (choice.length < 7) {
+				$("a#kd span span").html("&#8630;");
+			} else {
+				$("a#kd span span").html("&#x25C0;");
+			}
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("a#choice span span").html();
+		var lengte = choice.length;
+		
+		if (choice.indexOf("vers") > 0) {
+			var vers = choice.substring(choice.indexOf("vers") + 5);
+			var verslengte = vers.length;
+			
+			if (verslengte < 2) {
+				if (!(verslengte == 0 && knop == "0")) {
+					choice += knop;
+				}
+			} else {
+				if (!(knop == "0")) {
+					choice = choice.substring(0, choice.indexOf("vers") + 5) + knop;
+				}				
+			}
+			$("a#choice span span").html(choice);
+			
+		} else {
+			if (lengte == 5) {
+				choice += " ";
+				lengte++;
+			}
+
+			if (lengte < 9) {
+				if (!(lengte == 6 && knop == "0")) {
+					choice += knop;
+				}
+	 		} else {
+				if (!(knop == "0")) {
+					choice = "Psalm " + knop;
+				}
+	 		}
+			
+			$("a#choice span span").html(choice);
+			
+			checkCorrectPsalm();
+			
+		}
+		
+	}
+	
+	function removeChar() {
+		var choice = $("a#choice span span").html();
+		var lengte = choice.length;
+		if (lengte > 5) {
+			choice = choice.substring(0, choice.length - 1);
+			if (choice.substring(choice.length - 4) == "vers") {
+				choice = choice.substring(0, choice.length - 5);
+			}
+			$("a#choice span span").html(choice);
+			checkCorrectPsalm();
+		}
+	}
+	
+	function checkCorrectPsalm() {
+		var psalm = parseInt($("a#choice span span").html().substring(6));
+		if (psalm < 1 || psalm > 150) {
+			$("a#choice span span").addClass("invalid");
+		} else {
+			$("a#choice span span").removeClass("invalid");
+		}
+	}
+
+	function toastVerseDoesNotExist() {
+		$("a#choice span span").addClass("invalid");
+		$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Dit vers bestaat niet.</h1></div>")
+			.css({
+				display: "block", 
+//				opacity: 0.90, 
+				position: "fixed",
+				padding: "7px",
+				"text-align": "center",
+				width: "350px",
+				left: ($(window).width() - 364) / 2,
+				top: $(window).height() / 2})
+			.appendTo($.mobile.pageContainer).delay(2000)
+			.fadeOut(400, function(){
+				$(this).remove();
+				var choice = $("a#choice span span").html();
+				choice = choice.substring(0, choice.indexOf("vers") + 5);
+				$("a#choice span span").html(choice);
+				$("a#choice span span").removeClass("invalid");
+		});
+	}
+
+	function checkPsalmVerseExists(psalm, vers) {
+		var result;
+		$.ajax({
+			url: 'psalmcheck',
+			async: false,
+			data: {p: psalm, v: vers}, //'p=' & psalm & '&v=' & vers,
+			success: function(data) {
+				result = data;
+			}
+		});
+		
+		return result;
+	}
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/01-arrow-east@2x.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/01-arrow-east@2x.png
new file mode 100644
index 0000000..e87a46d
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/01-arrow-east@2x.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/05-arrow-west@2x.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/05-arrow-west@2x.png
new file mode 100644
index 0000000..dc0d410
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/05-arrow-west@2x.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/13-plus@2x.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/13-plus@2x.png
new file mode 100644
index 0000000..a2877a3
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/13-plus@2x.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/14-minus@2x.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/14-minus@2x.png
new file mode 100644
index 0000000..93fde6b
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/14-minus@2x.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/194-note-2@2x.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/194-note-2@2x.png
new file mode 100644
index 0000000..74d40bb
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/194-note-2@2x.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/60-dialpad@2x.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/60-dialpad@2x.png
new file mode 100644
index 0000000..ce504bf
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/60-dialpad@2x.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/96-book@2x.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/96-book@2x.png
new file mode 100644
index 0000000..af9e07e
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/96-book@2x.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/bw.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/bw.png
new file mode 100644
index 0000000..cceb3f1
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/bw.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/hc.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/hc.png
new file mode 100644
index 0000000..626c86a
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/hc.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/hsv.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/hsv.png
new file mode 100644
index 0000000..e82d0df
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/hsv.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/images/sv.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/sv.png
new file mode 100644
index 0000000..cb24543
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/images/sv.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/index.html b/Psalmenweb-nieuw/src/main/webapp/resources/css/index.html
new file mode 100644
index 0000000..13f35c9
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/resources/css/index.html
@@ -0,0 +1,39 @@
+
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>jQuery Mobile: Theme Download</title>
+		<link rel="stylesheet" href="themes/Psalmenweb.min.css" />
+		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
+		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+		<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
+	</head>
+	<body>
+		<div data-role="page" data-theme="a">
+			<div data-role="header" data-position="inline">
+				<h1>It Worked!</h1>
+			</div>
+			<div data-role="content" data-theme="a">
+				<p>Your theme was successfully downloaded. You can use this page as a reference for how to link it up!</p>
+				<pre>
+<strong>&lt;link rel=&quot;stylesheet&quot; href=&quot;themes/Psalmenweb.min.css&quot; /&gt;</strong>
+&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css&quot; /&gt;
+&lt;script src=&quot;http://code.jquery.com/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js&quot;&gt;&lt;/script&gt;
+				</pre>
+				<p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<label for="slider1">Input slider:</label>
+				<input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
+				<fieldset data-role="controlgroup"  data-type="horizontal" data-role="fieldcontain">
+				<legend>Cache settings:</legend>
+				<input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
+				<label for="radio-choice-a1">On</label>
+				<input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off"  />
+				<label for="radio-choice-b1">Off</label>
+				</fieldset>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/jquery-mobile-theme-135835-0.zip b/Psalmenweb-nieuw/src/main/webapp/resources/css/jquery-mobile-theme-135835-0.zip
new file mode 100644
index 0000000..458b8af
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/jquery-mobile-theme-135835-0.zip differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/psalmenweb.css b/Psalmenweb-nieuw/src/main/webapp/resources/css/psalmenweb.css
new file mode 100644
index 0000000..129dad0
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/resources/css/psalmenweb.css
@@ -0,0 +1,173 @@
+@CHARSET "ISO-8859-1";
+
+.ui-bar-a {
+	background-image: none;
+}
+.psalmheader {
+	font-size: 60px;
+}
+
+.psalmverseheader {
+	font-size: 60px;
+	font-weight: bold;
+}
+
+.psalmtext {
+	/*	line-height: 3; */
+	
+}
+
+.psalmline {
+	font-size: 60px;
+}
+
+.hclinequestion {
+	font-size: 60px;
+	line-height: 150%;
+	font-style: italic;
+}
+
+.hclineanswer {
+	font-size: 60px;
+	line-height: 150%;
+}
+
+.indexknoppengroep {
+	margin-bottom: 0.1em !important;
+	text-align: center !important;
+}
+
+.indexlabel {
+	margin-top: 0px !important;
+	margin-bottom: 0.1em !important;
+	width: 50%;
+	margin-left: auto;
+	margin-right: auto;
+}
+.invalid {
+	color: red;
+}
+
+.ui-icon {
+	border-top-left-radius: 0px;
+	border-top-right-radius: 0px;
+	border-bottom-left-radius: 0px;
+	border-bottom-right-radius: 0px;
+}
+
+#minus .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/14-minus@2x.png);
+	background-repeat: no-repeat;
+}
+
+#plus .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/13-plus@2x.png);
+	background-repeat: no-repeat;
+}
+
+#left .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/05-arrow-west@2x.png);
+	background-repeat: no-repeat;
+}
+
+#right .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/01-arrow-east@2x.png);
+	background-repeat: no-repeat;
+}
+
+#index .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/60-dialpad@2x.png);
+	background-repeat: no-repeat;
+}
+
+#book .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/96-book@2x.png);
+	background-repeat: no-repeat;
+}
+
+#note .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/194-note-2@2x.png);
+	background-repeat: no-repeat;
+}
+
+#sv .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/sv.png);
+	background-repeat: no-repeat;
+}
+#hsv .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/hsv.png);
+	background-repeat: no-repeat;
+}
+#hc .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/hc.png);
+	background-repeat: no-repeat;
+}
+#bw .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/bw.png);
+	background-repeat: no-repeat;
+}
+
+.bigbuttons .ui-btn .ui-btn-inner {
+	padding-top: 40px !important;
+}
+
+.bigbuttons .ui-btn .ui-icon {
+	width: 60px !important;
+	height: 60px !important;
+	margin-left: -15px !important;
+	box-shadow: none !important;
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	-webkit-border-radius: none !important;
+	border-radius: none !important;
+}
+
+.bigbuttons .ui-btn-inner .ui-icon {
+	width: 60px !important;
+	height: 60px !important;
+	margin-left: -15px !important;
+	box-shadow: none !important;
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	-webkit-border-radius: none !important;
+	border-radius: none !important;
+}
+
+#psalmhoofd button{height:50px;width:200px;}
+
+.bijbelvers {
+	font-weight: bold;
+	font-variant: small-caps;
+}
+
+.ui-header .ui-btn, .ui-header .ui-icon, .ui-header .ui-btn-inner {
+    width: 56px;
+    height: 56px;
+    border-radius: 0;
+    border: none;
+}
+.ui-header .ui-icon {
+    margin: 0px;
+    border-radius: 0;
+}
+.ui-header {
+    height: 71px;
+    border-radius: 0;
+}
+.ui-btn-inner {
+	border-top: none;
+	overflow: visible;
+	text-overflow: clip;
+	white-space: normal;
+}
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/Psalmenweb.css b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/Psalmenweb.css
new file mode 100644
index 0000000..6e0328a
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/Psalmenweb.css
@@ -0,0 +1,795 @@
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+
+/* Swatches */
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-a {
+	border: 1px solid #b3b3b3 /*{a-bar-border}*/;
+	background: #eeeeee /*{a-bar-background-color}*/;
+	color: #3e3e3e /*{a-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #ffffff /*{a-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{a-bar-background-start}*/), to( #dddddd /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/);
+}
+.ui-bar-a .ui-link-inherit {
+	color: #3e3e3e /*{a-bar-color}*/;
+}
+.ui-bar-a a.ui-link {
+	color: #7cc4e7 /*{a-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-a a.ui-link:visited {
+    color: #2489ce /*{a-bar-link-visited}*/;
+}
+.ui-bar-a a.ui-link:hover {
+	color: #2489ce /*{a-bar-link-hover}*/;
+}
+.ui-bar-a a.ui-link:active {
+	color: #2489ce /*{a-bar-link-active}*/;
+}
+.ui-bar-a,
+.ui-bar-a input,
+.ui-bar-a select,
+.ui-bar-a textarea,
+.ui-bar-a button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a,
+.ui-overlay-a {
+	border: 1px solid #545454 /*{a-body-border}*/;
+	color: #ffffff /*{a-body-color}*/;
+	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #444444 /*{a-body-shadow-color}*/;
+	background: #F00000 /*{a-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 /*{a-body-background-start}*/), to( #000000 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/);
+}
+.ui-overlay-a {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-a,
+.ui-body-a input,
+.ui-body-a select,
+.ui-body-a textarea,
+.ui-body-a button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a .ui-link-inherit {
+	color: #ffffff /*{a-body-color}*/;
+}
+.ui-body-a .ui-link {
+	color: #2489ce /*{a-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-a .ui-link:visited {
+    color: #2489ce /*{a-body-link-visited}*/;
+}
+.ui-body-a .ui-link:hover {
+	color: #2489ce /*{a-body-link-hover}*/;
+}
+.ui-body-a .ui-link:active {
+	color: #2489ce /*{a-body-link-active}*/;
+}
+.ui-btn-up-a {
+	border: 1px solid #1f1f1f /*{a-bup-border}*/;
+	background: #1f1f1f /*{a-bup-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bup-color}*/;
+	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #444444 /*{a-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #222222 /*{a-bup-background-start}*/), to( #1b1b1b /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/);
+}
+.ui-btn-up-a:visited,
+.ui-btn-up-a a.ui-link-inherit {
+	color: #ffffff /*{a-bup-color}*/;
+}
+.ui-btn-hover-a {
+	border: 1px solid #232323 /*{a-bhover-border}*/;
+	background: #232323 /*{a-bhover-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bhover-color}*/;
+	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #444444 /*{a-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #262626 /*{a-bhover-background-start}*/), to( #1f1f1f /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/);
+}
+.ui-btn-hover-a:visited,
+.ui-btn-hover-a:hover,
+.ui-btn-hover-a a.ui-link-inherit {
+	color: #ffffff /*{a-bhover-color}*/;
+}
+.ui-btn-down-a {
+	border: 1px solid #232323 /*{a-bdown-border}*/;
+	background: #232323 /*{a-bdown-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bdown-color}*/;
+	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #444444 /*{a-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #1f1f1f /*{a-bdown-background-start}*/), to( #262626 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/);
+}
+.ui-btn-down-a:visited,
+.ui-btn-down-a:hover,
+.ui-btn-down-a a.ui-link-inherit {
+	color: #ffffff /*{a-bdown-color}*/;
+}
+.ui-btn-up-a,
+.ui-btn-hover-a,
+.ui-btn-down-a {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+/* B
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-b {
+	border: 1px solid #b3b3b3 /*{b-bar-border}*/;
+	background: #eeeeee /*{b-bar-background-color}*/;
+	color: #3e3e3e /*{b-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{b-bar-background-start}*/), to( #dddddd /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/);
+}
+.ui-bar-b .ui-link-inherit {
+	color: #3e3e3e /*{b-bar-color}*/;
+}
+.ui-bar-b a.ui-link {
+	color: #7cc4e7 /*{b-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-b a.ui-link:visited {
+    color: #2489ce /*{b-bar-link-visited}*/;
+}
+.ui-bar-b a.ui-link:hover {
+	color: #2489ce /*{b-bar-link-hover}*/;
+}
+.ui-bar-b a.ui-link:active {
+	color: #2489ce /*{b-bar-link-active}*/;
+}
+.ui-bar-b,
+.ui-bar-b input,
+.ui-bar-b select,
+.ui-bar-b textarea,
+.ui-bar-b button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b,
+.ui-overlay-b {
+	border: 1px solid #aaaaaa /*{b-body-border}*/;
+	color: #333333 /*{b-body-color}*/;
+	text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{b-body-shadow-color}*/;
+	background: #f9f9f9 /*{b-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{b-body-background-start}*/), to( #eeeeee /*{b-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/);
+}
+.ui-overlay-b {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-b,
+.ui-body-b input,
+.ui-body-b select,
+.ui-body-b textarea,
+.ui-body-b button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b .ui-link-inherit {
+	color: #333333 /*{b-body-color}*/;
+}
+.ui-body-b .ui-link {
+	color: #2489ce /*{b-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-b .ui-link:visited {
+    color: #2489ce /*{b-body-link-visited}*/;
+}
+.ui-body-b .ui-link:hover {
+	color: #2489ce /*{b-body-link-hover}*/;
+}
+.ui-body-b .ui-link:active {
+	color: #2489ce /*{b-body-link-active}*/;
+}
+.ui-btn-up-b {
+	border: 1px solid #cccccc /*{b-bup-border}*/;
+	background: #eeeeee /*{b-bup-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bup-color}*/;
+	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{b-bup-background-start}*/), to( #f1f1f1 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/);
+}
+.ui-btn-up-b:visited,
+.ui-btn-up-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bup-color}*/;
+}
+.ui-btn-hover-b {
+	border: 1px solid #bbbbbb /*{b-bhover-border}*/;
+	background: #dfdfdf /*{b-bhover-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bhover-color}*/;
+	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{b-bhover-background-start}*/), to( #e0e0e0 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/);
+}
+.ui-btn-hover-b:visited,
+.ui-btn-hover-b:hover,
+.ui-btn-hover-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bhover-color}*/;
+}
+.ui-btn-down-b {
+	border: 1px solid #bbbbbb /*{b-bdown-border}*/;
+	background: #d6d6d6 /*{b-bdown-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bdown-color}*/;
+	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{b-bdown-background-start}*/), to( #dfdfdf /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/);
+}
+.ui-btn-down-b:visited,
+.ui-btn-down-b:hover,
+.ui-btn-down-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bdown-color}*/;
+}
+.ui-btn-up-b,
+.ui-btn-hover-b,
+.ui-btn-down-b {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+
+
+/* C
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-c {
+	border: 1px solid #b3b3b3 /*{c-bar-border}*/;
+	background: #eeeeee /*{c-bar-background-color}*/;
+	color: #3e3e3e /*{c-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #ffffff /*{c-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #dddddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/);
+}
+.ui-bar-c .ui-link-inherit {
+	color: #3e3e3e /*{c-bar-color}*/;
+}
+.ui-bar-c a.ui-link {
+	color: #7cc4e7 /*{c-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-c a.ui-link:visited {
+    color: #2489ce /*{c-bar-link-visited}*/;
+}
+.ui-bar-c a.ui-link:hover {
+	color: #2489ce /*{c-bar-link-hover}*/;
+}
+.ui-bar-c a.ui-link:active {
+	color: #2489ce /*{c-bar-link-active}*/;
+}
+.ui-bar-c,
+.ui-bar-c input,
+.ui-bar-c select,
+.ui-bar-c textarea,
+.ui-bar-c button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-c,
+.ui-overlay-c {
+	border: 1px solid #aaaaaa /*{c-body-border}*/;
+	color: #333333 /*{c-body-color}*/;
+	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/;
+	background: #f9f9f9 /*{c-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
+}
+.ui-overlay-c {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-c,
+.ui-body-c input,
+.ui-body-c select,
+.ui-body-c textarea,
+.ui-body-c button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-c .ui-link-inherit {
+	color: #333333 /*{c-body-color}*/;
+}
+.ui-body-c .ui-link {
+	color: #2489ce /*{c-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-c .ui-link:visited {
+    color: #2489ce /*{c-body-link-visited}*/;
+}
+.ui-body-c .ui-link:hover {
+	color: #2489ce /*{c-body-link-hover}*/;
+}
+.ui-body-c .ui-link:active {
+	color: #2489ce /*{c-body-link-active}*/;
+}
+.ui-btn-up-c {
+	border: 1px solid #cccccc /*{c-bup-border}*/;
+	background: #eeeeee /*{c-bup-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bup-color}*/;
+	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
+}
+.ui-btn-up-c:visited,
+.ui-btn-up-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bup-color}*/;
+}
+.ui-btn-hover-c {
+	border: 1px solid #bbbbbb /*{c-bhover-border}*/;
+	background: #dfdfdf /*{c-bhover-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bhover-color}*/;
+	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
+}
+.ui-btn-hover-c:visited,
+.ui-btn-hover-c:hover,
+.ui-btn-hover-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bhover-color}*/;
+}
+.ui-btn-down-c {
+	border: 1px solid #bbbbbb /*{c-bdown-border}*/;
+	background: #d6d6d6 /*{c-bdown-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bdown-color}*/;
+	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
+}
+.ui-btn-down-c:visited,
+.ui-btn-down-c:hover,
+.ui-btn-down-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bdown-color}*/;
+}
+.ui-btn-up-c,
+.ui-btn-hover-c,
+.ui-btn-down-c {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+
+
+/* Structure */
+/* links within "buttons" 
+-----------------------------------------------------------------------------------------------------------*/
+a.ui-link-inherit {
+	text-decoration: none !important;
+}
+/* Active class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-active {
+	border: 1px solid #2373a5 /*{global-active-border}*/;
+	background: #387bbe /*{global-active-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{global-active-color}*/;
+	cursor: pointer;
+	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
+	text-decoration: none;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-btn-active:visited,
+.ui-btn-active:hover,
+.ui-btn-active a.ui-link-inherit {
+	color: #ffffff /*{global-active-color}*/;
+}
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-inner {
+	border-top: 1px solid 	#fff;
+	border-color: 			rgba(255,255,255,.3);
+}
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-corner-all {
+	-webkit-border-radius: .6em /*{global-radii-blocks}*/;
+	border-radius: .6em /*{global-radii-blocks}*/;
+}
+/* Form field separator
+-----------------------------------------------------------------------------------------------------------*/
+.ui-br {
+	border-color: rgb(130,130,130);
+	border-color: rgba(130,130,130,.3);
+	border-style: solid;
+}
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+	filter: Alpha(Opacity=30);
+	opacity: .3;
+	zoom: 1;
+}
+.ui-disabled,
+.ui-disabled a {
+	cursor: default !important;
+	pointer-events: none;
+}
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon,
+.ui-icon-searchfield:after {
+	background: #666666 /*{global-icon-color}*/;
+	background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
+	background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
+	background-repeat: no-repeat;
+	-webkit-border-radius: 				9px;
+	border-radius: 						9px;
+}
+/* Alt icon color
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-alt .ui-icon,
+.ui-icon-alt .ui-icon-searchfield:after {
+	background-color: 						#fff;
+	background-color: 						rgba(255,255,255,.3);
+	background-image: url(images/icons-18-black.png);
+	background-repeat: no-repeat;
+}
+/* No disc
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-nodisc .ui-icon,
+.ui-icon-nodisc .ui-icon-searchfield:after,
+.ui-icon-nodisc .ui-icon-alt .ui-icon,
+.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
+	background-color: transparent;
+}
+/* Icon sprite
+-----------------------------------------------------------------------------------------------------------*/
+/* plus minus */
+.ui-icon-plus {
+	background-position: 	-1px -1px;
+}
+.ui-icon-minus {
+	background-position: 	-37px -1px;
+}
+/* delete/close */
+.ui-icon-delete {
+	background-position: 	-73px -1px;
+}
+/* arrows */
+.ui-icon-arrow-r {
+	background-position: 	-108px -1px;
+}
+.ui-icon-arrow-l {
+	background-position: 	-144px -1px;
+}
+.ui-icon-arrow-u {
+	background-position: 	-180px -1px;
+}
+.ui-icon-arrow-d {
+	background-position: 	-216px -1px;
+}
+/* misc */
+.ui-icon-check {
+	background-position: 	-252px -1px;
+}
+.ui-icon-gear {
+	background-position: 	-288px -1px;
+}
+.ui-icon-refresh {
+	background-position: 	-323px -1px;
+}
+.ui-icon-forward {
+	background-position: 	-360px -1px;
+}
+.ui-icon-back {
+	background-position: 	-396px -1px;
+}
+.ui-icon-grid {
+	background-position: 	-432px -1px;
+}
+.ui-icon-star {
+	background-position: 	-467px -1px;
+}
+.ui-icon-alert {
+	background-position: 	-503px -1px;
+}
+.ui-icon-info {
+	background-position: 	-539px -1px;
+}
+.ui-icon-home {
+	background-position: 	-575px -1px;
+}
+/* search */
+.ui-icon-search,
+.ui-icon-searchfield:after {
+	background-position: 	-611px -1px;
+}
+/* checkbox radio */
+.ui-icon-checkbox-on {
+	background-position: 	-647px -1px;
+}
+.ui-icon-checkbox-off {
+	background-position: 	-683px -1px;
+}
+.ui-icon-radio-on {
+	background-position: 	-718px -1px;
+}
+.ui-icon-radio-off {
+	background-position: 	-754px -1px;
+}
+/* menu edit */
+.ui-icon-bars {
+	background-position: 	-788px -1px;
+}
+.ui-icon-edit {
+	background-position: 	-824px -1px;
+}
+/* HD/"retina" sprite
+-----------------------------------------------------------------------------------------------------------*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+       only screen and (min--moz-device-pixel-ratio: 1.3),
+       only screen and (min-resolution: 200dpi) {
+	
+	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
+	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
+	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
+	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
+	.ui-icon-search, .ui-icon-searchfield:after, 
+	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
+		background-image: url(images/icons-36-white.png);
+		-moz-background-size: 864px 18px;
+		-o-background-size: 864px 18px;
+		-webkit-background-size: 864px 18px;
+		background-size: 864px 18px;
+	}
+	.ui-icon-alt .ui-icon {
+		background-image: url(images/icons-36-black.png);
+	}
+	.ui-icon-plus {
+		background-position: 	0 50%;
+	}
+	.ui-icon-minus {
+		background-position: 	-36px 50%;
+	}
+	.ui-icon-delete {
+		background-position: 	-72px 50%;
+	}
+	.ui-icon-arrow-r {
+		background-position: 	-108px 50%;
+	}
+	.ui-icon-arrow-l {
+		background-position: 	-144px 50%;
+	}
+	.ui-icon-arrow-u {
+		background-position: 	-179px 50%;
+	}
+	.ui-icon-arrow-d {
+		background-position: 	-215px 50%;
+	}
+	.ui-icon-check {
+		background-position: 	-252px 50%;
+	}
+	.ui-icon-gear {
+		background-position: 	-287px 50%;
+	}
+	.ui-icon-refresh {
+		background-position: 	-323px 50%;
+	}
+	.ui-icon-forward {
+		background-position: 	-360px 50%;
+	}
+	.ui-icon-back {
+		background-position: 	-395px 50%;
+	}
+	.ui-icon-grid {
+		background-position: 	-431px 50%;
+	}
+	.ui-icon-star {
+		background-position: 	-467px 50%;
+	}
+	.ui-icon-alert {
+		background-position: 	-503px 50%;
+	}
+	.ui-icon-info {
+		background-position: 	-538px 50%;
+	}
+	.ui-icon-home {
+		background-position: 	-575px 50%;
+	}
+	.ui-icon-search,
+	.ui-icon-searchfield:after {
+		background-position: 	-611px 50%;
+	}
+	.ui-icon-checkbox-on {
+		background-position: 	-647px 50%;
+	}
+	.ui-icon-checkbox-off {
+		background-position: 	-683px 50%;
+	}
+	.ui-icon-radio-on {
+		background-position: 	-718px 50%;
+	}
+	.ui-icon-radio-off {
+		background-position: 	-754px 50%;
+	}
+	.ui-icon-bars {
+		background-position: 	-788px 50%;
+	
+	}.ui-icon-edit {
+		background-position: 	-824px 50%;
+	}
+}
+/* checks,radios */
+.ui-checkbox .ui-icon,
+.ui-selectmenu-list .ui-icon {
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+.ui-icon-checkbox-off,
+.ui-icon-radio-off {
+	background-color: transparent;	
+}
+.ui-checkbox-on .ui-icon,
+.ui-radio-on .ui-icon {
+	background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+}
+/* loading icon */
+.ui-icon-loading {
+	background: url(images/ajax-loader.gif);
+	background-size: 46px 46px;
+}
+/* Button corner class
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-corner-all {
+	-webkit-border-radius: 1em /*{global-radii-buttons}*/;
+	border-radius: 1em /*{global-radii-buttons}*/;
+}
+/* radius clip workaround for cleaning up corner trapping */
+.ui-corner-all,
+.ui-btn-corner-all {
+	-webkit-background-clip: padding;
+	background-clip: padding-box;
+}
+/* Overlay / modal
+-----------------------------------------------------------------------------------------------------------*/
+.ui-overlay {
+	background: #666;
+	filter: Alpha(Opacity=50);
+	opacity: .5;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+}
+.ui-overlay-shadow {
+	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
+	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
+	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
+}
+.ui-shadow {
+	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
+	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
+	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
+}
+.ui-bar-a .ui-shadow,
+.ui-bar-b .ui-shadow ,
+.ui-bar-c .ui-shadow  {
+	-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3);
+	-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3);
+	box-shadow: 0 1px 0 					rgba(255,255,255,.3);
+}
+.ui-shadow-inset {
+	-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
+	-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
+	box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
+}
+.ui-icon-shadow {
+	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+	box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+}
+/* Focus state - set here for specificity (note: these classes are added by JavaScript)
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn:focus, .ui-link-inherit:focus {
+	outline: 0;
+}
+.ui-btn.ui-focus {
+	z-index: 1;
+}
+.ui-focus,
+.ui-btn:focus {
+	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+}
+.ui-input-text.ui-focus,
+.ui-input-search.ui-focus {
+	-moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
+	-webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
+	box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;	
+}
+/* unset box shadow in browsers that don't do it right
+-----------------------------------------------------------------------------------------------------------*/
+.ui-mobile-nosupport-boxshadow * {
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+}
+/* ...and bring back focus */
+.ui-mobile-nosupport-boxshadow .ui-focus,
+.ui-mobile-nosupport-boxshadow .ui-btn:focus,
+.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
+	outline-width: 1px;
+	outline-style: auto;
+}
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/Psalmenweb.min.css b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/Psalmenweb.min.css
new file mode 100644
index 0000000..4cdb532
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/Psalmenweb.min.css
@@ -0,0 +1,12 @@
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+.ui-bar-a{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-a .ui-link-inherit{color:#3e3e3e ;}.ui-bar-a a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-a a.ui-link:visited{   color:#2489ce ;}.ui-bar-a a.ui-link:hover{color:#2489ce ;}.ui-bar-a a.ui-link:active{color:#2489ce ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-overlay-a{border:1px solid #545454 ;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background:#000000 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #000000 ),to( #000000 )); background-image:-webkit-linear-gradient( #000000,#000000 ); background-image:   -moz-linear-gradient( #000000,#000000 ); background-image:    -ms-linear-gradient( #000000,#000000 ); background-image:     -o-linear-gradient( #000000,#000000 ); background-image:        linear-gradient( #000000,#000000 );}.ui-overlay-a{background-image:none;border-width:0;}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#ffffff ;}.ui-body-a .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-a .ui-link:visited{   color:#2489ce ;}.ui-body-a .ui-link:hover{color:#2489ce ;}.ui-body-a .ui-link:active{color:#2489ce ;}.ui-btn-up-a{border:1px solid #1f1f1f ;background:#1f1f1f ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #222222 ),to( #1b1b1b )); background-image:-webkit-linear-gradient( #222222,#1b1b1b ); background-image:   -moz-linear-gradient( #222222,#1b1b1b ); background-image:    -ms-linear-gradient( #222222,#1b1b1b ); background-image:     -o-linear-gradient( #222222,#1b1b1b ); background-image:        linear-gradient( #222222,#1b1b1b );}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-hover-a{border:1px solid #232323 ;background:#232323 ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #262626 ),to( #1f1f1f )); background-image:-webkit-linear-gradient( #262626,#1f1f1f ); background-image:   -moz-linear-gradient( #262626,#1f1f1f ); background-image:    -ms-linear-gradient( #262626,#1f1f1f ); background-image:     -o-linear-gradient( #262626,#1f1f1f ); background-image:        linear-gradient( #262626,#1f1f1f );}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-down-a{border:1px solid #232323 ;background:#232323 ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #1f1f1f ),to( #262626 )); background-image:-webkit-linear-gradient( #1f1f1f,#262626 ); background-image:   -moz-linear-gradient( #1f1f1f,#262626 ); background-image:    -ms-linear-gradient( #1f1f1f,#262626 ); background-image:     -o-linear-gradient( #1f1f1f,#262626 ); background-image:        linear-gradient( #1f1f1f,#262626 );}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-b .ui-link-inherit{color:#3e3e3e ;}.ui-bar-b a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-b a.ui-link:visited{   color:#2489ce ;}.ui-bar-b a.ui-link:hover{color:#2489ce ;}.ui-bar-b a.ui-link:active{color:#2489ce ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-overlay-b{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image:   -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image:    -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image:     -o-linear-gradient( #f9f9f9,#eeeeee ); background-image:        linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-b{background-image:none;border-width:0;}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#333333 ;}.ui-body-b .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-b .ui-link:visited{   color:#2489ce ;}.ui-body-b .ui-link:hover{color:#2489ce ;}.ui-body-b .ui-link:active{color:#2489ce ;}.ui-btn-up-b{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image:   -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image:    -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image:     -o-linear-gradient( #ffffff,#f1f1f1 ); background-image:        linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-b:visited,.ui-btn-up-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-b{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:   -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:    -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:     -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:        linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-b:visited,.ui-btn-hover-b:hover,.ui-btn-hover-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-b{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image:   -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image:    -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image:     -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image:        linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-b:visited,.ui-btn-down-b:hover,.ui-btn-down-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-c{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-c .ui-link-inherit{color:#3e3e3e ;}.ui-bar-c a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-c a.ui-link:visited{   color:#2489ce ;}.ui-bar-c a.ui-link:hover{color:#2489ce ;}.ui-bar-c a.ui-link:active{color:#2489ce ;}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c,.ui-overlay-c{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image:   -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image:    -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image:     -o-linear-gradient( #f9f9f9,#eeeeee ); background-image:        linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-c{background-image:none;border-width:0;}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c .ui-link-inherit{color:#333333 ;}.ui-body-c .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-c .ui-link:visited{   color:#2489ce ;}.ui-body-c .ui-link:hover{color:#2489ce ;}.ui-body-c .ui-link:active{color:#2489ce ;}.ui-btn-up-c{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image:   -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image:    -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image:     -o-linear-gradient( #ffffff,#f1f1f1 ); background-image:        linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-c:visited,.ui-btn-up-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-c{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:   -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:    -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:     -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:        linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-c:visited,.ui-btn-hover-c:hover,.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-c{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image:   -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image:    -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image:     -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image:        linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-c:visited,.ui-btn-down-c:hover,.ui-btn-down-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #2373a5 ;background:#387bbe ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0  1px  0  #3373a5 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #5393c5 ),to( #6facd5 )); background-image:-webkit-linear-gradient( #5393c5,#6facd5 ); background-image:   -moz-linear-gradient( #5393c5,#6facd5 ); background-image:    -ms-linear-gradient( #5393c5,#6facd5 ); background-image:     -o-linear-gradient( #5393c5,#6facd5 ); background-image:        linear-gradient( #5393c5,#6facd5 ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active:visited,.ui-btn-active:hover,.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-all{-webkit-border-radius:.6em ;border-radius:.6em ;}.ui-br{border-color:rgb(130,130,130);border-color:rgba(130,130,130,.3);border-style:solid;}.ui-disabled{filter:Alpha(Opacity=30);opacity:.3;zoom:1;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-icon,.ui-icon-searchfield:after{background:#666666 ;background:rgba(0,0,0,.4) ;background-image:url(images/icons-18-white.png) ;background-repeat:no-repeat;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt .ui-icon,.ui-icon-alt .ui-icon-searchfield:after{background-color:#fff;background-color:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}.ui-icon-nodisc .ui-icon,.ui-icon-nodisc .ui-icon-searchfield:after,.ui-icon-nodisc .ui-icon-alt .ui-icon,.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after{background-color:transparent;}.ui-icon-plus{background-position:-1px -1px;}.ui-icon-minus{background-position:-37px -1px;}.ui-icon-delete{background-position:-73px -1px;}.ui-icon-arrow-r{background-position:-108px -1px;}.ui-icon-arrow-l{background-position:-144px -1px;}.ui-icon-arrow-u{background-position:-180px -1px;}.ui-icon-arrow-d{background-position:-216px -1px;}.ui-icon-check{background-position:-252px -1px;}.ui-icon-gear{background-position:-288px -1px;}.ui-icon-refresh{background-position:-323px -1px;}.ui-icon-forward{background-position:-360px -1px;}.ui-icon-back{background-position:-396px -1px;}.ui-icon-grid{background-position:-432px -1px;}.ui-icon-star{background-position:-467px -1px;}.ui-icon-alert{background-position:-503px -1px;}.ui-icon-info{background-position:-539px -1px;}.ui-icon-home{background-position:-575px -1px;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px -1px;}.ui-icon-checkbox-on{background-position:-647px -1px;}.ui-icon-checkbox-off{background-position:-683px -1px;}.ui-icon-radio-on{background-position:-718px -1px;}.ui-icon-radio-off{background-position:-754px -1px;}.ui-icon-bars{background-position:-788px -1px;}.ui-icon-edit{background-position:-824px -1px;}@media only screen and (-webkit-min-device-pixel-ratio:1.3),      only screen and (min--moz-device-pixel-ratio:1.3),      only screen and (min-resolution:200dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-bars,.ui-icon-edit,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:864px 18px;-o-background-size:864px 18px;-webkit-background-size:864px 18px;background-size:864px 18px;}.ui-icon-alt .ui-icon{background-image:url(images/icons-36-black.png);}.ui-icon-plus{background-position:0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-179px 50%;}.ui-icon-arrow-d{background-position:-215px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-287px 50%;}.ui-icon-refresh{background-position:-323px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-395px 50%;}.ui-icon-grid{background-position:-431px 50%;}.ui-icon-star{background-position:-467px 50%;}.ui-icon-alert{background-position:-503px 50%;}.ui-icon-info{background-position:-538px 50%;}.ui-icon-home{background-position:-575px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px 50%;}.ui-icon-checkbox-on{background-position:-647px 50%;}.ui-icon-checkbox-off{background-position:-683px 50%;}.ui-icon-radio-on{background-position:-718px 50%;}.ui-icon-radio-off{background-position:-754px 50%;}.ui-icon-bars{background-position:-788px 50%;}.ui-icon-edit{background-position:-824px 50%;}}.ui-checkbox .ui-icon,.ui-selectmenu-list .ui-icon{-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#387bbe ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}.ui-btn-corner-all{-webkit-border-radius:1em ;border-radius:1em ;}.ui-corner-all,.ui-btn-corner-all{-webkit-background-clip:padding;background-clip:padding-box;}.ui-overlay{background:#666;filter:Alpha(Opacity=50);opacity:.5;position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0 1px 3px  rgba(0,0,0,.2) ;-webkit-box-shadow:0 1px 3px  rgba(0,0,0,.2) ;box-shadow:0 1px 3px  rgba(0,0,0,.2) }.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.4) ;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) ;box-shadow:0 1px 0 rgba(255,255,255,.4) ;}.ui-btn:focus,.ui-link-inherit:focus{outline:0;}.ui-btn.ui-focus{z-index:1;}.ui-focus,.ui-btn:focus{-moz-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;}.ui-input-text.ui-focus,.ui-input-search.ui-focus{-moz-box-shadow:0 0 12px #387bbe ;-webkit-box-shadow:0 0 12px #387bbe ;box-shadow:0 0 12px #387bbe ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus,.ui-mobile-nosupport-boxshadow .ui-btn:focus,.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus{outline-width:1px;outline-style:auto;}
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/ajax-loader.gif b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/ajax-loader.gif
new file mode 100644
index 0000000..fd1a189
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/ajax-loader.gif differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-18-black.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-18-black.png
new file mode 100644
index 0000000..7916463
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-18-black.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-18-white.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-18-white.png
new file mode 100644
index 0000000..3419b81
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-18-white.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-36-black.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-36-black.png
new file mode 100644
index 0000000..043bfcd
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-36-black.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-36-white.png b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-36-white.png
new file mode 100644
index 0000000..12455c9
Binary files /dev/null and b/Psalmenweb-nieuw/src/main/webapp/resources/css/themes/images/icons-36-white.png differ
diff --git a/Psalmenweb-nieuw/src/main/webapp/resources/js/prefs.js b/Psalmenweb-nieuw/src/main/webapp/resources/js/prefs.js
new file mode 100644
index 0000000..cc1f4a7
--- /dev/null
+++ b/Psalmenweb-nieuw/src/main/webapp/resources/js/prefs.js
@@ -0,0 +1,119 @@
+/**
+ * Manages preferences.
+ * 
+ * Preference list:
+ * 		T = text size, integer
+ * 		C = color, integer, 1 = white on black, 2 = black on white
+ */
+
+
+
+function loadPreferences() {
+	var prefs = docCookies.getItem("psalmenonlineprefs");
+	if (prefs == null) {
+		PREF_TEXTSIZE = parseInt($(".psalmverseheader").css("font-size"));
+		PREF_COLOR = 1;
+		return;
+	}
+	PREF_TEXTSIZE = prefs.split(';')[0];
+	PREF_COLOR = prefs.split(';')[1];
+
+}
+
+function setPreferences() {
+	$(".psalmverseheader").css("font-size", PREF_TEXTSIZE);
+	$(".psalmline").css("font-size", PREF_TEXTSIZE);
+	
+	if (PREF_COLOR == 2) {
+		$("div[data-role=page]").removeClass("ui-body-a");
+		$("div[data-role=page]").addClass("ui-body-b");
+	}
+}
+
+function switchColors() {
+	if (PREF_COLOR == 1) {
+		PREF_COLOR = 2;
+		$("div[data-role=page]").removeClass("ui-body-a");
+		$("div[data-role=page]").addClass("ui-body-b");		
+	} else {
+		PREF_COLOR = 1;
+		$("div[data-role=page]").removeClass("ui-body-b");
+		$("div[data-role=page]").addClass("ui-body-a");
+	}
+	savePreferences();
+}
+
+function savePreferences() {
+	var prefs = PREF_TEXTSIZE + ";" + PREF_COLOR;
+	docCookies.setItem("psalmenonlineprefs", prefs, Infinity);
+}
+
+function bindListeners() {
+	$(document).on("click", "a#bw", switchColors);
+}
+
+
+
+/*\
+|*|
+|*|  :: cookies.js ::
+|*|
+|*|  A complete cookies reader/writer framework with full unicode support.
+|*|
+|*|  Revision #1 - September 4, 2014
+|*|
+|*|  https://developer.mozilla.org/en-US/docs/Web/API/document.cookie
+|*|  https://developer.mozilla.org/User:fusionchess
+|*|
+|*|  This framework is released under the GNU Public License, version 3 or later.
+|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
+|*|
+|*|  Syntaxes:
+|*|
+|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
+|*|  * docCookies.getItem(name)
+|*|  * docCookies.removeItem(name[, path[, domain]])
+|*|  * docCookies.hasItem(name)
+|*|  * docCookies.keys()
+|*|
+\*/
+
+var docCookies = {
+  getItem: function (sKey) {
+    if (!sKey) { return null; }
+    return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
+  },
+  setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
+    if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; }
+    var sExpires = "";
+    if (vEnd) {
+      switch (vEnd.constructor) {
+        case Number:
+          sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd;
+          break;
+         case String:
+          sExpires = "; expires=" + vEnd;
+          break;
+        case Date:
+          sExpires = "; expires=" + vEnd.toUTCString();
+          break;
+      }
+    }
+    document.cookie = encodeURIComponent(sKey) + "=" + encodeURIComponent(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : "");
+    return true;
+  },
+  removeItem: function (sKey, sPath, sDomain) {
+    if (!this.hasItem(sKey)) { return false; }
+    document.cookie = encodeURIComponent(sKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "");
+    return true;
+  },
+  hasItem: function (sKey) {
+    if (!sKey) { return false; }
+    return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie);
+  },
+  keys: function () {
+    var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/);
+    for (var nLen = aKeys.length, nIdx = 0; nIdx < nLen; nIdx++) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); }
+    return aKeys;
+  }
+};
\ No newline at end of file
diff --git a/Psalmenweb-nieuw/src/test/java/org/tenvoorde/psalmenweb/PsalmenwebApplicationTests.java b/Psalmenweb-nieuw/src/test/java/org/tenvoorde/psalmenweb/PsalmenwebApplicationTests.java
new file mode 100644
index 0000000..63fd038
--- /dev/null
+++ b/Psalmenweb-nieuw/src/test/java/org/tenvoorde/psalmenweb/PsalmenwebApplicationTests.java
@@ -0,0 +1,13 @@
+package org.tenvoorde.psalmenweb;
+
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest
+class PsalmenwebApplicationTests {
+
+	@Test
+	void contextLoads() {
+	}
+
+}
diff --git a/Psalmenweb/.idea/.gitignore b/Psalmenweb/.idea/.gitignore
new file mode 100644
index 0000000..ae4172d
--- /dev/null
+++ b/Psalmenweb/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Datasource local storage ignored files
+/../../../../../../:\Development\src\psalmenweb\Psalmenweb\.idea/dataSources/
+/dataSources.local.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/Psalmenweb/.idea/.name b/Psalmenweb/.idea/.name
new file mode 100644
index 0000000..2785a48
--- /dev/null
+++ b/Psalmenweb/.idea/.name
@@ -0,0 +1 @@
+psalmenweb
\ No newline at end of file
diff --git a/Psalmenweb/.idea/Psalmenweb.iml b/Psalmenweb/.idea/Psalmenweb.iml
new file mode 100644
index 0000000..f0fa375
--- /dev/null
+++ b/Psalmenweb/.idea/Psalmenweb.iml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="FacetManager">
+    <facet type="hibernate" name="Hibernate">
+      <configuration>
+        <datasource-map>
+          <unit-entry name="hibernate.cfg.xml" />
+          <unit-entry name="psalmenSessionFactory" />
+        </datasource-map>
+        <naming-strategy-map />
+        <deploymentDescriptor name="hibernate.cfg.xml" url="file://$MODULE_DIR$/src/main/resources/hibernate.cfg.xml" />
+        <deploymentDescriptor name="hibernate.cfg.xml" url="file://$MODULE_DIR$/target/classes/hibernate.cfg.xml" />
+        <deploymentDescriptor name="hibernate.cfg.xml" url="file://$MODULE_DIR$/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/hibernate.cfg.xml" />
+      </configuration>
+    </facet>
+  </component>
+</module>
\ No newline at end of file
diff --git a/Psalmenweb/.idea/compiler.xml b/Psalmenweb/.idea/compiler.xml
new file mode 100644
index 0000000..1c21337
--- /dev/null
+++ b/Psalmenweb/.idea/compiler.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CompilerConfiguration">
+    <annotationProcessing>
+      <profile name="Maven default annotation processors profile" enabled="true">
+        <sourceOutputDir name="target/generated-sources/annotations" />
+        <sourceTestOutputDir name="target/generated-test-sources/test-annotations" />
+        <outputRelativeToContentRoot value="true" />
+        <module name="psalmenweb" />
+        <module name="Psalmenweb" />
+      </profile>
+    </annotationProcessing>
+  </component>
+  <component name="JavacSettings">
+    <option name="ADDITIONAL_OPTIONS_OVERRIDE">
+      <module name="Psalmenweb" options="-Xlint:all" />
+      <module name="psalmenweb" options="-Xlint:all" />
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/Psalmenweb/.idea/dataSources.xml b/Psalmenweb/.idea/dataSources.xml
new file mode 100644
index 0000000..fe98090
--- /dev/null
+++ b/Psalmenweb/.idea/dataSources.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DataSourceManagerImpl" format="xml" multifile-model="true">
+    <data-source source="LOCAL" name="Bijbel" uuid="702cad85-fe8f-4a21-ace5-62a8c5eefc9d">
+      <driver-ref>mysql.8</driver-ref>
+      <synchronize>true</synchronize>
+      <jdbc-driver>com.mysql.cj.jdbc.Driver</jdbc-driver>
+      <jdbc-url>jdbc:mysql://37.97.221.166:3306</jdbc-url>
+    </data-source>
+  </component>
+</project>
\ No newline at end of file
diff --git a/Psalmenweb/.idea/dataSources/702cad85-fe8f-4a21-ace5-62a8c5eefc9d.xml b/Psalmenweb/.idea/dataSources/702cad85-fe8f-4a21-ace5-62a8c5eefc9d.xml
new file mode 100644
index 0000000..70c05af
--- /dev/null
+++ b/Psalmenweb/.idea/dataSources/702cad85-fe8f-4a21-ace5-62a8c5eefc9d.xml
@@ -0,0 +1,1313 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<dataSource name="Bijbel">
+  <database-model serializer="dbm" dbms="MYSQL" family-id="MYSQL" format-version="4.20">
+    <root id="1">
+      <ServerVersion>8.0.22</ServerVersion>
+      <DefaultEngine>InnoDB</DefaultEngine>
+      <DefaultTmpEngine>InnoDB</DefaultTmpEngine>
+      <DefaultCasing>exact</DefaultCasing>
+    </root>
+    <schema id="2" parent="1" name="bijbel">
+      <Current>1</Current>
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="3" parent="1" name="firefly">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="4" parent="1" name="information_schema">
+      <Collation>utf8_general_ci</Collation>
+    </schema>
+    <schema id="5" parent="1" name="joomla_grootgeschenk">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="6" parent="1" name="joomla_iristabeling">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="7" parent="1" name="mysql">
+      <Collation>utf8mb4_0900_ai_ci</Collation>
+    </schema>
+    <schema id="8" parent="1" name="nextcloud">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="9" parent="1" name="performance_schema">
+      <Collation>utf8_general_ci</Collation>
+    </schema>
+    <schema id="10" parent="1" name="phpbb3_lases">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="11" parent="1" name="phpmyadmin">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="12" parent="1" name="psalmenweb">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="13" parent="1" name="sys">
+      <Collation>utf8mb4_0900_ai_ci</Collation>
+    </schema>
+    <schema id="14" parent="1" name="toernooi">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="15" parent="1" name="wordpress_anneliesrenkema">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="16" parent="1" name="wordpress_cbanederland">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="17" parent="1" name="wordpress_devforce">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <schema id="18" parent="1" name="wordpress_devforce_old">
+      <Collation>latin1_swedish_ci</Collation>
+    </schema>
+    <collation id="19" parent="1" name="armscii8_bin">
+      <Charset>armscii8</Charset>
+    </collation>
+    <collation id="20" parent="1" name="armscii8_general_ci">
+      <Charset>armscii8</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="21" parent="1" name="ascii_bin">
+      <Charset>ascii</Charset>
+    </collation>
+    <collation id="22" parent="1" name="ascii_general_ci">
+      <Charset>ascii</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="23" parent="1" name="big5_bin">
+      <Charset>big5</Charset>
+    </collation>
+    <collation id="24" parent="1" name="big5_chinese_ci">
+      <Charset>big5</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="25" parent="1" name="binary">
+      <Charset>binary</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="26" parent="1" name="cp1250_bin">
+      <Charset>cp1250</Charset>
+    </collation>
+    <collation id="27" parent="1" name="cp1250_croatian_ci">
+      <Charset>cp1250</Charset>
+    </collation>
+    <collation id="28" parent="1" name="cp1250_czech_cs">
+      <Charset>cp1250</Charset>
+    </collation>
+    <collation id="29" parent="1" name="cp1250_general_ci">
+      <Charset>cp1250</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="30" parent="1" name="cp1250_polish_ci">
+      <Charset>cp1250</Charset>
+    </collation>
+    <collation id="31" parent="1" name="cp1251_bin">
+      <Charset>cp1251</Charset>
+    </collation>
+    <collation id="32" parent="1" name="cp1251_bulgarian_ci">
+      <Charset>cp1251</Charset>
+    </collation>
+    <collation id="33" parent="1" name="cp1251_general_ci">
+      <Charset>cp1251</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="34" parent="1" name="cp1251_general_cs">
+      <Charset>cp1251</Charset>
+    </collation>
+    <collation id="35" parent="1" name="cp1251_ukrainian_ci">
+      <Charset>cp1251</Charset>
+    </collation>
+    <collation id="36" parent="1" name="cp1256_bin">
+      <Charset>cp1256</Charset>
+    </collation>
+    <collation id="37" parent="1" name="cp1256_general_ci">
+      <Charset>cp1256</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="38" parent="1" name="cp1257_bin">
+      <Charset>cp1257</Charset>
+    </collation>
+    <collation id="39" parent="1" name="cp1257_general_ci">
+      <Charset>cp1257</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="40" parent="1" name="cp1257_lithuanian_ci">
+      <Charset>cp1257</Charset>
+    </collation>
+    <collation id="41" parent="1" name="cp850_bin">
+      <Charset>cp850</Charset>
+    </collation>
+    <collation id="42" parent="1" name="cp850_general_ci">
+      <Charset>cp850</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="43" parent="1" name="cp852_bin">
+      <Charset>cp852</Charset>
+    </collation>
+    <collation id="44" parent="1" name="cp852_general_ci">
+      <Charset>cp852</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="45" parent="1" name="cp866_bin">
+      <Charset>cp866</Charset>
+    </collation>
+    <collation id="46" parent="1" name="cp866_general_ci">
+      <Charset>cp866</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="47" parent="1" name="cp932_bin">
+      <Charset>cp932</Charset>
+    </collation>
+    <collation id="48" parent="1" name="cp932_japanese_ci">
+      <Charset>cp932</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="49" parent="1" name="dec8_bin">
+      <Charset>dec8</Charset>
+    </collation>
+    <collation id="50" parent="1" name="dec8_swedish_ci">
+      <Charset>dec8</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="51" parent="1" name="eucjpms_bin">
+      <Charset>eucjpms</Charset>
+    </collation>
+    <collation id="52" parent="1" name="eucjpms_japanese_ci">
+      <Charset>eucjpms</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="53" parent="1" name="euckr_bin">
+      <Charset>euckr</Charset>
+    </collation>
+    <collation id="54" parent="1" name="euckr_korean_ci">
+      <Charset>euckr</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="55" parent="1" name="gb18030_bin">
+      <Charset>gb18030</Charset>
+    </collation>
+    <collation id="56" parent="1" name="gb18030_chinese_ci">
+      <Charset>gb18030</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="57" parent="1" name="gb18030_unicode_520_ci">
+      <Charset>gb18030</Charset>
+    </collation>
+    <collation id="58" parent="1" name="gb2312_bin">
+      <Charset>gb2312</Charset>
+    </collation>
+    <collation id="59" parent="1" name="gb2312_chinese_ci">
+      <Charset>gb2312</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="60" parent="1" name="gbk_bin">
+      <Charset>gbk</Charset>
+    </collation>
+    <collation id="61" parent="1" name="gbk_chinese_ci">
+      <Charset>gbk</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="62" parent="1" name="geostd8_bin">
+      <Charset>geostd8</Charset>
+    </collation>
+    <collation id="63" parent="1" name="geostd8_general_ci">
+      <Charset>geostd8</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="64" parent="1" name="greek_bin">
+      <Charset>greek</Charset>
+    </collation>
+    <collation id="65" parent="1" name="greek_general_ci">
+      <Charset>greek</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="66" parent="1" name="hebrew_bin">
+      <Charset>hebrew</Charset>
+    </collation>
+    <collation id="67" parent="1" name="hebrew_general_ci">
+      <Charset>hebrew</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="68" parent="1" name="hp8_bin">
+      <Charset>hp8</Charset>
+    </collation>
+    <collation id="69" parent="1" name="hp8_english_ci">
+      <Charset>hp8</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="70" parent="1" name="keybcs2_bin">
+      <Charset>keybcs2</Charset>
+    </collation>
+    <collation id="71" parent="1" name="keybcs2_general_ci">
+      <Charset>keybcs2</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="72" parent="1" name="koi8r_bin">
+      <Charset>koi8r</Charset>
+    </collation>
+    <collation id="73" parent="1" name="koi8r_general_ci">
+      <Charset>koi8r</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="74" parent="1" name="koi8u_bin">
+      <Charset>koi8u</Charset>
+    </collation>
+    <collation id="75" parent="1" name="koi8u_general_ci">
+      <Charset>koi8u</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="76" parent="1" name="latin1_bin">
+      <Charset>latin1</Charset>
+    </collation>
+    <collation id="77" parent="1" name="latin1_danish_ci">
+      <Charset>latin1</Charset>
+    </collation>
+    <collation id="78" parent="1" name="latin1_general_ci">
+      <Charset>latin1</Charset>
+    </collation>
+    <collation id="79" parent="1" name="latin1_general_cs">
+      <Charset>latin1</Charset>
+    </collation>
+    <collation id="80" parent="1" name="latin1_german1_ci">
+      <Charset>latin1</Charset>
+    </collation>
+    <collation id="81" parent="1" name="latin1_german2_ci">
+      <Charset>latin1</Charset>
+    </collation>
+    <collation id="82" parent="1" name="latin1_spanish_ci">
+      <Charset>latin1</Charset>
+    </collation>
+    <collation id="83" parent="1" name="latin1_swedish_ci">
+      <Charset>latin1</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="84" parent="1" name="latin2_bin">
+      <Charset>latin2</Charset>
+    </collation>
+    <collation id="85" parent="1" name="latin2_croatian_ci">
+      <Charset>latin2</Charset>
+    </collation>
+    <collation id="86" parent="1" name="latin2_czech_cs">
+      <Charset>latin2</Charset>
+    </collation>
+    <collation id="87" parent="1" name="latin2_general_ci">
+      <Charset>latin2</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="88" parent="1" name="latin2_hungarian_ci">
+      <Charset>latin2</Charset>
+    </collation>
+    <collation id="89" parent="1" name="latin5_bin">
+      <Charset>latin5</Charset>
+    </collation>
+    <collation id="90" parent="1" name="latin5_turkish_ci">
+      <Charset>latin5</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="91" parent="1" name="latin7_bin">
+      <Charset>latin7</Charset>
+    </collation>
+    <collation id="92" parent="1" name="latin7_estonian_cs">
+      <Charset>latin7</Charset>
+    </collation>
+    <collation id="93" parent="1" name="latin7_general_ci">
+      <Charset>latin7</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="94" parent="1" name="latin7_general_cs">
+      <Charset>latin7</Charset>
+    </collation>
+    <collation id="95" parent="1" name="macce_bin">
+      <Charset>macce</Charset>
+    </collation>
+    <collation id="96" parent="1" name="macce_general_ci">
+      <Charset>macce</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="97" parent="1" name="macroman_bin">
+      <Charset>macroman</Charset>
+    </collation>
+    <collation id="98" parent="1" name="macroman_general_ci">
+      <Charset>macroman</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="99" parent="1" name="sjis_bin">
+      <Charset>sjis</Charset>
+    </collation>
+    <collation id="100" parent="1" name="sjis_japanese_ci">
+      <Charset>sjis</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="101" parent="1" name="swe7_bin">
+      <Charset>swe7</Charset>
+    </collation>
+    <collation id="102" parent="1" name="swe7_swedish_ci">
+      <Charset>swe7</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="103" parent="1" name="tis620_bin">
+      <Charset>tis620</Charset>
+    </collation>
+    <collation id="104" parent="1" name="tis620_thai_ci">
+      <Charset>tis620</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="105" parent="1" name="ucs2_bin">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="106" parent="1" name="ucs2_croatian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="107" parent="1" name="ucs2_czech_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="108" parent="1" name="ucs2_danish_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="109" parent="1" name="ucs2_esperanto_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="110" parent="1" name="ucs2_estonian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="111" parent="1" name="ucs2_general_ci">
+      <Charset>ucs2</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="112" parent="1" name="ucs2_general_mysql500_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="113" parent="1" name="ucs2_german2_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="114" parent="1" name="ucs2_hungarian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="115" parent="1" name="ucs2_icelandic_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="116" parent="1" name="ucs2_latvian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="117" parent="1" name="ucs2_lithuanian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="118" parent="1" name="ucs2_persian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="119" parent="1" name="ucs2_polish_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="120" parent="1" name="ucs2_roman_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="121" parent="1" name="ucs2_romanian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="122" parent="1" name="ucs2_sinhala_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="123" parent="1" name="ucs2_slovak_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="124" parent="1" name="ucs2_slovenian_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="125" parent="1" name="ucs2_spanish2_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="126" parent="1" name="ucs2_spanish_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="127" parent="1" name="ucs2_swedish_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="128" parent="1" name="ucs2_turkish_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="129" parent="1" name="ucs2_unicode_520_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="130" parent="1" name="ucs2_unicode_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="131" parent="1" name="ucs2_vietnamese_ci">
+      <Charset>ucs2</Charset>
+    </collation>
+    <collation id="132" parent="1" name="ujis_bin">
+      <Charset>ujis</Charset>
+    </collation>
+    <collation id="133" parent="1" name="ujis_japanese_ci">
+      <Charset>ujis</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="134" parent="1" name="utf16_bin">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="135" parent="1" name="utf16_croatian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="136" parent="1" name="utf16_czech_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="137" parent="1" name="utf16_danish_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="138" parent="1" name="utf16_esperanto_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="139" parent="1" name="utf16_estonian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="140" parent="1" name="utf16_general_ci">
+      <Charset>utf16</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="141" parent="1" name="utf16_german2_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="142" parent="1" name="utf16_hungarian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="143" parent="1" name="utf16_icelandic_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="144" parent="1" name="utf16_latvian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="145" parent="1" name="utf16_lithuanian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="146" parent="1" name="utf16_persian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="147" parent="1" name="utf16_polish_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="148" parent="1" name="utf16_roman_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="149" parent="1" name="utf16_romanian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="150" parent="1" name="utf16_sinhala_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="151" parent="1" name="utf16_slovak_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="152" parent="1" name="utf16_slovenian_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="153" parent="1" name="utf16_spanish2_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="154" parent="1" name="utf16_spanish_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="155" parent="1" name="utf16_swedish_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="156" parent="1" name="utf16_turkish_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="157" parent="1" name="utf16_unicode_520_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="158" parent="1" name="utf16_unicode_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="159" parent="1" name="utf16_vietnamese_ci">
+      <Charset>utf16</Charset>
+    </collation>
+    <collation id="160" parent="1" name="utf16le_bin">
+      <Charset>utf16le</Charset>
+    </collation>
+    <collation id="161" parent="1" name="utf16le_general_ci">
+      <Charset>utf16le</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="162" parent="1" name="utf32_bin">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="163" parent="1" name="utf32_croatian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="164" parent="1" name="utf32_czech_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="165" parent="1" name="utf32_danish_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="166" parent="1" name="utf32_esperanto_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="167" parent="1" name="utf32_estonian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="168" parent="1" name="utf32_general_ci">
+      <Charset>utf32</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="169" parent="1" name="utf32_german2_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="170" parent="1" name="utf32_hungarian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="171" parent="1" name="utf32_icelandic_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="172" parent="1" name="utf32_latvian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="173" parent="1" name="utf32_lithuanian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="174" parent="1" name="utf32_persian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="175" parent="1" name="utf32_polish_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="176" parent="1" name="utf32_roman_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="177" parent="1" name="utf32_romanian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="178" parent="1" name="utf32_sinhala_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="179" parent="1" name="utf32_slovak_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="180" parent="1" name="utf32_slovenian_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="181" parent="1" name="utf32_spanish2_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="182" parent="1" name="utf32_spanish_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="183" parent="1" name="utf32_swedish_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="184" parent="1" name="utf32_turkish_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="185" parent="1" name="utf32_unicode_520_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="186" parent="1" name="utf32_unicode_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="187" parent="1" name="utf32_vietnamese_ci">
+      <Charset>utf32</Charset>
+    </collation>
+    <collation id="188" parent="1" name="utf8_bin">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="189" parent="1" name="utf8_croatian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="190" parent="1" name="utf8_czech_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="191" parent="1" name="utf8_danish_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="192" parent="1" name="utf8_esperanto_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="193" parent="1" name="utf8_estonian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="194" parent="1" name="utf8_general_ci">
+      <Charset>utf8</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="195" parent="1" name="utf8_general_mysql500_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="196" parent="1" name="utf8_german2_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="197" parent="1" name="utf8_hungarian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="198" parent="1" name="utf8_icelandic_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="199" parent="1" name="utf8_latvian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="200" parent="1" name="utf8_lithuanian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="201" parent="1" name="utf8_persian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="202" parent="1" name="utf8_polish_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="203" parent="1" name="utf8_roman_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="204" parent="1" name="utf8_romanian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="205" parent="1" name="utf8_sinhala_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="206" parent="1" name="utf8_slovak_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="207" parent="1" name="utf8_slovenian_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="208" parent="1" name="utf8_spanish2_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="209" parent="1" name="utf8_spanish_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="210" parent="1" name="utf8_swedish_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="211" parent="1" name="utf8_tolower_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="212" parent="1" name="utf8_turkish_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="213" parent="1" name="utf8_unicode_520_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="214" parent="1" name="utf8_unicode_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="215" parent="1" name="utf8_vietnamese_ci">
+      <Charset>utf8</Charset>
+    </collation>
+    <collation id="216" parent="1" name="utf8mb4_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+      <DefaultForCharset>1</DefaultForCharset>
+    </collation>
+    <collation id="217" parent="1" name="utf8mb4_0900_as_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="218" parent="1" name="utf8mb4_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="219" parent="1" name="utf8mb4_0900_bin">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="220" parent="1" name="utf8mb4_bin">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="221" parent="1" name="utf8mb4_croatian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="222" parent="1" name="utf8mb4_cs_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="223" parent="1" name="utf8mb4_cs_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="224" parent="1" name="utf8mb4_czech_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="225" parent="1" name="utf8mb4_da_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="226" parent="1" name="utf8mb4_da_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="227" parent="1" name="utf8mb4_danish_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="228" parent="1" name="utf8mb4_de_pb_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="229" parent="1" name="utf8mb4_de_pb_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="230" parent="1" name="utf8mb4_eo_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="231" parent="1" name="utf8mb4_eo_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="232" parent="1" name="utf8mb4_es_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="233" parent="1" name="utf8mb4_es_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="234" parent="1" name="utf8mb4_es_trad_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="235" parent="1" name="utf8mb4_es_trad_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="236" parent="1" name="utf8mb4_esperanto_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="237" parent="1" name="utf8mb4_estonian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="238" parent="1" name="utf8mb4_et_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="239" parent="1" name="utf8mb4_et_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="240" parent="1" name="utf8mb4_general_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="241" parent="1" name="utf8mb4_german2_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="242" parent="1" name="utf8mb4_hr_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="243" parent="1" name="utf8mb4_hr_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="244" parent="1" name="utf8mb4_hu_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="245" parent="1" name="utf8mb4_hu_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="246" parent="1" name="utf8mb4_hungarian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="247" parent="1" name="utf8mb4_icelandic_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="248" parent="1" name="utf8mb4_is_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="249" parent="1" name="utf8mb4_is_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="250" parent="1" name="utf8mb4_ja_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="251" parent="1" name="utf8mb4_ja_0900_as_cs_ks">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="252" parent="1" name="utf8mb4_la_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="253" parent="1" name="utf8mb4_la_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="254" parent="1" name="utf8mb4_latvian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="255" parent="1" name="utf8mb4_lithuanian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="256" parent="1" name="utf8mb4_lt_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="257" parent="1" name="utf8mb4_lt_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="258" parent="1" name="utf8mb4_lv_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="259" parent="1" name="utf8mb4_lv_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="260" parent="1" name="utf8mb4_persian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="261" parent="1" name="utf8mb4_pl_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="262" parent="1" name="utf8mb4_pl_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="263" parent="1" name="utf8mb4_polish_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="264" parent="1" name="utf8mb4_ro_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="265" parent="1" name="utf8mb4_ro_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="266" parent="1" name="utf8mb4_roman_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="267" parent="1" name="utf8mb4_romanian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="268" parent="1" name="utf8mb4_ru_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="269" parent="1" name="utf8mb4_ru_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="270" parent="1" name="utf8mb4_sinhala_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="271" parent="1" name="utf8mb4_sk_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="272" parent="1" name="utf8mb4_sk_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="273" parent="1" name="utf8mb4_sl_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="274" parent="1" name="utf8mb4_sl_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="275" parent="1" name="utf8mb4_slovak_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="276" parent="1" name="utf8mb4_slovenian_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="277" parent="1" name="utf8mb4_spanish2_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="278" parent="1" name="utf8mb4_spanish_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="279" parent="1" name="utf8mb4_sv_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="280" parent="1" name="utf8mb4_sv_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="281" parent="1" name="utf8mb4_swedish_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="282" parent="1" name="utf8mb4_tr_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="283" parent="1" name="utf8mb4_tr_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="284" parent="1" name="utf8mb4_turkish_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="285" parent="1" name="utf8mb4_unicode_520_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="286" parent="1" name="utf8mb4_unicode_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="287" parent="1" name="utf8mb4_vi_0900_ai_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="288" parent="1" name="utf8mb4_vi_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="289" parent="1" name="utf8mb4_vietnamese_ci">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <collation id="290" parent="1" name="utf8mb4_zh_0900_as_cs">
+      <Charset>utf8mb4</Charset>
+    </collation>
+    <user id="291" parent="1" name="dbuser">
+      <Host>localhost</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|wordpress_cbanederland
+</ObjectGrants>
+    </user>
+    <user id="292" parent="1" name="debian-sys-maint">
+      <Host>localhost</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+</ObjectGrants>
+    </user>
+    <user id="293" parent="1" name="firefly">
+      <Host>%</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|firefly
+</ObjectGrants>
+    </user>
+    <user id="294" parent="1" name="joomla">
+      <Host>localhost</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|joomla_iristabeling
+</ObjectGrants>
+    </user>
+    <user id="295" parent="1" name="mysql.infoschema">
+      <Host>localhost</Host>
+      <ObjectGrants>SELECT
+SYSTEM_USER
+</ObjectGrants>
+    </user>
+    <user id="296" parent="1" name="mysql.session">
+      <Host>localhost</Host>
+      <ObjectGrants>SHUTDOWN,SUPER
+SELECT|performance_schema
+SELECT|mysql.user
+</ObjectGrants>
+    </user>
+    <user id="297" parent="1" name="mysql.sys">
+      <Host>localhost</Host>
+      <ObjectGrants>SYSTEM_USER
+TRIGGER|sys
+SELECT|sys.sys_config
+</ObjectGrants>
+    </user>
+    <user id="298" parent="1" name="nextcloud">
+      <Host>%</Host>
+      <ObjectGrants>ALL PRIVILEGES|nextcloud!
+</ObjectGrants>
+    </user>
+    <user id="299" parent="1" name="phpbb3">
+      <Host>%</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|phpbb3_lases
+</ObjectGrants>
+    </user>
+    <user id="300" parent="1" name="phpmyadmin">
+      <Host>localhost</Host>
+      <ObjectGrants>ALL PRIVILEGES|phpmyadmin
+</ObjectGrants>
+    </user>
+    <user id="301" parent="1" name="psalmenonline">
+      <Host>%</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|psalmenweb
+</ObjectGrants>
+    </user>
+    <user id="302" parent="1" name="psalmenweb">
+      <Host>84.84.76.199</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|psalmenweb
+</ObjectGrants>
+    </user>
+    <user id="303" parent="1" name="rolf">
+      <Host>%</Host>
+      <ObjectGrants>ALL PRIVILEGES|toernooi
+</ObjectGrants>
+    </user>
+    <user id="304" parent="1" name="root">
+      <Host>localhost</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+</ObjectGrants>
+    </user>
+    <user id="305" parent="1" name="roundcube">
+      <Host>localhost</Host>
+      <ObjectGrants>ALL PRIVILEGES|roundcube
+</ObjectGrants>
+    </user>
+    <user id="306" parent="1" name="roundcubemail">
+      <Host>%</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|roundcubemail
+</ObjectGrants>
+    </user>
+    <user id="307" parent="1" name="toernooi">
+      <Host>%</Host>
+      <ObjectGrants>ALL PRIVILEGES|toernooi
+</ObjectGrants>
+    </user>
+    <user id="308" parent="1" name="toernooi">
+      <Host>84.84.76.199</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|toernooi
+</ObjectGrants>
+    </user>
+    <user id="309" parent="1" name="toernooi">
+      <Host>92.111.40.218</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|toernooi
+</ObjectGrants>
+    </user>
+    <user id="310" parent="1" name="wordpress">
+      <Host>%</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|wordpress_devforce!
+</ObjectGrants>
+    </user>
+    <user id="311" parent="1" name="wordpress">
+      <Host>localhost</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|wordpress_anneliesrenkema
+</ObjectGrants>
+    </user>
+    <user id="312" parent="1" name="wordpress_devforce">
+      <Host>%</Host>
+      <ObjectGrants>SELECT,INSERT,UPDATE,DELETE,CREATE,DROP,RELOAD,SHUTDOWN,PROCESS,FILE,REFERENCES,INDEX,ALTER,SHOW DATABASES,SUPER,CREATE TEMPORARY TABLES,LOCK TABLES,EXECUTE,REPLICATION SLAVE,REPLICATION CLIENT,CREATE VIEW,SHOW VIEW,CREATE ROUTINE,ALTER ROUTINE,CREATE USER,EVENT,TRIGGER,CREATE TABLESPACE,CREATE ROLE,DROP ROLE!
+ALL PRIVILEGES|wordpress_devforce
+</ObjectGrants>
+    </user>
+    <table id="313" parent="2" name="BOEK"/>
+    <table id="314" parent="2" name="VERS"/>
+    <table id="315" parent="2" name="VERTALING"/>
+    <table id="316" parent="12" name="BOEK"/>
+    <table id="317" parent="12" name="CATECHISMUS"/>
+    <table id="318" parent="12" name="PSALMREGEL"/>
+    <table id="319" parent="12" name="VERS"/>
+    <table id="320" parent="12" name="VERTALING"/>
+    <table id="321" parent="12" name="hibernate_sequence"/>
+    <column id="322" parent="313" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="323" parent="313" name="BOEK">
+      <Position>2</Position>
+      <DataType>tinytext|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="324" parent="313" name="AFKORTING">
+      <Position>3</Position>
+      <DataType>tinytext|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="325" parent="313" name="HOOFDSTUKKEN">
+      <Position>4</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <key id="326" parent="313" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <column id="327" parent="314" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+      <SequenceIdentity>null</SequenceIdentity>
+    </column>
+    <column id="328" parent="314" name="VERTALING_ID">
+      <Position>2</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="329" parent="314" name="BOEK_ID">
+      <Position>3</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="330" parent="314" name="HOOFDSTUK">
+      <Position>4</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="331" parent="314" name="VERS">
+      <Position>5</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="332" parent="314" name="TEKST">
+      <Position>6</Position>
+      <DataType>text|0s</DataType>
+    </column>
+    <index id="333" parent="314" name="VERTALING_ID">
+      <ColNames>VERTALING_ID</ColNames>
+      <Type>btree</Type>
+    </index>
+    <index id="334" parent="314" name="BOEK_ID">
+      <ColNames>BOEK_ID</ColNames>
+      <Type>btree</Type>
+    </index>
+    <key id="335" parent="314" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <foreign-key id="336" parent="314" name="VERS_ibfk_2">
+      <ColNames>VERTALING_ID</ColNames>
+      <RefTableName>VERTALING</RefTableName>
+      <RefColNames>ID</RefColNames>
+    </foreign-key>
+    <foreign-key id="337" parent="314" name="VERS_ibfk_1">
+      <ColNames>BOEK_ID</ColNames>
+      <RefTableName>BOEK</RefTableName>
+      <RefColNames>ID</RefColNames>
+    </foreign-key>
+    <column id="338" parent="315" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+      <SequenceIdentity>null</SequenceIdentity>
+    </column>
+    <column id="339" parent="315" name="VERTALING">
+      <Position>2</Position>
+      <DataType>varchar(50)|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="340" parent="315" name="AFKORTING">
+      <Position>3</Position>
+      <DataType>varchar(5)|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <key id="341" parent="315" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <column id="342" parent="316" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="343" parent="316" name="BOEK">
+      <Position>2</Position>
+      <DataType>tinytext|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="344" parent="316" name="AFKORTING">
+      <Position>3</Position>
+      <DataType>tinytext|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="345" parent="316" name="HOOFDSTUKKEN">
+      <Position>4</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <key id="346" parent="316" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <column id="347" parent="317" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+      <SequenceIdentity>null</SequenceIdentity>
+    </column>
+    <column id="348" parent="317" name="ZONDAG">
+      <Position>2</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="349" parent="317" name="VRAAG">
+      <Position>3</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="350" parent="317" name="TEKST_VRAAG">
+      <Position>4</Position>
+      <DataType>text|0s</DataType>
+      <NotNull>1</NotNull>
+      <Collation>utf8_unicode_ci</Collation>
+    </column>
+    <column id="351" parent="317" name="TEKST_ANTWOORD">
+      <Position>5</Position>
+      <DataType>text|0s</DataType>
+      <NotNull>1</NotNull>
+      <Collation>utf8_unicode_ci</Collation>
+    </column>
+    <key id="352" parent="317" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <column id="353" parent="318" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+      <SequenceIdentity>null</SequenceIdentity>
+    </column>
+    <column id="354" parent="318" name="PSALM">
+      <Position>2</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="355" parent="318" name="VERS">
+      <Position>3</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="356" parent="318" name="REGEL">
+      <Position>4</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="357" parent="318" name="TEKST">
+      <Position>5</Position>
+      <DataType>text|0s</DataType>
+      <NotNull>1</NotNull>
+      <Collation>utf8_unicode_ci</Collation>
+    </column>
+    <key id="358" parent="318" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <column id="359" parent="319" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+      <SequenceIdentity>null</SequenceIdentity>
+    </column>
+    <column id="360" parent="319" name="VERTALING_ID">
+      <Position>2</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="361" parent="319" name="BOEK_ID">
+      <Position>3</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="362" parent="319" name="HOOFDSTUK">
+      <Position>4</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="363" parent="319" name="VERS">
+      <Position>5</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="364" parent="319" name="TEKST">
+      <Position>6</Position>
+      <DataType>text|0s</DataType>
+    </column>
+    <index id="365" parent="319" name="VERTALING_ID">
+      <ColNames>VERTALING_ID</ColNames>
+      <Type>btree</Type>
+    </index>
+    <index id="366" parent="319" name="BOEK_ID">
+      <ColNames>BOEK_ID</ColNames>
+      <Type>btree</Type>
+    </index>
+    <key id="367" parent="319" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <column id="368" parent="320" name="ID">
+      <Position>1</Position>
+      <DataType>int|0s</DataType>
+      <NotNull>1</NotNull>
+      <SequenceIdentity>null</SequenceIdentity>
+    </column>
+    <column id="369" parent="320" name="VERTALING">
+      <Position>2</Position>
+      <DataType>varchar(50)|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <column id="370" parent="320" name="AFKORTING">
+      <Position>3</Position>
+      <DataType>varchar(5)|0s</DataType>
+      <NotNull>1</NotNull>
+    </column>
+    <key id="371" parent="320" name="PRIMARY">
+      <NameSurrogate>1</NameSurrogate>
+      <ColNames>ID</ColNames>
+      <Primary>1</Primary>
+    </key>
+    <column id="372" parent="321" name="next_val">
+      <Position>1</Position>
+      <DataType>bigint|0s</DataType>
+    </column>
+  </database-model>
+</dataSource>
\ No newline at end of file
diff --git a/Psalmenweb/.idea/dataSources/702cad85-fe8f-4a21-ace5-62a8c5eefc9d/storage_v2/_src_/schema/information_schema.FNRwLQ.meta b/Psalmenweb/.idea/dataSources/702cad85-fe8f-4a21-ace5-62a8c5eefc9d/storage_v2/_src_/schema/information_schema.FNRwLQ.meta
new file mode 100644
index 0000000..1ff3db2
--- /dev/null
+++ b/Psalmenweb/.idea/dataSources/702cad85-fe8f-4a21-ace5-62a8c5eefc9d/storage_v2/_src_/schema/information_schema.FNRwLQ.meta
@@ -0,0 +1,2 @@
+#n:information_schema
+!<md> [null, 0, null, null, -2147483648, -2147483648]
diff --git a/Psalmenweb/.idea/encodings.xml b/Psalmenweb/.idea/encodings.xml
new file mode 100644
index 0000000..8745273
--- /dev/null
+++ b/Psalmenweb/.idea/encodings.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding">
+    <file url="file://$PROJECT_DIR$/src/main/java" charset="UTF-8" />
+    <file url="file://$PROJECT_DIR$/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelDAO.java" charset="windows-1252" />
+    <file url="file://$PROJECT_DIR$/src/main/resources" charset="UTF-8" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/Psalmenweb/.idea/jarRepositories.xml b/Psalmenweb/.idea/jarRepositories.xml
new file mode 100644
index 0000000..712ab9d
--- /dev/null
+++ b/Psalmenweb/.idea/jarRepositories.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RemoteRepositoriesConfiguration">
+    <remote-repository>
+      <option name="id" value="central" />
+      <option name="name" value="Central Repository" />
+      <option name="url" value="https://repo.maven.apache.org/maven2" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="central" />
+      <option name="name" value="Maven Central repository" />
+      <option name="url" value="https://repo1.maven.org/maven2" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="jboss.community" />
+      <option name="name" value="JBoss Community repository" />
+      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
+    </remote-repository>
+  </component>
+</project>
\ No newline at end of file
diff --git a/Psalmenweb/.idea/misc.xml b/Psalmenweb/.idea/misc.xml
new file mode 100644
index 0000000..e3a0763
--- /dev/null
+++ b/Psalmenweb/.idea/misc.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ExternalStorageConfigurationManager" enabled="true" />
+  <component name="FrameworkDetectionExcludesConfiguration">
+    <file type="web" url="file://$PROJECT_DIR$" />
+  </component>
+  <component name="MavenProjectsManager">
+    <option name="originalFiles">
+      <list>
+        <option value="$PROJECT_DIR$/pom.xml" />
+      </list>
+    </option>
+  </component>
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_9" default="false" project-jdk-name="11" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/Psalmenweb/.idea/vcs.xml b/Psalmenweb/.idea/vcs.xml
new file mode 100644
index 0000000..6c0b863
--- /dev/null
+++ b/Psalmenweb/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/Psalmenweb/pom.xml b/Psalmenweb/pom.xml
new file mode 100644
index 0000000..f9efc65
--- /dev/null
+++ b/Psalmenweb/pom.xml
@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>org.tenvoorde</groupId>
+    <artifactId>psalmenweb</artifactId>
+    <name>Psalmenweb</name>
+    <packaging>war</packaging>
+    <version>1.0.0-BUILD-SNAPSHOT</version>
+    <properties>
+        <java-version>1.6</java-version>
+        <org.springframework-version>5.2.7.RELEASE</org.springframework-version>
+        <org.aspectj-version>1.6.10</org.aspectj-version>
+        <org.slf4j-version>1.6.6</org.slf4j-version>
+        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+    </properties>
+    <dependencies>
+        <!-- Spring -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+            <version>${org.springframework-version}</version>
+            <exclusions>
+                <!-- Exclude Commons Logging in favor of SLF4j -->
+                <exclusion>
+                    <groupId>commons-logging</groupId>
+                    <artifactId>commons-logging</artifactId>
+                </exclusion>
+            </exclusions>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-webmvc</artifactId>
+            <version>${org.springframework-version}</version>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework
+            </groupId>
+            <artifactId>spring-orm</artifactId>
+            <version>${org.springframework-version}</version>
+        </dependency>
+        <dependency>
+            <groupId>cglib</groupId>
+            <artifactId>cglib</artifactId>
+            <version>2.2</version>
+        </dependency>
+
+        <!-- AspectJ -->
+        <dependency>
+            <groupId>org.aspectj</groupId>
+            <artifactId>aspectjrt</artifactId>
+            <version>${org.aspectj-version}</version>
+        </dependency>
+
+        <!-- Logging -->
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+            <version>${org.slf4j-version}</version>
+        </dependency>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>jcl-over-slf4j</artifactId>
+            <version>${org.slf4j-version}</version>
+            <scope>runtime</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-log4j12</artifactId>
+            <version>${org.slf4j-version}</version>
+            <scope>runtime</scope>
+        </dependency>
+        <dependency>
+            <groupId>log4j</groupId>
+            <artifactId>log4j</artifactId>
+            <version>1.2.15</version>
+            <exclusions>
+                <exclusion>
+                    <groupId>javax.mail</groupId>
+                    <artifactId>mail</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>javax.jms</groupId>
+                    <artifactId>jms</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>com.sun.jdmk</groupId>
+                    <artifactId>jmxtools</artifactId>
+                </exclusion>
+                <exclusion>
+                    <groupId>com.sun.jmx</groupId>
+                    <artifactId>jmxri</artifactId>
+                </exclusion>
+            </exclusions>
+            <scope>runtime</scope>
+        </dependency>
+
+        <!-- @Inject -->
+        <dependency>
+            <groupId>javax.inject</groupId>
+            <artifactId>javax.inject</artifactId>
+            <version>1</version>
+        </dependency>
+
+        <!-- Servlet -->
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>servlet-api</artifactId>
+            <version>2.5</version>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet.jsp</groupId>
+            <artifactId>jsp-api</artifactId>
+            <version>2.1</version>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>javax</groupId>
+            <artifactId>javaee-api</artifactId>
+            <version>6.0</version>
+            <scope>provided</scope>
+        </dependency>
+
+        <!-- Test -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <version>4.7</version>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.hibernate</groupId>
+            <artifactId>hibernate-core</artifactId>
+            <version>5.4.21.Final</version>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-tx</artifactId>
+            <version>3.2.3.RELEASE</version>
+        </dependency>
+        <dependency>
+            <groupId>commons-dbcp</groupId>
+            <artifactId>commons-dbcp</artifactId>
+            <version>1.4</version>
+        </dependency>
+        <dependency>
+            <groupId>mysql</groupId>
+            <artifactId>mysql-connector-java</artifactId>
+            <version>8.0.22</version>
+        </dependency>
+        <dependency>
+            <!-- jsoup HTML parser library @ http://jsoup.org/ -->
+            <groupId>org.jsoup</groupId>
+            <artifactId>jsoup</artifactId>
+            <version>1.7.2</version>
+        </dependency>
+        <dependency>
+            <groupId>org.codehaus.jackson</groupId>
+            <artifactId>jackson-jaxrs</artifactId>
+            <version>1.9.2</version>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>jstl</artifactId>
+            <version>1.2</version>
+        </dependency>
+    </dependencies>
+    <build>
+        <plugins>
+            <!--
+                        <plugin>
+                            <artifactId>maven-eclipse-plugin</artifactId>
+                            <version>2.9</version>
+                            <configuration>
+                                <additionalProjectnatures>
+                                    <projectnature>org.springframework.ide.eclipse.core.springnature</projectnature>
+                                </additionalProjectnatures>
+                                <additionalBuildcommands>
+                                    <buildcommand>org.springframework.ide.eclipse.core.springbuilder</buildcommand>
+                                </additionalBuildcommands>
+                                <downloadSources>true</downloadSources>
+                                <downloadJavadocs>true</downloadJavadocs>
+                            </configuration>
+                        </plugin>
+            -->
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-compiler-plugin</artifactId>
+                <version>3.8.1</version>
+                <configuration>
+                    <source>11</source>
+                    <target>11</target>
+                    <compilerArgument>-Xlint:all</compilerArgument>
+                    <showWarnings>true</showWarnings>
+                    <showDeprecation>true</showDeprecation>
+                </configuration>
+            </plugin>
+            <plugin>
+                <groupId>org.codehaus.mojo</groupId>
+                <artifactId>exec-maven-plugin</artifactId>
+                <version>1.2.1</version>
+                <configuration>
+                    <mainClass>org.test.int1.Main</mainClass>
+                </configuration>
+            </plugin>
+            <!--
+                        <plugin>
+                            <groupId>org.apache.tomcat.maven</groupId>
+                            <artifactId>tomcat7-maven-plugin</artifactId>
+                            <version>2.1</version>
+                            <configuration>
+                                <url>http://tenvoorde.org:8080/manager/text</url>
+                                <server>tenvoorde</server>
+                                        <id>tenvoorde</id>
+                    <username>maven</username>
+                    <password>tomcat</password>
+                            </configuration>
+                        </plugin>
+            -->
+
+            <plugin>
+                <groupId>org.codehaus.cargo</groupId>
+                <artifactId>cargo-maven2-plugin</artifactId>
+                <version>1.4.19</version>
+                <configuration>
+                    <container>
+                        <containerId>tomcat8x</containerId>
+                        <type>remote</type>
+                    </container>
+                    <configuration>
+                        <type>runtime</type>
+                        <properties>
+                            <cargo.remote.username>maven</cargo.remote.username>
+                            <cargo.remote.password>tomcat</cargo.remote.password>
+                            <cargo.remote.uri>http://37.97.221.166:8080/manager/text</cargo.remote.uri>
+                        </properties>
+                    </configuration>
+                    <deployables>
+                        <deployable>
+                            <groupId>org.tenvoorde</groupId>
+                            <artifactId>psalmenweb</artifactId>
+                            <type>war</type>
+                        </deployable>
+                    </deployables>
+                </configuration>
+            </plugin>
+        </plugins>
+    </build>
+</project>
diff --git a/Psalmenweb/psalmenweb.iml b/Psalmenweb/psalmenweb.iml
new file mode 100644
index 0000000..39cf9e3
--- /dev/null
+++ b/Psalmenweb/psalmenweb.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module version="4">
+  <component name="FacetManager">
+    <facet type="hibernate" name="Hibernate">
+      <configuration>
+        <datasource-map />
+        <naming-strategy-map />
+        <deploymentDescriptor name="hibernate.cfg.xml" url="file://$MODULE_DIR$/src/main/resources/hibernate.cfg.xml" />
+      </configuration>
+    </facet>
+  </component>
+</module>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/CatechismusParser.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/CatechismusParser.java
new file mode 100644
index 0000000..d85ff97
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/CatechismusParser.java
@@ -0,0 +1,98 @@
+package org.tenvoorde.psalmenweb;
+
+import java.io.IOException;
+
+import org.jsoup.Jsoup;
+import org.jsoup.nodes.Document;
+import org.jsoup.nodes.Element;
+import org.jsoup.select.Elements;
+import org.slf4j.Logger;
+import org.tenvoorde.psalmenweb.dao.CatechismusDAO;
+import org.tenvoorde.psalmenweb.domain.CatechismusVraag;
+
+public class CatechismusParser {
+
+//	@Autowired
+//	private PsalmenDAO dao;
+
+//	public static void main(String[] args) {
+//		dao = new PsalmenDAO();
+//		try {
+//			new PsalmboekParser().parser();
+//		} catch (Exception e) {
+//			e.printStackTrace();
+//		}
+//	}
+
+	
+	public void parser(CatechismusDAO dao, Logger logger) /*throws Exception*/ {
+		
+		Document doc;
+		
+		for (int vraag = 1; vraag <= 129; vraag++) {
+			doc = retrieveVraag(vraag);
+			int zondag = Integer.parseInt(doc.select("div span a").first().html().split(" ")[1]);
+			//System.out.println(zondag);
+			String tekstVraag = doc.select("div.post-content p i").first().html();
+			String tekstAntwoord = doc.select("div.post-content p").get(1).html();
+			System.out.println("Vraag " + vraag);
+			System.out.println(tekstVraag);
+			System.out.println(tekstAntwoord);
+			CatechismusVraag cv = new CatechismusVraag();
+			cv.setZondag(zondag);
+			cv.setVraag(vraag);
+			cv.setTekstVraag(tekstVraag);
+			cv.setTekstAntwoord(tekstAntwoord);
+			dao.insert(cv);
+//			int versnr = 0;
+//			for (Element p : firstColumn) {
+//				if (isVerse(p)) {
+//					String[] verzen = p.html().split("<br />");
+//					int regel = 0;
+//					for (String vers : verzen) {
+//						if (vers.startsWith("<strong>")) {
+//							versnr++;
+//							System.out.println("Vers " + versnr);
+//							System.out.println();
+//							continue;
+//						}
+//						if (vers.endsWith("</span>")) {
+//							vers = vers.substring(1, vers.length() - 41);
+//						}
+//						
+//						vers = vers.trim();
+//						regel++;
+//						Psalmregel pr = new Psalmregel();
+//						pr.setPsalm(psalm);
+//						pr.setVers(versnr);
+//						pr.setRegel(regel);
+//						pr.setTekst(vers);
+//						logger.info(pr.toString());
+//						dao.insert(pr);
+//					}
+//				}
+//			}
+			//if ("" == "") break;
+		}
+		
+	
+	}
+
+	private boolean isVerse(Element e) {
+		return (e.select("strong").size() > 0);
+	}
+	
+	private Document retrieveVraag(int vraag) {
+		Document result = null;
+		
+		try {
+			result = Jsoup.connect("http://decatechismus.nl/vraag/" + vraag).get();
+		} catch (Exception e) {
+			
+		}
+
+		return result;
+	}
+
+
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/PsalmboekParser.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/PsalmboekParser.java
new file mode 100644
index 0000000..764b017
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/PsalmboekParser.java
@@ -0,0 +1,81 @@
+package org.tenvoorde.psalmenweb;
+
+import java.io.IOException;
+
+import org.jsoup.Jsoup;
+import org.jsoup.nodes.Document;
+import org.jsoup.nodes.Element;
+import org.jsoup.select.Elements;
+import org.slf4j.Logger;
+import org.tenvoorde.psalmenweb.dao.PsalmenDAO;
+import org.tenvoorde.psalmenweb.domain.Psalmregel;
+
+public class PsalmboekParser {
+
+//	@Autowired
+//	private PsalmenDAO dao;
+
+//	public static void main(String[] args) {
+//		dao = new PsalmenDAO();
+//		try {
+//			new PsalmboekParser().parser();
+//		} catch (Exception e) {
+//			e.printStackTrace();
+//		}
+//	}
+
+	public void parser(PsalmenDAO dao, Logger logger) throws Exception {
+		
+		Document doc;
+		
+		for (int psalm = 1; psalm <= 150; psalm++) {
+			doc = retrieveChapter(psalm);
+			Elements firstColumn = doc.select("table tbody tr td table tbody tr td table tbody tr td p");
+			int versnr = 0;
+			for (Element p : firstColumn) {
+				if (isVerse(p)) {
+					String[] verzen = p.html().split("<br />");
+					int regel = 0;
+					for (String vers : verzen) {
+						if (vers.startsWith("<strong>")) {
+							versnr++;
+							System.out.println("Vers " + versnr);
+							System.out.println();
+							continue;
+						}
+						if (vers.endsWith("</span>")) {
+							vers = vers.substring(1, vers.length() - 41);
+						}
+						
+						vers = vers.trim();
+						regel++;
+						Psalmregel pr = new Psalmregel();
+						pr.setPsalm(psalm);
+						pr.setVers(versnr);
+						pr.setRegel(regel);
+						pr.setTekst(vers);
+						logger.info(pr.toString());
+						dao.insert(pr);
+					}
+				}
+			}
+			//if ("" == "") break;
+		}
+		
+	
+	}
+
+	private boolean isVerse(Element e) {
+		return (e.select("strong").size() > 0);
+	}
+	
+	private Document retrieveChapter(int psalm) throws IOException {
+		Document result;
+		result = Jsoup.connect(
+				"http://www.psalmboek.nl/psalmen.php?psID=" + psalm).get();
+
+		return result;
+	}
+
+
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/BijbelController.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/BijbelController.java
new file mode 100644
index 0000000..b49824d
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/BijbelController.java
@@ -0,0 +1,136 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import java.util.List;
+
+import javax.servlet.ServletRequest;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.tenvoorde.psalmenweb.dao.BijbelDAO;
+import org.tenvoorde.psalmenweb.domain.BijbelBoek;
+import org.tenvoorde.psalmenweb.domain.Bijbelvers;
+
+@Controller
+public class BijbelController {
+	
+//	private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
+	
+	@Autowired
+	private BijbelDAO bijbelDAO;
+
+	@RequestMapping(value = "/bijbel", method = RequestMethod.GET)
+	public String bijbel(
+			@RequestParam(value="t", required = true) Integer vertaling,
+			@RequestParam(value="b", required = true) Integer boek,
+			@RequestParam(value="h", required = true) Integer hoofdstuk,
+			Model model, ServletRequest req) {
+
+		if (vertaling == null) {
+			vertaling = 1;
+		}
+		if (boek == null) {
+			boek = 0;
+		}
+		if (hoofdstuk == null) {
+			hoofdstuk = 1;
+		}
+		
+		model.addAttribute("vertaling", bijbelDAO.getVertaling(vertaling));
+		model.addAttribute("boek", bijbelDAO.getBoek(boek));
+		model.addAttribute("hoofdstuk", hoofdstuk);
+		model.addAttribute("linkvorige", linkVorigHoofdstuk(vertaling, boek, hoofdstuk));
+		model.addAttribute("linkvolgende", linkVolgendHoofdstuk(vertaling, boek, hoofdstuk));
+		model.addAttribute("linkvertaling", genereerLinkNaarHoofdstuk((vertaling == 1 ? 2 : 1), boek, hoofdstuk));
+		
+		List<Bijbelvers> verzen = bijbelDAO.getHoofdstuk(vertaling, boek, hoofdstuk);
+		model.addAttribute("verzen", verzen);
+		return "bijbel";
+	}
+	
+	@RequestMapping(value = "/bijbelindex", method = RequestMethod.GET)
+	public String bijbelIndex(
+			@RequestParam(value="t", required = true) Integer vertaling,
+			Model model, ServletRequest req) {
+		
+		model.addAttribute("letters", new String[] {
+				"1", "2", "3", "A", "D", "E", "F", "G", "H", "J",
+				"K", "L", "M", "N", "O", "P", "R", "S", "T", "Z"
+		});
+		model.addAttribute("vertaling", bijbelDAO.getVertaling(vertaling));
+		return "bijbelindex";
+	}
+	
+	@RequestMapping(value = "/bijbelindexboeken", method = RequestMethod.GET)
+	public String bijbelIndexBoeken(
+			@RequestParam(value="start", required = true) String startsWith,
+			@RequestParam(value="t", required = true) Integer vertaling,
+			Model model, ServletRequest req) {
+
+		List<BijbelBoek> boeken = bijbelDAO.getBoekenStartsWith(startsWith);
+		
+		if (boeken.size() == 1) {
+			return "redirect:http://psalmenonline.nl/bijbelindexchapter?boek=" + boeken.get(0).getId() + "&t=" + vertaling;
+		}
+		
+		model.addAttribute("boeken", boeken);
+		model.addAttribute("vertaling", bijbelDAO.getVertaling(vertaling));
+		return "bijbelindexboeken";
+	}
+	
+	@RequestMapping(value = "/bijbelindexchapter", method = RequestMethod.GET)
+	public String bijbelIndexHoofdstuk(
+			@RequestParam(value="boek", required = true) Integer boek,
+			@RequestParam(value="t", required = true) Integer vertaling,
+			Model model, ServletRequest req) {
+		
+		BijbelBoek bijbelboek = bijbelDAO.getBoek(boek);
+		
+		if (bijbelboek.getHoofdstukken() == 1) {
+			return "redirect:http://psalmenonline.nl/bijbel?t=" + vertaling + "&b=" + boek + "&h=1";
+		}
+		
+		model.addAttribute("boek", bijbelboek);
+		model.addAttribute("vertaling", bijbelDAO.getVertaling(vertaling));
+		return "bijbelindexchapter";
+	}
+
+	
+	private String linkVorigHoofdstuk(int vertaling, int boek, int hoofdstuk) {
+		if (hoofdstuk > 1) {
+			hoofdstuk--;
+		} else {
+			if (boek == 0) {
+				return "#";
+			} else {
+				boek--;
+				hoofdstuk = bijbelDAO.getAantalHoofdstukkenInBoek(boek);
+			}
+		}
+		
+		return genereerLinkNaarHoofdstuk(vertaling, boek, hoofdstuk);
+	}
+
+	private String linkVolgendHoofdstuk(int vertaling, int boek, int hoofdstuk) {
+		if (hoofdstuk < bijbelDAO.getAantalHoofdstukkenInBoek(boek)) {
+			hoofdstuk++;
+		} else {
+			if (boek == 65) {
+				return "#";
+			} else {
+				boek++;
+				hoofdstuk = 1;
+			}
+		}
+		
+		return genereerLinkNaarHoofdstuk(vertaling, boek, hoofdstuk);
+	}
+
+	private String genereerLinkNaarHoofdstuk(int vertaling, int boek, int hoofdstuk) {
+		return "bijbel?t=" + vertaling + "&b=" + boek + "&h=" + hoofdstuk;		
+	}
+
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/CatechismusController.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/CatechismusController.java
new file mode 100644
index 0000000..d3c11ca
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/CatechismusController.java
@@ -0,0 +1,46 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import java.util.List;
+import java.util.Locale;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.tenvoorde.psalmenweb.dao.CatechismusDAO;
+import org.tenvoorde.psalmenweb.domain.CatechismusVraag;
+
+@Controller
+public class CatechismusController {
+	
+	//private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
+	
+	@Autowired
+	private CatechismusDAO catechismusDao;
+	
+	@RequestMapping(value = "/hc", method = RequestMethod.GET)
+	public String catechismus(@RequestParam(value="z", required = false) Integer hc, Locale locale, Model model) {
+		
+		//new CatechismusParser().parser(catechismusDao, logger);
+		//if (true) return "";
+		if (hc == null) {
+			hc = 1;
+		}
+		model.addAttribute("hc", hc);
+		
+		List<CatechismusVraag> zondag = catechismusDao.getZondag(hc);
+		
+		model.addAttribute("zondag", zondag);
+		
+		return "hc";
+	}
+
+	@RequestMapping(value = "/hcindex", method = RequestMethod.GET)
+	public String hcIndex() {		
+		return "hcindex";
+	}
+
+
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/HomeController.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/HomeController.java
new file mode 100644
index 0000000..5769f54
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/HomeController.java
@@ -0,0 +1,19 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+
+@Controller
+public class HomeController {
+	
+	@RequestMapping(value = "/", method = RequestMethod.GET)
+	public String index() {
+		return "index";
+	}
+	
+	@RequestMapping(value = "/info", method = RequestMethod.GET)
+	public String info() {
+		return "info";
+	}
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/PsalmenController.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/PsalmenController.java
new file mode 100644
index 0000000..3fb3bfa
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/controllers/PsalmenController.java
@@ -0,0 +1,61 @@
+package org.tenvoorde.psalmenweb.controllers;
+
+import java.util.List;
+import java.util.Locale;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.tenvoorde.psalmenweb.dao.PsalmenDAO;
+import org.tenvoorde.psalmenweb.domain.Psalmregel;
+
+@Controller
+public class PsalmenController {
+	
+//	private static final Logger logger = LoggerFactory.getLogger(HomeController.class);
+	
+	@Autowired
+	private PsalmenDAO psalmenDao;
+	
+	@RequestMapping(value = "/psalm", method = RequestMethod.GET)
+	public String psalm(@RequestParam(value="p", required = false) Integer psalm, @RequestParam(value="v", required = false) Integer vers, Locale locale, Model model) {
+//		try {
+//			//new PsalmboekParser().parser(dao, logger);
+//		} catch (Exception e) {
+//		}
+		if (psalm == null) {
+			psalm = 1;
+		}
+		model.addAttribute("psalm", psalm);
+		model.addAttribute("vers", vers);
+		
+		List<Psalmregel> psalmRegels = psalmenDao.getPsalm(psalm);
+		
+		model.addAttribute("psalmRegels", psalmRegels);
+		
+		return "psalm";
+	}
+
+	@RequestMapping(value = "/psalmindex", method = RequestMethod.GET)
+	public String psalmIndex() {		
+		return "psalmindex";
+	}
+
+	@RequestMapping(value = "/psalmcheck", method = RequestMethod.GET)
+	public @ResponseBody Boolean checkPsalmVerseExists(
+			@RequestParam(value="p", required = true) Integer psalm,
+			@RequestParam(value="v", required = true) Integer vers) {
+		
+		int verzen = psalmenDao.getPsalmVerseCount(psalm);
+		if (vers > verzen) {
+			return Boolean.FALSE;
+		} else {
+			return Boolean.TRUE;
+		}
+	}
+	
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelDAO.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelDAO.java
new file mode 100644
index 0000000..7ae6179
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/BijbelDAO.java
@@ -0,0 +1,147 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import java.util.ArrayList;
+import java.util.List;
+
+import org.hibernate.Query;
+import org.hibernate.Session;
+import org.hibernate.SessionFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Repository;
+import org.springframework.transaction.annotation.Transactional;
+import org.tenvoorde.psalmenweb.domain.BijbelBoek;
+import org.tenvoorde.psalmenweb.domain.Bijbelvers;
+import org.tenvoorde.psalmenweb.domain.Vertaling;
+
+@Repository
+public class BijbelDAO {
+
+	@Autowired
+	private SessionFactory sessionFactory;
+	
+	private Session openSession() {
+		return sessionFactory.getCurrentSession();
+	}
+	
+	@Transactional
+	@SuppressWarnings({ "rawtypes", "unchecked" })
+	public List<Bijbelvers> getHoofdstuk(int vertaling, int boek, int hoofdstuk) {
+		String hql = "SELECT * FROM VERS v"
+					+ " WHERE v.VERTALING_ID = " + vertaling
+					+ " AND v.BOEK_ID = " + boek
+					+ " AND v.HOOFDSTUK = " + hoofdstuk;
+		
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		
+		List<Bijbelvers> verzen = new ArrayList<Bijbelvers>();
+		
+		for (Object[] result : (List<Object[]>)results) {
+			Bijbelvers bv = new Bijbelvers();
+			bv.setVertaling((Integer) result[1]);
+			bv.setBoek((Integer) result[2]);
+			bv.setHoofdstuk((Integer) result[3]);
+			bv.setVers((Integer) result[4]);
+			
+			String tekst = (String) result[5];
+			if (tekst.indexOf("\u8211") > 0) {
+				System.out.println(boek + " " + hoofdstuk);
+			}
+			tekst = tekst.replace("\u8211", "-");
+			bv.setTekst(tekst);
+			verzen.add(bv);
+		}
+		return verzen;
+	}
+	
+	@Transactional
+	@SuppressWarnings({ "unchecked", "rawtypes" })
+	public List<BijbelBoek> getBoekenStartsWith(String start) {
+		String hql = "SELECT * FROM BOEK b"
+					+ " WHERE b.AFKORTING LIKE '" + start + "%'";
+		
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		
+		List<BijbelBoek> boeken = new ArrayList<BijbelBoek>();
+		
+		for (Object[] result : (List<Object[]>)results) {
+			BijbelBoek b = new BijbelBoek();
+			b.setId((Integer) result[0]);
+			b.setBoek((String) result[1]);
+			b.setAfkorting((String) result[2]);
+			b.setHoofdstukken((Integer) result[3]);
+			
+			boeken.add(b);
+		}
+		
+		return boeken;
+	}
+
+	
+	@Transactional
+	@SuppressWarnings({ "rawtypes" })
+	public Vertaling getVertaling(int vertaling) {
+		String hql = "SELECT * FROM VERTALING v"
+					+ " WHERE v.ID = " + vertaling;
+		
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		Object[] r = (Object[]) results.get(0);
+		
+		Vertaling v = new Vertaling();
+		v.setId((Integer) r[0]);
+		v.setVertaling((String) r[1]);
+		v.setAfkorting((String) r[2]);
+		
+		return v;
+	}
+
+	@Transactional
+	@SuppressWarnings({ "rawtypes" })
+	public BijbelBoek getBoek(int boek) {
+		String hql = "SELECT * FROM BOEK b"
+					+ " WHERE b.ID = " + boek;
+		
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		Object[] r = (Object[]) results.get(0);
+		
+		BijbelBoek b = new BijbelBoek();
+		b.setId((Integer) r[0]);
+		b.setBoek((String) r[1]);
+		b.setAfkorting((String) r[2]);
+		b.setHoofdstukken((Integer) r[3]);
+		
+		return b;
+	}
+
+	@Transactional
+	@SuppressWarnings({ "rawtypes" })
+	public String getBoek(String boek) {
+		String hql = "SELECT BOEK FROM BOEK b"
+					+ " WHERE b.AFKORTING = '" + boek + "'";
+		
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		
+		String result = (String) (results.get(0));
+		
+		return result;
+	}
+
+	@SuppressWarnings("rawtypes")
+	@Transactional
+	public Integer getAantalHoofdstukkenInBoek(int boek) {
+		String hql = "SELECT HOOFDSTUKKEN FROM BOEK b"
+				+ " WHERE b.ID = " + boek;
+		
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		
+		Integer result = (Integer) (results.get(0));
+		
+		return result;
+	}
+	
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/CatechismusDAO.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/CatechismusDAO.java
new file mode 100644
index 0000000..ed7e2f3
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/CatechismusDAO.java
@@ -0,0 +1,48 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import java.util.ArrayList;
+import java.util.List;
+
+import org.hibernate.Query;
+import org.hibernate.Session;
+import org.hibernate.SessionFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Repository;
+import org.springframework.transaction.annotation.Transactional;
+import org.tenvoorde.psalmenweb.domain.CatechismusVraag;
+
+@Repository
+public class CatechismusDAO {
+	
+	@Autowired
+	private SessionFactory sessionFactory;
+	
+	private Session openSession() {
+		return sessionFactory.getCurrentSession();
+	}
+	
+	@Transactional
+	@SuppressWarnings({ "rawtypes", "unchecked" })
+	public List<CatechismusVraag> getZondag(int hc) {
+		String hql = "SELECT * FROM CATECHISMUS hc WHERE hc.ZONDAG = " + hc;
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		
+		List<CatechismusVraag> zondag = new ArrayList<CatechismusVraag>();
+		
+		for (Object[] result : (List<Object[]>)results) {
+			CatechismusVraag cv = new CatechismusVraag();
+			cv.setZondag((Integer) result[1]);
+			cv.setVraag((Integer) result[2]);
+			cv.setTekstVraag((String) result[3]);
+			cv.setTekstAntwoord((String) result[4]);
+			zondag.add(cv);			
+		}
+		return zondag;
+	}
+	
+	@Transactional
+	public void insert(CatechismusVraag cv) {
+		openSession().save(cv);
+	}
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/PsalmenDAO.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/PsalmenDAO.java
new file mode 100644
index 0000000..abd6297
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/dao/PsalmenDAO.java
@@ -0,0 +1,69 @@
+package org.tenvoorde.psalmenweb.dao;
+
+import java.math.BigInteger;
+import java.util.ArrayList;
+import java.util.List;
+
+import org.hibernate.Query;
+import org.hibernate.Session;
+import org.hibernate.SessionFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Repository;
+import org.springframework.transaction.annotation.Transactional;
+import org.tenvoorde.psalmenweb.domain.Psalmregel;
+
+@Repository
+public class PsalmenDAO {
+	
+	private static int[] psalmVerseCount;
+
+	@Autowired
+	private SessionFactory sessionFactory;
+	
+	private Session openSession() {
+		return sessionFactory.getCurrentSession();
+	}
+	
+	@Transactional
+	@SuppressWarnings({ "rawtypes", "unchecked" })
+	public List<Psalmregel> getPsalm(int psalm) {
+		String hql = "SELECT * FROM PSALMREGEL p WHERE p.PSALM = " + psalm;
+		Query query = openSession().createSQLQuery(hql);
+		List results = query.list();
+		
+		List<Psalmregel> psalmRegels = new ArrayList<Psalmregel>();
+		
+		for (Object[] result : (List<Object[]>)results) {
+			Psalmregel p = new Psalmregel();
+			p.setPsalm((Integer) result[1]);
+			p.setVers((Integer) result[2]);
+			p.setRegel((Integer) result[3]);
+			p.setTekst((String) result[4]);
+			psalmRegels.add(p);			
+		}
+		return psalmRegels;
+	}
+	
+	@SuppressWarnings({ "unchecked", "rawtypes" })
+	@Transactional
+	public int getPsalmVerseCount(int psalm) {
+		if (PsalmenDAO.psalmVerseCount == null) {
+			String hql = "SELECT COUNT(DISTINCT VERS) FROM PSALMREGEL p GROUP BY PSALM";
+			Query query = openSession().createSQLQuery(hql);
+			List results = query.list();
+			
+			psalmVerseCount = new int[150];
+			int psalmIndex = 0;
+			for (BigInteger result : (List<BigInteger>) results) {
+				psalmVerseCount[psalmIndex++] = result.intValue();
+			}					
+		}
+
+		return PsalmenDAO.psalmVerseCount[psalm - 1];
+	}
+	
+	@Transactional
+	public void insert(Psalmregel p) {
+		openSession().save(p);
+	}
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/BijbelBoek.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/BijbelBoek.java
new file mode 100644
index 0000000..b445fd4
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/BijbelBoek.java
@@ -0,0 +1,52 @@
+package org.tenvoorde.psalmenweb.domain;
+
+public class BijbelBoek {
+
+	private int id;
+	private String boek;
+	private String afkorting;
+	private int hoofdstukken;
+	
+	public BijbelBoek(int id, String boek, String afkorting, int hoofdstukken) {
+		super();
+		this.id = id;
+		this.boek = boek;
+		this.afkorting = afkorting;
+		this.hoofdstukken = hoofdstukken;
+	}
+	
+	public BijbelBoek() {
+		// TODO Auto-generated constructor stub
+	}
+	
+	
+	
+	public int getId() {
+		return id;
+	}
+
+	public void setId(int id) {
+		this.id = id;
+	}
+
+	public String getBoek() {
+		return boek;
+	}
+	public void setBoek(String boek) {
+		this.boek = boek;
+	}
+	public String getAfkorting() {
+		return afkorting;
+	}
+	public void setAfkorting(String afkorting) {
+		this.afkorting = afkorting;
+	}
+	public int getHoofdstukken() {
+		return hoofdstukken;
+	}
+	public void setHoofdstukken(int hoofdstukken) {
+		this.hoofdstukken = hoofdstukken;
+	}
+
+	
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Bijbelvers.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Bijbelvers.java
new file mode 100644
index 0000000..9631338
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Bijbelvers.java
@@ -0,0 +1,105 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import java.io.Serializable;
+
+import javax.persistence.Column;
+import javax.persistence.Entity;
+import javax.persistence.GeneratedValue;
+import javax.persistence.Id;
+import javax.persistence.Table;
+
+@Entity
+@Table(name = "VERS")
+public class Bijbelvers implements Serializable {
+	
+	private static final long serialVersionUID = 4765101556890177766L;
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private Integer id;
+	
+	@Column(name = "VERTALING_ID")
+	private Integer vertaling;
+	
+	@Column(name = "BOEK_ID")
+	private Integer boek;
+	
+	@Column(name = "HOOFDSTUK")
+	private Integer hoofdstuk;
+	
+	@Column(name = "VERS")
+	private Integer vers;
+	
+	@Column(name = "TEKST")
+	private String tekst;
+
+	
+	public Integer getId() {
+		return id;
+	}
+
+
+	public void setId(Integer id) {
+		this.id = id;
+	}
+
+
+	public Integer getVertaling() {
+		return vertaling;
+	}
+
+
+	public void setVertaling(Integer vertaling) {
+		this.vertaling = vertaling;
+	}
+
+
+	public Integer getBoek() {
+		return boek;
+	}
+
+
+	public void setBoek(Integer boek) {
+		this.boek = boek;
+	}
+
+
+	public Integer getHoofdstuk() {
+		return hoofdstuk;
+	}
+
+
+	public void setHoofdstuk(Integer hoofdstuk) {
+		this.hoofdstuk = hoofdstuk;
+	}
+
+
+	public Integer getVers() {
+		return vers;
+	}
+
+
+	public void setVers(Integer vers) {
+		this.vers = vers;
+	}
+
+
+	public String getTekst() {
+		return tekst;
+	}
+
+
+	public void setTekst(String tekst) {
+		this.tekst = tekst;
+	}
+
+
+//	public String toString() {
+//		return 
+//				+ " Vers " + this.vers
+//				+ " Regel " + this.regel
+//				+ " = " + this.tekst;
+//	}
+
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/CatechismusVraag.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/CatechismusVraag.java
new file mode 100644
index 0000000..0774ef9
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/CatechismusVraag.java
@@ -0,0 +1,84 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import java.io.Serializable;
+
+import javax.persistence.Column;
+import javax.persistence.Entity;
+import javax.persistence.GeneratedValue;
+import javax.persistence.Id;
+import javax.persistence.Table;
+
+@Entity
+@Table(name = "CATECHISMUS")
+public class CatechismusVraag implements Serializable {
+
+	private static final long serialVersionUID = 4234966319088621876L;
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private Integer id;
+	
+	@Column(name = "ZONDAG")
+	private Integer zondag;
+	
+	@Column(name = "VRAAG")
+	private Integer vraag;
+	
+	@Column(name = "TEKST_VRAAG")
+	private String tekstVraag;
+	
+	@Column(name = "TEKST_ANTWOORD")
+	private String tekstAntwoord;
+
+	public Integer getId() {
+		return id;
+	}
+
+	public void setId(Integer id) {
+		this.id = id;
+	}
+
+	public Integer getZondag() {
+		return zondag;
+	}
+
+	public void setZondag(Integer zondag) {
+		this.zondag = zondag;
+	}
+
+	public Integer getVraag() {
+		return vraag;
+	}
+
+	public void setVraag(Integer vraag) {
+		this.vraag = vraag;
+	}
+
+	public String getTekstVraag() {
+		return tekstVraag;
+	}
+
+	public void setTekstVraag(String tekstVraag) {
+		this.tekstVraag = tekstVraag;
+	}
+
+	public String getTekstAntwoord() {
+		return tekstAntwoord;
+	}
+
+	public void setTekstAntwoord(String tekstAntwoord) {
+		this.tekstAntwoord = tekstAntwoord;
+	}
+
+	@Override
+	public String toString() {
+		return "CatechismusVraag [id=" + id + ", zondag=" + zondag + ", vraag="
+				+ vraag + ", tekstVraag=" + tekstVraag + ", tekstAntwoord="
+				+ tekstAntwoord + "]";
+	}
+
+
+	
+	
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Psalmregel.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Psalmregel.java
new file mode 100644
index 0000000..50e6713
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Psalmregel.java
@@ -0,0 +1,81 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import java.io.Serializable;
+
+import javax.persistence.Column;
+import javax.persistence.Entity;
+import javax.persistence.GeneratedValue;
+import javax.persistence.Id;
+import javax.persistence.Table;
+
+@Entity
+@Table(name = "PSALMREGEL")
+public class Psalmregel implements Serializable {
+	
+	private static final long serialVersionUID = 4765101556890177766L;
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private Integer id;
+	
+	@Column(name = "PSALM")
+	private Integer psalm;
+	
+	@Column(name = "VERS")
+	private Integer vers;
+	
+	@Column(name = "REGEL")
+	private Integer regel;
+	
+	@Column(name = "TEKST")
+	private String tekst;
+
+	public Integer getId() {
+		return id;
+	}
+
+	public void setId(Integer id) {
+		this.id = id;
+	}
+
+	public Integer getPsalm() {
+		return psalm;
+	}
+
+	public void setPsalm(Integer psalm) {
+		this.psalm = psalm;
+	}
+
+	public Integer getVers() {
+		return vers;
+	}
+
+	public void setVers(Integer vers) {
+		this.vers = vers;
+	}
+
+	public Integer getRegel() {
+		return regel;
+	}
+
+	public void setRegel(Integer regel) {
+		this.regel = regel;
+	}
+
+	public String getTekst() {
+		return tekst;
+	}
+
+	public void setTekst(String tekst) {
+		this.tekst = tekst;
+	}
+	
+	public String toString() {
+		return "Psalm " + this.psalm
+				+ " Vers " + this.vers
+				+ " Regel " + this.regel
+				+ " = " + this.tekst;
+	}
+
+}
diff --git a/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Vertaling.java b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Vertaling.java
new file mode 100644
index 0000000..c99fc8c
--- /dev/null
+++ b/Psalmenweb/src/main/java/org/tenvoorde/psalmenweb/domain/Vertaling.java
@@ -0,0 +1,50 @@
+package org.tenvoorde.psalmenweb.domain;
+
+import javax.persistence.*;
+
+@Entity
+@Table(name = "VERTALING", schema = "bijbel")
+public class Vertaling {
+
+	@Id
+	@GeneratedValue
+	@Column(name = "ID")
+	private int id;
+
+	@Column(name = "VERTALING")
+	private String vertaling;
+
+	@Column(name = "AFKORTING")
+	private String afkorting;
+	
+	public Vertaling() {
+		super();
+	}
+
+	public int getId() {
+		return id;
+	}
+
+	public void setId(int id) {
+		this.id = id;
+	}
+
+	public String getVertaling() {
+		return vertaling;
+	}
+
+	public void setVertaling(String vertaling) {
+		this.vertaling = vertaling;
+	}
+
+	public String getAfkorting() {
+		return afkorting;
+	}
+
+	public void setAfkorting(String afkorting) {
+		this.afkorting = afkorting;
+	}
+
+	
+	
+}
diff --git a/Psalmenweb/src/main/resources/C.psd b/Psalmenweb/src/main/resources/C.psd
new file mode 100644
index 0000000..a0dfe40
Binary files /dev/null and b/Psalmenweb/src/main/resources/C.psd differ
diff --git a/Psalmenweb/src/main/resources/hibernate.cfg.xml b/Psalmenweb/src/main/resources/hibernate.cfg.xml
new file mode 100644
index 0000000..277344b
--- /dev/null
+++ b/Psalmenweb/src/main/resources/hibernate.cfg.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE hibernate-configuration PUBLIC
+"-//Hibernate/Hibernate Configuration DTD 3.0//EN"
+"http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">
+<hibernate-configuration>
+    <session-factory>
+        <property name="hibernate.bytecode.use_reflection_optimizer">false</property>
+        <property name="hibernate.connection.driver_class">com.mysql.cj.jdbc.Driver</property>
+        <property name="hibernate.connection.url">jdbc:mysql://37.97.221.166:3306/psalmenweb?characterEncoding=utf8&useUnicode=true</property>
+        <property name="hibernate.connection.username">psalmenweb</property>
+        <property name="hibernate.connection.password">OhWSsRxCOM4pXiiQ</property>
+        <property name="hibernate.dialect">org.hibernate.dialect.MySQL8Dialect</property>
+        <property name="show_sql">true</property>
+    </session-factory>
+</hibernate-configuration>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/resources/log4j.xml b/Psalmenweb/src/main/resources/log4j.xml
new file mode 100644
index 0000000..b38f2a8
--- /dev/null
+++ b/Psalmenweb/src/main/resources/log4j.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE log4j:configuration PUBLIC "-//APACHE//DTD LOG4J 1.2//EN" "log4j.dtd">
+<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
+
+	<!-- Appenders -->
+	<appender name="console" class="org.apache.log4j.ConsoleAppender">
+		<param name="Target" value="System.out" />
+		<layout class="org.apache.log4j.PatternLayout">
+			<param name="ConversionPattern" value="%-5p: %c - %m%n" />
+		</layout>
+	</appender>
+	
+	<!-- Application Loggers -->
+	<logger name="org.tenvoorde.psalmenweb">
+		<level value="info" />
+	</logger>
+	
+	<!-- 3rdparty Loggers -->
+	<logger name="org.springframework.core">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.beans">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.context">
+		<level value="info" />
+	</logger>
+
+	<logger name="org.springframework.web">
+		<level value="info" />
+	</logger>
+
+	<!-- Root Logger -->
+	<root>
+		<priority value="warn" />
+		<appender-ref ref="console" />
+	</root>
+	
+</log4j:configuration>
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/spring/appServlet/config.properties b/Psalmenweb/src/main/webapp/WEB-INF/spring/appServlet/config.properties
new file mode 100644
index 0000000..87d3c88
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/spring/appServlet/config.properties
@@ -0,0 +1,11 @@
+################### JDBC Configuration ##########################
+jdbc.driverClassName=com.mysql.jdbc.Driver
+jdbc.url=jdbc:mysql://tenvoorde.org:3306/psalmenweb
+jdbc.username=psalmenonline
+jdbc.password=zMhMipovKFgc1m8n
+  
+################### Hibernate Configuration ##########################
+hibernate.dialect=org.hibernate.dialect.MySQLDialect
+hibernate.show_sql=true
+hibernate.hbm2ddl.auto=update
+hibernate.generate_statistics=true
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/spring/appServlet/servlet-context.xml b/Psalmenweb/src/main/webapp/WEB-INF/spring/appServlet/servlet-context.xml
new file mode 100644
index 0000000..006662f
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/spring/appServlet/servlet-context.xml
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans:beans xmlns="http://www.springframework.org/schema/mvc"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:beans="http://www.springframework.org/schema/beans"
+	xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx"
+	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
+		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
+		http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd">
+
+	<!-- DispatcherServlet Context: defines this servlet's request-processing 
+		infrastructure -->
+
+	<!-- Enables the Spring MVC @Controller programming model -->
+	<annotation-driven />
+
+	<!-- Handles HTTP GET requests for /resources/** by efficiently serving 
+		up static resources in the ${webappRoot}/resources directory -->
+	<resources mapping="/resources/**" location="/resources/" />
+
+
+	
+	<!-- Resolves views selected for rendering by @Controllers to .jsp resources 
+		in the /WEB-INF/views directory -->
+	<beans:bean
+		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
+		<beans:property name="prefix" value="/WEB-INF/views/" />
+		<beans:property name="suffix" value=".jsp" />
+	</beans:bean>
+	
+	<context:component-scan base-package="org.tenvoorde.psalmenweb" />
+
+	<!-- JDBC Data Source. It is assumed you have MySQL running on localhost 
+		port 3306 with username root and blank password. Change below if it's not 
+		the case -->
+	<beans:bean id="psalmenDataSource" class="org.apache.commons.dbcp.BasicDataSource"
+		destroy-method="close">
+		<beans:property name="driverClassName" value="com.mysql.jdbc.Driver" />
+		<beans:property name="url"
+			value="jdbc:mysql://tenvoorde.org:3306/psalmenweb" />
+		<beans:property name="username" value="psalmenonline" />
+		<beans:property name="password" value="zMhMipovKFgc1m8n" />
+		<beans:property name="validationQuery" value="SELECT 1" />
+	</beans:bean>
+
+	<!-- Hibernate Session Factory -->
+	<beans:bean id="psalmenSessionFactory"
+		class="org.springframework.orm.hibernate4.LocalSessionFactoryBean">
+		<beans:property name="dataSource" ref="psalmenDataSource" />
+		<beans:property name="annotatedClasses">
+			<beans:list>
+				<beans:value>org.tenvoorde.psalmenweb.domain.Psalmregel</beans:value>
+				<beans:value>org.tenvoorde.psalmenweb.domain.CatechismusVraag</beans:value>
+			</beans:list>
+		</beans:property>
+		<beans:property name="packagesToScan">
+			<beans:array>
+				<beans:value>org.tenvoorde.psalmenweb.dao</beans:value>
+			</beans:array>
+		</beans:property>
+		<beans:property name="hibernateProperties">
+			<beans:value>
+				hibernate.dialect=org.hibernate.dialect.MySQLDialect
+			</beans:value>
+		</beans:property>
+	</beans:bean>
+
+	<!-- Hibernate Transaction Manager -->
+	<beans:bean id="transactionManager"
+		class="org.springframework.orm.hibernate4.HibernateTransactionManager">
+		<beans:property name="sessionFactory" ref="psalmenSessionFactory" />
+	</beans:bean>
+
+	<!-- Activates annotation based transaction management -->
+	<tx:annotation-driven transaction-manager="transactionManager" />
+
+</beans:beans>
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/spring/root-context.xml b/Psalmenweb/src/main/webapp/WEB-INF/spring/root-context.xml
new file mode 100644
index 0000000..18ad186
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/spring/root-context.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+	<!-- Root Context: defines shared resources visible to all other web components -->
+
+
+</beans>
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/bijbel.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbel.jsp
new file mode 100644
index 0000000..4512be0
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbel.jsp
@@ -0,0 +1,125 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>${boek.boek} <c:if test="${boek.hoofdstukken > 1}">${hoofdstuk} </c:if>(${vertaling.afkorting})</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed" id="psalmhoofd">
+			<div class="psalmheader">${boek.boek} <c:if test="${boek.hoofdstukken > 1}">${hoofdstuk} </c:if>(${vertaling.afkorting})</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+	 		<a href="hcindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="hc" data-ajax="false" class="ui-btn-right" style="margin-right:250px;"></a>
+	 		<c:choose>
+	 			<c:when test="${vertaling.id == 1}">
+		 			<a href="${linkvertaling}" data-inline="true" data-icon="custom" data-iconpos="notext" id="sv" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 			</c:when>
+	 			<c:otherwise>
+		 			<a href="${linkvertaling}" data-inline="true" data-icon="custom" data-iconpos="notext" id="hsv" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 			</c:otherwise>
+	 		</c:choose>		
+	 		<a href="psalmindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="note" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>	 		
+		</div>
+		<div data-role="content">
+			<br /> <br />
+			<c:forEach items="${verzen}" var="vers"
+				varStatus="varstatus">
+				<p class="psalmline"><span class="bijbelvers">${vers.vers}</span> ${vers.tekst}</p>
+			</c:forEach>
+ 
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+ 			<div data-role="navbar" data-position="fixed" class="bigbuttons" data-grid="d">
+				<ul>
+					<li><a href="${linkvorige}"		id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 				id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="bijbelindex?t=${vertaling.id}"	id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 				id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="${linkvolgende}" 	id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+		
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".psalmline").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmline").css("font-size", cssSize);
+			
+			PREF_TEXTSIZE = size + delta;
+			savePreferences();
+		}
+
+		$(document).on('pageinit', function() {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+			});
+			
+			if ($("#left").attr("href") == "#") {
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+
+			if ($("#right").attr("href") == "#") {
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+
+		});
+		
+//		function goToVerse(immediately) {
+//			if ("${vers}" != "") {
+//				var target = $("#v${vers}").get(0).offsetTop;
+//			
+//				if (target !== undefined) {
+//					if (immediately) {
+//						$.mobile.silentScroll(target);		
+//					} else {
+//						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+//					}
+//				}
+//			}
+//		}
+		
+//		$(document).on('pageshow', function(){
+			//goToVerse(false);
+//		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindex.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindex.jsp
new file mode 100644
index 0000000..8a61202
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindex.jsp
@@ -0,0 +1,46 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<c:forEach items="${letters}" var="letter" varStatus="index">
+				<c:if test="${(index.index % 4 == 0) && (index.index > 0)}">
+					</div>
+				</c:if>
+				<c:if test="${index.index % 4 == 0}">
+					<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				</c:if>
+				<a href="bijbelindexboeken?start=${letter}&t=${vertaling.id}" data-role="button" data-theme="a" data-ajax="false">${letter}</a>
+				&nbsp;
+			</c:forEach>		
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindexboeken.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindexboeken.jsp
new file mode 100644
index 0000000..1b09904
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindexboeken.jsp
@@ -0,0 +1,46 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<c:forEach items="${boeken}" var="boek" varStatus="index">
+				<c:if test="${(index.index % 4 == 0) && (index.index > 0)}">
+					</div>
+				</c:if>
+				<c:if test="${index.index % 4 == 0}">
+					<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				</c:if>
+				<a href="bijbelindexchapter?boek=${boek.id}&t=${vertaling.id}" data-role="button" data-theme="a" data-ajax="false">${boek.afkorting}</a>
+				&nbsp;
+			</c:forEach>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindexchapter.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindexchapter.jsp
new file mode 100644
index 0000000..d147b82
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/bijbelindexchapter.jsp
@@ -0,0 +1,176 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="boekhoofdstuk" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">${boek.boek} <span id="choice"></span></a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#x25C0;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				removeChar();
+				break;
+			case "e":
+				if (! $("#boekhoofdstuk").hasClass("invalid")) {
+					var choice = $("#choice").html();
+					if (choice == "") {
+						choice = "1";
+						$("#choice").html(choice);
+					}
+
+					window.location.href = "bijbel?t=${vertaling.id}&b=${boek.id}&h=" + choice;
+				}
+			}				
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		
+		if (lengte == 3) {
+			choice = "";
+		}
+		if (lengte == 0 && knop == "0") {
+			return;
+		}
+
+		choice += knop;
+		
+		$("#choice").html(choice);
+		
+		checkCorrectChapter();
+	}
+	
+	function removeChar() {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		if (lengte > 0) {
+			choice = choice.substring(0, choice.length - 1);
+			$("#choice").html(choice);
+		}
+		checkCorrectChapter();
+	}
+	
+	function checkCorrectChapter() {
+		var hoofdstuk = parseInt($("#choice").html());
+		if (hoofdstuk > ${boek.hoofdstukken}) {
+			$("#boekhoofdstuk").addClass("invalid");
+		} else {
+			$("#boekhoofdstuk").removeClass("invalid");
+		}
+	}
+
+	function toastVerseDoesNotExist() {
+		$("a#choice span span").addClass("invalid");
+		$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Dit vers bestaat niet.</h1></div>")
+			.css({
+				display: "block", 
+//				opacity: 0.90, 
+				position: "fixed",
+				padding: "7px",
+				"text-align": "center",
+				width: "350px",
+				left: ($(window).width() - 364) / 2,
+				top: $(window).height() / 2})
+			.appendTo($.mobile.pageContainer).delay(2000)
+			.fadeOut(400, function(){
+				$(this).remove();
+				var choice = $("a#choice span span").html();
+				choice = choice.substring(0, choice.indexOf("vers") + 5);
+				$("a#choice span span").html(choice);
+				$("a#choice span span").removeClass("invalid");
+		});
+	}
+
+	function checkPsalmVerseExists(psalm, vers) {
+		var result;
+		$.ajax({
+			url: 'psalmcheck',
+			async: false,
+			data: {p: psalm, v: vers}, //'p=' & psalm & '&v=' & vers,
+			success: function(data) {
+				result = data;
+			}
+		});
+		
+		return result;
+	}
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/hc.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/hc.jsp
new file mode 100644
index 0000000..a4e5cf3
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/hc.jsp
@@ -0,0 +1,124 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>Zondag ${hc}</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed">
+			<div class="psalmheader">Zondag ${hc}</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+			<a href="psalmindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="note" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 		<a href="bijbelindex?t=1" data-inline="true" data-icon="custom" data-iconpos="notext" id="book" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>
+		</div>
+		<div data-role="content">
+			<br /> <br />
+	 		<c:forEach items="${zondag}" var="vraag" varStatus="varstatus">
+				<div class="psalmverseheader">Vraag ${vraag.vraag}</div>
+				<p class="hclinequestion">${vraag.tekstVraag}</p>
+				<p class="hclineanswer">${vraag.tekstAntwoord}</p>
+				<br />
+			</c:forEach>
+
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+			<div data-role="navbar" class="bigbuttons" data-position="fixed">
+				<ul>
+					<li><a href="hc?z=${hc - 1}"		id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 					id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="hcindex"				id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 					id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="hc?z=${hc + 1}"		id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>				
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".hclinequestion").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".hclinequestion").css("font-size", cssSize);
+			
+			size = parseInt($(".hclineanswer").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".hclineanswer").css("font-size", cssSize);
+
+			PREF_TEXTSIZE = size + delta;
+			savePreferences();
+	}
+
+		$(document).on('pageinit', function() {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+			});
+
+			if ('${hc}' == '1') {
+				$("#left").attr("href", "#");
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+			if ('${hc}' == '52') {
+				$("#right").attr("href", "#");
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+			
+		});
+		
+		function goToVerse(immediately) {
+			if ("${vers}" != "") {
+				var target = $("#v${vers}").get(0).offsetTop;
+				
+				if (target !== undefined) {
+					if (immediately) {
+						$.mobile.silentScroll(target);		
+					} else {
+						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+					}
+				}
+			}
+		}
+		
+		$(document).on('pageshow', function(){
+			goToVerse(false);
+		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/hcindex.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/hcindex.jsp
new file mode 100644
index 0000000..df37400
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/hcindex.jsp
@@ -0,0 +1,146 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index Catechismus</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="hc" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">Zondag <span id="choice"></span></a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#8630;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				if ($("#choice").html().length == 0) {
+					window.history.back();
+				} else {
+					removeChar();
+				}
+				
+				break;
+			case "e":
+				if (! $("#hc").hasClass("invalid")) {
+					var choice = $("#choice").html();
+					window.location.href = "hc?z=" + choice;
+				}
+			}
+			if ($("#choice").html().length == 0) {
+				$("a#kd span span").html("&#8630;");
+			} else {
+				$("a#kd span span").html("&#x25C0;");
+			}
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		
+		if (lengte == 2) {
+			choice = "";
+		}
+		if (lengte == 0 && knop == "0") {
+			return;
+		}
+
+		choice += knop;
+		
+		$("#choice").html(choice);
+		
+		checkCorrectChoice();
+	}
+	
+	function removeChar() {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		if (lengte > 0) {
+			choice = choice.substring(0, choice.length - 1);
+			$("#choice").html(choice);
+		}
+		checkCorrectChoice();
+	}
+	
+	function checkCorrectChoice() {
+		var hc = parseInt($("#choice").html());
+		if (hc > 52) {
+			$("#hc").addClass("invalid");
+		} else {
+			$("#hc").removeClass("invalid");
+		}
+	}
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/index.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/index.jsp
new file mode 100644
index 0000000..509c826
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/index.jsp
@@ -0,0 +1,54 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 30%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="bijbelindex?t=1" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Bijbel (HSV)</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="bijbelindex?t=2" style="width: 100%;"data-role="button" data-theme="a" data-ajax="false">Bijbel (SV)</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="psalmindex" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Psalmen</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="hcindex" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Heidelbergse Catechismus</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a style="width: 100%; visibility: hidden;" data-role="button" data-theme="a" data-ajax="false">Psalmen</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="info" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Informatie</a>
+			</div>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/info.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/info.jsp
new file mode 100644
index 0000000..e4129f3
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/info.jsp
@@ -0,0 +1,43 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 30%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<p style="font-size: 40px; line-height: 1.5; text-align: left;">
+				Het doel van deze website is om de Bijbel en de psalmen toegankelijk te maken voor slecht- en minderzienden.
+				De website is geoptimaliseerd voor tablets. Een internetverbinding is noodzakelijk!
+			</p>
+			<p style="font-size: 40px; line-height: 1.5; text-align: left;">
+				Ik help u graag bij problemen of vragen. Telefoon: 06-14243000 of email: <a href="mailto:info@psalmenonline.nl">info@psalmenonline.nl</a>.
+			</p>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/psalm.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/psalm.jsp
new file mode 100644
index 0000000..590a215
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/psalm.jsp
@@ -0,0 +1,132 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>Psalm ${psalm}</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed">
+			<div class="psalmheader">Psalm ${psalm}</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+			<a href="hcindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="hc" data-ajax="false" class="ui-btn-right" style="margin-right:150px;">a</a>
+	 		<a href="bijbelindex?t=1" data-inline="true" data-icon="custom" data-iconpos="notext" id="book" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>
+		</div>
+		<div data-role="content">
+			<br /> <br />
+			<c:forEach items="${psalmRegels}" var="psalmregel"
+				varStatus="varstatus">
+				<c:if
+					test="${(varstatus.index == 0) || (psalmregel.vers != psalmRegels[varstatus.index - 1].vers)}">
+					<a id="v${psalmregel.vers}"></a>
+					<br />
+					<br />
+					<br />
+					<c:choose>
+						<c:when test="${psalmregel.vers == 0}">
+							<div class="psalmverseheader">Voorzang</div>
+						</c:when>
+						<c:otherwise>
+							<div class="psalmverseheader">Vers ${psalmregel.vers}</div>
+						</c:otherwise>
+					</c:choose>
+				</c:if>
+				<p class="psalmline">${psalmregel.tekst}</p>
+			</c:forEach>
+
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+			<div data-role="navbar" class="bigbuttons" data-position="fixed">
+				<ul>
+					<li><a href="psalm?p=${psalm - 1}"	id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 					id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="psalmindex"			id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 					id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="psalm?p=${psalm + 1}"	id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>				
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+		
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".psalmline").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmline").css("font-size", cssSize);
+		}
+
+		$(function () {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+				//goToVerse(true);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+				//goToVerse(true);
+			});
+
+			if ('${psalm}' == '1') {
+				$("#left").attr("href", "#");
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+			if ('${psalm}' == '150') {
+				$("#right").attr("href", "#");
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+			
+		});
+		
+		function goToVerse(immediately) {
+			if ("${vers}" != "") {
+				var target = $("#v${vers}").get(0).offsetTop;
+				
+				if (target !== undefined) {
+					if (immediately) {
+						$.mobile.silentScroll(target);		
+					} else {
+						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+					}
+				}
+			}
+		}
+		
+		$(document).on('pageshow', function(){
+			goToVerse(false);
+		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/views/psalmindex.jsp b/Psalmenweb/src/main/webapp/WEB-INF/views/psalmindex.jsp
new file mode 100644
index 0000000..f80bf87
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/views/psalmindex.jsp
@@ -0,0 +1,232 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="choice" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">Psalm</a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#8630;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				if ($("a#choice span span").html().length < 7) {
+					window.history.back();
+				} else {
+					removeChar();
+				}
+				
+				break;
+			case "e":
+				if ($("a#choice span span").hasClass("invalid")) {
+					break;
+				}
+				var choice = $("a#choice span span").html();
+				if (choice.indexOf("vers") > 0) {
+					var psalm = choice.substring(6, choice.indexOf("vers") - 1);
+					var vers = choice.substring(choice.indexOf("vers") + 5);
+					if (vers == "") {
+						vers = 1;
+						choice += "1";
+						$("a#choice span span").html(choice);
+					}
+					if (! checkPsalmVerseExists(psalm, vers)) {
+						toastVerseDoesNotExist();
+					} else {
+						window.location.href = "psalm?p=" + psalm + "&v=" + vers;
+						//window.location.href = "/psalm?p=" + psalm + "&v=" + vers;
+					}
+					
+				} else {
+					if (! (choice.length < 7)) {
+						choice += " vers ";
+						$("a#choice span span").html(choice);
+					}
+				}
+				
+			}
+			var choice = $("a#choice span span").html();
+			if (choice.length < 7) {
+				$("a#kd span span").html("&#8630;");
+			} else {
+				$("a#kd span span").html("&#x25C0;");
+			}
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("a#choice span span").html();
+		var lengte = choice.length;
+		
+		if (choice.indexOf("vers") > 0) {
+			var vers = choice.substring(choice.indexOf("vers") + 5);
+			var verslengte = vers.length;
+			
+			if (verslengte < 2) {
+				if (!(verslengte == 0 && knop == "0")) {
+					choice += knop;
+				}
+			} else {
+				if (!(knop == "0")) {
+					choice = choice.substring(0, choice.indexOf("vers") + 5) + knop;
+				}				
+			}
+			$("a#choice span span").html(choice);
+			
+		} else {
+			if (lengte == 5) {
+				choice += " ";
+				lengte++;
+			}
+
+			if (lengte < 9) {
+				if (!(lengte == 6 && knop == "0")) {
+					choice += knop;
+				}
+	 		} else {
+				if (!(knop == "0")) {
+					choice = "Psalm " + knop;
+				}
+	 		}
+			
+			$("a#choice span span").html(choice);
+			
+			checkCorrectPsalm();
+			
+		}
+		
+	}
+	
+	function removeChar() {
+		var choice = $("a#choice span span").html();
+		var lengte = choice.length;
+		if (lengte > 5) {
+			choice = choice.substring(0, choice.length - 1);
+			if (choice.substring(choice.length - 4) == "vers") {
+				choice = choice.substring(0, choice.length - 5);
+			}
+			$("a#choice span span").html(choice);
+			checkCorrectPsalm();
+		}
+	}
+	
+	function checkCorrectPsalm() {
+		var psalm = parseInt($("a#choice span span").html().substring(6));
+		if (psalm < 1 || psalm > 150) {
+			$("a#choice span span").addClass("invalid");
+		} else {
+			$("a#choice span span").removeClass("invalid");
+		}
+	}
+
+	function toastVerseDoesNotExist() {
+		$("a#choice span span").addClass("invalid");
+		$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Dit vers bestaat niet.</h1></div>")
+			.css({
+				display: "block", 
+//				opacity: 0.90, 
+				position: "fixed",
+				padding: "7px",
+				"text-align": "center",
+				width: "350px",
+				left: ($(window).width() - 364) / 2,
+				top: $(window).height() / 2})
+			.appendTo($.mobile.pageContainer).delay(2000)
+			.fadeOut(400, function(){
+				$(this).remove();
+				var choice = $("a#choice span span").html();
+				choice = choice.substring(0, choice.indexOf("vers") + 5);
+				$("a#choice span span").html(choice);
+				$("a#choice span span").removeClass("invalid");
+		});
+	}
+
+	function checkPsalmVerseExists(psalm, vers) {
+		var result;
+		$.ajax({
+			url: 'psalmcheck',
+			async: false,
+			data: {p: psalm, v: vers}, //'p=' & psalm & '&v=' & vers,
+			success: function(data) {
+				result = data;
+			}
+		});
+		
+		return result;
+	}
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/WEB-INF/web.xml b/Psalmenweb/src/main/webapp/WEB-INF/web.xml
new file mode 100644
index 0000000..b6cc56c
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/WEB-INF/web.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
+
+	<!-- The definition of the Root Spring Container shared by all Servlets and Filters -->
+	<context-param>
+		<param-name>contextConfigLocation</param-name>
+		<param-value>/WEB-INF/spring/root-context.xml</param-value>
+	</context-param>
+	
+	<!-- Creates the Spring Container shared by all Servlets and Filters -->
+	<listener>
+		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
+	</listener>
+
+	<!-- Processes application requests -->
+	<servlet>
+		<servlet-name>appServlet</servlet-name>
+		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
+		<init-param>
+			<param-name>contextConfigLocation</param-name>
+			<param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value>
+		</init-param>
+		<load-on-startup>1</load-on-startup>
+	</servlet>
+		
+	<servlet-mapping>
+		<servlet-name>appServlet</servlet-name>
+		<url-pattern>/</url-pattern>
+	</servlet-mapping>
+
+</web-app>
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/01-arrow-east@2x.png b/Psalmenweb/src/main/webapp/resources/css/images/01-arrow-east@2x.png
new file mode 100644
index 0000000..e87a46d
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/01-arrow-east@2x.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/05-arrow-west@2x.png b/Psalmenweb/src/main/webapp/resources/css/images/05-arrow-west@2x.png
new file mode 100644
index 0000000..dc0d410
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/05-arrow-west@2x.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/13-plus@2x.png b/Psalmenweb/src/main/webapp/resources/css/images/13-plus@2x.png
new file mode 100644
index 0000000..a2877a3
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/13-plus@2x.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/14-minus@2x.png b/Psalmenweb/src/main/webapp/resources/css/images/14-minus@2x.png
new file mode 100644
index 0000000..93fde6b
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/14-minus@2x.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/194-note-2@2x.png b/Psalmenweb/src/main/webapp/resources/css/images/194-note-2@2x.png
new file mode 100644
index 0000000..74d40bb
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/194-note-2@2x.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/60-dialpad@2x.png b/Psalmenweb/src/main/webapp/resources/css/images/60-dialpad@2x.png
new file mode 100644
index 0000000..ce504bf
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/60-dialpad@2x.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/96-book@2x.png b/Psalmenweb/src/main/webapp/resources/css/images/96-book@2x.png
new file mode 100644
index 0000000..af9e07e
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/96-book@2x.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/bw.png b/Psalmenweb/src/main/webapp/resources/css/images/bw.png
new file mode 100644
index 0000000..cceb3f1
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/bw.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/hc.png b/Psalmenweb/src/main/webapp/resources/css/images/hc.png
new file mode 100644
index 0000000..626c86a
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/hc.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/hsv.png b/Psalmenweb/src/main/webapp/resources/css/images/hsv.png
new file mode 100644
index 0000000..e82d0df
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/hsv.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/images/sv.png b/Psalmenweb/src/main/webapp/resources/css/images/sv.png
new file mode 100644
index 0000000..cb24543
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/images/sv.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/index.html b/Psalmenweb/src/main/webapp/resources/css/index.html
new file mode 100644
index 0000000..13f35c9
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/resources/css/index.html
@@ -0,0 +1,39 @@
+
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>jQuery Mobile: Theme Download</title>
+		<link rel="stylesheet" href="themes/Psalmenweb.min.css" />
+		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
+		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+		<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
+	</head>
+	<body>
+		<div data-role="page" data-theme="a">
+			<div data-role="header" data-position="inline">
+				<h1>It Worked!</h1>
+			</div>
+			<div data-role="content" data-theme="a">
+				<p>Your theme was successfully downloaded. You can use this page as a reference for how to link it up!</p>
+				<pre>
+<strong>&lt;link rel=&quot;stylesheet&quot; href=&quot;themes/Psalmenweb.min.css&quot; /&gt;</strong>
+&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css&quot; /&gt;
+&lt;script src=&quot;http://code.jquery.com/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js&quot;&gt;&lt;/script&gt;
+				</pre>
+				<p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<label for="slider1">Input slider:</label>
+				<input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
+				<fieldset data-role="controlgroup"  data-type="horizontal" data-role="fieldcontain">
+				<legend>Cache settings:</legend>
+				<input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
+				<label for="radio-choice-a1">On</label>
+				<input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off"  />
+				<label for="radio-choice-b1">Off</label>
+				</fieldset>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/resources/css/jquery-mobile-theme-135835-0.zip b/Psalmenweb/src/main/webapp/resources/css/jquery-mobile-theme-135835-0.zip
new file mode 100644
index 0000000..458b8af
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/jquery-mobile-theme-135835-0.zip differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/psalmenweb.css b/Psalmenweb/src/main/webapp/resources/css/psalmenweb.css
new file mode 100644
index 0000000..129dad0
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/resources/css/psalmenweb.css
@@ -0,0 +1,173 @@
+@CHARSET "ISO-8859-1";
+
+.ui-bar-a {
+	background-image: none;
+}
+.psalmheader {
+	font-size: 60px;
+}
+
+.psalmverseheader {
+	font-size: 60px;
+	font-weight: bold;
+}
+
+.psalmtext {
+	/*	line-height: 3; */
+	
+}
+
+.psalmline {
+	font-size: 60px;
+}
+
+.hclinequestion {
+	font-size: 60px;
+	line-height: 150%;
+	font-style: italic;
+}
+
+.hclineanswer {
+	font-size: 60px;
+	line-height: 150%;
+}
+
+.indexknoppengroep {
+	margin-bottom: 0.1em !important;
+	text-align: center !important;
+}
+
+.indexlabel {
+	margin-top: 0px !important;
+	margin-bottom: 0.1em !important;
+	width: 50%;
+	margin-left: auto;
+	margin-right: auto;
+}
+.invalid {
+	color: red;
+}
+
+.ui-icon {
+	border-top-left-radius: 0px;
+	border-top-right-radius: 0px;
+	border-bottom-left-radius: 0px;
+	border-bottom-right-radius: 0px;
+}
+
+#minus .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/14-minus@2x.png);
+	background-repeat: no-repeat;
+}
+
+#plus .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/13-plus@2x.png);
+	background-repeat: no-repeat;
+}
+
+#left .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/05-arrow-west@2x.png);
+	background-repeat: no-repeat;
+}
+
+#right .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/01-arrow-east@2x.png);
+	background-repeat: no-repeat;
+}
+
+#index .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/60-dialpad@2x.png);
+	background-repeat: no-repeat;
+}
+
+#book .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/96-book@2x.png);
+	background-repeat: no-repeat;
+}
+
+#note .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/194-note-2@2x.png);
+	background-repeat: no-repeat;
+}
+
+#sv .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/sv.png);
+	background-repeat: no-repeat;
+}
+#hsv .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/hsv.png);
+	background-repeat: no-repeat;
+}
+#hc .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/hc.png);
+	background-repeat: no-repeat;
+}
+#bw .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/bw.png);
+	background-repeat: no-repeat;
+}
+
+.bigbuttons .ui-btn .ui-btn-inner {
+	padding-top: 40px !important;
+}
+
+.bigbuttons .ui-btn .ui-icon {
+	width: 60px !important;
+	height: 60px !important;
+	margin-left: -15px !important;
+	box-shadow: none !important;
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	-webkit-border-radius: none !important;
+	border-radius: none !important;
+}
+
+.bigbuttons .ui-btn-inner .ui-icon {
+	width: 60px !important;
+	height: 60px !important;
+	margin-left: -15px !important;
+	box-shadow: none !important;
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	-webkit-border-radius: none !important;
+	border-radius: none !important;
+}
+
+#psalmhoofd button{height:50px;width:200px;}
+
+.bijbelvers {
+	font-weight: bold;
+	font-variant: small-caps;
+}
+
+.ui-header .ui-btn, .ui-header .ui-icon, .ui-header .ui-btn-inner {
+    width: 56px;
+    height: 56px;
+    border-radius: 0;
+    border: none;
+}
+.ui-header .ui-icon {
+    margin: 0px;
+    border-radius: 0;
+}
+.ui-header {
+    height: 71px;
+    border-radius: 0;
+}
+.ui-btn-inner {
+	border-top: none;
+	overflow: visible;
+	text-overflow: clip;
+	white-space: normal;
+}
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/resources/css/themes/Psalmenweb.css b/Psalmenweb/src/main/webapp/resources/css/themes/Psalmenweb.css
new file mode 100644
index 0000000..6e0328a
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/resources/css/themes/Psalmenweb.css
@@ -0,0 +1,795 @@
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+
+/* Swatches */
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-a {
+	border: 1px solid #b3b3b3 /*{a-bar-border}*/;
+	background: #eeeeee /*{a-bar-background-color}*/;
+	color: #3e3e3e /*{a-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #ffffff /*{a-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{a-bar-background-start}*/), to( #dddddd /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/);
+}
+.ui-bar-a .ui-link-inherit {
+	color: #3e3e3e /*{a-bar-color}*/;
+}
+.ui-bar-a a.ui-link {
+	color: #7cc4e7 /*{a-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-a a.ui-link:visited {
+    color: #2489ce /*{a-bar-link-visited}*/;
+}
+.ui-bar-a a.ui-link:hover {
+	color: #2489ce /*{a-bar-link-hover}*/;
+}
+.ui-bar-a a.ui-link:active {
+	color: #2489ce /*{a-bar-link-active}*/;
+}
+.ui-bar-a,
+.ui-bar-a input,
+.ui-bar-a select,
+.ui-bar-a textarea,
+.ui-bar-a button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a,
+.ui-overlay-a {
+	border: 1px solid #545454 /*{a-body-border}*/;
+	color: #ffffff /*{a-body-color}*/;
+	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #444444 /*{a-body-shadow-color}*/;
+	background: #F00000 /*{a-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 /*{a-body-background-start}*/), to( #000000 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/);
+}
+.ui-overlay-a {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-a,
+.ui-body-a input,
+.ui-body-a select,
+.ui-body-a textarea,
+.ui-body-a button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a .ui-link-inherit {
+	color: #ffffff /*{a-body-color}*/;
+}
+.ui-body-a .ui-link {
+	color: #2489ce /*{a-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-a .ui-link:visited {
+    color: #2489ce /*{a-body-link-visited}*/;
+}
+.ui-body-a .ui-link:hover {
+	color: #2489ce /*{a-body-link-hover}*/;
+}
+.ui-body-a .ui-link:active {
+	color: #2489ce /*{a-body-link-active}*/;
+}
+.ui-btn-up-a {
+	border: 1px solid #1f1f1f /*{a-bup-border}*/;
+	background: #1f1f1f /*{a-bup-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bup-color}*/;
+	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #444444 /*{a-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #222222 /*{a-bup-background-start}*/), to( #1b1b1b /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/);
+}
+.ui-btn-up-a:visited,
+.ui-btn-up-a a.ui-link-inherit {
+	color: #ffffff /*{a-bup-color}*/;
+}
+.ui-btn-hover-a {
+	border: 1px solid #232323 /*{a-bhover-border}*/;
+	background: #232323 /*{a-bhover-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bhover-color}*/;
+	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #444444 /*{a-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #262626 /*{a-bhover-background-start}*/), to( #1f1f1f /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/);
+}
+.ui-btn-hover-a:visited,
+.ui-btn-hover-a:hover,
+.ui-btn-hover-a a.ui-link-inherit {
+	color: #ffffff /*{a-bhover-color}*/;
+}
+.ui-btn-down-a {
+	border: 1px solid #232323 /*{a-bdown-border}*/;
+	background: #232323 /*{a-bdown-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bdown-color}*/;
+	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #444444 /*{a-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #1f1f1f /*{a-bdown-background-start}*/), to( #262626 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/);
+}
+.ui-btn-down-a:visited,
+.ui-btn-down-a:hover,
+.ui-btn-down-a a.ui-link-inherit {
+	color: #ffffff /*{a-bdown-color}*/;
+}
+.ui-btn-up-a,
+.ui-btn-hover-a,
+.ui-btn-down-a {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+/* B
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-b {
+	border: 1px solid #b3b3b3 /*{b-bar-border}*/;
+	background: #eeeeee /*{b-bar-background-color}*/;
+	color: #3e3e3e /*{b-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{b-bar-background-start}*/), to( #dddddd /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/);
+}
+.ui-bar-b .ui-link-inherit {
+	color: #3e3e3e /*{b-bar-color}*/;
+}
+.ui-bar-b a.ui-link {
+	color: #7cc4e7 /*{b-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-b a.ui-link:visited {
+    color: #2489ce /*{b-bar-link-visited}*/;
+}
+.ui-bar-b a.ui-link:hover {
+	color: #2489ce /*{b-bar-link-hover}*/;
+}
+.ui-bar-b a.ui-link:active {
+	color: #2489ce /*{b-bar-link-active}*/;
+}
+.ui-bar-b,
+.ui-bar-b input,
+.ui-bar-b select,
+.ui-bar-b textarea,
+.ui-bar-b button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b,
+.ui-overlay-b {
+	border: 1px solid #aaaaaa /*{b-body-border}*/;
+	color: #333333 /*{b-body-color}*/;
+	text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{b-body-shadow-color}*/;
+	background: #f9f9f9 /*{b-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{b-body-background-start}*/), to( #eeeeee /*{b-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/);
+}
+.ui-overlay-b {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-b,
+.ui-body-b input,
+.ui-body-b select,
+.ui-body-b textarea,
+.ui-body-b button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b .ui-link-inherit {
+	color: #333333 /*{b-body-color}*/;
+}
+.ui-body-b .ui-link {
+	color: #2489ce /*{b-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-b .ui-link:visited {
+    color: #2489ce /*{b-body-link-visited}*/;
+}
+.ui-body-b .ui-link:hover {
+	color: #2489ce /*{b-body-link-hover}*/;
+}
+.ui-body-b .ui-link:active {
+	color: #2489ce /*{b-body-link-active}*/;
+}
+.ui-btn-up-b {
+	border: 1px solid #cccccc /*{b-bup-border}*/;
+	background: #eeeeee /*{b-bup-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bup-color}*/;
+	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{b-bup-background-start}*/), to( #f1f1f1 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/);
+}
+.ui-btn-up-b:visited,
+.ui-btn-up-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bup-color}*/;
+}
+.ui-btn-hover-b {
+	border: 1px solid #bbbbbb /*{b-bhover-border}*/;
+	background: #dfdfdf /*{b-bhover-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bhover-color}*/;
+	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{b-bhover-background-start}*/), to( #e0e0e0 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/);
+}
+.ui-btn-hover-b:visited,
+.ui-btn-hover-b:hover,
+.ui-btn-hover-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bhover-color}*/;
+}
+.ui-btn-down-b {
+	border: 1px solid #bbbbbb /*{b-bdown-border}*/;
+	background: #d6d6d6 /*{b-bdown-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bdown-color}*/;
+	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{b-bdown-background-start}*/), to( #dfdfdf /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/);
+}
+.ui-btn-down-b:visited,
+.ui-btn-down-b:hover,
+.ui-btn-down-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bdown-color}*/;
+}
+.ui-btn-up-b,
+.ui-btn-hover-b,
+.ui-btn-down-b {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+
+
+/* C
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-c {
+	border: 1px solid #b3b3b3 /*{c-bar-border}*/;
+	background: #eeeeee /*{c-bar-background-color}*/;
+	color: #3e3e3e /*{c-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #ffffff /*{c-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #dddddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/);
+}
+.ui-bar-c .ui-link-inherit {
+	color: #3e3e3e /*{c-bar-color}*/;
+}
+.ui-bar-c a.ui-link {
+	color: #7cc4e7 /*{c-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-c a.ui-link:visited {
+    color: #2489ce /*{c-bar-link-visited}*/;
+}
+.ui-bar-c a.ui-link:hover {
+	color: #2489ce /*{c-bar-link-hover}*/;
+}
+.ui-bar-c a.ui-link:active {
+	color: #2489ce /*{c-bar-link-active}*/;
+}
+.ui-bar-c,
+.ui-bar-c input,
+.ui-bar-c select,
+.ui-bar-c textarea,
+.ui-bar-c button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-c,
+.ui-overlay-c {
+	border: 1px solid #aaaaaa /*{c-body-border}*/;
+	color: #333333 /*{c-body-color}*/;
+	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/;
+	background: #f9f9f9 /*{c-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
+}
+.ui-overlay-c {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-c,
+.ui-body-c input,
+.ui-body-c select,
+.ui-body-c textarea,
+.ui-body-c button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-c .ui-link-inherit {
+	color: #333333 /*{c-body-color}*/;
+}
+.ui-body-c .ui-link {
+	color: #2489ce /*{c-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-c .ui-link:visited {
+    color: #2489ce /*{c-body-link-visited}*/;
+}
+.ui-body-c .ui-link:hover {
+	color: #2489ce /*{c-body-link-hover}*/;
+}
+.ui-body-c .ui-link:active {
+	color: #2489ce /*{c-body-link-active}*/;
+}
+.ui-btn-up-c {
+	border: 1px solid #cccccc /*{c-bup-border}*/;
+	background: #eeeeee /*{c-bup-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bup-color}*/;
+	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
+}
+.ui-btn-up-c:visited,
+.ui-btn-up-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bup-color}*/;
+}
+.ui-btn-hover-c {
+	border: 1px solid #bbbbbb /*{c-bhover-border}*/;
+	background: #dfdfdf /*{c-bhover-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bhover-color}*/;
+	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
+}
+.ui-btn-hover-c:visited,
+.ui-btn-hover-c:hover,
+.ui-btn-hover-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bhover-color}*/;
+}
+.ui-btn-down-c {
+	border: 1px solid #bbbbbb /*{c-bdown-border}*/;
+	background: #d6d6d6 /*{c-bdown-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bdown-color}*/;
+	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
+}
+.ui-btn-down-c:visited,
+.ui-btn-down-c:hover,
+.ui-btn-down-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bdown-color}*/;
+}
+.ui-btn-up-c,
+.ui-btn-hover-c,
+.ui-btn-down-c {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+
+
+/* Structure */
+/* links within "buttons" 
+-----------------------------------------------------------------------------------------------------------*/
+a.ui-link-inherit {
+	text-decoration: none !important;
+}
+/* Active class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-active {
+	border: 1px solid #2373a5 /*{global-active-border}*/;
+	background: #387bbe /*{global-active-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{global-active-color}*/;
+	cursor: pointer;
+	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
+	text-decoration: none;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-btn-active:visited,
+.ui-btn-active:hover,
+.ui-btn-active a.ui-link-inherit {
+	color: #ffffff /*{global-active-color}*/;
+}
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-inner {
+	border-top: 1px solid 	#fff;
+	border-color: 			rgba(255,255,255,.3);
+}
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-corner-all {
+	-webkit-border-radius: .6em /*{global-radii-blocks}*/;
+	border-radius: .6em /*{global-radii-blocks}*/;
+}
+/* Form field separator
+-----------------------------------------------------------------------------------------------------------*/
+.ui-br {
+	border-color: rgb(130,130,130);
+	border-color: rgba(130,130,130,.3);
+	border-style: solid;
+}
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+	filter: Alpha(Opacity=30);
+	opacity: .3;
+	zoom: 1;
+}
+.ui-disabled,
+.ui-disabled a {
+	cursor: default !important;
+	pointer-events: none;
+}
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon,
+.ui-icon-searchfield:after {
+	background: #666666 /*{global-icon-color}*/;
+	background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
+	background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
+	background-repeat: no-repeat;
+	-webkit-border-radius: 				9px;
+	border-radius: 						9px;
+}
+/* Alt icon color
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-alt .ui-icon,
+.ui-icon-alt .ui-icon-searchfield:after {
+	background-color: 						#fff;
+	background-color: 						rgba(255,255,255,.3);
+	background-image: url(images/icons-18-black.png);
+	background-repeat: no-repeat;
+}
+/* No disc
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-nodisc .ui-icon,
+.ui-icon-nodisc .ui-icon-searchfield:after,
+.ui-icon-nodisc .ui-icon-alt .ui-icon,
+.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
+	background-color: transparent;
+}
+/* Icon sprite
+-----------------------------------------------------------------------------------------------------------*/
+/* plus minus */
+.ui-icon-plus {
+	background-position: 	-1px -1px;
+}
+.ui-icon-minus {
+	background-position: 	-37px -1px;
+}
+/* delete/close */
+.ui-icon-delete {
+	background-position: 	-73px -1px;
+}
+/* arrows */
+.ui-icon-arrow-r {
+	background-position: 	-108px -1px;
+}
+.ui-icon-arrow-l {
+	background-position: 	-144px -1px;
+}
+.ui-icon-arrow-u {
+	background-position: 	-180px -1px;
+}
+.ui-icon-arrow-d {
+	background-position: 	-216px -1px;
+}
+/* misc */
+.ui-icon-check {
+	background-position: 	-252px -1px;
+}
+.ui-icon-gear {
+	background-position: 	-288px -1px;
+}
+.ui-icon-refresh {
+	background-position: 	-323px -1px;
+}
+.ui-icon-forward {
+	background-position: 	-360px -1px;
+}
+.ui-icon-back {
+	background-position: 	-396px -1px;
+}
+.ui-icon-grid {
+	background-position: 	-432px -1px;
+}
+.ui-icon-star {
+	background-position: 	-467px -1px;
+}
+.ui-icon-alert {
+	background-position: 	-503px -1px;
+}
+.ui-icon-info {
+	background-position: 	-539px -1px;
+}
+.ui-icon-home {
+	background-position: 	-575px -1px;
+}
+/* search */
+.ui-icon-search,
+.ui-icon-searchfield:after {
+	background-position: 	-611px -1px;
+}
+/* checkbox radio */
+.ui-icon-checkbox-on {
+	background-position: 	-647px -1px;
+}
+.ui-icon-checkbox-off {
+	background-position: 	-683px -1px;
+}
+.ui-icon-radio-on {
+	background-position: 	-718px -1px;
+}
+.ui-icon-radio-off {
+	background-position: 	-754px -1px;
+}
+/* menu edit */
+.ui-icon-bars {
+	background-position: 	-788px -1px;
+}
+.ui-icon-edit {
+	background-position: 	-824px -1px;
+}
+/* HD/"retina" sprite
+-----------------------------------------------------------------------------------------------------------*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+       only screen and (min--moz-device-pixel-ratio: 1.3),
+       only screen and (min-resolution: 200dpi) {
+	
+	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
+	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
+	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
+	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
+	.ui-icon-search, .ui-icon-searchfield:after, 
+	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
+		background-image: url(images/icons-36-white.png);
+		-moz-background-size: 864px 18px;
+		-o-background-size: 864px 18px;
+		-webkit-background-size: 864px 18px;
+		background-size: 864px 18px;
+	}
+	.ui-icon-alt .ui-icon {
+		background-image: url(images/icons-36-black.png);
+	}
+	.ui-icon-plus {
+		background-position: 	0 50%;
+	}
+	.ui-icon-minus {
+		background-position: 	-36px 50%;
+	}
+	.ui-icon-delete {
+		background-position: 	-72px 50%;
+	}
+	.ui-icon-arrow-r {
+		background-position: 	-108px 50%;
+	}
+	.ui-icon-arrow-l {
+		background-position: 	-144px 50%;
+	}
+	.ui-icon-arrow-u {
+		background-position: 	-179px 50%;
+	}
+	.ui-icon-arrow-d {
+		background-position: 	-215px 50%;
+	}
+	.ui-icon-check {
+		background-position: 	-252px 50%;
+	}
+	.ui-icon-gear {
+		background-position: 	-287px 50%;
+	}
+	.ui-icon-refresh {
+		background-position: 	-323px 50%;
+	}
+	.ui-icon-forward {
+		background-position: 	-360px 50%;
+	}
+	.ui-icon-back {
+		background-position: 	-395px 50%;
+	}
+	.ui-icon-grid {
+		background-position: 	-431px 50%;
+	}
+	.ui-icon-star {
+		background-position: 	-467px 50%;
+	}
+	.ui-icon-alert {
+		background-position: 	-503px 50%;
+	}
+	.ui-icon-info {
+		background-position: 	-538px 50%;
+	}
+	.ui-icon-home {
+		background-position: 	-575px 50%;
+	}
+	.ui-icon-search,
+	.ui-icon-searchfield:after {
+		background-position: 	-611px 50%;
+	}
+	.ui-icon-checkbox-on {
+		background-position: 	-647px 50%;
+	}
+	.ui-icon-checkbox-off {
+		background-position: 	-683px 50%;
+	}
+	.ui-icon-radio-on {
+		background-position: 	-718px 50%;
+	}
+	.ui-icon-radio-off {
+		background-position: 	-754px 50%;
+	}
+	.ui-icon-bars {
+		background-position: 	-788px 50%;
+	
+	}.ui-icon-edit {
+		background-position: 	-824px 50%;
+	}
+}
+/* checks,radios */
+.ui-checkbox .ui-icon,
+.ui-selectmenu-list .ui-icon {
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+.ui-icon-checkbox-off,
+.ui-icon-radio-off {
+	background-color: transparent;	
+}
+.ui-checkbox-on .ui-icon,
+.ui-radio-on .ui-icon {
+	background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+}
+/* loading icon */
+.ui-icon-loading {
+	background: url(images/ajax-loader.gif);
+	background-size: 46px 46px;
+}
+/* Button corner class
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-corner-all {
+	-webkit-border-radius: 1em /*{global-radii-buttons}*/;
+	border-radius: 1em /*{global-radii-buttons}*/;
+}
+/* radius clip workaround for cleaning up corner trapping */
+.ui-corner-all,
+.ui-btn-corner-all {
+	-webkit-background-clip: padding;
+	background-clip: padding-box;
+}
+/* Overlay / modal
+-----------------------------------------------------------------------------------------------------------*/
+.ui-overlay {
+	background: #666;
+	filter: Alpha(Opacity=50);
+	opacity: .5;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+}
+.ui-overlay-shadow {
+	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
+	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
+	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
+}
+.ui-shadow {
+	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
+	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
+	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
+}
+.ui-bar-a .ui-shadow,
+.ui-bar-b .ui-shadow ,
+.ui-bar-c .ui-shadow  {
+	-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3);
+	-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3);
+	box-shadow: 0 1px 0 					rgba(255,255,255,.3);
+}
+.ui-shadow-inset {
+	-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
+	-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
+	box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
+}
+.ui-icon-shadow {
+	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+	box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+}
+/* Focus state - set here for specificity (note: these classes are added by JavaScript)
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn:focus, .ui-link-inherit:focus {
+	outline: 0;
+}
+.ui-btn.ui-focus {
+	z-index: 1;
+}
+.ui-focus,
+.ui-btn:focus {
+	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+}
+.ui-input-text.ui-focus,
+.ui-input-search.ui-focus {
+	-moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
+	-webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
+	box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;	
+}
+/* unset box shadow in browsers that don't do it right
+-----------------------------------------------------------------------------------------------------------*/
+.ui-mobile-nosupport-boxshadow * {
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+}
+/* ...and bring back focus */
+.ui-mobile-nosupport-boxshadow .ui-focus,
+.ui-mobile-nosupport-boxshadow .ui-btn:focus,
+.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
+	outline-width: 1px;
+	outline-style: auto;
+}
diff --git a/Psalmenweb/src/main/webapp/resources/css/themes/Psalmenweb.min.css b/Psalmenweb/src/main/webapp/resources/css/themes/Psalmenweb.min.css
new file mode 100644
index 0000000..4cdb532
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/resources/css/themes/Psalmenweb.min.css
@@ -0,0 +1,12 @@
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+.ui-bar-a{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-a .ui-link-inherit{color:#3e3e3e ;}.ui-bar-a a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-a a.ui-link:visited{   color:#2489ce ;}.ui-bar-a a.ui-link:hover{color:#2489ce ;}.ui-bar-a a.ui-link:active{color:#2489ce ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-overlay-a{border:1px solid #545454 ;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background:#000000 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #000000 ),to( #000000 )); background-image:-webkit-linear-gradient( #000000,#000000 ); background-image:   -moz-linear-gradient( #000000,#000000 ); background-image:    -ms-linear-gradient( #000000,#000000 ); background-image:     -o-linear-gradient( #000000,#000000 ); background-image:        linear-gradient( #000000,#000000 );}.ui-overlay-a{background-image:none;border-width:0;}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#ffffff ;}.ui-body-a .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-a .ui-link:visited{   color:#2489ce ;}.ui-body-a .ui-link:hover{color:#2489ce ;}.ui-body-a .ui-link:active{color:#2489ce ;}.ui-btn-up-a{border:1px solid #1f1f1f ;background:#1f1f1f ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #222222 ),to( #1b1b1b )); background-image:-webkit-linear-gradient( #222222,#1b1b1b ); background-image:   -moz-linear-gradient( #222222,#1b1b1b ); background-image:    -ms-linear-gradient( #222222,#1b1b1b ); background-image:     -o-linear-gradient( #222222,#1b1b1b ); background-image:        linear-gradient( #222222,#1b1b1b );}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-hover-a{border:1px solid #232323 ;background:#232323 ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #262626 ),to( #1f1f1f )); background-image:-webkit-linear-gradient( #262626,#1f1f1f ); background-image:   -moz-linear-gradient( #262626,#1f1f1f ); background-image:    -ms-linear-gradient( #262626,#1f1f1f ); background-image:     -o-linear-gradient( #262626,#1f1f1f ); background-image:        linear-gradient( #262626,#1f1f1f );}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-down-a{border:1px solid #232323 ;background:#232323 ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #1f1f1f ),to( #262626 )); background-image:-webkit-linear-gradient( #1f1f1f,#262626 ); background-image:   -moz-linear-gradient( #1f1f1f,#262626 ); background-image:    -ms-linear-gradient( #1f1f1f,#262626 ); background-image:     -o-linear-gradient( #1f1f1f,#262626 ); background-image:        linear-gradient( #1f1f1f,#262626 );}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-b .ui-link-inherit{color:#3e3e3e ;}.ui-bar-b a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-b a.ui-link:visited{   color:#2489ce ;}.ui-bar-b a.ui-link:hover{color:#2489ce ;}.ui-bar-b a.ui-link:active{color:#2489ce ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-overlay-b{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image:   -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image:    -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image:     -o-linear-gradient( #f9f9f9,#eeeeee ); background-image:        linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-b{background-image:none;border-width:0;}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#333333 ;}.ui-body-b .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-b .ui-link:visited{   color:#2489ce ;}.ui-body-b .ui-link:hover{color:#2489ce ;}.ui-body-b .ui-link:active{color:#2489ce ;}.ui-btn-up-b{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image:   -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image:    -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image:     -o-linear-gradient( #ffffff,#f1f1f1 ); background-image:        linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-b:visited,.ui-btn-up-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-b{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:   -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:    -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:     -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:        linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-b:visited,.ui-btn-hover-b:hover,.ui-btn-hover-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-b{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image:   -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image:    -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image:     -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image:        linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-b:visited,.ui-btn-down-b:hover,.ui-btn-down-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-c{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-c .ui-link-inherit{color:#3e3e3e ;}.ui-bar-c a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-c a.ui-link:visited{   color:#2489ce ;}.ui-bar-c a.ui-link:hover{color:#2489ce ;}.ui-bar-c a.ui-link:active{color:#2489ce ;}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c,.ui-overlay-c{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image:   -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image:    -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image:     -o-linear-gradient( #f9f9f9,#eeeeee ); background-image:        linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-c{background-image:none;border-width:0;}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c .ui-link-inherit{color:#333333 ;}.ui-body-c .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-c .ui-link:visited{   color:#2489ce ;}.ui-body-c .ui-link:hover{color:#2489ce ;}.ui-body-c .ui-link:active{color:#2489ce ;}.ui-btn-up-c{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image:   -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image:    -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image:     -o-linear-gradient( #ffffff,#f1f1f1 ); background-image:        linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-c:visited,.ui-btn-up-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-c{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:   -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:    -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:     -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:        linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-c:visited,.ui-btn-hover-c:hover,.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-c{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image:   -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image:    -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image:     -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image:        linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-c:visited,.ui-btn-down-c:hover,.ui-btn-down-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #2373a5 ;background:#387bbe ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0  1px  0  #3373a5 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #5393c5 ),to( #6facd5 )); background-image:-webkit-linear-gradient( #5393c5,#6facd5 ); background-image:   -moz-linear-gradient( #5393c5,#6facd5 ); background-image:    -ms-linear-gradient( #5393c5,#6facd5 ); background-image:     -o-linear-gradient( #5393c5,#6facd5 ); background-image:        linear-gradient( #5393c5,#6facd5 ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active:visited,.ui-btn-active:hover,.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-all{-webkit-border-radius:.6em ;border-radius:.6em ;}.ui-br{border-color:rgb(130,130,130);border-color:rgba(130,130,130,.3);border-style:solid;}.ui-disabled{filter:Alpha(Opacity=30);opacity:.3;zoom:1;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-icon,.ui-icon-searchfield:after{background:#666666 ;background:rgba(0,0,0,.4) ;background-image:url(images/icons-18-white.png) ;background-repeat:no-repeat;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt .ui-icon,.ui-icon-alt .ui-icon-searchfield:after{background-color:#fff;background-color:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}.ui-icon-nodisc .ui-icon,.ui-icon-nodisc .ui-icon-searchfield:after,.ui-icon-nodisc .ui-icon-alt .ui-icon,.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after{background-color:transparent;}.ui-icon-plus{background-position:-1px -1px;}.ui-icon-minus{background-position:-37px -1px;}.ui-icon-delete{background-position:-73px -1px;}.ui-icon-arrow-r{background-position:-108px -1px;}.ui-icon-arrow-l{background-position:-144px -1px;}.ui-icon-arrow-u{background-position:-180px -1px;}.ui-icon-arrow-d{background-position:-216px -1px;}.ui-icon-check{background-position:-252px -1px;}.ui-icon-gear{background-position:-288px -1px;}.ui-icon-refresh{background-position:-323px -1px;}.ui-icon-forward{background-position:-360px -1px;}.ui-icon-back{background-position:-396px -1px;}.ui-icon-grid{background-position:-432px -1px;}.ui-icon-star{background-position:-467px -1px;}.ui-icon-alert{background-position:-503px -1px;}.ui-icon-info{background-position:-539px -1px;}.ui-icon-home{background-position:-575px -1px;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px -1px;}.ui-icon-checkbox-on{background-position:-647px -1px;}.ui-icon-checkbox-off{background-position:-683px -1px;}.ui-icon-radio-on{background-position:-718px -1px;}.ui-icon-radio-off{background-position:-754px -1px;}.ui-icon-bars{background-position:-788px -1px;}.ui-icon-edit{background-position:-824px -1px;}@media only screen and (-webkit-min-device-pixel-ratio:1.3),      only screen and (min--moz-device-pixel-ratio:1.3),      only screen and (min-resolution:200dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-bars,.ui-icon-edit,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:864px 18px;-o-background-size:864px 18px;-webkit-background-size:864px 18px;background-size:864px 18px;}.ui-icon-alt .ui-icon{background-image:url(images/icons-36-black.png);}.ui-icon-plus{background-position:0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-179px 50%;}.ui-icon-arrow-d{background-position:-215px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-287px 50%;}.ui-icon-refresh{background-position:-323px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-395px 50%;}.ui-icon-grid{background-position:-431px 50%;}.ui-icon-star{background-position:-467px 50%;}.ui-icon-alert{background-position:-503px 50%;}.ui-icon-info{background-position:-538px 50%;}.ui-icon-home{background-position:-575px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px 50%;}.ui-icon-checkbox-on{background-position:-647px 50%;}.ui-icon-checkbox-off{background-position:-683px 50%;}.ui-icon-radio-on{background-position:-718px 50%;}.ui-icon-radio-off{background-position:-754px 50%;}.ui-icon-bars{background-position:-788px 50%;}.ui-icon-edit{background-position:-824px 50%;}}.ui-checkbox .ui-icon,.ui-selectmenu-list .ui-icon{-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#387bbe ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}.ui-btn-corner-all{-webkit-border-radius:1em ;border-radius:1em ;}.ui-corner-all,.ui-btn-corner-all{-webkit-background-clip:padding;background-clip:padding-box;}.ui-overlay{background:#666;filter:Alpha(Opacity=50);opacity:.5;position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0 1px 3px  rgba(0,0,0,.2) ;-webkit-box-shadow:0 1px 3px  rgba(0,0,0,.2) ;box-shadow:0 1px 3px  rgba(0,0,0,.2) }.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.4) ;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) ;box-shadow:0 1px 0 rgba(255,255,255,.4) ;}.ui-btn:focus,.ui-link-inherit:focus{outline:0;}.ui-btn.ui-focus{z-index:1;}.ui-focus,.ui-btn:focus{-moz-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;}.ui-input-text.ui-focus,.ui-input-search.ui-focus{-moz-box-shadow:0 0 12px #387bbe ;-webkit-box-shadow:0 0 12px #387bbe ;box-shadow:0 0 12px #387bbe ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus,.ui-mobile-nosupport-boxshadow .ui-btn:focus,.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus{outline-width:1px;outline-style:auto;}
\ No newline at end of file
diff --git a/Psalmenweb/src/main/webapp/resources/css/themes/images/ajax-loader.gif b/Psalmenweb/src/main/webapp/resources/css/themes/images/ajax-loader.gif
new file mode 100644
index 0000000..fd1a189
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/themes/images/ajax-loader.gif differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-18-black.png b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-18-black.png
new file mode 100644
index 0000000..7916463
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-18-black.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-18-white.png b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-18-white.png
new file mode 100644
index 0000000..3419b81
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-18-white.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-36-black.png b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-36-black.png
new file mode 100644
index 0000000..043bfcd
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-36-black.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-36-white.png b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-36-white.png
new file mode 100644
index 0000000..12455c9
Binary files /dev/null and b/Psalmenweb/src/main/webapp/resources/css/themes/images/icons-36-white.png differ
diff --git a/Psalmenweb/src/main/webapp/resources/js/prefs.js b/Psalmenweb/src/main/webapp/resources/js/prefs.js
new file mode 100644
index 0000000..cc1f4a7
--- /dev/null
+++ b/Psalmenweb/src/main/webapp/resources/js/prefs.js
@@ -0,0 +1,119 @@
+/**
+ * Manages preferences.
+ * 
+ * Preference list:
+ * 		T = text size, integer
+ * 		C = color, integer, 1 = white on black, 2 = black on white
+ */
+
+
+
+function loadPreferences() {
+	var prefs = docCookies.getItem("psalmenonlineprefs");
+	if (prefs == null) {
+		PREF_TEXTSIZE = parseInt($(".psalmverseheader").css("font-size"));
+		PREF_COLOR = 1;
+		return;
+	}
+	PREF_TEXTSIZE = prefs.split(';')[0];
+	PREF_COLOR = prefs.split(';')[1];
+
+}
+
+function setPreferences() {
+	$(".psalmverseheader").css("font-size", PREF_TEXTSIZE);
+	$(".psalmline").css("font-size", PREF_TEXTSIZE);
+	
+	if (PREF_COLOR == 2) {
+		$("div[data-role=page]").removeClass("ui-body-a");
+		$("div[data-role=page]").addClass("ui-body-b");
+	}
+}
+
+function switchColors() {
+	if (PREF_COLOR == 1) {
+		PREF_COLOR = 2;
+		$("div[data-role=page]").removeClass("ui-body-a");
+		$("div[data-role=page]").addClass("ui-body-b");		
+	} else {
+		PREF_COLOR = 1;
+		$("div[data-role=page]").removeClass("ui-body-b");
+		$("div[data-role=page]").addClass("ui-body-a");
+	}
+	savePreferences();
+}
+
+function savePreferences() {
+	var prefs = PREF_TEXTSIZE + ";" + PREF_COLOR;
+	docCookies.setItem("psalmenonlineprefs", prefs, Infinity);
+}
+
+function bindListeners() {
+	$(document).on("click", "a#bw", switchColors);
+}
+
+
+
+/*\
+|*|
+|*|  :: cookies.js ::
+|*|
+|*|  A complete cookies reader/writer framework with full unicode support.
+|*|
+|*|  Revision #1 - September 4, 2014
+|*|
+|*|  https://developer.mozilla.org/en-US/docs/Web/API/document.cookie
+|*|  https://developer.mozilla.org/User:fusionchess
+|*|
+|*|  This framework is released under the GNU Public License, version 3 or later.
+|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
+|*|
+|*|  Syntaxes:
+|*|
+|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
+|*|  * docCookies.getItem(name)
+|*|  * docCookies.removeItem(name[, path[, domain]])
+|*|  * docCookies.hasItem(name)
+|*|  * docCookies.keys()
+|*|
+\*/
+
+var docCookies = {
+  getItem: function (sKey) {
+    if (!sKey) { return null; }
+    return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
+  },
+  setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
+    if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; }
+    var sExpires = "";
+    if (vEnd) {
+      switch (vEnd.constructor) {
+        case Number:
+          sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd;
+          break;
+         case String:
+          sExpires = "; expires=" + vEnd;
+          break;
+        case Date:
+          sExpires = "; expires=" + vEnd.toUTCString();
+          break;
+      }
+    }
+    document.cookie = encodeURIComponent(sKey) + "=" + encodeURIComponent(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : "");
+    return true;
+  },
+  removeItem: function (sKey, sPath, sDomain) {
+    if (!this.hasItem(sKey)) { return false; }
+    document.cookie = encodeURIComponent(sKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "");
+    return true;
+  },
+  hasItem: function (sKey) {
+    if (!sKey) { return false; }
+    return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie);
+  },
+  keys: function () {
+    var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/);
+    for (var nLen = aKeys.length, nIdx = 0; nIdx < nLen; nIdx++) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); }
+    return aKeys;
+  }
+};
\ No newline at end of file
diff --git a/Psalmenweb/src/test/resources/log4j.xml b/Psalmenweb/src/test/resources/log4j.xml
new file mode 100644
index 0000000..c3863d2
--- /dev/null
+++ b/Psalmenweb/src/test/resources/log4j.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE log4j:configuration PUBLIC "-//APACHE//DTD LOG4J 1.2//EN" "log4j.dtd">
+<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
+
+	<!-- Appenders -->
+	<appender name="console" class="org.apache.log4j.ConsoleAppender">
+		<param name="Target" value="System.out" />
+		<layout class="org.apache.log4j.PatternLayout">
+			<param name="ConversionPattern" value="%-5p: %c - %m%n" />
+		</layout>
+	</appender>
+	
+	<!-- Application Loggers -->
+	<logger name="org.tenvoorde.psalmenweb">
+		<level value="info" />
+	</logger>
+	
+	<!-- 3rdparty Loggers -->
+	<logger name="org.springframework.core">
+		<level value="info" />
+	</logger>	
+	
+	<logger name="org.springframework.beans">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.context">
+		<level value="info" />
+	</logger>
+
+	<logger name="org.springframework.web">
+		<level value="info" />
+	</logger>
+
+	<!-- Root Logger -->
+	<root>
+		<priority value="info" />
+		<appender-ref ref="console" />
+	</root>
+	
+</log4j:configuration>
diff --git a/Psalmenweb/target/classes/C.psd b/Psalmenweb/target/classes/C.psd
new file mode 100644
index 0000000..a0dfe40
Binary files /dev/null and b/Psalmenweb/target/classes/C.psd differ
diff --git a/Psalmenweb/target/classes/hibernate.cfg.xml b/Psalmenweb/target/classes/hibernate.cfg.xml
new file mode 100644
index 0000000..277344b
--- /dev/null
+++ b/Psalmenweb/target/classes/hibernate.cfg.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE hibernate-configuration PUBLIC
+"-//Hibernate/Hibernate Configuration DTD 3.0//EN"
+"http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">
+<hibernate-configuration>
+    <session-factory>
+        <property name="hibernate.bytecode.use_reflection_optimizer">false</property>
+        <property name="hibernate.connection.driver_class">com.mysql.cj.jdbc.Driver</property>
+        <property name="hibernate.connection.url">jdbc:mysql://37.97.221.166:3306/psalmenweb?characterEncoding=utf8&useUnicode=true</property>
+        <property name="hibernate.connection.username">psalmenweb</property>
+        <property name="hibernate.connection.password">OhWSsRxCOM4pXiiQ</property>
+        <property name="hibernate.dialect">org.hibernate.dialect.MySQL8Dialect</property>
+        <property name="show_sql">true</property>
+    </session-factory>
+</hibernate-configuration>
\ No newline at end of file
diff --git a/Psalmenweb/target/classes/log4j.xml b/Psalmenweb/target/classes/log4j.xml
new file mode 100644
index 0000000..b38f2a8
--- /dev/null
+++ b/Psalmenweb/target/classes/log4j.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE log4j:configuration PUBLIC "-//APACHE//DTD LOG4J 1.2//EN" "log4j.dtd">
+<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
+
+	<!-- Appenders -->
+	<appender name="console" class="org.apache.log4j.ConsoleAppender">
+		<param name="Target" value="System.out" />
+		<layout class="org.apache.log4j.PatternLayout">
+			<param name="ConversionPattern" value="%-5p: %c - %m%n" />
+		</layout>
+	</appender>
+	
+	<!-- Application Loggers -->
+	<logger name="org.tenvoorde.psalmenweb">
+		<level value="info" />
+	</logger>
+	
+	<!-- 3rdparty Loggers -->
+	<logger name="org.springframework.core">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.beans">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.context">
+		<level value="info" />
+	</logger>
+
+	<logger name="org.springframework.web">
+		<level value="info" />
+	</logger>
+
+	<!-- Root Logger -->
+	<root>
+		<priority value="warn" />
+		<appender-ref ref="console" />
+	</root>
+	
+</log4j:configuration>
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/CatechismusParser.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/CatechismusParser.class
new file mode 100644
index 0000000..4a202da
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/CatechismusParser.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/PsalmboekParser.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/PsalmboekParser.class
new file mode 100644
index 0000000..2b84d27
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/PsalmboekParser.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/BijbelController.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/BijbelController.class
new file mode 100644
index 0000000..e616b74
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/BijbelController.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/CatechismusController.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/CatechismusController.class
new file mode 100644
index 0000000..658cf00
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/CatechismusController.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/HomeController.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/HomeController.class
new file mode 100644
index 0000000..a5ae86b
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/HomeController.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/PsalmenController.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/PsalmenController.class
new file mode 100644
index 0000000..63d261b
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/controllers/PsalmenController.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/BijbelDAO.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/BijbelDAO.class
new file mode 100644
index 0000000..0646a21
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/BijbelDAO.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/CatechismusDAO.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/CatechismusDAO.class
new file mode 100644
index 0000000..d9a11b4
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/CatechismusDAO.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/PsalmenDAO.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/PsalmenDAO.class
new file mode 100644
index 0000000..198efcd
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/dao/PsalmenDAO.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/BijbelBoek.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/BijbelBoek.class
new file mode 100644
index 0000000..eed4251
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/BijbelBoek.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Bijbelvers.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Bijbelvers.class
new file mode 100644
index 0000000..55a6283
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Bijbelvers.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/CatechismusVraag.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/CatechismusVraag.class
new file mode 100644
index 0000000..78c149d
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/CatechismusVraag.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Psalmregel.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Psalmregel.class
new file mode 100644
index 0000000..c959b44
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Psalmregel.class differ
diff --git a/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Vertaling.class b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Vertaling.class
new file mode 100644
index 0000000..4a2e3e0
Binary files /dev/null and b/Psalmenweb/target/classes/org/tenvoorde/psalmenweb/domain/Vertaling.class differ
diff --git a/Psalmenweb/target/maven-archiver/pom.properties b/Psalmenweb/target/maven-archiver/pom.properties
new file mode 100644
index 0000000..c51e8fe
--- /dev/null
+++ b/Psalmenweb/target/maven-archiver/pom.properties
@@ -0,0 +1,5 @@
+#Generated by Maven
+#Mon Jan 04 22:26:13 CET 2021
+groupId=org.tenvoorde
+artifactId=psalmenweb
+version=1.0.0-BUILD-SNAPSHOT
diff --git a/Psalmenweb/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst b/Psalmenweb/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst
new file mode 100644
index 0000000..d496f1f
--- /dev/null
+++ b/Psalmenweb/target/maven-status/maven-compiler-plugin/compile/default-compile/createdFiles.lst
@@ -0,0 +1,14 @@
+org\tenvoorde\psalmenweb\controllers\CatechismusController.class
+org\tenvoorde\psalmenweb\controllers\HomeController.class
+org\tenvoorde\psalmenweb\dao\PsalmenDAO.class
+org\tenvoorde\psalmenweb\CatechismusParser.class
+org\tenvoorde\psalmenweb\dao\CatechismusDAO.class
+org\tenvoorde\psalmenweb\domain\Vertaling.class
+org\tenvoorde\psalmenweb\dao\BijbelDAO.class
+org\tenvoorde\psalmenweb\controllers\BijbelController.class
+org\tenvoorde\psalmenweb\controllers\PsalmenController.class
+org\tenvoorde\psalmenweb\domain\BijbelBoek.class
+org\tenvoorde\psalmenweb\domain\CatechismusVraag.class
+org\tenvoorde\psalmenweb\domain\Psalmregel.class
+org\tenvoorde\psalmenweb\domain\Bijbelvers.class
+org\tenvoorde\psalmenweb\PsalmboekParser.class
diff --git a/Psalmenweb/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst b/Psalmenweb/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst
new file mode 100644
index 0000000..c6592ad
--- /dev/null
+++ b/Psalmenweb/target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst
@@ -0,0 +1,14 @@
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\dao\PsalmenDAO.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\PsalmboekParser.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\CatechismusParser.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\domain\CatechismusVraag.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\controllers\PsalmenController.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\dao\BijbelDAO.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\controllers\BijbelController.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\dao\CatechismusDAO.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\domain\Psalmregel.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\domain\Bijbelvers.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\domain\Vertaling.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\controllers\HomeController.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\domain\BijbelBoek.java
+D:\Development\src\psalmenweb\Psalmenweb\src\main\java\org\tenvoorde\psalmenweb\controllers\CatechismusController.java
diff --git a/Psalmenweb/target/maven-status/maven-compiler-plugin/testCompile/default-testCompile/createdFiles.lst b/Psalmenweb/target/maven-status/maven-compiler-plugin/testCompile/default-testCompile/createdFiles.lst
new file mode 100644
index 0000000..e69de29
diff --git a/Psalmenweb/target/maven-status/maven-compiler-plugin/testCompile/default-testCompile/inputFiles.lst b/Psalmenweb/target/maven-status/maven-compiler-plugin/testCompile/default-testCompile/inputFiles.lst
new file mode 100644
index 0000000..e69de29
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT.war b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT.war
new file mode 100644
index 0000000..a2c9c99
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT.war differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/META-INF/MANIFEST.MF b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/META-INF/MANIFEST.MF
new file mode 100644
index 0000000..9603b25
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/META-INF/MANIFEST.MF
@@ -0,0 +1,5 @@
+Manifest-Version: 1.0
+Created-By: IntelliJ IDEA
+Built-By: Michel
+Build-Jdk: 11.0.9
+
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/C.psd b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/C.psd
new file mode 100644
index 0000000..a0dfe40
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/C.psd differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/hibernate.cfg.xml b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/hibernate.cfg.xml
new file mode 100644
index 0000000..277344b
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/hibernate.cfg.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE hibernate-configuration PUBLIC
+"-//Hibernate/Hibernate Configuration DTD 3.0//EN"
+"http://hibernate.sourceforge.net/hibernate-configuration-3.0.dtd">
+<hibernate-configuration>
+    <session-factory>
+        <property name="hibernate.bytecode.use_reflection_optimizer">false</property>
+        <property name="hibernate.connection.driver_class">com.mysql.cj.jdbc.Driver</property>
+        <property name="hibernate.connection.url">jdbc:mysql://37.97.221.166:3306/psalmenweb?characterEncoding=utf8&useUnicode=true</property>
+        <property name="hibernate.connection.username">psalmenweb</property>
+        <property name="hibernate.connection.password">OhWSsRxCOM4pXiiQ</property>
+        <property name="hibernate.dialect">org.hibernate.dialect.MySQL8Dialect</property>
+        <property name="show_sql">true</property>
+    </session-factory>
+</hibernate-configuration>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/log4j.xml b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/log4j.xml
new file mode 100644
index 0000000..b38f2a8
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/log4j.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE log4j:configuration PUBLIC "-//APACHE//DTD LOG4J 1.2//EN" "log4j.dtd">
+<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
+
+	<!-- Appenders -->
+	<appender name="console" class="org.apache.log4j.ConsoleAppender">
+		<param name="Target" value="System.out" />
+		<layout class="org.apache.log4j.PatternLayout">
+			<param name="ConversionPattern" value="%-5p: %c - %m%n" />
+		</layout>
+	</appender>
+	
+	<!-- Application Loggers -->
+	<logger name="org.tenvoorde.psalmenweb">
+		<level value="info" />
+	</logger>
+	
+	<!-- 3rdparty Loggers -->
+	<logger name="org.springframework.core">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.beans">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.context">
+		<level value="info" />
+	</logger>
+
+	<logger name="org.springframework.web">
+		<level value="info" />
+	</logger>
+
+	<!-- Root Logger -->
+	<root>
+		<priority value="warn" />
+		<appender-ref ref="console" />
+	</root>
+	
+</log4j:configuration>
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/CatechismusParser.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/CatechismusParser.class
new file mode 100644
index 0000000..4a202da
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/CatechismusParser.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/PsalmboekParser.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/PsalmboekParser.class
new file mode 100644
index 0000000..2b84d27
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/PsalmboekParser.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/BijbelController.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/BijbelController.class
new file mode 100644
index 0000000..e616b74
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/BijbelController.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/CatechismusController.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/CatechismusController.class
new file mode 100644
index 0000000..658cf00
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/CatechismusController.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/HomeController.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/HomeController.class
new file mode 100644
index 0000000..a5ae86b
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/HomeController.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/PsalmenController.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/PsalmenController.class
new file mode 100644
index 0000000..63d261b
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/controllers/PsalmenController.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/BijbelDAO.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/BijbelDAO.class
new file mode 100644
index 0000000..0646a21
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/BijbelDAO.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/CatechismusDAO.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/CatechismusDAO.class
new file mode 100644
index 0000000..d9a11b4
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/CatechismusDAO.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/PsalmenDAO.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/PsalmenDAO.class
new file mode 100644
index 0000000..198efcd
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/dao/PsalmenDAO.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/BijbelBoek.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/BijbelBoek.class
new file mode 100644
index 0000000..eed4251
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/BijbelBoek.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Bijbelvers.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Bijbelvers.class
new file mode 100644
index 0000000..55a6283
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Bijbelvers.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/CatechismusVraag.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/CatechismusVraag.class
new file mode 100644
index 0000000..78c149d
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/CatechismusVraag.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Psalmregel.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Psalmregel.class
new file mode 100644
index 0000000..c959b44
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Psalmregel.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Vertaling.class b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Vertaling.class
new file mode 100644
index 0000000..4a2e3e0
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/classes/org/tenvoorde/psalmenweb/domain/Vertaling.class differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/FastInfoset-1.2.15.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/FastInfoset-1.2.15.jar
new file mode 100644
index 0000000..2671209
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/FastInfoset-1.2.15.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/antlr-2.7.7.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/antlr-2.7.7.jar
new file mode 100644
index 0000000..5e5f14b
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/antlr-2.7.7.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/aopalliance-1.0.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/aopalliance-1.0.jar
new file mode 100644
index 0000000..578b1a0
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/aopalliance-1.0.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/asm-3.1.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/asm-3.1.jar
new file mode 100644
index 0000000..8217cae
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/asm-3.1.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/aspectjrt-1.6.10.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/aspectjrt-1.6.10.jar
new file mode 100644
index 0000000..94f9410
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/aspectjrt-1.6.10.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/byte-buddy-1.10.10.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/byte-buddy-1.10.10.jar
new file mode 100644
index 0000000..2d77c23
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/byte-buddy-1.10.10.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/cglib-2.2.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/cglib-2.2.jar
new file mode 100644
index 0000000..084ef6e
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/cglib-2.2.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/classmate-1.5.1.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/classmate-1.5.1.jar
new file mode 100644
index 0000000..819f5ea
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/classmate-1.5.1.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/commons-dbcp-1.4.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/commons-dbcp-1.4.jar
new file mode 100644
index 0000000..c4c1c4f
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/commons-dbcp-1.4.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/commons-pool-1.5.4.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/commons-pool-1.5.4.jar
new file mode 100644
index 0000000..43edf99
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/commons-pool-1.5.4.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/dom4j-2.1.3.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/dom4j-2.1.3.jar
new file mode 100644
index 0000000..9a4f5d2
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/dom4j-2.1.3.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/hibernate-commons-annotations-5.1.0.Final.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/hibernate-commons-annotations-5.1.0.Final.jar
new file mode 100644
index 0000000..9a9d5b7
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/hibernate-commons-annotations-5.1.0.Final.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/hibernate-core-5.4.21.Final.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/hibernate-core-5.4.21.Final.jar
new file mode 100644
index 0000000..8a879ba
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/hibernate-core-5.4.21.Final.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/istack-commons-runtime-3.0.7.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/istack-commons-runtime-3.0.7.jar
new file mode 100644
index 0000000..2fe5b82
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/istack-commons-runtime-3.0.7.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-core-asl-1.9.2.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-core-asl-1.9.2.jar
new file mode 100644
index 0000000..c506567
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-core-asl-1.9.2.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-jaxrs-1.9.2.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-jaxrs-1.9.2.jar
new file mode 100644
index 0000000..69f5b7f
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-jaxrs-1.9.2.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-mapper-asl-1.9.2.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-mapper-asl-1.9.2.jar
new file mode 100644
index 0000000..6407dc0
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jackson-mapper-asl-1.9.2.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jandex-2.1.3.Final.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jandex-2.1.3.Final.jar
new file mode 100644
index 0000000..8b25ba3
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jandex-2.1.3.Final.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javassist-3.24.0-GA.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javassist-3.24.0-GA.jar
new file mode 100644
index 0000000..977a081
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javassist-3.24.0-GA.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.activation-api-1.2.0.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.activation-api-1.2.0.jar
new file mode 100644
index 0000000..986c365
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.activation-api-1.2.0.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.inject-1.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.inject-1.jar
new file mode 100644
index 0000000..b2a9d0b
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.inject-1.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.persistence-api-2.2.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.persistence-api-2.2.jar
new file mode 100644
index 0000000..164ef3a
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/javax.persistence-api-2.2.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jaxb-api-2.3.1.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jaxb-api-2.3.1.jar
new file mode 100644
index 0000000..4565865
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jaxb-api-2.3.1.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jaxb-runtime-2.3.1.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jaxb-runtime-2.3.1.jar
new file mode 100644
index 0000000..0b9ef67
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jaxb-runtime-2.3.1.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jboss-logging-3.3.2.Final.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jboss-logging-3.3.2.Final.jar
new file mode 100644
index 0000000..67cde71
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jboss-logging-3.3.2.Final.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jboss-transaction-api_1.2_spec-1.1.1.Final.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jboss-transaction-api_1.2_spec-1.1.1.Final.jar
new file mode 100644
index 0000000..627f7ce
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jboss-transaction-api_1.2_spec-1.1.1.Final.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jcl-over-slf4j-1.6.6.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jcl-over-slf4j-1.6.6.jar
new file mode 100644
index 0000000..ab898c0
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jcl-over-slf4j-1.6.6.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jsoup-1.7.2.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jsoup-1.7.2.jar
new file mode 100644
index 0000000..1d9879f
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jsoup-1.7.2.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jstl-1.2.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jstl-1.2.jar
new file mode 100644
index 0000000..0fd275e
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/jstl-1.2.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/log4j-1.2.15.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/log4j-1.2.15.jar
new file mode 100644
index 0000000..c930a6a
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/log4j-1.2.15.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/mysql-connector-java-8.0.22.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/mysql-connector-java-8.0.22.jar
new file mode 100644
index 0000000..412d81f
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/mysql-connector-java-8.0.22.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/protobuf-java-3.11.4.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/protobuf-java-3.11.4.jar
new file mode 100644
index 0000000..7224d23
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/protobuf-java-3.11.4.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/slf4j-api-1.6.6.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/slf4j-api-1.6.6.jar
new file mode 100644
index 0000000..4c03fa6
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/slf4j-api-1.6.6.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/slf4j-log4j12-1.6.6.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/slf4j-log4j12-1.6.6.jar
new file mode 100644
index 0000000..e72c2d6
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/slf4j-log4j12-1.6.6.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-aop-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-aop-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..73ba404
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-aop-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-aop-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-aop-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..a6b5a40
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-aop-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-asm-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-asm-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..20d7938
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-asm-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-beans-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-beans-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..a69bcb1
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-beans-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-beans-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-beans-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..1760b95
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-beans-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..a35e486
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..1d21dce
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-support-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-support-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..8e8fff4
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-context-support-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-core-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-core-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..bdd8944
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-core-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-core-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-core-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..80735c3
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-core-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-expression-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-expression-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..0e445b9
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-expression-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-expression-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-expression-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..0e1778c
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-expression-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jcl-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jcl-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..c16a941
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jcl-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jdbc-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jdbc-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..82b836a
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jdbc-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jdbc-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jdbc-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..11b7dff
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-jdbc-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-orm-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-orm-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..5e5f16d
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-orm-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-orm-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-orm-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..9c610dd
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-orm-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-tx-3.2.3.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-tx-3.2.3.RELEASE.jar
new file mode 100644
index 0000000..e468e40
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-tx-3.2.3.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-web-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-web-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..42ed92c
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-web-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-web-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-web-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..fabb0a4
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-web-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-webmvc-3.1.1.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-webmvc-3.1.1.RELEASE.jar
new file mode 100644
index 0000000..8e27a5b
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-webmvc-3.1.1.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-webmvc-5.2.7.RELEASE.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-webmvc-5.2.7.RELEASE.jar
new file mode 100644
index 0000000..e6dfbfe
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/spring-webmvc-5.2.7.RELEASE.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/stax-ex-1.8.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/stax-ex-1.8.jar
new file mode 100644
index 0000000..5e60637
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/stax-ex-1.8.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/txw2-2.3.1.jar b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/txw2-2.3.1.jar
new file mode 100644
index 0000000..75ed519
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/lib/txw2-2.3.1.jar differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/appServlet/config.properties b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/appServlet/config.properties
new file mode 100644
index 0000000..87d3c88
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/appServlet/config.properties
@@ -0,0 +1,11 @@
+################### JDBC Configuration ##########################
+jdbc.driverClassName=com.mysql.jdbc.Driver
+jdbc.url=jdbc:mysql://tenvoorde.org:3306/psalmenweb
+jdbc.username=psalmenonline
+jdbc.password=zMhMipovKFgc1m8n
+  
+################### Hibernate Configuration ##########################
+hibernate.dialect=org.hibernate.dialect.MySQLDialect
+hibernate.show_sql=true
+hibernate.hbm2ddl.auto=update
+hibernate.generate_statistics=true
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/appServlet/servlet-context.xml b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/appServlet/servlet-context.xml
new file mode 100644
index 0000000..006662f
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/appServlet/servlet-context.xml
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans:beans xmlns="http://www.springframework.org/schema/mvc"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:beans="http://www.springframework.org/schema/beans"
+	xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx"
+	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
+		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
+		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
+		http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd">
+
+	<!-- DispatcherServlet Context: defines this servlet's request-processing 
+		infrastructure -->
+
+	<!-- Enables the Spring MVC @Controller programming model -->
+	<annotation-driven />
+
+	<!-- Handles HTTP GET requests for /resources/** by efficiently serving 
+		up static resources in the ${webappRoot}/resources directory -->
+	<resources mapping="/resources/**" location="/resources/" />
+
+
+	
+	<!-- Resolves views selected for rendering by @Controllers to .jsp resources 
+		in the /WEB-INF/views directory -->
+	<beans:bean
+		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
+		<beans:property name="prefix" value="/WEB-INF/views/" />
+		<beans:property name="suffix" value=".jsp" />
+	</beans:bean>
+	
+	<context:component-scan base-package="org.tenvoorde.psalmenweb" />
+
+	<!-- JDBC Data Source. It is assumed you have MySQL running on localhost 
+		port 3306 with username root and blank password. Change below if it's not 
+		the case -->
+	<beans:bean id="psalmenDataSource" class="org.apache.commons.dbcp.BasicDataSource"
+		destroy-method="close">
+		<beans:property name="driverClassName" value="com.mysql.jdbc.Driver" />
+		<beans:property name="url"
+			value="jdbc:mysql://tenvoorde.org:3306/psalmenweb" />
+		<beans:property name="username" value="psalmenonline" />
+		<beans:property name="password" value="zMhMipovKFgc1m8n" />
+		<beans:property name="validationQuery" value="SELECT 1" />
+	</beans:bean>
+
+	<!-- Hibernate Session Factory -->
+	<beans:bean id="psalmenSessionFactory"
+		class="org.springframework.orm.hibernate4.LocalSessionFactoryBean">
+		<beans:property name="dataSource" ref="psalmenDataSource" />
+		<beans:property name="annotatedClasses">
+			<beans:list>
+				<beans:value>org.tenvoorde.psalmenweb.domain.Psalmregel</beans:value>
+				<beans:value>org.tenvoorde.psalmenweb.domain.CatechismusVraag</beans:value>
+			</beans:list>
+		</beans:property>
+		<beans:property name="packagesToScan">
+			<beans:array>
+				<beans:value>org.tenvoorde.psalmenweb.dao</beans:value>
+			</beans:array>
+		</beans:property>
+		<beans:property name="hibernateProperties">
+			<beans:value>
+				hibernate.dialect=org.hibernate.dialect.MySQLDialect
+			</beans:value>
+		</beans:property>
+	</beans:bean>
+
+	<!-- Hibernate Transaction Manager -->
+	<beans:bean id="transactionManager"
+		class="org.springframework.orm.hibernate4.HibernateTransactionManager">
+		<beans:property name="sessionFactory" ref="psalmenSessionFactory" />
+	</beans:bean>
+
+	<!-- Activates annotation based transaction management -->
+	<tx:annotation-driven transaction-manager="transactionManager" />
+
+</beans:beans>
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/root-context.xml b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/root-context.xml
new file mode 100644
index 0000000..18ad186
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/spring/root-context.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+	<!-- Root Context: defines shared resources visible to all other web components -->
+
+
+</beans>
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbel.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbel.jsp
new file mode 100644
index 0000000..4512be0
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbel.jsp
@@ -0,0 +1,125 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>${boek.boek} <c:if test="${boek.hoofdstukken > 1}">${hoofdstuk} </c:if>(${vertaling.afkorting})</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed" id="psalmhoofd">
+			<div class="psalmheader">${boek.boek} <c:if test="${boek.hoofdstukken > 1}">${hoofdstuk} </c:if>(${vertaling.afkorting})</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+	 		<a href="hcindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="hc" data-ajax="false" class="ui-btn-right" style="margin-right:250px;"></a>
+	 		<c:choose>
+	 			<c:when test="${vertaling.id == 1}">
+		 			<a href="${linkvertaling}" data-inline="true" data-icon="custom" data-iconpos="notext" id="sv" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 			</c:when>
+	 			<c:otherwise>
+		 			<a href="${linkvertaling}" data-inline="true" data-icon="custom" data-iconpos="notext" id="hsv" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 			</c:otherwise>
+	 		</c:choose>		
+	 		<a href="psalmindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="note" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>	 		
+		</div>
+		<div data-role="content">
+			<br /> <br />
+			<c:forEach items="${verzen}" var="vers"
+				varStatus="varstatus">
+				<p class="psalmline"><span class="bijbelvers">${vers.vers}</span> ${vers.tekst}</p>
+			</c:forEach>
+ 
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+ 			<div data-role="navbar" data-position="fixed" class="bigbuttons" data-grid="d">
+				<ul>
+					<li><a href="${linkvorige}"		id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 				id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="bijbelindex?t=${vertaling.id}"	id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 				id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="${linkvolgende}" 	id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+		
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".psalmline").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmline").css("font-size", cssSize);
+			
+			PREF_TEXTSIZE = size + delta;
+			savePreferences();
+		}
+
+		$(document).on('pageinit', function() {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+			});
+			
+			if ($("#left").attr("href") == "#") {
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+
+			if ($("#right").attr("href") == "#") {
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+
+		});
+		
+//		function goToVerse(immediately) {
+//			if ("${vers}" != "") {
+//				var target = $("#v${vers}").get(0).offsetTop;
+//			
+//				if (target !== undefined) {
+//					if (immediately) {
+//						$.mobile.silentScroll(target);		
+//					} else {
+//						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+//					}
+//				}
+//			}
+//		}
+		
+//		$(document).on('pageshow', function(){
+			//goToVerse(false);
+//		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindex.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindex.jsp
new file mode 100644
index 0000000..8a61202
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindex.jsp
@@ -0,0 +1,46 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<c:forEach items="${letters}" var="letter" varStatus="index">
+				<c:if test="${(index.index % 4 == 0) && (index.index > 0)}">
+					</div>
+				</c:if>
+				<c:if test="${index.index % 4 == 0}">
+					<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				</c:if>
+				<a href="bijbelindexboeken?start=${letter}&t=${vertaling.id}" data-role="button" data-theme="a" data-ajax="false">${letter}</a>
+				&nbsp;
+			</c:forEach>		
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindexboeken.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindexboeken.jsp
new file mode 100644
index 0000000..1b09904
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindexboeken.jsp
@@ -0,0 +1,46 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<c:forEach items="${boeken}" var="boek" varStatus="index">
+				<c:if test="${(index.index % 4 == 0) && (index.index > 0)}">
+					</div>
+				</c:if>
+				<c:if test="${index.index % 4 == 0}">
+					<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				</c:if>
+				<a href="bijbelindexchapter?boek=${boek.id}&t=${vertaling.id}" data-role="button" data-theme="a" data-ajax="false">${boek.afkorting}</a>
+				&nbsp;
+			</c:forEach>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindexchapter.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindexchapter.jsp
new file mode 100644
index 0000000..d147b82
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/bijbelindexchapter.jsp
@@ -0,0 +1,176 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index (${vertaling.afkorting})</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="boekhoofdstuk" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">${boek.boek} <span id="choice"></span></a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#x25C0;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				removeChar();
+				break;
+			case "e":
+				if (! $("#boekhoofdstuk").hasClass("invalid")) {
+					var choice = $("#choice").html();
+					if (choice == "") {
+						choice = "1";
+						$("#choice").html(choice);
+					}
+
+					window.location.href = "bijbel?t=${vertaling.id}&b=${boek.id}&h=" + choice;
+				}
+			}				
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		
+		if (lengte == 3) {
+			choice = "";
+		}
+		if (lengte == 0 && knop == "0") {
+			return;
+		}
+
+		choice += knop;
+		
+		$("#choice").html(choice);
+		
+		checkCorrectChapter();
+	}
+	
+	function removeChar() {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		if (lengte > 0) {
+			choice = choice.substring(0, choice.length - 1);
+			$("#choice").html(choice);
+		}
+		checkCorrectChapter();
+	}
+	
+	function checkCorrectChapter() {
+		var hoofdstuk = parseInt($("#choice").html());
+		if (hoofdstuk > ${boek.hoofdstukken}) {
+			$("#boekhoofdstuk").addClass("invalid");
+		} else {
+			$("#boekhoofdstuk").removeClass("invalid");
+		}
+	}
+
+	function toastVerseDoesNotExist() {
+		$("a#choice span span").addClass("invalid");
+		$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Dit vers bestaat niet.</h1></div>")
+			.css({
+				display: "block", 
+//				opacity: 0.90, 
+				position: "fixed",
+				padding: "7px",
+				"text-align": "center",
+				width: "350px",
+				left: ($(window).width() - 364) / 2,
+				top: $(window).height() / 2})
+			.appendTo($.mobile.pageContainer).delay(2000)
+			.fadeOut(400, function(){
+				$(this).remove();
+				var choice = $("a#choice span span").html();
+				choice = choice.substring(0, choice.indexOf("vers") + 5);
+				$("a#choice span span").html(choice);
+				$("a#choice span span").removeClass("invalid");
+		});
+	}
+
+	function checkPsalmVerseExists(psalm, vers) {
+		var result;
+		$.ajax({
+			url: 'psalmcheck',
+			async: false,
+			data: {p: psalm, v: vers}, //'p=' & psalm & '&v=' & vers,
+			success: function(data) {
+				result = data;
+			}
+		});
+		
+		return result;
+	}
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/hc.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/hc.jsp
new file mode 100644
index 0000000..a4e5cf3
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/hc.jsp
@@ -0,0 +1,124 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>Zondag ${hc}</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed">
+			<div class="psalmheader">Zondag ${hc}</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+			<a href="psalmindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="note" data-ajax="false" class="ui-btn-right" style="margin-right:150px;"></a>
+	 		<a href="bijbelindex?t=1" data-inline="true" data-icon="custom" data-iconpos="notext" id="book" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>
+		</div>
+		<div data-role="content">
+			<br /> <br />
+	 		<c:forEach items="${zondag}" var="vraag" varStatus="varstatus">
+				<div class="psalmverseheader">Vraag ${vraag.vraag}</div>
+				<p class="hclinequestion">${vraag.tekstVraag}</p>
+				<p class="hclineanswer">${vraag.tekstAntwoord}</p>
+				<br />
+			</c:forEach>
+
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+			<div data-role="navbar" class="bigbuttons" data-position="fixed">
+				<ul>
+					<li><a href="hc?z=${hc - 1}"		id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 					id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="hcindex"				id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 					id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="hc?z=${hc + 1}"		id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>				
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".hclinequestion").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".hclinequestion").css("font-size", cssSize);
+			
+			size = parseInt($(".hclineanswer").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".hclineanswer").css("font-size", cssSize);
+
+			PREF_TEXTSIZE = size + delta;
+			savePreferences();
+	}
+
+		$(document).on('pageinit', function() {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+			});
+
+			if ('${hc}' == '1') {
+				$("#left").attr("href", "#");
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+			if ('${hc}' == '52') {
+				$("#right").attr("href", "#");
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+			
+		});
+		
+		function goToVerse(immediately) {
+			if ("${vers}" != "") {
+				var target = $("#v${vers}").get(0).offsetTop;
+				
+				if (target !== undefined) {
+					if (immediately) {
+						$.mobile.silentScroll(target);		
+					} else {
+						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+					}
+				}
+			}
+		}
+		
+		$(document).on('pageshow', function(){
+			goToVerse(false);
+		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/hcindex.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/hcindex.jsp
new file mode 100644
index 0000000..df37400
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/hcindex.jsp
@@ -0,0 +1,146 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index Catechismus</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="hc" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">Zondag <span id="choice"></span></a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#8630;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				if ($("#choice").html().length == 0) {
+					window.history.back();
+				} else {
+					removeChar();
+				}
+				
+				break;
+			case "e":
+				if (! $("#hc").hasClass("invalid")) {
+					var choice = $("#choice").html();
+					window.location.href = "hc?z=" + choice;
+				}
+			}
+			if ($("#choice").html().length == 0) {
+				$("a#kd span span").html("&#8630;");
+			} else {
+				$("a#kd span span").html("&#x25C0;");
+			}
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		
+		if (lengte == 2) {
+			choice = "";
+		}
+		if (lengte == 0 && knop == "0") {
+			return;
+		}
+
+		choice += knop;
+		
+		$("#choice").html(choice);
+		
+		checkCorrectChoice();
+	}
+	
+	function removeChar() {
+		var choice = $("#choice").html();
+		var lengte = choice.length;
+		if (lengte > 0) {
+			choice = choice.substring(0, choice.length - 1);
+			$("#choice").html(choice);
+		}
+		checkCorrectChoice();
+	}
+	
+	function checkCorrectChoice() {
+		var hc = parseInt($("#choice").html());
+		if (hc > 52) {
+			$("#hc").addClass("invalid");
+		} else {
+			$("#hc").removeClass("invalid");
+		}
+	}
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/index.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/index.jsp
new file mode 100644
index 0000000..509c826
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/index.jsp
@@ -0,0 +1,54 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 30%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="bijbelindex?t=1" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Bijbel (HSV)</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="bijbelindex?t=2" style="width: 100%;"data-role="button" data-theme="a" data-ajax="false">Bijbel (SV)</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="psalmindex" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Psalmen</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="hcindex" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Heidelbergse Catechismus</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a style="width: 100%; visibility: hidden;" data-role="button" data-theme="a" data-ajax="false">Psalmen</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a href="info" style="width: 100%;" data-role="button" data-theme="a" data-ajax="false">Informatie</a>
+			</div>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/info.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/info.jsp
new file mode 100644
index 0000000..e4129f3
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/info.jsp
@@ -0,0 +1,43 @@
+<%@ page session="false"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 30%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<p style="font-size: 40px; line-height: 1.5; text-align: left;">
+				Het doel van deze website is om de Bijbel en de psalmen toegankelijk te maken voor slecht- en minderzienden.
+				De website is geoptimaliseerd voor tablets. Een internetverbinding is noodzakelijk!
+			</p>
+			<p style="font-size: 40px; line-height: 1.5; text-align: left;">
+				Ik help u graag bij problemen of vragen. Telefoon: 06-14243000 of email: <a href="mailto:info@psalmenonline.nl">info@psalmenonline.nl</a>.
+			</p>
+		</div>
+	</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/psalm.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/psalm.jsp
new file mode 100644
index 0000000..590a215
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/psalm.jsp
@@ -0,0 +1,132 @@
+<%@ page session="false"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<html>
+<head>
+<title>Psalm ${psalm}</title>
+
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+
+
+<link rel="stylesheet"
+	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
+<link rel="stylesheet"
+	href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet"
+	href="resources/css/psalmenweb.css" />
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
+<script src="resources/js/prefs.js"></script>
+</head>
+<body>
+
+	<div data-role="page" data-theme="a">
+		<div data-role="header" data-position="fixed">
+			<div class="psalmheader">Psalm ${psalm}</div>
+			<a data-inline="true" data-icon="custom" data-iconpos="notext" id="bw" data-ajax="false" class="ui-btn-right" style="margin-right:350px;"></a>
+			<a href="hcindex" data-inline="true" data-icon="custom" data-iconpos="notext" id="hc" data-ajax="false" class="ui-btn-right" style="margin-right:150px;">a</a>
+	 		<a href="bijbelindex?t=1" data-inline="true" data-icon="custom" data-iconpos="notext" id="book" data-ajax="false" class="ui-btn-right" style="margin-right:50px;"></a>
+		</div>
+		<div data-role="content">
+			<br /> <br />
+			<c:forEach items="${psalmRegels}" var="psalmregel"
+				varStatus="varstatus">
+				<c:if
+					test="${(varstatus.index == 0) || (psalmregel.vers != psalmRegels[varstatus.index - 1].vers)}">
+					<a id="v${psalmregel.vers}"></a>
+					<br />
+					<br />
+					<br />
+					<c:choose>
+						<c:when test="${psalmregel.vers == 0}">
+							<div class="psalmverseheader">Voorzang</div>
+						</c:when>
+						<c:otherwise>
+							<div class="psalmverseheader">Vers ${psalmregel.vers}</div>
+						</c:otherwise>
+					</c:choose>
+				</c:if>
+				<p class="psalmline">${psalmregel.tekst}</p>
+			</c:forEach>
+
+			<br />
+ 		</div>
+		<div data-role="footer" class="bigbuttons">
+			<div data-role="navbar" class="bigbuttons" data-position="fixed">
+				<ul>
+					<li><a href="psalm?p=${psalm - 1}"	id="left"	data-icon="custom" data-ajax="false">&nbsp;</a></li>
+					<li><a href="#" 					id="minus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="psalmindex"			id="index"	data-icon="custom" data-ajax="false" data-transition="pop">&nbsp;</a></li>
+					<li><a href="#" 					id="plus"	data-icon="custom">&nbsp;</a></li>
+					<li><a href="psalm?p=${psalm + 1}"	id="right"	data-icon="custom" data-ajax="false">&nbsp;</a></li>				
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript">
+		var PREF_TEXTSIZE;
+		var PREF_COLOR;
+	
+		$(function() {
+			loadPreferences();
+			setPreferences();
+			bindListeners();
+		});
+		
+		function changeTextSize(delta) {
+			var size = parseInt($(".psalmverseheader").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmverseheader").css("font-size", cssSize);
+
+			size = parseInt($(".psalmline").css("font-size"));
+			cssSize = (size + delta) + "px";
+			$(".psalmline").css("font-size", cssSize);
+		}
+
+		$(function () {
+			$(document).on("click", "#minus", function(e) {
+				changeTextSize(-2);
+				//goToVerse(true);
+			});
+
+			$(document).on("click", "#plus", function(e) {
+				changeTextSize(2);
+				//goToVerse(true);
+			});
+
+			if ('${psalm}' == '1') {
+				$("#left").attr("href", "#");
+				$("#left span.ui-icon").css("background-image", "none");
+			}
+			if ('${psalm}' == '150') {
+				$("#right").attr("href", "#");
+				$("#right span.ui-icon").css("background-image", "none");
+			}
+			
+		});
+		
+		function goToVerse(immediately) {
+			if ("${vers}" != "") {
+				var target = $("#v${vers}").get(0).offsetTop;
+				
+				if (target !== undefined) {
+					if (immediately) {
+						$.mobile.silentScroll(target);		
+					} else {
+						setTimeout(function(){$.mobile.silentScroll(target);}, 100);  // scroll after 1 sec
+					}
+				}
+			}
+		}
+		
+		$(document).on('pageshow', function(){
+			goToVerse(false);
+		});
+		
+	</script>
+
+</body>
+</html>
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/psalmindex.jsp b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/psalmindex.jsp
new file mode 100644
index 0000000..f80bf87
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/views/psalmindex.jsp
@@ -0,0 +1,232 @@
+<%@ page session="false"%>
+<!DOCTYPE html>
+<html>
+<head>
+<title>Index Psalmen</title>
+<meta name="viewport"
+	content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0" />
+<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
+<link rel="stylesheet" href="resources/css/themes/Psalmenweb.min.css" />
+<link rel="stylesheet" href="resources/css/psalmenweb.css" />
+	
+<style type="text/css">
+a {
+	width: 20%;
+}
+
+.ui-btn {
+	height: 100px;
+	font-size: 60px;
+	line-height: 40px;
+}
+</style>
+
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script
+	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script></head>
+<body>
+
+	<div data-role="page" id="myPage" data-theme="a">
+		<div data-role="content" data-theme="a">
+			<a id="choice" style="width: 100%;" href="#" data-role="button" data-transition="fade" class="indexlabel" data-theme="a">Psalm</a>
+			
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k7" href="#" data-role="button" data-theme="a">7</a>
+				&nbsp;
+				<a id="k8" href="#" data-role="button" data-theme="a">8</a>
+				&nbsp;
+				<a id="k9" href="#" data-role="button" data-theme="a">9</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k4" href="#" data-role="button" data-theme="a">4</a>
+				&nbsp;
+				<a id="k5" href="#" data-role="button" data-theme="a">5</a>
+				&nbsp;
+				<a id="k6" href="#" data-role="button" data-theme="a">6</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="k1" href="#" data-role="button" data-theme="a">1</a>
+				&nbsp;
+				<a id="k2" href="#" data-role="button" data-theme="a">2</a>
+				&nbsp;
+				<a id="k3" href="#" data-role="button" data-theme="a">3</a>
+			</div>
+			<div data-role="controlgroup" data-type="horizontal" class="localnav indexknoppengroep">
+				<a id="kd" href="#" data-role="button" data-theme="a">&#8630;</a>
+				&nbsp;
+				<a id="k0" href="#" data-role="button" data-theme="a">0</a>
+				&nbsp;
+				<a id="ke" href="#" data-role="button" data-theme="a">&#x2714;</a>
+			</div>
+		</div>
+	</div>
+
+<script type="text/javascript">
+	$(function () {
+		$(".indexknoppengroep a").click(function() {
+			if ($("div.ui-loader.ui-overlay-shadow").length == 1) {
+				return;
+			}
+			var knop = this.id.substring(1);
+			switch(knop) {
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				addNumber(knop);
+				break;
+			case "d":
+				if ($("a#choice span span").html().length < 7) {
+					window.history.back();
+				} else {
+					removeChar();
+				}
+				
+				break;
+			case "e":
+				if ($("a#choice span span").hasClass("invalid")) {
+					break;
+				}
+				var choice = $("a#choice span span").html();
+				if (choice.indexOf("vers") > 0) {
+					var psalm = choice.substring(6, choice.indexOf("vers") - 1);
+					var vers = choice.substring(choice.indexOf("vers") + 5);
+					if (vers == "") {
+						vers = 1;
+						choice += "1";
+						$("a#choice span span").html(choice);
+					}
+					if (! checkPsalmVerseExists(psalm, vers)) {
+						toastVerseDoesNotExist();
+					} else {
+						window.location.href = "psalm?p=" + psalm + "&v=" + vers;
+						//window.location.href = "/psalm?p=" + psalm + "&v=" + vers;
+					}
+					
+				} else {
+					if (! (choice.length < 7)) {
+						choice += " vers ";
+						$("a#choice span span").html(choice);
+					}
+				}
+				
+			}
+			var choice = $("a#choice span span").html();
+			if (choice.length < 7) {
+				$("a#kd span span").html("&#8630;");
+			} else {
+				$("a#kd span span").html("&#x25C0;");
+			}
+		});
+	});
+	
+	function addNumber(knop) {
+		var choice = $("a#choice span span").html();
+		var lengte = choice.length;
+		
+		if (choice.indexOf("vers") > 0) {
+			var vers = choice.substring(choice.indexOf("vers") + 5);
+			var verslengte = vers.length;
+			
+			if (verslengte < 2) {
+				if (!(verslengte == 0 && knop == "0")) {
+					choice += knop;
+				}
+			} else {
+				if (!(knop == "0")) {
+					choice = choice.substring(0, choice.indexOf("vers") + 5) + knop;
+				}				
+			}
+			$("a#choice span span").html(choice);
+			
+		} else {
+			if (lengte == 5) {
+				choice += " ";
+				lengte++;
+			}
+
+			if (lengte < 9) {
+				if (!(lengte == 6 && knop == "0")) {
+					choice += knop;
+				}
+	 		} else {
+				if (!(knop == "0")) {
+					choice = "Psalm " + knop;
+				}
+	 		}
+			
+			$("a#choice span span").html(choice);
+			
+			checkCorrectPsalm();
+			
+		}
+		
+	}
+	
+	function removeChar() {
+		var choice = $("a#choice span span").html();
+		var lengte = choice.length;
+		if (lengte > 5) {
+			choice = choice.substring(0, choice.length - 1);
+			if (choice.substring(choice.length - 4) == "vers") {
+				choice = choice.substring(0, choice.length - 5);
+			}
+			$("a#choice span span").html(choice);
+			checkCorrectPsalm();
+		}
+	}
+	
+	function checkCorrectPsalm() {
+		var psalm = parseInt($("a#choice span span").html().substring(6));
+		if (psalm < 1 || psalm > 150) {
+			$("a#choice span span").addClass("invalid");
+		} else {
+			$("a#choice span span").removeClass("invalid");
+		}
+	}
+
+	function toastVerseDoesNotExist() {
+		$("a#choice span span").addClass("invalid");
+		$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>Dit vers bestaat niet.</h1></div>")
+			.css({
+				display: "block", 
+//				opacity: 0.90, 
+				position: "fixed",
+				padding: "7px",
+				"text-align": "center",
+				width: "350px",
+				left: ($(window).width() - 364) / 2,
+				top: $(window).height() / 2})
+			.appendTo($.mobile.pageContainer).delay(2000)
+			.fadeOut(400, function(){
+				$(this).remove();
+				var choice = $("a#choice span span").html();
+				choice = choice.substring(0, choice.indexOf("vers") + 5);
+				$("a#choice span span").html(choice);
+				$("a#choice span span").removeClass("invalid");
+		});
+	}
+
+	function checkPsalmVerseExists(psalm, vers) {
+		var result;
+		$.ajax({
+			url: 'psalmcheck',
+			async: false,
+			data: {p: psalm, v: vers}, //'p=' & psalm & '&v=' & vers,
+			success: function(data) {
+				result = data;
+			}
+		});
+		
+		return result;
+	}
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/web.xml b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/web.xml
new file mode 100644
index 0000000..b6cc56c
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/WEB-INF/web.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
+
+	<!-- The definition of the Root Spring Container shared by all Servlets and Filters -->
+	<context-param>
+		<param-name>contextConfigLocation</param-name>
+		<param-value>/WEB-INF/spring/root-context.xml</param-value>
+	</context-param>
+	
+	<!-- Creates the Spring Container shared by all Servlets and Filters -->
+	<listener>
+		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
+	</listener>
+
+	<!-- Processes application requests -->
+	<servlet>
+		<servlet-name>appServlet</servlet-name>
+		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
+		<init-param>
+			<param-name>contextConfigLocation</param-name>
+			<param-value>/WEB-INF/spring/appServlet/servlet-context.xml</param-value>
+		</init-param>
+		<load-on-startup>1</load-on-startup>
+	</servlet>
+		
+	<servlet-mapping>
+		<servlet-name>appServlet</servlet-name>
+		<url-pattern>/</url-pattern>
+	</servlet-mapping>
+
+</web-app>
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/01-arrow-east@2x.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/01-arrow-east@2x.png
new file mode 100644
index 0000000..e87a46d
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/01-arrow-east@2x.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/05-arrow-west@2x.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/05-arrow-west@2x.png
new file mode 100644
index 0000000..dc0d410
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/05-arrow-west@2x.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/13-plus@2x.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/13-plus@2x.png
new file mode 100644
index 0000000..a2877a3
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/13-plus@2x.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/14-minus@2x.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/14-minus@2x.png
new file mode 100644
index 0000000..93fde6b
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/14-minus@2x.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/194-note-2@2x.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/194-note-2@2x.png
new file mode 100644
index 0000000..74d40bb
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/194-note-2@2x.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/60-dialpad@2x.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/60-dialpad@2x.png
new file mode 100644
index 0000000..ce504bf
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/60-dialpad@2x.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/96-book@2x.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/96-book@2x.png
new file mode 100644
index 0000000..af9e07e
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/96-book@2x.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/bw.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/bw.png
new file mode 100644
index 0000000..cceb3f1
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/bw.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/hc.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/hc.png
new file mode 100644
index 0000000..626c86a
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/hc.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/hsv.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/hsv.png
new file mode 100644
index 0000000..e82d0df
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/hsv.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/sv.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/sv.png
new file mode 100644
index 0000000..cb24543
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/images/sv.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/index.html b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/index.html
new file mode 100644
index 0000000..13f35c9
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/index.html
@@ -0,0 +1,39 @@
+
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>jQuery Mobile: Theme Download</title>
+		<link rel="stylesheet" href="themes/Psalmenweb.min.css" />
+		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
+		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+		<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
+	</head>
+	<body>
+		<div data-role="page" data-theme="a">
+			<div data-role="header" data-position="inline">
+				<h1>It Worked!</h1>
+			</div>
+			<div data-role="content" data-theme="a">
+				<p>Your theme was successfully downloaded. You can use this page as a reference for how to link it up!</p>
+				<pre>
+<strong>&lt;link rel=&quot;stylesheet&quot; href=&quot;themes/Psalmenweb.min.css&quot; /&gt;</strong>
+&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css&quot; /&gt;
+&lt;script src=&quot;http://code.jquery.com/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js&quot;&gt;&lt;/script&gt;
+				</pre>
+				<p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
+				<label for="slider1">Input slider:</label>
+				<input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
+				<fieldset data-role="controlgroup"  data-type="horizontal" data-role="fieldcontain">
+				<legend>Cache settings:</legend>
+				<input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
+				<label for="radio-choice-a1">On</label>
+				<input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off"  />
+				<label for="radio-choice-b1">Off</label>
+				</fieldset>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/jquery-mobile-theme-135835-0.zip b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/jquery-mobile-theme-135835-0.zip
new file mode 100644
index 0000000..458b8af
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/jquery-mobile-theme-135835-0.zip differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/psalmenweb.css b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/psalmenweb.css
new file mode 100644
index 0000000..129dad0
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/psalmenweb.css
@@ -0,0 +1,173 @@
+@CHARSET "ISO-8859-1";
+
+.ui-bar-a {
+	background-image: none;
+}
+.psalmheader {
+	font-size: 60px;
+}
+
+.psalmverseheader {
+	font-size: 60px;
+	font-weight: bold;
+}
+
+.psalmtext {
+	/*	line-height: 3; */
+	
+}
+
+.psalmline {
+	font-size: 60px;
+}
+
+.hclinequestion {
+	font-size: 60px;
+	line-height: 150%;
+	font-style: italic;
+}
+
+.hclineanswer {
+	font-size: 60px;
+	line-height: 150%;
+}
+
+.indexknoppengroep {
+	margin-bottom: 0.1em !important;
+	text-align: center !important;
+}
+
+.indexlabel {
+	margin-top: 0px !important;
+	margin-bottom: 0.1em !important;
+	width: 50%;
+	margin-left: auto;
+	margin-right: auto;
+}
+.invalid {
+	color: red;
+}
+
+.ui-icon {
+	border-top-left-radius: 0px;
+	border-top-right-radius: 0px;
+	border-bottom-left-radius: 0px;
+	border-bottom-right-radius: 0px;
+}
+
+#minus .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/14-minus@2x.png);
+	background-repeat: no-repeat;
+}
+
+#plus .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/13-plus@2x.png);
+	background-repeat: no-repeat;
+}
+
+#left .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/05-arrow-west@2x.png);
+	background-repeat: no-repeat;
+}
+
+#right .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/01-arrow-east@2x.png);
+	background-repeat: no-repeat;
+}
+
+#index .ui-icon {
+	background: rgba(0,0,0,0);
+	background-image: url(images/60-dialpad@2x.png);
+	background-repeat: no-repeat;
+}
+
+#book .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/96-book@2x.png);
+	background-repeat: no-repeat;
+}
+
+#note .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/194-note-2@2x.png);
+	background-repeat: no-repeat;
+}
+
+#sv .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/sv.png);
+	background-repeat: no-repeat;
+}
+#hsv .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/hsv.png);
+	background-repeat: no-repeat;
+}
+#hc .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/hc.png);
+	background-repeat: no-repeat;
+}
+#bw .ui-icon {
+	background: rgba(238,238,238,1);
+	background-image: url(images/bw.png);
+	background-repeat: no-repeat;
+}
+
+.bigbuttons .ui-btn .ui-btn-inner {
+	padding-top: 40px !important;
+}
+
+.bigbuttons .ui-btn .ui-icon {
+	width: 60px !important;
+	height: 60px !important;
+	margin-left: -15px !important;
+	box-shadow: none !important;
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	-webkit-border-radius: none !important;
+	border-radius: none !important;
+}
+
+.bigbuttons .ui-btn-inner .ui-icon {
+	width: 60px !important;
+	height: 60px !important;
+	margin-left: -15px !important;
+	box-shadow: none !important;
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	-webkit-border-radius: none !important;
+	border-radius: none !important;
+}
+
+#psalmhoofd button{height:50px;width:200px;}
+
+.bijbelvers {
+	font-weight: bold;
+	font-variant: small-caps;
+}
+
+.ui-header .ui-btn, .ui-header .ui-icon, .ui-header .ui-btn-inner {
+    width: 56px;
+    height: 56px;
+    border-radius: 0;
+    border: none;
+}
+.ui-header .ui-icon {
+    margin: 0px;
+    border-radius: 0;
+}
+.ui-header {
+    height: 71px;
+    border-radius: 0;
+}
+.ui-btn-inner {
+	border-top: none;
+	overflow: visible;
+	text-overflow: clip;
+	white-space: normal;
+}
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/Psalmenweb.css b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/Psalmenweb.css
new file mode 100644
index 0000000..6e0328a
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/Psalmenweb.css
@@ -0,0 +1,795 @@
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+
+/* Swatches */
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-a {
+	border: 1px solid #b3b3b3 /*{a-bar-border}*/;
+	background: #eeeeee /*{a-bar-background-color}*/;
+	color: #3e3e3e /*{a-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #ffffff /*{a-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{a-bar-background-start}*/), to( #dddddd /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #dddddd /*{a-bar-background-end}*/);
+}
+.ui-bar-a .ui-link-inherit {
+	color: #3e3e3e /*{a-bar-color}*/;
+}
+.ui-bar-a a.ui-link {
+	color: #7cc4e7 /*{a-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-a a.ui-link:visited {
+    color: #2489ce /*{a-bar-link-visited}*/;
+}
+.ui-bar-a a.ui-link:hover {
+	color: #2489ce /*{a-bar-link-hover}*/;
+}
+.ui-bar-a a.ui-link:active {
+	color: #2489ce /*{a-bar-link-active}*/;
+}
+.ui-bar-a,
+.ui-bar-a input,
+.ui-bar-a select,
+.ui-bar-a textarea,
+.ui-bar-a button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a,
+.ui-overlay-a {
+	border: 1px solid #545454 /*{a-body-border}*/;
+	color: #ffffff /*{a-body-color}*/;
+	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #444444 /*{a-body-shadow-color}*/;
+	background: #F00000 /*{a-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 /*{a-body-background-start}*/), to( #000000 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #000000 /*{a-body-background-start}*/, #000000 /*{a-body-background-end}*/);
+}
+.ui-overlay-a {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-a,
+.ui-body-a input,
+.ui-body-a select,
+.ui-body-a textarea,
+.ui-body-a button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a .ui-link-inherit {
+	color: #ffffff /*{a-body-color}*/;
+}
+.ui-body-a .ui-link {
+	color: #2489ce /*{a-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-a .ui-link:visited {
+    color: #2489ce /*{a-body-link-visited}*/;
+}
+.ui-body-a .ui-link:hover {
+	color: #2489ce /*{a-body-link-hover}*/;
+}
+.ui-body-a .ui-link:active {
+	color: #2489ce /*{a-body-link-active}*/;
+}
+.ui-btn-up-a {
+	border: 1px solid #1f1f1f /*{a-bup-border}*/;
+	background: #1f1f1f /*{a-bup-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bup-color}*/;
+	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #444444 /*{a-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #222222 /*{a-bup-background-start}*/), to( #1b1b1b /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #222222 /*{a-bup-background-start}*/, #1b1b1b /*{a-bup-background-end}*/);
+}
+.ui-btn-up-a:visited,
+.ui-btn-up-a a.ui-link-inherit {
+	color: #ffffff /*{a-bup-color}*/;
+}
+.ui-btn-hover-a {
+	border: 1px solid #232323 /*{a-bhover-border}*/;
+	background: #232323 /*{a-bhover-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bhover-color}*/;
+	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #444444 /*{a-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #262626 /*{a-bhover-background-start}*/), to( #1f1f1f /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #262626 /*{a-bhover-background-start}*/, #1f1f1f /*{a-bhover-background-end}*/);
+}
+.ui-btn-hover-a:visited,
+.ui-btn-hover-a:hover,
+.ui-btn-hover-a a.ui-link-inherit {
+	color: #ffffff /*{a-bhover-color}*/;
+}
+.ui-btn-down-a {
+	border: 1px solid #232323 /*{a-bdown-border}*/;
+	background: #232323 /*{a-bdown-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{a-bdown-color}*/;
+	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #444444 /*{a-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #1f1f1f /*{a-bdown-background-start}*/), to( #262626 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #1f1f1f /*{a-bdown-background-start}*/, #262626 /*{a-bdown-background-end}*/);
+}
+.ui-btn-down-a:visited,
+.ui-btn-down-a:hover,
+.ui-btn-down-a a.ui-link-inherit {
+	color: #ffffff /*{a-bdown-color}*/;
+}
+.ui-btn-up-a,
+.ui-btn-hover-a,
+.ui-btn-down-a {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+/* B
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-b {
+	border: 1px solid #b3b3b3 /*{b-bar-border}*/;
+	background: #eeeeee /*{b-bar-background-color}*/;
+	color: #3e3e3e /*{b-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{b-bar-background-start}*/), to( #dddddd /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/);
+}
+.ui-bar-b .ui-link-inherit {
+	color: #3e3e3e /*{b-bar-color}*/;
+}
+.ui-bar-b a.ui-link {
+	color: #7cc4e7 /*{b-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-b a.ui-link:visited {
+    color: #2489ce /*{b-bar-link-visited}*/;
+}
+.ui-bar-b a.ui-link:hover {
+	color: #2489ce /*{b-bar-link-hover}*/;
+}
+.ui-bar-b a.ui-link:active {
+	color: #2489ce /*{b-bar-link-active}*/;
+}
+.ui-bar-b,
+.ui-bar-b input,
+.ui-bar-b select,
+.ui-bar-b textarea,
+.ui-bar-b button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b,
+.ui-overlay-b {
+	border: 1px solid #aaaaaa /*{b-body-border}*/;
+	color: #333333 /*{b-body-color}*/;
+	text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{b-body-shadow-color}*/;
+	background: #f9f9f9 /*{b-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{b-body-background-start}*/), to( #eeeeee /*{b-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/);
+}
+.ui-overlay-b {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-b,
+.ui-body-b input,
+.ui-body-b select,
+.ui-body-b textarea,
+.ui-body-b button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b .ui-link-inherit {
+	color: #333333 /*{b-body-color}*/;
+}
+.ui-body-b .ui-link {
+	color: #2489ce /*{b-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-b .ui-link:visited {
+    color: #2489ce /*{b-body-link-visited}*/;
+}
+.ui-body-b .ui-link:hover {
+	color: #2489ce /*{b-body-link-hover}*/;
+}
+.ui-body-b .ui-link:active {
+	color: #2489ce /*{b-body-link-active}*/;
+}
+.ui-btn-up-b {
+	border: 1px solid #cccccc /*{b-bup-border}*/;
+	background: #eeeeee /*{b-bup-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bup-color}*/;
+	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{b-bup-background-start}*/), to( #f1f1f1 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/);
+}
+.ui-btn-up-b:visited,
+.ui-btn-up-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bup-color}*/;
+}
+.ui-btn-hover-b {
+	border: 1px solid #bbbbbb /*{b-bhover-border}*/;
+	background: #dfdfdf /*{b-bhover-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bhover-color}*/;
+	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{b-bhover-background-start}*/), to( #e0e0e0 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/);
+}
+.ui-btn-hover-b:visited,
+.ui-btn-hover-b:hover,
+.ui-btn-hover-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bhover-color}*/;
+}
+.ui-btn-down-b {
+	border: 1px solid #bbbbbb /*{b-bdown-border}*/;
+	background: #d6d6d6 /*{b-bdown-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{b-bdown-color}*/;
+	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{b-bdown-background-start}*/), to( #dfdfdf /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/);
+}
+.ui-btn-down-b:visited,
+.ui-btn-down-b:hover,
+.ui-btn-down-b a.ui-link-inherit {
+	color: #2f3e46 /*{b-bdown-color}*/;
+}
+.ui-btn-up-b,
+.ui-btn-hover-b,
+.ui-btn-down-b {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+
+
+/* C
+-----------------------------------------------------------------------------------------------------------*/
+.ui-bar-c {
+	border: 1px solid #b3b3b3 /*{c-bar-border}*/;
+	background: #eeeeee /*{c-bar-background-color}*/;
+	color: #3e3e3e /*{c-bar-color}*/;
+	font-weight: bold;
+	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #ffffff /*{c-bar-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #dddddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/);
+}
+.ui-bar-c .ui-link-inherit {
+	color: #3e3e3e /*{c-bar-color}*/;
+}
+.ui-bar-c a.ui-link {
+	color: #7cc4e7 /*{c-bar-link-color}*/;
+	font-weight: bold;
+}
+.ui-bar-c a.ui-link:visited {
+    color: #2489ce /*{c-bar-link-visited}*/;
+}
+.ui-bar-c a.ui-link:hover {
+	color: #2489ce /*{c-bar-link-hover}*/;
+}
+.ui-bar-c a.ui-link:active {
+	color: #2489ce /*{c-bar-link-active}*/;
+}
+.ui-bar-c,
+.ui-bar-c input,
+.ui-bar-c select,
+.ui-bar-c textarea,
+.ui-bar-c button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-c,
+.ui-overlay-c {
+	border: 1px solid #aaaaaa /*{c-body-border}*/;
+	color: #333333 /*{c-body-color}*/;
+	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/;
+	background: #f9f9f9 /*{c-body-background-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
+}
+.ui-overlay-c {
+	background-image: none;
+	border-width: 0;
+}
+.ui-body-c,
+.ui-body-c input,
+.ui-body-c select,
+.ui-body-c textarea,
+.ui-body-c button {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-c .ui-link-inherit {
+	color: #333333 /*{c-body-color}*/;
+}
+.ui-body-c .ui-link {
+	color: #2489ce /*{c-body-link-color}*/;
+	font-weight: bold;
+}
+.ui-body-c .ui-link:visited {
+    color: #2489ce /*{c-body-link-visited}*/;
+}
+.ui-body-c .ui-link:hover {
+	color: #2489ce /*{c-body-link-hover}*/;
+}
+.ui-body-c .ui-link:active {
+	color: #2489ce /*{c-body-link-active}*/;
+}
+.ui-btn-up-c {
+	border: 1px solid #cccccc /*{c-bup-border}*/;
+	background: #eeeeee /*{c-bup-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bup-color}*/;
+	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
+}
+.ui-btn-up-c:visited,
+.ui-btn-up-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bup-color}*/;
+}
+.ui-btn-hover-c {
+	border: 1px solid #bbbbbb /*{c-bhover-border}*/;
+	background: #dfdfdf /*{c-bhover-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bhover-color}*/;
+	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
+}
+.ui-btn-hover-c:visited,
+.ui-btn-hover-c:hover,
+.ui-btn-hover-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bhover-color}*/;
+}
+.ui-btn-down-c {
+	border: 1px solid #bbbbbb /*{c-bdown-border}*/;
+	background: #d6d6d6 /*{c-bdown-background-color}*/;
+	font-weight: bold;
+	color: #2f3e46 /*{c-bdown-color}*/;
+	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
+}
+.ui-btn-down-c:visited,
+.ui-btn-down-c:hover,
+.ui-btn-down-c a.ui-link-inherit {
+	color: #2f3e46 /*{c-bdown-color}*/;
+}
+.ui-btn-up-c,
+.ui-btn-hover-c,
+.ui-btn-down-c {
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+	text-decoration: none;
+}
+
+
+/* Structure */
+/* links within "buttons" 
+-----------------------------------------------------------------------------------------------------------*/
+a.ui-link-inherit {
+	text-decoration: none !important;
+}
+/* Active class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-active {
+	border: 1px solid #2373a5 /*{global-active-border}*/;
+	background: #387bbe /*{global-active-background-color}*/;
+	font-weight: bold;
+	color: #ffffff /*{global-active-color}*/;
+	cursor: pointer;
+	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
+	text-decoration: none;
+	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
+	background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
+	background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
+	background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
+	background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
+	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-btn-active:visited,
+.ui-btn-active:hover,
+.ui-btn-active a.ui-link-inherit {
+	color: #ffffff /*{global-active-color}*/;
+}
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-inner {
+	border-top: 1px solid 	#fff;
+	border-color: 			rgba(255,255,255,.3);
+}
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-corner-all {
+	-webkit-border-radius: .6em /*{global-radii-blocks}*/;
+	border-radius: .6em /*{global-radii-blocks}*/;
+}
+/* Form field separator
+-----------------------------------------------------------------------------------------------------------*/
+.ui-br {
+	border-color: rgb(130,130,130);
+	border-color: rgba(130,130,130,.3);
+	border-style: solid;
+}
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+	filter: Alpha(Opacity=30);
+	opacity: .3;
+	zoom: 1;
+}
+.ui-disabled,
+.ui-disabled a {
+	cursor: default !important;
+	pointer-events: none;
+}
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon,
+.ui-icon-searchfield:after {
+	background: #666666 /*{global-icon-color}*/;
+	background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
+	background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
+	background-repeat: no-repeat;
+	-webkit-border-radius: 				9px;
+	border-radius: 						9px;
+}
+/* Alt icon color
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-alt .ui-icon,
+.ui-icon-alt .ui-icon-searchfield:after {
+	background-color: 						#fff;
+	background-color: 						rgba(255,255,255,.3);
+	background-image: url(images/icons-18-black.png);
+	background-repeat: no-repeat;
+}
+/* No disc
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-nodisc .ui-icon,
+.ui-icon-nodisc .ui-icon-searchfield:after,
+.ui-icon-nodisc .ui-icon-alt .ui-icon,
+.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
+	background-color: transparent;
+}
+/* Icon sprite
+-----------------------------------------------------------------------------------------------------------*/
+/* plus minus */
+.ui-icon-plus {
+	background-position: 	-1px -1px;
+}
+.ui-icon-minus {
+	background-position: 	-37px -1px;
+}
+/* delete/close */
+.ui-icon-delete {
+	background-position: 	-73px -1px;
+}
+/* arrows */
+.ui-icon-arrow-r {
+	background-position: 	-108px -1px;
+}
+.ui-icon-arrow-l {
+	background-position: 	-144px -1px;
+}
+.ui-icon-arrow-u {
+	background-position: 	-180px -1px;
+}
+.ui-icon-arrow-d {
+	background-position: 	-216px -1px;
+}
+/* misc */
+.ui-icon-check {
+	background-position: 	-252px -1px;
+}
+.ui-icon-gear {
+	background-position: 	-288px -1px;
+}
+.ui-icon-refresh {
+	background-position: 	-323px -1px;
+}
+.ui-icon-forward {
+	background-position: 	-360px -1px;
+}
+.ui-icon-back {
+	background-position: 	-396px -1px;
+}
+.ui-icon-grid {
+	background-position: 	-432px -1px;
+}
+.ui-icon-star {
+	background-position: 	-467px -1px;
+}
+.ui-icon-alert {
+	background-position: 	-503px -1px;
+}
+.ui-icon-info {
+	background-position: 	-539px -1px;
+}
+.ui-icon-home {
+	background-position: 	-575px -1px;
+}
+/* search */
+.ui-icon-search,
+.ui-icon-searchfield:after {
+	background-position: 	-611px -1px;
+}
+/* checkbox radio */
+.ui-icon-checkbox-on {
+	background-position: 	-647px -1px;
+}
+.ui-icon-checkbox-off {
+	background-position: 	-683px -1px;
+}
+.ui-icon-radio-on {
+	background-position: 	-718px -1px;
+}
+.ui-icon-radio-off {
+	background-position: 	-754px -1px;
+}
+/* menu edit */
+.ui-icon-bars {
+	background-position: 	-788px -1px;
+}
+.ui-icon-edit {
+	background-position: 	-824px -1px;
+}
+/* HD/"retina" sprite
+-----------------------------------------------------------------------------------------------------------*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+       only screen and (min--moz-device-pixel-ratio: 1.3),
+       only screen and (min-resolution: 200dpi) {
+	
+	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
+	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
+	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
+	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
+	.ui-icon-search, .ui-icon-searchfield:after, 
+	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
+		background-image: url(images/icons-36-white.png);
+		-moz-background-size: 864px 18px;
+		-o-background-size: 864px 18px;
+		-webkit-background-size: 864px 18px;
+		background-size: 864px 18px;
+	}
+	.ui-icon-alt .ui-icon {
+		background-image: url(images/icons-36-black.png);
+	}
+	.ui-icon-plus {
+		background-position: 	0 50%;
+	}
+	.ui-icon-minus {
+		background-position: 	-36px 50%;
+	}
+	.ui-icon-delete {
+		background-position: 	-72px 50%;
+	}
+	.ui-icon-arrow-r {
+		background-position: 	-108px 50%;
+	}
+	.ui-icon-arrow-l {
+		background-position: 	-144px 50%;
+	}
+	.ui-icon-arrow-u {
+		background-position: 	-179px 50%;
+	}
+	.ui-icon-arrow-d {
+		background-position: 	-215px 50%;
+	}
+	.ui-icon-check {
+		background-position: 	-252px 50%;
+	}
+	.ui-icon-gear {
+		background-position: 	-287px 50%;
+	}
+	.ui-icon-refresh {
+		background-position: 	-323px 50%;
+	}
+	.ui-icon-forward {
+		background-position: 	-360px 50%;
+	}
+	.ui-icon-back {
+		background-position: 	-395px 50%;
+	}
+	.ui-icon-grid {
+		background-position: 	-431px 50%;
+	}
+	.ui-icon-star {
+		background-position: 	-467px 50%;
+	}
+	.ui-icon-alert {
+		background-position: 	-503px 50%;
+	}
+	.ui-icon-info {
+		background-position: 	-538px 50%;
+	}
+	.ui-icon-home {
+		background-position: 	-575px 50%;
+	}
+	.ui-icon-search,
+	.ui-icon-searchfield:after {
+		background-position: 	-611px 50%;
+	}
+	.ui-icon-checkbox-on {
+		background-position: 	-647px 50%;
+	}
+	.ui-icon-checkbox-off {
+		background-position: 	-683px 50%;
+	}
+	.ui-icon-radio-on {
+		background-position: 	-718px 50%;
+	}
+	.ui-icon-radio-off {
+		background-position: 	-754px 50%;
+	}
+	.ui-icon-bars {
+		background-position: 	-788px 50%;
+	
+	}.ui-icon-edit {
+		background-position: 	-824px 50%;
+	}
+}
+/* checks,radios */
+.ui-checkbox .ui-icon,
+.ui-selectmenu-list .ui-icon {
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+.ui-icon-checkbox-off,
+.ui-icon-radio-off {
+	background-color: transparent;	
+}
+.ui-checkbox-on .ui-icon,
+.ui-radio-on .ui-icon {
+	background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+}
+/* loading icon */
+.ui-icon-loading {
+	background: url(images/ajax-loader.gif);
+	background-size: 46px 46px;
+}
+/* Button corner class
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-corner-all {
+	-webkit-border-radius: 1em /*{global-radii-buttons}*/;
+	border-radius: 1em /*{global-radii-buttons}*/;
+}
+/* radius clip workaround for cleaning up corner trapping */
+.ui-corner-all,
+.ui-btn-corner-all {
+	-webkit-background-clip: padding;
+	background-clip: padding-box;
+}
+/* Overlay / modal
+-----------------------------------------------------------------------------------------------------------*/
+.ui-overlay {
+	background: #666;
+	filter: Alpha(Opacity=50);
+	opacity: .5;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+}
+.ui-overlay-shadow {
+	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
+	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
+	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
+}
+.ui-shadow {
+	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
+	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
+	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
+}
+.ui-bar-a .ui-shadow,
+.ui-bar-b .ui-shadow ,
+.ui-bar-c .ui-shadow  {
+	-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3);
+	-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3);
+	box-shadow: 0 1px 0 					rgba(255,255,255,.3);
+}
+.ui-shadow-inset {
+	-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
+	-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
+	box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
+}
+.ui-icon-shadow {
+	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+	box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+}
+/* Focus state - set here for specificity (note: these classes are added by JavaScript)
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn:focus, .ui-link-inherit:focus {
+	outline: 0;
+}
+.ui-btn.ui-focus {
+	z-index: 1;
+}
+.ui-focus,
+.ui-btn:focus {
+	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
+}
+.ui-input-text.ui-focus,
+.ui-input-search.ui-focus {
+	-moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
+	-webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
+	box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;	
+}
+/* unset box shadow in browsers that don't do it right
+-----------------------------------------------------------------------------------------------------------*/
+.ui-mobile-nosupport-boxshadow * {
+	-moz-box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+}
+/* ...and bring back focus */
+.ui-mobile-nosupport-boxshadow .ui-focus,
+.ui-mobile-nosupport-boxshadow .ui-btn:focus,
+.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
+	outline-width: 1px;
+	outline-style: auto;
+}
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/Psalmenweb.min.css b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/Psalmenweb.min.css
new file mode 100644
index 0000000..4cdb532
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/Psalmenweb.min.css
@@ -0,0 +1,12 @@
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+.ui-bar-a{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-a .ui-link-inherit{color:#3e3e3e ;}.ui-bar-a a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-a a.ui-link:visited{   color:#2489ce ;}.ui-bar-a a.ui-link:hover{color:#2489ce ;}.ui-bar-a a.ui-link:active{color:#2489ce ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-overlay-a{border:1px solid #545454 ;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background:#000000 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #000000 ),to( #000000 )); background-image:-webkit-linear-gradient( #000000,#000000 ); background-image:   -moz-linear-gradient( #000000,#000000 ); background-image:    -ms-linear-gradient( #000000,#000000 ); background-image:     -o-linear-gradient( #000000,#000000 ); background-image:        linear-gradient( #000000,#000000 );}.ui-overlay-a{background-image:none;border-width:0;}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#ffffff ;}.ui-body-a .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-a .ui-link:visited{   color:#2489ce ;}.ui-body-a .ui-link:hover{color:#2489ce ;}.ui-body-a .ui-link:active{color:#2489ce ;}.ui-btn-up-a{border:1px solid #1f1f1f ;background:#1f1f1f ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #222222 ),to( #1b1b1b )); background-image:-webkit-linear-gradient( #222222,#1b1b1b ); background-image:   -moz-linear-gradient( #222222,#1b1b1b ); background-image:    -ms-linear-gradient( #222222,#1b1b1b ); background-image:     -o-linear-gradient( #222222,#1b1b1b ); background-image:        linear-gradient( #222222,#1b1b1b );}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-hover-a{border:1px solid #232323 ;background:#232323 ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #262626 ),to( #1f1f1f )); background-image:-webkit-linear-gradient( #262626,#1f1f1f ); background-image:   -moz-linear-gradient( #262626,#1f1f1f ); background-image:    -ms-linear-gradient( #262626,#1f1f1f ); background-image:     -o-linear-gradient( #262626,#1f1f1f ); background-image:        linear-gradient( #262626,#1f1f1f );}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-down-a{border:1px solid #232323 ;background:#232323 ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #1f1f1f ),to( #262626 )); background-image:-webkit-linear-gradient( #1f1f1f,#262626 ); background-image:   -moz-linear-gradient( #1f1f1f,#262626 ); background-image:    -ms-linear-gradient( #1f1f1f,#262626 ); background-image:     -o-linear-gradient( #1f1f1f,#262626 ); background-image:        linear-gradient( #1f1f1f,#262626 );}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#ffffff ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-b .ui-link-inherit{color:#3e3e3e ;}.ui-bar-b a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-b a.ui-link:visited{   color:#2489ce ;}.ui-bar-b a.ui-link:hover{color:#2489ce ;}.ui-bar-b a.ui-link:active{color:#2489ce ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-overlay-b{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image:   -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image:    -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image:     -o-linear-gradient( #f9f9f9,#eeeeee ); background-image:        linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-b{background-image:none;border-width:0;}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#333333 ;}.ui-body-b .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-b .ui-link:visited{   color:#2489ce ;}.ui-body-b .ui-link:hover{color:#2489ce ;}.ui-body-b .ui-link:active{color:#2489ce ;}.ui-btn-up-b{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image:   -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image:    -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image:     -o-linear-gradient( #ffffff,#f1f1f1 ); background-image:        linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-b:visited,.ui-btn-up-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-b{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:   -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:    -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:     -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:        linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-b:visited,.ui-btn-hover-b:hover,.ui-btn-hover-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-b{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image:   -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image:    -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image:     -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image:        linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-b:visited,.ui-btn-down-b:hover,.ui-btn-down-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-c{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image:   -moz-linear-gradient( #f0f0f0,#dddddd ); background-image:    -ms-linear-gradient( #f0f0f0,#dddddd ); background-image:     -o-linear-gradient( #f0f0f0,#dddddd ); background-image:        linear-gradient( #f0f0f0,#dddddd );}.ui-bar-c .ui-link-inherit{color:#3e3e3e ;}.ui-bar-c a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-c a.ui-link:visited{   color:#2489ce ;}.ui-bar-c a.ui-link:hover{color:#2489ce ;}.ui-bar-c a.ui-link:active{color:#2489ce ;}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c,.ui-overlay-c{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image:   -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image:    -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image:     -o-linear-gradient( #f9f9f9,#eeeeee ); background-image:        linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-c{background-image:none;border-width:0;}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c .ui-link-inherit{color:#333333 ;}.ui-body-c .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-c .ui-link:visited{   color:#2489ce ;}.ui-body-c .ui-link:hover{color:#2489ce ;}.ui-body-c .ui-link:active{color:#2489ce ;}.ui-btn-up-c{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image:   -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image:    -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image:     -o-linear-gradient( #ffffff,#f1f1f1 ); background-image:        linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-c:visited,.ui-btn-up-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-c{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:   -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:    -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:     -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:        linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-c:visited,.ui-btn-hover-c:hover,.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-c{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image:   -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image:    -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image:     -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image:        linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-c:visited,.ui-btn-down-c:hover,.ui-btn-down-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #2373a5 ;background:#387bbe ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0  1px  0  #3373a5 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #5393c5 ),to( #6facd5 )); background-image:-webkit-linear-gradient( #5393c5,#6facd5 ); background-image:   -moz-linear-gradient( #5393c5,#6facd5 ); background-image:    -ms-linear-gradient( #5393c5,#6facd5 ); background-image:     -o-linear-gradient( #5393c5,#6facd5 ); background-image:        linear-gradient( #5393c5,#6facd5 ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active:visited,.ui-btn-active:hover,.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-all{-webkit-border-radius:.6em ;border-radius:.6em ;}.ui-br{border-color:rgb(130,130,130);border-color:rgba(130,130,130,.3);border-style:solid;}.ui-disabled{filter:Alpha(Opacity=30);opacity:.3;zoom:1;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-icon,.ui-icon-searchfield:after{background:#666666 ;background:rgba(0,0,0,.4) ;background-image:url(images/icons-18-white.png) ;background-repeat:no-repeat;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt .ui-icon,.ui-icon-alt .ui-icon-searchfield:after{background-color:#fff;background-color:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}.ui-icon-nodisc .ui-icon,.ui-icon-nodisc .ui-icon-searchfield:after,.ui-icon-nodisc .ui-icon-alt .ui-icon,.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after{background-color:transparent;}.ui-icon-plus{background-position:-1px -1px;}.ui-icon-minus{background-position:-37px -1px;}.ui-icon-delete{background-position:-73px -1px;}.ui-icon-arrow-r{background-position:-108px -1px;}.ui-icon-arrow-l{background-position:-144px -1px;}.ui-icon-arrow-u{background-position:-180px -1px;}.ui-icon-arrow-d{background-position:-216px -1px;}.ui-icon-check{background-position:-252px -1px;}.ui-icon-gear{background-position:-288px -1px;}.ui-icon-refresh{background-position:-323px -1px;}.ui-icon-forward{background-position:-360px -1px;}.ui-icon-back{background-position:-396px -1px;}.ui-icon-grid{background-position:-432px -1px;}.ui-icon-star{background-position:-467px -1px;}.ui-icon-alert{background-position:-503px -1px;}.ui-icon-info{background-position:-539px -1px;}.ui-icon-home{background-position:-575px -1px;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px -1px;}.ui-icon-checkbox-on{background-position:-647px -1px;}.ui-icon-checkbox-off{background-position:-683px -1px;}.ui-icon-radio-on{background-position:-718px -1px;}.ui-icon-radio-off{background-position:-754px -1px;}.ui-icon-bars{background-position:-788px -1px;}.ui-icon-edit{background-position:-824px -1px;}@media only screen and (-webkit-min-device-pixel-ratio:1.3),      only screen and (min--moz-device-pixel-ratio:1.3),      only screen and (min-resolution:200dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-bars,.ui-icon-edit,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:864px 18px;-o-background-size:864px 18px;-webkit-background-size:864px 18px;background-size:864px 18px;}.ui-icon-alt .ui-icon{background-image:url(images/icons-36-black.png);}.ui-icon-plus{background-position:0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-179px 50%;}.ui-icon-arrow-d{background-position:-215px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-287px 50%;}.ui-icon-refresh{background-position:-323px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-395px 50%;}.ui-icon-grid{background-position:-431px 50%;}.ui-icon-star{background-position:-467px 50%;}.ui-icon-alert{background-position:-503px 50%;}.ui-icon-info{background-position:-538px 50%;}.ui-icon-home{background-position:-575px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px 50%;}.ui-icon-checkbox-on{background-position:-647px 50%;}.ui-icon-checkbox-off{background-position:-683px 50%;}.ui-icon-radio-on{background-position:-718px 50%;}.ui-icon-radio-off{background-position:-754px 50%;}.ui-icon-bars{background-position:-788px 50%;}.ui-icon-edit{background-position:-824px 50%;}}.ui-checkbox .ui-icon,.ui-selectmenu-list .ui-icon{-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#387bbe ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}.ui-btn-corner-all{-webkit-border-radius:1em ;border-radius:1em ;}.ui-corner-all,.ui-btn-corner-all{-webkit-background-clip:padding;background-clip:padding-box;}.ui-overlay{background:#666;filter:Alpha(Opacity=50);opacity:.5;position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0 1px 3px  rgba(0,0,0,.2) ;-webkit-box-shadow:0 1px 3px  rgba(0,0,0,.2) ;box-shadow:0 1px 3px  rgba(0,0,0,.2) }.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.4) ;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4) ;box-shadow:0 1px 0 rgba(255,255,255,.4) ;}.ui-btn:focus,.ui-link-inherit:focus{outline:0;}.ui-btn.ui-focus{z-index:1;}.ui-focus,.ui-btn:focus{-moz-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe ;}.ui-input-text.ui-focus,.ui-input-search.ui-focus{-moz-box-shadow:0 0 12px #387bbe ;-webkit-box-shadow:0 0 12px #387bbe ;box-shadow:0 0 12px #387bbe ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus,.ui-mobile-nosupport-boxshadow .ui-btn:focus,.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus{outline-width:1px;outline-style:auto;}
\ No newline at end of file
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/ajax-loader.gif b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/ajax-loader.gif
new file mode 100644
index 0000000..fd1a189
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/ajax-loader.gif differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-18-black.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-18-black.png
new file mode 100644
index 0000000..7916463
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-18-black.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-18-white.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-18-white.png
new file mode 100644
index 0000000..3419b81
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-18-white.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-36-black.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-36-black.png
new file mode 100644
index 0000000..043bfcd
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-36-black.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-36-white.png b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-36-white.png
new file mode 100644
index 0000000..12455c9
Binary files /dev/null and b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/css/themes/images/icons-36-white.png differ
diff --git a/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/js/prefs.js b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/js/prefs.js
new file mode 100644
index 0000000..cc1f4a7
--- /dev/null
+++ b/Psalmenweb/target/psalmenweb-1.0.0-BUILD-SNAPSHOT/resources/js/prefs.js
@@ -0,0 +1,119 @@
+/**
+ * Manages preferences.
+ * 
+ * Preference list:
+ * 		T = text size, integer
+ * 		C = color, integer, 1 = white on black, 2 = black on white
+ */
+
+
+
+function loadPreferences() {
+	var prefs = docCookies.getItem("psalmenonlineprefs");
+	if (prefs == null) {
+		PREF_TEXTSIZE = parseInt($(".psalmverseheader").css("font-size"));
+		PREF_COLOR = 1;
+		return;
+	}
+	PREF_TEXTSIZE = prefs.split(';')[0];
+	PREF_COLOR = prefs.split(';')[1];
+
+}
+
+function setPreferences() {
+	$(".psalmverseheader").css("font-size", PREF_TEXTSIZE);
+	$(".psalmline").css("font-size", PREF_TEXTSIZE);
+	
+	if (PREF_COLOR == 2) {
+		$("div[data-role=page]").removeClass("ui-body-a");
+		$("div[data-role=page]").addClass("ui-body-b");
+	}
+}
+
+function switchColors() {
+	if (PREF_COLOR == 1) {
+		PREF_COLOR = 2;
+		$("div[data-role=page]").removeClass("ui-body-a");
+		$("div[data-role=page]").addClass("ui-body-b");		
+	} else {
+		PREF_COLOR = 1;
+		$("div[data-role=page]").removeClass("ui-body-b");
+		$("div[data-role=page]").addClass("ui-body-a");
+	}
+	savePreferences();
+}
+
+function savePreferences() {
+	var prefs = PREF_TEXTSIZE + ";" + PREF_COLOR;
+	docCookies.setItem("psalmenonlineprefs", prefs, Infinity);
+}
+
+function bindListeners() {
+	$(document).on("click", "a#bw", switchColors);
+}
+
+
+
+/*\
+|*|
+|*|  :: cookies.js ::
+|*|
+|*|  A complete cookies reader/writer framework with full unicode support.
+|*|
+|*|  Revision #1 - September 4, 2014
+|*|
+|*|  https://developer.mozilla.org/en-US/docs/Web/API/document.cookie
+|*|  https://developer.mozilla.org/User:fusionchess
+|*|
+|*|  This framework is released under the GNU Public License, version 3 or later.
+|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
+|*|
+|*|  Syntaxes:
+|*|
+|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
+|*|  * docCookies.getItem(name)
+|*|  * docCookies.removeItem(name[, path[, domain]])
+|*|  * docCookies.hasItem(name)
+|*|  * docCookies.keys()
+|*|
+\*/
+
+var docCookies = {
+  getItem: function (sKey) {
+    if (!sKey) { return null; }
+    return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
+  },
+  setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
+    if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; }
+    var sExpires = "";
+    if (vEnd) {
+      switch (vEnd.constructor) {
+        case Number:
+          sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd;
+          break;
+         case String:
+          sExpires = "; expires=" + vEnd;
+          break;
+        case Date:
+          sExpires = "; expires=" + vEnd.toUTCString();
+          break;
+      }
+    }
+    document.cookie = encodeURIComponent(sKey) + "=" + encodeURIComponent(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : "");
+    return true;
+  },
+  removeItem: function (sKey, sPath, sDomain) {
+    if (!this.hasItem(sKey)) { return false; }
+    document.cookie = encodeURIComponent(sKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "");
+    return true;
+  },
+  hasItem: function (sKey) {
+    if (!sKey) { return false; }
+    return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie);
+  },
+  keys: function () {
+    var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/);
+    for (var nLen = aKeys.length, nIdx = 0; nIdx < nLen; nIdx++) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); }
+    return aKeys;
+  }
+};
\ No newline at end of file
diff --git a/Psalmenweb/target/test-classes/log4j.xml b/Psalmenweb/target/test-classes/log4j.xml
new file mode 100644
index 0000000..c3863d2
--- /dev/null
+++ b/Psalmenweb/target/test-classes/log4j.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE log4j:configuration PUBLIC "-//APACHE//DTD LOG4J 1.2//EN" "log4j.dtd">
+<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
+
+	<!-- Appenders -->
+	<appender name="console" class="org.apache.log4j.ConsoleAppender">
+		<param name="Target" value="System.out" />
+		<layout class="org.apache.log4j.PatternLayout">
+			<param name="ConversionPattern" value="%-5p: %c - %m%n" />
+		</layout>
+	</appender>
+	
+	<!-- Application Loggers -->
+	<logger name="org.tenvoorde.psalmenweb">
+		<level value="info" />
+	</logger>
+	
+	<!-- 3rdparty Loggers -->
+	<logger name="org.springframework.core">
+		<level value="info" />
+	</logger>	
+	
+	<logger name="org.springframework.beans">
+		<level value="info" />
+	</logger>
+	
+	<logger name="org.springframework.context">
+		<level value="info" />
+	</logger>
+
+	<logger name="org.springframework.web">
+		<level value="info" />
+	</logger>
+
+	<!-- Root Logger -->
+	<root>
+		<priority value="info" />
+		<appender-ref ref="console" />
+	</root>
+	
+</log4j:configuration>