/*
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.

*/
body	{
/*	background-color: #66bbff;*/
	background-color: #FFFFFF;
         font-family: "Helvetica MS", sans-serif;
/*          background-image:url(images/freudentanz_title.jpg);*/
         }

a:link	{
	text-decoration: none;
         color: #99ccff;
         }

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

a:active	{
	color: #ff5533;
         }

a:hover	{
	color: #000000;
         }

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

h2	{
	font-family: "Helvetica MS", 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;
         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: 138px;
         margin: 0px;
         padding: 0px;
         }

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


/* --- classes --- */


.menuitem	{
         background-color: #0055bb;
         color: #ffffff;
         font-weight: bold;
         text-align: center;
         margin: 3px;
         }

.m1	{
         background-color: #000000;
         }

.m2	{
	 background-color: #99bbff;
         }

.m3	{
         background-color: #FFFFFF;
         }

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

.t2	{
	background-color: #99bbff;
	font-weight: bold;
	font-size: xx-large;
	/* text-transform: uppercase;*/
	color: black;
	font-family: Arial;
	/* font-variant: small-caps; */
	font-variant: normal;
        }
.t3
{
	background-color: #99bbff;
	font-weight: bold;
	font-size: x-large;
	text-transform: capitalize;
	color: black;
	font-family: Arial;
	font-variant: bold;
}
/* 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: 55px;
 	}
/* Überschrift im Content */
.c1	{
	height: 50px;
	text-indent: 15px;
	font-weight: bold;
        text-align: left;
 	}

/* blauer Header */
.c2	{
	background-color: #ffeae9;
	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;
	}

/* Textfeld fette Schrift*/
.ceb
{
	text-align: center;
	font-size: medium;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	vertical-align: middle;
}
/* Überschrift fette Schrift*/
.cebL
{
	text-align: center;
	font-size: large;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	vertical-align: middle;
}
/* center Format*/
.ce	{
	text-align: center;
	font-size: medium;
	font-family: Arial, Sans-Serif;
	/*vertical-align: middle;*/
	}

/* Platzhalter*/
.c25	{
	height: 25px;
	}
.c50	{
	height: 50px;
	}
/* einrücken und kleiner Zeilenabstand */
.address	{
	text-indent: 45px;
	height: 10px;
    font-size: 0.8em;
	}