/* Grundeinstellungen */
/* Überschrift auf Weiss: #0078bb */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

table {
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
}

#section .description p, #section .abstract p,  #section .childrenAbstract p, #section .body p {
  margin: 1em 0em;
  line-height: 1.5em;
}

/* Ende Grundeinstellungen */

body {
  width: 1024px;
  font-family: arial, helvetica, sans-serif;
  background-repeat: no-repeat;
}

a {
  color: #0077b0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.mark {
  color: #f90;
}

.parentBack {
  border-bottom: 1px solid #888;
  line-height: 2em;
}

.parentBack a {
  color: #888;
}

#header {
  background-image: url(/resources/images/neu/header_background.png);
  background-repeat: repeat;
  height: 122px;
}

#header h1 {
  text-shadow: 0px -1px 0px #10346b;
  filter:DropShadow(color=#10346b, offx=0, offy=-1);
  position: absolute;
  color: #fff;
  top: 20px;
  left: 100px;
}

#header #logo {
  background-image: url(/resources/images/neu/fmh_logo.png);
  background-reapeat: no-repeat;
  height: 82px;
  width: 204px;
  display: block;
  position: absolute;
  top: 18px;
  left: 28px;
}

#header .generalInfo {
  position: absolute;
  top: 14px;
  left: 452px;
  white-space: nowrap;
}

#header .generalInfo li {
  margin-right: 10px;
}



#header .searchForm {
  padding: 1px 1px 1px 8px;
  display: inline-block;

  /* ie 9 does not accept rounded corners on gradients
  /*
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#043b8d', startColorstr='#1a6aaf', gradientType='0');
  */
  background-color: #1a6aaf;

  background-image: -o-linear-gradient(
      center top,
      #1a6aaf,
      #003f8d
  );

  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #1a6aaf),
      color-stop(0.58, #003f8d)
  );
  background-image: -moz-linear-gradient(
      center top,
      #1a6aaf 15%,
      #003f8d 58%
  );

  border-radius:12px;

}

#header .searchForm input {
  height: 21px;
  border-radius:10px;
}

#header .searchForm input[type=submit] {
  color: #fff;
  border: none;
  background-color: transparent;
  
}

#header .searchForm input[type=text] {
  padding-left: 2px;
}

#header .generalInfo li a {
  color: #888;
  font-size: 11px;
  /*
  text-shadow: 0px -1px 0px #10346b;
  filter:DropShadow(color=#10346b, offx=0, offy=-1);
  */
}

#header .toolbar {
  position: absolute;
  left: 550px;
  top: 60px;
  white-space: nowrap;
}

.toolbar ul, 
.toolbar li {
  margin: 0px;
  padding: 0px;
}

#header .toolbar li {
  display: inline;
}

#header .toolbar a {
  text-decoration: none;
}

.sprite span {
  background-image: url(/resources/images/neu/icons.png);
  background-repeat: no-repeat;
  background-position: 50px 50px;
  height: 36px;
  width: 36px;
  display: inline-block;
}

.toolbar ul {
  list-style:none;
}

#header .toolbar li {
  margin-left: 5px;
}

#header .toolbar li .sprite span {
  dislpay: inline-block;
}

.sprite.fmh span {
  background-position: -50px -697px;
}

.sprite.geldanlageberater span {
  background-position: -1px 1px;
}

.sprite.geldanlageberater:hover span,
.keywords .sprite.geldanlageberater span {
  background-position: -52px 1px;
}

.sprite.bausparberater span  {
  background-position: -1px -516px;
}

.sprite.bausparberater:hover span,
.keywords .sprite.bausparberater span {
  background-position: -52px -516px;
}

.sprite.wohn-riester span {
  background-position: -1px -89px;
}

.sprite.wohn-riester:hover span,
.keywords .sprite.wohn-riester span {
  background-position: -52px -89px;
}

.sprite.hypotheken-darlehen span {
  background-position: -1px -171px;
}

.sprite.hypotheken-darlehen:hover span,
.keywords .sprite.hypotheken-darlehen span {
  background-position: -52px -171px;
}

.sprite.forward-darlehen span {
  background-position: -1px -42px;
}

.sprite.forward-darlehen:hover span,
.keywords .sprite.forward-darlehen span {
  background-position: -52px -42px;
}

.sprite.ratenkredite span {
  background-position: -1px -130px;
}

.sprite.ratenkredite:hover span,
.keywords .sprite.ratenkredite span {
  background-position: -52px -130px;
}

.sprite.girokonto span {
  background-position: -1px -215px;
}

.sprite.girokonto:hover span,
.keywords .sprite.girokonto span {
  background-position: -52px -215px;
}

.sprite.tagesgeld span {
  background-position: -1px -258px;
}

.sprite.tagesgeld:hover span,
.keywords .sprite.tagesgeld span {
  background-position: -52px -258px;
}

.sprite.festgeld span {
  background-position: -1px -301px;
}

.sprite.festgeld:hover span,
.keywords .sprite.festgeld span {
  background-position: -52px -301px;
}

.sprite.langfristige-anlagen span {
  background-position: -1px -602px;
}

.sprite.langfristige-anlagen:hover span,
.keywords .sprite.langfristige-anlagen span {
  background-position: -52px -602px;
}

.sprite.sparbuch span {
  background-position: -1px -645px;
}

.sprite.sparbuch:hover span,
.keywords .sprite.sparbuch span {
  background-position: -52px -645px;
}

.sprite.sparplan span {
  background-position: -1px -431px;
}

.sprite.sparplan:hover span,
.keywords .sprite.sparplan span {
  background-position: -52px -431px;
}

