html		
{overflow-y:scroll;height:100%;}

body		
{margin:0px;background:#EEE;line-height:28px;font-weight:normal;}

body *	
{font-family:helvetica,arial;font-size:18px;color:#000;cursor:default;}


#container	
{width:100%;max-width:1200px;padding:10px 6%;background:#FFF;margin-left:auto;margin-right:auto;margin-top:50px;margin-bottom:0px;box-sizing: border-box;}




h1.titel	
{line-height:normal;font-size:30px;font-weight:normal;background:transparent;margin-top:30px;padding-left:0px;}
#kopftext
{margin-bottom:20px;}
#kopftext *
{font-size:18px;}

h2		
{font-size:24px;font-weight:normal;margin-top:40px;}
h2 b		
{font-size:24px;}



.jahr		
{font-size:24px;font-weight:normal;background:transparent;border:none}


h3		
{line-height:30px;font-weight:normal;}

a, a b		
{color:#00C;cursor:pointer}
a:hover		
{color:#C00;} 


.rahmendaten
{margin-bottom:20px;}
.jahr		
{font-weight:normal;background:transparent;border:none}




/* Header */
#header_container 
{position:fixed;top:0px;width:100%;height:50px;z-index:11;background:#FFF;line-height:14px;padding-top:0px;border-bottom:solid 1px #666;box-shadow:2px 2px 2px #CCC;}

#header 
{width:100%;max-width:1200px;background:#FFF;margin:auto;height:100%;}

#sp2 
{width:100%;padding-top:4px;text-align:right}

#sp1 
{padding-left:10px;}

#logo a
{cursor:pointer}

#hamburger
{margin-right:6px;border:solid 1px #FFF}

#hamburger:hover
{border:solid 1px #CCC;border-radius:4px;transform:scale(1.1)}

#hamburger-text a
{color:#000;font-size:16px;text-decoration:none}



/* Rechner */
.rechner_container *,.rechner_container2 *
{font-size:16px;}

.ueberschrift	
{font-size:20px;font-weight:bold;margin-bottom:20px;}

.rechner_container {background-color:#FFF;margin:auto; margin-top:20px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;border:solid 1px #CCC;border-bottom:none;border-radius:6px 6px 0px 0px }	

.rechner_container2 {background-color:#FFF;margin:auto; margin-top:20px;margin-bottom:0px;padding-top:0px;padding-bottom:20px;border:solid 1px #CCC;border-radius:6px}

.rechner_kopftext{background:#2C853A;font-size:20px;color:#FFF;text-align:center;font-weight:bold;border:solid 0px #000;border-bottom:none;padding:6px 0px;margin:4px;margin-bottom:20px}
.rechner_kopftext *{color:#FFF;}

.jahr_kopftext	{color:#FFF;background:transparent;border:none}

.rechner	
{line-height:18px;background-color:transparent;width:94%;max-width:1000px;margin:auto;margin-top:20px;color:#000;}

.rechner a	
{color:#00C;}

.rechner_eingabefeld	
{width:48%;margin-top:10px;text-align:left;clear:both;float:left;}

.rechner_ausgabefeld	
{width:48%;margin-top:10px;text-align:left;float:right;margin-bottom:10px;}

.berechnen	
{margin-bottom:20px;margin-top:20px;text-align:center;}

.button		
{-webkit-appearance: none;border:none;cursor:pointer;text-align:center;color:#FFF;background-color:#0088FF;text-decoration: none;height:35px;font-weight:bold;width:99%;margin-top:10px;margin-bottom:10px;box-shadow:2px 2px 2px #666;border-radius:4px;}

.button:hover	
{text-decoration:none;}





.eingabe,.eingabe2,.td1,.td2
{font-size:20px;color:maroon;cursor:pointer;}

.eingabe,.eingabe2,.eingabe3
{margin-top:2px;margin-bottom:8px;text-align:right;width:100%;background:#FFF;border:solid 1px #999;border-radius:4px;padding-right:6px;}



.eingabe2
{width:49%;}

.tt,.tt2
{width:100%;background:#FFF;margin-top:4px;margin-bottom:8px;border:solid 1px #999;border-radius:4px;}
.tt2
{width:49%;}

.td1
{font-weight:normal;width:100%;margin-top:0px;margin-bottom:0px;text-align:right;background:transparent;border:none;padding-right:4px;}
.td2
{color:#000;background:#EEE;font-weight:normal;width:10px;padding-right:6px;padding-left:6px;cursor:default;}
.td2 *
{background:#EEE}

.td3 *
{width:120px;border:none;padding-right:10px;}


/* Eingabefelder gleich Höhe */
.eingabe,.eingabe2,.tt,.tt2
{height:36px;}





.ausgabe,.ausgabe_b 	
{font-size:20px;color:#000;margin-top:0px;margin-bottom:8px;text-align:right;width:100%;border:none; border-bottom:solid 1px #999;background:transparent;cursor:default;}

.ausgabe2,.ausgabe2_b 	
{font-size:20px;color:#000;margin-top:0px;margin-bottom:8px;text-align:right;width:49%;border:none; border-bottom:solid 1px #999;background:transparent;cursor:default;}

.ausgabe_b,.ausgabe2_b
{font-size:24px;font-weight:bold;border-bottom:double 3px #000;color:#000}

.ausgabe_nl	
{border:none;background:transparent;text-align:left;height:22px;}



.checkbox,select	
{cursor:pointer;}
select	
{height:30px;padding-left:6px;text-align-last: right;}

input
{padding-left:4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}









#detailbutton,#clearbutton 
{text-transform:none;background:transparent;color:#00C;text-decoration:underline;border:none;box-shadow:none;font-weight:bold}
#detailbutton:hover,#clearbutton:hover
{color:#C00}

.checkborder	{padding-bottom:4px;border-bottom:solid 1px #CCC;}

/* wichtig, floating aufheben */
#unten,.unten	{clear:both;margin-top:100px} 



.info
{background:#FFF;padding-left:10px;border-left:solid 3px #C00;font-style:italic;}


#fuss
{width:90%;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:0px;padding:10px;padding-bottom:30px;background:transparent;clear:both;font-weight:normal;font-size:16px;text-align:center;border-bottom:solid 0px #CCC}
#fuss a
{font-size:16px;}

#tabelle *
{font-size:17px;} 
#tabelle td 
{border:solid 1px #CCC;text-align:center;padding-left:4px;padding-right:4px;} 

.tabelle *
{border-top:solid 1px #999;padding-left:6px;padding-right:6px;text-align:center}
.tabelle th
{background:#EEE;border:none;font-weight:normal;}



#message,#message_menu  {font-size:17px;width:100%;line-height:22px;margin:auto;margin-top:20px;text-align:center;}
#message *,#message_menu * {font-size:17px}



#paypal
{display:block;text-align:center;padding:6px;margin-top:10px;border-radius:6px;}
#paypal:hover
{border:solid 1px #666;}

#text
{margin-top:20px;}


/************************ Werbung **********************************************************************/

#feld_oben{}
#feld_mitte{}
#feld_zentral{}
#feld_unten{}


@media (min-width: 800px) {.w728 {display:block;}.w300 {display:none;}}
@media (max-width: 800px) {.w728 {display:none;}.w300 {display:block;}}


@media (max-width: 1400px) {.w160 {display:none;}}
@media (min-width: 1400px) {.w160 {display:block;}}



#im_rechner
{background-color:#FFF;margin-top:0px;margin-bottom:0px;padding:6px;border:solid 1px #CCC;border-top:solid 0px #EEE;text-align:center;border-radius:0px 0px 6px 6px;cursor:pointer }
#im_rechner
{cursor:pointer;}


/**********************************************************/

/*Feld mitte*/
.adformat_1 
{display:inline-block;width: 300px; height: 250px;}
/*
@media (min-width: 800px) {.adformat_1 {width:728px;height:90px;}} 
*/

.adformat_2 
{display:inline-block;width: 300px; height: 250px;}
/*
@media (min-width: 800px) { .adformat_2 {width:728px;height:90px;} }
*/

.adformat_3 
{display:inline-block;width: 300px; height: 250px;}
/*
@media (min-width: 800px) { .adformat_3 {width:728px;height:90px;} }
*/

.anzeige,.anzeige_w
{font-size:12px;color:#999;text-align:left;line-height:12px;border:solid 0px #EEE;width:100%;margin-bottom:2px}



/*******************************************************************************************************/


/* Cookiehinweis */

#cookiehinweis *{font-size:14px;}
#cookiehinweis {position: fixed; bottom:0; left:0; right:0;background:#EEE; color:#000;padding:0px;font-size:14px; border-top:solid 1px #999;z-index:20;text-align:center}
#cookiehinweis a.c_button {cursor: pointer; background:#039BE5; border-radius:6px;color:#FFF;padding:2px 8px;}
#cookiehinweis .c_text {padding-left:6px;text-align:center;font-size:14px;}
#cookiehinweis a {color:#000;font-size:14px;}


/*******************************************************************************************************/

#randnotiz {position: fixed; bottom:0; left:0; right:0;background:#F9F9F9; color:#000;padding:6px;font-size:16px; border-top:solid 1px #CCC;z-index:20;text-align:center; line-height:24px}






/* Bildschirmanpassung */

@media screen and (max-width: 500px)
{
body {line-height:26px}
#container	{padding:10px 10px;}
#hamburger-text{display:none}
#affiliate_links{padding-left:10px;}
}


@media screen and (max-width: 800px)
{
#feld_zentral{padding-bottom:20px;}
.rechner_eingabefeld {width:100%;}
.rechner_ausgabefeld {float:left;width:100%;}

/*
.adformat_1 {margin:0px;margin-top:10px;}
.adformat_2 {margin:0px;margin-top:10px;}
*/
#finanzlinks {display:none}
}


/* Druckausgabe */

@media print
{

	#kopftext,#text,#berechnen,.berechnen,#feld_mitte,#feld_zental,#feld_oben,h2{display:none;} 

	#container	{border:none;padding:0px;}
	.rechner	{line-height:16px;border:none;padding:0px;}
	.tt,.tt2 {border:none;border-bottom:solid 1px #CCC}
	.eingabe {border:none;border-bottom:solid 1px #CCC;border-radius:0px;}

	#header_container,h1.titel	{display:none;}
	#container		{padding:0px;}
	.rechner_container,.rechner_container2{border:none}
	#feld_zentral {display:none}
	#toprechner {display:none}
	#voreinstellung {display:none}
	#message {display:none}
	#detailbutton {display:none}


.rechner_eingabefeld {width:80%;margin-left:10%;}
.rechner_ausgabefeld {float:left;width:80%;margin-left:10%;}


}