simpleGUI (header,chipperling removed)

git-svn-id: https://joinup.ec.europa.eu/svn/mocca/trunk@87 8a26b1a7-26f0-462f-b9ef-d0e30c41f5a4

9 files changed, 819 insertions, 0 deletions

diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/award.gif b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/award.gif
new file mode 100644
index 00000000..8807fcf6
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/award.gif
diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/bmf_01.gif b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/bmf_01.gif
new file mode 100644
index 00000000..dd7697a4
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/bmf_01.gif
diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/bmf_02.gif b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/bmf_02.gif
new file mode 100644
index 00000000..961d511e
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/bmf_02.gif
diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/browser.js b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/browser.js
new file mode 100644
index 00000000..6fbf74f0
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/browser.js
@@ -0,0 +1,165 @@
+var BrowserDetect = {

+	init: function () {

+		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";

+		this.version = this.searchVersion(navigator.userAgent)

+			|| this.searchVersion(navigator.appVersion)

+			|| "an unknown version";

+		this.OS = this.searchString(this.dataOS) || "an unknown OS";

+	},

+	searchString: function (data) {

+		for (var i=0;i<data.length;i++)	{

+			var dataString = data[i].string;

+			var dataProp = data[i].prop;

+			this.versionSearchString = data[i].versionSearch || data[i].identity;

+			if (dataString) {

+				if (dataString.indexOf(data[i].subString) != -1)

+					return data[i].identity;

+			}

+			else if (dataProp)

+				return data[i].identity;

+		}

+	},

+	searchVersion: function (dataString) {

+		var index = dataString.indexOf(this.versionSearchString);

+		if (index == -1) return;

+		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));

+	},

+	dataBrowser: [

+		{ 	string: navigator.userAgent,

+			subString: "OmniWeb",

+			versionSearch: "OmniWeb/",

+			identity: "OmniWeb"

+		},

+		{

+			string: navigator.vendor,

+			subString: "Apple",

+			identity: "Safari"

+		},

+		{

+			prop: window.opera,

+			identity: "Opera"

+		},

+		{

+			string: navigator.vendor,

+			subString: "iCab",

+			identity: "iCab"

+		},

+		{

+			string: navigator.vendor,

+			subString: "KDE",

+			identity: "Konqueror"

+		},

+		{

+			string: navigator.userAgent,

+			subString: "Firefox",

+			identity: "Firefox"

+		},

+		{

+			string: navigator.vendor,

+			subString: "Camino",

+			identity: "Camino"

+		},

+		{		// for newer Netscapes (6+)

+			string: navigator.userAgent,

+			subString: "Netscape",

+			identity: "Netscape"

+		},

+		{

+			string: navigator.userAgent,

+			subString: "MSIE",

+			identity: "Explorer",

+			versionSearch: "MSIE"

+		},

+		{

+			string: navigator.userAgent,

+			subString: "Gecko",

+			identity: "Mozilla",

+			versionSearch: "rv"

+		},

+		{ 		// for older Netscapes (4-)

+			string: navigator.userAgent,

+			subString: "Mozilla",

+			identity: "Netscape",

+			versionSearch: "Mozilla"

+		}

+	],

+	dataOS : [

+		{

+			string: navigator.platform,

+			subString: "Win",

+			identity: "Windows"

+		},

+		{

+			string: navigator.platform,

+			subString: "Mac",

+			identity: "Mac"

+		},

+		{

+			string: navigator.platform,

+			subString: "Linux",

+			identity: "Linux"

+		}

+	]

+

+};

+BrowserDetect.init();