.sprite.schatzbrief-alternativen span {
  background-position: -1px -343px;
}

.sprite.schatzbrief-alternativen:hover span,
.keywords .sprite.schatzbrief-alternativen span {
  background-position: -52px -343px;
}

.sprite.depotbank span {
  background-position: -1px -474px;
}

.sprite.depotbank:hover span,
.keywords .sprite.depotbank span {
  background-position: -52px -474px;
}

.sprite.foerderdarlehen span {
  background-position: -1px -387px;
}

.sprite.foerderdarlehen:hover span,
.keywords .sprite.foerderdarlehen span {
  background-position: -52px -387px;
}


.nav.top ul {
  font-size: 12px;
  list-style: none;
  border: none;
}

.nav.top > ul {
  background-color: #1a6aaf;
  background-image: -o-linear-gradient(
      center top,
      #1a6aaf,
      #003f8d
  );
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #1a6aaf),
      color-stop(0.58, #003f8d)
  );
  background-image: -moz-linear-gradient(
      center top,
      #1a6aaf 15%,
      #003f8d 58%
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#003f8d', startColorstr='#1a6aaf', gradientType='0');
}

.nav.top > ul > li > a {
  font-family: Trebuchet MS,arial,sans-serif;
  text-decoration: none;
  letter-spacing: 0.09em;
}

.nav.top  a {
  color: #fff;
}

.nav.top .level_0 > li:first-child {
  margin-left: 28px;
}

.nav.top .level_1 {
}

.nav.top .level_0 > li > a {
  text-transform: uppercase; 
  padding: 9px 9px 0px 9px;
  display: inline-block;
  height: 25px;
  /*
  text-shadow: 0px -1px 0px #10346b;
  filter:DropShadow(color=#10346b, offx=0, offy=-1);
  */
}

.nav.top .level_1 {
  height: 60px;
}

.nav.top .level_1 > li > a {
  display: inline-block;
  padding: 7px 7px;
}

.nav.top .level_1 > li.current > a {
  color: #ddd;
  text-decoration: underline;
  /*
  text-shadow: 0px -1px 0px #1a6aaf;
  filter:DropShadow(color=#1a6aaf, offx=0, offy=-1);
  */
}

.nav.top .level_1 > li:hover > a, .nav.top .level_1 > li.current:hover > a {
  /*
  text-shadow: 0px 1px 0px #fff;
  filter:DropShadow(color=#fff, offx=0, offy=1);
  */
}

.nav.top .level_0 li {
  display: inline;
}

.nav.top .level_1 {
  display:none;
  padding-left: 28px;
}

.nav.top .level_0 > li > ul {
  z-index: 0;
}

.nav.top .level_0 > li:hover > ul {
  z-index: 100;
  
}

.nav.top .level_0 > li:hover > ul, .nav.top .level_0 > li.current ul {
  display:inline;
  position: absolute;
  left: 0;
  margin-top: 33px;
  width: 996px;
}

.nav.top .level_0 > li:hover a {
  /*
  text-shadow: 0px -1px 0px #10346b;
  filter:DropShadow(color=#10346b, offx=0, offy=-1);
  */
}

.nav.top .level_0 > li.current > a {
  background-color: #3faddb;
}


.nav.top .level_0 > li.current > ul {
  z-index: 0;
  color: #fff;
  background-color: #3faddb;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #3faddb),
      color-stop(0.58, #3592c7)
  );
  background-image: -moz-linear-gradient(
      center top,
      #3faddb 15%,
      #3592c7 58%
  );
  background-image: -o-linear-gradient(
      center top,
      #3faddb,
      #3592c7
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#3592c7', startColorstr='#3faddb', gradientType='0');
}

.nav.top .level_0 > li:hover > a {
  background-color: #ddd;
}

.nav.top .level_0 > li:hover > a,
.nav.top .level_0 > li:hover > ul a {
  color: #0078bb;
}

.nav.top .level_0 > li:hover > ul {
  background-color: #ddd;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #ddd),
      color-stop(0.58, #ccc)
  );
  background-image: -moz-linear-gradient(
      center top,
      #ddd 15%,
      #ccc 58%
  );
  background-image: -o-linear-gradient(
      center top,
      #ddd,
      #ccc
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#cccccc', startColorstr='#dddddd', gradientType='0');
}


a.rechner {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(/resources/images/rechner.jpg);
  padding-left: 40px;
  height: 47px;
}

input, textarea, select {
  border: 1px solid #0077b0;
  border-radius:4px;
}

div.abc ol {
  list-style-type: lower-alpha;
}

#envelope {
  width: 1024px;
  margin-top: 70px;
  padding-left: 28px;
}

#section {
  font-size: 12px;
  float: left;
  width: 560px;
  /* border: 1px solid #0f0; */
}

#rightBar, #leftBar, #footer {
  font-size: 11px;
}

.wide {
  width: 415px;
}

.narrow {
  width: 200px;
}

#leftBar {
  padding: 0px 0px 0px 0px;
  float:left;
  margin-right: 16px;
}

#leftBar.narrow {
}

#leftBar > * {

}

#leftBar p {
  margin: 0px;
  padding: 2px;
  text-align: center;
}

#leftBar .frame {
  padding: 1px 0em;
  background-color: #e6e6e6;
}

#rightBar .source {
  color: #888;
}

#rightBar {
  float:left;
  /* border: 1px solid #f00; */
  padding-left: 20px;
}

#rightBar .popupButton {
  background-color: #ddd;
}

#rightBar .popupButton:hover {
  background-color: #07b;
  cursor: pointer;  
}

.live_search_match {
  color: #f90;
  font-weight: bold;
  font-style: italic;
  display: inline-block;
}

#public_search .title {
  display:inline-block;
  margin-top: 1.5em;
  font-size: 1.0;
  font-weight:bold;
}

#public_search h2 {
  margin-top: 10px;
}

#public_search p {
  line-height: 1.5em;
}

.generalInfo li {
  display: inline-block;
  margin: 0.4em 0.2em;
}

/* page layout */

#section .tableFrame table {
  width: 100%;
  /* border: 1px solid #000; */
}



#rightBar p {
  line-height: 1.5em;
}

#rightBar .body ul {
  margin: 1em;
}

#rightBar .body li {
  margin-left: 10px;
}

#rightBar .frame li {
  line-height: 1.5em;
}

#rightBar .frame .body .article {
  line-height: 1.5em;
}

#rightBar .frame.lexikon table {
  margin: 10px 0px;
  width: 100%;
}

#rightBar .frame.lexikon td,
#rightBar .frame.lexikon th {
  padding: 2px;
}

#rightBar .frame.lexikon td {
  border-bottom: 1px solid #888;
}

#rightBar > table,
#rightBar img {
  text-align: center;
}

#rightBar .frame, #rightBar .mini {
  background-color: #eaeaea;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.0, #eaeaea),
      color-stop(1.0, #fff)
  );
  background-image: -moz-linear-gradient(
      center bottom,
      #eaeaea 0%,
      #fff 100%
  );
  background-image: -o-linear-gradient(
      center bottom,
      #eaeaea,
      #fff
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient( startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0');
  margin-bottom: 1.5em;
}

#rightBar .mini {
  padding-top: 10px;
}

#rightBar .mini .results {
  margin-top: 10px;
}

#rightBar .mini p {
  padding: 10px 10px 5px 10px;
}

#rightBar .mini p.sprite * {
  vertical-align: middle;
  margin-right: 5px;
}

#rightBar .chartImages img {
  margin: 5px 0px 5px 0px;
}

#rightBar .chartImages img:first-child {
  margin-top: 10px;
}

#rightBar .chartImages img:last-child {
  margin-bottom: 10px;
}

/* content */

#section .childrenAbstract,
#section .abstract,
#section .body, 
#section .description {
  margin-bottom: 2em;
}

h1, h2 {
  clear: both;
  color: #0077b0;
}

h3 {
  color: #666;
}

#section > h1, #section > h2 {
  margin: 1em 0em 0.5em;
}

#section h1, #section h2 {
  font-size: 16px;
}

.abstract .timestamp {
   color: #0077b0;
   font-weight: bold;
}

#section .articles ul {
  margin: 5px 10px;
  padding: 0px;
}



#section .articles li {
  margin: 5px;
  padding: 0px;
}

#section > h3, #section .body > h3,  
#section .container > h4,
#section .childrenAbstract > h3,
#section .articles > h2 {
  line-height: 1.5em;
  margin: 1em 0em 0.8em 0em;
}

#section > h3, #section .body > h3, .flexTable h2,
.flexTable h3,
#section .articles > h2 {
  font-family: Trebuchet MS,arial,sans-serif;
  font-variant: small-caps;  
}

#section .articles > h2 {
  color: #888;
}

#section > h3, .flexTable h2 {
  font-size: 14px;
}

#section .childrenAbstract h3 {
  clear:both;
}

.flexTable h3 {
  font-size: 12px;
  margin: 5px 0px 5px;
}

#rightBar .toolbar ul {
  /*width: 80%;*/
  padding: 10px;
}

#rightBar .toolbar li * {
  margin: 0 0 3px 0;
  vertical-align: middle;
}


#rightBar .toolbar li a.sprite span {
  margin-right: 5px;
}

#rightBar .toolbar .tools li, #rightBar .specialOffers li, #rightBar .frame > p, #rightBar .body p {
  line-height: 1.8em;
}

#rightBar .frame .fragebogen p {
  font-size: 12px;
  line-height: 2.5em;
}

#rightBar .toolbar li a {
  text-decoration: none;
}

#section .abstract img {
  float:left;
}


#section .body h2 {
  margin-top: 2em;
}

#section .description ul, #section .description ol {
  margin: 0.8em 1em;
  padding: 0px;
}

#section .description li {
  margin: 0.8em 1em;
  padding: 0px;
}

#section li.separator {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}

#section .keywords {
  clear: both;
}

#section .keywords .sprite {
  float: left;
}

#section .keywords .container {
  padding-top: 8px;
  border-bottom: 1px solid #888;
}

#section .childrenAbstract h3 {
  border-bottom: 1px solid #666;
}

#section .childrenAbstract .footer {
  display: inline;
}

#section .childrenAbstract .bottom {
  float:right;
  font-size: 11px;
  display: inline-block;
  /*margin-top: -10px;*/

  /* border: 1px solid transparent; */ /* trick for ie to get it in line */
}

#section .childrenAbstract .bottom span {
  background-color: #fff;
  padding-right: 10px;
  vertical-align: middle;
}

#section .childrenAbstract .bottom {
  vertical-align: middle;
}


#section .childrenAbstract .more a:before,
#section .abstract .more a:before {
  content:"► ";
}


#section .keywords .container h4,
#section .keywords .container > h4 > a {
  color: #888;  
}

#section .keywords .container h4 {
  margin-top: 0.2em;
  text-transform: uppercase;
  display: inline;
  letter-spacing: 0.12em;
  clear: none;
}
#section .keywords .container > a {
  margin-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  padding-bottom: 3px;
  border-right: 1px solid #ccc;
  float: right;
}

#section .keywords .sprite span {
  background-color: #fff;
  padding-right: 10px;
}

