/*	-------------------------------------------------------------
	 RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

* {
   margin: 0;
   padding: 0;
  }

	font.rot_und_fett { color: #c00000; font-weight: bold }
	font.fett { font-weight: bold }
	font.unterstrichen { text-decoration: underline }
	font.grau { color: grey }

	img {border: 0}

	a:link {color: #35386D}
	a:hover {color: #c00000}


body {
			font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: medium;
			background-color: #f2eee9;
			color: black;
     }

#Seite {
        position: relative; margin: 3%;
			  border: solid 1px #c00000;
			  background-color: #f2eee9;
       }



/*	-------------------------------------------------------------
	 LOGOZEILE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#Logozeile {
       height: 160px;
			 width: 100%;
      }

#Logozeile p { text-align: center; }

#Logozeile img { margin-top: 20px; }

#Logozeile table.Nachrichtenfenster {
				position: absolute;
				top:20px; width: 16%; height: 120px;
				background-color: #f2eee9;
				font-size: 70%;
				border: solid 1px #c00000			}

			#links {	left:15%; z-index: 12 }
			#rechts {	right:15%; z-index: 11}

#Logozeile table.Nachrichtenfenster td {
      padding-left: 1em; padding-right: 1em;
     }

#Logozeile table.Nachrichtenfenster p {text-align: center;
							                    margin-top: 0.2em
							                   }

#Logozeile table.Nachrichtenfenster input { background-color: #f2eee9 }


/*	-------------------------------------------------------------
	 MENÜ
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#Navigation {
		position: relative; width:98%; left:1%;
    text-align: center;
		font-size: 90%;
		height: 70px;
		z-index: 10;
   }

    #Navigation li {
       list-style: none;
    	 float: left;
			 position: relative;
    	 margin-left: 0.8%;
			 width: 19%;
			 background-color: #f2eee9;
			 border-right: 1px solid #c00000;
			 border-bottom: 1px solid #c00000;
      }

		#Navigation a {
		   display: block;
       padding: 0.4em;
       text-decoration: none; font-weight: bold;
			 color: #35386D;
    }

		#Navigation a:hover { color: #f2eee9; }

		#Navigation a.Hauptlink { color: #f2eee9; }
		#Navigation a.Hauptlink:hover { color: #f2eee9; }

		#Navigation a.nicht_aktiv {
		   color: #bdb397;
			 cursor: default}

		#Navigation span {
			 display: block;
       padding: 0.4em;
       text-decoration: none; font-weight: bold;
			 cursor: default;
    }

		#Navigation li.aktuell {
		    background-color: #c00000;
				color: #f2eee9;
		}

		#Navigation li.blind { background-color: white; color: grey	}

		#Navigation li.blind:hover {
		    background-color: #f2eee9;
				color: grey
		}

		#Navigation li.unterlink_aktuell {
		    background-color: #c06666;
				color: #f2eee9;
		}

		#Navigation li.unterlink_aktuell:hover {
		    background-color: #c06666;
				color: #f2eee9;
		}

		#Navigation li:hover {
		    background-color: #c00000;
				color: #f2eee9;
		}

		#Navigation li ul {
        position: absolute;
        top: 2em; left: -0.2em;
        display: none;  /* Unternavigation ausblenden */
		    width: 100%;
    }

    #Navigation li:hover ul {
        display: block;  /* Unternavigation in modernen Browsern einblenden */
    }

	  #Navigation li ul li {
        float: none;
        display: block;
				border-left: #f2eee9;
			  border-top: #f2eee9;
				border-right: 1px solid #35386D;
			  border-bottom: 1px solid #35386D;
		    width: 100%;
    }

