/* freistehender Footer - Angaben für alle standardkonformen Browser */
/* Angaben für alle standardkonformen Browser */
body,p {
    margin:0;
    padding:0;
	font-family: Arial;
	font-size:18px;
	color: #000000;
}
input[type=text]{width:100%;max-width:300px}
tfoot{background-color:lightgray;}
p{padding-bottom:0.7rem}
#id_div_seitencontainer{
	margin:0 auto;padding:1em;
	min-width:800px;
	max-width:1200px;
}
#id_div_darlehen_angaben01 table td{width:100%}
#id_div_darlehen_angaben02 table td{width:100%}


/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { 
body {
-webkit-transform: rotate(90deg);
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0; 
}}*/

/*@media (min-width: 800px) {*/
@media only screen and (max-width: 800px){
  body{min-width:800px;}
  #id_td_werbung_links{display:none}
   p,tr,td,label,input,div,select{font-size:1.5rem;}
  .cssbutton{font-size:1.5rem;}
  h1{font-size:1.8rem}
  h2,h3{font-size:1.5rem}
  h4{font-size:1rem}
  .tabellenspalte_loeschen{width:25px}
  .td_datum{width:130px}
  .td_betrag{max-width:170px}
  .td_zinssatz{width:55px}
}
  
/*@media (min-width: 990px) {*/
@media only screen and (max-width: 990px) and (min-width: 801px){
	#id_td_werbung_links{display:block;width:170px}
	  p,tr,td,label,input,div,select{font-size:1.1rem;}
	  .cssbutton{font-size:1rem;}
	  h1{font-size:1.3rem}
	  h2,h3{font-size:1rem}
	  h4{font-size:0.7rem}
	  .tabellenspalte_loeschen{width:17px}
	  .td_datum{width:85px}
	  .td_betrag{max-width:130px}
	  .td_zinssatz{width:55px}
}
@media (min-width: 991px) {
	#id_td_werbung_links{display:block;width:170px}
	p,tr,td,label,input,div,select{font-size:1rem;}
	.cssbutton{font-size:1rem;}
	h1{font-size:1.3rem}
	h2,h3{font-size:1rem}
	h4{font-size:0.7rem}
	.tabellenspalte_loeschen{width:17px}
	.td_datum{width:85px}
	.td_betrag{max-width:130px}
	.td_zinssatz{width:55px}
}

#content_container {
    /*padding-bottom:7rem;*/
	width:fit-content;
}

#header {
	/*position:fixed;
    top:0px;
	width:728px;*/
    background:#ffffff;
    text-align:center;
    padding:5px;
    
}

#footer {
    position:fixed;
    bottom:0px;
    background:#ffffff;
    text-align:center;
    padding:0px;
    width:810px;
}

#bannertextwerbungoben {
    position:fixed;
    top:220px;
    background:#dfdfdf;
    text-align:left;
    padding:0px;
    width:732px;
	display:none;		/*vorerst, dann lösung fixe positionierung*/
}

/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */

* html, * html body {
    margin:0;
    padding:0;
    height:100%;
    /*overflow:hidden;*/
}

* html #content_container {
    padding:0;
    height:95%;
    overflow:auto;
}

* html #footer {
    background:#ffffff;
    height:5%;
    text-align:center;
    padding-top:1%;
}

/*ende freustehender footer */
	
