/* Projekt:       Bonnfinanz Relaunch 2007 */
/* Dateiname:     optik.css */
/* erstellt am:   09.03.2007 KD */
/* bearbeitet am: 09.08.2011 MKue */
/* validiert am:  09.08.2011 MKue */


body, html, h1, h2, h3, h4, h5, h6, p, div, form, fieldset, ul, ol, li {
border: 0 none;
margin: 0;
padding: 0;
}

body {
background: #fff;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center;
}

p, th, td, code, pre {
font-size: 1.3em;
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 17px 20px;
color: #003399;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 2.2em;
font-weight: normal;
}

* html h2 {
margin-bottom: 22px;
}

h3 {
font-size: 1.8em;
color: #003399;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
margin: 0 0 10px 20px;
}

h4 {
font-size: 1.4em;
color: #003399;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 0 0 12px 20px;
}

* html h3 {
margin-bottom: 12px;
}

p {
margin: 0 0 10px 20px;
line-height: 1.45em;
}

/* Floats aufheben */
.clear {
clear: both;
margin: -1px 0 0 0;  /* laesst 1px clear nach oben verschwinden */
height: 1px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

/* clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

li.clearfix {
display: list-item;
}

.ausgeblendet {
display: none !important;
}

/* Formular Elemente */
fieldset {
color: #003399;
font-size: 1.2em;
}

div.fakelabel {
margin: 17px 0 0 -10px;
padding: 10px 0 0 10px;
border-top: 1px solid #608CC8;
}

div.fakelabel-noborder {
border-top: none;
margin: 0 0 0 -10px;
padding: 0 0 0 10px;
}

div.fakelabel-erstes {
margin: 5px 0 0 -10px;
padding: 10px 0 0 10px;
border-top: none;
}

#inhalt div.fakelabel-erstes {
margin: 0 0 0 -10px;
padding: 10px 0 0 10px;
border-top: none;
}

legend {
margin-bottom: 20px;
margin-left: 0;
padding: 0;
color: #003399;
font-weight: bold;
}

/* IE6 */
* html legend {
margin-left: -7px !important;
}

/* IE7 */
*+html legend {
margin-left: -7px !important;
}

.hellblau {
color: #608cc8;
}

/* Tabellen Elemente */
table {
border-collapse: collapse;
font-size: 1.0em; /*  */
}

table th {
padding-right: 0;
color: #000066;
height: 25px;
font-size: 1.1em;
}

tr {
background-color: #FFF;
}

td {
vertical-align: top;
padding: 4px 5px 3px 10px;
border-bottom: 1px solid #90BBE0;
}

th {
padding: 0 5px 0 10px;
border-bottom: 1px solid #90BBE0;
}

#content-context table a {
display: block;
padding: 0 28px 10px 10px;
font-weight: bold;
color: #003399;
text-decoration: none;
background: url(../images/mehrlinkpfeil.gif) no-repeat 0 5px;
}

#content-context table p {
font-size: 1em;
margin-left: 0;
}

/* ### Wrapper alles umschliessend ### */
#wrapper {
width: 910px;
margin: 0 auto;
text-align: left;
overflow: hidden; /* verhindert schweren Bug in IE */
}


/* ### Headerbereich ### */
#header {
height: 67px;
margin: 0;
}

#header #logo {
margin: 30px 0 0 20px;
float: left;
}

#metanavi {
float: right;
margin-top: 4px;
padding-right: 5px;
text-align: right;
}

/* IE6 */
#metanavi {
margin-top: 3px;
}

#metanavi a {
font-size: 1.1em;
text-decoration: none;
color: #003399;
}

#metanavi a:hover {
text-decoration: underline;
}

/* Seitensuche */
#seitensuche {
width: 250px;
}

#seitensuche fieldset {
border: none;
padding: 0;
}

#seitensuche legend {
display: none;
}

#seitensuche label {
padding: 0;
float:left;
}

#seitensuche input#sitesearch {
width: 140px;
height: 14px !important;
margin: 5px 5px 0 43px;
padding: 0;
font-size: 1.0em;
line-height: 0;
border: 1px solid #99BBE0;
}

* html #seitensuche input#sitesearch {
margin-top: 4px;
font-size: 1em;
line-height: 1em;
}

* + html #seitensuche input#sitesearch {
margin-top: 4px;
font-size: 1em;
line-height: 1em;
}

#seitensuche .searchbutton,
#startseite .teaser-orange-rahmen-bg .searchbutton {
float: left;
margin-top: 5px;
}

/* ### Quernavigation ### */
#quernavi {
clear: both;
display: block;
font-size: 1.2em;
background-color: #E7E7E7;
height: auto;
float: none;
}

#quernavi ul {
display: block;
height: 25px;
background: url(../images/quernavi_rechts.gif) repeat 100% 0;
}

/* FF */
#quernavi[id] ul {
height: auto;
min-height: 27px;
line-height: 16px;
}

#quernavi ul li {
display: inline;
float: left;
padding: 5px 0 6px 0;
background: url(../images/quernavi_reiter_links.gif) repeat 0 0 transparent;
}

#quernavi ul li a {
color: #fff;
text-decoration: none;
padding: 6px 9px 6px 10px;
background: url(../images/quernavi_reiter_rechts.gif) no-repeat right 1px transparent;
}

#quernavi ul li a:hover,
#quernavi li.letzteraktiv a.linkaktiv:hover {
text-decoration: underline;
}

#quernavi ul li.homereiter {
width: 180px;
}

#quernavi ul li.reiteraktiv {
padding: 5px 0 6px 0;
background: url(../images/quernavi_reiter_links_aktiv.gif) repeat-x 0 0 transparent;
}


#quernavi ul strong,
#quernavi ul li a.linkaktiv {
padding: 6px 10px 6px 10px;
color: #000066;
font-weight: normal;
background: url(../images/quernavi_reiter_rechts_aktiv.gif) no-repeat right 1px;
}

#quernavi ul li.homereiter strong,
#quernavi ul li.homereiter a {
padding: 6px 135px 6px 10px;
}


/* Sonderform fuer den letzten Reiter */
#quernavi li.letzter a {
color: #fff;
text-decoration: none;
background: url(../images/quernavi_reiter_rechts_letzer.gif) no-repeat right 1px;
}

#quernavi li.letzter strong,
#quernavi li.letzter a.linkaktiv {
text-decoration: none;
background: url(../images/quernavi_reiter_rechts_letzer_aktiv.gif) no-repeat right 1px;
}


/* ### Seitennavi ### */
#seitennavi {
float: left;
display: inline;
width: 180px;
overflow: hidden;
font-size: 1.1em;
background-color: #F0F3F8;
}

/* Wenn Seitennavi ohne Inhalte */
#seitennavi.kein-menue {
background-color: #E7E7E7;
}


#seitennavi dl {
margin: 0;
}

#seitennavi dl a {
text-decoration: none;
}

#seitennavi dl a:hover {
text-decoration: underline;
}

#seitennavi dt {
background-color: #608CC8;
}

#seitennavi .last {
border: none;
}

#seitennavi dt.oben-rechts-blau-grau {
background: url(../images/bg_rundung_oben_rechts_blau_grau.gif) no-repeat right top #608CC8;
}

#seitennavi dt.unten-rechts-blau-grau {
background: url(../images/bg_rundung_unten_rechts_blau_grau.gif) no-repeat right bottom #608CC8;
}

#seitennavi dt a,
#seitennavi dt strong {
display: block;
padding: 4px 0 4px 16px;
color: #fff;
background: url(../images/seitennavi_pfeilrechts.gif) no-repeat 5px 8px transparent;
border-bottom: 1px solid #fff;
}

#seitennavi dt a.last,
#seitennavi dt strong.last {
border-bottom: none;
}

#seitennavi dt.unten-rechts-blau-grau strong {
border-bottom: none;
}

#seitennavi dt a.offen,
#seitennavi dt strong.offen {
background: url(../images/seitennavi_pfeilunten.gif) no-repeat 4px 10px transparent;
}

#seitennavi dd {
margin: 0;
}

#seitennavi dd a,
#seitennavi dd strong {
display: block;
padding: 4px 0 4px 28px;
color: #000;
border-bottom: 1px solid #CCD5E6;
}