/*	-------------------------------------------------------------
	 Titel
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	            #Titel {
							     position: relative;
									 width: 90%; left: 5%;
									 height: 48px;
									 background-image: url(../../../Bilder/png/Titelhintergrund.png);
									 color: #f2eee9;
									 margin-bottom: 1em;
							}

							#Titel h1 {
										font-size: 24px;
										padding-top: 9px;
										font-weight: bold;
										text-align: center;
						  }

/*	-------------------------------------------------------------
	 Linkleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#Linkleiste {
				position: relative; left: 5%;
				width: 90%;
				height: 20px;
				margin-top: 1.5em;
				margin-bottom: 0.5em;
				padding-bottom: 1em;
				z-index: 5;
	  }

		#Linkleiste p {
			  font-weight: bold;
				float: right;
		}

		#Linkleiste p.links {
			  font-weight: bold;
				float: left;
		}

		#Linkleiste p.zentriert {
		    float: none;
				font-size: 80%;
				text-align: center;
		}


		#Linkleiste a { text-decoration: none; }


/*	-------------------------------------------------------------
	 Inhalt
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

							 #Inhalt {
										clear: both;
										position: relative;
										width: 84%;	left: 5%; right: 5%;
										padding-left: 3%; padding-right: 3%;
										padding-top: 1%; padding-bottom: 2%;
										margin-bottom: 3em;
										border: solid 1px #c00000;
										background-color: #FCEAb9;
										z-index: 1;
		                     }

							 #Inhalt span {  <!-- gedacht fuer Lueckentexte -->
                                 white-space: nowrap
                             }

                             #Inhalt font.klein {
							      font-size: 70%
							 }


							 #Inhalt div.Rahmen {
										border: solid 1px #c00000;
										background-color: #f2eee9;
							 }


							 #Inhalt h1 {
							      margin-top: 1em; margin-bottom: 1.5em;
										font-size: 130%;
										font-weight: bold;
                                        text-align: center
							 }

                             #Inhalt h2 {
							      margin-top: 2em; margin-bottom: 1em;
										font-size: 105%;
										font-weight: bold;
							 }

							 #Inhalt h2.zentriert {text-align: center}

							 #Inhalt h3 {
							      margin-top: 1.5em; margin-bottom: 1em;
										font-size: 95%;
										font-weight: bold;
							 }

							 #Inhalt h4 {
							      margin-top: 1em; margin-bottom: 1em;
										font-size: 90%;
										font-weight: bold;
										text-align: justify;
							 }

							 #Inhalt p {
							      margin-left: 2em; margin-right: 2em;
										margin-top: 1em; margin-bottom: 1em;
										font-size: 90%;
										text-align: justify;
							 }

							 #Inhalt p.klein {
										font-size: 80%;
							 }

							 #Inhalt p.zentriert {
							      text-align: center;
							 }

							 #Inhalt p.rechts {
							      text-align: right;
							 }

							 #Inhalt p.eingerueckt {
							      margin-left: 5%;
							 }

							 #Inhalt p.eingerueckt_klein {
							      margin-left: 5%;
										font-size: 90%;
							 }

							 #Inhalt p.kein_Abstand_oben {
							      margin-top: 0
							 }

							 #Inhalt p.kein_Abstand_unten {
							      margin-bottom: 0
							 }

							 #Inhalt p.standard_gross {
														margin-bottom: 1em;
														font-size: 110%;
							 }

							 #Inhalt p.gross_zentriert {
														margin-bottom: 1em;
														font-size: 110%;
														text-align: center;
							 }

							 font.rot_fett_normal { font-size: 83%; color: #c00000; font-weight: bold; }


							 #Inhalt p.klein_zentriert {
														margin-top: 0;
														margin-bottom: 1.5em;
														font-size: 80%;
														text-align: center;
							 }

							 #Inhalt p.Eingabefeld_Ueberschrift {
							 				 			font-weight: bold;
														padding-top: 1em;
														margin-left: 20%;
							 }

							 #Inhalt p.Eingabefeld_Input {
														padding-top: 0.1em;
														margin-left: 20%;
							 }

							 #Inhalt p.Bearbeitung {
										margin-top: 0.5em; margin-bottom: 0.5em;
										text-align: center;
							 }

							 #Inhalt p.winzig { font-size: 50%;
							 				 						margin: 0;
							 }

							 #Inhalt li {
							              position: relative;
														margin-bottom: 0.2em;
														text-align: justify;
														margin-left:5%;
														font-size: 90%;
														text-decoration: none;
							 }

							 #Inhalt li.Linkauflistung {
							              position: relative;
														margin-bottom: 0.75em;
														text-align: left;
														margin-left:15%;
														font-size: 100%;
														text-decoration: none;
							 }


							 #Inhalt input.Bearbeitung {
										margin-left: 2em; margin-right: 2em;
							 }

							 #Inhalt input.Eingabeleiste {
   						 			position: relative;
   									left:  5%;
										width: 90%;
							 }

                             #Inhalt input.Eingabeleiste_lang {
   						 			position: relative;
   									width: 100%;
							 }

							 #Inhalt input.ja_nein {
   						 			position: relative;
   									left:  15%;
										right: 25%;
										width: 50%;
							 }


							 #Inhalt textarea {
   						 			position: relative;
   									left: 5%;
										width: 90%;
										height: 20em;
							 }

							 #Inhalt textarea.Nachrichtenfenster {
   						 			position: relative;
   									left: 40%;
										width: 20%;
										height: 8em;
							 }


							 #Inhalt hr {
										position: relative;
										left: 33%;
										text-align: left;
										width: 33%;
										color: black;
										margin-top: 0.8em;
										margin-bottom: 0.8em;
								   }

								#Inhalt hr.breit {left: 5%; width: 90%}

								#Inhalt table {
								    margin-left: auto; /* damit sich die Tabelle auch in Firefox zentrieren lässt! Siehe http://www.graccem.com/css/tabellen-zentrieren */
										margin-right: auto;
								}

								#Inhalt table.Standard {
							 			width: 100%;
							  }

								#Inhalt table.LektorInnenliste {
							 			width: 90%;
										margin-left: 5%;
										margin-right: 5%;
							  }

								#Inhalt table.links {
							 			margin-left: 0;
										width: 100%;
							  }

								#Inhalt table.w90 {
							 			width: 90%;
										margin-left: 5%;
										margin-right: 5%;
							  }

								#Inhalt table.w80 {
							 			width: 80%;
										margin-left: 10%;
										margin-right: 10%;
							  }

								#Inhalt table.w60 {
							 			width: 60%;
										margin-left: 20%;
										margin-right: 20%;
							  }

								#Inhalt table.w40 {
							 			width: 40%;
										margin-left: 30%;
										margin-right: 30%;
							  }

								#Inhalt table.LektorInnenliste th.Name {
								    width: 30%;
										text-align: left;
								}

								#Inhalt table.LektorInnenliste th.Ort {
								    width: 40%;
										text-align: left;
								}

								#Inhalt table.LektorInnenliste td {
										text-align: left;
										font-size: 90%;
								}

								#Inhalt table.Willkommensseite {
								    width: 100%;

								}

								#Inhalt table.Willkommensseite th {
								    width: 14.5%;
										height: 2.5em;
										border: solid 2px #c00000;
										background-color: #f2eee9;
								}

								#Inhalt table.Willkommensseite th.Willkommen {
								    background-color: #c00000;
				                    color: #f2eee9;
								}

								#Inhalt table.Willkommensseite td {
								    width: 14.5%;
										height: 2.5em;
										text-align: center;
										border: solid 1px #c00000;
										background-color: #f2eee9;
								}

								#Inhalt table.Willkommensseite td.leer {
								    border: 0;
										background-color: #FCEAb9;
								}

								#Inhalt table.Willkommensseite td.blind {
								    color: grey;
								}

								#Inhalt table.Willkommensseite a {
								    text-decoration: none;
										font-weight: bold;
								}

								#Inhalt table.Dateienanzeige th {
								    width: 20%;
										font-size: 90%;
										font-weight: bold;
										text-align: center;
										padding-bottom: 6pt;
								}

								#Inhalt table.Dateienanzeige th.Dateiname {
								    width: 40%;
										text-align: left;
								}


								#Inhalt table.Dateienanzeige td {
								    width: 20%;
									font-size: 90%;
									text-align: center;
									vertical-align:top;
								}

								#Inhalt table.Dateienanzeige td.Dateiname {
								    width: 40%;
									text-align: left;
								}

								#Inhalt table.Dateienanzeige td.Groesse {
										text-align: right;
								}

                                #Inhalt table.Uebungsanzeige {
                                        margin-left: auto; /* damit sich die Tabelle auch in Firefox zentrieren lässt! Siehe http://www.graccem.com/css/tabellen-zentrieren */
	                                    margin-right: auto;
                                        width: 98%;
                                }

                                #Inhalt table.Uebungsanzeige tr {
                                        height: 3em;
                                }

                                #Inhalt table.Uebungsanzeige tr:hover {
                                        background-color: #f2eee9;
                                }

                                #Inhalt table.Uebungsanzeige td {
                                        padding: 0.5em;
                                }

                                #Inhalt table.Auswertung {
                                   margin-left: auto; /* damit sich die Tabelle auch in Firefox zentrieren lässt! Siehe http://www.graccem.com/css/tabellen-zentrieren */
	                               margin-right: auto;
                                   width: 96%;
                                 }

                                #Inhalt table.Auswertung tr {
                                    height: 3em;
                                    background-color: #f2eee9;
                                }

                                #Inhalt table.Auswertung tr.Kopfzeile {
                                    font-weight: bold;
                                }

                                #Inhalt table.Auswertung tr.zweite_Zeile {
                                     background-color: #c00000;
                                     font-weight: bold;
                                }

                                #Inhalt table.Auswertung  td {
                                     text-align: center;
                                }

                                #Inhalt table.Auswertung td.Kopfzeile {
                                     font-weight: bold;
                                }

                                #Inhalt th.w30 {
								    width: 30%;
								}

								#Inhalt th.w40 {
								    width: 40%;
								}

								#Inhalt td.w5 {
								    width: 5%;
								}

								#Inhalt td.w15 {
								    width: 15%;
								}

								#Inhalt td.w25 {
								    width: 25%;
								}

								#Inhalt td.w50 {
								    width: 50%;
								}

								#Inhalt td.w60 {
								    width: 60%;
								}

								#Inhalt td.w75 {
								    width: 75%;
								}

                                #Inhalt img.Gruppenfoto {
								    position: relative;
                                    width: 100%;
								}


								#Inhalt a.Anker { font-weight: bold; text-decoration: none; color: black}
								#Inhalt a.Anker:link { font-weight: bold; text-decoration: none; color: black}
								#Inhalt a.Anker:visited { font-weight: bold; text-decoration: none; color: black}
								#Inhalt a.Anker:hover { font-weight: bold; text-decoration: none; color: black}
								#Inhalt a.Anker:active { font-weight: bold; text-decoration: none; color: black}
								#Inhalt a.Anker:focus { font-weight: bold; text-decoration: none; color: black}

