/* Zusatz-Stylesheet-Datei "extra-standard" für die Homepage des Peutinger Gymnasiums auf http://www.peutinger-gymnasium.de/ */


/* Klassendefinition für den Veranstaltungskalender */

#terminkalender {
	text-align: center;
	padding-bottom: 20px;
}

#terminkalender h1,
#terminkalender h2 {
	text-align: left;
	margin: 1em 0;
	padding: 0;
}

#terminkalender table {
	width: auto;
	background-color: #dfdfdf;
	margin: 0 auto;
	border-collapse: collapse;
}

#terminkalender th, #terminkalender td {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0 3px;
}

#terminkalender th {
	background: #97cbff;
	color: #204060;
}

#tag,
#datum {
	width: 2em;
}

#zeit {
	width: 6em;
}

#vorhaben {
	width: 60%;
}

#bemerkungen {
	width: auto;
}

#terminkalender td {
	background-color: #f8fcff;
	color: #204060;
	border: 1px solid #e0e0e0;
}

#terminkalender .heute  td {
	background: #f0f0f0 url(/site/images/terminkalender/heute_bild.png) no-repeat center;
}

#terminkalender .sub-navigation {
	float: right;
	margin-top: -60px;
}

#terminkalender .sub-navigation  h2 {
	margin: 0;
	text-align: center;
}

#terminkalender form {
	clear: right;
}

#auf-einen-blick {
	text-align: center;
}

#auf-einen-blick table {
	background-color: #dfdfdf;
	margin: 0 auto;
	border-collapse: collapse;
}

#auf-einen-blick th,
#auf-einen-blick td {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

#auf-einen-blick th {
	background: #97cbff;
	color: #204060;
}

#auf-einen-blick td {
	background-color: #f8fcff;
	color: #204060;
	border: 1px solid #e0e0e0;
}

#kalender-navi p {
	text-align: center;
	width: 640px;
	margin: 0 auto 2px auto;
	padding: 0;
}

#kalender-navi a {
	width: 11em;
	background: #f8fcff;
	border: 1px solid #808080;
}

#kalender-navi a:hover {
	background: #e0f0ff;
	text-decoration: none;
}

#kalender-navi #vormonat {
	float: left;
}

#kalender-navi #folgemonat {
	float: right;
}

input,
select {
	border: 1px solid #808080;
}
