* {padding: 0; margin: 0; text-decoration: none; border: 0 solid black; cursor: default;}
/*:visited {color: #ccc;}*/
*:link {color: #003262;}
*:active {border: 0 solid black;}



/* allgemein
----------------------------------- */

body {background-color: #eee; overflow: hidden;}
a {cursor: pointer;}

/*seitenübergreifende Elemente*/
#urcontainer {height: 100%; width: 100%; overflow: auto; position: relative;}/*ohne 'position: relative' sind die rechten Abstands-Container bei zahlen/artikel/bilder in Firefox auf dem Scrollbalken*/
#steuerungspuffer {height: 15%;}
.prelink {padding-left: 3px; padding-right: 3px; border: 1px dashed black; color: black; background-image: url(hg_pixiat1.png); font-weight: bold;}
.unsichtbar {display: none;}
.innererVerweis:hover {background-color: inherit; color: inherit;}
.hg_als_bild {position: absolute; width: 100%; height: 100%;}



/* einzelne Bilderseiten
----------------------------------- */

#bildflaeche {position: absolute; top: 2em; left: 1.8%; width: 90%; bottom: 2em; height: 85%; background-color: #ddd; text-align: center;}
#hauptbild {position: relative; height: 100%; max-width: 100%; max-height: 100%;}
#titelzeile {position: absolute; bottom: 2em; width: 90%; left: 1em; text-align: center; color: #000; font-family: monospace; font-weight: bold; margin-bottom: 0.1em;}
#prev_button {position: absolute; bottom: 1.6em; left: 1.8%; font-weight: bold; color: black;}
#next_button {position: absolute; bottom: 1.6em; right: 8.2%; font-weight: bold; color: black;}
/* back_button wie bei den Übersichtsseiten */


/* Bilder-Übersichtsseiten
----------------------------------- */
.bildcontainer {position: absolute; height: 25%; width: 20%; text-align: center; border: 3px solid #f4f4f4;}
.vertikal {position: relative; top: 10%; height: 80%; border: 1px solid black; cursor: pointer;}
#back_button {position: absolute; bottom: 0; right: 51.5%; padding: 0px 2px 0px 2px; border: 2px solid black; border-bottom-width: 0; font-weight: bold; color: black;}


/* Startseite
----------------------------------- */





/* Bilder-Info-Seiten
----------------------------------- */

#bdVerweise div {text-align: center;}
#bdVerweise a {margin: 2px 3px 1px 3px; padding: 0 3px 0 3px; font: bold 9pt monospace;}
#bdVerweise #nolink {cursor: default;}
#bdVerweise a {color: #000;}
#bdVerweise a:hover {background-color: #f8f8f8;}
#bdSpalte1 {position: absolute; height: 100%; width: 27%;}
#bdSpalte2 {position: absolute; left: 27%; height: 100%; width: 55%;}
#bdSpalte2 a {display: block; position: relative; top: -1em; left: -12.5%; color: black; border-bottom: 2px solid transparent;}
#bdSpalte2 a * {cursor: pointer;}
#bdSpalte2 a:hover {border-bottom: 2px solid black;}

#bdText {position: relative; top: -1.2em; padding: 2.5em 0 0 0; text-align: left; font: bold 11pt monospace; text-indent: 1em;}
.bdGalerieZeile {height: 2.6em; padding: 2px; margin-top: 0.3em; clear: left;}
.bdGalerieZiffer {height: 100%; float: left;}
.bdGalerieText {padding-top: 0.8em; padding-left: 3.6em;}





/* Navigationen
----------------------------------- */

#navi {z-index: 1; position: absolute; top: 1px; right: 1.2em; padding: 0 2px 0 2px; border-bottom: 5px solid #000; font: bold 12pt "Times New Roman"; color: #111;}
#navi a {position: relative; top: 0px; padding: 0 0.7em 1px 0.7em; margin: 0 0px -5px 0px; border-bottom: 1px solid rgb(0,0,20); width: 1px;/*für IE, sonst kein padding*/ color: #111;}
#navi a:hover {color: #606060; border-bottom-color: #f4f4f4;} /*IE bräuchte hier einen z-index:2, Opera verlangsamt dadurch aber deutlich*/



/* Kommentar-Komponente
----------------------------------- */


	#ordKommentaranker {display: none; position: absolute; top: 1.7em; right: 1em; width: 2em; border: 0px solid black;}
	#ordKommentarFormular {display: none; z-index: 10; position: absolute; width: 30em; top: 1.45em; right: 3.3em; border: 1px solid black; border-width: 1px 1px 2px 2px; background-image: url(../hg_pixiat1a.png);/* background-image: url(../hg_test.png);*/}
	#ordKommentarKopfzeile {position: relative; height: 1.4em; overflow: hidden; background-image: url(hg_pixiat1.png); cursor: default;}
	#ordKommentarTextfeld {position: relative; width: 100%; padding: 0.2em 0.35em 0.2em 0.35em; background-color: white; color: black; border-bottom: 1px solid black; border-top: 2px dashed #000; overflow: auto;}
	#ordKommentarSubmitschalter {display: none; position: absolute; top: -1em; right: 1.3em; border: 0px solid black; background-color: #eaeaea; overflow: hidden; text-align: center;}
	#ordKommentarHinweis, #ordKommentarIDText, #ordKommentarID
					 {visibility: hidden; font: 9pt "lucida console", monospace; color: black;}
	#ordKommentarHinweis {position: absolute; top: 0.4em; left: 0.5em; border-left: 0px solid #000; border-bottom: 1px solid black; letter-spacing: 1px;}
	#ordKommentarIDText {position: absolute; top: 0.3em; right: 0px; font: 0.8em "lucida console", monospace;}
	#ordKommentarID {position: absolute; top: 0.2em; right: 0px; margin-right: 3px; padding: 0 0.2em 0 0.2em; border: 1px solid black; text-align: center;}

/* veraltete Version, display: none muss aber erstmal erhalten bleiben */
   #Kommentaranker {display: none; position: absolute; top: 1.7em;/*ehem.1.45em*/ right: 2px; right: 1em; width: 2em; border: 0px solid black;}
   #Kommentarfeld {display: none; position: absolute; width: 30em; top: 1.45em; right: 3.3em; border: 1px solid black; border-width: 2px 1px 2px 1px; background-image: url(/hg_pixiat1a.png); background-image: url(/hg_test.png);}
   #KommentarKopfzeile {position: relative; height: 1.4em; overflow: hidden; background-image: url(hg_pixiat1.png); cursor: default;}
   #KommentarTextfeld {width: 100%; padding: 0.2em 0.35em 0.2em 0.35em; background-color: white; color: black; border-bottom: 1px solid black; border-top: 2px dashed #000; overflow: auto;}
   #KommentarSubmit {display: none; position: absolute; right: 1.3em; border: 0px solid black; background-color: #eaeaea; overflow: hidden; text-align: center;}
   #Kommentarart, #Kommentarziel, #kartProduktsymbol, #KommentarAuswahlArt, #KommentarAuswahlZiel, #KommentarIDText, #KommentarID
					 {display: none; font: 9pt "lucida console", monospace; color: black;}
   #Kommentarart, #Kommentarziel {position: absolute; top: 2px; border-left: 0px solid #000; border-bottom: 1px solid black; letter-spacing: 1px;}
   #kartProduktsymbol {position: absolute; font-weight: bold;}
   #KommentarAuswahlArt, #KommentarAuswahlZiel {display: none; position: absolute; margin: 0 2px 0 2px; padding-top: 0.25em; list-style-type: none; border-bottom-width: 2px; background-image: url(/hg_pixiat1.png); background-image: url(/hg_test.png);}
   #KommentarAuswahlArt li, #KommentarAuswahlZiel li {padding: 1px 3px 0px 0.6em; border: 1px solid black; border-left-width: 2px; border-bottom-width: 0; cursor: pointer; text-align: left; letter-spacing: 0px; background-image: url(hg_pixiat1.png);}
   #KommentarAuswahlArt li:hover, #KommentarAuswahlZiel li:hover {background-image: none; background-color: #eef;}
   #KommentarSchwarzeLinie {display: none; position: absolute; border-top: 2px solid black; white-space: pre;}
   #KommentarIDText {position: absolute; top: 4px; right: 0px; font: 0.8em "lucida console", monospace;}
   #KommentarID {position: absolute; top: 1px; right: 0px; margin-right: 3px; padding: 0 2px 0 2px; border: 1px solid black;}



/* Startseite
----------------------------------- */

/*Bildcontainer*/		/*Bilder werden nur über ihre Container angesprochen*/
   .a0Schriftzug img {width: 80%;}
   #profilbild {display: none; position: absolute; top: -9em; left: 2em; width: 6em;}
   #sensitiverName:hover #profilbild {display: block;}
   #skizze {position: absolute; display: block; bottom: 4em; right: 4.7em; width: 8.4em; padding: 0.43em; background-color: white; border-width: 1px 0 3px 2px; border-width: 0; border-top: dotted 3px #f1f1f1;}

/*Strukturcontainer*/	/*Elemente werden über Container und ID/Klasse angesprochen*/
   .a0Schriftzug {padding: 10px 0px 0px 14%; font-family: "DeadPostMan", monospace; font-weight: bold; font-size: 27pt;}
   #a0Baustellenzeile {clear: right; z-index: 1; position: relative; margin: 9% 5% 4em 14%;}

/*Textcontainer*/
   #a0Softwaremotto {float: right; position: relative; right: 11.2%; margin-top: -0.35em; padding: 5px 10px 5px 10px; background-color: white; font-size: 0.8em; font-style: italic; color: #888; border: dotted 3px #eee;}
   #a0Prozent { height: 0px; padding: 0.5em; margin-right: 1em; color: #aaa; background-color: white; border: 2px solid black; font: bold 2em "lucida console", monospace;}
/*ohne Höhe oder Breite erstellt der IE weder Rahmen noch Hintergrundfarbe; anders bei floats*/
   #a0Baustellentext {height: 0px; vertical-align: middle; font: bold 1.00937em "lucida console", monospace;}
/*vertical-align: middle klappt nicht nach einem float, warum auch immer*/
   #a0onlineSeit {position: absolute; right: 5.7em; bottom: 3em; padding: 6.6em 10px 5px 10px; background-color: white; font-size: 0.8em; font-style: italic; color: #888; border: dotted 3px #e7e7e7;}
	#a0Impressum {position: absolute; bottom: 0; left: 0; right: 1.2em; /*overflow: hidden; schneidet das Profilbild ab*/ padding: 0.3em 0 0.3em 0; text-align: center; font-family: monospace; font-size: 0.9em; font-weight: bold; color: #666; background-color: black;}
	#a0Impressum span {color: #aaa;}
	#a0Impressum * {font-size: 10pt;}

	#a0Impressum .z1 {margin-right: 5px; border-top: 1px dotted #555;}
	#a0Impressum .z2 {margin-right: 3px;}
	#a0Impressum .z3 {margin-right: 2px;}
	#a0Impressum .z4 {margin-right: 1px; height: 2px;}
	#a0Impressum .deckel {display: block; background-color: #555;}
	#a0Impressum .deckel b {display: block; height: 1px; overflow: hidden; background-color: black;}

   #sensitiverName {color: #555;}

/*Schmuckcontainer*/
   #a0Trennstab {margin: 2px 10% 2px 10%; height: 4px; background-color: black; font-size: 0px;}







/* Nachbarn-Container
----------------------------------- */

/*Bildcontainer*/		/*Bilder werden nur über ihre Container angesprochen*/

/*Strukturcontainer*/	/*Elemente werden über Container und ID/Klasse angesprochen*/
	#nbSpaltenhalter {display: none; margin: 0 0 6em 18%; width: 65%; padding: 0; background-image: url("../hg_test.png")}
	#nbSpalte1, #nbSpalte2 {float: left; position: relative; left: 8%; width: 38%; background-color: white; background-image: url(hg_pixiat1.png); border-bottom: 1em solid black; margin-bottom: 12%;}
	.nbEmpfehlungsblock {padding-bottom: 5px; border-width: 1px; text-indent: -3.2%;}
	.nbEmpfehlung span {height: 0; margin-right: 3px; border-width: 1px;}

/*Struktur- und Textcontainer*/
	#e11, #e12, #e13 {border-left: 0.5em solid #050505; padding: 1px 0 0 0;}
	#e21, #e22 {border-right: 0.5em solid #050505; padding: 1px 0 0 0;}
	#e11 .nbEmpfehlung, #e12 .nbEmpfehlung, #e13 .nbEmpfehlung {position: relative; padding: 2px 2% 4px 5%; text-align: justify;}  /* gemeint ist jede einzelne Empfehlung mit Link und Text im linken Float*/
	#e21 .nbEmpfehlung, #e22 .nbEmpfehlung {position: relative; margin: 0.2 1em 0 0; padding: 2px 2em 4px 5%; text-align: justify;}  /* gemeint ist jede einzelne Empfehlung mit Link und Text im rechten Float*/

/*Textcontainer*/
	#nbMotto {position: relative; width: 11em; white-space: nowrap; left: 10%; margin: 0 16% 0 0; padding: 1px 3em 1px 3em; border-width: 2px 3px 0px 2px; border-color: #000; background-color: #fff; color: black; font: 9pt monospace;}
	.nbUeberschrift {width: 100%; margin-bottom: 1px; padding: 2px 0 2px 0; background-color: black; color: white; font: bold 1.2em "DeadPostMan", "lucida console"; text-align: center; text-indent: 0;} /* ohne text-indent:0 erzeugt IE unregelmäßige Freiflächen in den Überschriften */
	.nbUnterUeberschrift {}
	.nbUnterUeberschrift2 {padding: 2px 3em 0 0; color: black; font: italic 9pt "lucida console"; text-align: right;}
	.nbEmpfehlung a {height: 0; padding: 0 2px 0 2px; font-weight: bold; text-indent: 0;} /* scheint der IE zu vererben, deshalb überschreiben */
	.nbEmpfehlung a:hover {color: black; background-color: #003262;}
	.nbEmpfehlung span a:visited {background-image: url(hg_pixiat2_3.png); color: black;}
	.nbEmpfehlung span a:visited:hover {background-image: none; background-color: white;}

/*Schmuckcontainer*/
	#nbMottopuffer {margin: 0 16% -2px 8%; z-index: 2; position: relative; height: 8px; line-height: 0; background-color: #223; border-bottom: 1px solid #222; border-top: 6px solid black;}
	#nbAbstandUnten {clear: both;}




/*end*/