/* fuer svg-Elemente */

foreignObject .seite {
	width:	50em;
	height:	32em;
}
/* links, kontakt, impressum,, uebermich (ausbildungen), referenzen (ref01, ref02, ref03), aktuelles, kolumne, angebote */
.titel {
	font-family: AGaramond;
	font-weight: 100;
	font-size: 1em;
	fill: black;
}
.titel #titel {
	font-family: GloriaHallelujah;
	font-weight: lighter;
	font-size: 1.5rem;
	fill: #a00;
}
.titel #zurueck {
	font-family: GloriaHallelujah;
	font-weight: lighter;
	font-size: 1.2rem;
	fill: gray;
}
.titel #zurueck:hover {
	fill: #a00;
}
 /* uebermich */
.titel #ltit {
	font-family: GloriaHallelujah;
	font-weight: lighter;
	font-size: 1.5em;
	fill: gray;
}
.titel #ltit:hover { /*  */
	fill: #a00;
}
 /* links, aktuelles, kolumne, angebote */
.titel #rtit{
	font-weight: bold;
	font-size: 1.2em;
	fill: #a00;
}
.titel #rtit:hover { /*  */
	fill:	gray;
}
 /* kontakte, impressum */
.titel #etit{
	font-family:	AGaramond;
	font-weight:	bold;
	font-size:	1.0em;
	fill:	#a00;
}
.titel #etit:hover{ /*  */
	fill:	gray;
}
 /* impressum, ausbildungen */
.titel #btit{
	font-weight:	bold;
	font-size:	1.2em;
}

/* id=""  für alle */
#clnk {
	fill: transparent;
}
#clnk:hover {
    fill: gray;
}

#lnk { /* referenzen */
	font-size: 1.0em;
	font-weight: bold;
	color: #a00;
}
#lnk:hover {
	font-weight: bold;
	color: gray;
}

#mtxt {
	font-family:	GloriaHallelujah;
	font-size:	1.7em;
	font-weight:	normal;
	fill:	gray;
}

#ref {
	font-size: 1.0em;
	font-weight: bold;
	left: 25em;
	color: #a00;
}
#ref:hover {
	font-weight: bold;
	color: gray;
}

#rtit{
	font-weight: bold;
	font-size: 1.4em;
	color: #a00;
}
#rtit:hover { 
	fill: gray;
}