+function writeBrowser() {

+

+nok=false;

+			if(BrowserDetect.browser.toLowerCase() == "explorer") {

+			if(eval(BrowserDetect.version) < 6) {

+				nok=true;

+			} 

+		}

+		if(BrowserDetect.browser.toLowerCase() == "opera") {

+			if(eval(BrowserDetect.version) < 9) {

+				nok=true;

+			}

+		}	

+		if(BrowserDetect.browser.toLowerCase() == "firefox") {

+			if(eval(BrowserDetect.version) < 1.5) {

+				nok=true;

+			} 

+		}	

+

+ if (nok==true) {

+ 

+		document.write("<TABLE BORDER=0 CELLPADDING=0 WIDTH='100%'><TR><TD VALIGN=TOP WIDTH='85%' BGCOLOR='#003399'><TABLE id='erlaeut' BORDER=1"); 

+		document.write("CELLSPACING=5 CELLPADDING=2 WIDTH='100%' ><TR><TD WIDTH='100%' BGCOLOR='#FFFFFF'><FONT COLOR='#000000'>");

+		document.write("Sehr geehrter FinanzOnline-Teilnehmer!<p>Die Men&uuml;f&uuml;hrung in FinanzOnline wurde aus technischen Gr&uuml;nden ge&auml;ndert. Da Sie m&ouml;glicherweise eine veraltete und nicht mehr dem letzten Sicherheitsstandard entsprechende Version Ihres Webbrowsers verwenden, besteht ab diesem Zeitpunkt die M&ouml;glichkeit, dass das Men&uuml; in FinanzOnline nicht richtig angezeigt werden kann.</p><p>Wir empfehlen daher bereits heute auch zu Ihrer Sicherheit, ein Update auf die aktuell g&uuml;ltige Browserversion durchzuf&uuml;hren. Die unterst&uuml;tzten Webbrowser finden Sie auf der <a href='https://www.bmf.gv.at/EGovernment/FINANZOnline/Browsereinstellungen/_start.htm' target='_blank'>BMF-Homepage unter 'E-Government'/'FinanzOnline'/'Browsereinstellungen'</a>.</p>");

+		

+		

+/*		document.write("Verwendeter Browser: " + BrowserDetect.browser + " " + BrowserDetect.version + " / " + BrowserDetect.OS);

+		if(BrowserDetect.browser.toLowerCase() == "explorer") {

+			if(eval(BrowserDetect.version) < 6) {

+				document.write("<font color='red'> *** nicht supported ***</font>");

+			} else {

+				//document.write("<font color='green'> *** supported ***</font>");

+			}

+		}

+		if(BrowserDetect.browser.toLowerCase() == "opera") {

+			if(eval(BrowserDetect.version) < 9) {

+				document.write("<font color='red'> *** nicht supported ***</font>");

+			} else {

+				//document.write("<font color='green'> *** supported ***</font>");

+			}

+		}	

+		if(BrowserDetect.browser.toLowerCase() == "firefox") {

+			if(eval(BrowserDetect.version) < 1.5) {

+				document.write("<font color='red'> *** nicht supported ***</font>");

+			} else {

+				//document.write("<font color='green'> *** supported ***</font>");

+			}

+		}	

+//		document.write("<br><br>Vorschlag für unterstütze Browser:<br>");

+//		document.write("<ul><li>Internet Explorer 6, PC</li>");

+//		document.write("<li>Internet Explorer 7, PC</li>");

+//		document.write("<li>Firefox (>= 1.5), PC + Mac + Linux</li>");

+//		document.write("<li>Safari (>= 1.3+), Mac (<- WIE TESTEN??)</li>");

+//		document.write("<li>Opera (>= 9), PC + Mac + Linux</li>");

+//		document.write("</ul>");

+*/

+		document.write("</FONT></TD></TR></TABLE></TD></TR><TR><TD WIDTH='85%'>&nbsp;</TD></TR></TABLE>");

+		

+ }		

+}
\ No newline at end of file
diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/buergerkarte.gif b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/buergerkarte.gif
new file mode 100644
index 00000000..99d5f37e
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/buergerkarte.gif
diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/eps-logo.gif b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/eps-logo.gif
new file mode 100644
index 00000000..6f4ee65c
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/eps-logo.gif
diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/epsa-award.jpg b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/epsa-award.jpg
new file mode 100644
index 00000000..0e68626d
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/epsa-award.jpg
diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/fon.css b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/fon.css
new file mode 100644
index 00000000..f9b7b229
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/fon.css
@@ -0,0 +1,553 @@
+BODY {

+	margin-left : 0px;

+	margin-right : 0px;

+	margin-top : 0px;

+	color : black;

+	background-color : #E8F4FE;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif, sans-serif;

+	font-size:13px;

+	font-weight: normal;

+}

+table.user {

+	background-color: #D6E6F9;

+	width: 100%;

+	font-family:Verdana,Arial,Helv;

+	font-size:13px;

+}

+

+.BUT { 

+   HEIGHT: 20px;   

+   BORDER:1px solid #000000;

+   TEXT-DECORATION:none;

+   BACKGROUND-IMAGE:url(../graphics/butback.gif);

+}

+

+A {

+	color : #000000;

+}

