body{ width: 1024px; height: 768px; margin: 0; padding: 0;}

H1 {COLOR: #ffffff; FONT-SIZE: 40pt; FONT-WEIGHT: bold; FONT-FAMILY: ARIAL;}  /* Finanzen verstehen, weiß */
H2 {COLOR: #000000; FONT-SIZE: 20pt; FONT-FAMILY: ARIAL;}                     /* Seitenüberschrift, schwarz */
H3 {COLOR: #000000; FONT-SIZE: 14pt; FONT-FAMILY: ARIAL;}                     /* Seitenüberschrift, 2. Ebene, schwarz */
H4 {COLOR: #000000; FONT-SIZE: 12pt; FONT-FAMILY: ARIAL;}                     /* Seitenüberschrift, 3. Ebene, schwarz */
H5 {COLOR: #000000; FONT-SIZE: 12pt; FONT-FAMILY: ARIAL;}                     /* Seitenüberschrift, 4. Ebene, schwarz */

H6 {COLOR: #000099; FONT-SIZE: 12pt; FONT-FAMILY: ARIAL; margin-bottom:2px;margin-top:2px}  /* Überschrift inhaltliche Blocks auf der Startseite, hellgrau*/
H7 {COLOR: #666666; FONT-SIZE: 11pt; FONT-FAMILY: ARIAL;}                     /* Überschrift Randnavigation, dunkelgrau*/
H8 {COLOR: #ffffff; FONT-SIZE: 11pt; FONT-FAMILY: ARIAL;}                     /* Überschrift Randnavigation, weiß*/

P  {COLOR: #000000; FONT-SIZE: 11pt; FONT-FAMILY:  ARIAL; TEXT-ALIGN: JUSTIFY; LINE-HEIGHT: 125%;}
P.rechts  {COLOR: #606060; margin-bottom:2px; FONT-SIZE: 10pt; font-weight: bold; font-family: ARIAL;}
p.finanzielle-probleme {COLOR: #ffffff; FONT-WEIGHT: BOLD; FONT-SIZE: 11pt; font-family: arial;}
P.navigation  {COLOR: #666666; FONT-SIZE: 11pt; FONT-FAMILY: ARIAL; TEXT-ALIGN: JUSTIFY;}
p.rahmen {border: 3px solid #e6e6e6; padding: 5px; FONT-SIZE: 11pt; font-family: arial; TEXT-ALIGN: JUSTIFY; }
p.teaser {COLOR: #000000; FONT-SIZE: 11pt; FONT-FAMILY: ARIAL; TEXT-ALIGN: JUSTIFY; LINE-HEIGHT: 150%; padding: 0px;}
p.kasten_blau {padding:10px; background-color:#eeeeee; color:blue; border-width:2px;  border-style:solid;  border-color:blue} 
p.kasten_grau {padding:10px; background-color:#eeeeee; color:black; border-width:2px;  border-style:solid;  border-color:grey} 
p.table {FONT-SIZE: 10pt;}

hr.struktur-startseite {width:100%; background-color:blue; height:2px; border:0; margin: 0px 0px;}	
hr.struktur {width:100%; background-color:#e6e6e6; height:5px; border:0; margin: 0px 0px;}
hr.struktur-fein { width:100%; border: none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;color: #FFFFFF; background-color: #FFFFFF; height: 1px; }
hr.struktur2 {border :none; border-top: 1px dotted blue; background-color:#FFFFFF; height: 1px; margin: 10px 00px 10px 00px;}



span.teaser {font-weight: bold; color: blue}
span.teaser_header {font-weight: bold; font-size: 120%;}
span.fn {font-size: 8pt; font-family: arial;}

div.fore {background:rgba(255,255,255,0.8);color:black;}
ul {font-family:arial; font-size:11pt; }

ul.checkbox {list-style-type:circle; }


table.zahlen {border-collapse: collapse;  width: 100%}
.zahlen tr th {border: 2pt solid; border-color: #cccccc; padding: 0.2em;  background: #dddddd; font-family: arial;font-size: 10pt; text-align:center;}
.zahlen tr td {border: 2pt solid; border-color: #cccccc; padding: 0.2em; font-family:arial;font-size: 10pt; text-align: right; }

table.text {border-collapse: collapse;  width: 100%}
.text tr th {border: 2pt solid; border-color: #cccccc; padding: 0.2em;  background: #dddddd; font-family: arial;font-size: 10pt; text-align:center;}
.text tr td {border: 2pt solid; border-color: #cccccc; padding: 0.2em; font-family:arial;font-size: 10pt; text-align: left; }



/* NORMALE LINKS IM TEXT*/
a:link { text-decoration:none; font-size: 11pt; color:#000000; FONT-FAMILY: ARIAL}
a:visited {text-decoration: none; color: #000000}
a:hover {text-decoration: underline; color: #0000ff;}
a:active {color: red;text-decoration: none}

/* BLAUE LINKS IM TEXT*/
a.mehr:link { text-decoration:none; font-size: 11pt; color:blue; FONT-FAMILY: ARIAL}
a.mehr:visited {text-decoration: none; color: blue}
a.mehr:hover {text-decoration: underline; color: #0000ff;}
a.mehr:active {color: red;text-decoration: none}

/* MITTLERE BLAUE LINKS IM TEXT*/
a.mmehr:link { text-decoration:none; font-size: 10pt; color:blue; FONT-FAMILY: ARIAL}
a.mmehr:visited {text-decoration: none; color: blue}
a.mmehr:hover {text-decoration: underline; color: #0000ff;}
a.mmehr:active {color: red;text-decoration: none}


/* KLEINE BLAUE LINKS IM TEXT*/
a.smehr:link { text-decoration:none; font-size: 9pt; color:blue; FONT-FAMILY: ARIAL}
a.smehr:visited {text-decoration: none; color: blue}
a.smehr:hover {text-decoration: underline; color: #0000ff;}
a.smehr:active {color: red;text-decoration: none}


a.test:link {
display:block;
width:150px;
padding:5px;
background-color:#efefef;
border:1px solid #000000;
margin:5px 0px;
text-align:center;
}


/* BLAUE LINKS IM TABELLEN-HEADER*/
a.thmehr:link { text-decoration:none; font-size: 10pt; color:blue; FONT-FAMILY: ARIAL}
a.thmehr:visited {text-decoration: none; color: blue}
a.thmehr:hover {text-decoration: underline; color: #0000ff;}
a.thmehr:active {color: red;text-decoration: none}



/* FINANZEN-VERSTEHEN-HEADER*/
a.header:link { text-decoration:none; font-size: 40pt; color:#ffffff; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.header:visited { text-decoration:none; font-size: 40pt; color:#ffffff; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.header:hover { text-decoration:none; font-size: 40pt; color:#ffffff; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.header:active { text-decoration:none; font-size: 40pt; color:#ffffff; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}


/* LINK ÜBERSCHRIFT 11 PUNKT, FETT*/
a.fett:link { text-decoration:none; font-size: 11pt; font-weight: bold; color:black; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.fett:visited { text-decoration:none; font-size: 11pt; font-weight: bold; color:black; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.fett:hover { text-decoration:none; font-size: 11pt; font-weight: bold; color:blue; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.fett:active { text-decoration:none; font-size: 11pt; font-weight: bold; color:black; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}



/* LINK ZUR ÜBERSCHRIFT H6*/
a.h6:link { text-decoration:none; font-size: 120%; color:#bebebe; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.h6:visited { text-decoration:none; font-size: 120%; color:#bebebe; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.h6:hover { text-decoration:none; font-size: 120%; color:blue; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.h6:active { text-decoration:none; font-size: 120%; color:#bebebe; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}




/* LINK ALS BOX-ÜBERSCHRIFT*/
a.ueberschrift:link  { text-decoration:none;  text-align: center; border:5px solid #000099;font-size: 12pt; color:white; background-color:#000099;FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.ueberschrift:visited  { text-decoration:none; text-align: center; border:5px solid #000099; font-size: 12pt; color:white; background-color:#000099;FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.ueberschrift:hover  { text-decoration:none; text-align: center; border:5px solid #0033FF; font-size: 12pt; color:#ffffff; background-color:#0033FF; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.ueberschrift:active  { text-decoration:none; text-align: center; border:5px solid #0033FF; font-size: 12pt; color:#ffffff; background-color:#0033FF; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}





/* NEWS-LINK mit RAHMEN*/
a.news:link  { text-decoration:none;  text-align: center; border:2px solid #000099;font-size: 12pt; color:#000000; background-color:white;FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.news:visited  { text-decoration:none; text-align: center; border:2px solid #000099; font-size: 12pt; color:#000000; background-color:white;FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.news:hover  { text-decoration:none; text-align: center; border:2px solid red; font-size: 12pt; color:#000000; background-color:white; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.news:active  { text-decoration:none; text-align: center; border:2px solid red; font-size: 12pt; color:#000000; background-color:white; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}



/* LINK ZUM PROMINENTEN VERWEIS AUF UNTERKAPITEL*/
a.unterkapitel:link  { text-decoration:none;  border:5px solid #000099;font-size: 11pt; color:white; background-color:#000099;FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.unterkapitel:visited  { text-decoration:none; border:5px solid #000099; font-size: 11pt; color:white; background-color:#000099;FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.unterkapitel:hover  { text-decoration:none; border:5px solid #0033FF; font-size: 11pt; color:#ffffff; background-color:#0033FF; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.unterkapitel:active  { text-decoration:none; border:5px solid #0033FF; font-size: 11pt; color:#ffffff; background-color:#0033FF; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}



/* LINK ZUR BOX "FINANZIELLE PROBLEME"*/
a.finanzielle-probleme:link  { text-decoration:none; font-size: 11pt; color:#ffffff; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.finanzielle-probleme:visited  { text-decoration:none; font-size: 11pt; color:#ffffff; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.finanzielle-probleme:hover  { text-decoration:underline; font-size: 11pt; color:#ffffff; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}
a.finanzielle-probleme:active  { text-decoration:none; font-size: 11pt; color:#ffffff; FONT-FAMILY: ARIAL; font-weight:bold; display:block; margin:0px; width:100%; height:100%}


/* LINK AM BEGINN: SIE BEFINDEN SICH HIER :::*/
a.navigation:link { text-decoration:none; font-size: 11pt; color:#666666; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.navigation:visited { text-decoration:none; font-size: 11pt; color:#666666; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.navigation:hover { text-decoration:none; font-size: 11pt; color:#666666; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}
a.navigation:active { text-decoration:none; font-size: 11pt; color:#666666; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}



a.finanzielle-probleme { text-decoration:none; font-size: 11pt; font-weight: bold; color:#ffffff; FONT-FAMILY: ARIAL; display:block; margin:0px; width:100%; height:100%}


a.eigeninfo { text-decoration:none; font-size: 11pt; color:#666666; FONT-FAMILY: ARIAL;  margin:0px; width:100%; height:100%}



a.menue { text-decoration:none; font-size: 11pt; color:#666666; FONT-FAMILY: ARIAL; display:block; margin:0px; width:100%; height:100%}


a.box { text-decoration:none; font-size: 11pt; color:#000000; background-color: #ffffff; FONT-FAMILY: ARIAL; display:block; margin:0px; width:100%; height:100%}







/* ================================================================ 
CSS-Grundeinstellungen für Navigationsleiste
=================================================================== */

/* ================================================================ 
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/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* ZUR FARBBESTIMMUNG: http://www.herbert-frank.at/start/farbtabelle.html */


/* style the outer div to give it width */
.menu {
width:900px; /* Breite des Div-Elements= Mindestbreite der Seite */
font-size:0.85em;  /* ???? */
padding-bottom:20px;  /* Abstand zwischen Menüleiste und normalem Text darunter */
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px; /* Anzahl der Menükasten mal width: Muss in Weite des DIV-Elements passen, sonst zweizeilig */
position:relative;
}
/* TOP-LEVEL */
.menu a, .menu a:visited {
display:block;
font-size:12px;
font-weight: bold;
text-decoration:none; 
color:#fff; 
width:139px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#000099; /*JETZT DUNKELBLAU; ORIGINAL: #758279*/ 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* SECOND-LEVEL-LINKS, DIE AUF THIRD-LEVEL AUFKLAPPEN: Nur die Sub-Kästchen der ersten Spalte, die sie sich in die zweite Spalte aufklappen. */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:  #dcdcff; /* JETZT HELLBLAU WIE SERVICE-KASTEN, ORIGINAL: #949e7c; */
}
/* HOVER: SECOND-LEVEL LINKS, DIE AUF THIRD-LEVEL AUFKLAPPEN */
.menu ul ul a.drop:hover{
background:#0033FF; 
}
.menu ul ul :hover > a.drop {
background:#0033FF;
}
/* THIRD-LEVEL UND WEITERE  */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#DDDDDD;
}
/* HOVER: THIRD-LEVEL UND WEITERE   */
.menu ul ul ul a:hover {
background:#0033FF;
}
.menu ul ul ul :hover > a {
background:#0033FF;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; /*ORIGINAL: 150 px*/
top:0;
width:150px;/*ORIGINAL: 150 px*/
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;/*ORIGINAL: -150 px*/
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* SECOND-LEVEL OHNE AUFKLAPPEN */
.menu ul ul a, .menu ul ul a:visited {
background:#DDDDDD; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px  /*ORIGINAL: 129 px*/
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* HOVER: TOP LEVEL */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c; /*????*/
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#0033FF;  /*Top-Level-Hover jetzt: Mittelblau. ORIGINAL: #949e7c;  */
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}