body
{
	color: black ;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(../bilder/background.jpg) fixed;
	background-repeat: no-repeat;
}

div
{
	position: absolute;
}

h2 
{
	font-size: 16pt;
}

/*Links*/

a:link, a:visited
{
	color: blue;
	text-decoration: underline;
}

a:focus
{
	outline: none;  /*lässt die hässlichen Rahmen im IE verschwinden*/
}

a:hover 
{
	text-decoration: underline;
}

.zeiten {
	margin-left: 200px;
}

.programm li {
	margin-left: 160px;
}


.untertitel {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


#top
{
	top: 0px;
	left: 0px;
	height: 197px;
	text-align: left;
	z-index: 1;
}

#menulinks
{
	top: 197px;
	left: 10px;
	width: 164px;
	color: black;
	z-index: 2;
}

* html #menulinks /* für IE */
{
	height: 100%;
	
}


#inhalt
{
	top: 180px;
	left: 180px;
	width: 700px;
	padding: 5px;
	z-index: 3;
	font-size: 10pt;
}

* html body #inhalt /* für IE */
{
	height: 99%;
}


/* NAVIGATION */
ul#menu
{
	list-style: none;
	margin: 20px 0 0 2px;
	padding: 2px;
	width: 160px;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Arial;
}

ul#menu li
{
	float: left; /* behebt IE - Probleme */
	clear: left;
}

ul#menu li a:link, ul#menu li a:visited
{
	text-decoration: none;
	color: white;
}

ul#menu li a:hover
{
	text-decoration: underline;
}


ul#menu ul.sub
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

ul#menu li.main  /*z.B. "Unser Profil", "Termine / Aktuelles" etc. */
{
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	width: 161px;
	background: #384088;
	font-size: 12px;
	font-family: Tahoma, Arial;
}

ul#menu ul.sub li
{
	font-size: 11px;
	width: 150px;
	margin: 2px 0 2px 0;
}


/* CONTAINER FÜR DIE STARTSEITE */

#home {
	position: relative;
	background: white;
	height: 385px;
}

#home h2 {
	border-bottom: 1px black solid;
	width: 680px;
}

#home .minibilder {
	width: 125px;
	left: 325px;
	top: 45px;
	height: 300px;
}

#home .minibilder img {
	margin-bottom: 5px;
}

#home .bildhaus1 {
	width: 231px;
	left: 460px;
	top: 45px;
	height: 300px;
}

#home .begruessung {
	position: absolute;
	top: 45px;
	width: 310px;
	font-size: 12px;
	text-align: justify;
}

#home .begruessung span {
	padding-left: 80px;
}

#home .begruessung img {
	float: left;
	padding: 0 8px 0 0;
}

#home ul#startnews	 
{
	position: absolute;
	bottom: 60px;
	list-style: none;
	padding: 0;
	margin:0;
	width: 310px;
	background: url(../bilder/home/notizblock.jpg) repeat-y	;
	text-align: center;
}

ul#startnews li 
{
	color: blue;
	margin: 3px 0 3px 3px;
	font-size: 11px;
	font-weight: bold;	
}

ul#startnews img {
	padding-top: 2px; 
	border: none;
}

ul#startnews li a:link{
	color: blue;
}

ul#startnews li a:visited{
	color: blue;
}


/* Tabellen-Formatierung für "Kollegium" */

.kollegium {
	width: 695px;
	border-collapse: collapse;
}

.kollegium td,th {
	border: 1px solid gray;
}

.kollegium td.name {
	width: 16%;
}

.kollegium td.titel {
	width: 5%;
}

.kollegium td.klasse {
	width: 7%;
}

.kollegium td.faecher {
	width: 8%;
}

.kollegium td.aufgaben {
	width: 64%;
}


/* Tabellen-Formatierung für "Ehemalige Lehrer" */

.ehemalige { 
	border-collapse: collapse;
}

.ehemalige td,th {
	border: 1px solid gray;
}

/* Tabellen-Formatierung für "Schulleiter" */

.leiter {
	border-collapse: collapse;
}

.leiter td,th {
}

.leiter tr.komm {
	height: 80px;
}

/* Tabellen-Formatierung für "Kontakt" */
.kontakt {
	border-collapse: collapse;
	width: 600px;
}