#section .keywords .container a:nth-child(2) {
  border-right: none;
}

#section .body ul {
  margin-left: 2em;
  line-height: 1.5em;
}

.tabbedContainer, .tabbedContainer table {
  font-size: 11px;
}

.tabbedContainer table {
  width: 100%;
  
}

.tabbedContainer .tabs td a {
  display:block;
  color: #fff;
}

.tabbedContainer .tabs td a:hover {
  color: #00778b;
  background-color: #eaeaea;
  /*
  text-shadow: 0px -1px 0px #fff;
  filter:DropShadow(color=#fff, offx=0, offy=-1);*/
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.0, #eaeaea),
      color-stop(1.0, #fff)
  );
  background-image: -moz-linear-gradient(
      center bottom,
      #eaeaea 0%,
      #fff 100%
  );
  /*
  background-image: -o-linear-gradient(
      center bottom,
      #eaeaea,
      #fff
  );*/
  filter:Progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eaeaea', endColorstr='#ffffff', gradientType='0');
}

.tabbedContainer .tabs td a.selected {
  color: #fff;
  background-color: #3faddb;
  filter:Progid:DXImageTransform.Microsoft.Gradient( startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0');
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #3faddb),
      color-stop(0.58, #3592c7)
  );
  background-image: -moz-linear-gradient(
      center top,
      #3faddb 15%,
      #3592c7 58%
  );
  background-image: -o-linear-gradient(
      center top,
      #3faddb,
      #3592c7
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#3592c7', startColorstr='#3faddb', gradientType='0');
}

#leftBar > h2, #rightBar > h2, #rightBar .splitted h2, .tabbedContainer .tabs td a {
  /*
  text-shadow: 0px -1px 0px #10346b;
  filter:DropShadow(color=#10346b, offx=0, offy=-1);*/

  padding: 5px;
  text-align:center;
  color: #fff;
  background-color: #1a6aaf;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #1a6aaf),
      color-stop(0.58, #003f8d)
  );
  background-image: -moz-linear-gradient(
      center top,
      #1a6aaf 15%,
      #003f8d 58%
  );
  background-image: -o-linear-gradient(
      center top,
      #1a6aaf,
      #003f8d
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#003f8d', startColorstr='#1a6aaf', gradientType='0');
}

#rightBar .tabbedContainer h2 {
  font-size: 11px;
  color: #00778b;
  text-align: center;
  margin: 10px 5px;
  font-weight: normal;
}

#leftBar .frame {
  margin-bottom: 10px;
}

#leftBar h2, #rightBar > h2, #rightBar .splitted h2, #rightBar h3, #rightBar h4 {
  font-size: 12px;
}

#leftBar .treeSide ul,
#leftBar .treeSide li {
  margin: 0px;
  padding: 0px;
}

#leftBar .treeSide ul {
  margin: 10px;
  list-style-type: square;
}

#leftBar .treeSide li {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 12px;
  line-height: 1.5em;
}

#rightBar .splitted .left {
  width: 49%;
  float: left;
  margin-right: 2%;
}

#rightBar .splitted .right {
  width: 49%;
  float: left;
}

#rightBar .body {
  padding: 8px 10px;
}

#rightBar .article {
  margin-top: 2px;
  margin-bottom: 2px;
}

#rightBar .pointer,
#section .pointer {
  display:block;
  float:left;
  color: #888;
  font-weight:bold;
  margin-right: 0.5em;
}

#rightBar .article a {
  display:block;
  margin-left: 1em;
}

#rightBar p.chart {
  padding: 0px;
  margin: 0px;
  text-align: center;
}

#rightBar p.chart img {
  margin: 10px auto;
  /* border: 1px solid #f00; */
}

#rightBar .alfWidget .chart {
  display:none;
  position:absolute;
  margin-top: -120px;
  margin-left: -200px;
  background-color: #00a4d7;
  padding: 4px;
  -moz-box-shadow: #999 5px 5px 5px;
  -webkit-box-shadow: #999 5px 5px 5px;
  -opera-box-shadow: #999 5px 5px 5px;
  -khtml-box-shadow: #999 5px 5px 5px;
  box-shadow: #999 5px 5px 5px;;
}

#rightBar .tableFrame table {
  width: 100%;
}

#rightBar .tableFrame table tr td:first-child {
  text-align: left;
  padding-left: 10px;
}

#rightBar .tableFrame table tr td:last-child {
  padding-right: 10px;
}

#rightBar .tableFrame table tr td:last-child:last-child {
  /* text-align: center; */
}

#rightBar .alfWidget p {
  text-align:center;
}

#rightBar .alfWidget th.fmhindex,
#rightBar .alfWidget td.fmhindex {
  width: 40px;
}

#rightBar .alfWidget .row td {
  border-bottom: 1px dotted #aaa;
}

#rightBar .alfWidget .row:last-child td {
  border-bottom: none;
}

#rightBar .alfWidget .row .duration {
  text-align: left;
}

#rightBar .frame > p {
  padding: 10px;
}

#rightBar form {
  padding: 0 10px 10px 10px;
}

#rightBar form {
  line-height: 2.5em;
}

#rightBar .alfWidget h3 {
  font-size: 11px;
  padding: 2px 5px;
  margin-top: 2px;
  border-radius:4px;
  font-weight: normal;
}

#rightBar .alfWidget td,
#rightBar .alfWidget th {
  padding: 2px 0px 2px 2px;
}

#rightBar .alfWidget td {
  text-align: center;
  vertical-align:middle;
}

#rightBar .alfWidget tr.datarow td:first-child {
  text-align: left;
}