#seitennavi dd ul {
background-color: #fff;
}

* html #seitennavi dd ul li {
height: 1%;
margin-top: 1px;
}

#seitennavi dd ul li a,
#seitennavi dd ul li strong {
padding: 4px 0 4px 37px;
border-bottom: 1px solid #CCD5E6;
}

* html #seitennavi dd ul li a,
* html #seitennavi dd ul li strong {
height: 1%;
padding: 3px 0 4px 37px;
border-bottom: 1px solid #CCD5E6;
}

#seitennavi dd ul ul li a,
#seitennavi dd ul ul li strong {
padding-left: 47px;
border-bottom: 1px solid #CCD5E6;
}

#seitennavi dt a.linkaktiv,
#seitennavi dd a.linkaktiv,
#seitennavi dd ul li a.linkaktiv,
#seitennavi dd ul ul li a.linkaktiv {
font-weight: bold;
}

#seitennavi dd a.linkaktiv,
#seitennavi dd ul li a.linkaktiv,
#seitennavi dd ul ul li a.linkaktiv,
#seitennavi dd strong.linkaktiv,
#seitennavi dd ul li strong.linkaktiv,
#seitennavi dd ul ul li strong.linkaktiv {
background: url(../images/seitennavi_blauball.gif) no-repeat 16px 8px transparent;
}

#seitennavi dd ul li a.linkaktiv,
#seitennavi dd ul li strong.linkaktiv {
background-position: 26px 8px;
}

#seitennavi dd ul ul li a.linkaktiv,
#seitennavi dd ul ul li strong.linkaktiv {
background-position: 36px 8px;
}

/* ###### Content-wrapper ###### */
#content {
width: 910px; /* IE7 bug */
clear: both;
display: block;
padding-top: 10px;
background: #E7E7E7;
}

* html #content {
height: 1%;
}

/* ###### Umgebener Wrapper fuer Inhaltsbereich und Context ###### */
#content-context {
display: inline;
float: left;
width: 710px;
margin-left: 10px;
}

.content-context-unten {
height: 10px;
width: 910px;
background-image: url(../images/bg_rundung_inhalt_unten_linksundrechts_grau.gif);
}

.content-context-unten hr {
display: none;
}

/* Inhaltsbereich */
.inhalt {
float: left;
display: inline;
width: 710px;
padding: 0 0 10px 0;
background-color: #FFF;
overflow: hidden; /* verhindert Layoutcrash in IE bei zu grossen Bannern */
}

.inhalt ul,
.inhalt ol {
margin-left: 20px;
margin-bottom: 10px;
}

/* IE6 und IE5 */
.inhalt ol {
margin-left: 44px;
}

/* IE7 */
*+html .inhalt[class] ol {
margin-left: 44px;
}

/* Firefox */
.inhalt[class] ol {
margin-left: 40px;
}

.inhalt ol li {
margin: 0 0 10px 0;
font-size: 1.2em;
line-height: 1.5em;
}

.inhalt ul li {
margin-bottom: 0;
padding-left: 10px;
font-size: 1.2em;
line-height: 1.5em;
list-style-type: none;
background: url(../images/listen_bullet_blau.gif) no-repeat 0 7px;
}

.inhalt li li {
font-size: 1em;
}

.inhalt li li li {
font-size: 1em;
}

.inhalt li li li li {
font-size: 1em;
}

.inhalt ol ul li {
font-size: 1em;
}

div.inhaltsbereich-oben,
div.inhaltsbereich-unten {
float: left;
height: 10px;
width: 710px;
}

div.inhaltsbereich-oben {
background-image: url(../images/bg_rundung_content_oben_linksundrechts_weiss.gif);
}

div.inhaltsbereich-unten {
background-image: url(../images/bg_rundung_content_unten_linksundrechts_weiss.gif);
}

div.inhaltsbereich-oben hr,
div.inhaltsbereich-unten hr {
display: none;
}

/* ##### Sonderformate fuer Startseite ##### */
#startseite .inhalt {
width: 890px;
}

#startseite #content-context {
width: 890px;
}

#startseite div.inhaltsbereich-oben,
#startseite div.inhaltsbereich-unten {
width: 890px;
}

#startseite div.inhaltsbereich-oben {
background-image: url(../images/bg_rundung_content_oben_linksundrechts_weiss_startseite.gif);
}

#startseite div.inhaltsbereich-unten {
background-image: url(../images/bg_rundung_content_unten_linksundrechts_weiss_startseite.gif);
}

#startseite #visual {
display: block;
float: none;
}

* html #startseite #visual {
margin-left: 10px;
}

* html #visual {

}

/* Teaserblock Startseite */
.teaserblock-dreier-blau-bg {
width: 870px;
margin: 10px 0 17px 10px;
padding-bottom: 10px;
background: url(../images/bg_rundung_unten_startseitenbox_blau.gif) no-repeat 0 bottom #E2E8F1;
}

.teaserblock-dreier-blau-bg[class] {
margin-bottom: 9px;
}

.teaser-nurtext {
float: left;
width: 288px;
margin-left: 1px;
padding-bottom: 16px;
background-color: #E2E8F1;
}

.teaser-nurtext h2 {
margin: 8px 0 5px 18px;
}

.teaser-nurtext p {
margin: 0 0 9px 20px;
line-height: 1.3em;
}

.teaser-nurtext .internerlink,
.teaser-nurtext .externerlink {
margin: 0 0 0 20px;
padding: 0 28px 10px 0;
font-size: 1.2em;
color: #003399;
text-decoration: none;
background: url(../images/startseite_linkpfeil.gif) no-repeat right 0;
}

.teaser-nurtext a:hover {
text-decoration: underline;
}

.teaser-nurtext .externerlink {
background: none;
}

.teaser-nurtext .mehr {
margin: 0 0 0 20px;
padding: 0 28px 10px 10px;
font-size: 1.2em;
font-weight: bold;
color: #003399;
text-decoration: none;
background: url(../images/mehrlinkpfeil.gif) no-repeat 0 5px;
}

.teaserblock-dreier-blau-bg .mitte {
width: 290px;
margin-left: 1px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.teaserblock-dreier-blau-bg .links {
margin-left: 0;
background: url(../images/bg_rundung_oben_links_blau.gif) no-repeat 0 0 #E2E8F1;
}

.teaserblock-dreier-blau-bg .rechts {
background: url(../images/bg_rundung_oben_rechts_blau.gif) no-repeat right 0 #E2E8F1;
}

.teaser-bildtext {
float: left;
width: 288px;
margin: 0;
padding: 15px 0 0 0;
border-top: 1px solid #fff;
background-color: #E2E8F1;
}

.teaser-bildtext img {
display: inline;
float: left;
margin: 0 15px 0 20px;
}

.teaser-bildtext p {
margin: 0 3px 6px 30px;
line-height: 1.3em;
}

* html .teaser-bildtext p {
margin-bottom: 12px;
}

*+html .teaser-bildtext[class] p {
margin-bottom: 12px;
}

.teaser-bildtext h2 {
margin: 8px 0 5px 0;
}

.teaser-bildtext .mehr {
padding: 0 28px 10px 10px;
margin-bottom: 2px;
font-size: 1.2em;
font-weight: bold;
color: #003399;
text-decoration: none;
background: url(../images/mehrlinkpfeil.gif) no-repeat 0 5px;
}

/* Startseite Beratersuche */
#startseite .teaser-orange-rahmen-bg {
display: inline;
float: left;
width: 290px;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: url(../images/bg_rundung_teaser_unten_orange_rahmen_lang.gif) bottom no-repeat #fff;
}

#startseite .teaser-orange-rahmen-bg div {
border-left: 1px solid #EF7C00;
border-right: 1px solid #EF7C00;
}

#startseite .teaser-orange-rahmen-bg h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 4px 10px 4px 10px;
color: #fff;
background: url(../images/bg_rundung_teaser_oben_orange_lang.gif) no-repeat 0 0 #EF7C00;
}

#startseite .teaser-orange-rahmen-bg p,
#startseite .teaser-orange-rahmen-bg form {
padding-bottom: 8px;
margin: 0 0 0 10px;
}

#startseite .teaser-orange-rahmen-bg legend {
display: none;
}

