/*
START: "altes" Online-Banking CSS (angepasst auf den Internet-Portal II Style)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/******************************************************************/
/* CSS für das Sparkassen Internet-Portal 2006 */
/* CSS by engram GmbH, Bremen (Standard: CSS Level 2) */
/* Stand: $Id: ip.css,v 1.2 2005/11/04 15:38:18 miwu Exp $ */
/******************************************************************/
/* A L L G E M E I N G Ü L T I G E T A G - A N G A B E N */
/******************************************************************/
html {
font-size: 100%;
}
body {
font-size: 50%;
}
img {
border: 0em;
}
td img {
border: 0em;
font-size: 1.33333em;
}
.osppinfoinhalt img {
font-size: 1.33333em;
}
th input.osppbuttoninhalt {
border: 0em;
font-size: 1.33333em;
}
div input.erweitern {
border: 0em;
font-size: 1em;
padding-right: 1em;
}
/*
Für die +/- Buttons im Finanzstatus
Tag: */
input.erweiternfinanzstatus {
vertical-align: middle;
}
input.osppbuttoninhalt {
font-size: 1.0em;
}
th img {
border: 0em;
font-size: 1.33333em;
}
img.wegdamit {
position: absolute;
left: -10px;
top: -10px;
}
td {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding: 0.3125em;
}
a {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
th {
vertical-align: top;
text-align: left;
font-weight: bold;
padding: 0.3125em;
}
h1 {
font-size: 1.25em;
}
h1 img {
font-size: 0.8em;
}
h2 {
font-size: 1.0em;
}
h3, h4, h5, h6 {
font-size: 0.875em;
}
input, button {
font-size: 1em;
}
textarea {
font-family: "Microsoft Sans Serif", "MS Sans Serif", Geneva, sans-serif;
width: 18.9166em;
}
p, form {
margin: 0em;
color: #000000;
}
/* speziell für Text in der Contentspalte, der nicht im Formular steht */
p.fliesstext {
margin-bottom: 0.625em;
margin-top: 0.625em;
font-size: 0.75em;
}
/* speziell für Text in der Contentspalte, der nicht im Formular steht */
.fliesstextmehrzeilig {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
font-weight:bold;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* Zeilenumbruch in einem Formularfeld */
/*Zusatz (2006-08-10; olze): gilt nur für GVs im "contentcontainerMain" !!*/
.contentcontainerMain br {
line-height: 0.3125em;
}
/* Zeilenumbruch nach einem Formularfeld (mit Label überspringen) */
br.newline {
line-height: 75%;
clear: left;
}
/* Zeilenumbruch: nächste komplett freie Zeile */
br.clearall {
clear: both;
}
/******************************************************************/
/* Allgemeine Styles - nicht elementbezogen */
/******************************************************************/
.error {
color: #ff0000;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.top {
vertical-align: top;
}
/******************************************************************/
/* L O G O U T S E I T E */
/******************************************************************/
/*
Auf der Logoutseite, so dass bei Positionierung des IB-Bildes
keine Überlagerung stattfinden kann und der Button ebenfalls anders
positioniert werden kann.
Anwendung auf den Buttonbehälter!
Tag:
Info: Abstände
*/
.logoutbutton {
width: 30em;
text-align: right;
margin-bottom: 0.9375em;
margin-top: 0.625em;
}
/******************************************************************/
/* L O G I N S E I T E */
/******************************************************************/
/*
Buttonbehälter auf der Login-Seite
Tag:
Info: Erzeugt eine Spalte für die Bezeichner/Labels in Formularen,
so dass der Abstand zum Formularfeld gleich ist.
*/
.logincol {
float: left;
width: 55%;
padding-top: 3px;
margin-bottom: 3px;
font-size: 1.0em;
text-align: left;
}
/*
Eingabefelder auf der Loginseite
Tag: Formularfeldtags
*/
.loginformfeld {
font-size: 0.78125em;
color: #000000;
background-color: #ffffff;
vertical-align: top;
width: 10em;
}
/******************************************************************/
/* P R Ä S E N T A T I O N S B E R E I C H */
/******************************************************************/
/* Allgemein */
/*
Allgemein gültige Angaben Normaler Text Hintergrundfarbe Präsentationsframe
Tag:
*/
.anwendung {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000000;
margin: 0px;
padding: 0px;
background-color: #ffffff;
}
/* Macht den Inhalt eines Tags unsichtbar */
.invisible {
visibility: hidden;
}
/*
Tag:
Info: Für die Hilfemenüs zum Thema Barrierefreiheit
Damit das Menü versteckt wird. In herkömmlichen Webbrowsern, die CSS unterstützen,
ist das Hilfemenü nicht notwendig und somit unsichtbar am rechten Rand platziert.
*/
.accesshelp {
visibility: hidden;
position: absolute;
right: 1em;
top: 1em;
width: 20em;
background: #dddddd;
z-index: -1000;
}
/*Formulare ----------------------------------------------------------------------*/
/*
Labelspalte
Tag:
Info: Erzeugt eine Spalte für die Bezeichner/Labels in Formularen,
so dass der Abstand zum Formularfeld gleich ist.
*/
.labelcol {
float: left;
width: 33.3333%;
padding-top: 0.1875em;
margin-bottom: 0.1875em;
}
/*
Tag:
Info: Spalte für die Bezeichner, jedoch ohne Label-Tag.
*/
.col {
float: left;
width: 33.3333%;
font-size: 0.75em;
margin-bottom: 0.625em;
color: #333333;
}
.col em, .inputcol em, .labelcol em {
color: #ff0000;
margin-right: 1px;
}
/*
Tag:
Info: Spalte für s u.ä. Felder, die in der Bezeichnerspalte stehen
*/
.inputcol {
float: left;
width: 33.3333%;
font-size: 0.75em;
margin-bottom: 0.1875em;
color: #333333;
}
/*
Tag:
Info: Text (auch mehrzeilig), der in der mittleren Spalte stehen soll.
*/
.coltext {
font-size: 0.75em;
color: #333333;
margin-left:33.33333%;
width:65%;
}
/*
Zur Ausgabe von Labels ohne Feld (z.B. bei der Ausgabe der BLZ)*/
.textlabel {
float:left;
margin-left:2.1875em;
margin-right:1.25em;
font-size: 0.75em;
color: #333333;
}
.leftcolumn {
float:left;
width:50%;
}
/*
Tag:
Info: Spalte für die Bezeichner eines fehlerhaften Feldes (ohne Label-Tag)
*/
.colerror {
float: left;
width: 33.3%;
font-size: 0.75em;
color: #ff0000;
}
/*
Formularfeldbeschreibung
Tag: