﻿/**
* Globales CSS der Internet Filiale
*
* Die Style-Sheet-Datei der IF (Nicht-Netscape-4.x-Version).
* Jedes Element bekommt einen eigenen Style,
* auch wenn es bereits einen Style mit den
* gleichen Eigenschaften gibt.
*
* @created 05 2005
* @creator BB-PK1
* @company Berliner Bank
* @version $Revision: 1.139 $
* @author $Author: nils $
* @date $Date: 2005/05/30 15:17:00 $
*/

/**
* Anpassungen
*/

.button_wegalstext
{
	background: url(../images/weg_als_text_kurz.gif) no-repeat left center;
	border: none;
	cursor: pointer;
	width: 139px;
	margin:0 0 4px 0;
	padding:2px 0 2px 0;
}

body, html {
  background: #ffffff;
  margin:0px;
  padding:0px;
  height:100%;
  font: 12px/16px Arial, Helvetica, sans-serif;
}

body.extern {
  background: #ffffff;
  margin-left:0px;
  margin-top:0px;
  padding-left:0px;
  padding-top:0px;
  height:100%;
  font: 12px/16px Arial, Helvetica, sans-serif;
}

/* Fliesstext */
.text {
  font: 12px/16px Arial, Helvetica, sans-serif;
}

.textKlein {
  font: 11px/14px Arial, Helvetica, sans-serif;
}

strong {
	font-weight: bold;
}

/***** GEÄNDERT *****/
h1, .head {
  font: 15pt Arial, Helvetica, sans-serif;
  color: #222222;
	font-weight:bold;
	font-variant:small-caps;
  margin-bottom: 10px;
}

/***** NEU *****/
.subhead {
  font: 12px/16px Arial, Helvetica, sans-serif;
  color: #222222;
	font-weight:bold;
  margin-bottom: 12px;
}

/***** RAUS *****/
/* Unterueberschrift */
/* .subhead { */
/*   font: oblique 12px Arial, Helvetica, sans-serif; */
/* } */

/* Ueberschrift fuer Anlagecheck, Vorsorgecheck etc. */
.subheadCheckmodul {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #222222;
}

/* Datum ueber Textbloecken */
.datum {
  font: 11px Arial, Helvetica, sans-serif;
}

/***** NEU *****/
.gold { 
  color:#cc9900; 
	font-weight:bold; 
}
.aktiv { 
  color:#336666;
	font-weight:bold;
}
.passiv { 
  color:#eeeeee;
	font-weight:bold; 
}

/* Metanavigation */

/***** RAUS ***** */
/*  .metanav { font: 11px Arial, Helvetica, sans-serif; } */
/*  .metanav div { background: #c00; color: white; } */

/***** GEÄNDERT *****/
#metaDiv {
	background:url(pixel/head_bg.gif) repeat-x;
  height:67px;
	margin:0px;
  padding:0px;
  text-decoration:none;
}

/***** GEÄNDERT *****/
#metaDiv a {
  /* color: #fff; */
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

/***** NEU *****/
#metaDiv a:link {
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

#metaDiv a:visited {
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

#metaDiv a:hover { 
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;  
  text-decoration:none;
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
  background-color:#FFCC33; 
}

/***** NEU *****/
a.metanav {
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

/***** NEU *****/
a.metanav:link {
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

/***** NEU *****/
a.metanav:visited {
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

/***** NEU *****/
a.metanav:hover { 
	font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;  
  text-decoration:none;
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
  background-color:#FFCC33; 
}

/***** NEU *****/
td.metanav { 
	padding-left:5px;  
	padding-top:5px;
	height:17px;
}

/* Formularbeschreibung */
.formdescr {
  font: 12px Arial, Helvetica, sans-serif;
  padding: 10px 10px 10px 15px;
}

/* Ueberschrift eines Blocks von Formularelementen */
.formblock {
  font: 11px Arial, Helvetica, sans-serif;
  padding: 10px 10px 10px 15px;
}

/* Ueberschrift eines Blocks von Formularelementen
 * mit Checkbox davor */
.formblockPS {
  font: 11px Arial, Helvetica, sans-serif;
  padding: 10px 10px 10px 15px;
  text-indent: -30px;
  padding-left: 40px;
  top: 0px;
}

/* Formularfeld-Bezeichnung */
.formlabel {
  font: normal 11px Arial, Helvetica, sans-serif;
  padding-left: 15px;
}

/* Die Rasterlinie zwischen Textbloecken */
.rasterlinie {
  background-image: url(pixel/rasterlinie.gif);
  background-repeat: repeat-x;
}

/* Links werden nicht unterstrichen */
a {
  text-decoration: none;
  color: #000;
}

/***** GEÄNDERT *****/
/* außer im Fliesstext */
.hyperlink {
	text-decoration:none; /* text-decoration: underline; */
	border:0px;
}

/***** NEU *****/
p a,
p a:link,
p a:visited,
li a,
li a:link,
li a:visited,
span.hyperlink,
span.hyperlink:link,
span.hyperlink:visited,
.navtertiaer a,
.navtertiaer a:link,
.navtertiaer a:visited,
a.hyperlinkPfeil,
a.hyperlinkPfeil:link,
a.hyperlinkPfeil:visited,
a#linkTopAction,
a#linkTopAction:link,
a#linkTopAction:visited,
a#linkCheckmodul,
a#linkCheckmodul:link,
a#linkCheckmodul:visited {
	text-decoration:none; 
	border-bottom:1px solid #ffcc33; 
}

p a:hover,
li a:hover,
span.hyperlink:hover,
.navtertiaer a:hover,
a.hyperlinkPfeil:hover,
a#linkTopAction:hover,
a#linkCheckmodul:hover {
	text-decoration:none; 
	border-bottom:1px solid #ffcc33; 
	border-top:1px solid #ffcc33;
}

/***** NEU *****/
#areaTable a,
#areaTable a:link,
#areaTable a:visited,
#trLink a,
#trLink a:link,
#trLink a:visited,
#areaLink a,
#areaLink a:link,
#areaLink a:visited,
#areaAuswahlName a,
#areaAuswahlName a:link,
#areaAuswahlName a:visited {
	text-decoration:none; 
	border-bottom:1px solid #ffcc33; 
}

#areaTable a:hover,
#trLink a:hover,
#areaLink a:hover,
#areaAuswahlName a:hover {
	text-decoration:none; 
	border-bottom:1px solid #ffcc33; 
	border-top:1px solid #ffcc33;
}

/* Bei allein stehenden Links kommt ein Pfeil davor */
/*.hyperlinkPfeil {
  text-decoration: none;
	border:0px;
}*/

/* Link ohne Hinterlegung */

.hyperlinkListe {
  color: #000;
  height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.hyperlinkKlein {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 11px;
}

/* Text in tabellarischen Darstellungen */
.tabellentext {
  font: 10px Arial, Helvetica, sans-serif;
  padding-right: 5px;
  padding-left: 5px
}

/***** GEÄNDERT *****/
.containertext {
  font: 11px/14px Arial, Helvetica, sans-serif;
  background:#FBFBEA; /* #F0EEE5; */
  padding: 5px;
  border-top: 1px solid #F0EEE5;
  border-right: 1px solid #F0EEE5;
  border-bottom: 1px solid #CDC7B9;
  border-left: 1px solid #F0EEE5;
}

.containerLinkBlock {
  margin-left: 11px;
  text-indent: -11px;
  display: block;
}

/* Zeilenabstand in Absaetzen */
p {
  margin-top: 14px;
  margin-bottom: 14px;
}

/***** NEU: Tabelle MAGIC Produktdetails *****/
.detailTHrowmagic {
  width:150pt;
  text-align:right;
  font:normal 11px/16px Arial, Helvetica, sans-serif;
  background:#F5D59D;
  border-top:1px none #CDC7B9;
  border-right:1px solid #CDC7B9;
  border-bottom:1px solid #CDC7B9;
  border-left:1px none #CDC7B9;
  vertical-align: top;
  padding:2px 5px;
}

.detailTHrowmagic2 {
  width:30%;
  text-align:right;
  font:normal 11px/16px Arial, Helvetica, sans-serif;
  background:#F5D59D;
  border-top:1px none #CDC7B9;
  border-right:1px solid #CDC7B9;
  border-bottom:1px solid #CDC7B9;
  border-left:1px none #CDC7B9;
  vertical-align: top;
  padding:2px 5px;
}

/***** GEÄNDERT *****/
/* Detailtabelle: Beschriftung einer Reihe */
.detailTHrow {
  text-align:right;
  font:normal 11px/16px Arial, Helvetica, sans-serif; /* font:bold 11px/16px Arial, Helvetica, sans-serif; */
  background:#f5d59d;
  border-top:1px none #CDC7B9;
  border-right:1px solid #CDC7B9;
  border-bottom:1px solid #CDC7B9;
  border-left:1px none #CDC7B9;
  vertical-align: top;
  padding:2px 5px;
}

/***** GEÄNDERT *****/
/* Detailtabelle: Beschriftung einer Spalte */
.detailTHcol {
  text-align: center;
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  white-space: nowrap;
  padding: 2px 5px;
  background: #f5d59d;
  border-top: 1px none #CDC7B9;
  border-right: 1px solid #CDC7B9;
  border-bottom: 1px solid #CDC7B9;
  border-left: 1px none #CDC7B9;
}

/* Detailtabelle: Zwischenueberschrift */
.detailTH {
  text-align: left;
  font: bold 11px/18px Arial, Helvetica, sans-serif;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  background: #F1EFE8;
  border-top: 1px none #CDC7B9;
  border-right: 1px solid #CDC7B9;
  border-bottom: 1px solid #CDC7B9;
  border-left: 1px none #CDC7B9;
  vertical-align: top;
}


/* Detailtabelle: Rahmen der Tabelle */
.detailTabelle {
  border-top-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: none;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  background: #F0EEE5;
  border-top-color: #CDC7B9;
  border-right-color: #CDC7B9;
  border-bottom-color: #CDC7B9;
  border-left-color: #CDC7B9;

}

/* Detailtabelle: Zelle mit Daten - keine Titelzellen! */
.detailTD {
  font: normal 11px/16px Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: top;
  border-style: solid;
  border-color: #E3DDD1;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  background: #FDFDFB;
  padding: 2px 5px;
}

/***** NEU: Tabelle MAGIC Produktdetails *****/
.detailTDlinksbundmagic {
  font: normal 11px/16px Arial, Helvetica, sans-serif;
  vertical-align: top;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  background:#FBFBEA; /* #fff; */
  text-align: center;
  padding: 2px 5px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CDC7B9;
  border-right-color: #CDC7B9;
  border-bottom-color: #CDC7B9;
  border-left-color: #CDC7B9;
}

/***** NEU: Tabelle MAGIC Produktdetails *****/
.detailTDlinksbundmagic2 {
  font: normal 11px/16px Arial, Helvetica, sans-serif;
  vertical-align: center;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  background:#F5D59D; /* #fff; */
  text-align: center;
  padding: 2px 5px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CDC7B9;
  border-right-color: #CDC7B9;
  border-bottom-color: #CDC7B9;
  border-left-color: #CDC7B9;
}

.detailTDlinksbundmagic3 {
  width:35%;
  font: normal 11px/16px Arial, Helvetica, sans-serif;
  vertical-align: center;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  background:#FBFBEA; /* #fff; */
  text-align: center;
  padding: 2px 5px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CDC7B9;
  border-right-color: #CDC7B9;
  border-bottom-color: #CDC7B9;
  border-left-color: #CDC7B9;
}

/***** GEÄNDERT *****/
.detailTDlinksbund {
  font: normal 11px/16px Arial, Helvetica, sans-serif;
  vertical-align: top;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  background:#FBFBEA; /* #fff; */
  text-align: left;
  padding: 2px 5px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CDC7B9;
  border-right-color: #CDC7B9;
  border-bottom-color: #CDC7B9;
  border-left-color: #CDC7B9;
}

.detailTDrechtsbund {
  font: normal 11px/16px Arial, Helvetica, sans-serif;
  text-align: right;
  vertical-align: top;
  border-style: solid;
  border-color: #E3DDD1;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  background: #FDFDFB;
  padding: 2px 5px;
}

/* Beschriftung in tabellarischen Darstellungen */
th {
  font-weight: normal;
}


/* Navigation: Hauptpunkte sind nav_main(_f2), Unterpunkte sind nav_sub(_f2) */

/***** GEÄNDERT *****/
#layoutTabelle {
  width: 100%;
  height: 100%;
  background-color:#ffffff; /* background: url(pixel/nav_bg.gif) no-repeat; */
}

/***** GEÄNDERT *****/
#naviTBL {
	background-color:#ffffff; /* background: #F0EEE5; */
	background-image:url(pixel/nav_bg.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
	background-attachment:fixed;
}

/***** GEÄNDERT *****/
#naviWrapper {
	display:block;
	height:100%;
	width: 235px; /* width:100%; */
  background-color:#ffffff; /* background: #F0EEE5; */
  background-image:url(pixel/nav_bg.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
	background-attachment:fixed;
	border:0px;
	padding:0px;
  margin:0px;
}

.navdelimiter {
  background-image: url(pixel/navi_trennlinien.gif);
}

/***** GEÄNDERT *****/
.navmain {
	/* text-indent: -10px; */
	/* padding-left:10px; */
	/* background: url(pixel/nav_main_bg.gif) no-repeat left bottom; */
  /* font: normal 12px Arial, Helvetica, sans-serif; */
	display:block;
	width:235px;
	height:17px;
	color:#000000;
  background-image:url(pixel/nav_main_bg.gif);
  background-color:#FFFFFF;
	background-repeat:repeat-y;
	background-position:0px 0px;
	background-attachment:fixed;
	padding-left:0px;
  padding-right:0px;
	padding-bottom:5px;
  margin:0px;
}

/***** NEU *****/
.navmain a,
.navmain a:link,
.navmain a:visited { 
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

.navmain a:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
  padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
  background-color:#FFCC33; 
}

/***** GEÄNDERT *****/
.navmainf2 {
  /* text-indent: -10px; */
	/* padding-left:10px; */
  /* background: url(pixel/nav_main_bg_f2.gif) no-repeat left bottom; */
  /* font: normal 12px Arial, Helvetica, sans-serif; */
	display:block;
	width:235px;
	color:#000000;
  background-image:url(pixel/nav_main_bg_f2.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
	background-attachment:fixed;
	padding-left:0px;
  padding-right:0px;
	padding-bottom:5px;
  margin:0px; 
}

/***** NEU *****/
.navmainf2 a,
.navmainf2 a:link,
.navmainf2 a:visited { 
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#000000;
}

.navmainf2 a:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
  padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
  background-color:#FFCC33; 
}

.navmain_abmelden { /***** GEÄNDERT *****/
  display:block;
  width:235px;
  color:#000000;
  background-image:url(pixel/nav_main_bg_f2.gif);
  background-repeat:repeat-y;
  background-position:0px 0px;
  background-attachment:fixed;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:5px;
  margin:0px; 
}

.navmain_abmelden a { /***** GEÄNDERT *****/
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
  color:#000000;
  text-decoration:none;  
  padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
  border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
  background-color:#ffcc33;
}

/***** GEÄNDERT *****/
.navsub {
	/* padding-left: 5px; */
	/* text-indent: -5px; */
  /* background: url(pixel/nav_sub_bg.gif) no-repeat left bottom; */
  /* font: normal 12px Arial, Helvetica, sans-serif; */
	width: 195px;
	height:17px;
	color: #000000;
  background-image:url(pixel/nav_sub_bg.gif);
	background-repeat:repeat-y;
	background-position:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none;  
	padding-bottom:5px;
	padding-left:0px;
  padding-right:0px;
  margin:0px;
}

/***** NEU *****/
.navsub a,
.navsub a:link,
.navsub a:visited {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
}

.navsub a:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
  padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
  background-color:#FFCC33; 
}

/***** GEÄNDERT *****/
.navsubf2 {
	/* padding-left: 5px; */
	/* text-indent: -5px; */
	/* background: url(pixel/nav_sub_bg_f2.gif) no-repeat left bottom; */
  /* font: normal 12px Arial, Helvetica, sans-serif; */
	width: 195px;
	height:17px;
	color: #000000;
  background-image:url(pixel/nav_sub_bg_f2.gif);
	background-repeat:repeat-y;
	background-position:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none; 
	padding-bottom:5px;
  padding-left:0px;
  padding-right:5px;
  margin:0px;
}

/***** NEU *****/
.navsubf2 a,
.navsubf2 a:link,
.navsubf2 a:visited {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
	padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#000000;
}

.navsubf2 a:hover {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
	font-weight:bold;
	color:#000000;
	text-decoration:none;  
  padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0px;
	border-style:solid; 
  border-width:0px 0px 0px 5px; 
  border-color:#ffcc33;
  background-color:#FFCC33; 
}

/* Die Abstände der Tertiaer-Navi-Buttons zueinander */
.navLevel3 {
  padding: 2px 0px;
}

/* Tertiaernavi aktiv */
.navtertiaer {
  padding-left: 20px;
  background: url(../images/pfeil_tertiaer.gif) no-repeat left;
  color: #000;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

/* Tertiaernavi inaktiv */
.navtertiaerf2 {
  padding-left: 20px;
  background: url(../images/pfeil_tertiaer_f2.gif) no-repeat left;
  color: #808080;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

/***** GEÄNDERT *****/
.homeDiv {
  width: 100%;
  padding-top:15px; /* neu */
  font: 12px/18px Arial, Helvetica, sans-serif;
}

/***** GEÄNDERT *****/
/* Formulartabelle: Rand */
.formularTabelle {
  width: 430px;
  border: 1px solid #CDC7B9;
  background:#FBFBEA; /*#F0EEE5;*/
}

/* Zelle eines Formulars */
.formularTD {
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 14px;
  padding: 1px;
}

/* Newsletterabo Darstellung von Newslettern wenn Kontomodell nicht ausreicht */
.formularTDpassiv {
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 14px;
  padding: 1px;
	color:#999999;
}

/* Gegen doppelte kaskadierung von .formularTD: */
.formularTD .formularTD, .formularTabelle .detailTD {
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 14px;
  padding: 1px;
}


/* Formularfelder */
input {
  font-size: 11px;
	padding-right: 1px;
	padding-left: 1px;
}

/* Menues */
select {
  font-size: 11px;
}


/* Formularfelder wie Name, Kontonr. etc. */
.inputLang {
  width: 220px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Formularfelder mit halber Länge, zb Popup Menues */
.inputKurz {
	width: 100px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Formularfelder wie PLZ und Betrag */
.inputGanzKurz {
  width: 60px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Formularfelder wie Datum und Jahr */
.inputGanzGanzKurz {
  width: 40px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Formularbeschriftung im Fehlerfall wird rot hinterlegt */
.formlabelFehler {
  font: 11px Arial, Helvetica, sans-serif;
  /* Das hier muss fuer NN4 raus!!! */
  background: url(../images/form_fehler_bg.gif) repeat-x;
  color: #fff;
  padding-left: 15px;
  padding-right: 3px;
  /* und zwar bis hierhin, dafuer die Schrift fett und das rein:
  color: #CC0000;
  */
}

.formlabelFehlerMehrzeilig {
  font: 11px Arial, Helvetica, sans-serif;
  /* Das hier muss fuer NN4 raus!!! */
  background: url(../images/form_fehler_bg_mehrzeilig.gif) repeat-x;
  color: #fff;
  padding-left: 15px;
  padding-right: 3px;
  padding-top: 4px;
  padding-left: 4px;
  /* und zwar bis hierhin, dafuer die Schrift fett und das rein:
  color: #CC0000;
  */
}

/* Fehlermeldung in verschachtelter Tabelle (zB allzweckkredit/templates/kreditwunsch.ifhtml) */
.formlabelFehlerTD {
  font: 11px Arial, Helvetica, sans-serif;
  color: #fff;
  padding-left: 15px;
  padding-right: 3px;
}

/* Erklärung des Fehlers vor einem Formularfeld */
.formFehlerDescr {
  padding: 0px 10px 0px 15px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #c00;
}

/* Eingaben, die der User gemacht hat */
.formularTDusereingabe {
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  padding: 1px;
}

/* Links in Formularen (zB AGB und Produktbedingungen) */
#iform a {
  color: #000;
  text-indent: -14px;
  padding-left: 14px;
  display: block;
  margin-bottom: -11px;
}

/***** GEÄNDERT *****/
#iform a.hyperlink,
#iform a.hyperlink:link,
#iform a.hyperlink:visited {
  color:#000;
  display:inline;
  text-indent:0px;
  padding-left:0px;
	text-decoration:none; /*text-decoration: underline;*/
	border-bottom:1px solid #ffcc33; 
}

/***** NEU *****/
#iform a.hyperlink:hover {
  color:#000;
  display:inline;
  text-indent:0px;
  padding-left:0px;
	text-decoration:none; /*text-decoration: underline;*/
	border-bottom:1px solid #ffcc33; 
	border-top:1px solid #ffcc33;
}

.formCheckboxListe {
  font: 11px Arial, Helvetica, sans-serif;
  padding: 10px;
}

/***** NEU *****/
td#container {
  padding-top:15px;
}

/***** GEÄNDERT *****/
/* Der Rand um einen Container */
.containerTabelle {
  border-top: 1px solid #CDC7B9;
  border-right: 1px solid #CDC7B9;
  border-bottom: 1px none #CDC7B9;
  border-left: 1px solid #CDC7B9;
  background:#FBFBEA; /* #F0EEE5; */
}

/***** GEÄNDERT *****/
/* Die Titelzeile eines Containers */
.containerHead {
  font: 11px Arial, Helvetica, sans-serif;
  background:#F5D59D; /* #c00; */
  border-top: 1px solid #F0EEE5;
  border-right: 1px solid #F0EEE5;
  border-bottom: none #F0EEE5;
  border-left: 1px solid #F0EEE5;
}

/***** GEÄNDERT *****/
/* Der Text im Boersenticker-Container */
.tickertext {
  font: 11px Arial, Helvetica, sans-serif;
  background:#FBFBEA; /* #F0EEE5; */
  border-top: 1px none #F0EEE5;
  border-right: 1px none #F0EEE5;
  border-bottom: 1px solid #CDC7B9;
  border-left: 1px none #F0EEE5;
}

/* Eingabefelder in den Containern */
.inputWKN {
  width: 55px;
  font-size: 9px;
}

.inputKontonummer {
  width: 90px;
  font-size: 9px;
}
.inputKontonummerKurz {
  width: 75px;
  font-size: 9px;
}

/* Formularfelder im SuchContainer */
.inputSuchContainer {
  width: 130px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Sitemap */
.sitemapText {
  font: 9px/12px Arial, Helvetica, sans-serif;
  background: #FBFBEA; /* #F9F8F3; */
  border-top: 1px solid #E7E0D4;
  padding-left: 5px;
}

/* Der Rand um die Bloecke */
.sitemapTabelle {
  border-top: 1px solid #E7E0D4;
  border-right: 1px solid #E7E0D4;
  border-bottom: 1px solid #E7E0D4;
  border-left: 1px solid #E7E0D4;
}

/* Die Titelzeile eines Blocks */
.sitemapHead {
  font: 9px/12px Arial, Helvetica, sans-serif;
  padding-left: 5px;
  background: #F5D59D; /* #E3DDD1; */
}

/* GROSSBUCHSTABEN */
.CAPS {
  text-transform: uppercase;
}

.formCheckboxListe {
  font: 12px Arial, Helvetica, sans-serif;
  padding: 10px;
}

/* Anlagecheck: Tabelle */
.anlagecheckTabelle {
  border: 1px solid #E7E0D4;
}

.anlagecheckTD {
  font: normal 11px/16px Arial, Helvetica, sans-serif;
  padding: 1px;
}

.anlagecheckHeadline .formularTD {
  font: normal 12px Arial, Helvetica, sans-serif;
}

/* Anlagecheck: Tabelle mit allen Produkten */
.anlagecheckEmpfehlungTD {
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 14px;
  padding: 5px;
  background: #fff;
}

/* Anlagecheck: Produkte, die nicht empfohlen werden */
.anlagecheckLinkInaktiv {
  color: #E2DED3;
}

/* Anlagecheck: Fehler bei der Eingabe */
.anlagecheckFehlermeldung {
  font: 11px Arial, Helvetica, sans-serif;
  color: #c00;
}

.anlagecheckHeadline {
  font: 11px Arial, Helvetica, sans-serif;
  padding: 10px;
}

.formBestaetigungText {
  font: bold 11px Arial, Helvetica, sans-serif;
  padding: 10px 10px 10px 15px;
}

/* Symbol fuer Aufzählungen */
li {
  list-style: url(../images/pfeil_aufzaehlung.gif);

}

/* Abstände rund um Aufzählungen */
ul {
  margin-top: 5px;
  margin-left: 12px;
}

/* Form Tag ohne Luecken */
form {
  margin: 0px;
  padding: 0px;
}


.textWinzig {
  font: 11px Arial, Helvetica, sans-serif;
}


/*
* ------------------------ SPK CHEMNITZ -----------------------
*/

/* Kommentare, Bildlegenden */
.kommentare {
  font: 10px Arial, Helvetica, sans-serif;
}

/* Beispieltabelle: Zelle mit Daten - keine Titelzellen! */
.beispielTD {
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 14px;
  text-align: left;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #F9F8F3;
  border-style: solid;
  border-color: #E3DDD1;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
}

/* Beispieltabelle: Beschriftung des Kopfes */
.beispielHead {
  text-align: left;
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #E3DDD1;
  border-style: solid;
  border-color: #F9F8F3;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
}

/* Beispieltabelle: Beschriftung einer Zwischenzeile */
.beispielSub {
  text-align: left;
  font: 11px Arial, Helvetica, sans-serif;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #F1EEE8;
  border-bottom-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  border-color: #E3DDD1;
  border-top-width: 0px;
  border-right-width: 1px;
  border-left-width: 0px;
  line-height: 14px;
}

/*
* ------------------------ ENDE SPK CHEMNITZ -----------------------
*/

.aktionsilluStd {
  margin-bottom: 10px;
}

/*
* ------------------------ Style fuer die Fotogalerie-----------------------
*/
#foto a  {
  display: block;
  height: 58px;
  width: 58px;
  border: 10px solid #FFFFFF;

}

#foto a:hover {
  display: block;
  height: 58px;
  width: 58px;
  border: 10px solid #F1EEE5;
}

.fotoRahmenF2 {
  display: block;
  height: 58px;
  width: 58px;
  border: 10px solid #F1EEE5;
}
/*
* ------------------------ Ende Style fuer die Fotogalerie-----------------------
*/

#naviSpacer {
  background: url(../images/head_bg.gif) repeat-x;
  margin:0px;
  padding:0px;
}