+

+

+TH.label {

+	padding: 10px;

+	margin-left: 10px;

+	font-size: 13px;

+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

+	font-weight: bold;

+	color: #D6E6F9;

+	background-color: #006699;

+	vertical-align: top

+}

+

+TH.label_hell {

+	padding : 5px;

+	margin-left : 10px;

+	font-size : 13px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	font-weight : bold;

+	color : #000000;

+    background-color : #D6E6F9;

+  	vertical-align : top;

+  	text-align : left;

+}

+TD.input {

+	padding : 5px;

+	margin-left : 10px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color : #000000;

+    background-color : #D6E6F9;

+   	vertical-align : middle;

+   	text-align : right;

+   	font-size: 13px;

+}

+

+TD.input_links {

+	padding: 5px;

+	margin-left: 10px;

+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color: #000000;

+	background-color: #D6E6F9;

+	vertical-align: bottom;

+	text-align: left;

+	font-size: 13px;

+}

+

+TD.input_center {

+	padding: 5px;

+	margin-left: 10px;

+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color: #000000;

+	background-color: #D6E6F9;

+	vertical-align: bottom;

+	text-align: center;

+	font-size: 13px;

+}

+

+TD.input_mitte {

+    padding : 5px;

+    margin-left : 10px;

+    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+    color : #000000;

+    background-color : #D6E6F9;

+    vertical-align : middle;

+    text-align : left;

+    font-size: 13px;

+}

+

+TD.spacer {

+	padding : 5px;

+	margin-left : 10px;

+    background-color : #D6E6F9;

+   	vertical-align : top;

+   	font-size: 50%;

+}

+TD.erlaeut2 {

+	padding : 5px;

+	margin-left : 5px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color : #000000;

+    background-color : #D6E6F9;

+   	vertical-align : top;

+   	font-size: 13px;

+}

+TD.erlaeut {

+	padding : 5px;

+	margin-left : 10px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color : #000000;

+    background-color : #D6E6F9;

+   	vertical-align : top;

+   	font-size: 13px;

+}

+TD.erlaeut_white {

+	margin-left : 10px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color : #000000;

+    background-color :  #D6E5F8;

+   	vertical-align : top;

+   	font-size: 13px;

+}

+TD.login {

+	padding : 5px;

+	margin-left : 10px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color : #000000;

+   	vertical-align : top;

+   	font-size: 13px;

+}

+.tabcap {

+	margin-left : 10px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	font-weight : bold;

+	color : #D6E6F9;

+	background-color : #6699CC;

+	font-size : 13px;

+	font-weight : bold;

+	padding : 5px;

+	padding-top:1px; 

+	padding-bottom:1px;

+}

+

+INPUT {

+	font-family : Verdana,Arial,Helv;

+	font-size : 8pt;

+	color : #000000;

+}

+

+TD.erlaeut_fett {

+	padding : 5px;

+	margin-left : 10px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color : #000000;

+	background-color : #D6E6F9;

+    vertical-align : top;

+    font-size : 13px;

+	font-weight : bold;

+}

+

+

+TABLE.normal {

+	width : 100%;

+}

+CAPTION.cap {

+	width : 100%;

+	padding : 10px;

+	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color : black;

+    background-color : #E8FDFD;

+	font-size : 11pt;

+	font-weight : bold;

+}

+

+H1{

+  color : #D6E6F9;

+  text-align : center;

+  border-left-color: #996666;

+  padding-top: 0px;

+  padding-right: 0px;

+  padding-bottom: 0px;

+  padding-left: 10px;

+  ;

+  border-style: solid;

+  border-top-width: 0px;

+  border-right-width: 0px;

+  border-bottom-width: 0px;

+  border-left-width : 0px;

+  background-color : #006699;

+}

+H2{

+  color : #006699;

+  text-align : center;

+  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+  padding-top: 0px;

+  padding-right: 0px;

+  padding-bottom: 0px;

+  padding-left: 10px;

+  font-size : 25px;

+}

+H3{

+  color : #006699;;

+  text-align : center;

+  border-left-color: #996666;

+  padding-top: 0px;

+  padding-right: 0px;

+  padding-bottom: 0px;

+  padding-left: 10px;

+  border-style: solid;

+  border-top-width: 0px;

+  border-right-width: 0px;

+  border-bottom-width: 0px;

+  border-left-width : 0px;

+}