/*	-------------------------------------------------------------
	 Kommentarfenster
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

							 #Kommentarfenster {
										clear: both;
										position: relative;
										width: 84%;	left: 5%; right: 5%;
										padding-left: 3%; padding-right: 3%;
										padding-top: 1%; padding-bottom: 2%;
										margin-bottom: 3em;
										border: solid 1px #c00000;
										background-color: #f2eee9;
										z-index: 1;
		           }

							 #Kommentarfenster div {
							      clear: both;
										position: relative;
										width: 94%;
										padding-left: 3%; padding-right: 3%;
										padding-top: 0.5%; padding-bottom: 0.5%;
										margin-bottom: 3em;
									  color: #f2eee9;
										background-color: #c00000;
							 }

							 #Kommentarfenster div a {
							     color: #f2eee9;
							 }

							 #Kommentarfenster h2 {
							      margin-top: 2em; margin-bottom: 1em;
										font-size: 105%;
										font-weight: bold;
							 }

							 #Kommentarfenster h2.zentriert {text-align: center}

							 #Kommentarfenster p {
							      margin-left: 2em; margin-right: 2em;
										margin-top: 1em; margin-bottom: 1em;
										font-size: 90%;
										text-align: justify;
							 }

							 #Kommentarfenster p.standard_gross {
														margin-bottom: 1em;
														font-size: 110%;
							 }

							 #Kommentarfenster p.zentriert {
							      text-align: center;
							 }

							 #Kommentarfenster div p.rechts {
							      text-align: right;
							 }

							 #Kommentarfenster p.eingerueckt {
							      margin-left: 5%;
							 }

							 #Kommentarfenster hr {
										position: relative;
										left: 33%;
										text-align: left;
										width: 33%;
										color: black;
										margin-top: 0.8em;
										margin-bottom: 0.8em;
								   }

							 #Kommentarfenster table {
								    margin-left: auto; /* damit sich die Tabelle auch in Firefox zentrieren lässt! Siehe http://www.graccem.com/css/tabellen-zentrieren */
										margin-right: auto;
								}


								#Kommentarfenster table {
							 			width: 40%;
										margin-left: 30%;
										margin-right: 30%;
							  }



							 #Kommentarfenster textarea {
   						 			position: relative;
   									left: 5%;
										width: 90%;
										height: 20em;
							 }

							 #Kommentarfenster input.Eingabeleiste {
   						 			position: relative;
   									left:  5%;
										width: 90%;
							 }