#naviDiv {
  margin:0px;
  padding:0px;
  color: #fff; 
	text-decoration: none;
	background:url(../images/nav_bg.gif) bottom repeat-y;
  height:100%;
}

td, table, tr {
  font: 12px Arial, Helvetica, sans-serif;
}

/* Verzahnung */



/* Ende Verzahnung */

.iftxform {
	padding: 0 !important;
	margin: 0 !important;
}

input.iftxbutton {
    font: 12px/16px Arial, Helvetica, sans-serif !important;
    border-bottom: 1px solid black !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: auto !important;
    text-align: left !important;
}

a.iftxbutton {
    text-decoration: underline !important;
}

/*
* ------------------------ Style fuer Aktionsseite mit Bild----------------------
*/

.aktionsseiteOpenerTabelle {
	background-color: #F1EEE5;
	height: 211px;
	border: 1px solid #CAC9B7;
}

.aktionsseiteOpenerTDBild {
	width: 300px;
}

.aktionsseiteOpenerTDContent {
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CAC9B7;
}

.aktionsseiteOpenerTabelle {
	background-color: #F1EEE5;
	height: 211px;
	border: 1px solid #CAC9B7;
}

.aktionsseiteOpenerTDBild {
	width: 300px;
	vertical-align: top;
	padding: 0px;
}

.aktionsseiteOpenerTDContent {
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CAC9B7;
}

.aktionsseiteBild {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.aktionsseiteHeadline {
  font: 13pt Arial, Helvetica, sans-serif;
  color: #222222;
	font-weight:bold;
	font-variant:small-caps;
  margin-bottom: 10px;
}
/*
* ------------------------ Ende Style fuer Aktionsseite mit Bild------------------------
*/