#startseite .teaser-orange-rahmen-bg label {
float: left;
margin: 5px 0 0 0;
padding: 0;
}

#startseite .teaser-orange-rahmen-bg #beratersuche-content {
margin-right: 5px;
padding: 0;
width: 140px;
height: 14px;
border: 1px solid #99BBE0;
}

/* Weisse Teaser Startseite */
#startseite .teaser-weiss,
#startseite .teaser-weiss-rechts {
margin-left: 20px;
float: left;
width: 270px;
}

#startseite .teaser-weiss-rechts {
background: transparent url(../images/asym_vert.gif) repeat-y 0 0;
margin-left: 0;
padding-left: 20px;
}

#startseite .teaser-weiss h4,
#startseite .teaser-weiss-rechts h4 {
margin: 0;
font-size: 1.2em;
color: #000066;
}

#startseite .teaser-weiss p,
#startseite .teaser-weiss-rechts p {
margin: 0 20px 10px 0;
}

#startseite .teaser-weiss ul,
#startseite .teaser-weiss-rechts ul {
margin: 0;
}

#startseite .teaser-weiss ul li,
#startseite .teaser-weiss-rechts ul li {
padding: 0;
background: none;
}

#startseite .teaser-weiss a,
#startseite .teaser-weiss-rechts a {
margin-bottom: 5px;
font-size: 1em;
}

/* ##### Content-Vorlagen ##### */

.mehr {
margin: 0;
padding-left: 10px;
font-size: 0.9em;
font-weight: bold;
color: #003399;
text-decoration: none;
background: url(../images/mehrlinkpfeil.gif) no-repeat 0 5px;
}

a.mehr:hover {
text-decoration: underline;
}

/* Breadcrumb */
#brot {
float: left;
display: inline;
width: 442px;
margin: 0 0 10px 20px;
padding: 0 0 10px 0;
}

ul#brot li {
display: inline;
padding: 0;
list-style-type: none;
background: none;
color: #003399;
font-size: 1.1em;
line-height: 1.5em;
}

ul#brot li a {
color: #003399;
}

/* Visual */
#visual {
display: inline;
float: left;
margin: 0 0 5px 10px;
}

* html #visual {
margin: 0 0 5px 10px!important;
}

#visual object {
display: block;
padding: 0;
margin: 0;
border: 0;
}

/* bei Flash-Animationen */
object.flash-animation {
-moz-user-focus:ignore;
}

/* bei interaktiven Flash-Anwendungen */
object.flash-interaktive {
-moz-user-focus: normal;
}

.bildlinks-textrechts,
.bildrechts-textlinks {
float: left;
width: 462px;
margin-bottom: 20px;
}

#ohnecontext .bildlinks-textrechts {
width: 690px;
}

.bildlinks-textrechts h5 {
font-size: 1.2em;
}

.bildlinks-textrechts h4 a,
.bildlinks-textrechts h5 a {
color: #003399;
}

.bildlinks-textrechts .klein {
font-size: 1em;
margin-bottom: 5px;
}

.einleitung {
color: #003399;
}

.bildlinks-textrechts .bildbereich {
float: left;
width: 210px;
margin: 0 10px 8px 20px;
}

* html .bildlinks-textrechts .bildbereich {
margin-left: 10px;
}

.bildlinks-textrechts .bildbereich-weit {
float: left;
margin: 0 10px 8px 20px;
}

.bildrechts-textlinks .bildbereich {
float: right;
width: 210px;
padding: 0 0 0 15px;
}

* html #content-context .inhalt .bildbereich {
margin-left: 10px;
}

.bildbereich p {
margin: 10px 0 0 0;
font-size: 1.1em;
}

* html .bildbereich {
margin-left: 10px;
}

.bildlinks-textrechts {
/* margin-bottom: 20px; */
margin-bottom: 4px;
}

.mailadresse {
display: inline;
padding-left: 20px;
background: url(../images/ico_mail.gif) no-repeat 0 3px transparent;
}

/* Asymetrischer Zweispalter */
.asymetrischer-zweispalter {
float: left;
width: 452px;
margin: 0;
margin-left: 19px;
}

* html .asymetrischer-zweispalter {
margin-left: 10px;
}

.asymetrisch-links,
.asymetrisch-rechts {
float: left;
width: 208px;
padding: 0 0 0 3px;;
}

div.asymetrisch-rechts {
background: url(../images/asym_vert.gif) repeat-y 0 0 transparent;
padding-left: 10px;
}

div.asymetrisch-links {
padding-right: 10px;
}

.asymetrischer-zweispalter h3 {
margin: 0 0 5px 0;
padding: 0;
}

.asymetrischer-zweispalter p {
margin: 0 0 5px 0;
line-height: 1.4em;
}

.asymetrischer-zweispalter p a {
margin: 0;
padding-left: 10px;
color: #003399;
font-size: 0.9em;
font-weight: bold;
background: transparent url(../images/mehrlinkpfeil.gif) no-repeat scroll 0 5px;
text-decoration: none;
}

.asymetrischer-zweispalter p a:hover {
text-decoration: underline;
}

.asymetrischer-zweispalter div div {
background: url(../images/asym_hor.gif) repeat-x 0 bottom transparent;
padding-bottom: 7px;
margin-bottom: 10px;
}

* html .asymetrischer-zweispalter div div {
margin-bottom: 12px;
}

.asymetrischer-zweispalter div div.letztebox {
background: none;
}

.asymetrischer-zweispalter .mehr {
font-size: 1.2em;
}

/* Zweispaltigkeit im Fliesstext */
.zweispaltig {
display: inline;
float: left;
width: 450px;
margin: 0 0 20px 20px;
}

.zweispaltig-links,
.zweispaltig-rechts {
float: left;
width: 225px;
}

/* fuer IE6 */
#content-context .zweispaltig-links div.bildbereich,
#content-context .zweispaltig-links div.bildbereich img,
#content-context .zweispaltig-rechts div.bildbereich,
#content-context .zweispaltig-rechts div.bildbereich img {
margin: 0;
padding: 0;
}

.zweispaltig-links img,
.zweispaltig-rechts img {
display: block;
}

#content .zweispaltig-links ul,
#content .zweispaltig-rechts ul {
margin: 0;
}


#content .zweispaltig-links ul li,
#content .zweispaltig-rechts ul li {
background: none;
}

.zweispaltig-links a,
.zweispaltig-rechts a {
font-size: 1.2em;
}

.zweispaltig-links li a,
.zweispaltig-rechts li a {
font-size: 1.0em;
}


.zweispaltig-links a:hover,
.zweispaltig-rechts a:hover {
text-decoration: underline;
}

.zweispaltig p,
.zweispaltig h2,
.zweispaltig h3,
.zweispaltig-trenner p,
.zweispaltig-trenner h2,
.zweispaltig-trenner h3 {
margin-left: 0;
}

/* Zweispaltigkeit im Fliesstext mit Trenner unten */
.zweispaltig-trenner {
display: inline;
float: left;
width: 450px;
background: url(../images/asym_hor.gif) repeat-x scroll 0 bottom transparent;
margin: 0 0 10px 20px;
padding-bottom: 7px;
}

/* Zentriertes Bild */
.bild-zentriert,
.bild-zentriert-lang {
overflow: hidden;
width: 445px;
text-align: center;
margin-bottom: 20px;
margin-left: 20px;
}

.bild-zentriert h3,
.bild-zentriert-lang h3 {
text-align: left;
margin-left: 0;
}

.bild-zentriert-lang {
width: 690px;
}

/* Dreispaltigkeit */
.dreispaltig {
display: inline;
float: left;
width: 450px;
margin: 0 0 10px 20px;
}

.dreispaltig h2,
.dreispaltig h3 {
margin-left: 0;
}

.dreispaltig strong,
.dreispaltig a {
font-size: 1.2em;
margin: 0;
}

.dreispaltig-links,
.dreispaltig-mitte,
.dreispaltig-rechts {
float: left;
width: 130px;
margin: 0 0 30px 30px;
padding: 0;
}

.dreispaltig-links {
margin-left: 0 !important;
}

/*
.dreispaltig-mitte {
background: beige;
}

.dreispaltig-rechts {
background: #FF0;
}
*/

