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

 Page

 Stylesheet for www-paedagogisches-therapeutisches-fachzentrum.de

 Oliver Tan, www.tan3.de, (c) 2007

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

* {
	padding: 0;
	margin: 0;
	}
body {
	background: #eee url(../images/bg-body3.jpg) repeat-x;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	}
#page {
	width: 760px;
	margin: 12px 0 0 20px;
	}
#mainRight {
	float: right;
	width: 560px;
	}
#mainLeft {
	float: left;
	width: 190px;
	overflow: hidden;
	}
#header {
	height: 30px;
	color: white;
	font-size: 1.5em;
	overflow: hidden;
	}
#contentContainer {
	background: #fff;
	width: 540px;
	padding: 10px;
	border: 1px solid #369;
	}
#headerPic img {}
.headerPTFZ {
	color: #69c
	}
#content {
	position: relative;
	margin: 25px 0 4em 0;
	min-height: 29em;
  	height: auto !important;
  	height: 29em;
	}
#nav {
	margin: 40px 0 0 0;
	}
#footer {
	color: #999;
	margin: 10px 0 0 0;
	}
/* wird nicht mehr benöetigt
#content .quote {
	position: absolute;
	bottom: 0;
	width: 99%;

	margin: 3em 0 0 0;
	padding: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	}
 */

blockquote {
	/* Damit das Zitat untenbuendig plaziert wird     */
	/* Das muss wieder raus, wenn es mehr Inhalt gibt.*/
	position: absolute;
	bottom: 0;
	width: 99%;
	/* ---------------------------------------------- */
	margin: 3em 0 0 0;
	padding: 0 0 1em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	}


.clearing {
	clear: both;
	}

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

 Content

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

#content h1 {
	color: #c00;
	font-size: 1.6em;
	margin: 0 0 1.5em 0;
	padding: 0.2em;
	text-align: center;
	display: block;
	/* background: #eee; */
	border: 1px solid #ddd;
	/*border: 1px solid #eee;*/
	border-right: 0;
	border-left: 0;
	}
#content h2 {
	color: #036;
	font-size: 1.4em;
	margin: 2em 0 0.5em 0;
	clear: both;
	}
#content h2 span.small {
	font-size: 0.8em;
	color: #c00;
	}
#content h3 {
	font-size: 1.2em;
	margin: 2em 0 0.2em 0;
	}
#content h4 {
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0 0.2em 0;
	}
#content blockquote p {
	color: #036;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin: 1em 0;
	}
cite {
	font-style: normal;
	}
#content p, ul, ol {
	line-height: 1.5em;
	margin: 0 10px 1em 30px;
	}
#content ul {
	list-style: square;
	margin-left: 45px;
	}
span.profilList {
	font-style: italic;
	padding: 0 0 0 1em;
	margin: 0.4em 0 0.4em 0;
	border-left: 10px solid #eee;
	display: block;
	}
.staff {
	margin: 0 0 3em 0;
	clear:both;
	}

#content p.index {
	text-align: center;
	font-size: 1.6em;
	}

/*
span.firstLetter {
	font-size: 2em;
	color: #036;
	font-family: "Times New Roman", Times, serif;
	margin: 0 1px 0 0;
	}
*/


hr {
	border: 0;
	height: 1px;
	background: #ccc;
	clear:both;
	margin: 2em 0;
	}


table {
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin: 0 10px 1em 30px;
	}
td {
	padding: 0.5em 5px 1em 5px;
	border: 1px solid #ddd;
	vertical-align: top;
	}
/*
td.odd {
	background: #fcfcfc;
	}
*/

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

 News (Startseite)

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

body.news blockquote {
	position: relative;
	width: 99%;
	}
div.news {
	border: 1px solid #ddd;
	padding: 20px;
	margin: 2em 0 4em 0;
	}
div.news strong {
	color: #c00;
	}
#content div.news h2 {
	margin: 0.2em 0 1em 0;
	}

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

 Bilder

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

/* Bilder auf der Startseite

-- Wird momentan nicht benoetigt! --

#content .imageIndex {
	float: left;
	margin: 0 10px 10px 0;
	}
#content .imageIndexNoMarginRight {
	float: left;
	margin: 0 0 10px 0;
	}
#content .imageIndex img {
	#content .imageIndex
	}
#content .imageIndex p,
#content .imageIndexNoMarginRight p {
	margin: 0;
	padding: 0.1em 0 0 0;
	color: #333;
	text-align: left;
	width: 170px;
	}
*/

