From dfd1a56545a4099ae1a38fb51d62058b0e252135 Mon Sep 17 00:00:00 2001
From: Thomas Lenz <tlenz@iaik.tugraz.at>
Date: Mon, 9 Sep 2013 15:22:52 +0200
Subject: MOA-ID 1.9.95

  --change BKU selection templates and SendAssertion Templates to responsive design. Therefore, OA parameter "useIframe" is not required anymore.
---
 id/server/auth/src/main/webapp/css/index.css       | 220 +++++++++-----
 id/server/auth/src/main/webapp/index.html          | 330 +--------------------
 .../auth/src/main/webapp/template_onlineBKU.html   |   4 +-
 3 files changed, 152 insertions(+), 402 deletions(-)

(limited to 'id/server/auth/src')

diff --git a/id/server/auth/src/main/webapp/css/index.css b/id/server/auth/src/main/webapp/css/index.css
index 2af88f24a..e57bcc99a 100644
--- a/id/server/auth/src/main/webapp/css/index.css
+++ b/id/server/auth/src/main/webapp/css/index.css
@@ -1,19 +1,158 @@
 @charset "utf-8";
 
+@media screen and (min-width: 650px) {
+
+	body {
+		margin:0;
+		padding:0;
+		color : #000;
+		background-color : #fff;
+		font-family : Verdana, Geneva, Arial, sans-serif;
+		font-size:76%;
+  	text-align: center;
+  	background-color: #6B7B8B;
+	}
+	
+  #page {
+    display: block;
+    border: 2px solid rgb(0,0,0);
+    width: 650px;
+    height: 440px;
+    margin: 0 auto;
+    margin-top: 5%;
+    position: relative;
+    border-radius: 25px;
+    background: rgb(255,255,255);
+  }
+  
+  #page1 {
+    text-align: center;
+  }
+  
+  #main {
+    /*	clear:both; */
+	  position:relative;
+    margin: 0 auto;
+    width: 250px;
+    text-align: center;
+  }
+  
+  .OA_header {
+/*	  background-color: white;*/
+    font-size: 20pt;
+    margin-bottom: 25px;
+    margin-top: 25px;
+  }
+
+  #leftcontent {
+    /*float:left; */
+	  width:250px;
+	  margin-bottom: 25px;
+    text-align: left;
+    border: 1px solid rgb(0,0,0);
+  }
+  
+  h2#tabheader.full {
+		padding:5px;
+	  font-size:20px;
+	  color:#fff;
+	  border-bottom:2px solid #fff;
+  }
+  
+  #selectArea.full {
+	 font-size: 15px;
+	 padding-bottom: 65px;
+  }
+
+  #leftcontent.full {
+	 width: 400px;
+	 margin-top: 30px;
+  }
+
+  #main.full {
+    width: 400px;
+  }
+  
+  .setAssertionButton_full {
+  	background: #efefef;
+	  cursor: pointer;
+	  margin-top: 15px;
+    width: 100px;
+    height: 30px
+  }
+
+  #leftbutton.full  {
+	 width: 30%; 
+	 float:left; 
+	 margin-left: 40px;
+  }
+
+  #rightbutton.full {
+	 width: 30%; 
+	 float:right; 
+	 margin-right: 45px; 
+	 text-align: right;
+  }
+
+}
+
+@media screen and (max-width: 649px) {
+	
+	body {
+		margin:0;
+		padding:0;
+		color : #000;
+		background-color : #fff;
+		font-family : Verdana, Geneva, Arial, sans-serif;
+		font-size:76%;
+  	text-align: center;
+  	background-color: #FFFFFF;
+	}
+	
+  #page {
+     visibility: hidden;
+     margin-top: 0%;
+     
+  }
+  
+  #page1 {
+    visibility: hidden;
+  }
+  
+  #main {
+    visibility: hidden;
+  }
+  
+  .OA_header {
+    margin-bottom: 0px;
+    margin-top: 0px;
+    font-size: 0pt;
+    visibility: hidden;
+  }
+
+  #leftcontent {
+    visibility: visible;
+    margin-bottom: 0px;
+    text-align: left;
+    border:none;
+    width:250px;
+  }
+  
+  .setAssertionButton_full {
+     	background: #efefef;
+	    cursor: pointer;
+	    margin-top: 15px;
+      width: 70px;
+      height: 25px;
+    }
+}
+
 * {
 	margin:0;
 	padding:0;
 	border:0;
 }
 
