@import url(/css/news.css);
@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

span.switchOnLargeStyle { display: inline; }
span.switchOffLargeStyle { display: none; }

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

h1, h2, h3 { color: #004387; }
h1 { font-size: 14px; }
h2 { font-size: 12px; margin-bottom: 14px; }
h3 {
    font-size: 12px;
    margin-bottom: 14px;
    background: url(/files/allgemein/iconQuestion.jpg) no-repeat 0px 5px;
    padding-left: 19px;
}
h4 { color: #686868; font-size: 12px; margin-bottom: 14px; }
h6 { color: #7d7d7d; font-size: 10px; font-weight: normal; }

ul { list-style-type: none; }
p { color: #686868; margin-bottom: 14px; }
a { text-decoration: none; color: #004387; }
a:hover, li.active a { color: #004387; }

a.lexikon {
    background: none !important;
    text-decoration: none;
    color: #004387 !important;
    padding-left: 0px !important;
    text-decoration: underline !important;
}

/* breite = xx px */
div.page,
div#siteHead,
div#siteHead div#topMenuContainer,
div#footer {width: 950px;}

div.page { margin-left: 35px; position: relative;}

/* +++++++++++++++++++ TOP MENÜS +++++++++++++++++++++++++++++++++++++++++++++ */
div#siteHead div#topMenuContainer {
    height: 30px;
    background: url(/files/allgemein/topMenuContainerBg.jpg) no-repeat top left;
    position: relative;
}
ul#topMenu {
    position: absolute;
    top: 7px; left: 15px;
}
ul#topRightMenu {
    position: absolute;
    top: 7px; right: 15px;
}
ul#topMenu li,
ul#topRightMenu li { float: left; }
ul#topMenu li span,
ul#topRightMenu li span { padding: 0px 5px;}
ul#topMenu li span,
ul#topRightMenu li span,
ul#topMenu li a,
ul#topRightMenu li a { font-size: 11px; color: #686868; font-weight: normal; }
ul#topMenu li a:hover,
ul#topRightMenu li a:hover,
ul#topMenu li.active a,
ul#topRightMenu li.active a { color: #004387; }

/* +++++++++++++++++++ MAIN MENÜ +++++++++++++++++++++++++++++++++++++++++++++ */
div#mainMenu ul.main {
    height: 31px;
    background: url(/files/allgemein/topMenuContainerBg.jpg) no-repeat 0px 1px;
    margin-top: -4px;
}
div#mainMenu li {
    float: left;
    margin-top: 1px;
    border-right: 1px solid #cdcdcd;
}
div#mainMenu ul.main li a {
    font-size: 14px;
    color: #686868;
}
div#mainMenu ul.main li a:hover,
div#mainMenu ul.main  li.active a { color: #004387; }

div#mainMenu ul.main li:hover ul#subMenu,
div#mainMenu ul.main li.hover ul#subMenu { display: block; }
div#mainMenu ul#subMenu {
    position: absolute; z-index: 100;
    top: 179px;
    display: none;
    text-align: left;
    background-color: #fff;
    opacity: 0.8; filter: alpha(opacity=80);
    width: auto;
    margin-left: -11px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
div#mainMenu ul#subMenu li {
    width: auto;
    height: 17px;
    float: none;
    border: none;
    padding: 0px 0px;
}
div#mainMenu ul#subMenu li a { font-size: 12px; font-weight: normal; }
div#mainMenu ul li.active ul#subMenu li a { color: #686868; }
div#mainMenu ul li.active ul#subMenu li a:hover { color: #004387; }

/* +++++++++++++++++++ SEITLICHES MENÜ RECHTS ++++++++++++++++++++++++++++++++++ */
h2#sideHeader,
div#right { position: absolute; right: 28px; top: 234px; width: 200px; }
h2#sideHeader {
    top: 0px; right: 0px;
    background-color: #e7eef6;
    text-align: center;
    padding: 8px 0px;
    border-bottom: 1px solid #cdcdcd;
}
ul#subSubMenu {
    border: 1px solid #cdcdcd;
    border-bottom: none;
    margin: 30px 0px;
}
ul#subSubMenu li { border-bottom: 1px solid #cdcdcd; padding: 8px 15px; }
ul#subSubMenu li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
    padding-left: 10px;
    font-size: 11px;
    color: #686868;
    font-weight: normal;
    display: block;
}
ul#subSubMenu li.arrowDown a {
    background: url(/files/allgemein/pfeilOrangeUp.gif) no-repeat -1px 5px;
}
ul#subSubMenu li a:hover,
ul#subSubMenu li.active a { color: #004387; }
ul#subSubMenu li.active a { font-weight: bold; }