+H3.info_center{

+  color : #006699;

+  text-align : center;

+  padding-top: 0px;

+  padding-right: 0px;

+  padding-bottom: 0px;

+  padding-left: 10px;

+  border-style: solid;

+  border-top-width: 0px;

+  border-right-width: 0px;

+  border-bottom-width: 0px;

+  border-left-width : 0px;

+}

+.inv{

+  color : #D6E6F9;

+  text-align : left;

+  background-color : #006699;

+  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+  font-size : 13px;

+  width: 100%;

+}

+.inv2{

+  color : #D6E6F9;

+  text-align : left;

+  background-color : #006699;

+  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

+  font-size : 13px;

+  width: 100%;

+  font-weight: bold; 

+}

+H4{

+  color : #006699;

+  text-align : center;

+  border-left-color: #996666;

+  padding-top: 0px;

+  padding-right: 0px;

+  padding-bottom: 0px;

+  padding-left: 10px;

+  border-style: solid;

+  border-top-width: 0px;

+  border-right-width: 0px;

+  border-bottom-width: 0px;

+  border-left-width : 0px;

+}

+H5{

+  color : #006699;

+  text-align : center;

+  border-left-color: #996666;

+  padding-top: 0px;

+  padding-right: 0px;

+  padding-bottom: 0px;

+  padding-left: 10px;

+  border-style: solid;

+  border-top-width: 0px;

+  border-right-width: 0px;

+  border-bottom-width: 0px;

+  border-left-width : 0px;

+}

+

+HR{

+  height: 3px;

+}

+#erlauet{

+  color : #006699;

+  text-align : left;

+  border-left-color: #996666;

+  padding: 5px 5px 5px 5px;

+

+}

+#darkblock{

+  background-color : #99CCFF;

+  text-align : left;

+  padding : 5px 5px 5px 5px;

+font-size : 13px;

+}

+#lightblock{

+  background-color : #D6E6F9;

+  text-align : left;

+  padding : 5px 5px 5px 5px;

+font-size : 13px;

+}

+.versiontext { 

+	font-family: Verdana, Arial, Helvetica, sans-serif; 

+	font-size: 6pt; 

+	color: #6b6b6b;

+    font-style: normal;

+    text-decoration: none;

+    text-align: right;

+    padding-right : 5px;

+}

+.navitext { 

+	font-family: Verdana, Arial, Helvetica, sans-serif; 

+	font-size: 7pt; 

+	font-weight: bold; 

+	color: #000000;

+    font-style: normal;

+    text-decoration: underline;

+}

+.navitext:hover { 

+	font-family: Verdana, Arial, Helvetica, sans-serif; 

+	font-size: 7pt; 

+	font-weight: bold; 

+	color: black;

+    font-style: normal;

+    text-decoration: underline;  

+}

+a.pagelinks { 

+	font-family: Verdana, Arial, Helvetica, sans-serif; 

+	font-size: 9pt; 

+	color: #000000;

+}

+a.pagelinks:hover {

+	color: gray;

+}

+

+a.menulinks { 

+	font-family: Verdana, Arial, Helvetica, sans-serif; 

+	font-size: 10pt; 

+	font-weight: normal; 

+	color: #000000;

+    font-style: normal;

+    text-decoration: underline;            

+}

+a.menulinks:hover { 

+    text-decoration: underline;              

+}

+.link_dbx

+{  

+    font-family: Verdana, Arial, Helvetica, sans-serif; 

+    font-weight: normal;  

+    text-decoration: underline;

+	color: #000000;

+}

+.link_dbx:hover 

+{  

+    color: #000000; 

+    text-decoration: underline;

+}	

+.link_nav

+{  

+    font-family: Verdana, Arial, Helvetica, sans-serif; 

+    font-weight: normal; 

+    text-decoration: underline;

+	color: #000000;

+}

+

+.link_nav:hover 

+{  

+    color : gray;

+    text-decoration: underline;

+}

+

+.link

+{  

+    font-family: Verdana, Arial, Helvetica, sans-serif; 

+    font-weight: bold; 

+    text-decoration: underline;

+	color: #D6E5F8;

+}

+

+.link:hover 

+{  

+    color: white; 

+}

+

+.link_fett

+{  

+    font-family: Verdana, Arial, Helvetica, sans-serif; 

+    font-weight: bold; 

+    text-decoration: underline;

+	color: #D6E5F8;

+}

