/* Zeilen wie diese, die mit Schraegstrich und Stern  beginnen und mit Stern und Schraegstrich enden */
/* sind Kommentarzeilen. */
/* Es folgen die Style-Definitionen, die man aendern kann: */
/* Unterhalb jedes Befehls steht eine Kurzerklaerung */

/* Hintergundfarbe body #e6e6e6 */
/* Hintergundfarbe Stereoseiten #404040 */
/* Hintergundfarbe Navigation inter #6666ff */
/* Hintergundfarbe Navigation intra ##d7d7d7 */
/* Hintergundfarbe Bildunterschriften #d7d7d7 */
/* Farbe Bildunterschriften #484848
/* Hintergundfarbe Hinweise #d7d7d7 */
/* Rahmenfarbe inter #1111cc */
/* Rahmenfarbe intra #1111cc */
/* Farbe Link #3333dd */
/* Farbe Link #111166 */
/* Farbe Buttonh #1111cc */
/* Farbe Button #6666ff */

/* zentrale Anweisung für die Schriftarten  */
body {
	background-image:url(../grafik/hintergrund/backmain.gif);
	font-family: 'Lucidia', verdana, helvetica, serif;
	font-size: 10pt;
}

/* zentrale Anweisung für die Schriftarten  */
table {
	font-family: 'Lucidia', verdana, helvetica, serif;
	font-size: 10pt;
}

/* kleine Schrift für "NEUES" auf der Startseite  */
.neues {
	font-size: 8pt;
	vertical-align: top;
}

/* Größe von Seitenueberschriften */
h2 {
	font-size: 20pt;
	text-align: center
}

/* Farbe von führenden Großbuchstaben in Seitenüberschriften; inkompatibel mit MS IE 5.0  */
h2:first-letter {
	font-size: 23pt;
	color: #0000ff;
}

/* Überschriften H3 */
h3 {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}

/* Überschriften H4 */
h4,.h4 {
     font-weight: bold;
     text-align: left;
}

/* Bilder mit Unterschriften neu ab 2.1.2022 */
figure {
	position: relative;
	margin: 0 5px 5px 0;
	padding: 0;
	width: 402px;
	float: left;
	background-color: #d0d0d0;
}

/* Bilder mit Rahmen */
figure img {
	border: solid 1px #000000;
}

/* Bilder wenn sie Link sind mit breiterem Rahmen (Opera 7.54 ignoriert Stylesheetangaben zu Bilderrahmen */
a img {
	border: solid 2px;
}

/* Farbbox Bildunterschrift bei Bildern mit Link wird verbreitert */
.fotolink {
	width: 404px;
  }

/* Bilder wenn sie Link sind welche keinen Rahmen haben sollen */
.noborder {
	border: 0px;
}

/* Bildunterschriften */
figcaption {
	color: #484848;
	font-size: 8pt;
	text-align: right;
	padding: 2px 5px;
	background-color: #d0d0d0;
}

/* Datentabellen  */
.daten {
	display: inline-block;
	background-color: #d7d7d7;
	margin: 4px;
	padding: 4px;
	border: solid 2px #666666;
}

/* Anweisungen für Stücklisten */

.stueckliste {
	vertical-align: top;
	background-color: #d7d7d7;
	border-bottom: solid 1px #000000;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 1px;
}

/* Anweisungen für Preisliste */
.preisliste {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 20px;
}
.preislistenzelle_links {
	vertical-align: top;
	border-right: solid 1px #000000;
	padding: 3px;
}
.preislistenzelle_innen {
	vertical-align: top;
	text-align: right;
	border-right: solid 1px #000000;
	padding: 3px;
}
.preislistenzelle_rechts {
	vertical-align: top;
	padding: 3px;
}