ul#subSubMenu li.active ul#subSubSubMenu li { border: none; padding: 2px 0px; }
ul#subSubMenu li.active ul#subSubSubMenu li.first { padding-top: 3px; }
ul#subSubMenu li.active ul#subSubSubMenu li a {
    padding-left: 0px !important;
    background: none;
    color: #686868;
}
ul#subSubMenu li.active ul#subSubSubMenu li a.subsubsubPrefix { float: left; }
ul#subSubMenu li.active ul#subSubSubMenu li a.subsubsubPoint { margin-left: 10px; }
ul#subSubMenu li.active ul#subSubSubMenu li a:hover,
ul#subSubMenu li.active ul#subSubSubMenu li.active a { color: #004387; }

div.tipps { width: 200px; }
div.tipps h2#tipps {
    background-color: #ffab1c;
    text-align: center;
    padding: 8px 0px;
    border-bottom: 1px solid #cdcdcd;
    color: #fff;
    margin-bottom: 0px;
}
div.tipps ul {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}
div.tipps ul li { border-bottom: 1px solid #cdcdcd; padding: 8px 15px; }
div.tipps ul li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
    padding-left: 10px;
    font-size: 11px;
    color: #686868;
    font-weight: normal;
    display:block;
}

/* +++++++++++++++++++ Seitentitel + CONTENT ++++++++++++++++++++++++++++++++++ */

div#content { width: 640px; float: left; padding-bottom: 55px; }
ul li {
    list-style-image: url(/files/allgemein/iconQuestion.jpg);
    margin-bottom: 10px;
    color: #686868;
    margin-left: 15px;
}
ul#topMenu li,
ul#topRightMenu li,
ul.main li,
ul#subSubMenu li,
ul#tipps li {
    list-style-image: none;
    margin-bottom: 0px;
    margin-left: 0px;
}

div.element ul li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
    padding-left: 10px;
    margin-bottom: 5px;
    font-weight: normal;
}
ol li {
    color: #686868;
    margin-left: 15px; margin-bottom: 10px;
}
div#ergebnisText a, /* fuer finanzierungstyp */
div.element a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 3px;
    padding-left: 9px;
}
div.element ul.pfeilOrange li { list-style-image: none; margin-left: 0px; }

div.element, div#footer, div.clear {clear: both;}

/* +++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++ */
div#footer span { color: #004387; font-size: 11px; padding-left: 35px; }

img.plus { margin-left: -10px; }

/* +++++++++++++++++++ HOME STYLES ++++++++++++++++++++++++++++++++++ */
.home div#homeContent { position: relative; height: 280px; margin-top: -5px; width: 960px; }
.home div#poolBig {
    position: absolute;
    top: 0px; left: 0px;
    width: 660px; height: 280px;
}
.home .homeAktion {
    position: absolute;
    top: 0px; left: 0px;
    width: 660px; height: 280px;
}
.home .activeAktion {
    z-index: 10;
}
.home div#homeBanner {
    position: absolute;
    top: 0px; left: 665px;
}
.home div#homeBanner div.banner {
    width: 120px; height: 45px;
    margin-right: 5px; margin-bottom: 5px;
    float: left;
    padding: 0px 10px;
    font-size: 11px; color: #004387;
    /*display: table-cell;
    vertical-align: middle; */
    padding-top: 45px;
    text-align: center;
    cursor: pointer;
}
.home div#homeBanner div.banner a {
    font-size: 11px;
    font-weight: bold;
    color: #747575;
}

.home div#homeMenu { float: left; width: 660px; }
.home div#homeMenu ul.main { margin-top: 15px; }
.home div#homeMenu ul.main li { float: left; padding: 0px; }
.home div#homeMenu ul.main li a {
    color: #004387;
    font-size: 14px;
    margin-bottom: 9px;
    display: block;
}
.home div#homeMenu ul.main li a:hover,
.home div#homeMenu ul.main li.active a { color: #004387; }
.home div#homeMenu ul.main li ul#subMenu li {
    display: block;
    float: none;
    padding: 0px;
    width: 160px;
}
.home div#homeMenu ul.main li ul#subMenu li a {
    color: #686868;
    font-size: 11px; font-weight: normal;
    margin-bottom: 4px;
}
.home div#homeMenu ul.main li ul#subMenu li a:hover { color: #004387; }

/* +++++++++++++++++++ STYLES für diverse Templates ++++++++++++++++++++++++++++++++++ */
.lexikon div#content img.icon { float: left; margin-top: 2px; }
.lexikon div#content ul.abc { padding-left: 10px; height: 15px; padding-bottom: 14px; }
.lexikon div#content ul.abc li {
    background: none;
    float: left;
    margin-left: 0px;
    padding: 0px; padding-left: 8px;
    font-weight: bold;
    list-style-image: none;
}
.lexikon div#content ul.abc li a { background: none; }
.lexikon div#content ul.abc li.empty { color: #c9c9c9; }
.lexikon div#content ul.abc li a:hover,
.lexikon div#content ul.abc li.active { color: #004387; font-size: 11px; }

.lexikon div#content ul li.abisz {
    margin-left: 35px;
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
}
.lexikon div#content div.word h3 { padding-left: 15px; margin-bottom: 0px; }
.lexikon div#content div.word p { margin-left: 15px; }

.angebotedetails div.element { width: 700px; }
.angebotedetails table { border: 1px solid #ccc; width: 340px; float: left; }
.angebotedetails table tr td.head { border-bottom: 1px solid #ccc; }
.angebotedetails table tr td.head h2 { margin: 0px; }
.angebotedetails table tr td { padding: 5px 10px; color: #686868; }
.angebotedetails table tr td.first { width: 140px;}
.angebotedetails table tr.blue td { background-color: #e5ecf3; }
.angebotedetails div.pic { width: 350px; float: right; text-align: center; }
.angebotedetails div.pic h2 { margin: 7px; text-transform: uppercase; letter-spacing: 0.35em; }
.angebotedetails div.text { padding-top: 22px; }
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li a {
    color: #686868; padding-left: 10px;
}
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li a:hover,
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li.active a { color: #004387; }

.subMenuAuswahl div#content ul li { margin-bottom: 5px; }
.subMenuAuswahl div#content ul li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 3px;
    padding-left: 10px;
    margin-bottom: 5px; 
    font-weight: normal;
}
.subMenuAuswahl div#content ul li a:hover { color: #004387; }

div.tippAnsicht,
div.lexikonAnsicht  {
    border: 10px solid #E6E6EB;
    position: absolute;
    z-index: 65;
    top: 0; left: 0;
    width: 658px;
    background-color: white;
}
div.contentTipps { padding: 35px; padding-top:7px; }
div.entTipps h1 { margin-bottom: 17px; }
div.entTipps h2 { padding-bottom: 14px; border-bottom: 1px solid #cecece; }
div.entTipps h4 { color: #686868; }
div.entTipps div.element { padding-left: 0px; }
div.tippAnsicht a.close,
div.lexikonAnsicht a.close { position: absolute; top: 0px; right: 0; z-index: 12; }


/* +++++++++++++++++++ STYLES für Finanzierungstyp ++++++++++++++++++++++++++++++++++ */
.finanzierungstyp .clear { height: 0px; }
.finanzierungstyp #steps { margin-top: 20px; margin-bottom: 30px; }
.finanzierungstyp #steps img { margin-right: 2px; }
.finanzierungstyp #steps img.last { margin-right: 0px; }

.finanzierungstyp #fragenContent h2#frageTitel { margin-bottom: 20px; }

.finanzierungstyp #fragenContent #frageAntworten { margin-bottom: 10px; }
.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper {
    float: left;
    width: 212px;
    margin-right: 2px;
}
.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper3 { margin-right: 0px; }

.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper input { float: left; }
.finanzierungstyp #fragenContent #frageAntworten .antwortWrapper div { color: #686868; margin-left: 20px; }

.finanzierungstyp #fragenContent #frageAntwortenBilder img { margin-right: 2px; }
.finanzierungstyp #fragenContent #frageAntwortenBilder img:hover { cursor: pointer; }
.finanzierungstyp #fragenContent #frageAntwortenBilder img.last { margin-right: 0px; }

.finanzierungstyp #ergebnisdiv #ergebnisTitel {
    font-weight: bold;
    color: #686868;
    background: url(/files/allgemein/finanzErgebnisCheck.jpg) no-repeat center left;
    margin-bottom: 14px;
    padding-left: 25px;
}
.finanzierungstyp #ergebnisdiv #ergebnisText {
    float: left;
    width: 404px;
    height: 112px;
    margin-right: 2px;
    padding: 10px;
    border: 1px solid #cdcdcd;
    overflow: scroll;
    overflow-x: hidden;
}
.finanzierungstyp #ergebnisdiv { display: none; }
.finanzierungstyp #ergebnisdiv #ergebnisText p { margin-bottom: 0px; }
.finanzierungstyp #ergebnisdiv img#ergebnisImage { float: right: }

.finanzierungstyp #navi a#btnPrev {
    float: left;
    font-weight: bold;
    padding: 3px 0px 3px 15px;
    background: url(/files/allgemein/pfeilOrangeBack.gif) no-repeat center left;
}
.finanzierungstyp #navi a#btnNext {
    float: right;
    font-weight: bold;
    padding: 3px 15px 3px 0px;
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat center right;
}
.finanzierungstyp #navi a#btnReset {
    float: right;
    font-weight: bold;
    padding: 3px 0px 3px 15px;
    background: url(/files/allgemein/pfeilOrangeBack.gif) no-repeat center left;
    display: none;
}

.finanzierungstyp #navi #nothingChecked {
    font-size: 12px; font-weight: bold;
    display: none; text-align: center; padding: 3px 100px 0px 100px;
    color: orange;
}