/* Bereich fur linksbuendiges Bild */
#content .imageWrapLeft {
	float: left;
	/*clear: right;*/
	margin: 0 10px 2em 0;
	}

/* Bereich fur rechtsbuendiges Bild */
#content .imageWrapRight {
	float: right;
	/*clear: left;*/
	margin: 0 0 2em 10px;
	}
#content .imageWrapLeft img,
#content .imageWrapRight img {
	position: relative;
	border: 1px solid #ddd;
	padding: 5px;
	}

/* Bild-Untertitel */
#content .imageWrapLeft p,
#content .imageWrapRight p {
	margin: 0;
	padding: 0;
	color: #999;
	text-align: center;
	border-bottom: 1px solid #ddd;
	}
/* Damit die Untertitel der Bilder auf der
MitarbeiterInnen-Seite nicht zu breit werden 	*/
#pageMitarbeiterInnen .imageWrapRight p {
	max-width: 312px;
	}


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

 Links

-----------------------------------------------------------------------
*/
#logo a {
	border: 0;
	}
#content a {
	color: #369;
	text-decoration: none;
	/* text-decoration: underline; */
	border-bottom: 1px dotted #369;
	}
#content a:hover {
	color: #c00;
	/*text-decoration: none;*/
	border-bottom: 1px solid #c00;
	}
#content a.noBorder {
	border: 0;
	}
#footer a {
	color: #999;
	border: none;
	text-decoration: none;
	}
#footer a:hover {
	color: #c00;
	text-decoration: none;
	}

#content p.index a {
	color: #333;
	text-decoration: none;
	border: 0;
	}
#content p.index a:hover {
	color: #c00;
	border-bottom: 1px solid #c00;/**/
	}
/*
-----------------------------------------------------------------------

 Navigation

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

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333;
	line-height: 1.2em;
	}
#nav ul li a {
	color: #333;
	text-decoration: none;
	border: 0;
	padding: 0.2em;
	display: block;
	border: solid 1px #eee;
	}
#nav ul li a:hover {
	color: #c00;
	background: white;
	border: solid 1px #ccc;
	}
/* Damit der Menuepunkt auf der jew. aktuellen Seite anders formatiert wird */
#pageStartseite ul li.pageStartseite a,
#pageStartseite ul li.pageStartseite a:hover, /* Def. mit :hover benoetgt der IE6! */
#pageProfil ul li.pageProfil a,
#pageProfil ul li.pageProfil a:hover,
#pageMitarbeiterInnen ul li.pageMitarbeiterInnen a,
#pageMitarbeiterInnen ul li.pageMitarbeiterInnen a:hover,
#pageAnfahrt ul li.pageAnfahrt a,
#pageAnfahrt ul li.pageAnfahrt a:hover,
#pageEinrichtungen ul li.pageEinrichtungen a,
#pageEinrichtungen ul li.pageEinrichtungen a:hover,
#pageLeitungskraefte ul li.pageLeitungskraefte a,
#pageLeitungskraefte ul li.pageLeitungskraefte a:hover,
#pageFachkraefte ul li.pageFachkraefte a,
#pageFachkraefte ul li.pageFachkraefte a:hover,
#pageElternUndKinder ul li.pageElternUndKinder a,
#pageElternUndKinder ul li.pageElternUndKinder a:hover,
#pageFortbildungen ul li.pageFortbildungen a,
#pageFortbildungen ul li.pageFortbildungen a:hover,
#pageKooperationsveranstaltungen ul li.pageKooperationsveranstaltungen a,
#pageKooperationsveranstaltungen ul li.pageKooperationsveranstaltungen a:hover,
#pageSeminarraumvermietung ul li.pageSeminarraumvermietung a,
#pageSeminarraumvermietung ul li.pageSeminarraumvermietung a:hover,
#pageVeroeffentlichungen ul li.pageVeroeffentlichungen a,
#pageVeroeffentlichungen ul li.pageVeroeffentlichungen a:hover,
#pageKontakt ul li.pageKontakt a,
#pageKontakt ul li.pageKontakt a:hover {
	color: #c00;
	cursor: text;
	background: none;
	border: solid 1px #eee;
	}
#nav ul li.navHeader {
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bold;
	display: block;
	}
#nav ul li.noLink {
	padding: 0.2em;
	display: block;
	}