/* CSS Document */

/** created by Whirlwind **/

body {
font-family:Arial, Helvetica, sans-serif;
text-align: center;  /** Positionierung des Inhalts **/
background-image:url(bilder/hintergrund.jpg);
}

a {
color:#990000;
}

a:hover {
color:#FF6600;
}

#header {
width: 950px;
height: 130px;
background-color:#00CCFF;  /** durch Image mit Logo ersetzen **/
margin: 20px auto 0px auto;   /** Abstand des Headers nach oben **/
background:url(bilder/logoneu.jpg) no-repeat left top;
}

#nav_oben{
width: 950px;
background-color:#FFFF00;   /** durch Image mit Hintergrundfarbverlauf (Übergang von Header zu Text, muss Rahmen enthalten) ersetzen **/
text-align: left; /** bestimmt die Position der Menüleistenelemente, für zentrale Positionierung: text-align: center nehmen **/
margin: 0px auto 0px auto;
padding-top:10px;
padding-bottom: 10px;
background:url(bilder/nav_oben.jpg) no-repeat left top;
}

#nav_oben li {
display: inline; 
margin-right: 0px;
}

#nav_oben li a {
font-weight:bold;
text-decoration:none;
color: white;
background-image:url(bilder/nav_oben_li_a_hover.jpg);
padding: 8px 10px 8px 10px;  /** Innere Abstände für Text, gleichzeitig für Größenbestimmung **/
border: none;  /** Einfügen eines Rahmens zur optischen Trennung...nur dann, wenn keine einzelnen Menükästchen gewünscht werden **/
}

#nav_oben li a:hover {
font-weight:bold;
text-decoration:none;
color: black;
background-image:url(bilder/nav_oben_li_a.jpg);
padding: 8px 10px 8px 10px;  /** Innere Abstände für Text, gleichzeitig für Größenbestimmung **/
border: none;  /** Einfügen eines Rahmens zur optischen Trennung...nur dann, wenn keine einzelnen Menükästchen gewünscht werden **/
}

#nav_oben ul {
margin: 0px 0px 0px 10px;  /** Abstände zu den anderen Elementen, wg Rahmen muss left 25px sein **/
padding: 8px 0px 8px 7px;  /** Innere Abstämde festlegen: für Abstände der menüelemente innerhalb der Nav-Leiste nach oben bzw unten wichtig **/
}

#rahmen {
width: 950px;
margin: 0px auto auto auto;
background:url(bilder/rahmen.jpg) repeat-y left top;
}

#hauptteil {  /** dient dem Einschub der Menüleiste und des Inhalts mit Abständen , kann angepasst werden **/
width: 930px;
margin: 0px auto auto auto;

}

#nav_links {   /** Navleiste links **/
width: 160px;  /** Breite der Menüleiste **/
float: left;  /** läuft auf der linken Seite **/
margin: 0px auto 0px 0px;  /** Vierter Wert zur Abstandsgestaltung links: wichtig für Einschub wg Rahmengrafik **/
text-align: left;
padding: 10px 10px 0px 0px; /** Abstände der Liste nach außen **/
}

#nav_links ul {
display: block;
margin: 0px 0px 0px 0px;
padding-left: 20px; /**Steuert den Abstand der Listenpunkte **/
}

#nav_links li {

list-style-type:none;
/** hier fehlt noch ein Listenelement, z.B. Pfeil, welches beim Hovern seine Farbe verändert (mit list-style-image)**/
padding: 10px 10px 10px 0px; /** innere Abstände der Listenelemente **/
margin-bottom: 3px;
border-bottom: 1px dotted black; /** Rahmen zur optischen Trennung **/

}

#nav_links li:hover {

list-style-image:url(bilder/pfeil.jpg);
/** hier fehlt noch ein Listenelement, z.B. Pfeil, welches beim Hovern seine Farbe verändert (mit list-style-image)**/
padding: 10px 10px 10px 00px; /** innere Abstände der Listenelemente **/
margin-bottom: 3px;
border-bottom: 1px dotted black; /** Rahmen zur optischen Trennung **/
}

#nav_links li a {
font-weight: bold;
width: 100px;
text-decoration:none;
color: black;
padding: 8px 27px 8px 15px;  /** Innere Abstände für Text, gleichzeitig für Größenbestimmung **/
border: none;  /** Einfügen eines Rahmens zur optischen Trennung...nur dann, wenn keine einzelnen Menükästchen gewünscht werden **/

}

#nav_links li a:hover {
text-decoration:none;
font-weight: bold;
color: #990000;
padding: 8px 27px 8px 15px;  /** Innere Abstände für Text, gleichzeitig für Größenbestimmung **/
border: none;  /** Einfügen eines Rahmens zur optischen Trennung...nur dann, wenn keine einzelnen Menükästchen gewünscht werden **/
}

#nav_links img {
margin-left: 15px;  /** Abstandshalter für Bild unterhalb des Menüs **/
}

#inhalt {
float: right;
width: 710px;  /*Breite des Inhaltfensters **/
margin: 0px 20px 0px auto;
padding: 0px 10px 10px 0px;  /** Abstände innen **/
text-align: left;
}


#inhalt h2{ 
border-bottom: 2px dotted grey;  /**Trennlinie zur Trennung Überschrift/Inhalt**/
text-align: right;
font-size: large;
font-weight: normal;
}

#inhalt h4{
border-bottom: 2px dotted grey;  /**Trennlinie zur Trennung Überschrift/Inhalt**/
text-align: center;
font-size: large;
font-weight: normal;
}

#inhalt h3{
text-align: left;
font-size: smaller;
font-style:italic;
font-weight:normal;
}

#inhalt h1 {
text-align: left;
font-size: larger;
}

#inhalt p {
font-size: inherit;
}




#inhalt table h1 {
text-align: left;
color: grey;
font-weight: normal;
}

#inhalt table h2 {
text-align: left;
color: black;
font-weight: normal;
border: none;
}


#inhalt table p {
text-align: left;
color: black;
font-weight: normal;
}

#fusszeile {
width: 950px;
height: 50px;
margin: 0px auto;
text-align: left;
background: url(bilder/fusszeile.jpg) no-repeat left top;
padding-top: 15px;
}

#fusszeile a{
color:#FFFFFF;
font-weight: bold;
font-style: normal;
text-align: right;
}

#fusszeile p{
font-weight:normal;
margin: 0px auto;
padding-left:10px;
text-align: center;
font-style: italic;
}

#termin {   /** Navleiste links **/
width: 120px;  /** Breite der Menüleiste **/
float: left;  /** läuft auf der linken Seite **/
margin: 25px 20px 0px 20px;  
text-align: left;
padding: 10px 10px 10px 10px; /** Abstände der Liste nach außen **/
border: 1px dashed black;
}

#termin h2{ 
border-bottom: 1px dotted black;  /**Trennlinie zur Trennung Überschrift/Inhalt**/
text-align: left;
font-size: large;
font-weight:bold;
}

#termin p {
font-size: inherit;
}