td { text-align: left }
hinweis    {font-family: Arial; background-color: #ccc; padding: 3px; border: dotted 1px }
h1  { font-family: Arial }
h2        { color: white;font-weight: normal; background: gray; text-align: left; margin: 1px; padding: 1px; border: solid 1px #fff } }
h3   {font-family: Arial; font-weight: bold; margin: 0 0 0 5px }
h4    {font-family: Arial;}


a:link    { color: #300 }
a:visited { color: black;}
a:focus { color: navy; font-weight: bold; text-decoration: underline }
a:hover { color: navy; font-weight: bold }
a:active { color: navy; font-weight: bold; text-decoration: underline }
/*h1:focus { }
h1:hover { background-color: silver }
h1:active { }*/


.ausgabetabelle table {
border: 1px solid gray;
text-align: center;
border-collapse:collapse;
}

.ausgabetabelle td {
border: 1px solid gray;
text-align: right;
margin: 0;
padding: 2px;
}
.eingabefeld { text-align: right }


.hinweis    { font-family: Geneva, Vera, Arial, Helvetica, sans-serif; background: #ccc; padding: 3px; border: solid 1px black }
/*.ueberschrift     { color: white; font-family: Geneva, Vera, Arial, Helvetica, sans-serif; background: #779dd6; max-width: 100%; border: solid 1px #fff }*/
.ueberschrift     { color: white; background-color:gray; max-width: 100%;}
.ueberschrift_blau_weiss { color: white; background-color:#779DD6; max-width: 100%;padding:5px}

.rechner_ueberschrift     { color: white; background-color:gray; max-width: 100%;padding:5px;margin-bottom:3px;}
.ueberschrift_beschreibung     {background-color:lightgray; max-width: 100%;padding:5px;margin-bottom:5px;}


	
.cssbutton_tabmenu    { background: white; cursor: pointer; padding: 1px; margin: 3px;border-top: 0 gray; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 0 solid gray }
/*.cssbutton hover {background-color: #f3cba9}*/
.cssbutton_tabmenu  a:link  {text-decoration: none }
.cssbutton_tabmenu  a:visited  {text-decoration: none }

.button_gratisabo { background: url("bilder/button_gratisabo_normal.png") no-repeat; display: block; float: left; clear: left }
.button_gratisabo:hover { background: url("bilder/button_gratisabo_over.png") no-repeat -1px -1px; float: left; clear: left }

#list2 dl{
margin:0;
padding:5px;
list-style:none;
white-space: nowrap;}
  
#list2 dt{display:inline;}

#list2 a   { color: #300; font: bold 14px Arial; text-decoration: none; background-color: white; text-align: center; padding: 5px 10px; border: solid 1px #3a5e4f }

#list2 a:hover  { color: white; background-color: #3a5e4f; text-align: center; border: solid 1px #4f4f4f }
.menubutton_kredit         {background-color: #779dd6; text-align: center; padding: 2px; width: 160px;display: block}
.menubutton_kredit a:link  {text-decoration: none }
.menubutton_kredit a:visited  {text-decoration: none }
.menubutton_kredit a:hover       { background-color: #d0ddfd;text-align: center; padding: 2px; width: 160px;display: block}

/*.menubutton_sparen       { color: #000; background-color: rgba(181, 119, 255, 1); text-align: center; padding: 2px; width: 160px; }*/
.menubutton_sparen        {
	color: #000;
	background-color: #f3cba9;
	text-align: center;
	padding: 2px;
	width: 160px;
}
.menubutton_sparen a:link    { text-decoration: none }
.menubutton_sparen a:visited  {text-decoration: none }
.menubutton_sparen a:hover       { background-color: #f3b581; width: 160px }
.hintergrund_content_rosa_alt { background-color: #fae6ff; display: block }
.hintergrund_content  { background-color: #fff; display: block }

.ueberschrift_rechner_kredit_pink_alt    { color: white; font-family: Geneva, Vera, Arial, Helvetica, sans-serif; background: #836de8; border: solid 1px #fff }
.ueberschrift_rechner_kredit     { color: white; font-family: Geneva, Vera, Arial, Helvetica, sans-serif; background: gray; border: solid 1px #fff }
.header_hintergrund    { background-image: url("bilder/logo_bild_oben.png"); background-repeat: no-repeat; width: 1020px; height: 180px }
.img_link:hover { border:1px solid black; }
.ersuchen_verlinkung  { background-color: #f6f7ee; padding: 4px; width: 100%; border: dashed 1px #999 }
.ersuchen_verlinkung:hover   { background-color: #e7e8df }

.cssbutton {
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:5px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.cssbutton:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.cssbutton:active {
	position:relative;
	top:1px;
}
.div_grauer_balken{background-color:gray;}
/*close button X*/
.close {
    position: relative;
    float: right;
    background: gray;
	color: white;
    top: 15px;
    right: 10px;
	width:52px;
	text-align:center;
}