BKU Auswahl in Kontext von MOA-ID für standardkonforme Variante

22 files changed, 1312 insertions, 3 deletions

diff --git a/id/server/auth/src/main/webapp/WEB-INF/web.xml b/id/server/auth/src/main/webapp/WEB-INF/web.xml
index f2235b91f..68fb1c6c6 100644
--- a/id/server/auth/src/main/webapp/WEB-INF/web.xml
+++ b/id/server/auth/src/main/webapp/WEB-INF/web.xml
@@ -9,6 +9,12 @@
 		<description>Select Bürgerkartenartenumgebung</description>
 		<servlet-class>at.gv.egovernment.moa.id.auth.servlet.SelectBKUServlet</servlet-class>
 	</servlet>
+		<servlet>
+		<servlet-name>GenerateIframeTemplate</servlet-name>
+		<display-name>GenerateIframeTemplate</display-name>
+		<description>Generate BKU Request template</description>
+		<servlet-class>at.gv.egovernment.moa.id.auth.servlet.GenerateIFrameTemplateServlet</servlet-class>
+	</servlet>	
 	<servlet>
 		<servlet-name>StartAuthentication</servlet-name>
 		<display-name>StartAuthentication</display-name>
@@ -130,9 +136,13 @@
 		<url-pattern>/SelectBKU</url-pattern>
 	</servlet-mapping>
 	<servlet-mapping>
+		<servlet-name>GenerateIframeTemplate</servlet-name>
+		<url-pattern>/GenerateIframeTemplate</url-pattern>
+	</servlet-mapping>GenerateIframeTemplate
+<!-- 	<servlet-mapping>
 		<servlet-name>StartAuthentication</servlet-name>
 		<url-pattern>/StartBKUAuthentication</url-pattern>
-	</servlet-mapping>
+	</servlet-mapping> -->
 	<servlet-mapping>
 		<servlet-name>VerifyIdentityLink</servlet-name>
 		<url-pattern>/VerifyIdentityLink</url-pattern>
