@charset "UTF-8";
/* Formate für die Gravur-Homepage */
body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: #F2F2FF; background-color: #3131A6;
    }
a	{									/* allgemeine Textformatierungen */
	text-decoration: none;
	color: #F2F2FF;
	}
p	{ font-size:large; }
p.leerzeile { height: 2em; }
hr  { width: 95%; }
h1 { font-size: 1.5em; }
h1, h2, h3, p {
	padding-left: 20px;					/* Randabstand Text vom Body */	
	padding-right: 20px;
	}
h2.kompakt, h3.kompakt {
	margin: 0; margin-top: 0.8em;
	}
#aufzaehlung span, .wissensliste span, span.blick {						
	color: #FFD07F;						/* Hervorhebung Schlagworte							*/
	}
p.kompakt {
	font-size: medium;
	margin-top: 0.4em; margin-bottom: 0.4em;
	}
div.umbruch {							/* leeres div-Element für den Elementfluss */
	clear: both;
	}
div#Umrahmung {							/* Abgleich Seitenrahmen auf Kopfrahmen */
	margin: auto;
	min-width: 44.625em; max-width: 62.25em;
	}
div#Seite{ 
	position:relative;					/* ermöglicht absolute Positionierung von Seite aus */
    text-align: left;
    margin: 0 0 0;						/* horizontale Zentrierung */
    border: 2px solid #8A8AE6; border-top: none;
    background-color: #000064;
    /* min-height: 25em; */
    }
div#Kopf {
	position: relative;
	height: 100px;
	margin: 0 auto;
	min-width: 44.625em; max-width: 62.25em;
	overflow: visible;
	}
div#Kopf img {	
	position: absolute;
	}
/* --------------------------- Pull-Down-Menü Aktualisierungen --------------------------------------- */
#glasgravur-news {										/* auch für Fachkundenzugang zuständig			*/
	width: 9.1em;
	margin: 0; padding: 0;
	position: absolute;
	right: 0.8em; top: -4em;
	}
#glasgravur-news li {
	list-style: none;
	position: relative;
	margin: 0 0.2em; padding: 0.1em 0.2em;		/* IE7: Überlappen mit Hintergrundbereich			*/
	font-size: small; text-align: right;
	}	
#glasgravur-news li ul {
	display: none;
	margin: 0; padding: 0;
	background-color: #3131A6;
	position: absolute;
	top: 1.4em;									/* IE7: sorgt für Überlappung der Elemente			*/
	}
#glasgravur-news li ~ li:hover {
	background-color: #3131A6;
	}	
#glasgravur-news li:hover ul {
	display: block;
	width: 10.6em; right: 0;
	}
*:first-child+html #glasgravur-news ul {		/* IE7: übergreifender Hintergrundbereich			*/
    background-color: #3131A6; padding-bottom: 0.4em;
	}
#glasgravur-news li ul li {
	margin-bottom: 0;
	text-align: right;
	}
*:first-child+html #glasgravur-news ul li {		/* IE7: Überlappung									*/
	margin-bottom: -0.1em;
	}
#glasgravur-news a, #glasgravur-news + li {
	padding: 0.1em 0;
	text-decoration: underline;
	display: block;
	}
#glasgravur-news + li {
	font-size: 1em; text-decoration: none;
	margin: -0.1em 0; padding: 0 0.2em;			/* Zurücksetzen IE7-Überlappung für Überschrift		*/
	font-weight: normal;
	}
#glasgravur-news a:hover {
	color: #000057;
	text-decoration: none;
	background-color: #8A8AE6;
	}
/* --------------------------------- Navigationsleiste -------------------------------------------- */
#Navigation {
	margin: 0; padding: 0; margin-bottom: 1em;
    text-align: center;				/* horizontale Zentrierung Blockelemente */
    background-image: url(img/navi-leiste.png);
    }
#Navigation li {					/* Inline-Block-Konstrukiton, die auch im IE7 funktioniert */
    list-style: none;				/* leider recht verschachtelt */
    display: inline;
    margin: 0; padding:0;
	}
