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

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

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


#container	
{width:100%;max-width:1400px;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:1400px;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}



/* Text im Rechner */
.rechner_container *
{font-size:15px;}


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

.rechner_container {font-size:15px;background-color:#F9F9F9;margin:auto; margin-top:20px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;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;text-transform:uppercase;}

.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;}
.stichworte {color:#FFF;font-size:12px}

#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;}
#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  {background:#FFF;font-size:18px;padding:20px;line-height:26px;margin:auto;margin-top:0px;text-align:center;}
#message *,#message_menu * {font-size:18px}


#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 (min-width: 1600px) {.w1600 {display:block;}}
@media (max-width: 1600px) {.w1600 {display:none;}}


.adformat_1 
{display:none;width:300px; height: 250px;}
/* inline-block      */

.adformat_2 
{display:inline-block;width:100%; height:60px;}



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

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




/* Vollbild */

/*
#container          {max-width:100%}
.rechner_container  {max-width:1000px}
*/