/*
Die IDs: Die Tabelle 'outer' umschließt praktisch alles. Darin befindet sich in der ersten Zeile die Tabelle 'top', welche den Kopf der Seite beinhaltet. In der zweiten Zeile von 'outer' befindet sich die Tabelle 'main', welche aus zwei Spalten besteht: links 'menu' und rechts 'content'.
Die Klassen: für die wiederkehrenden Elemente habe ich Klassen definiert. Dazu gehören 't1' & 't2' im Kopf der Seite, wobei 't1' den schwarzen Rand widerspiegelt und 't2' die blaue Füllung. 'm1' - 'm3' sowie 'menuitem' sind im Menü angesiedelt. Dabei ist 'm1' für den schwarzen Rand zuständig, 'm2' für die blaue Füllung, 'm3' für den weißen Hintergrund und 'menuitem' für die Formatierung der einzelnen Menüeinträge. Fehlen noch die Klassen 'c1' - 'c5' die zum Inhalt gehören. 'c1' ist für die Überschrift zuständig, 'c2' für die Kopfzeilen, 'c3' für normalen Text, 'c4' für eingerückten Text und 'c5' dient als Platzhalter zwischen den Textblöcken.

RGB-Codierung
100% Grün: 83/104/43 = 5*16+3 / 6*16+8 /  2x16+11		= 53682b
 80% Grün: 109/121/76 = 6*16+13 / 7*16+9 /  4x16+12	= 6d794c
 60% Grün: 143/157/117 = 8*16+15 / 9*16+13 /  6x16+11		= 8f9d75
 40% Grün: 177/187/159 = 11*16+1 / 11*16+11 /  9x16+15		= b1bb9f
 20% Grün: 203/209/191 = 12*16+11 / 13*16+0 /  11x16+15		= cbd1bf

*/
body	{
	background-color: #eeeeee;
         font-family: "Verdana", sans-serif;
         }


a:link	{
	text-decoration: none;
         color: #53682b;
         }

a:visited{
	text-decoration: none;
         color: #8f9d6b;
         }

a:active	{
	color: #b72357;
         }

a:hover	{
	color: #b72357;
  font-weight: bold;
         }

h3	{
	font-family: "Verdana", sans-serif;
         font-weight: 800;
         font-style: normal;
         text-decoration: none;
         word-spacing: normal;
         letter-spacing: normal;
         text-transform: none; }

h2	{
	font-family: "Verdana", sans-serif;
         font-weight: 900;
         font-style: normal;
         text-decoration: none;
         word-spacing: normal;
         letter-spacing: normal;
         text-transform: none;
         }


/* --- IDs --- */

#outer	{
        min-width: 750px;
        min-width: 850px;
         width: 100%;
         margin: 0px;
         padding: 0px;
         }

#top	{
         width: 100%;
         margin: 0px;
         padding: 0px;
         }

#main	{
	background-color: #ffffff;
         width: 100%;
         margin: 0px;
         padding: 0px;
         }

#menu	{
         width: 188px;
         margin: 0px;
         padding: 0px;
         }

#content	{
	text-align: left;
         width: 95%;
         margin: 10px;
         padding: 0px;
         }

#content2	{
	text-align: left;
         width: 555px;
         width: 645px;
         margin: 10px;
         padding: 0px;
         }


/* --- classes --- */


.menuitem	{
/*         background-color: #eeeeee; */
         background-color: #cbd1bf;
         color: #b72357;
         font-weight: bold;
         text-align: center;
         margin: 3px;
         }

.m1	{
         background-color: #53682b;
         }

.m2	{
/*	 background-color: #dfe1ff; */
	 background-color: #8f9d75;
     }

.m3	{
         background-color: #ffffff;
     }

.t1	{
	background-color: #53682b;
 	height: 1px;
        }

.t2	{
/*	background-color: #dfe1ff; */
	background-color: #8f9d75;
 	font-weight: bold;
        }
.t3	{
/*	background-color: #dfe1ff; */
	background-color: #8f9d75;
        }
/* Kopf der dt. Seite */
.h58	{
	height: 58px;
 	}
/* Kopf der engl. Seite */
.h80	{
	height: 80px;
 	}
/* diverse Zeilenhöhen */
.h1	{
	height: 1px;
 	}
.h15	{
	height: 15px;
 	}
.h30	{
	height: 30px;
 	}
.h45	{
	height: 45px;
 	}
.h75	{
	height: 75px;
 	}
.h1400	{
	height: 1400px;
 	}
/* Überschrift im Content */
.c1	{
	height: 50px;
	text-indent: 15px;
	font-weight: bold;
        text-align: left;
 	}

/* 40% grün Header */
.c2	{
/*	background-color: #e9eaff; */
	background-color: #b1bb9f;
	padding: 0px 0px 0px 10px;
	text-indent: 15px;
	font-weight: bold;
 	}

/* Textfeld */
.c3	{
	height: 30px;
	padding: 0px 0px 0px 10px;
 	text-indent: 15px;
        text-align: justify;
         font-size: 0.8em;
	}
/* smale height */
.c3h	{
	padding: 0px 0px 0px 10px;
 	text-indent: 15px;
        text-align: justify;
         font-size: 0.8em;
	}

/* Textfeld kleinere Schrift*/
.c4	{
	height: 20px;
	text-indent: 30px;
        text-align: justify;
         font-size: 0.7em;
	}
/* Textfeld kleinere Schrift ohne indent*/
.c4a	{
	height: 20px;
    font-size: 0.7em;
    vertical-align: top;
	}

/* Platzhalter*/
.c5	{
	height: 5px;
	}
/* Platzhalter*/
.c15	{
	height: 15px;
	}
/* einrücken und kleiner Zeilenabstand */
.address	{
	text-indent: 45px;
	height: 10px;
    font-size: 0.8em;
	}