/* Bildteaser Hellblau */
.bildteaser-hellblau,
.bildteaser-hellblau-erster,
.bildteaser-hellblau-letzter {
width: 439px;
margin: 0 0 0 20px;
padding-left: 10px;
background-color: #E2E8F1;
border-bottom: 1px solid #FFF;
}

.bildteaser-hellblau[class],
.bildteaser-hellblau-erster[class],
.bildteaser-hellblau-letzter[class] {
width: 440px;
overflow: hidden;
}

.bildteaser-hellblau-erster {
background: url(../images/bg_rundung_bildteaser_oben_hellblau.gif) top no-repeat #E2E8F1;
}

.bildteaser-hellblau-letzter {
background: url(../images/bg_rundung_bildteaser_unten_hellblau.gif) bottom no-repeat #E2E8F1;
}

.bildteaser-hellblau p,
.bildteaser-hellblau-erster p,
.bildteaser-hellblau-letzter p {
margin: 10px 5px 10px 0;
}

.bildteaser-hellblau p a,
.bildteaser-hellblau-erster p a,
.bildteaser-hellblau-letzter p a {
margin: 10px 5px 10px 0;
font-size: 1.0em;
}

.bildteaser-hellblau h3,
.bildteaser-hellblau-erster h3,
.bildteaser-hellblau-letzter h3 {
margin: 10px 5px 10px 0;
}

.bildteaser-hellblau img,
.bildteaser-hellblau-erster img,
.bildteaser-hellblau-letzter img {
float: left;
margin: 10px 10px 10px 0;
}

.bildteaser-hellblau a,
.bildteaser-hellblau-erster a,
.bildteaser-hellblau-letzter a {
font-size: 1.2em;
color: #003399;
}

.bildteaser-hellblau a:hover,
.bildteaser-hellblau-erster a:hover,
.bildteaser-hellblau-letzter a:hover {
text-decoration: none;
}

/* Newsletter-Uebersicht */
.newsletter-uebersicht {
width: 450px;
}

.newsletter-uebersicht ul {
float: left;
margin-bottom: 30px;
margin-left: 10px;
}

* html .newsletter-uebersicht ul {
margin-left: 5px;
}

.newsletter-uebersicht ul.zurueck {
margin-left: 120px;
}

.newsletter-uebersicht ul li {
background: none;
}

.newsletter-uebersicht ul li a.mehr {
font-size: 1.0em;
}

.newsletter-uebersicht .bildteaser-hellblau-erster {
border: none;
}

.newsletter-uebersicht .bildteaser-hellblau-letzter {
height: 10px;
margin-bottom: 20px;
}

.newsletter-uebersicht .bildteaser-hellblau-letzter hr {
display: none;
}

.newsletter-uebersicht .bildteaser-hellblau-erster p {
background: url(../images/teaser_trennpunkte_hellblau.gif) repeat-x bottom transparent;
padding-bottom: 2px;
}

.newsletter-uebersicht .bildteaser-hellblau-erster a.mehr {
display: block;
margin: 0;
}

.newsletter-uebersicht .bildteaser-hellblau-erster a:hover.mehr {
text-decoration: underline;
}

.newsletter-uebersicht .bildteaser-hellblau-erster ul {
float: none;
margin: 0 0 20px 0;
}

.newsletter-uebersicht .bildteaser-hellblau-erster ul li {
margin-bottom: 0px;
}

.newsletter-uebersicht .bildteaser-hellblau-erster ul li a.mehr {
display: inline;
font-size: 1em;
}

span.anker {
display: block;
margin: 0 0 20px 20px;
padding: 0 0 10px 10px;
font-size: 1.2em;
text-align: right;
background: url(../images/teaser_trennpunkte_hellblau.gif) repeat-x bottom transparent;
color: #003399;
font-weight: bold;
}

.anker a {
font-size: 1.0em;
}

/* Vorlage Formular Online Bewerbung */
form {
margin-bottom: 0;
}

.form-kundenmagazin,
.form-mitgliedsantrag,
.form-bewerbung,
.form-anfrage,
.form-allgemein,
.form-ecards,
.ecards-checkout {
float: left;
width: 449px;
}

.form-mitgliedsantrag ul li {
padding: 0;
background: 0;
}

.form-oben {
width: 449px;
margin: 0 0 0 20px;
border-bottom: 1px solid #FFF;
overflow: hidden;
}

.form-oben[class],
.form-unten[class] {
width: 450px;
}

.form-oben {
background: url(../images/bg_rundung_bildteaser_oben_hellblau.gif) top left no-repeat #E2E8F1;
}

.form-unten {
background: url(../images/bg_rundung_bildteaser_unten_hellblau.gif) bottom right no-repeat #E2E8F1;
margin-bottom: 0 !important;
}

#content-context .form-oben fieldset {
padding-left: 10px !important;
}

.form-oben p,
.form-unten p {
font-size: 1em;
margin: 10px 30px 10px 0;
}

.form-oben p a,
.form-unten p a {
margin: 10px 5px 10px 0;
font-size: 1.0em;
}

.form-oben a,
.form-unten a {
font-size: 1.2em;
color: #003399;
}

.form-oben a:hover,
.form-unten a:hover {
text-decoration: none;
}

/* H4 Berater mit weniger margin-bottom */

h4.form-berater {
font-family: verdana, sans-serif;
font-size: 1.3em;
margin-bottom: 0px;
}

/* Dieser Regelblock versteckt vom PB generierte input type hiddens */
#content-context .form-oben input {
display: none;
}

/* Dieser Regelblock blendet die regulaeren inputs innerhalb eines divs wieder ein */
#content-context .form-oben div input {
display: inline;
}

.form-oben span {
float: left;
width: 160px;
margin: 5px 5px 0 0;
}

#content-context .form-oben span.mitcheckbox {
margin-top: 0;
}

#content-context .form-oben span.mehrzeilig {
margin-bottom: 15px;
}

#content-context  #datenschutz.checkinput {
margin-left: 4px;
margin-right: 10px;
margin-bottom: 60px;
}

.fehler {
display: block;
color: #E22847;
margin: 0 0 4px 0;
}

.form-oben a{
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.form-oben input {
display: inline;
float: left;
width: 258px;
margin-bottom: 10px;
border: 1px solid #99BBE0;
}

.form-oben input.kurzesinput {
width: 148px;
margin-right: 5px;
}

.form-oben input.radioinput,
.form-oben input.checkinput {
width: 15px;
margin-top: 6px;
border: none;
}

* html .form-oben input.radioinput {
margin-top: 3px;
}

* + html .form-oben[class] input.radioinput {
margin-top: 3px;
}

.form-oben input.checkinput {
margin-top: 2px;
}

* html .form-oben input.checkinput {
margin-top: -2px;
}

.form-oben input.strasse {
width: 195px;
margin-right: 5px;
}

* html .form-oben input.strasse {
width: 193px;
}

.form-oben input.hnr {
width: 56px;
}

.form-oben input.plz {
width: 56px;
margin-right: 5px;
}

.form-oben input.ort {
width: 195px;
}

* html .form-oben input.ort {
width: 193px;
}

.form-oben span.geschlecht {
width: 30px;
}

.form-oben textarea {
width: 258px;
height: 50px;
border: 1px solid #99BBE0;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* von alex s. eingebaut */
#stueck {width: 30px;}
#isin {width: 258px;}
.fakelabel .float-left {float:left; margin-right: 5px;}

/* +++ */

/* Wertpapierdaten in Formular form-anfrage */
.form-oben .fakelabel table {
margin-right: 5px;
background-color: transparent;
}

.form-oben .fakelabel table tr {
background-color: #E2E8F1;
}

.form-oben .fakelabel table tr th {
font-weight: normal;
}

.form-oben .fakelabel table tr td {
border-bottom: none;
}

.form-oben .fakelabel table  input {
margin-bottom: 5px;
}

.form-oben .fakelabel table .isin {
width: 100px;
}

.form-oben .fakelabel table .wertpname {
width: 100px;
}

.form-oben .fakelabel table .stueck {
width: 100px;
}

.form-oben .fakelabel table .kaufdatum {
width: 100px;
}

.form-oben .fakelabel table .isin-input {
width: 95px;
}

.form-oben .fakelabel table .wertpname-input {
width: 130px;
}

.form-oben .fakelabel table .stueck-input {
width: 55px;
}

.form-oben .fakelabel table .monat-input {
width: 22px;
margin-right: 5px;
}

.form-oben .fakelabel table .jahr-input {
width: 22px;
margin-left: 5px;
}

.form-oben .fakelabel table .schraegstrich {
display: inline;
width: 10px;
margin: 0;
padding: 0;
text-align: center;
}

#content #content-context .form-oben .anlagehorizont {
margin-right: 18px;
}

#content #content-context .form-oben .float-left.anlagementalitaet {
margin-right: 40px;
}

