/* ------------------------------------ Allgemeine Formatierung ------------------------------------ */
link, a:link, a:visited {
			color: #004F1F;
			font-size: 101%;
			}


body {
			font-family: Arial, Helvetica, sans-serif;				/* Schriftart wird festgelegt */
			color: #000000;
			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-color: #FFFFFF;								/* Hintergrundfarbe der Seite */
			}

table { 
   width: 49em;
   border-collapse: separate; /* Alternative wäre border-collapse: separate */ 
   background: white; 
   color: black;
   border: 0px; 
}

th, td { 
   padding: 0.5em 1em; 
   text-align: left; 
   vertical-align: top; /* Standard ist vertical-align: middle */ 
}
th { 
   font-family:  Arial, Helvetica, sans-serif; 
   font-size: 110%;
   font-variant: small-caps; /* kleine Großbuchstaben */ 
   letter-spacing: 2px; /* etwas Abstand zwischen den Buchstaben */ 
   font-weight: normal; /* nicht fett */ 
}

tr.zebrastreifen { 
   background-color: #E5ECF4; 
   color: black; 
}
			
.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 */
			}								
			
.text_fuss {
			font-size: 0.75em;
			}	

.ueberschrift_blau {
			font-size: 1.2em;
			color: #2F4167;
			}

.ueberschrift_blau_klein {
			font-size: 1.0em;
			color: #2F4167;
			}
							
.ueberschrift_gruen {
			font-size: 1.2em;
			color: #8DC63F;
			}

.ueberschrift_kasten {
			font-size: 0.8em;
			color: #000000;
			}
												
.text_main {
			font-size: 0.75em;
			}	
			
.text_gross {
			font-size: 1.2em;
			}				

.text_klein {
			font-size: 0.6em;
			}	
			
.links_tab {
			float: left;
			font-size: 0.75em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			color: #000000;
			padding-bottom: 0.3em;
			margin: 0;
			}
			
.rechts_tab {
			float: right;
			width: 22em;
			padding-bottom: 0.3em;
			margin: 0;
			}

.links_tab_veranstaltung {
			float: left;
			font-size: 0.75em;										/* Textgröße (Schriftart wurde bereits im Body festgelegt) */
			color: #000000;
			padding-bottom: 0.3em;
			margin: 0;
			}
			
.rechts_tab_veranstaltung {
			float: right;
			width: 30em;
			padding-bottom: 0.3em;
			margin: 0;
			}
			
.li_tab {
			float: left;
			color: #000000;
			padding-bottom: 0.3em;
			margin: 0;
			}
			
.re_tab {
			float: right;
			width: 28em;
			padding-bottom: 0.3em;
			margin: 0;
			}			
						
/* -------------------------------------- Grundcontainer AUSSEN ----------------------------------- */

#grundcontainer	{
			width: 60em;										    /* Breite 960 Pixel, verändert sich aber bei grosser Schrift */
			background-color: #FFFFFF;								/* Hintergrundfarbe */
			margin: 0 auto;											/* Seitenabstand vom Rand, diese Angabe zentriert den Grundcontainer */
			padding: 0em;											/* Abstand der Inhalte zum Grundcontainer */
			border: 1px solid #FFFFFF;
			}

#link_n_oben {	
			position: relative;										/* Hauptinhalt */
			margin: 0.2em 0.2em;									/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #FFFFFF;									/* Hintergrundfarbe */
			width: 36.50em;
			float: right;
			padding: 0.2em 0.5em 0em 0em;	
			text-align: right;
			}			
/* ---------------------------------------   Kopfbereich  ----------------------------------------- */

#kopf {																
			background: #FFFFFF url('images/kopf.jpg') repeat-x left bottom;		  	/* Hintergrund Kopf, oben und links ausgerichtet, wird nach rechts gekachelt */
			height: 7.25em;										/* Höhe der Kopfzeile */
			padding: 0;
			margin: 0;
			}
			
#kopf img {
		 	width: 60em;											/* Bildgröße Banner oben (Startseite) Breite und Höhe --> wächst mit */
			height: 7.25em;
			}

#bilder_links img{
		 	float: left;
			padding: 4px;
			border: 0px;
			margin-right: 15px;
			margin-bottom: 20px;
			}

#bilder_rechts img{
		 	float: right;
			padding: 4px;
			border: 0px;
			margin-left: 15px;
			margin-bottom: 20px;
			}
			
#bilder_mitte {
            position: relative;		
			padding: 2px;
			border: 0px;
			margin: 0.2em 0.2em 0.2em 0.2em;	
			float: left;
			}

/* --------------------------------- Linker Bereich mit Navigation ---------------------------------- */

#left {		
			position: relative;										/* Linker Bereich mit Navigation */		
			width: 11.79em;											/* Breite in em = 204px */
			background-color: #406EC4;								/* Hintergrundfarbe */
			float: left;											/* Element steht links, folgende Elemente werden rechts von diesem positioniert */
			}
			
			
ul#mainnav {														/* Navigation im Listenstil */
			list-style: none;										/* Kein Listenstil wie Kreis, Quader o.ä. */									
			margin: 0.5em 0 0 0;									/* Kein Abstand der Navigarion zum Hintergrund Links */
			padding: 0;												/* Kein Innenabstand der Navigation zum Hintergrund Links */
			background-color: #8DC63F;								/* 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: 88%;												/* Breite 88% da Padding abgezogen werden muss */
			padding: 6px 6%;										/* Abstand des Textes innerhalb der Liste zum Rand */
			background-color: #406EC4;								/* Hintergrundfarbe der Links */
			font-size: 0.75em;										/* Schriftgröße der Links */
			color: #000000;											/* Schriftfarbe */
			font-weight: bold;
			line-height: 1.5em;
			}

		
ul#mainnav li {
			border-top: 1px solid #FFFFFF;							/* Rahmen oben der Listenelemente, um Buttons abzutrennen */
			display: block;

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

ul#mainnav ul.subnav {
			margin: 1.0em 0 1.0em 0;
			list-style: none;
			padding: 0;
			background-color: #8DC63F;
			}


ul#mainnav ul.subnav li {
			border-top: 0 none;
			padding-left: 1.2em;
			background: #8DC63F;
			}


ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited {
			padding: 0;
			margin: 0;
			font-size: 0.7em;
			color: #000000;
			background: #8DC63F;
			}

ul#mainnav ul.subnav li a:hover {
			color: #FFFFFF;
			text-decoration: underline;
			}
			
#kasten_links {
			padding: 0.5em 0.5em 0.5em 0.5em;
			margin: 0;
			background-color: #C3D4E6;
			text-align: center;	
			}
		
#kasten_links2 {
			padding: 0.5em 0.5em 0.5em 0.5em;
			margin: 0;
			background-color: #C3D4E6;
			}
						
#karteikarte {     
            position: relative;
            margin: 0 1.0em 1.0em 0;
            background-color: #E5ECF4;
            width: 10.5em;
            float: left;                     
            padding: 0.3em;
            border: 1px solid #6BB241;
            height: 16.0em;
            }     
			
#karteikartenkasten {     
            position: relative;
            background-color: #8DC63F;
            width: 9.4em;
            float: left;                     
            padding: 0.2em;
            height: 1.0em;
            } 	

.ueberschrift_karteikasten {
			font-size: 0.75em;
			color: #FFFFFF;
			}					           			
			
/* ----------------------------------------------- Rechter Bereich ------------------------------------------- */			
			
#right {	
			position: relative;										/* Rechter Balken */		
			width: 9.68em;											/* Breite des Balkens 176px, padding vom Wert 12.81 abgezogen = 12.21 Pixel durch 16 */ 
			background-color: #E5ECF4;							 	/* Hintergrundfarbe des rechten Balkens */
			float: right;											/* Element steht rechts, folgende Elemente werden Links von diesem positioniert */
			margin: 0;
			padding: 0.5em 0em 0em 1.0em;								/* Außenabstand von oben 0.5em und unten/rechts/links 0 */
			text-align: left;
			}
			
ul#re_nav {														/* Navigation im Listenstil */
			list-style: none;										/* Kein Listenstil wie Kreis, Quader o.ä. */									
			margin: 0.5em 0 0 0;									/* Kein Abstand der Navigarion zum Hintergrund Links */
			padding: 0;												/* Kein Innenabstand der Navigation zum Hintergrund Links */
			}
			
ul#re_nav li a:link, ul#re_nav li a:visited {						/* Link, hier das Listenelemet der Liste aktiver Link und besuchter Link */
			text-decoration: none;									/* Keine Textdekoration */
			font-size: 0.75em;										/* Schriftgröße der Links */
			color: #000000;											/* Schriftfarbe */
			}
			
ul#re_nav li a:hover {
			color: #000000;
			text-decoration: underline;
			}
			
/* ----------------------------------------------- Inhalt ------------------------------------------- */			


#content {	
			position: relative;										/* Hauptinhalt */
			margin: 0.2em 0.2em;									/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #FFFFFF;									/* Hintergrundfarbe */
			width: 37.06em;
			float: left;
			padding: 0;
			}			

#main_blau {	
			background-color: #E5ECF4;							 	/* Hintergrundfarbe des rechten Balkens */
			}			

					
/* ---------------------------------------------- Fussbereich ----------------------------------------------- */

#fuss {		
			position: relative;		
			width: 59.5em;											/* Breite des Fußbereiches, padding muss abgezogen werden (64em) */
			background: #6BB241;									/* Hintergrundfarbe des Fussbereiches */
			height: 1.1em;											/* Höhr des Fussbereiches */
			color: #000000;											/* Schriftfarbe */
			margin: 0 auto;											/* Seitenabstand vom Rand, diese Angabe zentriert den Grundcontainer */
			padding: 0.2em 0.5em 0em 0em;							/* Außenabstand von oben/unten 0.5em und rechts/links 0 */
			text-align: right;										/* Ausrichtung der Elemente im Fussbereich */
			}