.fassung, .fassung ul {				
	display: inline-block;
	vertical-align: bottom;
	margin: 0; padding: 0;
	}
.fassung table { 
	border-spacing: 0;
	margin: 0.125em 0.2em;			/* Firefox behält auch trotz margin 0 noch einen Seitenabstand */
	border: 1px solid black;
	border-left-color: #F0F0FF; border-top-color: #F0F0FF;
	background-image: url(img/button-inaktiv.png);
	}
#knopf1 { height: 3.25em; width: 3.5em; }
#knopf2 { height: 3.25em; width: 6.5em; }
#knopf3 { height: 3.25em; width: 4.5em; }
#knopf4 { height: 3.25em; width: 7em; }
#knopf5 { height: 3.25em; width: 4em; }
#knopf6 { height: 3.25em; width: 4em; }
#knopf7 { height: 3.25em; width: 6em; }
.fassung td {						/* Schriftformatierung unterhalt Zellenformatierung */
	font-weight: bold; line-height: 0.95em;
	margin: 0; padding: 0;
	}
.fassung a {
	text-decoration: none;    
    color: #F0F0FF; 
    }
.fassung table:hover, .fassung .aktiv {
    border-color: #F0F0FF;
    border-left-color: black; border-top-color: black;
    background-image: url(img/button-aktiv.png);
    color: #00004F;
	}
.fassung table:hover a, .fassung .aktiv a {
	color: #00004F;
	}
/* --------------------------------------- Startseite ------------------------------------------- */
ul#aufzaehlung li {
	 font-size:large;					/* Formatierung Aufzählungen */
	 margin: 0.5em;
	}
ul#aufzaehlung {
	margin-bottom: 1.5em;
	}
.bildraum {								/* Schichten mit der Bildersilhouette für Textumfluss */
	float: right;
	}
.startbild, .scheinbild {				/* Boxen für die Bilder */
	position: absolute;
	}
.startbild {
	border: solid thin transparent;		/* IE7 braucht border für hover-effekt */
	}
.startbild img {
	visibility: hidden;
	}
.startbild:hover img {
	visibility:visible;
	}
/* ------------------------------------ Footer --------------------------------------------------------- */
.fuss {
	margin: 0; padding: 0.2em 0 0 0;
	height: 1.5em;
	text-align: left;
	background-color: #000080;
	border-top: 1px solid #8A8AE6;
	}
.fuss li {
	margin: 0; padding: 0;
	list-style: none;
	display: inline;
	color: #8A8AE6;
	}
.fuss span {
	float: left; width: 16em; height: 1em;
	}
#fussanfang {
	margin: 0 0 0 20px;
	}	
.fuss  a {
	float: left; width: 7em; height: 1em;
	color: #8A8AE6;
	text-decoration: underline;
	}
.fuss a:hover {
	color: #FFD07F;
	}
.fuss span:hover {
	width: 10em; height: 0.625em;
	font-size: 1.6em;
	position: relative;
	bottom: 0.2em; left: -1.5em;
	color: #FFD07F;
	}
#fussanfang:hover {
	left: 0;
	}	
