Update documentation page

Change-Id: I82a4e2b9afcf7c2ff53e9ef0e3b583e3ad524846
Signed-off-by: Markus Duft <markus.duft@ssi-schaefer.com>
diff --git a/css/style.css b/css/style.css
index c7fc252..6b3d216 100644
--- a/css/style.css
+++ b/css/style.css
@@ -88,6 +88,10 @@
 	height: auto;
 }
 
+.modal-lg {
+	width: 900px;
+}
+
 em {
 	font-style: italic;
 }
diff --git a/documentation/images/tea-arch.png b/documentation/images/tea-arch.png
new file mode 100644
index 0000000..1dd16c5
--- /dev/null
+++ b/documentation/images/tea-arch.png
Binary files differ
diff --git a/documentation/index.html b/documentation/index.html
index bc0f374..92dc508 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -50,7 +50,7 @@
 
 </header>
 
-<img style="position: fixed; top: 0; right: 0; margin-top: 65px; z-index:1000; border: 0; " src="images/incubation.png"/>
+<img style="position: fixed; top: 0; right: 0; margin-top: 65px; z-index:1000; border: 0; " src="/tea/images/incubation.png"/>
 
 <div id="page">
 	<div class="container">
@@ -62,6 +62,29 @@
 				</p>
 			</div>
 		</div>
+		<div id="tea-arch" class="modal fade" tabindex="-1" role="dialog">
+			<div class="modal-dialog">
+				<div class="modal-content">
+					<div class="modal-header">
+						<button type="button" class="close" data-dismiss="modal">&times;</button>
+        				<h3 class="modal-title">TEA Architecture Overview</h3>
+					</div>
+					<div class="modal-body">
+						<img class="img-responsive" src="images/tea-arch.png"/>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="span8">
+				<p>
+					Until then, only this architecture overview is available:<br>
+				</p>
+			</div>
+			<div class="span4">
+				<a class="thumbnail" href="#" data-toggle='modal' data-target='#tea-arch'><img src="images/tea-arch.png" alt="TEA Architecture Overview"/></a>
+			</div>
+		</div>
 	</div>
 </div>