/* CSS Document */

/* -------------------------------- ALLGEMEINE FORMATIERUNGEN ------------------------------------ */

body {
			font-family: myriad, arial, helvetica, sans-serif;				/* Schriftart wird festgelegt */
			font-size: 101%;										/* Schriftgröße */
			margin: 0 auto; 										/* Body Aussenränder werden auf 0 gesetzt */
			padding: 0;   											/* Body Innenränder werden auf 0 gesetzt */
			background: #111F68 url('bilder/bg_main.jpg') left top repeat-x fixed;								/* Hintergrundfarbe der Seite */
			}
		
			
.clearer {
			clear: both;											/* Die Eigenschaft hebt alle float - Elemente auf */ 
			visibility: hidden;										/* Das Element wird nicht angezeigt, es wird jedoch ein Platz freigehalten */
			border: 1px solid #FFFFFF;								/* Bewirkt, dass der Abstand zwischen 2 gefloateten Objekten nicht zu breit wird IE */
			}								
			

link, a:link, a:visited {											/* Link, aktiver Link, besuchter Link */
			color: #006AB2;											/* Linkfarbe */
			text-decoration: none;									/* Textdekoration: keine */
			}

a:hover {		
			color: #162983;											/* Link, wenn Maus darüber ist */
			background-color: #E5F5FC;								/* Hintergrundfarbe hinter Text */
			text-decoration: none;									/* Textdekoration: Unterstrichen */
			}
			
h1 {
			font-family: Arial, Helvetica, sans-serif;           	/* Große Schrift für Leitsatz im Zentralen Bild */
			color: #006AB2;										 	/* Textfarbe */
			padding: 2%;											/* Abstand zum Hintergrundbild von allen Seite */
			}


h2 {
			font-family: Arial, Helvetica, sans-serif;          	/* Überschriften auf den Unterseiten */
			text-align: left;										/* Textausrichtung */
			color: #006AB2;											/* Textfarbe */
			}

			
h4 {
			font-family: Arial, Helvetica, sans-serif;         		/* Schrift rechts (Auflistung Arbeitsbereiche) */
			text-align: left;										/* Textausrichtung: links */
			color: #006AB2;											/* Farbe */
			}


table td tr { border: 0;
			}


/* ---------------------------------------  WERBECONTAINER AUSSEN  ----------------------------------------------- */

#werbecontainer	{
			width: 60.0em;										    /* Breite 1024 Pixel, verändert sich aber bei grosser Schrift */
			background-color: #0064CB;								/* Hintergrundfarbe */
			margin: 0 auto;											/* Seitenabstand vom Rand, diese Angabe zentriert den Grundcontainer */
			padding: 0.2em;											/* Abstand der Inhalte zum Grundcontainer */
			height: 6.0em;			
			}




/* ---------------------------------------   GRUNDCONTAINER AUSSEN  ----------------------------------------------- */

#grundcontainer	{
			width: 60.0em;										    /* Breite 1024 Pixel, verändert sich aber bei grosser Schrift */
			background-color: #FFFFFF;								/* Hintergrundfarbe */
			margin: 1.5em auto;										/* Seitenabstand vom Rand, diese Angabe zentriert den Grundcontainer */
			padding: 0.3em;											/* Abstand der Inhalte zum Grundcontainer */
			}


/* ---------------------------------------   LINKER BEREICH MIT NAVIGATION   ----------------------------------------------- */

#left {		
			position: relative;										/* Linker Bereich mit Navigation */		
			width: 12.81em;											/* Breite in em = 204px */
			background: #E5F5FC;									/* Hintergrundfarbe */
			float: left;											/* Element steht links, folgende Elemente werden rechts von diesem positioniert */
			height: 100em;											/* Höhe in em = 720px */
			border: 1px solid #7FCEEF;
			}
			