+.link_fett:hover 

+{  

+    color: #000000; 

+    text-decoration: underline;

+}

+.header { font-family:Verdana,Arial,Helv; font-size:12px; margin-left:5px; font-weight:bold; text-decoration:none; color:#D6E5F8;}

+

+/* Definitionen für die Meldungen (hostmeld.inc) */

+.meld {

+background-color: white;

+color : black;

+padding: 5px;

+margin: 2px;

+margin-bottom: 10px;

+border: 6px solid;

+}

+.ok {

+border-color: #199919;

+}

+.fehler {

+border-color: #ff4c4c;

+}

+.hinweis {

+border-color: #003399;

+}

+.fehlerfeld {

+color: red;

+font-weight: bolder;

+}

+

+#tabheader {

+	color : #D6E6F9;

+	background-color : #6699CC;

+	font-size : 13px;

+	font-weight : bold;

+	padding : 5px;

+	padding-top:1px; 

+	padding-bottom:1px;		

+}

+#tab {

+	background-color : #D6E6F9;

+	margin-top: 2px;

+	padding : 5px;

+}

+

+

+/* ================================================================ 

+This copyright notice must be untouched at all times.

+

+The original version of this stylesheet and the associated (x)html

+is available at http://www.cssplay.co.uk/menus/simple_vertical.html

+Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

+This stylesheet and the associated (x)html may be modified in any 

+way to fit your requirements.

+=================================================================== */

+

+/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

+#menu_container {width:100%; height:22px; z-index:100; background-color: #cccccc;}

+

+/* Get rid of the margin, padding and bullets in the unordered lists */

+#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

+

+/* Set up the link size, color and borders */

+#pmenu a, #pmenu a:visited {display:block; font-size:10pt; color:#000000; text-decoration:none; text-indent:5px;

+							border:1px solid; border-width:1px 0 1px 1px;  border-bottom-color: gray; border-top-color: white; 

+							border-left-color: white; border-right-color: gray;

+							min-height:20px;

+							line-height:20px;

+							height:20px;

+  							height:auto !important;

+						   }

+

+/* Breitenangaben mit child selector: funkt nicht mit IE < 7. */

+#pmenu > li > ul a {width:170px;} /* LVL 1 Diese Selektion haut im IE6 nicht hin */

+#pmenu > li > ul > li > ul a {width:200px;} /* LVL 2 Diese Selektion haut im IE6 nicht hin */

+/* Breitenangaben ohne child selector: für IE6 */

+#pmenu * a { width:100px; }

+#pmenu * * a { width:200px; }

+

+/* Set up the sub level borders */

+#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}

+#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

+

+/* Set up the list items */

+#pmenu li {float:left; background:#cccccc;} /* orig: #7484ad;*/

+

+/* For Non-IE browsers and IE7 */

+#pmenu li:hover {position:relative;}

+/* Make the hovered list color persist */

+#pmenu li:hover > a {background:#006699; color:#ffffff;} /* orig: #dfd7ca;*/

+/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */

+#pmenu li ul {display:none;}

+/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

+#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url('../graphics/transparent.gif'); width:120px;}

+/* Position the first sub level beneath the top level liinks */

+#pmenu > li:hover > ul {left:-30px; top:12px;}

+

+/* get rid of the table */

+#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

+

+/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */

+* html #pmenu li a:hover {position:relative; background:#006699; color:#ffffff;} /* IE6: aktiv wenn Link hoovert */

+

+/* For accessibility of the top level menu when tabbing */

+#pmenu li a:active, #pmenu li a:focus {background:#006699; color:#ffffff;} /* IE6: aktiv wenn Link hoovert */

+

+/* Set up the pointers for the sub level indication */

+#pmenu li.fly {background:#cccccc url('../graphics/fly.gif') no-repeat right center;}  /* orig: #7484ad;*/

+#pmenu li.drop {background:#cccccc url('../graphics/drop.gif') no-repeat right center;}  /* orig: #7484ad;*/

+

+

+/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

+

+/* change the drop down levels from display:none; to visibility:hidden; */

+* html #pmenu li ul {   visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url('../graphics/transparent.gif');}

+

+/* keep the third level+ hidden when you hover on first level link */

+#pmenu li a:hover ul ul{

+visibility:hidden;

+}

+/* keep the fourth level+ hidden when you hover on second level link */

+#pmenu li a:hover ul a:hover ul ul{

