#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: 10px; font-family: Arial; font-weight: bold; position: relative; z-index: 100; padding: 8px 25px; }

#menu a:hover 
{ font-family: Arial; color:#fff; font-size: 10px; font-weight: bold; background-color: #e95e27; background-position: 50% 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: 12px; 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: 10px; 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: 10px; 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: 10px; 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 { color: #666; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; }
a:hover,  {
	color: #ff6600;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	border: thin #ffffff;
	text-decoration: none;
}
body { color: #102400; font-size: 11px; font-family: sans-serif; background-color: #bcced5; background-image: none; background-repeat: inherit; background-position: 100% 100%; text-align: center; position: relative; width: 95%; height: 95%; margin: 2%; padding: 0; }
body_bayern { color: #102400; font-size: 11px; font-family: sans-serif; background-image: url(http://www.servicehypo.eu/img/sparschwein6.jpg); background-repeat: inherit; background-position: 100% 100%; text-align: center; margin: 2%; padding: 0; position: relative; width: 95%; height: 95%; }
.div_1 { background-color: #fff; text-align: left; width: 100%; height: 95%; z-index: 100; overflow: auto; visibility: visible; padding: 5px; border: solid 1px #dcdfe6; -moz-border-radius:10px; }
.div_2 { background-image: url(http://www.servicehypo.eu/img/sparschwein6.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; position: inherit; width: 68%; height: 360px; overflow: auto; float: left; margin-left: 10px; padding: 15px; border: solid 1px #dcdfe6; }
.div_3 { position: inherit; width: 25%; height: 400px; float: right; }
.div_4 { margin-left: 10px; padding: 15px; position: inherit; width: 68%; height: 15px; float: left; overflow: hidden; }
.div_5  /* für Werbeeinblendung oben rechts */ { position: absolute; margin-left: 10px; padding: 15px; top: 5px; left: 74.3%; width: 100%; overflow: hidden; visibility: visible; clear: none; }
.include_zc_div_1 { background-color: #f9f9f9; position: inherit; top: 25%; width: 200px; height: 200px; z-index: 100; margin-bottom: 10px; border: solid 1px #dcdfe6; }
.include_zc_div_2 { background-color: #f9f9f9; margin-bottom: 10px; position: inherit; z-index: 100; top: 25%; width: 200px; padding: 5px 0 5px 0; border: solid 1px #dcdfe6; }
.include_zc_div_3 { font-size: 8px; background-color: #f9f9f9; margin-bottom: 10px; padding: 5px 0; position: inherit; z-index: 100; top: 25%; width: 200px; height: 120px; border: solid 1px #dcdfe6; }
.include_zc_table { font-size: 11px; text-align: left; }
.include_zc_tr_1 { background-color: #dcdfe6; }
.include_zc_tr_2 { text-align: left; height: 50px; }
.include_zc_td_1 { text-align: right; width: 80px; }
.include_zc_td_2 { color: #f60; font-size: 20px; font-family: Arial; font-weight: bold; text-align: left; width: 80px; clear: both; }
.popup { position: fixed; top: 30px; right: 75px; z-index: 100; }
/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  { font-size: 10px; font-weight: normal; font-style: normal; text-decoration: none; cursor: help; }
a.tooltip:hover { font-size: 10px; font-weight: normal; font-style: normal; background: transparent; cursor: help; }
a.tooltip span { font-size: 10px; display: none; text-decoration: none; cursor: help; }
a.tooltip:hover span { display: block; position: absolute; width: 400px; z-index: 100; color: #000000; border:dotted 1px #ff8e50; background: #eee; font: 10px Verdana, sans-serif; text-align: left; top: 10px; right: 20px; overflow: auto; max-height: 400px; margin: 5px; padding: 5px; cursor: help; }
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}
/*Text  Farbgestaltungen*/
.style_red { color: #f60; }
.table_index   /* Tabelle Indexseite */  { font-size: 11px; text-align: justify; }
.table_fa { background-color: #eee; }
.tr_fa_head { line-height: 30px; background-color: #dcdfe6; vertical-align: middle; }
.tr_fa_footer { line-height: 50px; background-color: #dcdfe6; vertical-align: middle; }
.input_fa { font-size: 10px; }