/* CSS Document */
/* @charset "utf-8"; */

h1 {
font-size:1.3em;
margin-top: 0.4em;
margin-bottom: 0.4em;

padding: 0px;
}

h2 {
font-size:1.0em;
margin-top: 0.8em;
margin-bottom: 0.3em;
}



h3 {
font-size:1.3em;
margin-top: 0.4em;
margin-bottom: 0.4em;

padding: 0px;
}

h4 {
font-size:1.0em;
margin-top: 0.8em;
margin-bottom: 0.3em;
}

p {
margin-top: 0.3em;
margin-bottom: 0.3em;
}

ul {
margin-top: 0.1em;
margin-bottom: 0.3em;

margin-left: 9px;
padding-left: 9px;
}

li {
list-style-position:outside;
list-style-type:square;
margin-top: 0.1em;
margin-bottom: 0.1em;

margin-left: 1px;
padding-left: 1px;

}
/* hier Aufzählungsformat definieren. wichtig: Einrückung reduzieren! */



#header {
/* 
position:absolute;
top:0;
left:0;
width:100%;
height:<length>;
*/

max-width:390px;
color: 	black;                /* Schriftfarbe */
background-color: #CCFFCC;    /* Hintergrundfarbe (helles grün) */

margin: 0px;  /* Außenabstand */

padding: 6px;
border-color: #33CC33;        /* Rahmenfarbe (dunkles grün) */
border-style: solid;          /* durchgezogener Rahmen */
border-width: 5px;          /* Rahmendicke */

/* font-family: times new roman, serif;  schlecht bei kleinen Schriften! */
/* font-family: arial, sans-serif;  */
/* Arial = konkrete Schrift, sans-serif = Familie */

font-size: small;
/* font-size: 100%; */
/* font-weight: bold;  */
/* word-spacing: 1px;  Abstand zwischen Wörtern */

}  /* Ende von header */


#content {
max-width:398px;
margin: 0px;  /* Außenabstand */

padding: 6px;
border-color: #33CC33;        /* Rahmenfarbe (dunkles grün) */
border-style: solid;          /* durchgezogener Rahmen */
border-width: 1px;          /* Rahmendicke */

/* background-color:  schlecht für Lesbarkeit auf kleinen Mobil-Displays   */

} /* Ende von content */


#footer {
max-width:390px;
vertical-align: middle; 

color: 	black;                /* Schriftfarbe */
background-color: #CCFFCC;    /* Hintergrundfarbe (helles Grün) */

margin: 0px;  /* Außenabstand */

/* padding: 6px;  */
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 3px;

border-color: #33CC33;        /* Rahmenfarbe (dunkles grün) */
border-style: solid;          /* durchgezogener Rahmen */
border-width: 5px;          /* Rahmendicke */

/* font-family: times new roman, serif;  schlecht bei kleinen Schriften! */
/* font-family: arial, sans-serif;  */
/* Arial = konkrete Schrift, sans-serif = Familie */

font-size: small;
/* font-size: 100%; */
/* font-weight: bold;  */


} /* Ende von footer */