/* Anweisungen für Schaltbilder */
.plan {
	float: left;
	border: solid 1px #000000;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* DUNKEL-Tabellenzellen  */
.hinter1 {
	background-color:#bbbbee;
}

/* HELL-Tabellenzellen  */
.hinter2 {
	background-color:#ccccee;
}

/* hervorgehobene Texte, Buchstaben oder Zahlen  */
.hinter3 {
	background-color: #dd5555;
	font-weight: bold;
	padding: 0px 2px;
}

/* Hervorhebung Sprachenhinweise auf Link-Seite  */
.hinter4 {
	background-color: #ccccee;
	padding: 0px 2px;
}

/* Hervorhebung auf Plan-Seite für Lucas Kanig */
.hinter5 {
	background-color: #c0eec0;
	padding: 0px 2px;
}

/* Hinweise  */
.hinweis {
	background-color: #d7d7d7;
	margin: 0px 40px;
	padding: 4px;
}

/* Sicherheitshinweise  */
.sicherheitshinweis {
	display: inline-block;
	text-align: center;
	background-color: #d8cecc;
	border: solid 2px #dd7777;
	padding: 4px;
	margin: 10px 50px;
}

/* Anmerkungen  */
.anmerkung {
	font-size:10pt;
	background-color: #d7d7d7;
	margin: 10px 40px;
	padding: 4px;
	border: solid 2px #1111cc;
}

/* Beschriftung in Fotos, z.B. Quellenangaben  */
.bildbeschriftung {
	font-size:8pt;
	background-color: #d7d7d7;
	margin: 0px 0px;
	padding: 2px;
}

/* unnummerierte Listen  */
ul {
	padding: 0px 20px;
	list-style-image:url(../grafik/pfeil.gif)
}

/* Darstellung der Fotos mit Unterschriften in einer Galerieübersicht */
.galerie {
	text-align: center;
	float: left;
	width: 160px;
	padding: 10px;
} 

/* Linien; Angabe size wird von allen getesteten Browsern ignoriert */
hr {
	width: 100%;
	text-align: left;
	size: 1px;
	margin-left: 0;
	color: #bbbbbb;
	noshade;
}

/* Verweise */
/* a:link = Verweise zu noch nicht besuchten Seiten */
/* a:visited = Verweise zu bereits besuchten Seiten */
/* a:focus = Verweise, die per Tabulator im Focus stehen */
/* a:hover = Verweise, wo gerade die Maus drüberfährt (nicht NETSCAPE bis 6.0 und keine Mobilen Endgeräte) */
/* a:active = Verweise, die gerade angeklickt werden */

a:link { color:#3333dd; text-decoration:underline; }
a:visited { color:#111166; text-decoration:underline; }
a:focus { color:#111166; text-decoration:underline; }
a:hover { color:#111166; text-decoration:underline; }
a:active { color:#3333dd; text-decoration:underline; }

a:link img { border-color: #3333dd; }
a:visited img { border-color: #111166; }
a:focus img { border-color: #111166; }
a:hover img { border-color: #111166; }
a:aktive img { border-color: #3333dd; }

/* Inter-Navigations-leisten innerhalb eines Themas (blaue Balken) */
p.inter {
	color:#ffffff;
	font-size:10pt;
	background-color:#6666ff;
	text-align:center;
	padding:10px;
	margin-top:0px;
	margin-bottom:15px;
	border: solid 1px #1111cc;
}

/* Links innerhalb von Navigationsbereichen */
p.inter a:link { color:#ffffff; text-decoration:none; }
p.inter a:visited { color:#ffffff; text-decoration:none; }
p.inter a:focus { color:#ffffff; text-decoration:none; }
p.inter a:hover { color:#ffffff; text-decoration:underline; }
p.inter a:active { color:#ff0000; text-decoration:none; }

/* Intra-Navigations-Tabellenzellen innerhalb einer Seite (graue Balken) */
p.intratop, p.intra {
	color:#1111cc;
	font-size:10pt;
	text-align:center;
	border-bottom:solid 1px #888888;
	background-color:#d7d7d7;
	padding:2px 5px;
	margin:25px 0px 10px;
}

/* Intra-Navigations-Tabellenzellen (graue Balken für In der Seite Navigation) */
p.intra {
	border-left:solid 10px #888888;
	text-align:left;
	clear:both;
}

/* Links innerhalb von Navigationsbereichen */
p.intratop a:link { color:#1111bb; text-decoration:none; }
p.intratop a:visited { color:#1111bb; text-decoration:none; }
p.intratop a:focus { color:#1111bb; text-decoration:none; }
p.intratop a:hover { color:#1111bb; text-decoration:underline; }

/* Anweisung für die Navigationsleiste auf der Startseite */

/* Hintergrundbild und grundsätzliches Schriftbild */
.navigation {
	vertical-align: top;
	width: 100px;
	color: #ffffff;
	text-align: center;
	font-size: 7pt;
}

/* Grundeinstellungen für Listen mit diesen Werten überschreiben 		ul#navigation li		*/
li.navigation {
	text-align: center;
	list-style: none;
	margin: 2px;
	padding: 0px;
}

/* Abstand der Buttons zu den Rändern */
ul#navigation {
	padding: 0px;
}

/* Schriftbild, -farbe, Hintergrundfarbe und Erscheinungsbild der Buttons */
ul#navigation a {
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	background-color: #aaaaaa;
	border: 1px solid black;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	display: block;
	width: 8em;
	padding: 2px;
}

/* Schrift- und Hintergrundfarbe sowie Erscheinungsbild der Buttons während des Überfahrens */
ul#navigation a:hover {
	color:#ffffff;
	background-color:#827bfd;
	border-color:#ffffff;
	border-left-color:#000000;
	border-top-color:#000000;
}

/* Schriftfarbe bei aktivem Button */
ul#navigation a:active {
	color:#ff0000;
}
/* Schriftfarbe bei aktivem Button */
.webcounter {
	color:#666666;
}