/* 	=================================================

	Stylesheet für die HP   www.lektorat-bw.de    /    

	Stand: Dez 2012 / letzte Änderung in 8/23: visited link in Navigationsteil deaktiviert

									GÜLTIGE DATEI
	Datei: lektorat-bw.css

Design:	Body HG rosa (re/li sichtbar), wrapper hellgrau, 
	Textbox hellgrau, Schriftart Helvetica, Schrift dunkelrot, auf der Seite zentriert, 

	kopfbereich mit Verlaufsgrafik als HG
	navibereich  Links zZ rot  
	textbereich 
	fussbereich mit Adresse grau - weiß

Aufbau:
	1. Kalibrierung und Restauration
	2. Allgemeine Styles
	3. Styles für Layoutbereiche
	4. Sonstige Styles

	================================================= 
*/

	/* Radikale Kalibrierung: alle Abstände auf null setzen */
* { padding: 0; margin: 0; }


	/* Gestaltung des HTML-Elements BODY     ganzes Browser-Fenster */
body {
  background-color: #ffeeee;		/* Hintergrundfarbe rosa   war  maroon; dkl-rot    war vorher grau: #adadad; */ 
  color: white; 			/* Schriftfarbe weiß  wird nicht gebraucht */
  font-family: Helvetica, Arial, sans-serif;
  font-size: small; 			/* Schriftgröße */
}


	/* Gestaltung des div mit id="wrapper" =  für Text genutzter Teil des Browser-Fensters */

div#wrapper {
  background-color: #dddddd;	/* hellgrau  */
  color: #700000; 		/* dkl-rot    war white;  */
  width: 720px; 		/* Breite des Inhaltsbereichs */
  margin-top: 0;
  margin-right: auto; 		/* Abstand rechts */
  margin-bottom: 0;
  margin-left: auto; 		/* Abstand links */
}


div#kopfbereich {
  background-color: #800000; 	/* dkl-rot   */
  color: white;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
}


#navibereich {
  text-align: center; 		/* zentriert */
  color: black;
  background-color: #ddd; 	/* hellgrau */
  padding: 10px 20px 2px 20px;
  border-bottom: 1px solid #8c8c8c;
}

/* -----------------  nicht aktiv 

  #navibereich ul { margin-bottom: 0; }

  #navibereich li {
    display: inline; 		/* li nebeneinander anzeigen */
    list-style-type: none; 	/* ohne Aufzählungspunkte */
  margin: 0 10px 0 0; 	/* rechts 10px, sonst 0 */
}

----------------- */


div#textbereich {
  color: #700000; 		/* Schriftfarbe */ 
  padding-top: 20px ;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
}

div#fussbereich {
  padding-top: 10px; 		/* unterhalb Rahmenlinie */
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px; 
  background-color: #800000; 	
  color: white; 
  border-top: 1px solid #8c8c8c; 	/* Linie oben */
  margin-top: 0; 			/* oberhalb Linie */
}


/* Gestalte die Grafik mit id="logo" -  hier: weißen HG für transparente Teile definieren 
   und grauer Rahmen um die Logo-Grafik herum */

img#logo {
  background-color: white;
  padding: 10px;
  border: 10px solid #d9d9d9;
}


h1 { font-size: 150%; text-align: center; }
h2 { font-size: 130%; text-align: center; }


address {
  text-align: center; 	/* zentrieren */
  font-size: 80%; 	/* etwas kleiner als der Rest */
  font-style: normal; 	/* normale Schrift, nicht kursiv */
  letter-spacing: 1px; 	/* Abstand zwischen den Buchstaben */
  line-height: 1.5; 	/* Zeilenabstand, ohne Einheit */
}


/*    ----------------------- Navigationsteil-----------------------    */

#navibereich a { color: #800000; }

#navibereich p { font-size:80%; }

/*    ----------------------- Ende Navigationsteil -----------------------    */


	/* Links allgemein formatieren */

a { text-decoration: none; } 	/* Unterstreichung entfernen */
a:link { color: #aa0000; }

	/* a:visited { color: #aa0000; } */

a:hover, a:focus { border-bottom: 1px solid #aa0000; }

a:active { color: white; background-color: #ffeeee; }



/* Abweichende Formatierungen im textbereich */

div#textbereich a:hover, div#textbereich a:focus {  border-bottom: 1px solid #aa0000; }

div#textbereich p { 
  padding: 10px; 20px; 0; 20px;
  text-align: center; 	/* zentrieren */
}

div#textbereich p span { color: #d90000; 	/* Schriftfarbe */ }



/* Infoboxen formatieren */

p.infobox {
  background-color: #bbb;
  border: 2px solid #ecf7dd;
  margin: 10px 160px 0 160px;

}




/* Abstand nach links + unten */
p, ul, ol { margin-bottom: 1em; }

/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }

/* Abstand von links bei Aufzählungen*/
li { margin-left: 2em; }