/*	-------------------------------------------------------------
	Bildleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

							 #Bildleiste {margin-bottom: 3em;}
               #Bildleiste p { text-align: center }
							 #Bildleiste img { border: solid 1px #c00000; }

/*	-------------------------------------------------------------
	 Fußleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

							#Fussleiste {
									 position: relative; left: 0.5%;
									 width: 99%;
									 margin-bottom: 0.5em;
									 height: 20px;
									 background-color: #c00000;
									 color: #f2eee9;
							 }

 							 #Fussleiste p {
									 margin-left: 1em; margin-right: 1em;
									 margin-top: 5px; margin-bottom: 5px;
									 font-size: 10px;
							 }

							 #Fussleiste p.Ansprechpartner { float: left }
							 #Fussleiste p.Aenderung { float: right }

							 #Fussleiste a {
							     color: #f2eee9;
 									 text-decoration: underline
							}
							 #Fussleiste a:hover {
							      color: #FCEAb9;
										font-weight: bold
							}


/*	-------------------------------------------------------------
Absolut positionierte Elemente
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.Seitenbild {
		position: absolute;
		top:1%;
		z-index:1;
}

div.Seitenbild img { border: solid 1px #c00000; }

#Seitenbild_links { left: 1%; }
#Seitenbild_rechts { right: 1% }