#content #content-context .form-oben .float-left.gewinnorientiert {
margin-right: 62px;
}

.fakelegend {
width: 80px;
margin-top: 0px !important;
}

#bankkaufmann {
margin-right: 8px;
}

#baufinanzierer,
#versicherungsfachmann,
#allfinanzberater,
#fuehrungskraft {
margin-left: 169px;
margin-right: 8px;
}

legend.versteckt {
visibility: hidden;
margin-bottom: 2px;
}

.formendefake {
display: block;
background: #FFF;
width: 100%;
height: 30px;
padding-top: 10px;
text-align: right;
}

#content-context .formendefake input {
float: right;
}

/* Ecards */
#weitere-ecards {
margin-left: 20px;
}

#weitere-ecards legend {
display: none;
}

#weitere-ecards .weitere-ecards-button {
display: block;
margin: 0 auto;
}

.form-ecards img.gewaehlte-ecard,
.ecards-checkout img.gewaehlte-ecard {
display: block;
margin: 40px auto 30px auto;
}

.form-ecards .form-oben textarea {
height: 130px;
margin-bottom: 20px;
}

.ecards-checkout form h4 {
font-size: 1.2em;
margin: 0 0 0 10px;
}

.ecards-checkout form p {
font-size: 1.2em;
margin: 0 0 0px 10px;
padding-top: 5px;
}

.ecards-checkout form p.nachricht {
padding-bottom: 20px;
}

/* Vorlage Bonnfinanz fuer Menschen */
#wahleurotext {
width: 30px;
margin: 3px 5px 0 5px;
}

.inputhilfe {
position: relative;
}

.wahleurofakelabel {
position: absolute;
left: 65px;
}

* html .wahleurofakelabel {
left: 5px;
}

.beitrag-links {
float: left;
width: 170px;
}

.beitrag-rechts {
float: left;
width: 220px;
margin-left: 40px;
}

.zustellung {
width: 380px;
display: block;
margin: 0 0 0 35px;
}

* html .zustellung {
margin-bottom: 10px;
}

* + html .zustellung[class] {
margin-bottom: 10px;
}

#content .absenden {
float: right;
border: none;
width: 76px;
margin: 0;
}

#content .formendefake .zurueck {
float: left;
border: none;
width: 57px;
margin: 0;
}

#content .formendefake .aufkarteantworten {
float: left;
border: none;
width: 158px;
margin: 0;
}

#content .formendefake .ecardversenden {
float: right;
border: none;
width: 152px;
margin: 0;
}

#content .formendefake .vorschau-anzeigen {
float: right;
border: none;
width: 126px;
margin: 0;
}

.kleingedrucktes p,
.kleingedrucktes ul li,
.kleingedrucktes a,
.kleingedrucktes span {
font-size: 0.9em;
}


/* Vorlage Bonnfinanz Tellafriend */
.form-tellafriend {
float: left;
}

.form-tellafriend textarea {
margin-bottom: 15px;
}

/* Vorlage Tabelle Ergebnisseite Beratersuche */
.erg-berater {
width: 680px;
margin-left: 20px;
padding-left: 10px;
background: url(../images/bg_rundung_mittelblau_content_breit_oben.gif) 0 0 no-repeat #D9DFEB;
}

.erg-berater tr:hover{
background-color: #E3E3E3;
}


.erg-berater-karte {
margin-left: 10px;
padding-left: 10px;
margin-bottom: 15px;
}

table .index {
background-color: transparent;
}

.erg-berater .index .name {
width: 173px;
}

.erg-berater .index .plz {
width: 234px;
}

.erg-berater .index .telefon {
width: 152px;
}

.erg-berater .index .verbindung {
width: 112px;
}

#tabellenlegende {
margin: 0 0 10px 20px;
}

#tabellenlegende span.l-kontakt,
#tabellenlegende span.l-anfahrt,
#tabellenlegende span.l-berater,
#tabellenlegende span.l-maps,
#tabellenlegende span.l-newsletter {
margin-left: 10px;
padding: 0 0 5px 18px;
}

#tabellenlegende span.l-kontakt {
background: url(../images/ico_kontakt-aufnehmen.png) 0 1px no-repeat;
}

#tabellenlegende span.l-anfahrt {
background: url(../images/ico_anfahrtsrouting.png) 0 2px no-repeat;
}

#tabellenlegende span.l-berater {
background: url(../images/ico_beraterweb.png) 0 0 no-repeat;
}

#tabellenlegende span.l-maps {
background: url(../images/ico_maps.png) 0 0 no-repeat;
text-decoration: underline;
cursor: pointer;
float:right;
margin-right:15px;
}

#tabellenlegende span.l-newsletter {
background: url(../images/ico_newsletter-abonnieren.png) 0 0 no-repeat;
}

#content-context table.erg-berater a img {
margin-left: 3px;
border: none;
padding: 0;
}

#content-context table.erg-berater a {
display: inline !important;
padding: 0;
background: none;
}

/* Vorlage Tabelle Golftermine */
.golftermine {
width: 680px;
margin-left: 20px;
padding-left: 10px;
background: url(../images/bg_rundung_mittelblau_content_breit_oben.gif) 0 0 no-repeat #D9DFEB;
}

.golftermine .index .golfclub {
width: 193px;
}

.golftermine .index .ort {
width: 194px;
}

.golftermine .index .datum {
width: 112px;
}

/* Vorlage Zeispaltig lang */
.zweispaltig {
float: left;
width: 450px;
margin-left: 20px;
padding-left: 0;
}

#content-context .zweispaltig-lang-links {
float: left;
margin-left: 20px;
width: 270px;
}

#content-context .zweispaltig-lang-rechts {
float: left;
margin-left: 0px;
width: 270px;
}

#content-context .zweispaltig-lang-links .zweispaltig {
margin-left: 0;
}

/* Vorlage Tabelle Aufwandsschaetzung */
.aufwandsschaetzung {
display: inline;
float: left;
width: 452px;
margin-left: 20px;
background: url(../images/bg_rundung_mittelblau_content_schmal_oben.gif) 0 0 no-repeat #D9DFEB;
}

.aufwandsschaetzung .index .aufwandsberechnung {
width: 163px;
}

.aufwandsschaetzung .index .beispiel {
width: 104px;
}

.erg-berater .index .prozentsatz {
width: 212px;
}

/* Tabelle Downloads */
.downloads {
display: inline;
float: left;
width: 452px;
margin: 0 0 40px 20px;
background: url(../images/bg_rundung_mittelblau_content_schmal_oben.gif) 0 0 no-repeat #D9DFEB;
}

.downloads td {
clear: left;
}

.downloads .index .downloadobject {
width: 283px;
text-align: left;
}

.downloads .index .sprache {
width: 64px;
text-align: left;
}

.downloads .index .datenmenge {
width: 82px;
text-align: left;
}

#content-context .downloads a {
margin:0;
padding: 0 0 0 20px;
background: url(../images/icon_pdf.gif) no-repeat 0 0 transparent;
}

#content-context .downloads span a {
margin-left: 5px;
font-weight: normal;
text-decoration: underline;
}

.downloads a img {
display: none;
border: none;
padding: 0px 0 0 0;
margin: -2px 0 0 0;
}

/* Spendenuebersicht */
.spenden-uebersicht {
width: 680px;
margin-left: 20px;
margin-bottom: 20px;
padding: 0 0 0 10px;
background: url(../images/bg_rundung_mittelblau_content_breit_oben.gif) 0 0 no-repeat #D9DFEB;
}

.spenden-uebersicht .index {
background-color: transparent;
}

