.content a {text-decoration: none;}
.content h1 {color:#FFFFFF; text-align:center; font-size:24px; font-weight:normal; margin:4px 0 2px 0; line-height: 36px; }
.content h2 {color:#0B3F66; text-align:center; font-size:18px; font-weight:normal; margin:2px 0 7px 0; }
.content h3 {font-size:18px; color:#FD7200; font-weight:normal; margin:10px 0 0 0; }
.content h4 {font-size:18px; color:#0A508C; font-weight:normal; margin:10px 0 0 0; text-align:center; }
.content h4 a {color:#0A508C; }
.content h5 {font-size:13px; font-weight:normal; margin:0 0 18px 0; }
.content h6 {font-size:18px; color:#0B3F66; font-weight:normal; margin:5px 0 10px 5px; font-style:italic; }
.content { font:Verdana, Arial, Helvetica, sans-serif !important; font-size: 12px; background-color:#FFFFFF; line-height:1.0; color:#000000; width:100%; min-width:650px; display:flex;  padding:0; margin:0;}
.content a { color: #000000; }
.contentleft2 { float:left; background-color:#FFFFFF; width:142px; min-width:142px; max-width:142px; padding:0 9px; margin:16px 0 0 7px; }
.contentleft2 div { min-height:15px; margin:0 0 5px 0; background-position:center; background-repeat:no-repeat; }
.contentcenter { float:left; background-color:#FFFFFF; width:100%; padding:0 5px; margin:16px 0 0 8px;  }
.contentright { float:left; background-color:#FFFFFF; width:136px; min-width:136px; max-width:136px; padding:0 6px 0 7px; margin:16px 10px 0 8px; }
.dublau { color:#000080; }
.balu2018, .blau { color:#0A508C; }
.black { color:#000000; }
.txt10 { font-size:10px; }
.txt11 { font-size:11px; } 
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.txt_center { text-align:center; }
.linehi09 { line-height:9px; }
.linehi14 { line-height:14px; }
.linehi20 { line-height:20px; }
.contentleft2 .info { border:1px solid #10CEFF; padding:4px 4px 6px 4px; margin:0 0 19px 0; }
.contentleft2 .info1 { border:1px solid #10CEFF; padding:4px; margin:0 0 8px 0; line-height:100%; }
.contentleft2 .info1a { border:1px solid #10CEFF; padding:4px 4px 5px 4px; margin:0 0 19px 0; }
.contentleft2 .info1b { border:1px solid #10CEFF; padding:5px 4px 6px 4px; margin:0 0 7px 0; }
.contentleft2 .info1c { border:1px solid #10CEFF; padding:6px 4px 5px 4px; margin:0 0 7px 0; }
.contentleft2 .info1d { border:1px solid #10CEFF; padding:4px; margin:0; }
.info2a { width: 99%; border:1px solid #10CEFF; padding:0 5px; margin:0;}
.info2a h1 {color:#0B3F66; text-align:center; font-size:18px; font-weight:normal; margin:2px 0 7px 0; }



.info2b { width: 99%; border:1px solid #10CEFF; padding:10px 5px 6px 5px; margin:18px 0 0 0; background-color: #F25A61;}
.info2b2 { width: 99%; border:1px solid #10CEFF; padding:10px 5px 6px 5px; margin:18px 0 0 0; background-color: #FFFFFF;}
.info2b h2 {color:#FFFFFF; text-align:center; font-weight:normal; margin:16px 0 18px 0; }





.info2bb { width: 99%; background-color: #79E779; border:1px solid #10CEFF; padding:6px 3px 2px 3px; margin:18px 0 5px 0; line-height:1.4; display:inline-block; }
.info2bb h3 {color:#FD7200; margin:10px 0 5px 0; }
.info2bb .div25a img {margin:13px 0 0 3px;}
.info2bb .div25b img {margin:13px 0 0 3px;}
.info2bb .dublau { font-size: 13px; }



.info2p { width: 99%; border:1px solid #10CEFF; padding:10px 5px 6px 5px; margin:18px 0 0 0; background-color: #FFA500;}
.info2p h2 {color:#FFFFFF; text-align:center; font-weight:normal; margin:16px 0 18px 0; }



.info2c { width: 99%; border:1px solid #10CEFF; padding:5px 4px; margin:17px 0 5px 0; font-weight:bold; font-size:13px; line-height:1.15;}
.info2d { width: 99%; border:1px solid #10CEFF; padding:5px 4px 3px 4px; margin:0;}
.info2d p { font-size:10px; margin:0; line-height:1.55;}
.info2e { width: 99%; padding:0; margin:25px 0 0 0; font-size: 13px;}
.info2e ul { margin:15px 0 0 10px; padding:0;}
.info2e li { list-style-image:url(http://www.bausparkassen-vergleich.de/bausparen/images/aktuel6.gif); margin:12px 0; line-height:1.2;}
.info2f { width: 99%; border:1px solid #10CEFF; padding:5px 4px; margin:22px 0 0 0; font-size:10px; line-height:1.5;}
.info2g { width: 99%; padding:5px 4px; margin:0 0 15px 0; font-size:10px;}
.info2h { width: 99%; background-color: #FFFFD2; border:1px solid #10CEFF; padding:6px 3px 2px 3px; margin:30px 0 5px 0; line-height:1.4; display:inline-block; }
.info2h h3 {color:#FD7200; margin:10px 0 5px 0; }
.info2h .div25a img {margin:13px 0 0 3px;}
.info2h .div25b img {margin:13px 0 0 3px;}
.info2h .dublau { font-size: 13px; }
.info2i { width: 99%; background-color: #D5E8FF; border:1px solid #10CEFF; padding:10px 4px 1px 3px; margin:14px 0 5px 0; line-height:1.4; display:inline-block; }
.info2i h3 { line-height:1.1; }
.info2i .txt10 { margin-top:8px;}
.info2i .div25e img {margin:6px 0 0 3px;}
.info2i .div25f img {margin:18px 0 0 3px;}
.info2k { width: 99%; background-color: #FFF0EB; border:1px solid #10CEFF; padding:9px 3px 1px 3px; margin:14px 0 19px 0; line-height:1.4; display:inline-block; }
.info2k .txt10 { margin-top:3px;}
.info2k .div25f img {margin:8px 0 0 7px;}
.info2k .div25h img {margin:15px 0 0 3px;}
.info2l { width: 99%; background-color: #FFFFFF; border:1px solid #10CEFF; padding:5px 5px 25px 5px; margin:30px 0 5px 0; line-height:1.4; display:inline-block; }
.info2m { width: 99%; background-color: #FFFFFF; border:1px solid #FFCC00; padding:5px 5px 15px 5px; margin:12px 0 5px 0; line-height:1.4; display:inline-block; text-align:center; }
.info2m p, .info2m p a { color:#0A508C; font-size:13px;}
.info2m img { margin-left:18px;}
.info2n { width: 99%; background-color: #FFFFFF; border:1px solid #FFCC00; padding:10px 5px 15px 5px; margin:12px 0 5px 0; line-height:1.4; display:inline-block; }
.info2n h4 { margin:5px 0 10px 0;}
.info2o { width: 99%; background-color: #FFFFFF; border:1px solid #FFCC00; padding:10px 5px 35px 5px; margin:12px 0 50px 0; line-height:1.4; display:inline-block; }
.info3a { width:134px; background-color:#FFBD10; border:1px solid #10CEFF; padding:3px 0 7px 0; margin:0 0 20px 0; text-align:center; }
.info3a a { color:#FFFFFF; font-size:18px; line-height:26px;  }
.info3b {  width:130px; background-color:#FFFFFF; border:1px solid #10CEFF; padding:3px 0px 3px 4px; margin:0 0 18px 0;  }
.info3b p { color:#000080; margin-bottom:14px; font-size:10px; font-weight:bold; line-height:1.55;}
.info3b a { color:#000080; font-size:10px; font-weight:bold; }
.info3c {  width:135px; background-color:#FFFFFF; border:1px solid #10CEFF; padding:3px 0px 3px 4px; margin:0 0 18px 0;  }
.info3c p { color:#000080; margin-bottom:14px; font-size:10px; font-weight:bold; line-height:1.55;}
.info3c a { color:#000080; font-size:10px; font-weight:bold; }
.div25a { width:25%; min-width:120px; float:left; padding:10px 0 0 0;}
.div25b { width:25%; min-width:120px; float:left; padding:30px 0 0 0;}
.div50c { width:50%; min-width:240px; float:left; padding:7px 0 0 0; font-size: 13px;}
.div50c p { line-height:18px; margin:1px 5px}
.div100d { width:100%; min-width:240px; display:contents; clear:both; float:none; margin-top:0px; }
.div25e { width:25%; min-width:120px; float:left; padding:0px 0 0 0;}
.div25f { width:25%; min-width:120px; float:left; padding:20px 0 0 0;}
.div50g { width:50%; min-width:240px; float:left; padding:10px 0 0 0;}
.div50g p { line-height:18px;}
.div25h { width:25%; min-width:120px; float:left; padding:50px 0 0 0;}
.div80i { width:80%; margin:20px 0 0 0; text-align:right; color:#000080; float:left; font-size:13px; }
.div20k { width:20%; margin:20px 0 0 0; float:left; }
.div20k .img1 { margin:17px auto 0 48%;}
.div20k .img2 { margin:0 auto 0 48%;}
.div20l { width:19%; min-width:190px; margin:0; float:left; padding-top:15px; }
.div80m { width:69%; min-width:190px; margin:0; padding:18px 0 0 5%; float:left; }
.div80m p { width:100%; margin:0; float:left; }
.div80m img { float: right; }
.div80m, .div80m a { color:#000080; }
@media only screen and (max-width: 1500px)  { .div80m { width:65%; padding:18px 0 0 4%; }}
@media only screen and (max-width: 1250px)  { .div80m { width:60%; padding:18px 0 0 3%; }}
@media only screen and (max-width: 1125px)  { .div80m { width:55%; padding:18px 0 0 2%; }}
@media only screen and (max-width: 1000px)  { .div80m { width:50%; padding:18px 0 0 1%; }}
.div50n { width:50%; min-width:180px; float:left; padding:10px 0 0 0;}
.div50n h2 { text-align:left; color:#000000;}
.div50n p { text-align:left; color:#000000;}
.div100 { width:100%; float:none; display:block; clear:both; margin:10px 0;}
.ecke_klein { float:left; margin:1px 4px 0 0; }
.prepaidcard_25 { margin:0 0 1px 0; }	
.geldschein_50_euro { margin:0 0 2px 0; }
.prozent5 { margin-top:1px; float:none; clear:both; display: block; }
.pfeil_hellblau_re { margin:1px 0 2px 0; float:none; clear:both; display: block; }
.ecke_klein2 { float:left; margin:-1px 3px 0 0; }
.pfeil_hellblau_re2 { margin:1px 0 0 0; float:none; clear:both; display: block; }
.karlheinz_boehm { float:none; clear:both; display: block; }
.pfeil_hellblau_re3 { margin:2px 0 0 0; float:none; clear:both; display: block; }
.navi26 { width:398px; height:38px; background-position:center center; background-repeat:no-repeat; background-image: url(http://www.bausparkassen-vergleich.de/bausparen/images/jetzt_angebot_unverbindlich_anfordern1_off.bmp); left:50%; position:relative; margin:20px auto 1px -199px; display:block; float:none; }
.navi26:hover {  background-image: url(http://www.bausparkassen-vergleich.de/bausparen/images/jetzt_angebot_unverbindlich_anfordern1_on.bmp); }

.navi26a { width:398px; height:38px; background-position:center center; background-repeat:no-repeat; background-image: url(http://www.bausparkassen-vergleich.de/bausparen/images/jetzt_angebot_unverbindlich_anfordern1_off.bmp); left:50%; position:relative; margin:20px auto 1px -199px; display:block; float:none; }
.navi26a:hover {  background-image: url(http://www.bausparkassen-vergleich.de/bausparen/images/jetzt_angebot_unverbindlich_anfordern1_on.bmp); }



.info2c a.tooltip {
  position: relative;
  text-decoration: none; }
.info2c a.tooltip:after { font-size:11px; font-weight:normal; content: attr(data-tooltip); position: absolute; top: 130%; left: 20%; background:#DDDDDD; width:30px; height:14px; padding: 5px 15px; color: black; -webkit-border-radius:3px; -moz-border-radius :3px; border-radius :3px; word-wrap:normal; line-height:1.3; -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; opacity: 0; overflow:hidden; }
.info2c a.tooltip:before { content: ""; position: absolute; width: 0; height: 0; opacity: 0; left: 30%; bottom: 90%; -webkit-transition: all 0.5s ease; -moz-transition : all 0.5s ease; transition : all 0.5s ease; }
.info2c a.tooltip:hover:after, a:hover:before { opacity: 1; overflow:visible; width:300px; height:140px; }
.navi27 { width:223px; height:38px; background-position:center center; background-repeat:no-repeat; background-image: url(http://www.bausparkassen-vergleich.de/bausparen/images/angebot_berechnen_off.bmp); float:right; margin:0 8px 8px 0; }
.navi27:hover {  background-image: url(http://www.bausparkassen-vergleich.de/bausparen/images/angebot_berechnen_on.bmp); }
.haus_mit_geld  { text-align:center;}
.navi28 { width:352px; height:37px; background-position:center center; background-repeat:no-repeat; background-image: url(http://www.bausparkassen-vergleich.de/bausparen/images/unverbindliches_angebot_anfordern.gif); top:20px; left:50%; position:relative; margin:0 auto 0 -176px; display:block; float:none; }