/* +++++++++++++++++++ STYLES für Gewinnspiel ++++++++++++++++++++++++++++++++++ */
.gewinnspiel div.formularainer { position: relative; }
.gewinnspiel div.formularainer div#forment { position: relative; }
.gewinnspiel div.formularainer img#imgThema {
    position: absolute;
    top: 113px; right: 0px;
}
.gewinnspiel table.formular { margin-bottom: 7px; width: 625px; }

.gewinnspiel table.formular tr#FormTrantwort td.name { background: none; }
.gewinnspiel table.formular tr td.field { width: -1px; *width: 0px; }
.gewinnspiel table.formular tr#FormTrantwort td.field { padding-bottom: 23px; }
.gewinnspiel table.formular tr#FormTrantwort td.field input { width: 13px; margin-right: 5px; }
.gewinnspiel table.formular tr#FormTrantwort td.field label { margin-right: 45px; }
.gewinnspiel table.formular tr.pflicht td.name,
.gewinnspiel table.formular tr td.name { width: 90px; }

/* +++++++++++++++++++ Kundenservice +++++++++++++++++++++++++++++++++++++++++++ */
.magazin .image { float: left; width: 120px; }
.magazin .text { float: right; width: 490px; margin-top: 148px; }
.magazin .text a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat scroll 0 2px;
    padding-left: 10px;
}
.folder .text .size { margin-left: 9px; color: #686868; }

/* +++++++++++++++++++ Direktsparen Banner++++++++++++++++++++++++++++++++++++++ */
.homeDirektsparen { float: right; margin-top: 17px; width: 285px; }
.direktsparen { margin-top: -15px; }
.direktsparen .picLink { margin-top: -3px; }
.direktsparen .box { margin-bottom: 12px; }
.direktsparen .box.text { width: 200px; }

/* +++++++++++++++++++ WARTUNGS-BANNER++++++++++++++++++++++++++++++++++++++++++ */
.box.text { width: 285px; font-size: 11px; font-weight: bold; padding: 0px; }
.orange, .orange p { color: orange; }

/* +++++++++++++++++++ NO JAVASCRIPT +++++++++++++++++++++++++++++++++++++++++++ */
div#mainMenu li {
    height: 22px;
    letter-spacing: 0.4px;
    padding: 7px 10px 0px 10px;
}
div#mainMenu ul.main li a img {
    margin: -7px -10px 0px -10px;
}
div.page h1.homeClaim {
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 20px;
    margin-bottom: 37px;
}
div.page h1.homeClaim img {
    margin-top: -21px;
    margin-bottom: -39px;
}


/* ----------------VOLLTEXTSUCHE--------------------------------------------- */
.indexSearch .searchField { margin: 15px 0px 20px 0px; }
.indexSearch .hitDescTop { width: 380px; margin-bottom: 15px; padding-bottom: 3px; border-bottom: 1px solid #cdcdcd; }
.indexSearch .hitCount { float: left; width: 125px; }
.indexSearch .hitPaging { float: left; width: 250px; text-align: center; }
.indexSearch .hitPaging a:hover { border-bottom: 1px solid #004387; }
.indexSearch .hitPaging a.current { font-weight: bold; color: #686868; }
.indexSearch .hitPaging a.current:hover { border-color: #686868; }
.indexSearch .hitList li { margin-left: 0px; margin-bottom: 15px; list-style-image: none; }
.indexSearch .hitList li.last { margin-bottom: 0px; }
.indexSearch .hitList li .hitHeadlineLink { font-weight: bold; }
.indexSearch .hitList li .hitContent { width: 380px; }
.indexSearch .hitList li .hitContent .highlightTerms { font-weight: bold; }
.indexSearch .hitList li .hitLink { width: 100%; overflow: hidden; white-space: nowrap; }
.indexSearch .hitList li .hitLink a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat scroll 0 2px;
    padding-left: 10px;
}
.indexSearch .hitList li .borderLine { width: 380px; height: 1px; padding-top: 15px; border-bottom: 1px solid #cdcdcd; }
.indexSearch .hitList li.last .borderLine { border-bottom: none; }
.indexSearch .hitDescBottom { width: 380px; padding-top: 3px; border-top: 1px solid #cdcdcd; }