/* ------------------------------------ Hauptgruppenleiste --------------------------------------------- */	
/* Bei Standard-Browserschrift 16px entspricht 1 Pixelbreite 0,0625em. 3 Nachkommastellen sind gültig.   */
.s1 { margin: 0.625em 5px 0.625em 5px; padding: 0;
	  height: 4.625em; background-color: #7F7FFF;}	/* Schichten verlaufender Leistenrand */
.s2 { height: 4.500em; background-color: #7373F2; position: relative; top: 0.063em; }
.s3 { height: 4.375em; background-color: #6565E5; position: relative; top: 0.063em; }
.s4 { height: 4.250em; background-color: #5858D8; position: relative; top: 0.063em; }
.s5 { height: 4.125em; background-color: #4C4CCC; position: relative; top: 0.063em; }
.s6 { height: 4.000em; background-color: #4040BF; position: relative; top: 0.063em; }
.s7 { height: 3.875em; background-color: #3232B2; position: relative; top: 0.063em; }
.s8 { height: 3.750em; background-color: #2626A6; position: relative; top: 0.063em; }
.s9 { height: 3.625em; background-color: #191999; position: relative; top: 0.063em; }
.s10{ height: 3.500em; background-color: #0C0C8C; position: relative; top: 0.063em; }
.s11{ height: 3.375em; background-color: #000080; position: relative; top: 0.063em; }
.hg-rand-links {									/* Leistenabschluss rechts und links */
	float: left;									/* um 1 px verkürzt, um den Versatz gering zu halten bei */
	margin: 0; margin-top: -0.563em;				/* 20-px-Standardschrift von IE mit großen Desktop-Schriften */
	height: 4.563em; width: 0.125em; background-color: #7F7FFF;
	}
.hg-rand-rechts {
	float: right;
	margin-top: -0.563em;
	height: 4.563em; width: 0.125em; background-color: #7F7FFF;
	}
.hg-maske { 										/* Überdeckung Flüssigbild rechts außen */
	float: right;
	width: 10px; height: 3.5em;
	margin-top: -0.1em;
	background-color: #000080;
	}
.hg {												/* Hauptgruppenleiste */
	margin: 0; padding: 0;							/* Einrückung Listenelemente zurücksetzen */
	margin-left: 10px; margin-right: 10px;
	height: 4em;
	position: relative;								/* Relatives Bezugselement für untergeordnete Elemente */
	top: -0.312em;									/* Vertikale Zentrierung */
	overflow: hidden;								/* Abschneiden Flüssigbild rechts außen */
	}
	
	/* IE7 beherrscht inline-block-Darstellung nur für Inline-Elemente. Um trotzdem sowohl die Listenelemente als auch die Elementinhalte */
	/* positionierbar zu halten werden die folgenden Listen in 2 Ebenen aufgebaut. Deklarationen kommen zum Teil doppelt vor, damit auch */
	/* Firefox noch weiß, was gemeint ist. */
.hg li { 
	display: inline;
	list-style: none;
	}
.hg-name, .hg-name-aktiv, .hg-name ul, .hg-name-aktiv ul,
.hg-galerie, .hg-galerie ul, .hg-beschr, .hg-beschr ul,
.hg-shop, .hg-shop ul, .hg-fluessig {
	display: inline-block;
	margin: 0; padding: 0;
	}
.hg-name, .hg-name-aktiv {
	width: 7.5em;									/* extra für den IE schon an dieser Stelle */
	margin-right: 0.625em;
	}
.hg-galerie {
	width: 9.125em;
	margin-right: 0.4em;
	}
.hg-nametext, .hg-galtext {							/* Listenelement als 1-Zellen-Tabelle, damit IE7 die vertikale */
	height: 4em; 									/* Textzentrierung schafft. */
	position: relative;
	top: -8em;
	}
.hg-nametext { width: 7.5em; }
.hg-galtext { width: 9.125em; visibility: hidden; }/* Vordergrundtransparenz wird vom IE7 nicht unterstützt */
.hg-galtext td, .hg-nametext td {
	font-weight: bold; line-height: 95%;			/* Formatierung erst hier unten wegen em-Vererbung */
	font-size: large;
	text-align: center;
	}	
.hg-namebild, .hg-galbild {
	position: relative;								/* damit es mit hover verschoben werden kann */
	height: 8em;
	vertical-align: bottom;							/* img wird sonst an Textgrundlinie ausgerichtet, die gar nicht da ist */
	}
.hg-namebild { width: 7.5em; }
.hg-galbild { width: 9.125em; border: none;	}		/* wird sonst vom Verweis erzeugt */
.hg-beschr, .hg-beschr ul { 
	width: 19.5em;
	vertical-align: top; }
.hg-beschr table {									
	width: 19.5em; height: 4em;						
	}
.hg-beschr td {	vertical-align: middle; }
.hg-shop, .hg-shop ul {
	width: 3em;
	vertical-align: top;
	}
.hg-shop table { 
	border-spacing: 0;
	width: 3em; height: 3.5em; }
.hg-shop td { padding-top: 0.5em; }
.hg-shop img { border: none; vertical-align: bottom;}
.hg-fluessig img {
	height: 4em; width: 17.875em;					/* 286 pxl x 64 pxl */
	position: absolute;
	left: 42.5em; top: -0.1em;
	}
.s2:hover { background-color: #71717F; }
.s3:hover { background-color: #6464EF; }
.s4:hover { background-color: #5858E8; }
.s5:hover { background-color: #4C4CE0; }
.s6:hover { background-color: #4040D9; }
.s7:hover { background-color: #3333D1; }
.s8:hover { background-color: #2525C9; }
.s9:hover { background-color: #1919C2; }
.s10:hover{ background-color: #0C0CBA; }
.s11:hover, .s11:hover .hg-maske { background-color: #0000B3; }
.hg-name:hover img, .hg-name-aktiv img, .hg-galerie:hover img {
	bottom: 4em;
	}
.hg-name:hover a, .hg-name-aktiv {
	color: #000057;
	}
.leerfeld {											/* Platzhalter für Hauptgruppenleister					*/
	margin: 0.625em; height: 4.7em;
	}

/* ---------------------------------------------------------------------------------------------------------*/
.wissensliste li {
	font-size: large;
	padding: 0.25em 0; padding-right: 0.3em;
	}
.vorladen { display: none; } 		/* nur schonmal laden der Vorschaubilder für nicht-konforme Browser 	*/

/* --------------------------------- Galerie-Steuerung -----------------------------------------------------*/
.galerie-einheit {					/* Galerie-Stile */
	width: 102px; 					/* einheitliche Breite für alle Listenelemente */
	float: left;
	margin: 48px; margin-top: 15px; margin-bottom: 15px; padding: 0;
	font-size: small;
	z-index: 1;						/* anlegen des Ebenen-Stacks für die Galerie-Einheit.					*/
	}
.galerie-einheit, .galerie-einheit li {
	list-style: none;
	}
.prod-praesent:target {		/* Hervorhebung von angesprungenen Bildern								*/
	outline: 1px solid #ff9;
	}
.prod-praesent {					/* Präsentationsfeld (Foto)					*/
	overflow: visible;
	position: relative;				/* Bezug zur Ausrichtung der Detailbilder 	*/
	z-index: 2;						/* Überlagerung von Clip-Zusatzschaltern (prod-navigation li ul)   		*/
	}
.prod-praesent img {
	margin: 0; padding: 0;
	}
.prod-bild {
	width: 98px; height: 130px;
	border: solid 2px #00004F; border-bottom-width: 1px;
	}
.prod-det-bild {				
	display: none;					/* gar nicht erst laden */
	}
.prod-praesent:hover .prod-bild, .prod-praesent:hover .prod-det-bild {
	border: solid 2px #0000CC; border-bottom-width: 1px;
	}
.prod-praesent:active, .prod-praesent:focus {
	outline: none;					/* gepunktete Verweismarkierung unterdrücken */
	z-index: 4;
	}
.prod-praesent:active .prod-det-bild, .prod-praesent:focus .prod-det-bild {
	border: solid 2px #F0F0FF; border-bottom-width: 1px;
	display: inline;				/* Detailbild laden, falls noch nicht geschehen, Unterkante mit */
	position: absolute;				/* Übersichtsbild ausrichten und dann mittig darüberlegen.		*/
	bottom: 0; left: -49px;
	z-index: 6;						/* IE8 rückt's sonst nicht in den Vordergrund					*/
	}
.prod-praesent:hover img {
	border: none;
	}
.prod-beschr { 
	font-size: x-small; 
	text-align: center;
	position: relative;
	z-index: 4;
	}
	
/* ------------------------------------- Produkt-Navigationsleiste -----------------------------------------*/	
.prod-leiste .prod-clip-start:hover, .prod-leiste .prod-clip-start:hover .folge-clip {
	z-index: 5;							/* nur bei hover im Vordergrund ... IE rafft's nicht		*/
	}
.prod-navigation {
	margin: 0; padding: 0;
	display: inline;					/* Sonst fügt IE Absatz ein 		*/
	}
.prod-navigation li {
	list-style: none;
	float: left;
	margin: 0; padding: 0;
	}
.prod-navigation li ul {				/* Positionierung Ergänzungsschalter				*/
	margin: 0; padding: 0;
	position: absolute;
	bottom: 1.6em;
	}
.prod-navigation li ul img {			/* Listenelemente bleiben wegen IE-Fenstersteuerung immer ange-		*/
	position: absolute;					/* zeigt, werden aber mit Hintergrundfarbenbild überdeckt.			*/
	width: 34px; height: 1.6em;
	left: 0;
	}
.deckung2 { bottom: 0; }				/* Positionierung Überdeckung Untermenü mit Hintergrundfarbe		*/
.deckung3 {	bottom: 1.8em; } .deckung4 { bottom: 3.6em; }
.deckung5 {	bottom: 5.4em; } .deckung6 { bottom: 7.2em; }
.prod-navigation li:hover ul img {
	display: none;
	}
.prod-navigation li:hover ul {
	background-color: #000064;
	}
.prod-navigation li ul li {
	float: none;
	display: block;
	}
.prod-shop, .prod-info, .prod-clip, .werk-clip {
	display: block;
	width: 34px;
	padding: 0.3em 0;					/* leichte Überlappung der Unter-Elemente			*/
	text-decoration: none;
	}
.prod-navigation a:hover {
	background-color: #0000CC;
	}
.prod-clip-start {
	position: relative; 
	width: 34px; height: 1.8em;
	}
.prod-shop { text-align: left; }
.prod-info { text-align: center; }
.prod-clip { text-align: right; }
.prod-shop { visibility: hidden; }

/* ----------------------------------Objektsteuerung Produkt-Clip ------------------------- */
.prod-clip b, .prod-clip i {		/* IE verwaltet das Clip-Fenster im b-tag				*/
	display: none;
	}
.prod-clip:active i, .proc-clip:focus i {
	display: inline;
	position: relative;		/* Cursor fährt aus dem vorgelagerten tag in das Fenster hinein,*/
	z-index:30;				/* nur so registriert IE den hover-Zustand */
	}
.prod-clip:active .einstieg, .prod-clip:focus .einstieg {
	display: none;
	}
.erst-clip { bottom: 3.4em; }
.folge-clip { bottom: 2.3em; }
.prod-clip:active b, .prod-clip:focus b, .prod-clip b:hover {	
	display: inline;
	position: absolute;
	left: -116px;
	font-size: medium;				/* zur Rück-Normierung auf 16px/em 						*/
	border: solid 2px #F0F0FF; border-bottom-width: 1px;
	width: 220px; height: 268px;
	background-color: #3131A6;
	z-index: 20;
	}
.prod-clip:active object, .prod-clip:focus object {
	width: 220px; height: 268px;	/* Fenstergröße IE inkl Scrollbalken	*/
	}
.clip-objekt, .clip-objekt-mehr {
	display: none;				/* Safari und Firefox steuern das Fenster über die Pseudo-  */			 
	}							/* klasse :target, IE kommt da nie hin.                     */
.clip-objekt { bottom: 3.2em; }
.clip-objekt-mehr {	bottom: 1.8em; }
.clip-objekt object, .clip-objekt-mehr object {
	width: 200px; height: 264px;	/* Fenstergröße FF	*/
	}
.clip-objekt:target, .clip-objekt-mehr:target {
	display: inline;
	position: absolute;
	font-size: medium;								/* zur Rück-Normierung auf 16px/em		*/
	left: -116px;									
	width: 196px; height: 260px;
	color: #F2F2FF; background-color: #3131A6;		/* für den Fall der Fehlermeldung       */
	border: solid 2px #F0F0FF; border-bottom-width: 1px;
	z-index: 10;		/* über die Clip-Auswahlschalter									*/
	}
.clip-objekt:target .clip-kreuz, .clip-objekt-mehr:target .clip-kreuz {
	display: inline;							/* Rückverweis als Schließen-Button gestaltet*/
	position: absolute;
	font-size: large;
	background-color: #FFD07F; color: #00004F;
	width: 0.6em; left: 196px; top: 0;
	}
.meldung {										/* Object-Fehlermeldung */
	font-size: small;
	margin: 0.3em; margin-top: 0.8em;
	}

/* --------- Ergänzung für Objektsteuerung Werkstatt-Videos ------------------------- */
.werk-clip b, .werk-clip i {		/* IE verwaltet das Clip-Fenster im b-tag				*/
	display: none;
	}
.werk-clip:active i, .werk-clip:focus i {
	display: inline;
	position: relative;		/* Cursor fährt aus dem vorgelagerten tag in das Fenster hinein,*/
	z-index:30;				/* nur so registriert IE den hover-Zustand */
	}
.werk-clip:active .einstieg, .werk-clip:focus .einstieg {
	display: none;
	}
.werk-clip:active b, .werk-clip:focus b, .werk-clip b:hover {	
	display: inline;
	position: absolute;
	left: -116px;
	font-size: medium;				/* zur Rück-Normierung auf 16px/em 						*/
	border: solid 2px #F0F0FF; border-bottom-width: 1px;
	width: 536px; height: 364px;
	background-color: #3131A6;
	z-index: 20;
	}
.werk-clip:active object, .werk-clip:focus object {
	width: 536px; height: 364px;	/* Fenstergröße IE inkl Scrollbalken	*/
	}
.werk-clip-objekt, .werk-clip-objekt-mehr {
	display: none;				/* Safari und Firefox steuern das Fenster über die Pseudo-  */			 
	}							/* klasse :target, IE kommt da nie hin.                     */
.werk-clip-objekt { bottom: 3.2em; }
.werk-clip-objekt-mehr {	bottom: 1.8em; }
.werk-clip-objekt object, .werk-clip-objekt-mehr object {
	width: 514px; height: 306px;	/* Fenstergröße FF	*/
	}
.werk-clip-objekt:target, .werk-clip-objekt-mehr:target {
	display: inline;
	position: absolute;
	font-size: medium;								/* zur Rück-Normierung auf 16px/em		*/
	left: -116px;									
	width: 514px; height: 306px;
	color: #F2F2FF; background-color: #3131A6;		/* für den Fall der Fehlermeldung       */
	border: solid 2px #F0F0FF; border-bottom-width: 1px;
	z-index: 10;		/* über die Clip-Auswahlschalter									*/
	}
.werk-clip-objekt:target .clip-kreuz, .werk-clip-objekt-mehr:target .clip-kreuz {
	display: inline;							/* Rückverweis als Schließen-Button gestaltet*/
	position: absolute;
	font-size: large;
	background-color: #FFD07F; color: #00004F;
	width: 0.6em; left: 514px; top: 0;
	}
.meldung {										/* Object-Fehlermeldung */
	font-size: small;
	margin: 0.3em; margin-top: 0.8em;
	}	
.werk-clip-objekt kbd {
	display: none;
	}	
.werk-clip-objekt .film-stop:hover kbd {
	display: inline;
	position: absolute;
	padding: 0.2em;
	left: 514px; top: -4em;
	background-color: #FFD07F; color: #00004F;
	}
		
/* --------------------------------- Clip-Meister ------------------------------------------- */
.clip-body { margin: 0; }
#clip-formular table {
	width: 100%;
	table-layout: fixed;
	}
#clip-formular td { padding: 0 5px; }
.clip-slogan {
	font-size: x-large;	font-style: italic;	font-variant: small-caps;	font-weight: bold;
	padding: 0.9em 0;
	}
.clip-beschreibung {
	height: 75px;
	vertical-align: top;
	}
.clip-tipp {
	height: 30px;
	position: relative;
	}
.clip-tipp .clip-tipp-zelle {
	width: 110px;
	background-color: #9999FF;
	}
.clip-tipp address {
	font-size: small;
	font-weight: bold;
	color: #000057;
	}
.clip-tipp .clip-tipp-text { display: none; }
.clip-tipp div:hover .clip-tipp-text {
	display: inline;
	position: absolute;
	width: 160px;
	padding: 0.3em;
	bottom: 1.5em; left: 0.5em;
	background-color: #0000CC;
	border: solid thin silver;
	}
.clip-byte {
	height: 40px;
	padding: 0 5px;
	}	
/* ----------------------------------Objektsteuerung Infofenster ---------------------------- */
.prod-info b, .prod-info i, .info-objekt {		/* IE verwaltet das Info-Fenster im b-tag	*/
	display: none;
	}
.prod-info:active i, .prod-info:focus i {		/* IE braucht Link-Handler					 */
	display: inline;
	position: relative;				/* benötigt IE, damit hover-Effekt greift.       	     */				
	z-index: 30;					/* IE braucht Ebenendifferenz, um hover zu erkennen.	*/
	}
.prod-info:active .einstieg, .prod-info:focus .einstieg {
	display: none;
	}
.prod-info:active b, .prod-info:focus b, .prod-info b:hover {	
	display: inline;
	position: absolute;
	font-size: medium;				/* zur Rück-Normierung auf 16px/em 						*/
	top: 12.5em; left: 20px;
	width: 35.625em; height: 20em;
	border: solid olive thin;
	background-color: #3131A6;
	z-index: 20;
	}
.prod-info:active object, .prod-info:focus object {
	width: 35.625em; height: 20em;
	}
.info-objekt:target {
	display: inline;
	position: absolute;
	font-size: medium;								/* zur Rück-Normierung auf 16px/em		*/
	top: 12.5em; left: 20px;
	width: 35.625em; height: 20em;
	color: #F2F2FF; background-color: #3131A6;		/* für den Fall der Fehlermeldung       */
	border: solid olive thin;
	z-index: 500;							/* Überlagerung nachfolgender Galerie-Einheiten */
	}	
.info-objekt:target object {
	width: 35.625em; height: 20em;
	}
.info-objekt:target .kreuz {		/* Rückverweis als Schließen-Button gestaltet.           */
	display: inline;
	position: absolute;
	font-size: large;
	width: 0.6em; top: 0; right: 0;
	background-color: #FFD07F; color: #00004F;
	}
/* ----------------------------------- Infofenster ----------------------------------------- */
.info-tab img {
	position: absolute;
	bottom: 0; left: 0.1em;
	height: 4em; width: 3em;
	}
.info-tab caption {
	text-align: left;
	font-size: x-large; font-weight: bold;
	padding-bottom: 0;
	}
.info-tab td {
	vertical-align: top;
	padding-bottom: 0.6em; padding-right: 0.6em;
	}
.info-frei {					/* Freihalter für den unteren Bildteil */
	float: right;
	height: 2.2em; width: 3.1em;
	margin-left: 0.4em;
	position: relative;
	overflow: visible;
	}
/* ----------------------------------- Link-Tabelle ---------------------------------------- */
.link-tab { margin-left: 1.25em; }
.link-tab caption {
	text-align: left;
	font-size: large; font-weight: bold;
	padding-bottom: 0;
	}
.link-tab td {
	vertical-align: top;
	padding-bottom: 0.6em; padding-right: 0.6em;
	}
/* ----------------------------------------------- Kontakt ------------------------------- */
.impressum-tab { 
	margin-left: 1.25em; margin-top: 2em;
	}
.impressum-inhalt {
	line-height: .9em;
	}
.a-skizze {	text-decoration: underline;	}	/* -------- Anfahrtsskizze ------------------- */
.a-skizze:hover {
	text-decoration: none;
	background-color: #0000CC;
	}
.a-skizze b {					/* inline-Element b erhält die Anker-ID, die das object-Element */
	display: none;				/* selber nicht aufnehmen kann und ohne die der Fokus nicht */
	}							/* gehalten werden kann.                                    */
.a-skizze:active b, .a-skizze:focus b {
	display: inline;
	position: absolute;
	top: 6.25em; left: 20px;
	width: 350px; height: 380px;
	border: solid olive thin;
	z-index: 500;
	}
.a-skizze:active object, .a-skizze:focus object {
	width: 350px; height: 380px;
	}
.fenster {						/* Safari und Firefox steuern das Fenster über die Pseudo-  */
	display: none;				/* klasse :target                                           */ 
	}
.fenster:target {
	display: inline;
	position: absolute;
	top: 6.25em; left: 20px;
	width: 350px; height: 380px;
	border: solid olive thin;
	z-index: 500;
	}	
.fenster:target object {
	width: 350px; height: 380px;
	}
.fenster:target a { 			/* Rückverweis als Schließen-Button gestaltet.              */
	display: inline;
	position: absolute;
	font-size: x-large;
	top: 2px; right: 2px;
	background-color: silver;
	}
.a-tab { text-align: center; }
.a-tab caption {
	font-size: large; font-weight: bold;
	}
/* -------------------------- Anfrageformular Impressumseite ------------------------------ */
.anfr-tab { 
	margin-left: 20px;
	}
.anfr-tab caption {
	text-align: left;
	font-size: large; font-weight: bold;
	padding-bottom: 0.5em;
	}
.anfr-tab td {
	vertical-align: top;
	}
input, textarea, select { background-color: #F2F2FF; }
input:focus, textarea:focus, select:focus { background-color: #E5E5FF; }
.icon {
	float: right;
	padding: 1em;
	}
/* -------------------------- Anfrageformular Konkretpreis -------------------------------- */
.anfr-tab-konkr caption {
	text-align: left;
	font-size: large; font-weight: bold;
	padding-bottom: 0.5em;
	}
.anfr-tab-konkr td {
	vertical-align: top;
	}
/* ----------------------------- Objektsteuerung Anfragefenster auf Wissensseiten ---------- */
.formular {	
	text-decoration: underline;					
	color: #FFD07F;						/* Hervorhebung Schlagworte							*/
	}
.formular object, .formular i, .formular b {
	display: none;
	}
.formular:hover {
	text-decoration: none;
	}
.formular:active span, .formular:focus span {
	display: none;
	}
.formular:active i, .formular:focus i {
	display: inline;
	position: absolute;		/* Cursor fährt aus dem vorgelagerten tag in das Formular hinein, */
	z-index:20;				/* nur so registriert IE den hover-Zustand */
	}
.formular:active b, .formular:focus b, 
.formular b:hover {			/* ist das Formular erstmal da, wird es mit hover aktiv gehalten */
	display: inline;
	position: absolute;
    top: 12.5em; left: 20px;
	width: 40.625em; height: 20em;
	border: solid olive thin;
	z-index: 10;
	}
.formular:active object, .formular:focus object, 
.formular-objekt:hover {	/* ist das Formular erstmal da, wird es mit hover aktiv gehalten */
	display: inline;
	width: 40.625em; height: 20em;
	}
.formular-objekt {			/* Fehlermeldung farblich abheben									*/
	background-color: #8A8AE6; color: #FFD07F;
	}
/* ----------------------------- Objektsteuerung Konkretpreisanfrage --------------------------- */
.konkr-anfr object, .konkr-anfr i {
	display: none;
	}
.konkr-anfr:hover {
	text-decoration: none;
	}
.konkr-anfr:active span, .konkr-anfr:focus span {
	display: none;
	}
.konkr-anfr:active i, .konkr-anfr:focus i {
	display: inline;
	position: absolute;		/* Cursor fährt aus dem vorgelagerten tag in das Formular hinein, */
	z-index:15;				/* nur so registriert IE den hover-Zustand */
	}
.konkr-anfr:active object, .konkr-anfr:focus object, 
.konkr-objekt:hover {		/* ist das Formular erstmal da, wird es mit hover aktiv gehalten */
	display: inline;
	position: absolute;
    top: 0.125em; left: 0.125em;
	width: 32.75em; height: 18.75em;
	border: solid olive thin;
	z-index: 5;
	}