.spenden-uebersicht .index .empfang {
width: 360px;
}

.spenden-uebersicht .index .betrag {
width: 160px;
/* border: 1px solid green; */
}


.spenden-uebersicht .index .spende {
text-align: left;
width: 150px;
/* border: 1px solid blue; */
}

.spenden-uebersicht .index .betrag,
.spenden-uebersicht .index .spende,
.spenden-uebersicht .spende-zeile,
.spenden-uebersicht .betrag-zeile {
text-align: left !important;
padding-right: 10px;
}

/* Suchergebnisse */
#suchergebnisse-navi {
display: inline;
float: left;
width: 680px;
margin: 0 0 10px 20px;
background: url(../images/bg_rundung_hellgrau_content_breit_unten.gif) no-repeat left bottom #F6F6F6;
}

#suchergebnisse-steuerung {
padding-top: 10px;
background: url(../images/bg_rundung_hellgrau_content_breit_oben.gif) no-repeat left top transparent;
}

#suchergebnisse-navi #suchenachbegriff,
#suchergebnisse-navi #detailsuche-form {
padding-left: 10px;
}

#suchergebnisse-navi #suchenachbegriff.trennpunkte,
#suchergebnisse-navi #detailsuche-form.trennpunkte {
background: url(../images/teaser_trennpunkte_hellblau.gif) repeat-x 0 bottom transparent;
}

#suchergebnisse-navi #suchenachbegriff {
height: 33px;
}

#suchergebnisse-navi #suchenachbegriff legend {
display: none;
}

#suchergebnisse-navi #suchenachbegriff #contentsuche {
display: inline;
width: 240px;
height: 16px;
margin-right:5px;
padding: 0 0 0 2px;
border: 1px solid #99BBE0;
}

#suchergebnisse-navi #suchenachbegriff .searchbutton {
position: relative;
top: 2px;
display: inline;
height: 16px;
}

#suchergebnisse-navi #suchenachbegriff .mehr {
margin: 3px 0 0 210px;
}

#suchergebnisse-navi #detailsuche-form {
padding: 5px 0 10px 5px;
}

#suchergebnisse-navi #detailsuche-form .fakelabel {
float: left;
border: none;
margin: 0;
padding: 4px 0 0 0;
}

#suchergebnisse-navi #detailsuche-form .inputcontainer {
float: left;
margin-bottom: 20px;
width: 580px;
}

#suchergebnisse-navi #detailsuche-form .inputcontainer label {
margin: 0 10px 0 0;
}

#suchergebnisse-navi #detailsuche-form #datiert,
#suchergebnisse-navi #detailsuche-form #sortierung,
#ergebnisse-proseite select {
border: 1px solid #99BBE0;
}

#suchergebnisse-navi #detailsuche-form #sortierung {
margin: 0 0 0 12px;
}

#suchergebnisse-navi #detailsuche-form #datiert {
margin: 0 163px 0 47px;
}

/* IE6 */
* html #suchergebnisse-navi #detailsuche-form #datiert {
margin-right: 170px;
}
/* IE7 */
*+html #suchergebnisse-navi[id] #detailsuche-form #datiert {
margin-right: 170px;
}

#suchergebnis-seite {
float: left;
margin: 8px 0 0 0;
}

#suchergebnis-seite li {
display: inline;
list-style-type: none;
background: none;
}

#suchergebnis-seite strong,
#suchergebnis-seite .erster strong {
font-weight: normal;
}

#suchergebnis-seite .erster strong {
color: #CCC;
}

#ergebnisse-proseite {
float: right;
margin: 6px 14px 0 0;
}

#ergebnisse-proseite #ergproseite {
float: left;
}

/* IE6 */
* html #ergebnisse-proseite {
margin: 6px 9px 0 0;
}

*+html #ergebnisse-proseite[id] {
margin: 6px 18px 0 0;
}

#ergebnisse-proseite legend {
display: none;
}

#ergebnisse-proseite label {
float: left;
margin: 4px 4px 0 0;
}

#ergebnisse-proseite .losbutton {
float: left;
margin: 2px 0 0 4px;
}

#ergebnis-index {
clear: left;
margin: 35px 0 0 0;
padding: 0 0 10px 10px;
}

#ergebnisse ol {
width: 650px !important;
}

#ergebnisse li {
display: list-item;
margin-bottom: 20px;
padding: 1px; /* Webkit */
background: transparent;
}

/* IE6 */
* html #ergebnisse li {
vertical-align: top; /* IE */
height: 1%; /* IE */
}

/* IE7 */
* + html #ergebnisse li {
vertical-align: top; /* IE */
height: 1%; /* IE */
}

#ergebnisse .preview {
float: left;
width: 490px;
margin: 0;
}

/* IE6 */
* html #ergebnisse .preview {
margin-top: -3px;
}

/* IE7 */
* + html #ergebnisse .preview {
margin-top: -3px;
}

#ergebnisse .kriterien {
float: left;
width: 150px;
margin: 0;
text-align: right;
}

/* IE6 */
* html #ergebnisse .kriterien {
margin-top: -3px;
}

/* IE7 */
* + html #ergebnisse .kriterien {
margin-top: -3px;
}

#ergebnisse .kriterien small {
display: block;
margin: -2px 0 0 0;
font-size: 0.9em;
padding: 0;
}

#ergebnisse a {
color: #003399;
}

#ergebnisse .kriterien img {
margin: 5px 0 0 3px;
}

#ergebnisse li .preview h4 {
font-size: 1.1em;
margin: 0;
}

#ergebnisse li .preview p {
font-size: 1em;
margin: 0;
}

/* IE6 */
* html #ergebnisse li .preview p {
padding-bottom: 10px;
}

/* IE7 */
*+html #ergebnisse[id] li .preview p {
padding-bottom: 10px;
}

/*

#ergebnisse[id] .kriterien {
margin-left: 201px;
}


*+html #ergebnisse[id] .kriterien {
margin-left: 0;
}
*/

/* IE6 */
* html #ergebnis-index {
margin: 5px 0 0 0;
}

/* Vorsorgeinvestment */

.wrapper-vorsorge-invest {
width: 442px;
margin-left: 20px;
padding-top: 15px;
background: url(../images/bg_rundung_mittelblau_content_schmal_oben.gif) 0 0 no-repeat #D9DFEB;
}

.vorsorge-invest {
border-top: 1px solid #90BBE0;
display: inline;
float: left;
width: 442px;
}

.vorsorge-invest th {
width: 90px;
background: #d9dfeb;
vertical-align: top;
padding: 5px 5px 5px 5px;
}

table ul {
font-size: 0.8em;
}

/* Logoliste */
.logospalte-links,
.logospalte-mitte,
.logospalte-rechts {
float: left;
text-align: center;
width: 176px;
margin-left: 25px;
}

.logospalte-links h4,
.logospalte-mitte h4,
.logospalte-rechts h4 {
display: block;
text-align: center;
width: 175px;
margin: 0 0 20px 0;
}

.logospalte-links img,
.logospalte-mitte img,
.logospalte-rechts img {
margin-bottom: 20px;
}

/* Bilderliste-Download */

.bilderliste-dreier {
clear: left;
}

.bilderliste {
float: left;
width: 176px;
margin: 0 0 20px 25px;
padding: 5px;
background-color: #E2E8F1;
}

/*
.bilderliste-links {
clear: left;
}
*/

.bilderliste h4 {
display: inline;
margin: 0 0 5px 0;
}

.bilderliste img {
display: block;
margin: 5px auto;
}

.bilderliste small {
margin-left: 5px;
}

.bilderliste .downloadbild {
height: 110px;
margin-bottom: 5px;
padding: 3px 0 3px 0;
overflow: hidden;
background-color: #FFF;
}