+visibility:hidden;

+}

+/* keep the fifth level hidden when you hover on third level link */

+#pmenu li a:hover ul a:hover ul a:hover ul ul{

+visibility:hidden;

+}

+/* keep the sixth level hidden when you hover on fourth level link */

+#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {

+visibility:hidden;

+}

+

+/* make the second level visible when hover on first level link and position it */

+#pmenu li a:hover ul {

+visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;

+}

+

+/* make the third level visible when you hover over second level link and position it and all further levels */

+#pmenu li a:hover ul a:hover ul{ 

+visibility:visible; top:-11px; left:80px;

+}

+/* make the fourth level visible when you hover over third level link */

+#pmenu li a:hover ul a:hover ul a:hover ul { 

+visibility:visible;

+}

+/* make the fifth level visible when you hover over fourth level link */

+#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 

+visibility:visible;

+}

+/* make the sixth level visible when you hover over fifth level link */

+#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 

+visibility:visible;

+}

+/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

+

+@media print {

+  #menu_container, #hd, #np {display: none;}

+  #div_teiln {min-width: 20%;}

+  h1, h2, h3, h4, h5 {color: black;}

+}

diff --git a/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/index.css b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/index.css
new file mode 100644
index 00000000..2b7cee82
--- /dev/null
+++ b/BKUOnline/src/main/webapp/finanzonline/FinanzOnlineLogin/index.css
@@ -0,0 +1,101 @@
+	#leftcontent {

+		position: absolute;

+		left:10px;

+		top:120px;

+		width:210px;

+		border:0px solid #000;

+	}

+	#centercontent {

+   		margin-left: 229px;

+   		margin-right:229px;

+   		margin-top: -2px;

+		/*

+		IE5x PC mis-implements the box model. Because of that we sometimes have

+		to perform a little CSS trickery to get pixel-perfect display across browsers.

+		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS

+		parsing bug in IE5x PC that will prematurly close a style rule when it runs

+		into the string "\"}\"". After that string appears in a rule, then, we can override

+		previously set attribute values and only browsers without the parse bug will

+		recognize the new values. So any of the name-value pairs above this comment

+		that we need to override for browsers with correct box-model implementations

+		will be listed below.

+		

+		We use the voice-family property because it is likely to be used very infrequently,

+		and where it is used it will be set on the body tag. So the second voice-family value 

+		of "inherit" will override our bogus "\"}\"" value and allow the proper value to

+		cascade down from the body tag.

+

+		The style rule immediately following this rule offers another chance for CSS2

+		aware browsers to pick up the values meant for correct box-model implementations.

+		It uses a CSS2 selector that will be ignored by IE5x PC.

+		

+		Read more at http://www.glish.com/css/hacks.asp

+		

+		

+		voice-family: "\"}\"";

+		voice-family: inherit;

+   		margin-left: 201px;

+   		margin-right:201px;*/

+	}

+	html>body #centercontent {

+   		margin-left: 231px;

+   		margin-right:231px;

+	}

+	#rightcontent {

+		position: absolute;

+		right:10px;

+		top:120px;

+		width:210px;

+	}

+	#banner {

+		height:120px;

+	}

+	html>body #banner {

+		height:120px;

+	}

+	#rightcontent p {

+		font-size:10px

+	}

+	#tabheader {

+		color : #D6E6F9;

+		background-color : #6699CC;

+		font-size : 13px;

+		font-weight : bold;

+		padding : 5px;

+		padding-top:1px; 

+		padding-bottom:1px;		

+	}

+	#tab {

+		background-color : #D6E6F9;

+		margin-top: 2px;

+		padding : 5px;

+	}	

+	#navlist {

+		padding: 0px;

+		margin: 0px;

+		width: 100%;

+		background-color: #6699cc;

+	}

+	#navlist li {

+		list-style: none;

+		margin: 0;

+		padding: 0.25em;

+		padding-top: 0.3em;

+		padding-bottom: 0.3em;

+		border-bottom: 1px solid white;

+	}

+	a.nb { 

+		font-family:Verdana,Arial,Helv; 

+		font-size:12px; 

+		margin-left:5px; 

+		font-weight:bold; 

+		text-decoration:underline; 

+		color:#D6E6F9;

+	}

+	a.nb:hover {

+		color:white;

+	}

+	

+	@media print {

+   		#rightcontent {display: none;}

+	}