<!--
/*Basiselemente im Seitenaufbau*/
#interaktiv1
	{/*Klasse abbildung ist ausreichend*/}
#aspekte
	{width:100%;
	min-height:19em;/*Platz fuer ansonsten nicht beruecksichtigte Kindelemente mit absoluter Positionierung*/
	position:relative;/*ermoeglicht absolute Positionierung der Kindelemente dieses Elements ohne Ausbrechen aus dem Rahmen*/}
#descriptionregister
	{display:none; /*Registeransicht wird erst durch JavaScript aktiviert, vorher lineare Darstellung*/}
/*Layout der einzelnen Elemente*/
/*gemeinsame Regelungen*/
div.aspekt, div.detail
	{padding-left:10px;
	padding-right:10px;}
div.detail
	{display:none;
	border-top:solid #4F81BD 1px;}
div.aspekt > table
	{background-color:#FFFFFF; /* Stapelbarkeit erfordert nichttransparenten Hintergrund */}
div.aspekt table tbody tr td /*fehlender Kindoperator erlaubt Verwendung in alten Internet-Explorer-Versionen*/
	{width:15em;
	height:4em;}
div.detail h1
	{margin-top:10px;}
/*Vorschriften fuer Aspekte wahlweise als lineare Darstellung oder mehrdimensionale (Register-)Darstellung*/
div.aspekt /*div.aspekt.linear als Standard auch ohne Ausweisung in HTML*/
	{/*keine besonderen Vorschriften, position:static ist ohnehin Standard*/}
div.aspekt > .linearcaption /*div.aspekt.linear als Standard auch ohne Ausweisung in HTML*/
	{/*keine besonderen Vorschriften, Anzeige ist ohnehin Standard*/}
div.aspekt  .registercaption /*div.aspekt.linear als Standard auch ohne Ausweisung in HTML; fehlender Kindoperator erlaubt Verwendung in alten Internet-Explorer-Versionen*/
	{display:none;}
div.aspekt.register
	{width: 45em;
	height: 16em;
	position: absolute;}
div.aspekt.register > .linearcaption
	{display:none;}
div.aspekt.register > .registercaption
	{display:inline;}
/*Sonderlayout für inaktive Elemente in der mehrdimensionalen Ansicht*/
div.aspekt.inaktiv
	{pointer-events:none;/*Klick durch vorderen Aspekt auf dahinterliegenden Aspekt erlauben*/}
div.aspekt.inaktiv > table
	{opacity:0.1;}
div.aspekt.inaktiv > .registercaption
	{opacity:0.3;
	pointer-events:auto;/*Ueberschriftsbutton muss klickbar bleiben*/}
/*Positionierung einzelner Aspekte*/
#tab1
	{z-index:2;
	left:0em;
	top:3.5em;}
#tab2
	{z-index:1;
	left:5em;
	top:1em;}
/*Print-Style*/
@media print{
	#interaktiv1
		{border:none;}
	div.aspekt, div.detail
		{padding:0;}
	div.aspekt.inaktiv > table
		{opacity:1;}
	div.detail
		{display:block;
		border:none;}
	/*mehrdimensionale (Register-)Ansicht deaktivieren, da nicht interaktiv druckbar*/
	#descriptionlinear
		{display:none !important;}
	#descriptionregister
		{display:none !important;}
	div.aspekt.register
		{position:static;}
	div.aspekt.register > .linearcaption
		{display:inline;}
	div.aspekt.register > .registercaption
		{display:none;}
	/*Linkausdruck (enthaelt nur seiteninterne Links) deaktivieren*/
	a[href]:after
		{content:inherit;
		color:inherit;
		font-style:inherit;
		size:inherit;}
	a
		{text-decoration:none !important;
		font-weight:normal !important;}
}
-->