#rightBar .alfWidget th {
  color: #07b;
  padding-bottom: 4px;
}

#rightBar .alfWidget tr.titles th {
  color: #000;
  border-top: 1px solid #e6e6e6;
}

#rightBar .alfWidget td.product {
  text-align: left;
}

#rightBar .alfWidget .graph:hover .chart {
  display:block;
}


#rightBar .alfWidget .alt0 {
}

#rightBar .alfWidget .alt1 {

}

#rightBar .alfWidget td.direction {
  white-space: nowrap;
  text-align: left;
}

#rightBar .alfWidget td.direction {
  font-size: 14px;
  padding: 0px;
  text-align: left;
  width: 10%;
}

#rightBar .alfWidget .debit td.direction.up span:before {
  content: "◥";
  color: #b00;
}

#rightBar .alfWidget td.direction.none span:before {
  content: "▶";
  color: #bbb;
}


#rightBar .alfWidget .debit td.direction.down span:before {
  content: "◢";
  color: #0b0;
}

#rightBar .alfWidget .credit td.direction.up span:before {
  content: "◥";
  color: #0b0;
}

#rightBar .alfWidget .credit td.direction.down span:before {
  content: "◢";
  color: #b00;
}

#rightBar .alfWidget td.footer {
  padding: 6px 2px;
}

#rightBar input[type="radio"] {
  border: none;
}

#rightBar .specialOffers ul,
#rightBar .specialOffers li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#rightBar .specialOffers ul {
  padding: 10px;
  background-image: -webkit-gradient(
    linear, left top, right top, from(rgba(230,230,230,1)),
    to(rgba(255,255,255,0))
  );
  background-image: -moz-linear-gradient(left top,
    rgba(230, 230, 230, 1) 40%, rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
    gradientType=1,
    startColorstr="#ffe6e6e6", endColorstr="#22e6e6e6"
  );
}

#rightBar .specialOffers {
  background-image: url(/resources/images/special_offers.jpg);
  filter: none;
  background-repeat: no-repeat;
}

#rightBar .splitted .specialOffers > a,
#rightBar.narrow .specialOffers > a {
  width: 45px;
  background-position: -20px 0px;
}

#rightBar .specialOffers > a:hover {
  border: 1px solid #009de0;
}
/*
#rightBar .specialOffers li {
  padding: 2px 5px;
}*
/*
#rightBar .specialOffers .level1 a {
  margin-left: 4px;
}

#rightBar .specialOffers .level2 a {
  margin-left: 28px;
}
*/

/* fmh_index rechte Seite */

#rightBar .fmhIndex .footer {
  margin: 0px;
  text-align: center;
}

#rightBar .fmhIndex p {
  text-align: center;
}

#rightBar .fmhIndex td {
  border-bottom: 1px solid #ddd;
  padding: 2px 1px;
}

#rightBar .fmhIndex .footer {
  padding: 6px 1px;
}

#rightBar .frame .description {
  line-height: 1.3em;
  color:#666;
}

/* rightBar tabbedContainer */

.tabbedContainer {
  clear: both;
}

.tabbedContainer .tabContent {
  display: none;
}

.tabbedContainer .tabContent div:first-child {
  display:block;
}

/* rightBar mini */

.mini .details {
  text-align: center;
}

.mini .timestamp, .alfWidget .timestamp {
  color: #888;
}

.mini .timestamp {
  line-height: 3.2em;
  text-align: right;
  float: right;
}

.alfWidget p.timestamp {

}

.mini, .mini table {
  font-size: 11px;
}

.mini ul, .mini li {
  margin: 0px;
  padding: 0px;
}

.mini ul {
  margin: 1em 8px 0em 8px;
  text-align: right;
  list-style: none;
  width: 100%;
  border: 1px solid #f00;
}

.mini li {
  display: inline-block;
  border-bottom: 1px solid #888;
}

.mini li a {
  color: #888;
  text-align:center;
  padding: 0.5em 1em;
  display: inline-block;
  border-left: 1px solid #888;
}

.mini li a:hover, .mini li a.selected  {
  color: #0077b0;
  font-weight: bold;
}

.mini .label {
  color: #888;
}

.mini .tabContent {
  display: none;
}

.mini .tabContent {
  padding-top: 0em;
}

.mini .tabContent table {
  width: 100%;
}

.mini .tabContent td {
  color: #000;
}

.mini .tabContent td,
.mini .tabContent th {
  border-bottom: 1px dotted #ccc;
  padding: 0.3em 0.3em;
}

.mini .tabContent .parameters td.col0 {
  width: 30%;
}

.mini .tabContent .results th {
  color: #000;
}

.mini .tabContent .results td {
  border-bottom: 1px dotted #ccc;
  text-align: center;
}

.mini .tabContent .results td.col0 {
  text-align: left;
}

/* mini hypotheken */
.mini.hypotheken .col0 {
  width: 35%;
}

/* mini combi */

.mini .combiTabs td {
  border-bottom: 1px solid #e6e6e6;
}

.mini .combiTabs .label, .mini .results tr td:first-child {
  padding-left: 1em;
}

.mini .combiTabs {
  margin-bottom: 0.5em;
}

.mini .combiTabs table {
  width: 100%;
}

.mini .combiTabs a {
  text-align:center;
  display: block;
  color: #888;
  margin-left: 0.1em;
  margin-top: 0.1em;
  border-right: 1px solid #e6e6e6;
  padding: 0.2em;
}

.mini .combiTabs tr td:last-child a {
  border: none;
}

.mini .combiTabs .tab.selected a {
  font-weight: bold;
}