-body {
-	margin:0;
-	padding:0;
-	color : #000;
-	background-color : #fff;
-	font-family : Verdana, Geneva, Arial, sans-serif;
-	font-size:76%;
-}
 
 /*  skiplink */
 
@@ -73,20 +212,8 @@ p#skiplinks  a:active {
 	float:right;
 }
 
-#main {
-	clear:both;
-	position:relative;
-	margin-left: 45%;
-}
-
 /* left */
 
-#leftcontent {
-	float:left;
-	width:250px;
-	margin-bottom: 25px;
-}
-
 .iframebkuselection {
 	text-align: center;
 	padding-bottom: 25px;
@@ -103,33 +230,12 @@ h2#tabheader, h2#contentheader {
 	border-bottom:2px solid #fff;
 }
 
-h2#tabheader.full {
-		padding:5px;
-	  font-size:20px;
-	  color:#fff;
-	  border-bottom:2px solid #fff;
-}
-
 #selectArea {
 	padding-top: 10px;
 	padding-bottom: 55px;
 	padding-left: 10px;
 }
 
-#selectArea.full {
-	font-size: 15px;
-	padding-bottom: 65px;
-}
-
-#leftcontent.full {
-	width: 400px;
-	margin-top: 30px;
-}
-
-#main.full {
-	margin-left: 35%;
-}
-
 .setAssertionButton {
 	background: #efefef;
 	cursor: pointer;
@@ -138,14 +244,6 @@ h2#tabheader.full {
   height: 25px;
 }
 
-.setAssertionButton_full {
-	background: #efefef;
-	cursor: pointer;
-	margin-top: 15px;
-  width: 100px;
-  height: 30px
-}
-
 #leftbutton  {
 	width: 35%; 
 	float:left; 
@@ -159,19 +257,6 @@ h2#tabheader.full {
 	text-align: right;
 }
 
-#leftbutton.full  {
-	width: 30%; 
-	float:left; 
-	margin-left: 40px;
-}
-
-#rightbutton.full {
-	width: 30%; 
-	float:right; 
-	margin-right: 45px; 
-	text-align: right;
-}
-
 #stork {
     margin-bottom: 10px;
     margin-top: 5px;
@@ -273,7 +358,8 @@ input {
 }
 
 iframe {
-	width:220px;
+	width:250px;
+	height: 180px
 }
 
 /* right */
@@ -347,14 +433,6 @@ p {
 	color: white;
 }
 