ul#mainnav {														/* Navigation im Listenstil */
			list-style: none;										/* Kein Listenstil wie Kreis, Quader o.ä. */									
			margin: 0;												/* Kein Abstand der Navigarion zum Hintergrund Links */
			padding: 0;												/* Kein Innenabstand der Navigation zum Hintergrund Links */
			background-color: #7FCEEF;								/* Hintergrundfarbe der Navigation */
			}

ul#mainnav li a:link, ul#mainnav li a:visited {						/* Link, hier das Listenelemet der Liste aktiver Link und besuchter Link */
			text-decoration: none;									/* Keine Textdekoration */
			display: block;											/* Soll als Blockelement behandelt werden */
			width: 89%;												/* Breite 88% da Padding abgezogen werden muss */
			padding: 6px 6%;										/* Abstand des Textes innerhalb der Liste zum Rand */
			background-color: #E5F5FC;								/* Hintergrundfarbe der Links */
			font: 0.85em/1.5 Myriad, Arial, Helvetica, sans-serif;				/* Schriftgröße der Links, Schriftart und Zeilenhöhe */
			color: #162983;											/* Schriftfarbe */
			}
		
ul#mainnav li {
			display: block;
			border-top: 1px solid #7FCEEF;							/* Rahmen oben der Listenelemente, um Buttons abzutrennen */
			}

ul#mainnav li a:hover {												/* Besuchter Link in der Navigation */
			background-color: #9FC7E7;								/* Hintergrunffarbe, wenn die Maus darüber ist */
			color: #162983;											/* Schriftfarbe wenn die Maus darüber ist */				
			}
			
/* ---------------------------------------   KOPFBEREICH  ----------------------------------------------- */


#kopf {																
			background: #E5F5FC url('bilder/kopf.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;
			}
			
	
#kopf_schwimmbad {																
			background: #E5F5FC url('bilder/kopf_schwimmbad.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;
			}
			
#kopf_links {																
			background: #E5F5FC url('bilder/kopf_links.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;
			}
						
#kopf_mitglied {																
			background: #E5F5FC url('bilder/kopf_mitglied.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;
			}
			
			
#kopf_impressum {																
			background: #E5F5FC url('bilder/kopf_impressum.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;			
			}
			
#kopf_aktuelles {																
			background: #E5F5FC url('bilder/kopf_aktuelles.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;			
			}
	
#kopf_newsletter {																
			background: #E5F5FC url('bilder/kopf_newsletter.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;			
			}

#kopf_ueber {																
			background: #E5F5FC url('bilder/kopf_ueber.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;			
			}

#kopf_oeffnung {																
			background: #E5F5FC url('bilder/kopf_oeffnung.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;			
			}

#kopf_schwimmkurse {																
			background: #E5F5FC url('bilder/kopf_schwimmkurse.jpg') repeat-x left top;	  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 9.0em;										/* Höhe der Kopfzeile */
			border: 1px solid #7FCEEF;
			margin-left: 12.81em;			
			}


/* ---------------------------------------   FUSSBEREICH    ----------------------------------------------- */

			
#fuss {		
			position: relative;		
			width: 58.4em;											/* Breite des Fußbereiches, padding muss abgezogen werden (64em) */
			height: 0.8em;											/* Höhr des Fussbereiches */
			color: #000000;											/* Schriftfarbe */
			margin: 0.3em;											/* Außenabstand von oben/unten 0.5em und rechts/links 0 */
			padding: 0.5em;											/* Innenabstand vom Rahmen zum Inhalt des Elements (Wird von der Gesamtbreite abgezogen */											
			text-align: center;										/* Ausrichtung der Elemente im Fussbereich */
			background: #E5F5FC;
			border: 1px solid #7FCEEF;
			}
			
.text_fuss {
			font-size: 0.7em;										/* Textgröße */
			font-weight: bold;										/* Schriftschnitt: fett */
			}


/* ---------------------------------------   FORMATIERUNG FÜR HAUPTINHALT (CONTENT)    ----------------------------------------------- */