.mini .combiTabs .tab.selected a, .mini .combiTabs .tab a:hover {

  color: #0077b0;
}

/* rightBar mini end*/


/* sitemap */

#sitemap {

}

#sitemap a {
  padding: 0.2em 0.5em;
}

#sitemap div {
  margin: 0.2em 0em;
}

#sitemap .level_0 > a, #sitemap .level_1 > a {
  display:block;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: 10px;
}

#sitemap .level_0 a, #sitemap .level_1 a {
  font-weight: bold;
  margin-left: 0em;
}

#sitemap  .level_2 a, 
#sitemap .level_0 .article a, #sitemap .level_1 .article a {
  margin-left: 4em;
}

#sitemap .level_2 > .article a {
  margin-left: 6em;
}

#sitemap .level_3 > .article a {
  margin-left: 10em;
}

#sitemap .level_4 > .article a {
  margin-left: 14em;
}

#sitemap .article a {
  color: #7a7a7a;
  font-weight: 200;
}

#sitemap  .level_3 a{
  margin-left: 8em;
}

#sitemap  .level_4 a{
  margin-left: 12em;
}

/* only in index_front.html.erb */

#section .tagesgeldItem {
  font-weight: bold;
  cursor: pointer;
}

/* .stepCategories .stepIcon { */
#section .body .stepIcon, #section .childrenAbstract .stepIcon,
#section .abstract .stepIcon {
  display:block;  
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#section .body .graph .chart {
  margin-top: -10px;
  border: 1px solid #f00;
  position:absolute;
  display: none;
  border: 5px solid #666;
}

#section .body .graph:hover .chart {
  display:block;
}

.more {
  margin-bottom: 1.5em;
}

.dailyArchive .thumbContainer {
  height: 50px;
  width: 80px;
  padding-top: 5px;
  overflow: hidden;
  text-align:center;
  background-color: #ccc;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}

.dailyArchive .thumbContainer:hover {
  cursor: pointer;
  background-color: #00a4d7;
}

.dailyArchive .zoom:hover {
  cursor: pointer;
}

.dailyArchive table {
  width: 90%;
  background-color: #ddd;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}

.dailyArchive table th {
  background-color: #00a4d7;
  color: #fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}

.dailyArchive table td, .dailyArchive table th {
  padding: 0.2em 0.4em;
}

.dailyArchive .archivePublishedAt {
  width: 20%;
}

.dailyArchive .archivePublisher {
  width: 30%;
}

.dailyArchive .archiveTitle {
  width: 50%;
}

.dailyArchive .archivePublishedAt, 
.dailyArchive .archivePublisher,
.dailyArchive .archiveTitle {
  color: #0077b0;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
}

.didYouKnows {
  margin: 10px;
  padding-bottom: 10px;
}

.didYouKnows .initial, .articles .initial {
  color: #003f8d;
  font-weight:bold;
}

/* flextables */

#section .flexGroup .explanation p {
  line-height: 1.5em;
}

#section .flexTable .explanation ul {
  margin: 0.5em 0em;
}

#section .flexTable .explanation li {
  margin-left: 2em;
}

#section .flexTable .tableFrame {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 5px;
  background-color: #eee;
  border-radius:4px;  
}

#section .flexTable table {
  width: 550px;
  font-size: 0.9em;
  margin-left:auto;
  margin-right: auto;
}

#section .flexTable .rowAlt0 .cellAlt0 {
  background-color: #eee;
}

#section .flexTable .rowAlt0 .cellAlt1 {
  background-color: #dadada;
}

#section .flexTable .rowAlt1 .cellAlt0 {
  background-color: #fff;
}

#section .flexTable .rowAlt1 .cellAlt1 {
  background-color: #eaeaea;
}

#section .flexTable tr:hover .cellAlt0, 
#section .flexTable td.cellAlt0Hover {
  background-color: #1a6aaf;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #1a6aaf),
      color-stop(0.58, #003f8d)
  );
  background-image: -moz-linear-gradient(
      center top,
      #1a6aaf 15%,
      #003f8d 58%
  );
  background-image: -o-linear-gradient(
      center top,
      #1a6aaf,
      #003f8d
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#003f8d', startColorstr='#1a6aaf', gradientType='0');
  color: #fff;
}

#section .flexTable tr:hover .cellAlt1, 
#section .flexTable td.cellAlt1Hover {
  background-color: #3faddb;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.15, #3faddb),
      color-stop(0.58, #3592c7)
  );
  background-image: -moz-linear-gradient(
      center top,
      #3faddb 15%,
      #3592c7 58%
  );
  background-image: -o-linear-gradient(
      center top,
      #3faddb,
      #3592c7
  );
  filter:Progid:DXImageTransform.Microsoft.Gradient(endColorstr='#3592c7', startColorstr='#3faddb', gradientType='0');
  color: #fff;
}


#section .flexTable td {
  padding: 2px 2px;
}

#section .flexTable tr.blank td {
  height: 1em;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;  
  background-color: #fff;
}

#section .flexRow td {
  text-align:center;
}

#section .flexRow1 td, 
#section .headline td {
  background-color: #ddd;
  padding-right: 2px;
  border-top:none;
  color: #07b;
  text-align:center;
  font-weight: bold;
  border-bottom: 1px solid #aaa;
}



#section .flexCell1 {
  padding-right: 2px;
  color: #07b;
  font-weight:bold;
  border-right: 1px solid #aaa;
}

#section .flexCell1 div {
  text-align: left;
}

#section .flexGroup .tableFooter {
  margin-bottom: 3em;
}

#section .flexGroup > h1 {
  line-height: 2em;
}

#section .flexTable > h2 {
  line-height: 2em;
}

