@charset "utf-8";

/* --------------------------------------------------------------------------------------------------
   Alle Rechte liegen bei Erhard Werner und Tim Engemann 2010,
   Lizenz: CC-BY-NC-SA -->
   Bitte betrachten Sie 'http://gymnasium-otterndorf.de./kontakt#lizenz' für die vollständige Lizenz. 
   -------------------------------------------------------------------------------------------------- */


/* Stylesheet für die Homepage */

/* allgemeine Formatierungen für den Text */
body {
	color:black;
	background-color:white;

	font-family:serif;
}

/* Hintergrundbild in der Kopfzeile */
div.bg {
	background-image: url(GoldbeckSzOtterndorf_Suedansicht.png);
	padding:5px;
}

/* Gestaltung aller Überschriften */
h1,h2,h3,h4,h5,h6 {
	color:navy;

	font-family:sans-serif;
}

/* Text in fett */
.fett {
	font-weight:bold;
}

/* Zentrierung des Textes */
.zentrieren {
	text-align:center;
}

/*horizontale Trennlinien */
hr {
	color:gray;
	border-style:solid;
	width:100%;
}

/* Tabelle im Allgemeinen */
table {
	width:100%;
}

/* Tabellen in der Datei inhalt.ssi */
table.inhalt, table.inhalt td, table.inhalt th {
	border-color:silver gray gray silver;
	border-style:solid;
	border-width:2px;
	border-spacing:2px;
}

/* Tabellenüberschrift fett */
caption, tfoot {
	font-weight:bold;
}

/* Kopfzeile der Tabellen */
thead {
	text-align:center;
	background-color:#a6cfa6;
}

/* Text in der Tabelle linksbündig */
tbody {
	text-align:left;
}

/* Hover-Effekt für Link */
a[href]:hover {
	background-color:yellow;
}

/* Anker in blauer Schrift, damit sie mit den Überschriften übereinstimmen */
a[name] {
	color:navy;
}

/* keine Hover-Effekte für Anker, da sie auch Überschriften sind */
a[name]:hover {
	background-color:transparent;
}

/* aktuellen Link hervorheben */
.hervorheben {
	font-weight:bold;
}

/* Einfärbung des Inhaltsverzeichnisses und der Unterüberschriften */
.farbe {
	background-color:#a6cfa6;
}

/* Formatieren des Inhaltsverzeichnisses, horizontale Leiste */
.inhaltsverzeichnis {
	font-size:smaller;
	position:fixed;
	text-align:center;

	left:10px;
	right:10px;
	top:0px;
}

/* Formatierung des Feldes für Unterüberschriften, linke vertikale Leiste */
.unterueberschriften {
	font-size:smaller;
	width:260px;
	vertical-align:top;
}

/* Formatierung des Textes im Inhalt */
.inhalttxt {
	vertical-align:top;
	text-align:justify;
}

/* Abstand des Inhaltes vom Rahmen */
.abstand {
	margin:1em 1em 1em 1em;
}

/* Bilder ohne Rahmen */
img {
	border-width:0px;
}

/* Nachrichten, die hervorgehoben werden */
.notizzettel {
	padding:10px;
	background-color:#ffff66;
}

/* Fußzeile */
.fusszeile {
	font-size:x-small;
	font-weight:bold;
	/* position:fixed; */
}

/* linkes Kästchen der Fußzeile */
.fusszeile_links {
	text-align:left;
	width:9%;
}

/* mittleres Kästchen der Fußzeile */
.fusszeile_mitte {
	text-align:center;
	width:9%;
}

/* rechts Kästchen der Fußzeile */
.fusszeile_rechts {
	text-align:right;
	width:55%;
}

/* für Codeblöcke */
.code {
	font-family:monospace;
	font-size:10px;
	
	background-color:#DCDCDC;

	padding:5px;
	margin:5px;
}

/* Hervorhebung von Dateinamen */
.datei {
	font-family:monospace;
	font-weight:bold;
}

/* Tabellenrahmen zum Überprüfen des Layout */
/* table,td { border-style:solid; } */