/* Zusatz-Stylesheet-Datei "extra-standard" für die Homepage des Peutinger Gymnasiums auf http://www.peutinger-gymnasium.de/ */

#terminkalender {
	text-align: left;
	padding-bottom: 20px;
}

#terminkalender h1,
#terminkalender h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
}

#terminkalender table	{
	width: 650px;
	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: url(_images/navbg.png) repeat-x center;
	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(_images/heute_bild.png) no-repeat center;
}

#terminkalender .sub-navigation {
	position: absolute;
	right: 5px;
	margin-top: -47px;
}

#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: url(_images/navbg.png) repeat-x center;
	color: #204060;
}

#auf-einen-blick td {
	background-color: #f8fcff;
	color: #204060;
	border: 1px solid #e0e0e0;
}

#kalender-navi p {
	text-align: center;
	width: 650px;
	margin: 0 auto 2px auto;
	padding: 0;
}

#kalender-navi a {
	width: 11em;
	background: #f8fcff;
	border: 1px solid #808080;
}

#kalender-navi a:hover {
	background: url(_images/navbg.png) repeat-x center;
	text-decoration: none;
}

#kalender-navi #vormonat {
	float: left;
}

#kalender-navi #folgemonat {
	float: right;
}

input, select {
	border: 1px solid #808080;
}

#terminkalender td a {
	display: block;
	width: 100%;
}

#terminkalender td a:link,
#terminkalender td a:visited {
	 color: #000000;
	text-decoration: none;
	display: block;
	width: 100%;
}

#terminkalender tr:hover td {
	background: #e0ffe0;
	background: url(_images/bearbeiten_bild.png);
}

#terminkalender form {
	display: block;
	width: 520px;
	margin: 0 auto 10px auto;
	border: 1px solid #dfdfdf;
	background: #f8fcff;
}

#terminkalender input[type=text] {
	width: 75%;
	padding: 0 5px;
	border: 1px solid #dfdfdf;
}

#terminkalender form p.hinweis {
	width: auto;
	padding: 5px;
	margin: 5px;
}

form#kalender-navi {
	display: run-in;
	width: auto;
	background: none;
	border: none;
}