/* upper left cell centered */
/*
.flexRow1 .flexCell1 div {
  text-align: center;
}
*/

/* Tipps und Infos zu Finanzthemen / Optimale Zinsbindung */

#flexGroup7 .flexCell1 {
  width: 25%;
}

/* flexGroup3 Steuerliche Abzugsbeträge */

#flexGroup3 .flexCell1, #flexGroup2 .flexCell1 {
  width: 40%;
}

#flexGroup3 .flexCell2, #flexGroup3 .flexCell3,
#flexGroup3 .flexCell4 {
  width: 20%;
}

/* Extras/Zinsen im Überblick/ Hypothekenzinsen */

#flexGroup6 td {
  width: 25%;
}

/* flexGroup 24 Forward-Studie */

#flexGroup24 .flexCell1 {
  width: 35%;
}

/* flexGroup 26 Bestes Jugendkonto 2010 */

#flexGroup26 .flexCell1 {
  width: 45%;
}

#flexGroup26 .flexCell2 {
  width: 30%;
}

/* Extras Zinsen im Überblick */

#topic81 .flexTable .flexCell1 {
  width: 20%;
}

/* Auszeichnungen an die FMH-Finanzberatung */

#topic165 .description td {
  padding: 4px 4em 2px 0px;
  border-bottom: 1px solid #888;
}

#topic165 .description h3 {
  margin-top: 3em;
  font-family: Trebuchet MS,arial,sans-serif;
  font-variant: small-caps;
}

/* Tipps und Infos zu Finanzthemen –– Geldautomaten Kosten für Bargeld ... */

#flexTable58 .flexCell2,
#flexTable58 .flexCell3 {
  width: 12%;
}

#flexTable58 .flexCell4,
#flexTable59 .flexCell3 {
  width: 50%;
}

#flexTable58 .flexCell4#section,
#flexTable59 .flexCell3#section {
  text-align:left;
}

#flexTable59 .flexCell2 {
  width: 24%;
}

/* flexTable 163 Bestes Gehaltskonto 2011 */

#flexTable163 .flexCell5.content {
  text-align:left;
}

/* flexGroup 26 Beste Bank Volltilger 2010 */

#flexGroup28 .flexCell1 {
  width: 35%;
}


/* flexGroup 36 Beste Ratenkredibank 2011 */

#flexGroup36 .flexCell1 {
  width: 50%;
}

/* end flextables */

/* flexGroup 41 kostenloses girokonto */

#flexGroup41 .flexCell3.content {
  text-align: left;
}

/* flexGroup 44 bestes KFW Darlehen 2011 */

#flexGroup44 .flexCell1 {
  width: 35%;
}

/* flexGroup 51 beste Sparbriefbank 2011 */

#flexGroup51 .flexCell1 {
  width: 40%;
}

/* begin rightBar flexTable */

#rightBar .flexGroup h3 {
  margin: 10px 0px 10px 0px;
  color: #0077BB;
  font-size: 11px;
  text-align: center;
}

#rightBar .flexGroup .frame table {
  margin: 5px 0px;
  width: 100%;
}

#rightBar .flexGroup td {
  color: #666;
  padding: 4px 5px 4px 5px;
  text-align: left;
}

#rightBar .flexGroup td.flexCell0 {
  text-align: right;
  width: 12%;
}

#rightBar .flexGroup td.flexCell1 {
  width: 27%;
}

#rightBar .flexGroup td.flexCell2 {

}

#rightBar .flexGroup td {
  border-bottom: 1px solid #ccc;
}

#rightBar .flexGroup table tr:last-child td {
  border-bottom: none;
}

/* end rightBar flexTable

/* begin fmhImInternet */

#fmhImInternet {
  border: 5px solid #ddd;
  height: 750px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
}

#fmhImInternet > div {
  /* width: 150px; */
  position: absolute;
  text-align: center;
  padding:1px;

  /*
  background-color: #fff;
  border: 1px solid #ddd;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  */
  /*

  -moz-box-shadow: #999 5px 5px 5px;
  -webkit-box-shadow: #999 5px 5px 5px;
  -opera-box-shadow: #999 5px 5px 5px;
  -khtml-box-shadow: #999 5px 5px 5px;
  box-shadow: #999 5px 5px 5px;;

  */

}

/* end fmhImInternet */

/* awards */

#section .awards table {
  margin-left: 1em;
  width: 87%;
}

#section .awards table td {
  padding: 2px 2px;
  border-bottom: 1px dotted #666;
}

#section .awards .cell0 {
  width: 220px;
}

#section .awards .group {
  margin-bottom: 1.5em;
}

#section .awards .lastGroup {
  margin-bottom: 2em;
}

/* awards giro */

#section .awards.giro .row0 {
  font-weight: bold;
}

/* mail form */

#contact_mailer p {
  margin: 1em 0em;
  line-height: 1.5em;
}

#contact_mailer #before_form td, #contact_mailer #after_form td{
  padding: 4px 8px 4px 0px;
  font-weight: bold;
  color: #1a6aaf;
}

#contact_mailer form {

}

#contact_mailer form td {
  padding: 5px 0px;
}

#contact_mailer form input,
#contact_mailer form textarea,
#contact_mailer form select {
  margin-left: 10px;
}

#contact_mailer #errorExplanation li,
#contact_mailer #errorExplanation ul {
  margin: 0px;
  padding: 0px;
}

#contact_mailer #errorExplanation li {
  background-color: #f90;
  color: #fff;
  padding: 3px;
  margin: 2px 0px;
}

#mail_confirmation {
  background-color: #ddd;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  padding: 4px;
}