diff --git a/id/server/auth/src/main/webapp/css/2.0/stammzahl.css b/id/server/auth/src/main/webapp/css/2.0/stammzahl.css
new file mode 100644
index 000000000..99c9ab425
--- /dev/null
+++ b/id/server/auth/src/main/webapp/css/2.0/stammzahl.css
@@ -0,0 +1,192 @@
+#header {
+	position: relative;
+	top: -5px; padding-top : 114px;
+/* 	background: url("../../img/2.0/logo_dsk_szr_header.png") right top no-repeat; */
+	text-align: right;
+	padding-top: 114px;
+}
+
+html {
+	height: 100%;
+}
+
+body {
+	margin: 0px; background : url(../../../img/2.0/bg_header.png) 0 0 repeat-x;
+	padding-bottom: 2em;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	line-height: 1;
+	min-height: 101%;
+	background: url(../../img/2.0/bg_header.png) 0 0 repeat-x;
+}
+
+ol,ul {
+	list-style-type: none;
+	list-style-image: none;
+	list-style-position: outside;
+}
+
+#pagebase {
+	background: url(../../img/2.0/bg_footer.png) repeat-x left bottom;
+	width: 100%;
+}
+
+#page {
+	min-width: 800px;
+	max-width: 1000px;
+	margin: 0 auto 5px auto;
+	padding: 0 5px;
+}
+
+#homelink {
+	position: absolute;
+	top: 20px;
+	left: 0;
+}
+
+#homelink a:hover,#homelink a:focus,#homelink a:active {
+	border-bottom: 3px solid #c51713;
+}
+
+#mainnav {
+	margin-top: 0px;
+	margin-bottom: 0px;
+	margin-left: 95px;
+	background: url(../../img/2.0/bg_mainnav.png) right bottom repeat-x;
+	float: right;
+	padding-top: 0pt;
+	padding-right: 0pt;
+	padding-bottom: 0pt;
+	padding-left: 0pt;
+}
+
+#mainnav li {
+	float: left;
+	/*font-size: 0.9em;*/
+	background: #fff url(../../img/2.0/bg_mainnav_right.png) right top no-repeat;
+	margin-left: 2px;
+}
+
+#mainnav li.first-item {
+	margin-left: 0;
+}
+
+#mainnav li a {
+	display: block;
+	font-weight: bold;
+	padding: 7px 0.75em;
+	text-decoration: none;
+	color: Black;
+	background: url(../../img/2.0/bg_mainnav_left.png) left top no-repeat;
+}
+
+#mainnav li a.current {
+	color: #c51713;
+}
+
+#mainnav li a:hover,#mainnav li a:focus,#mainnav li a:active {
+	color: #c51713;
+	text-decoration: underline;
+}
+
+#footer {
+	position: relative;
+	clear: both;
+	display: block;
+	height: 48px;
+}
+
+#footer ul {
+	float: right;
+	margin-top: 0.5em;
+	background: url(../../img/2.0/bg_bottom_line.png) 0 3px repeat-x;
+}
+
+#footer li {
+	float: left;
+	font-size: 0.8em;
+	display: inline;
+}
+
+#footer li a {
+	display: block;
+	padding: 0 1em;
+	margin-top: 3px;
+	text-decoration: none;
+	border-right: 1px solid white;
+	color: white;
+}
+
+#footer li a.last-item {
+	border-right: none;
+	padding-right: 0;
+}
+
+#footer li a:hover,#footer li a:focus,#footer li a:active {
+	text-decoration: underline;
+}
+
+#servicenav {
+	margin: 0px;
+	padding: 0px; position : absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	text-align: right;
+	margin-top: 3px;
+	position: absolute;
+}
+
+#servicenav li {
+	display: inline;
+	font-size: 0.8em;
+	line-height: 1.2;
+}
+
+#servicenav li a,#servicenav li span.current {
+	padding: 0 0.5em;
+	text-decoration: none;
+	border-right: 1px solid white;
+	color: white;
+}
+
+#servicenav li a:hover,#servicenav li a:focus,#servicenav li a:active {
+	text-decoration: underline;
+}
+
+#servicenav li span.current {
+	color: #c51713;
+	font-weight: bold;
+}
+
+#servicenav li a.last-item {
+	border-right: none;
+	padding-right: 2px;
+}
+
+.hidden {
+	position: absolute;
+	top: -1000em;
+	left: -1000em;
+	height: 1px;
+	width: 1px;
+	overflow: hidden;
+}
+
+.clearfix:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+
+.clearfix {
+	display: inline-block;
+}
+
+.clearfix {
+	display: block;
+}
\ No newline at end of file
diff --git a/id/server/auth/src/main/webapp/css/2.0/stylesinput.css b/id/server/auth/src/main/webapp/css/2.0/stylesinput.css
new file mode 100644
index 000000000..000888b7b
--- /dev/null
+++ b/id/server/auth/src/main/webapp/css/2.0/stylesinput.css
@@ -0,0 +1,251 @@
+@CHARSET "utf-8";
+
+/* ************************************* */
+/* * generated css (see input.css.jsp) * */
+/* ************************************* */
+/* **** classes for value **** */
+
+fieldset label.value, textarea.value, input.value {
+	width: 150px !important; 
+}
+
+textarea.value {
+	height: 50px !important;
+}
+	
+select.value {
+	/* Firefox ... */
+	width: 154px !important;
+	/* IE5 - IE6 */
+	_width: 156px !important;
+	/* IE7 */
+	!width: 156px !important;
+}
+/* **** classes for xs **** */
+
+fieldset label.xs, textarea.xs, input.xs {
+	width: 25px !important; 
+}
+	
+select.xs {
+	/* Firefox ... */
+	width: 29px !important;
+	/* IE5 - IE6 */
+	_width: 31px !important;
+	/* IE7 */
+	!width: 31px !important;
+}
+
+/* **** classes for s **** */
+
+fieldset label.s, textarea.s, input.s {
+	width: 50px !important; 
+}
+	
+select.s {
+	/* Firefox ... */
+	width: 54px !important;
+	/* IE5 - IE6 */
+	_width: 56px !important;
+	/* IE7 */
+	!width: 56px !important;
+}
+
+/* **** classes for m **** */
+
+fieldset label.m, textarea.m, input.m {
+	width: 75px !important; 
+}
+	
+select.m {
+	/* Firefox ... */
+	width: 79px !important;
+	/* IE5 - IE6 */
+	_width: 81px !important;
+	/* IE7 */
+	!width: 81px !important;
+}
+
+/* **** classes for l **** */
+
+fieldset label.l, textarea.l, input.l {
+	width: 100px !important; 
+}
+	
+select.l {
+	/* Firefox ... */
+	width: 104px !important;
+	/* IE5 - IE6 */
+	_width: 106px !important;
+	/* IE7 */
+	!width: 106px !important;
+}
+
+/* **** classes for xl **** */
+
+fieldset label.xl, textarea.xl, input.xl {
+	width: 200px !important; 
+}
+	
+select.xl {
+	/* Firefox ... */
+	width: 204px !important;
+	/* IE5 - IE6 */
+	_width: 206px !important;
+	/* IE7 */
+	!width: 206px !important;
+}
+
+/* **** classes for xll **** */
+
+fieldset label.xll, textarea.xll, input.xll {
+	width: 250px !important; 
+}
+	
+select.xll {
+	/* Firefox ... */
+	width: 254px !important;
+	/* IE5 - IE6 */
+	_width: 256px !important;
+	/* IE7 */
+	!width: 256px !important;
+}
+
+/* **** classes for xlll **** */
+
+fieldset label.xlll, textarea.xlll, input.xlll {
+	width: 300px !important; 
+}
+	
+select.xlll {
+	/* Firefox ... */
+	width: 304px !important;
+	/* IE5 - IE6 */
+	_width: 306px !important;
+	/* IE7 */
+	!width: 306px !important;
+}
+
+/* **** classes for xllll **** */
+
+fieldset label.xllll, textarea.xllll, input.xllll {
+	width: 350px !important; 
+}
+	
+select.xllll {
+	/* Firefox ... */
+	width: 354px !important;
+	/* IE5 - IE6 */
+	_width: 356px !important;
+	/* IE7 */
+	!width: 356px !important;
+}
+
+/* **** classes for xxl **** */
+
+fieldset label.xxl, textarea.xxl, input.xxl {
+	width: 400px !important; 
+}
+
+fieldset input[type=file].xxl {
+	margin-right: 5px;
+	width: 250px !important;
+	!width: 400px !important;
+	_width: 400px !important;
+}
+
+
+
+textarea.xxl {
+	height: 100px !important;
+}
+	
+select.xxl {
+	/* Firefox ... */
+	width: 404px !important;
+	/* IE5 - IE6 */
+	_width: 406px !important;
+	/* IE7 */
+	!width: 406px !important;
+}
+
+/* **** classes for xxll **** */
+
+fieldset label.xxll, textarea.xxll, input.xxll {
+	width: 450px !important; 
+}
+	
+select.xxll {
+	/* Firefox ... */
+	width: 454px !important;
+	/* IE5 - IE6 */
+	_width: 456px !important;
+	/* IE7 */
+	!width: 456px !important;
+}
+
+/* **** classes for xxlll **** */
+
+fieldset label.xxlll, textarea.xxlll, input.xxlll {
+	width: 500px !important; 
+}
+	
+select.xxlll {
+	/* Firefox ... */
+	width: 504px !important;
+	/* IE5 - IE6 */
+	_width: 506px !important;
+	/* IE7 */
+	!width: 506px !important;
+}
+
+/* **** classes for xxllll **** */
+
+fieldset label.xxllll, textarea.xxllll, input.xxllll {
+	width: 550px !important; 
+}
+	
+select.xxllll {
+	/* Firefox ... */
+	width: 554px !important;
+	/* IE5 - IE6 */
+	_width: 556px !important;
+	/* IE7 */
+	!width: 556px !important;
+}
+
+/* **** classes for xxxl **** */
+
+fieldset label.xxxl, textarea.xxxl, input.xxxl {
+	width: 600px !important; 
+}
+
+textarea.xxxl {
+	height: 200px !important;
+}
+	
+select.xxxl {
+	/* Firefox ... */
+	width: 604px !important;
+	/* IE5 - IE6 */
+	_width: 606px !important;
+	/* IE7 */
+	!width: 606px !important;
+}
+fieldset label.xxxxl, textarea.xxxxl, input.xxxxl {
+	width: 700px !important; 
+}
+
+textarea.xxxxl {
+	height: 250px !important;
+}
+	
+select.xxxxl {
+	/* Firefox ... */
+	width: 704px !important;
+	/* IE5 - IE6 */
+	_width: 706px !important;
+	/* IE7 */
+	!width: 706px !important;
+}
+
diff --git a/id/server/auth/src/main/webapp/css/2.0/stylesnew.css b/id/server/auth/src/main/webapp/css/2.0/stylesnew.css
new file mode 100644
index 000000000..e9c02120f
--- /dev/null
+++ b/id/server/auth/src/main/webapp/css/2.0/stylesnew.css
@@ -0,0 +1,830 @@
+@CHARSET "utf-8";
+
+/* TODO: check min-width for all styles */
+
+/* ********************************** */
+/* Neudefinition von bestehenden Tags */
+/* ********************************** */
+
+html {
+  	margin: 0px;
+  	padding: 0px;  	
+}
+
+body {
+  	margin: 0px;
+  	padding: 0px;
+  	  	
+}
+
+input, textarea, html, body {
+	font-family: Arial, Helvetica, sans-serif;
+  	font-size: 10pt;
+}
+
+h1 {
+	font-weight: bold;
+	font-size: 14pt;
+	color: #006464;
+	margin: 10px 0px 10px 0px;
+}
+
+h2, h3, h4, h5, h6 {
+	background-color: #CCCCCC;
+	font-size: 11pt;
+	padding: 3px;
+	margin: 3px 2px 4px 2px;
+}
+
+ p {
+	margin: 1px;
+	padding: 4px 3px 0px 3px;
+}
+
+img {
+	border: 0px;
+}
+
+fieldset {
+	border: 0px;
+	margin: 0px;
+}
+
+a {
+	color: #D60029;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+textarea {
+	overflow: auto;
+}
+
+/* ****************** */
+/* allgemeine Klassen */
+/* ****************** */
+
+.pageWidth {
+	min-width: 982px;	/* wegen padding vom body, 950+20px */
+	margin: 5px;
+	/* IE 6 hack */
+	_width: 982px;
+}
+
+.info-label{
+  	padding:6px;
+	white-space:nowrap;
+	width:100%;
+	font-size: 10pt;
+	font-weight: normal;
+}
+
+
+	
+.box, .overflowedBox, .whiteBox, .debugBox {
+	padding: 0px 0px;
+}
+
+.box, .overflowedBox, .debugBox {
+	/*background-color: #EEEEEE;*/
+}
+
+.box {
+	padding-bottom: 4px;
+}
+
+/*.whiteBox {
+	background-color: #FFFFFF;
+	border: 2px solid #EEEEEE;
+}*/
+
+.overflowedBox {
+	overflow: auto;
+}
+
+.marginBottomNegative {
+	margin-bottom: -10px;
+	margin-top: 5px;
+}
+
+.redColor {
+	color: #CC0000;
+}
+
+.emcolor {
+	color: #006464;
+}
+
+.subheader{
+	font-weight: bold;
+	font-size:14pt;
+	color: #CC0000;
+	padding: 0px;
+	border: none;
+	background: #FFFFF;
+	padding: 0px;
+}
+
+.pathnavigation {
+	border: none;
+	font-weight: bold;
+	font-family: Helvetica, sans-serif;
+	font-size: .9em;
+	margin-bottom: 10px;
+	padding: 3px;
+	cursor: pointer; 
+	margin-right: 5px;
+}
+
+.pathnavigation.selected {
+	color: #FFFFFF;
+	background: #006464;
+}
+
+.pathnavigation.deselected {
+	color: #006464;	
+	background: #FFFFFF;
+}
+
+.upload-remove {
+	margin: 0px 2px 0px 2px;
+	width: 75px !important; 
+/*	display: inline !important; 
+	float: none !important;*/
+}
+
+.upload {
+	margin-top:2px;
+	padding:4px 1px 0px 3px;
+}	
+
+.repeat-evenindex, tr.repeat-item.repeat-evenindex td {
+	background-color: #dddddd;
+}
+
+.repeat-minimal {
+	margin-bottom: 0px;
+}
+
+.repeat-minimal, .repeat-minimal-item {
+	overflow: auto;
+}
+
+fieldset.box .repeat-minimal-item input,
+fieldset.box .repeat-minimal-item select,
+fieldset.box .repeat-minimal-item textarea {
+	!margin-top: 1px;
+}
+
+.repeat-minimal-item {
+	padding: 2px 0px;
+	margin: 2px;
+	_height: 100%;
+}
+
+/* vertical centering ?? */
+/*.repeat-minimal-item span, .repeat-minimal-item  a, .repeat-minimal-item input {
+	display: block;
+	float: left;
+	vertical-align: middle;
+	margin-right: 3px;
+}*/
+
+.repeat-selector {
+	width: auto !important;
+}
+
+.full-repeat-box {
+	overflow: auto;
+	margin: 10px 0px 10px 0px;
+}
+
+.disabled, .deselected-case {
+    display: none !important;
+}
+
+.output-spaced {
+	display: block;
+}
+
+.output{
+	padding-top: 6px;
+	padding-left: 6px;
+	vertical-align: top;
+	text-align: left;
+}
+
+fieldset.box span.verylarge{
+	width: 650px;
+}
+
+fieldset.box span.selector-item {
+	margin: 0px 5px;
+}
+
+.groupwide {
+	width: 900px;
+}
+
+fieldset.box span {
+	display: block;
+	float: left;
+	padding: 0px 3px;
+	min-height: 14px;
+	_height: 14px;
+}
+
+fieldset.box span.output {
+	padding-top: 4px;	
+}
+
+dl.ic {
+	padding: 0px;
+	margin: 0px;
+	clear: both;
+}
+
+dl.ic dt {
+	width: 200px;
+	font-weight: bold;
+	float: left;
+	clear: none;
+	text-align: right;
+	padding: 2px 0px 2px 10px;
+	margin: 0 2px 0 0;
+}
+dl.ic dd {
+	padding: 2px 3px 2px 0px;	
+	margin-left: 215px;
+}
+
+fieldset.box div {
+	padding-top: 0px;
+	!padding-top: 0px;
+	_padding-top: 0px;
+}
+
+fieldset.box div span.selector-item {
+	float: none; 
+	display: inline;	
+}	
+
+fieldset.box div span.selector-item span, fieldset.box div span.selector-item input {
+	float: none; 
+	display: inline;	
+	vertical-align: middle;
+}
+
+
+/*fieldset.box div span, fieldset.box span span {
+	display: inline;
+	float: none;
+}*/
+
+.group {
+	background: #EEEEEE;
+	padding: 2px;
+	margin: 5px 0px;
+}
+
+.groupwhite {
+	background: #FFFFFF;
+	padding: 2px;
+	margin: 5px 0px;
+}
+
+.repeat-item {
+	padding: 0px;
+	margin: 0px;
+}
+
+.repeated-evenindex {
+	background: #dddddd;
+	overflow: auto;
+}
+
+div.spacing{
+	overflow: hidden;
+	float: left;
+	!margin_bottom: 2px;
+	_height: 100%;
+}
+
+
+/* ******************** */
+/* tag specific classes */
+/* ******************** */
+
+h2.label {
+	/*min-width: 954px;*/
+	
+}
+
+h3.inputcommit, h4.inputcommit, h5.inputcommit, h6.inputcommit {
+	margin: 10px 0px 0px -10px;
+}
+
+a.info, span.info {
+	margin-right: 7px;
+	padding-bottom: 3px;
+}
+
+div.signaturblock {
+	overflow: visible;
+	min-height: 160px;
+}
+
+div.signaturtop {
+	float: left;
+    font-size: 9pt;
+    padding-left: 13px;
+    padding-top: 13px;
+    width: 240px;
+}
+
+#amtssignaturtext .bold {
+	font-weight: bold;
+}
+
+img.signaturlogo {
+	/*position: absolute;*/
+	border: none;
+	padding-bottom: 3px;
+	display: block;
+}
+
+br.clearAll {
+	clear: both;
+}
+
+br.clearLeft {
+	clear: left;
+}
+
+span.label {
+	float: left;
+	margin: 3px 0px 3px 0px;
+}
+
+/* **** Inputs **** */
+
+/* doesn't work with IE6 */
+/*input[type=submit].value, input[type=button].value {
+	width: auto !important; 
+	margin-right: 5px;	
+}
+
+input[type=radio], input[type=radio].value {
+	width: auto !important;
+}
+
+input[type=checkbox], input[type=checkbox].value {
+	width: auto !important;
+	float: left;
+}*/
+
+input.textright {
+	text-align: right;
+}
+
+input.button, fieldset.box input.button, div input.button, div div input.button{
+    width: auto !important;
+	margin-right: 5px;
+}
+
+input.radio, fieldset.box input.radio {
+	width: auto !important;
+	margin: 4px 3px;
+	!margin: 4px;
+}
+
+fieldset.box input[type=hidden] {
+	width: 0px;
+	display: none;
+}
+
+input.checkbox, fieldset.box input.checkbox {
+	width: auto !important;
+	float: left;
+	padding: 2px;
+}
+
+tr.repeat-item td label {
+	width: auto;
+}
+
+/* **** Fieldsets **** */
+
+/* needed to be html4 conform, only used for screen readers */
+fieldset.box legend {
+	display: none;
+}
+
+fieldset.box {
+	padding-bottom: 0px;
+	margin-bottom: 0px;
+}
+
+fieldset.box span.required,fieldset.box span.error,fieldset.box a.info,
+span.required, span.error, a.info, span.info {
+	display: block;
+	float: left;
+	width: 10px;
+	overflow: hidden;
+	text-align: center;
+	font-weight: bold;
+	margin-right: 4px 0px 2px 0px;
+	height: 14px;
+	padding: 3px 0px 3px;
+}
+
+fieldset.box a.info , fieldset.box span.error, span.error, a.info, span.info, span.required {
+	margin-top: 4px;
+	margin-left: 1px;
+	margin-right: 1px;
+}
+
+fieldset.box .repeat-minimal-item a.info,
+fieldset.box .repeat-minimal-item span.error,
+fieldset.box .repeat-minimal-item span.info {
+	margin-top: 3px;
+	!margin-top: 3px;
+	_margin-top: 3px;
+}
+
+/*
+fieldset.box span.error, fieldset.box a.info, fieldset.box span.required
+fieldset.box input, fieldset.box select, fieldset.box textarea, fieldset.box label {
+	margin-bottom: 5px;
+}*/
+
+fieldset.box span.error, span.error {
+	color: white;
+	background-color: red;
+}
+
+fieldset.box a.info, a.info {
+	background-color: #005A00;
+	color: white;
+	font-family: serif;
+	text-decoration: none;
+	margin: 4px 4px;
+}
+
+fieldset.box label {
+	display: block;
+	float: left;
+	width: 150px;
+	text-align: right;
+	padding: 4px 1px 0px 10px;
+	margin-top: 0px;
+}
+
+fieldset.box label.bold {
+	font-weight: bold;	
+}
+
+fieldset.box br {
+	line-height: 1px;
+	!line-height: 2px; /* IE7 */
+}
+
+fieldset.box label.labelnone {
+	width: 0px;
+}
+
+fieldset.box label.labelverysmall {
+	width: 50px;
+}
+
+fieldset.box label.labelabitsmall {
+	width: 80px;
+}
+
+fieldset.box label.labelsmaller {
+	width: 100px;
+}
+
+fieldset.box label.labelsmall {
+	width: 120px;
+}
+
+fieldset.box label.labelsm {
+	width: 130px;
+}
+
+fieldset.box label.labelmedium {
+	width: 150px;
+}
+
+fieldset.box label.labelml {
+	width: 170px;
+}
+
+fieldset.box label.labelwide {
+	width: 190px; /* wegen tourismus-formular-seitenbreite */
+}
+
+fieldset.box label.labellarge {
+	width: 230px;
+}
+
+fieldset.box label.labellarger {
+	width: 250px;
+}
+
+fieldset.box label.labelverylarge,
+div.box dl.labelverylarge dt {
+	width: 650px;
+}
+
+fieldset.box input,fieldset.box output, fieldset.box select, fieldset.box textarea {
+	float: left;
+	display: block;
+	width: 150px;
+	margin: 3px 4px 3px 0px;
+}
+
+fieldset.box br {
+	clear: left;
+	margin: 1px;
+}
+
+/*fieldset.box label.s {
+	display: block;
+	float: left;
+	width: 100px !important;
+	text-align: right;
+	padding-right: 5px;
+	margin-top: 2px;
+}
+
+fieldset.box label.xxxl {
+	width: 300px;
+}*/
+
+/* **** dl Liste **** */
+
+dl.tabbed, dl.info, dl.signatur {
+	margin: 3px 0px;
+	min-height: 160px;
+}
+
+dl.tabbed dt, dl.info dt, dl.signatur dt {
+	font-weight: bold;
+	width: 250px;
+	float: left;
+	text-align: right;
+	padding: 1px 5px;
+	clear: left;
+}
+
+dl.signatur dt {
+	width: 170px;
+	clear: none;
+}
+
+dl.tabbed dt.labelverylarge {
+	width: 650px;
+}
+
+dl.info dt {
+	/* doesn't work with IE, caused by the float: left */
+	/*display: list-item;*/
+	width: 150px;
+	text-align: left;
+	margin-left: 25px;
+	padding: 0px 5px 5px 5px;
+}
+
+dl.tabbed dd, dl.info dd, dl.signatur dd {
+	margin-left: 160px;	
+	padding: 1px 3px 2px 0px;
+}
+
+dl.signatur dd {
+	margin-left: 440px;
+}
+
+dl.info dd {
+	padding: 0px 5px 5px 5px;
+}
+
+/* ******** */
+/* Regionen */
+/* ******** */
+
+/* **** Logo **** */
+#szrlogo {
+	float:right;
+	top: 10px;
+	right: 10px;
+	text-align: right;
+}
+
+#logotext {
+	white-space: nowrap;
+	font-weight: bold;
+	font-size: 14pt;
+	color: #006464;
+}
+
+/* **** Empfängerinfo **** */
+
+#empfaengerinfo {
+	
+	float: left;
+}
+
+#empfaengerinfo span#empfaenger {
+	font-weight: bold;
+	display: block;	
+}
+
+/* **** Hinweisbox **** */
+#hinweisbox {
+	background-color: #EEEEEE;
+	overflow: auto;
+	_padding-bottom: 40px;
+}
+
+#hinweisbox #bittebeachten {
+	font-size: 16px;
+	font-weight: bold;
+	background-color: #d60028;
+	padding: 10px;
+	float: left;
+	color: white;
+	margin-right: 5px;
+}
+
+#hinweisbox .spaced {
+	margin: 12px 50px 0px 0px;	
+	float: left;
+}
+
+#hinweisbox .spaced .error, #hinweisbox .spaced .info {
+	margin-right: 7px;
+	margin-top: -2px;
+	padding-top: 2px;
+}
+
+#hinweisbox .spaced .info{
+	background-color: #005A00;
+	color: white;
+	font-family: serif;
+}
+
+/* **** Fehlermeldungen **** */
+
+#fehlermeldungen h2 {
+	border-width: 0px;
+	background-color: #FFFFFF;
+}
+
+#fehlermeldungen ul {
+	padding-left: 15px;
+}
+
+#fehlermeldungen h2, #fehlermeldungen ul li, #fehlermeldungen ul li a{
+	color:red;
+	font-weight: bold;
+	font-size: 10pt;
+}
+
+#erfolgsmeldungen h2, #erfolgsmeldungen ul li, #erfolgsmeldungen ul li a{
+	color:#009900;
+	font-weight: bold;
+	font-size: 10pt;
+}
+
+/* **** Fehlermeldungen Transaction **** */
+
+#fehlertransaction span {
+	color:red;
+	font-weight: bold;
+	font-size: 10pt;
+}
+
+/* **** Navigationsleiste **** */
+
+#submitbar {
+	clear: both;
+	background-color: #EEEEEE;
+	margin-top: 5px;
+	padding: 5px 10px;
+	overflow: auto;	
+}
+
+#submitbar #leftbuttons {
+	float: left;
+}
+
+#submitbar #centerbuttons {
+	text-align: center;
+}
+
+#submitbar #rightbuttons {
+	float: right;
+}
+
+#submitbar #kontrollseite {
+	float: right;	
+}
+
+/* **** Fußzeile **** */
+
+#footerbar {
+	margin-top: 5px;
+	background-color: #EEEEEE;
+	padding: 0px 5px;
+	overflow: auto;
+}
+
+#footerbar #serverinfo {
+	float: left;
+	padding: 15px 0px;
+}
+
+#footerbar #support {
+	text-align: center;	
+	padding: 15px 0px;	
+}
+	
+#footerbar #xgovguetesiegel {
+	float: right;	
+	margin: 5px 0px;
+}
+
+#savecommitdiv input,  #formabortdiv input, 
+#errorabortdiv input, #loadcommitdiv input {
+	margin-right: 5px;
+	vertical-align: middle;
+	text-align: center;
+}
+
+#formabortdiv h3, #savecommitdiv h3,#savecommitserverdiv h3, #loadcommitdiv h3 {
+	border: none;
+	font-size: 10pt;
+	background-color: transparent;
+	margin: 6px 0px 0px -2px;
+}
+
+#formabortdiv ul, #savecommitdiv ul, #loadcommitdiv ul {
+	margin-top: 3px;
+}
+
+#formabortdiv p, #savecommitdiv p, #loadcommitdiv p {
+	margin: 0 0 6px 6px;
+}
+
+#statusimage {
+	width: 148px; 
+	height: 57px; 
+	/* special IE style propertie */
+	behavior: url('bku-handling/css/pngbehavior.htc');
+}
+
+#validateallheader {
+	border-spacing: 2px; 
+	border: thin solid #CCCCCC;
+}
+
+#validateallsubheader {
+	background-color: transparent;
+	font-size: 10pt;
+	margin: 0px 0px 0px -10px;
+	padding: 0px;
+}
+
+
+/* bei repeats radio ausrücken */
+.repeat-item .radio {
+	float: left;
+	margin-top: 11px;
+}
+
+.repeat-item .group {
+	margin-left: 20px;
+}
+
+.repeat-without-radio .group {
+	margin-left: 0px;
+}
+
+.area {
+	background-color: #EEEEEE;
+	padding-bottom: 5px;
+}
+
+.area>p {
+	margin-left: 10px;
+	margin-bottom: 10px;
+}
+
+#numberSearch {
+	margin-bottom: 15px;
+}
\ No newline at end of file
diff --git a/id/server/auth/src/main/webapp/css/index.css b/id/server/auth/src/main/webapp/css/index.css
index 3dd974813..41f5bb2aa 100644
--- a/id/server/auth/src/main/webapp/css/index.css
+++ b/id/server/auth/src/main/webapp/css/index.css
@@ -76,13 +76,16 @@ p#skiplinks  a:active {
 #main {

 	clear:both;

 	position:relative;

