/* ------------------------------------ Allgemeine Formatierung ------------------------------------ */
link, a:link, a:visited {
			color: #A0A19F;
			}


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 */
			}
		
img {
		filter: gray();
		}		
			
.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 #CDCECC;								/* Bewirkt, dass der Abstand zwischen 2 gefloateten Objekten nicht zu breit wird IE */
			}								
			
.text_fuss {
			font-size: 0.75em;
			}	

.ueberschift_blau {
			font-size: 1.2em;
			color: #CDCECC;
			}

.ueberschrift_blau_klein {
			font-size: 1.0em;
			color: #2F4167;
			}
							
.ueberschift_gruen {
			font-size: 1.2em;
			color: #CDCECC;
			}
			
.ueberschift_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: 60.0em;										    /* Breite 1024 Pixel, verändert sich aber bei grosser Schrift */
			background-color: #CDCECC;								/* Hintergrundfarbe */
			margin: 0 auto;											/* Seitenabstand vom Rand, diese Angabe zentriert den Grundcontainer */
			padding: 0em;											/* Abstand der Inhalte zum Grundcontainer */
			border: 1px solid #CDCECC;
			}

/* ---------------------------------------   Kopfbereich  ----------------------------------------- */

#kopf {																
			background: #CDCECC 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: 60.0em;											/* 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: 100px;
			}

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

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

#left {		
			position: relative;										/* Linker Bereich mit Navigation */		
			width: 11.79em;											/* Breite in em = 204px */
			background-color: #CDCECC;								/* 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: #CDCECC;								/* 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: #CDCECC;								/* 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 #CDCECC;							/* Rahmen oben der Listenelemente, um Buttons abzutrennen */
			display: block;

			}
		
ul#mainnav li a:hover {												/* Besuchter Link in der Navigation */
			background-color: #E0E2DE;								/* 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: #CDCECC;
			}


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


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: #CDCECC;
			}

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: #E0E2DE;
			text-align: center;	
			}		
			
#karteikarte {     
            position: relative;
            margin: 0 1.0em 1.0em 0;
            background-color: #CDCECC;
            width: 10.2em;
            float: left;                     
            padding: 0.3em;
            border: 1px solid #FFFFFF;
            height: 16.0em;
            }     
			
#karteikartenkasten {     
            position: relative;
            background-color: #CDCECC;
            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: #CDCECC;							 	/* 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 0.5em;										/* Außenabstand des Hauptinhaltes zu den anderen Elementen alle Seiten */						
			background: #CDCECC;									/* Hintergrundfarbe */
			width: 36.0em;
			float: left;
			padding: 0;
			}			

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

#fuss {		
			position: relative;		
			width: 59.5em;											/* Breite des Fußbereiches, padding muss abgezogen werden (64em) */
			background: #CDCECC;									/* 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 */
			}