-.OA_header {
-	  background-color: white;
-    font-size: 20pt;
-    margin-bottom: 25px;
-    margin-left: 25%;
-    margin-top: 25px;
-}
-
 .main_header {
    color: black;
     font-size: 32pt;
diff --git a/id/server/auth/src/main/webapp/index.html b/id/server/auth/src/main/webapp/index.html
index 83b4ee418..eee3cd69a 100644
--- a/id/server/auth/src/main/webapp/index.html
+++ b/id/server/auth/src/main/webapp/index.html
@@ -3,340 +3,12 @@
     <head>
         <!-- [OPTIONAL] Aendern Sie hier den Titel der Seite -->
         <title>
-           MOA-Template zur B&uuml;rgerkartenauswahl (Musterseite)
+           MOA-ID 2.0 Mainpage
         </title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         <meta http-equiv="Content-Style-Type" content="text/css">
-        <link rel="stylesheet" type="text/css" href="css/index.css">
-        <script type="text/javascript">
-			// [MUSS] Geben Sie hier die URL zum Aufruf von MOA-ID an
-            // z.B.: https://yoururl.at/moa-id-auth/StartAuthentication?Target=IT&OA=https://youronlineapplication.at
-			var MOA_ID_STARTAUTHENTICATION = "[MOA_ID_STARTAUTHENTICATION]";			
-			
-			// [MUSS] Geben Sie hier die URL zum MOA-ID Template fuer die lokale BKU an
-            // z.B.: https://yoururl.at/moa-id-auth/template_localBKU.html
-			var URL_TO_LOKALBKU_TEMPLATE = "[URL_TO_LOKALBKU_TEMPLATE]";
-			
-			
-			window.onload=function() {
-				
-				document.getElementById("localBKU").style.display="none";
-				return;
-        	}
 
-	        function bkuOnlineClicked() {
-				<!-- [OPTIONAL] Um die lokale BKU auszublenden, ersetzen Sie in der folgenden Zeile "block" durch "none" -->
-				document.getElementById("localBKU").style.display="block"; 
-				
-				document.getElementById("moaidform").action = MOA_ID_STARTAUTHENTICATION;
-				document.getElementById("Template").value = URL_TO_LOKALBKU_TEMPLATE;
-				
-				document.getElementById("useMandate").value = "false";
-				var checkbox = document.getElementById("mandateCheckBox")
-				if (checkbox !=  null) {
-					if (document.getElementById("mandateCheckBox").checked) {
-						document.getElementById("useMandate").value = "true";
-					}
-				}
-									
-		        var el = document.getElementById("bkulogin");
-        		var parent = el.parentNode;
-
-				var iFrameURL = "iframeOnlineBKU.html" + "?";
-				iFrameURL += "useMandate=" + document.getElementById("useMandate").value;				
-
-				var iframe = document.createElement("iframe");
-		        iframe.setAttribute("src", iFrameURL);
-		        iframe.setAttribute("width", "220");
-		        iframe.setAttribute("height", "165");
-		        iframe.setAttribute("frameborder", "0");
-		        iframe.setAttribute("scrolling", "no");
-		        iframe.setAttribute("title", "Login");
-
-		        parent.replaceChild(iframe, el);
-        	}
-        	        
-        	function bkuHandyClicked() {
-	        	document.getElementById("localBKU").style.display="none";
-
-	        	document.getElementById("useMandate").value = "false";
-				var checkbox = document.getElementById("mandateCheckBox")
-				if (checkbox !=  null) {
-					if (document.getElementById("mandateCheckBox").checked) {
-						document.getElementById("useMandate").value = "true";
-					}
-				}
-				
-	            var el = document.getElementById("bkulogin");
-	    	    var parent = el.parentNode;
-
-				var iFrameURL = "iframeHandyBKU.html" + "?";
-				iFrameURL += "useMandate=" + document.getElementById("useMandate").value;
-
-	    	    var iframe = document.createElement("iframe");
-		        iframe.setAttribute("src", iFrameURL);
-	    	    iframe.setAttribute("width", "220");
-	        	iframe.setAttribute("height", "159");
-		        iframe.setAttribute("frameborder", "0");
-	        	iframe.setAttribute("scrolling", "no");
-	    	    iframe.setAttribute("title", "Login");
-	
-			    parent.replaceChild(iframe, el);
-			}
-	
-        	function storkClicked() {				
-				document.getElementById("localBKU").style.display="block"; 
-				
-				document.getElementById("moaidform").action = MOA_ID_STARTAUTHENTICATION;
-				document.getElementById("Template").value = URL_TO_LOKALBKU_TEMPLATE;
-				
-				document.getElementById("useMandate").value = "false";
-				var checkbox = document.getElementById("mandateCheckBox")
-				if (checkbox !=  null) {
-					if (document.getElementById("mandateCheckBox").checked) {
-						document.getElementById("useMandate").value = "true";
-					}
-				}
-
-				var ccc = "AT";
-				var countrySelection = document.getElementById("cccSelection");
-				
-				if (countrySelection !=  null) {
-					ccc = document.getElementById("cccSelection").value;
-				}
-					
-		        var el = document.getElementById("bkulogin");
-        		var parent = el.parentNode;
-
-				var iFrameURL = "iframeOnlineBKU.html" + "?";
-				iFrameURL += "use=" + document.getElementById("useMandate").value + "&";
-				iFrameURL += "ccc=" + ccc;
-
-				var iframe = document.createElement("iframe");
-		        iframe.setAttribute("src", iFrameURL);
-		        iframe.setAttribute("width", "220");
-		        iframe.setAttribute("height", "165");
-		        iframe.setAttribute("frameborder", "0");
-		        iframe.setAttribute("scrolling", "no");
-		        iframe.setAttribute("title", "Login");
-
-		        parent.replaceChild(iframe, el);
-        	}
-			
-        </script>
     </head>
     <body>
-        <div id="wrapper">
-            <p id="skiplinks">
-                <a href="#content">Zum Inhalt springen</a>            
-			</p>
-			<div id="banner">
-                <!-- [OPTIONAL] Aendern Sie hier die Titelueberschrift der Seite) -->
-                <div id="bannerleft">
-                    <h1>MOA-Template zur B&uuml;rgerkartenauswahl (Musterseite)</h1>
-              </div>                
-                <!-- [OPTIONAL] Aendern Sie hier das Logo der Seite (und Alternativtext fuer das Bild) -->
-              <div id="bannerright">
-                    <img src="img/logo.jpg" alt="Logo">                
-                 </div>
-            </div>
-			<div id="main">
-                <div id="leftcontent">
-                    <h2 id="tabheader" class="dunkel">
-                        Login mit B&uuml;rgerkarte                    
-                    </h2>
-                    <div id="bkulogin" class="hell">
-                 	   <!-- No-Script Variante, wenn im Browser JavaScript deaktiviert ist -->
-	                    <!-- Defaulteinstellung: No-Script Variante mit Anmeldung via lokaler BKU oder Handysignatur ohne Vollmacht -->
-    	                <noscript>
-        	                Kein JavaScript aktiviert!
-                        
-							<!-- [OPTIONAL] kommentieren sie folgende entsprechenden Blöcke aus, wenn Sie keine No-Script Variante anbieten möchten oder nur bestimmte BKU/Vollmachten Varianten anzeigen möchten -->
-                        
-                	        <!-- Block "KARTE": Anmeldung mit lokaler BKU *ohne* Vollmacht (No-Script Variante) -->
-                    	    <!-- [MUSS] Geben Sie hier die URL zum Aufruf von MOA-ID an (inkl. Template-URL, bkuURI und useMandate Parameter!) -->			         
-                        	<!-- z.B.: https://yoururl.at/moa-id-auth/StartAuthentication?Target=IT&OA=https://youronlineapplication.at&Template=https://yoururl.at/moa-id-auth/template_localBKU.html&bkuURI=https://127.0.0.1:3496/https-security-layer-request&useMandate=false -->
-			                <a href="[MOA_ID_STARTAUTHENTICATION]&Template=[URL_TO_LOKALBKU_TEMPLATE]&bkuURI=https://127.0.0.1:3496/https-security-layer-request&useMandate=false">					
-    	                    	<div id="bkukarte" class="hell">
-        	                		<button name="bkuButton" type="button">KARTE</button>
-	        	                </div>
-                	        </a>                	        
-                	        
-                        
-                    	    <!-- Block "KARTE+Vollmacht": Anmeldung mit lokaler BKU *mit* Vollmacht (No-Script Variante) -->
-                        	<!-- [MUSS] Geben Sie hier die URL zum Aufruf von MOA-ID an (inkl. Template-URL, bkuURI und useMandate Parameter!) -->
-		                    <!-- z.B.: https://yoururl.at/moa-id-auth/StartAuthentication?Target=IT&OA=https://youronlineapplication.at&Template=https://yoururl.at/moa-id-auth/template_localBKU.html&bkuURI=https://127.0.0.1:3496/https-security-layer-request&useMandate=true -->
-		                    <!-- <a href="[MOA_ID_STARTAUTHENTICATION]&Template=[URL_TO_LOKALBKU_TEMPLATE]&bkuURI=https://127.0.0.1:3496/https-security-layer-request&useMandate=true">					
-        	                	<div id="bkukarte" class="hell">
-            	            		<button name="bkuButton" type="button">KARTE+<br>Vollmacht</button>
-	            	            </div>
-                    	    </a> -->
-
-                        
-							<!-- Block "HANDY": Anmeldung mit Handysignatur *ohne* Vollmacht (No-Script Variante) -->
-		                    <!-- [MUSS] Geben Sie hier die URL zum Aufruf von MOA-ID an (inkl. Template-URL, bkuURI und useMandate Parameter!) -->
-   		                    <!-- z.B.: https://yoururl.at/moa-id-auth/StartAuthentication?Target=IT&OA=https://youronlineapplication.at&Template=https://yoururl.at/moa-id-auth/template_handyBKU.html&bkuURI=https://www.handy-signatur.at/mobile/https-security-layer-request/default.aspx&useMandate=false -->
-							<a href="[MOA_ID_STARTAUTHENTICATION]&Template=[URL_TO_HANDYSIGNATUR_TEMPLATE]&bkuURI=https://www.handy-signatur.at/mobile/https-security-layer-request/default.aspx&useMandate=false">
-								<div id="bkuhandy" class="hell">
-		                          	<button name="bkuButton" type="button">HANDY</button>
-								</div>
-							</a>
-                        
-	                        <!-- Block "HANDY+Vollnacht": Anmeldung mit Handysignatur *mit* Vollmacht (No-Script Variante) -->
-		                    <!-- [MUSS] Geben Sie hier die URL zum Aufruf von MOA-ID an (inkl. Template-URL, bkuURI und useMandate Parameter!) -->
-   	    	                <!-- z.B.: https://yoururl.at/moa-id-auth/StartAuthentication?Target=IT&OA=https://youronlineapplication.at&Template=https://yoururl.at/moa-id-auth/template_handyBKU.html&bkuURI=https://www.handy-signatur.at/mobile/https-security-layer-request/default.aspx&useMandate=true -->
-							<!-- <a href="[MOA_ID_STARTAUTHENTICATION]&Template=[URL_TO_HANDYSIGNATUR_TEMPLATE]&bkuURI=https://www.handy-signatur.at/mobile/https-security-layer-request/default.aspx&useMandate=true">
-								<div id="bkuhandy" class="hell">
-		                          	<button name="bkuButton" type="button">HANDY</button>
-								</div>
-	                        </a> -->
-
-
-	                    	<!-- Block "Ausländische Identitäten bzw. STORK": Länderauswahl für Anmeldung ausländischer Identitäten über STORK oder lokale BKU(No-Script Variante) -->
-		                    <!-- [MUSS] Geben Sie im Feld "action" die URL zum Aufruf von MOA-ID an (inkl. Template-URL und bkuURI) -->
-   	    	                <!-- z.B.: https://yoururl.at/moa-id-auth/StartAuthentication?Target=IT&OA=https://youronlineapplication.at&Template=https://yoururl.at/moa-id-auth/template_localBKU.html&bkuURI=https://127.0.0.1:3496/https-security-layer-request -->							
-							<div id="leftcontent" style="margin-bottom:10px">
-		                    	<h2 id="tabheader" class="dunkel">
-    		                    	Home Country Selection                    
-	        		            </h2>
-    	            	    </div>
-        	                <div id="stork" class="hell" align="center"> 
-                           		<p>
-            	                	<form name="storkForm" method="POST" action="[MOA_ID_STARTAUTHENTICATION]&Template=[URL_TO_LOKALBKU_TEMPLATE]&bkuURI=https://127.0.0.1:3496/https-security-layer-request">
-       	    	                		<select name="CCC" size="1" style="width:120px">
-           		                			<option value="BE">België/Belgique</option>
-											<option value="EE">Eesti</option>
-											<option value="ES">España</option>
-											<option value="IS">Ísland</option>																						
-											<option value="IT">Italia</option>
-											<option value="LI">Liechtenstein</option>
-											<option value="LT">Lithuania</option>
-											<option value="PT">Portugal</option>
-											<option value="SI">Slovenija</option>
-											<option value="FI">Suomi</option>
-											<option value="SE">Sverige</option>													  
-    		                        	</select>
-    		                        	<input type="submit" name="storkButton" value="Send" alt="Send" class="button"/>            		                	
-                	                    <a href="info_stork.html" target="_blank" class="infobutton" style="color:#FFF">i</a>
-									</form>
-                                </p>
-							</div>
-							
-                   		</noscript>
-                    <script>
-                    	<!-- [OPTIONAL] Um die Anmeldung mit Vollmachten auszublenden, kommentieren Sie folgende fünf Zeilen aus -->
-						document.write("<div id=\"mandate\">");
-                    		document.write("<input tabindex=\"1\" type=\"checkbox\" name=\"Mandate\" style=\"vertical-align: middle; margin-right: 5px;\" id=\"mandateCheckBox\">");
-								document.write("<label>in Vertretung anmelden</label>");
-                      	document.write(" <a href=\"info_mandates.html\" target=\"_blank\" class=\"infobutton\" style=\"color:#FFF\">i</a>");
-                    	document.write("</div> ");
-                    
-                    	<!-- [OPTIONAL] Um die Online BKU auszublenden, kommentieren sie folgende drei Zeilen aus aus -->
-                        document.write("<div id=\"bkukarte\" class=\"hell\">");     
-                            document.write("<button name=\"bkuButton\" type=\"button\" onClick=\"bkuOnlineClicked();\" tabindex=\"2\">KARTE</button>");
-                        document.write("</div>");
-						
-						<!-- [OPTIONAL] Um die Handysignatur auszublenden, kommentieren sie folgende drei Zeilen aus aus -->
-                        document.write("<div id=\"bkuhandy\" class=\"hell\">");
-                            document.write("<button name=\"bkuButton\" type=\"button\" onClick=\"bkuHandyClicked();\" tabindex=\"3\">HANDY</button>");
-                        document.write("</div>");
-                        
-                       
-						
-                        <!-- [OPTIONAL] Um die Anmeldung von ausländischen Identitäten auszublenden, kommentieren Sie folgende Zeilen aus -->
-						document.write("<div id=\"leftcontent\" style=\"margin-bottom:10px\">");
-							document.write("<h2 id=\"tabheader\" class=\"dunkel\">");
-								document.write("Home Country Selection");
-							document.write("</h2>");
-						document.write("</div>");
-						document.write("<div id=\"stork\" class=\"hell\" align=\"center\">");
-							document.write("<p>");								
-		   	    	            	document.write("<select name=\"cccSelection\" id=\"cccSelection\" size=\"1\" style=\"width: 120px; margin-right: 5px;\" >");
-        	   		                	document.write("<option value=\"BE\">België/Belgique</option>");    
-				                        document.write("<option value=\"EE\">Eesti</option>");
-    	        	                  	document.write("<option value=\"ES\">España</option>");
-    	        	                  	document.write("<option value=\"IS\">Ísland</option>");    
-				                        document.write("<option value=\"IT\">Italia</option>");
-    	        	                  	document.write("<option value=\"LI\">Liechtenstein</option>");
-    	        	                  	document.write("<option value=\"LT\">Lithuania</option>");    
-				                        document.write("<option value=\"PT\">Portugal</option>");
-    	        	                  	document.write("<option value=\"SI\">Slovenija</option>");
-    	        	                  	document.write("<option value=\"FI\">Suomi</option>");    
-				                        document.write("<option value=\"SE\">Sverige</option>");				                                	        	                  
-	   	            	            document.write("</select>");
-	   	            	         	document.write("<button name=\"bkuButton\" type=\"button\" onClick=\"storkClicked();\">Send</button>");
-									document.write(" <a href=\"info_stork.html\" target=\"_blank\" class=\"infobutton\" style=\"color:#FFF\">i</a>");								
-							document.write("</p>");
-						document.write("</div>");
-						
-                    </script>
-                    </div>
-
-                    
-                    
-s
-                    <div id="localBKU" style="display:none" class="hell">
-                        <hr>
-                        <form method="post" id="moaidform">
-                            <input type="hidden" name="show" value="false"> 
-                            <input type="hidden" name="Template" id="Template">
-                            <input type="hidden" name="bkuURI" value="https://127.0.0.1:3496/https-security-layer-request">
-                            <input type="hidden" name="useMandate" id="useMandate">
-                            <input type="hidden" name="CCC" id="ccc">  
-                            <input type="submit" size="400" value="Lokale BKU" class="sendButton">
-                        </form>
-                        <p>
-                            <small>Alternativ k&ouml;nnen Sie eine lokal installierte BKU verwenden.</small>                        
-                        </p>
-                    </div>
-                    
-                    <div id="tab" class="hell">
-                        <a href="info_bk.html" class="link_nav">Informationen zur B&uuml;rgerkarte</a>                    
-                    </div>
-                    
-                    <div id="navlist" class="hell">
-                        <ul>
-                            <li>
-                                <a href="http://www.buergerkarte.at" target="_blank">B&uuml;rgerkarte.at</a>                            
-                            </li>
-                            <li>
-                                <a href="http://www.digitales.oesterreich.gv.at/" target="_blank">Digitales &Ouml;sterreich</a>                            
-                            </li>
-                            <li>
-                                <a href="http://www.a-sit.at/" target="_blank">A-SIT</a>                            
-                            </li>
-                            <li>
-                                <a href="http://www.a-trust.at/" target="_blank">A-Trust</a>                            
-                            </li>
-                            <li>
-                                <a href="http://www.egiz.gv.at/" target="_blank">EGIZ</a>                            
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-
-                <div id="rightcontent">
-                    <p>
-                        <a href="http://www.buergerkarte.at/aktivieren.de.php" target="_blank"><img src="img/bk_aktivieren.jpg" border="0" alt="B6uuml;rgerkarte aktivieren" width="210"></a>                    
-                    </p>                   
-                </div>
-
-                <div id="centercontent">
-
-                    <h2 id="contentheader" class="dunkel">
-                        Hinweise zum MOA-Template
-                    </h2>
-
-                    <div id="content" class="hell">
-                        <p>
-                        	Eine Anleitung zur Nutzung des MOA-Template finden Sie hier: <a href="BKAuswahl-MOA-Template-Howto.pdf" target="_blank">BKAuswahl-MOA-Template-Howto.pdf (PDF, 190B)</a>.
-                        So m&uuml;ssen vor einem Login noch die Parameter für den MOA-ID Aufruf angegeben werden.</p>                        	
-                        <p>
-                        	Diese Musterseite erf&uuml;llt die Richtlinie f&uuml;r barrierefreie Webinhalte 2.0 (WCAG 2.0 des W3C) Stufe AA. Das Pr&uuml;fprotokoll hierzu finden Sie hier: <a href="WCAG-Pruefprotokoll.pdf" target="_blank">Pruefprotokoll.pdf (PDF, 705kB)</a>.
-                        </p>
-   	            	</div>
-                </div>
-            </div>
-    	</div>
     </body>
 </html>
\ No newline at end of file
diff --git a/id/server/auth/src/main/webapp/template_onlineBKU.html b/id/server/auth/src/main/webapp/template_onlineBKU.html
index dceae1a75..7e3fbc99c 100644
--- a/id/server/auth/src/main/webapp/template_onlineBKU.html
+++ b/id/server/auth/src/main/webapp/template_onlineBKU.html
@@ -19,8 +19,8 @@
 			<input type="hidden" name="PushInfobox" value="<PushInfobox>">
 		
 			<!-- Angabe der Parameter fuer die Online-BKU -->
-			<input type="hidden" name="appletWidth" value="220">
-			<input type="hidden" name="appletHeight" value="140">
+			<input type="hidden" name="appletWidth" value="250">
+			<input type="hidden" name="appletHeight" value="160">
 			
 			<!-- [OPTIONAL] Aendern Sie hier die Hintergrundfarbe der Online-BKU -->
 	      <input type="hidden" name="appletBackgroundColor" value="#DDDDDD">
-- 
cgit v1.2.3