.anschrift {
	font-size: 12pt;
	font-weight: bold;
	
}

.kontakt tr,td {
	border: 1px solid gray
}

.infoquellen /* für "Infoportal für Eltern"*/ {
	list-style-type: upper-roman
}

/* Tabellen-Formatierung für AG-Tabelle */
.ags {	
	border-collapse: collapse;
}

.ags td,th {
	border: 1px solid gray;
	text-align: center;
}

/* Tabellen-Formatierung für Sekretariate und Hausmeister */

.sekretariate tr, td {
	border: none;
	padding: 5px;
	text-align: left;
}

.sekretariate {
	width: 440px;
}


/* Listen-Formatierung für "G8" */
.g8 {
	list-style-type: lower-alpha;
}

/* Absatzformatierung für Musik / Kunst */

.kunstfoto {
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}

/* Absatzformatierung für Mathe/Naturwissenschaften */
.mathe{
	float: left;
	padding-left: 50px;
	padding-bottom: 10px;
}
/* Layoutkasten */
.kasten {
	border: 2px solid silver;
	padding: 5px;
}

/* Listenformatierung für Förderverein */
.vorstand {
	list-style-type: none;
	margin-bottom: 10px;
}


/* Listen-Formatierung für die Sprach-Übersicht */
ul.sprachen {
	margin-left: 350px;
}

ul.sprachen li{
	list-style: none;
	font-size: 12pt;
	margin-bottom: 10px;
}

/* Platzhalter: horizontale Linie */
hr.platzhalter {
	visibility: hidden;
	margin-bottom: 10px;
}

/* Tabellenformatierung "Goethe-News" */
.goethenews {
	margin: 0 auto;
	border-collapse: collapse;
}

.goethenews a {
	color: blue;
}

.goethenews tr{
	border: 1px silver solid;
	height: 20px;
	padding: 5px;
}

.goethenews td{
	border: 1px silver solid;
	height: 20px;
	padding: 5px;
}

/* Tabellenformatierung für "Häuser und Räume" */
table.haeuser {
	margin: 0 auto;
}

table.haeuser td,table.haeuser th
{
	text-align: center;
}

table.haeuser th {
	background: #CCCCCC;
}

table.haeuser td.titel{
	padding-bottom: 10px;
}

/* Ahnengalerie-Layout */
div.jahrzehnt
{
	border: 1px dimgray solid;
	width: 227px;
	height: 209px;
	background: #020266;
	position: static;
	float: left;
	margin-left: 75px;
	margin-bottom: 25px;
}

.jahrzehnt img {
	float: left;
	border-top: 1px dimgray solid;
	border-right: 1px dimgray solid;
	border-bottom: 1px dimgray solid;
}

ul.jahrgaenge {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.jahrgaenge li{
	margin: 3px;
	color: dimgray;
}

ul.jahrgaenge li a:link, ul.jahrgaenge li a:visited {
	color: #FFFF00;
}

.jahrzehnt p.titel
{
	color: white;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

table.ahnen {
	border-collapse: collapse;
}

table.ahnen td, table.ahnen tr {
	border: 1px silver solid;
	padding: 5px;
}




/*Termine / Aktuelles */
.termine
{
	position: relative;
	left: 12.5%;
	width: 75%;
	padding: 5px;
	margin-top: 2px;
	background-color: silver;
}

.termine ul
{
	margin: 5px;
	padding: 0;
	list-style: none;
}

.termine ul li
{
	margin: 10px 0;
}

.termine ul li a
{
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}

.termine ul li a:hover
{
	text-decoration: underline;
}

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

.kursiv
{
	font-style: italic;
}

.unterstrichen
{
	text-decoration: underline;
}

.gross 
{
	font-size: 12pt;
}

.rot, .rot a:link {
	color: red;
	text-decoration: underline;
}

.blocksatz {
	text-align: justify;
}

.unterlegt {
	background: #6B9DD7;
}
	

/* Klassen für die Bilder-Ausrichtung */
img
{
	left: auto;
	right: auto;
}

.zentriert
{
	text-align: center;
	margin-bottom: 0;
}

.links
{
	float: left;
}

.rechts
{
	float: right;
}

.umbrechen
{
	clear: both;
}