.bilderliste .zoom {
display: block;
height: 17px;
margin-bottom: 2px;
padding-left: 20px;
font-weight: bold;
color: #003399;
text-decoration: none;
text-align: left;
background: url(http://www.bonnfinanz.de/customer/images/zoom_ico.gif) 0 0 no-repeat transparent;
}

.bilderliste a.zoom:hover {
text-decoration: underline;
}

.bilderliste .abspeichern {
display: block;
height: 17px;
margin-bottom: 2px;
padding-left: 20px;
font-weight: bold;
color: #003399;
text-decoration: none;
text-align: left;
background: url(http://www.bonnfinanz.de/customer/images/eps_ico.gif) 0 0 no-repeat transparent;
}

.bilderliste a.abspeichern:hover {
text-decoration: underline;
}

/* Beratersuche Orange Content */
.beratersuche-orange {
display: inline;
float: left;
width: 450px;
margin: 0 0 10px 20px;
padding-bottom: 2px;
background: url(../images/bg_rundung_teaser_unten_orange_rahmen_sehrlang.gif) bottom no-repeat #fff;
}

.beratersuche-orange .searchbutton {
float: left;
margin-top: 5px;
}

.beratersuche-orange div {
border-left: 1px solid #EF7C00;
border-right: 1px solid #EF7C00;
}

.beratersuche-orange h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 4px 10px 4px 10px;
color: #fff;
background: url(../images/bg_rundung_teaser_oben_orange_sehrlang.gif) no-repeat 0 0 #EF7C00;
}

.beratersuche-orange p,
.beratersuche-orange form {
margin: 0 0 8px 10px;
}

.beratersuche-orange legend {
display: none;
}

.beratersuche-orange label {
float: left;
margin: 5px 0 0 0;
padding: 0;
}

.beratersuche-orange #beratersuche-content {
margin-right: 5px;
padding: 0 0 0 2px;
width: 240px;
height: 16px;
border: 1px solid #99BBE0;
}

/* ### IFrame styling ### */

.inline-frame {
width: 510px;
height: 260px;
margin-left: 10px;
border: 0;
}

/* ##### Context ##### */
#context {
float: right;
width: 238px;
margin: 0;
background: #FFF;
}

/* Blauer Teaser */
.teaser-hellblau-bg {
width: 220px;
background: url(../images/bg_rundung_teaser_unten_hellblau.gif) bottom no-repeat #f0f3f8;
margin: 0 0 10px 10px;
padding-bottom: 5px;
overflow: hidden;
text-align: center;
}



.teaser-hellblau-bg h5 {
color: #000066;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 10px 0 10px;
text-align: left;
}

h5.oben-hellblau-rund {
padding-top: 10px;
background: url(../images/bg_rundung_teaser_oben_hellblau.gif) no-repeat;
}

#context .teaser-hellblau-bg p {
margin: 0 0 0 10px;
text-align: left;
}

#context .teaser-hellblau-bg .trennpunkte-hellblau {
margin: -10px 10px 10px 10px;
padding: 0 0 11px 0;
background: url(../images/teaser_trennpunkte_hellblau.gif) bottom repeat-x transparent;
}

* html #context .teaser-hellblau-bg .trennpunkte-hellblau {
height: 1px;
padding-bottom: 12px;
}

*+html #context[id] .teaser-hellblau-bg .trennpunkte-hellblau {
height: 3px;
}

#context .teaser-hellblau-bg .trennpunkte-hellblau hr {
display: none;
}

#context .teaser-dunkelblau-rahmen-bg .mehr,
#context .teaser-orange-bg .mehr,
#context .teaser-hellblau-bg .mehr {
display: block;
margin: 0 0 10px 10px;
padding-bottom: 0px;
font-size: 1.2em !important;
}

#context .teaser-dunkelblau-rahmen-bg .mehr,
#context .teaser-orange-rahmen-bg .mehr,
#context .teaser-hellblau-rahmen-bg .mehr,
#context .teaser-blau-rahmen-bg .mehr {
display: block;
height: 15px;
margin: 0 0 0 10px;
padding-bottom: 0px;
font-size: 1.2em !important;
}

/* Downloads */
#context .download {
margin-left: 10px;
}

#context .download li {
width: 190px;
margin: 0 0 5px 0;
padding-left: 10px;
list-style-type: none;
background: url(../images/mehrlinkpfeil.gif) no-repeat 0 6px transparent;
}

* html .download li {
height: 1%;
background: url(../images/mehrlinkpfeil.gif) no-repeat 0 5px transparent !important;
}

#context .download li a {
margin: 0;
padding: 0 5px 2px 0;
font-weight: bold;
color: #003399;
vertical-align: top;
text-decoration: none;
}

#context .download li a:hover {
text-decoration: underline;
}

#context .download li a.pdf {
/* background: url(../images/icon_pdf.gif) no-repeat right bottom transparent; */
}

#context .download li img {
width: 20px;
margin:0;
padding:0;
}

#context .download li span {
display: block;
margin-left: 1px;
font-size: 0.8em;
}

/* Hell-Blauer Teaser Rahmen */
.teaser-hellblau-rahmen-bg {
width: 220px;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: url(../images/bg_rundung_teaser_unten_hellblau_rahmen.gif) bottom no-repeat #FFF;
}

.teaser-hellblau-rahmen-bg div {
border-left: 1px solid #F0F3F8;
border-right: 1px solid #F0F3F8;
padding-top: 5px;
}

#context .teaser-hellblau-rahmen-bg p {
margin: 0 0 8px 10px;
}

/* Blauer Teaser Rahmen */
.teaser-blau-rahmen-bg {
position: relative;
width: 220px;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: url(../images/bg_rundung_teaser_unten_blau_rahmen.gif) bottom no-repeat #FFF;
}

* html .teaser-blau-rahmen-bg {
position: relative;
width: 220px;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: url(../images/bg_rundung_teaser_unten_blau_rahmen.gif) bottom no-repeat #fff;
}

.teaser-blau-rahmen-bg div {
border-left: 1px solid #608CC8;
border-right: 1px solid #608CC8;
padding-top: 5px;
}

#context .teaser-blau-rahmen-bg .imagemehr {
position: absolute;
bottom: 8px;
right: 8px;
padding-left: 10px;
font-size: 0.9em;
font-weight: bold;
color: #003399;
text-decoration: none;
background: url(../images/mehrlinkpfeil.gif) no-repeat 0 7px;
}


/* IE6 */
* html #context .teaser-blau-rahmen-bg .imagemehr {
background-position: 0 8px;
}

#context .teaser-blau-rahmen-bg div .imagemehr:hover {
text-decoration: underline;
}

#context .teaser-blau-rahmen-bg .bildcontainer img {
margin: 0;
}

#context .teaser-blau-rahmen-bg .bildcontainer a img {
border: none;
}

#context .teaser-blau-rahmen-bg .bildcontainer p {
margin: 0 0 0 10px;
}

#context .teaser-blau-rahmen-bg .bildcontainer-berater {
overflow: hidden;
margin-bottom: 7px;
}

#context .teaser-blau-rahmen-bg .bildcontainer-berater a {
margin: 0;
padding: 0;
}

#context .teaser-hellblau-bg img {
border: none;
margin: 0 auto 5px auto;
}


h5.oben-blau-rund {
font-size: 1.2em;
font-weight: bold;
padding: 4px 10px 4px 10px;
color: #FFF;
background: url(../images/bg_rundung_teaser_oben_blau.gif) no-repeat 0 0 #608CC8;
}

#context .teaser-blau-rahmen-bg p {
padding-bottom: 8px;
margin: 0 0 0 10px;
}

/* Dunkelblauer Teaser Rahmen */
.teaser-dunkelblau-rahmen-bg {
width: 220px;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: url(../images/bg_rundung_teaser_unten_dunkelblau_rahmen.gif) bottom no-repeat #FFF;
}

.teaser-dunkelblau-rahmen-bg div {
border-left: 1px solid #003399;
border-right: 1px solid #003399;
padding-top: 5px;
}

h5.oben-dunkelblau-rund {
font-size: 1.2em;
font-weight: bold;
padding: 4px 10px 4px 10px;
color: #FFF;
background: url(../images/bg_rundung_teaser_oben_dunkelblau.gif) no-repeat 0 0 #003399;
}

#context .teaser-dunkelblau-rahmen-bg p {
padding-bottom: 8px;
margin: 0 0 0 10px;
}

/* Orangener Teaser Rahmen */
.teaser-orange-rahmen-bg {
width: 220px;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: url(../images/bg_rundung_teaser_unten_orange_rahmen.gif) bottom no-repeat #fff;
}