#mail_confirmation #before_confirmation,
#mail_confirmation #after_confirmation {
  background-color: #fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -opera-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;  
}

#mail_confirmation table {
  margin: 4px;
}

#mail_confirmation td {
  vertical-align: top;
  padding: 2px;
}

/* end mail form */
/* footer */

#footer {
  width: 1024px;
  clear: both;
}

#footer .blank {
  clear: both;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
}

.nav.bottom ul, .nav.bottom li {
  margin: 0px;
  padding: 0px;
}

.nav.bottom ul {
  list-style: none;
  vertical-align: top;
}

.nav.bottom a {
  color: #000;
  padding: 0.3em 0.4em;
}

.nav.bottom .level_0 > li > a {
  font-weight: bold;
  color: #0077b0;
  background-color: #fff;
  display:block;
}

.nav.bottom .level_0 > li {
  display: inline-block;
  float: left;
  margin-left:1.5em;  
}

.nav.bottom ul.level_1 {
  margin-bottom: 1em;
}

#footer .generalInfo a {
  color: #0077b0;
}

#footer .generalInfo ul {
  margin: auto;
  width: 31%;
}

#footer .generalInfo {

}

#footer .address {
  margin: 10px 0 10px 0px;
  border-top: 1px solid #ddd;
}

#footer p {
  clear:both;
  display: block; /* this sucks: for ie set display:block otherwise it doesn't display top border of p */
  padding-top: 1em;
  text-align:center;
  margin: 1em 0.8em;
}

.baufinanzierung ul,
.baufinanzierung li {
  margin: 0;
  padding: 0;
}

.baufinanzierung ul {
  padding: 0.5em;
  list-style-type: upper-roman;
  /* list-style: none; */
  background-color: #ddd;
}

.baufinanzierung li {
  text-align:left;
  padding: 0.1em 0.2em;
  display: block;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;  
  /* background-color: #fff;*/
  color: #b7b7b7;
  height: 37px;
  background-repeat: no-repeat;
  background-image: url(/resources/images/baufinanzierung.jpg);

}

.baufinanzierung li.active {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;  
}

.baufinanzierung .active {
  /* background-color: #07b; */
}

.baufinanzierung .active.selected a:before{
  color: #f90;
  content: "➜ ";
}

.baufinanzierung .active a {
  color: #fff;
  font-weight: bold;
}

.baufinanzierung a:hover:before {
  content: "➜ ";
  color: #ddd;  
}

.baufinanzierung li:before {
  font-family: monospace;
  font-weight: bold;
  font-size: 1.1em;
}

.baufinanzierung li.active:before {
  color: #fff;
}

.baufinanzierung .stufe_1:before {
  content: "Teil 1: ";
}

.baufinanzierung .stufe_2:before {
  content: "Teil 2: ";
}

.baufinanzierung .stufe_3:before {
  content: "Teil 3: ";
}

.baufinanzierung .stufe_4:before {
  content: "Teil 4: ";
}

.baufinanzierung .stufe_5:before {
  content: "Teil 5: ";
}

.baufinanzierung .stufe_6:before {
  content: "Teil 6: ";
}

.baufinanzierung .stufe_7:before {
  content: "Teil 7: ";
}

.baufinanzierung .stufe_8:before {
  content: "Teil 8: ";
}

.baufinanzierung .stufe_9:before {
  content: "Teil 9: ";
}

.baufinanzierung .stufe_10:before {
  content: "Teil 10: ";
}

.baufinanzierung .stufe_11:before {
  content: "Teil 11: ";
}

.baufinanzierung .stufe_12:before {
  content: "Teil 12: ";
}

.baufinanzierung .stufe_1 {
  width: 98%;
  background-position: 0px -280px;
}

.baufinanzierung .stufe_2 {
  width: 94%;
  background-position: 0px -240px;
}

.baufinanzierung .stufe_3 {
  width: 90%;
  background-position: 0px -200px;
}

.baufinanzierung .stufe_4 {
  width: 86%;
  background-position: 0px -160px
}

.baufinanzierung .stufe_5 {
  width: 82%;
  background-position: 0px -120px
}

.baufinanzierung .stufe_6 {
  width: 78%;
  background-position: 0px -80px
}

.baufinanzierung .stufe_7 {
  width: 74%;
  background-position: 0px -40px
}

.baufinanzierung .stufe_8 {
  width: 70%;
}

.baufinanzierung .stufe_9 {
  width: 66%;
}

.baufinanzierung .stufe_10 {
  width: 62%;
}

.baufinanzierung .stufe_11 {
  width: 58%;
}

.baufinanzierung .stufe_12 {
  width: 54%;
}


.klein.baufinanzierung {
  margin: 1em 1em 1em 0em;
  font-size: 0.8em;
  float:left;
  width: 50%;
}

.banner {
  margin-bottom: 1em;
}

/* meltwater */
/* window */
.melt {
  background-color: #eaeaea;
}
.melt p {
  margin: 0px;
  padding: 4px;
  color: #07b;
  font-size: 1.0em;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  border-radius:4px;
  text-align: center;
}
.melt p a {

  font-weight: bold;
}
.melt p a:hover {
  text-decoration: underline;
}

.melt {
}

.melt iframe {
  width: 99%;
  margin-right: auto;
  margin-left: auto;
}

/* meltwater nennungen */

.meltwater .tableFrame td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.meltwater .row0 td {
  font-weight: bold;
  color: #1a6aaf;
}

.meltwater h3 {
  color: #000;
  margin: 20px 10px 10px 10px;
  text-align: center;
}
/*
.alfag > div > p {
  line-height: 1.5em;
}
*/