MOA-ID 1.9.951.9.95-SNAPSHOT

  --change BKU selection templates and SendAssertion Templates to responsive design. Therefore, OA parameter "useIframe" is not required anymore.

3 files changed, 152 insertions, 402 deletions

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">