.teaser-orange-rahmen-bg div {
border-left: 1px solid #EF7C00;
border-right: 1px solid #EF7C00;
padding-top: 5px;
padding-bottom: 1px;
}

.teaser-orange-rahmen-bg h5,
.teaser-orange-bg h5 {
color: #000066;
font-size: 1.2em;
font-weight: bold;
padding: 0 10px 4px 10px;
}

h5.oben-orange-rund {
padding-top: 4px;
color: #fff;
background: url(../images/bg_rundung_teaser_oben_orange.gif) no-repeat 0 0 #EF7C00;
}

#context .teaser-orange-rahmen-bg p,
#context .teaser-orange-bg p {
padding-bottom: 8px;
margin: 0 0 0 10px;
}



#context .teaser-orange-bg p {
margin-top: 5px;
}

.teaser-orange-bg {
width: 220px;
background: url(../images/bg_rundung_teaser_unten_orange.gif) bottom no-repeat #FBD99D;
margin: 0 0 10px 10px;
padding-bottom: 1px !important;
}

/* ##### Sitemap ##### */
#sitemap {
clear: left;
background: #F0F3F8;
margin: 10px;
}

#sitemap ul {
margin: 0 0 0 0;
}

/* 1. Ebene */
#sitemap li {
background: none;
padding: 9px 0 15px 10px;
margin-bottom: 15px;
border-top: 1px solid #608CC8;
clear: left;
font-size: 1.3em;
font-weight: bold;
}

* html #sitemap li {
height: 1%;
margin: 0;
padding: 9px 0 8px 10px;
}

/* 3. + 4. Ebene */
#sitemap li li li,
#sitemap li li li li {
font-weight: normal;
font-size: 0.8em;
}

#sitemap li.erster {
border: 0;
background: url(../images/bg_rundung_hellblau_content_breit_oben.gif) no-repeat;
}

#sitemap li.letzter {
border-bottom: 0;
padding-bottom: 9px;
background: url(../images/bg_rundung_hellblau_content_breit_unten.gif) 0 27px no-repeat;
}


#sitemap li.letzter a {
float: none;
}

#sitemap ul li a {
display: block;
float: left;
width: 34%;
color: #003399;
}

#sitemap ul li ul li a,
#sitemap ul li ul li ul li a {
display: inline;
float: none;
width: auto;
}

/* 2. Ebene */
#sitemap ul li ul {
display: block;
float: left;
width: 32%;
margin: 0;
padding: 0;
}

#sitemap ul li ul li {
padding: 0;
border: 0;
font-size: 0.9em;
margin-bottom: 6px;
}


/* 3. Ebene */
#sitemap ul li ul li ul {
margin-bottom: 0px;
padding: 0;
width: 100%;
margin-top: 3px;
}

* html #sitemap ul li ul li ul {
margin-top: 2px;
}

#sitemap ul li ul li ul li {
font-size: 1em;
background: transparent url(../images/seitennavi_blauball.gif) no-repeat 2px 6px;
padding-left: 12px;
margin-bottom: 2px;
}

/* 4. Ebene */
#sitemap ul li ul li ul li ul {
margin: 5px 0 11px 0;
padding: 0;
width: 100%;
}

#sitemap ul li ul li ul li ul li {
background: transparent url(../images/seitennavi_blaueck.gif) no-repeat 2px 8px;
padding-left: 10px;
}

/* ### Footer ### */
#footer {
display: block;
margin: 0 0 40px 0;
padding: 0 0 0 9px;
text-align: left;
color: #003399;
}

#footer a {
color: #003399;
text-decoration: none;
}

#footer a:hover {
color: #003399;
text-decoration: underline;
}

#footer .endorsement {
display: block;
height: 12px;
width: 245px;
margin: 7px 20px 0 0;
float: right;
}

/* IE6 */
* html #footer .endorsement {
display: inline-block;
margin-right: 3px;
}

#footer .endorsement img {
border: none;
}

/* ### Popup ### */
#popup-logo {
float: left;
margin: 20px 0 20px 15px;
}

.popup-bg {
display: inline;
float: left;
text-align: left;
width: 384px;
margin-left: 15px;
padding-bottom: 10px;
background: #e2e8f1 url(../images/bg_rundung_mittelblau_popup_unten.gif) bottom no-repeat;
}

.popup-bg-weiss {
display: inline;
float: left;
text-align: left;
width: 384px;
margin: 60px 0 0 15px;
padding-bottom: 10px;
}

.popup-bg-weiss .bildlinks-textrechts ul,
.popup-bg-weiss .bildrechts-textlinks ul {
font-size: 1.2em;
margin: 0 0 10px 40px;
}

.popup-bg-weiss .bildlinks-textrechts ol,
.popup-bg-weiss .bildrechts-textlinks ol {
font-size: 1.2em;
margin: 0 0 10px 45px;
}

.popup-bg span {
float: left;
width: 364px;
margin: 0;
padding: 10px;
background: url(../images/bg_rundung_mittelblau_popup_oben.gif) no-repeat;
}

.popup-bg a,
.popup-footer a {
font-size: 1.2em;
color: #003399;
text-decoration: none;
}

.popup-footer a:hover {
text-decoration: underline;
}

.popup-bg p,
.popup-bg h3 {
margin: 0 15px 10px 10px;
}

.popup-bg dl,
.popup-bg p {
font-size: 1.2em;
line-height: 1.45em;
}

.popup-bg h3,
.popup-bg p,
.popup-bg dl {
padding: 0 10px 0 0;
}

.popup-bg dl {
margin: 0 0 5px 0;
}

.popup-bg dt {
margin-left: 10px;
padding: 0 0 0 10px;
font-weight: bold;
background: url(../images/seitennavi_blaueck.gif) 0 7px no-repeat;
}

.popup-bg dd {
margin: 5px 10px 5px 20px;
}

.popup-bg table {
width: 95%;
margin: 0 0 10px 10px;
background: none;
}

* html .popup-bg table {
margin-left: 0;
width: 102%;
margin-bottom: 0px;
}

.popup-bg tr {
margin-left: 10px;
background: none;
}

* html .popup-bg th,
* html .popup-bg td {
font-size: 1em;
}

.popup-footer {
margin: 250px;
padding: 20px 0 20px 0;
text-align: left;
}

.popup-footer-schmal {
display: inline;
margin: 0 auto 0 0;
}

/* Popup betriebliche Altersvorsorge */
.popup-bg .breit {
padding-left: 0;
width: 55%;
}

.popup-bg .klein {
padding-right: 0;
text-align: right;
width: 33%;
}

/* Popup Riesterrente */
.popup-bg .links {
width: 56%;
padding-left: 0;
}

.popup-bg .rechts,
.popup-bg .mitte {
text-align: center;
vertical-align: middle;
}

.popup-bg .mitte {
width: 16%;
}

.popup-bg .rechts {
width: 18%;
}

* html .popup-bg .rechts {
width: 20%;
}

/* Startseite sIFR Replacement */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
display: none !important;
}

.sIFR-hasFlash h2 {
visibility: hidden;
}


#gmapmarker h3 {
margin: 0;
padding-bottom: 10px;
}

p#gmapDirItemTo.gmapDirItem,
p#gmapDirItemFrom.gmapDirItem {
margin: 0;
padding-bottom: 0;
}

/* neu am: 09.08.2011 MKue */
/* der div Container um gmapmarker soll 230px x 180px gross sein. */
/* Inhalte in #gmapmarker */
/* Adresse, Tel, Fax, ... */
.gMapsIWAddress {
width: 120px;
float: left;
}
.gMapsIWAddress a {
margin: 0 5px 0 0;
}
.gMapsIWAddress a img {
border: 0;
}

/* Bild Berater (wenn vorhanden) */
.gMapsIWPic {
width: 100px;
height: 100px;
float: right;
}
/* die Grafik soll immer auf eine feste Breite und Hoehe (quadratisch) gesetzt werden */
.gMapsIWPic img {
width: 100px;
height: 100px;
}

/* Floats wieder aufheben */
#gmapmarker:after {
content: ".";
display: block;
height: 0;
line-height: 0;
font-size: 0; 
clear: both;
visibility: hidden;
}

/* Klasse fuer :hover Zustand der "aktiven" Tabellenzeile */
.erg-berater td:hover {
cursor: pointer;
}