+	margin-left: 50%;

 }

 

 /* left */

 

 #leftcontent {

 	float:left;

-	width:220px;		

+	width:220px;

+	margin-bottom: 25px;

+			

 }

 

 h2#tabheader, h2#contentheader {

@@ -92,6 +95,12 @@ h2#tabheader, h2#contentheader {
 	border-bottom:2px solid #fff;

 }

 

+

+#stork {

+    margin-bottom: 10px;

+    margin-top: 5px;

+}

+

 #bkulogin {

 	overflow:hidden;	

 	width:220px;	

@@ -251,7 +260,24 @@ p {
 

 /* [OPTIONAL] Geben Sie hier die Farbe fuer Links an */

 #leftcontent a, #content a {

-	color: blue;

+	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;

+    position: absolute;

+    right: 10%;

+    top: 40px;

+	

 }

 

 @media print {

diff --git a/id/server/auth/src/main/webapp/img/2.0/bg_footer.png b/id/server/auth/src/main/webapp/img/2.0/bg_footer.png
new file mode 100644
index 000000000..d8a430e0f
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bg_footer.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/bg_header.png b/id/server/auth/src/main/webapp/img/2.0/bg_header.png
new file mode 100644
index 000000000..190cf97ea
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bg_header.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/bg_mainnav.png b/id/server/auth/src/main/webapp/img/2.0/bg_mainnav.png
new file mode 100644
index 000000000..efaf93582
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bg_mainnav.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/bg_mainnav_left.png b/id/server/auth/src/main/webapp/img/2.0/bg_mainnav_left.png
new file mode 100644
index 000000000..1dd281826
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bg_mainnav_left.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/bg_mainnav_right.png b/id/server/auth/src/main/webapp/img/2.0/bg_mainnav_right.png
new file mode 100644
index 000000000..f598be094
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bg_mainnav_right.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/bku_local.gif b/id/server/auth/src/main/webapp/img/2.0/bku_local.gif
new file mode 100644
index 000000000..9bbf631c0
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bku_local.gif
diff --git a/id/server/auth/src/main/webapp/img/2.0/bku_mobile.gif b/id/server/auth/src/main/webapp/img/2.0/bku_mobile.gif
new file mode 100644
index 000000000..97c8cee35
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bku_mobile.gif
diff --git a/id/server/auth/src/main/webapp/img/2.0/bku_online.gif b/id/server/auth/src/main/webapp/img/2.0/bku_online.gif
new file mode 100644
index 000000000..03a54765a
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/bku_online.gif
diff --git a/id/server/auth/src/main/webapp/img/2.0/checkbox_checked.png b/id/server/auth/src/main/webapp/img/2.0/checkbox_checked.png
new file mode 100644
index 000000000..562fbc66f
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/checkbox_checked.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/checkbox_unchecked.gif b/id/server/auth/src/main/webapp/img/2.0/checkbox_unchecked.gif
new file mode 100644
index 000000000..c93a6ea06
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/checkbox_unchecked.gif
diff --git a/id/server/auth/src/main/webapp/img/2.0/dsk.ico b/id/server/auth/src/main/webapp/img/2.0/dsk.ico
new file mode 100644
index 000000000..df7e8d31e
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/dsk.ico
diff --git a/id/server/auth/src/main/webapp/img/2.0/logo.png b/id/server/auth/src/main/webapp/img/2.0/logo.png
new file mode 100644
index 000000000..dfb4351d0
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/logo.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/logo_digitalesOE.gif b/id/server/auth/src/main/webapp/img/2.0/logo_digitalesOE.gif
new file mode 100644
index 000000000..ff83cd82b
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/logo_digitalesOE.gif
diff --git a/id/server/auth/src/main/webapp/img/2.0/logo_dsk_nav.png b/id/server/auth/src/main/webapp/img/2.0/logo_dsk_nav.png
new file mode 100644
index 000000000..9b3e7055a
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/logo_dsk_nav.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/logo_dsk_szr_header.png b/id/server/auth/src/main/webapp/img/2.0/logo_dsk_szr_header.png
new file mode 100644
index 000000000..b4f8be6d8
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/logo_dsk_szr_header.png
diff --git a/id/server/auth/src/main/webapp/img/2.0/std_handy.gif b/id/server/auth/src/main/webapp/img/2.0/std_handy.gif
new file mode 100644
index 000000000..088ec0957
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/std_handy.gif
diff --git a/id/server/auth/src/main/webapp/img/2.0/std_karte.gif b/id/server/auth/src/main/webapp/img/2.0/std_karte.gif
new file mode 100644
index 000000000..1ec7afc2e
--- /dev/null
+++ b/id/server/auth/src/main/webapp/img/2.0/std_karte.gif