#content {	
			position: relative;										/* Hauptinhalt */
			margin: 0.5em;											/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #FFFFFF;
			padding: 0.6em;											/* Hintergrundfarbe */
			width: 44.0em;
			float: left;
			border: 1px dotted #7FCEEF;		
			}

.fliesstext {
			font-size: 0.85em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			text-align: left;										/* Ausrichtung des Textes */
			color: #000000;											/* Textfarbe */
			}
			
			
.fliesstext_klein {
			font-size: 0.7em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			text-align: left;										/* Ausrichtung des Textes */
			color: #000000;											/* Textfarbe */
			}
			
.hervorgehoben {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			font-weight: bold;
			color: #587C97;
			font-variant: small-caps;
			}
			
.kasten {
			width: 30.0em;
			padding: 0.7em;
			background: #B3E8FF;
			border: 1px solid #006AB2;
			}
			
			
			
#content li {
			font-size: 0.85em;			
			list-style-type: square;
			font-weight: bold;
			line-height: 1.8em;
			}

			
.links_ausr {
			float: left;
			font-size: 0.85em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			font-weight: bold;
			color: #000000;
			border-bottom: 1px solid #006AB2;
			margin-bottom: 0.5em;
			font-size: 0.85em;
			font-family: Arial, Helvetica, sans-serif;
			}

.rechts_ausr {
			width: 30em;
			float: right;
			font-size: 0.85em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			color: #000000;
			border-bottom: 1px solid #006AB2;
			margin-bottom: 0.5em;
			font-size: 0.85em;	
			font-family: Arial, Helvetica, sans-serif;					
			}
			
.links_ausr_form {
			float: left;
			font-size: 0.85em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			font-weight: bold;
			color: #000000;
			}

.rechts_ausr_form {
			float: right;
			width: 30em;
			}

.formularfeld {
			background-color: #E5F5FC;
			border: 1px solid #000000;
			font-size: 0.85em;
			}
			
			

.link_fett {
			font-weight: bold;
			}

/* ---------------------------------------------------- BILDER -------------------------------------------------- */

.kopf_img {
			text-align: center;
 			margin: 0.3em 0.3em 0.3em 0.5em;
			width: 11.8em;
			height: 9.375em;
			}
					
			
.img_quer_links_breit {
			width: 21.875em;
			margin-right: 1.0em;
			margin-bottom: 0.5em;
			float: left;
			}
			
.img_hoch_links_breit {
			width: 14.75em;
			margin-right: 1.0em;
			margin-bottom: 0.5em;
			float: left;
			}
			
			
.img_quer_rechts_breit {
			width: 21.875em;
			margin-right: 1.0em;
			margin-bottom: 0.5em;
			float: right;
			}
			
			
.img_quer_links_schmal {
			width: 17.5em;
			margin-right: 1.0em;
			margin-bottom: 0.5em;
			float: left;
			}
	
.img_quer_rechts_schmal {
			width: 17.5em;
			margin-right: 1.0em;
			margin-bottom: 0.5em;
			float: right;
			}
			
.img_quer_links_mittel {
			width: 20.0em;
			margin-right: 1.0em;
			margin-bottom: 0.5em;
			float: left;
			}
	
.img_quer_rechts_mittel {
			width: 20.0em;
			margin-right: 1.0em;
			margin-bottom: 0.5em;
			float: right;
			}
			
.passfoto {
			width: 9.375em;
			float: left;
			margin-right: 1.0em;
			}
			
.banner {
			width: 26.87em;
			float: left;
			margin-right: 1.0em;
			}
			
.bildunterschrift {													/* Bildunterschriften */
			color: #000000;
			font-size: 0.7em;
			font-weight: bold;
			background: #E5F5FC;
			}
			

.vorstand {
			width: 34.375em;
			}
			

.img_ganze_seite {
			width: 43.75em;
			}