#menu a, #menu a:visited 
{ background-color: #adc2cd; vertical-align: middle; height: 20px; border-color: #adc2cd; border-width: 1px; text-align:center; text-decoration:none; color:white; font-size: 14px; font-family: Arial; font-weight: bold; position: relative; z-index: 100; padding: 8px 25px; }

#menu a:hover 
{ font-family: Tahoma, Verdana, Segoe, sans-serif; color:#fff; font-size: 14px; font-weight: bold; background-color: #e95e27; background-position: 50%; text-decoration: none; text-align: center; vertical-align: middle; position: relative; height: 20px; z-index: 100; padding: 8px 25px; border-color:#e95e27; border-width: 1px; }

.formbox_1 { width: 40%; color: #003366; background-color: #fff; font-family: Arial; font-size: 14px; height: 33px; float: left; clear: right; margin-top: 10px; margin-left: 5px; padding-top: 5px; border-color: #a09fa2; border-style: solid; border-width: 1px 1px 0; }
.formbox_2 { width: 58%; color: #ccc; background-color: #fff; font-family: Arial; font-size: 14px; height: 33px; float: left; clear: none; margin-top: 10px; padding-top: 5px; padding-right: 5px; padding-left: 5px; border-color: #a09fa2; border-style: solid; border-width: 0 0 1px; }
.formbox_3 { width: 98%; color: #ccc; background-color: #fff; font-family: Arial; font-size: 14px; height: 42px; float: left; clear: none; margin-left: 5px; padding-right: 5px; padding-left: 5px; border-color: #a09fa2; border-style: solid; border-width: 0 1px; }
.formbox_4 { width: 98%; color: #ccc; font-family: Arial; font-size: 14px; height: 100px; overflow: hidden; float: left; clear: none; margin-left: 5px; padding-top: 10px; padding-right: -10px; padding-left: 10px; border-color: #a09fa2; border-style: solid; border-width: 0 1px; }
a:link, a:visited { font-size: 14px; font-family: Arial; font-weight: normal; text-decoration: none; }
a:hover  { text-decoration: underline;}
body { color: #000; font-size: 12px; font-family: Arial; width: 95%; background: linear-gradient(to bottom, white, gainsboro, white); max-width: 1000px; margin: 0 auto; padding: auto;}
.div_1 { font-size: 14px; background-color: #f2f2f2; position: relative; top: 150px; width: 95%; z-index: 100; overflow: auto; padding: 25px 10px; border: solid 2px #ff8e50; border-top-left-radius: 35px; box-shadow: 10px 10px 15px silver; }
.div_2 { font-size: 14px; background-image: url(https://www.servicehypo.de/img/sparschwein6.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; text-align: left; position: inherit; width: 60%; height: 100%; overflow: auto; float: left; min-height: 725px; margin-left: 10px; padding: 15px; border: 1px #dcdfe6; border-top-left-radius: 8px; }
.div_2_finantrag { background-image: url(https://www.servicehypo.de/img/sparschwein6.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; text-align: left; margin-left: 10px; padding: 15px; position: inherit; width: 95%; height: 100%; float: left; overflow: visible; border: solid 1px #dcdfe6; border-top-left-radius: 8px; }
.div_3 { text-align: left; position: inherit; width: 33%; height: 100%; float: right; min-height: 500px; margin-right: 10px; border-top-left-radius: 8px;}
.div_3a { color: #e95e27; font-size: 14px; text-align: center; position: inherit; width: 33%; height: 100px; float: right; margin-right: 10px; margin-bottom: 5px; text-shadow: 0px -1px 1px; border: solid 1px #dcdfe6; border-top-left-radius: 8px; background: linear-gradient(to right, gainsboro, white);}
.div_4 { font-size: 14px; background-color: #fff; background-position: 0 0; text-align: left; position: relative; top: 150px; width: 95%; z-index: 100; overflow: auto; min-height: 200px; max-width: 95%; margin-top: 25px; padding: 10px; border-top-left-radius: 8px; box-shadow: 10px 10px 15px silver; }
.div_4_menue { font-size: 14px; background-color: #fff; text-align: left; position: relative; top: 150px; width: 95%; z-index: 100; overflow: auto; max-width: 95%; margin-top: 25px; padding: 10px; border-top-left-radius: 8px; box-shadow: 10px 10px 15px silver; }
.div_5 { font-size: 14px; background-color: #fff0ef; text-align: left; position: relative; top: 150px; width: 95%; z-index: 100; overflow: auto; min-height: 50px; max-width: 95%; margin-top: 25px; padding: 10px; border-top-left-radius: 8px; box-shadow: 10px 10px 15px silver; }
.div_6  /* Hinweistext Finanzierungsanfrage */ { background-color: #fcc; padding: 15px; clear: none; overflow: hidden; }
.div_h { position: inherit; width: 33%; z-index: 100; min-height: 100px; overflow: visible; float: right; clear: left; max-height: 100px; margin-right: 10px; margin-bottom: 5px; border-top-left-radius: 8px; }
.div_newsindex{box-shadow: 5px 5px 20px #ffff;}
.div_menue_below { position: inherit; overflow: auto; float: left; min-width: 200px; margin-top: 10px; margin-bottom: 5px; padding: 5px 10px; }
.include_zc_div_1 { font-size: 14px; position: inherit; top: 25%; width: 99.5%; z-index: 100; min-height: 220px; margin-bottom: 15px; border: solid 1px #dcdfe6; border-top-left-radius: 8px; padding: 5px;}
.include_zc_div_2 { font-size: 14px; background-color: #f9f9f9; margin-bottom: 10px; position: inherit; z-index: 100; top: 25%; width: 95%; padding: 5px 0; border: solid 1px #dcdfe6; border-top-left-radius: 8px; }
.include_zc_div_3 { font-size: 14px; margin-bottom: 10px; padding: 5px; position: inherit; z-index: 100; top: 25%; width: 99.5%; clear: right; min-height: 120px; border: solid 1px #dcdfe6; border-top-left-radius: 8px; }
.include_zc_table { font-size: 14px; text-align: left; width: 100%; overflow: hidden; clip: auto; margin-right: 10px; margin-left: 10px; }
.include_zc_tr_1 { background-color: #dcdfe6; }
.include_zc_tr_2 { text-align: left; height: 50px; }
.include_zc_td_1 { text-align: right; }
.include_zc_td_2 { color: #f60; font-size: 24px; font-family: Arial; font-weight: bold; text-align: left; clear: both; }
.include_stichwort { line-height: 50px; margin-top: 3px; margin-right: 6px; margin-bottom: 3px; padding: 5px; border: solid 1px #cfcfcf; display:inline; border-top-left-radius: 8px;}
div.include_stichwort:hover { line-height: 50px; margin-top: 3px; margin-right: 6px; margin-bottom: 3px; padding: 5px; border: solid 1px #cfcfcf; display:inline; border-top-left-radius: 8px; box-shadow: 5px 5px 20px silver;}
.div_rahmen_rot { font-family: Georgia; font-size: 14px; background-color: #fff; background-image: url(https://www.servicehypo.de/img/lampe_klein.gif); background-repeat: no-repeat; background-position: left center; text-align: center; margin-bottom: 25px; padding: 15px 5px 15px 50px; border: solid 1px #ff5f11; border-top-left-radius: 8px; }
.div_inhaltbox { font-size: 12px; font-family: Georgia; background-color: #fff; background-repeat: no-repeat; background-position: left center; text-align: left; margin-bottom: 25px; padding: 15px 5px; border: solid 1px #7b92a9; list-style-type: square; list-style-position: outside; border-top-left-radius: 8px; }
.link_int /* interne Verlinkung zu Stichwort */{display:inline; }
div.link_int:hover {text-decoration: underline; display:inline; }
.div_box_index /*Ankerbox auf Indexseite Service Hypo */{ color: #445052; background-color: #fff; background-position: 0 center; vertical-align: middle; width: 95%; float: left; border-top-left-radius: 8px; box-shadow: 5px 5px 10px #ffff; min-height: 100%; margin-bottom: 15px; padding: 2%; }
.a_div_box_index { text-decoration: none; }
.div_box_index_red { color: #445052; background-color: #ffd5bf; background-image: url(https://www.servicehypo.de/img/schluessel.gif); background-repeat: no-repeat; background-position: left center;margin-bottom: 15px; padding: 2% 2% 2% 20%; width: 78%; min-height: 100%; float: left; vertical-align: middle; border-top-left-radius: 8px; box-shadow: 5px 5px 10px #ffff; }
.div_box_index_rechner { color: #445052; background-color: #fff; background-image: url(https://www.servicehypo.de/img/taschenrechner.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 15px; padding: 2% 2% 2% 20%; width: 78%; min-height: 100%; float: left; vertical-align: middle; border-top-left-radius: 8px; box-shadow: 5px 5px 10px #ffff; }
.div_box_index_haus { color: #445052; background-color: #fff; background-image: url(https://www.servicehypo.de/img/haus.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 15px; padding: 2% 2% 2% 20%; width: 78%; min-height: 100%; float: left; vertical-align: middle; border-top-left-radius: 8px; box-shadow: 5px 5px 10px #ffff; }
.div_box_index_blase { color: #445052; background-color: #fff; background-image: url(https://www.servicehypo.de/img/sprechblase.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 15px; padding: 2% 2% 2% 20%; width: 78%; min-height: 100%; float: left; vertical-align: middle; border-top-left-radius: 8px; box-shadow: 5px 5px 10px #ffff; }
.div_box_index_vertrag { color: #445052; background-color: #fff; background-image: url(https://www.servicehypo.de/img/vertrag.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 15px; padding: 2% 2% 2% 20%; width: 78%; min-height: 100%; float: left; vertical-align: middle; border-top-left-radius: 8px; box-shadow: 5px 5px 10px #ffff; }
.a_div_box_index_red { text-decoration: none; }
.div_box_index_symbol{ color: #c0c0c0; text-align: center; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.div_box_index_symbol img{transition: 1s ease;}
.div_box_index_symbol img:hover{-webkit-transform: rotateZ(-10deg) scale(1.2);-ms-transform: rotateZ(-10deg)scale(1.2);transform: rotateZ(-10deg)scale(1.2);transition: 1s ease;}
/* Relativer Tooltip */
a.tooltip { position: relative; display: inline; }
a.tooltip span { color: #445052; background: #f9e165; text-align: center; vertical-align: middle; position: fixed; z-index: 100; visibility: hidden; padding: 15px; border: solid 1px #ff5f11; cursor: help; border-top-left-radius: 8px; box-shadow: 5px 5px 20px silver; }
a:hover.tooltip span { position: fixed; top: 20%; left: 10px; right: 10px; visibility: visible; }
/*Text  Farbgestaltungen*/
.style_red { color: #f60; }
.style_green { color: #259200; }
.tool_input_red { color: #f60; }
.table_index   /* Tabelle Indexseite */  { font-size: 18px; text-align: justify; }
.tool_table { color: #707070; font-size: 14px; background-color: #f9f9f9; border: solid 1px #dcdfe6; }
.angebot_mod { color: #707070; font-size: 14px; background: linear-gradient(to right, #ff8000, white);margin: 10px; padding: 2px; border-color: #707070; border-width: 1px; border-top-left-radius: 8px; box-shadow: 10px 10px 15px silver;}
.login_table { font-size: 14px; background-color: #f9f9f9; border: solid 1px #dcdfe6; }
.kontakt_table { font-size: 14px; background-color: #f9f9f9; border: solid 1px #dcdfe6; }
.topzins_table { font-size: 14px; background-color: #f9f9f9; width: 100%; border: solid 1px #dcdfe6; }
.topzins_tr { background-color: #dcdfe6;}
.td_index_50 { vertical-align: top; width: 50%; float: none; clear: none; padding: 5px; background: linear-gradient(to right, gainsboro, white); border-bottom: 1px solid #ff8e50; padding:6px; border-top-left-radius: 8px;}
.lightbox {top: 5%; left: 15%; display: none; padding: 16px; z-index:999; overflow: auto; min-width: 50%; min-height: 50%; border: solid 1px #bcced5; box-shadow: 10px 10px 15px silver; border-top-left-radius: 8px; }
.div_close { color: #ff5f11; font-size: 25px; float: right}
.lightbox_imagefilm { background: linear-gradient(to right, gainsboro, white); display: none; padding: 5px; position: fixed; z-index: 100; top: 2%; bottom: 2%; left: 15%; width: 500px; height: 450px; overflow: auto; border: solid 1px #bcced5; box-shadow: 10px 10px 15px silver; border-top-left-radius: 8px; }
/* Gestaltung Überschriften */
.h1_grau { color: #707070; font-size: 14px; font-weight: bold; font-style: normal; line-height: 25px; text-decoration: none; }
.h2_grau { color: #707070; font-size: 142px; font-weight: normal; font-style: normal; line-height: 15px; text-decoration: none; }
h1 { color: #ff5f11; font-size: 20px; font-weight: bold; font-family: Arial; margin: 0.67em 0; }
h2 { color: #445052; font-size: 18px; font-style: normal; font-family: Arial; font-weight: bold; margin: 0.67em 0; }
h3 { color: #445052; font-size: 16px; font-style: normal; font-family: Arial; font-weight: bold; margin: 0.67em 0; }
h4 { color: #445052; font-size: 14px; font-style: normal; font-family: Arial; font-weight: bold; margin: 0.67em 0; }
/* Ende Gestaltung Überschriften */
/* Button */
.button_rot { color: #fff; font-size: 14px; font-weight: bold; line-height: 50px; background-color: #f45000; height: 25px; min-height: 25px; margin: 5px; padding: 5px; border-top-left-radius: 8px; box-shadow: 5px 5px 20px silver; }
a.button_rot:hover  { color: #fff; font-family: Arial;font-size: 14px; font-style: normal; line-height: 50px; background-color: #f45000; height: 25px; min-height: 25px; margin: 5px; padding: 5px; border-top-left-radius: 8px; box-shadow: 5px 5px 20px silver; }
.button_berechnen { color: #445052; font-family: Arial;font-size: 14px; font-style: normal; font-weight: normal; background-color: #cfcfcf; text-align: center; height: 25px; float: inherit; clear: both; min-width: 100px; min-height: 25px; max-width: 75%; padding-right: 5px; padding-left: 5px; border-top-left-radius: 8px; }
/* Ende Button */
.select_feld { color: #e95e27; font-size: 14px; font-weight: normal; line-height: 100%; background-position: center; text-align: right; vertical-align: middle; width: 304px; height: 100%; min-height: 29px; border: solid 1px #bcced5; display:inline; border-top-left-radius: 8px; }
.select_feld_mittel { color: #e95e27; font-size: 14px; font-weight: normal; background-position: center; text-align: right; height: 100%; vertical-align: middle; width: 139px; min-width: 80%; min-height: 29px; max-width: 100%; border: solid 1px #bcced5; border-top-left-radius: 8px; }
.select_feld_klein { color: #e95e27; font-size: 14px; font-weight: normal; background-position: center; text-align: right; width: 90px; height: 100%; vertical-align: middle; min-height: 29px; border: solid 1px #bcced5; border-top-left-radius: 8px; }
.input_feld { color: #e95e27; font-size: 14px; font-weight: normal; text-align: right; width: 300px; height: 100%; vertical-align: middle; min-height: 29px; border: solid 1px #bcced5; border-top-left-radius: 8px; }
.input_feld_mittel { color: #e95e27; font-size: 14px; font-weight: normal; text-align: right; height: 100%; vertical-align: middle; width: 135px; min-width: 80%; min-height: 29px; max-width: 100%; border: solid 1px #bcced5; border-top-left-radius: 8px; }
.input_feld_klein { color: #e95e27; font-size: 14px; font-weight: normal; text-align: right; width: 90px; height: 100%; vertical-align: middle; min-height: 29px; border: solid 1px #bcced5; border-top-left-radius: 8px; }

.select_feld_include { color: #e95e27; font-size: 14px; font-weight: normal; line-height: 100%; background-position: center; text-align: right; vertical-align: middle; width: 80%; height: 100%; min-width: 100px; min-height: 29px; border: solid 1px #bcced5; display:inline; border-top-left-radius: 8px; }
.input_feld_include { color: #e95e27; font-size: 14px; font-weight: normal; text-align: right; width: 78%; height: 100%; vertical-align: middle; min-width: 95px; min-height: 29px; border: solid 1px #bcced5; border-top-left-radius: 8px; }

input:focus { background: #ffd5bf; border: solid 1px #f45000; box-shadow: 5px 5px 15px silver; }
select:focus { background: #ffd5bf; border: solid 1px #f45000; box-shadow: 5px 5px 15px silver; }
.scrollback  /* zurück zum Seitenanfang/Anker */ { color: #ff5f11; font-size: 25px; background-position: center; text-align: center; vertical-align: middle; position: fixed; right: 0; bottom: 0; z-index: 999; visibility: visible; padding-right: 10px; opacity:0.3; }
/* Tabellenformatierung */
.table_100 /* 100% Weite */{ width: 100%; }
.td_100px_r /* 25% Weite der Spalte, Ausrichtung rechts */{ text-align: right; width: 100px; min-width: 100px; max-width: 100px; }
.td_50_l /* 50% Weite der Spalte, Ausrichtung links */{ text-align: left; width: 50%; max-width: 50%; }
div.table { display: table; width: calc(100% - 10px);}
div.spalte { background-color: #fff; text-align: center; vertical-align: middle; display: table-cell; height: 35px; min-width: 25%; max-width: 50%; padding: 5px; border-top: thin solid #c0c0c0; border-right: thin solid #c0c0c0; border-left: thin solid #c0c0c0; border-bottom-color: #c0c0c0; border-bottom-width: 0; }
div.spalte_grey  /* Hintergrund grau */ { background-color: #e5e5e5; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-right: thin solid #c0c0c0; border-bottom-width: 0; border-bottom-color: #c0c0c0; border-left: thin solid #c0c0c0; }
div.spalte_l  /* Rand links + oben */ { background-color: #fff; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-bottom-width: 0; border-bottom-color: #c0c0c0; border-left: thin solid #c0c0c0; border-right-color: #c0c0c0; border-right-width: 0; }
div.spalte_l_grey  /* Hintergrund grau */ { background-color: #e5e5e5; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-right-width: 0; border-right-color: #c0c0c0; border-bottom-width: 0; border-bottom-color: #c0c0c0; border-left: thin solid #c0c0c0; }
div.spalte_lu_grey { background-color: #e5e5e5; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-right-width: 0; border-right-color: #c0c0c0; border-bottom: thin solid #c0c0c0; border-left: thin solid #c0c0c0; }
div.spalte_lu /* Rand links + oben + unten */ { background-color: #fff; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-bottom: thin solid #c0c0c0; border-left: thin solid #c0c0c0; border-right-color: #c0c0c0; border-right-width: 0; }
div.spalte_m  /* Rand oben + links */ { background-color: #fff; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-left: thin solid #c0c0c0; border-right-width: 0; border-right-color: #c0c0c0; border-bottom-color: #c0c0c0; }
div.spalte_mu  /* Rahmen oben+links+unten */ { background-color: #fff; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-left: thin solid #c0c0c0; border-bottom: thin solid #c0c0c0; border-right-color: #c0c0c0; }
div.spalte_m_grey  /* Rand oben und links */ { background-color: #e5e5e5; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border-top: thin solid #c0c0c0; border-left: thin solid #c0c0c0; border-right-width: 0; border-right-color: #c0c0c0; border-bottom-color: #c0c0c0; }
div.spalte_mu_grey  /* Rahmen links+rechts+oben+unten */ { background-color: #e5e5e5; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border: solid thin #c0c0c0; }
div.spalte_ru /* Rand rechts + oben + unten */{ background-color: #fff; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border: solid thin #c0c0c0; }
div.spalte_ru_grey  /* Hintergrund grau */ { background-color: #e5e5e5; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border: solid thin #c0c0c0; }
div.spalte_red { background-color: #e5e5e5; text-align: center; display: table-cell; padding: 5px; height: 35px; min-width: 25%; max-width: 50%; vertical-align: middle; border: solid thin #ff5f11; }
div.tr { width: 100%; display:table-row; }
.img_tipp{ float: left; }
.box_scale:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }